.error {
    color: red;
}
.form-control.error {
    border-color: red;
}
section.contact-section.error-found {
    padding: 100px 0px 50px;
}
.banner-section.case_study {
    background: #0166be;
    height: 100%;
    padding: 150px 0px 75px;
}
.experience-section.case-study{
    margin-top: 0;
}
.experience-section h2 {
    font-size: 40px;
    line-height: 1.2;
    width: 100%;
    margin-bottom: 30px;
}
.location-box .contact-details li a span{
    color: #ff561d;
    letter-spacing: 1px;
}
.sidebr-tb form.tabs1-outer a.call-link span{
    color: #000000;
}
.banner-section.case_study .textt {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.shopify-menu-content a.shopify-menu-heading span.txt {
    line-height: 30px;
}
.shopify-menu-content a.shopify-menu-heading {
    font-size: 18px;
    color: #ff561d;
    font-family: "FuturaBTW01-Medium";
    display: flex;
    align-items: center;
    white-space: nowrap;
    line-height: 28px;
    padding-top: 10px;
    justify-content: center;
    letter-spacing: 1px;
    font-weight: 700;
    position: relative;
    border: 0 none;
    text-decoration: none;
}
.site-header .overlay-menu .main-menu-nav li a.case-studies-view::before{
    content: '';
}
.site-header .overlay-menu .main-menu-nav a.case-studies-view:hover::before{
    width: 0;
}
.site-header .overlay-menu .main-menu-nav a.shopify-menu-heading span.txt {
    position: relative;
    top: 5px;
}
.shopify-menu-content a.shopify-menu-heading span img{
    width: 24px;
    margin-right: 10px;
    height: auto;
    padding-top: 0px;
}
.sidebr-tb form.tabs1-outer h4 span {
    font-weight: 700;
    font-size: 24px;
}
.main-formss.contact-form input.form-control,
.main-formss.contact-form textarea.form-control {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.tabs1-outer .input-group {
    position: relative;
}
.tabs1-outer .input-group input {
    width: 100%;
}
.tabs1-outer .input-group .input-group-append {
    position: absolute;
    right: -2px;
    height: 60px;
    margin-left: 0;
}
.sidebr-tb form.tabs1-outer .form-group {
    position: relative;
}
.sidebr-tb form.tabs1-outer .form-group label {
    font-size: 14px;
}
.sidebr-tb form.tabs1-outer .form-group input.form-control {
    margin-bottom: 0px;
}
section.tabs.sidebr-tb {
    top: 0;
}
section.tabs div#nav-tab .nav-item:last-child {
    justify-content: flex-end;
}
.accordion-trigger {
    color: #FFF;
    cursor: pointer;
    padding: 10px 0px;
    position: relative;
    border-bottom: 1px solid #242424;
}
.accordion-trigger::after {
    font-family: 'FontAwesome';
    content: "\f067";
    font-size: 14px;
    color: #ffffff6b;
    position: absolute;
    right: 15px;
    top: 20px;
}
section.tabs.sidebr-tb {box-shadow: 1px 1px 10px rgb(0 0 0 / 40%);}
div#tawkchat-minified-box .theme-background-color {background-color: #000 !important;}
div#tawkchat-maximized-wrapper .theme-background-color {background-color: #ff561d !important;}
div#tawkchat-minified-box #formSubmit, div#tawkchat-minified-box #formSubmit-pc {background-color: #ff561d !important;}
.sidebr-tb form.tabs1-outer a.call-link{color: #ff561d;font-size: 18px;font-weight: 600;text-decoration: none;}
.achievements-section .main-slider .slick-slide { min-height: 380px;display: flex;justify-content: space-between;flex-direction: column;}
.achievements-section .main-box-body {min-height: 120px;}
.achievements-section .bottom-cont{bottom: 0px;}

/*------------------14-01-2021 css start here-----------------*/

.banner-section {
    height: 100%;
    margin-top: 124px;
}
.banner-section.mag-hm.home{height: 100%;}
.banner-section.services-banner {padding: 100px 0 50px;}
.banner-section.services-banner video.bg-vid {height: 700px;} 
section.Lbanner-section{padding: 150px 0 100px;height: 100%;}
.banner-section.magento , section.wbanner-section , .banner-section.aws , .banner-section.angular-banner , .banner-section.app-dev-bnr {height: 100%;}
.footer-area a.intouch:focus {background: #ff561d;}
/*-----------------18-01-2021 css start here--------------*/
footer.footer-area.footer--light .footer-mob-hide {
    padding: 0;
}
.our-section.portfolio .boxx .port-inner-img {
    position: relative;
}
.our-section.portfolio .boxx .port-inner-img .overlay {
    opacity: 0;
    transition: 0.3s;
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    top: 0;
    border-radius: 10px;
    background: rgb(93 90 90 / 55%);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
    color: #fff;
}
.our-section.portfolio .boxx .port-inner-img:hover .overlay {
    opacity: 1;
    visibility: visible;
    transition:0.3s;
}
.our-section.portfolio .boxx .port-inner-img .overlay a {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.6);
    padding: 10px 18px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 15px;
    border-radius: 4px;
    margin: 0 18px;
    transition: 0.3s;
}
.our-section.portfolio .boxx .port-inner-img .overlay a:hover {
    color: #fff;
    background: #ff561d;
    transition: 0.3s;
}
/*----------------18-01-2021 css ends here-----------------*/

 video::-webkit-media-controls {display:none !important;}
.main-header .navbar-light li#last a {margin: 0;}

@media (max-width: 1440px){
    .banner-section.mag-hm{padding: 160px 0 20px;}
    body .banner-section.mag-hm.home h1 { padding-top: 30px;}
    .banner-section.php-banner::before{height: 750px;}
    .banner-section.php-banner {padding: 160px 0 110px;}
    .banner-section.ios-banner {padding: 140px 0 0px !important;}
    .banner-section.ios-banner h1 {font-size: 70px;line-height: 85px;}
    .banner-section.ios-banner p {line-height: 30px; font-size: 20px;}
    .site-header .overlay-menu-trigger .menu-btn.active:before{top: 3px;}
    }

/*------------------14-01-2021 css ends here------------------*/

/*-------------Responsive Css start here---------------*/
@media (max-width:1366px){
    .achievements-section .main-slider .slick-slide {min-height: 350px;}
    .achievements-section .bottom-cont {bottom: 20px;}
    /*--------14-01-2021 css start here-------*/
    .banner-section.services-banner {padding: 150px 0 0px;}
    .expert-section.magento {padding: 80px 0 80px;}
    .banner-section.ios-banner.white-bg.inner-bnr h1 {line-height: normal !important;}
}

@media (max-width:1080px){
    section.wbanner-section {height: auto;}
    section.Lbanner-section {height: auto;}
    /*--------------14-01-2021 css start here--------------*/
    .banner-section.services-banner{background-position: top -100% center; background-position: center;}
    .banner-section.portfolio {padding: 150px 0 100px;}
    .banner-section.php-banner::before {height: 600px;}
    .banner-section h1 span {font-size: 30px !important;}
    .banner-section.ios-banner.white-bg.inner-bnr{font-size: 40px !important;}
    .banner-section .textt {padding-left: 15px;}
}

@media (max-width:1024px) {
    .banner-section.services-banner {height: 60vh;}
    .banner-section.app-dev-bnr {height: 60vh;}
    .footer-menu.footer-menu--1 { padding-left: 50px;}
    ol.carousel-indicators.cst-tab li {font-size: 18px;}
    .banner-section.services-banner{background-position: 50% -50%;}
}

@media (max-width:991px){
    .services-section.mag-hm .boxes:nth-of-type(2n) {padding-left: 8px !important;}
    .home .services-section.mag-hm .boxes:nth-of-type(2n+1) {padding: 0 8px 0 8px;}
    .banner-section.app-dev-bnr::before {height: 145px;}
    .main-header .navbar-light .navbar-nav .nav-link {font-size: 10px;}
     body .footer-menu.footer-menu--1 {padding-left: 20px;}
    .footer-area .col-md-3.col-sm-12 {padding-right: 0 !important;padding-left: 0;}
    .footer-area a.intouch{padding: 12px 6px;}
}
@media (max-width:991px) and (min-width:768px){
    .footer-area .col-md-3.col-sm-12.first {flex: 0 0 33.3%;max-width: 33.3%;}
    .footer-area .col-md-2.col-sm-4.footer-mob-hide { flex: 0 0 33.3%;max-width: 33.3%;}
    body .footer-menu.footer-menu--1 {padding-left: 50px;}
    footer.footer-area .col-md-4.col-sm-4.footer-mob-hide.keep-touch {flex: 0 0 60%; max-width: 60%;}
    .footer-area .footer-big {padding: 40px 15px 30px 15px;}
    .vertical-tbs .nav-tabs .nav-link.active {font-size: 16px;}
    .vertical-tbs .nav-tabs .nav-link {font-size: 16px;}
}
@media (max-width:768px) {
    .banner-section.services-banner {height: 50vh;}
    .banner-section.services-banner .video_box {padding-right: 20px !important;}
    .banner-section.app-dev-bnr {height: 70vh;}
    .footer-search .input-group input {padding: 20px 10px;}
    .banner-section.app-dev-bnr {height: auto;}
     footer.footer-area.footer--light .footer-mob-hide {padding: 0;}
    .footer-search .input-group .btn{font-size: 12px;}
   
    .banner-section.about {padding: 160px 0 120px !important;}
}

@media (max-width:767px){
  
    .navigation-portrait .nav-menu > li > a{font-size: 16px;width: 100%;}
    header .main-header {position: fixed;left: 0;right: 0;background: #fff;height: auto; z-index: 999;}
    .navigation-portrait .nav-menu > li {padding: 20px 0px 20px 0px;}
    header nav.navbar-light .navbar-toggler.mobile-toggle{top: 0;}
    .error-found .error-left{margin-bottom: 25px !important;}
    .error-left svg {width: 100%;max-width: 250px; height: auto;}
    section.tabs.sidebr-tb{box-shadow: none;}
    .footer-menu.footer-menu--1 {padding-left: 0;}
    .footer-search .input-group input {height: 44px;}
    .banner-section.services-banner {height: auto;}
    .banner-section.services-banner div#wool-paralax {height: 300px;}
    .footer-search .input-group .btn{height: 44px;}
    .footer-mobile .accordion-collapse {padding: 0;}
    .banner-section.services-banner .video_box {padding-right: 0px !important;padding: 0 10px !important;}
    .expert-section.hiring-section.aws .clr-1 {padding: 20px 0;}
    .expert-section.hiring-section.aws .content-block {padding: 10px 20px;}
    .expert-section.hiring-section.aws .content-block h2 {line-height: 35px;font-size: 25px;}
    .hiring-section.aws h3 {font-size: 20px;line-height: 30px;}
    .content-block ul.block-list li { font-size: 16px;line-height: 26px;}
    .content-block ul.block-list{ padding: 0px 10px;}
    .benefits-section.aws h2 span {font-size: 35px;}
    /*-----------------14-01-2021 css start here-------------*/
    body .banner-section.mag-hm.home h1 , .banner-section.mag-hm.home h1 span{font-size: 30px !important;} 
    .services-section.mag-hm .services-box>svg {width: 60px;height: 60px;}
    .banner-section.portfolio .orange-bg{margin-top: 0;}
    body .banner-section h1 {font-size: 30px !important;}
    .activity-gallary {padding: 0px 0px 50px;}
    .banner-section.contact-us h1 {font-size: 30px !important;}
    .banner-section.angular-banner.white-bg.inner-bnr {padding: 120px 0 40px !important;}
    .banner-section .textt {padding: 0 15px !important;}
    body .banner-section.crossplat-banner .font-light span {font-size: 30px !important;}
    span#tawk-minified-mobile-text {font-size: 0;}
    .footer-area p {margin-top: 10px;}
    .rectangle span#tawk-minified-mobile-text {font-size: 0 !important;}
    .services-section.mag-hm .single-service {padding: 35px 25px;}
    .banner-section.services-banner { background-position: center;}
}
/*----------------14-01-2021 css start here--------------*/

@media (max-width:575px){
    .banner-section.mag-hm.home .award-outer{margin: 30px auto 0 !important;}
    body .banner-section.mag-hm.home h1 {padding-top: 0px;}
    .home .services-section.mag-hm .boxes:nth-of-type(2n+1) { padding: 0;}
    .services-section.mag-hm .boxes:nth-of-type(2n) {padding-left: 16px !important;}
    .banner-section.contact-us h1 {font-size: 30px !important;}
    .banner-section.about p {line-height: 30px; font-size: 22px;padding-top: 0;}
    .banner-section.about {padding: 140px 0 120px !important;}
    .banner-section.portfolio.contact-us img{display: none;}
    header .navbar-light .navbar-brand img {max-width: 130px;}
    header .main-header {padding: 5px 0px;    height: auto;}
}

@media (max-width:480px){
    .home .services-section.mag-hm .boxes:nth-of-type(2n+1) {
        padding: 0 8px;
    }

    .services-section.mag-hm .boxes:nth-of-type(2n) {
        padding-left: 8px !important;padding-right: 8px;
    }
    .expert-section.about {
        padding: 80px 0 70px;
    }
}
@media (max-width: 400px){
    body .footer-area .footer-big .container {
        padding: 0px 15px !important;
    }
}
.hire-developer{ border-radius: 4px; background: #6ba72d; display: inline-block; font-size: 20px; line-height: normal; color: #ffffff; font-weight: 500; font-family: 'FuturaBTW01-Medium'; padding: 18px 27px; margin-top: 40px; text-decoration: none !important; position: relative; padding-left: 55px; }
.hire-developer:hover{ background: #82ca38; transition: all .5s ease-in-out; color: #fff; }
.hire-developer i, .hire-develop i { padding-right: 5px; }
.hire-developer:before { box-shadow: 0 0 0 rgba(255, 255, 255, .4); animation: pulso 2s infinite; transition: .5s; content: ""; width: 15px; height: 15px; border: 3px solid #fff; position: absolute; left: 25px; border-radius: 50%; top: 0px; bottom: 0px; margin: auto; }