@media(max-width:1600px){
    .mx-1600{
        max-width:calc( 1570px - 261px);
    }
    .section-head {
        font-size: calc(60px - 10px);
    }
    .para-text{
        font-size: 18px;
    }
    .btn {
        padding: 15px 25px;
        font-size: 18px;
    }
    .curved-lines {
        left: 5%;
        width: 90%;
    }
    .warehouse {
        top: 40%;
        right: 5%;
    }
    .purchase {
        top: 40%;
        left: 5%;
    }
    .fleet {
        bottom: 25%;
        left: 18%;
    }
    .drivers {
        bottom: 25%;
        right: 18%;
    }
    .module span {
        height: 45px;
        width: 45px;
    }
    .circle-container .module {
        padding: 12px 15px;
        font-size: 17px;
        width: calc(230px - 38px);
    }
    .analytics {
        bottom: 11%;
        left: 42%;
    }
    .btn-wrap{
        max-width: calc(450px - 75px);
    }
    .banner-sec {
        padding-top:calc( 200px - 33px);
        padding-bottom:calc(100px - 16px);
    }
    .spinner-item{
        height: calc(550px - 91px);
        width:calc(550px - 91px);
    }
    .spinner-item--2{
        height: calc(700px - 116px);
        width:calc(700px - 116px);
    }
    .banner-content {
        max-width: calc(815px - 135px);
    }
    .about-content {
        max-width: calc(660px - 110px);
    }
    .services-sec {
        padding: calc(90px - 15px) 0 calc(60px - 10px);
    }
    .section-header {
        margin-bottom: calc(90px - 15px);
    }
    .servicehead-sec {
        padding:20px 35px;
        /* height:calc( 300px - 50px); */
    }
    .service-card{
        margin-bottom: 20px;
    }
    .service-card p{
        font-size: 18px;
    }
    .card-head {
        font-size:calc( 25px - 4px);
    }
	header.affix{ 
		padding: 7px 0; 
	}
	header.affix .nav-bar ul li a{
		font-size:16px
	}
    .feature-sec {
        padding: 24px 0 50px;
    }
    .feature-card {
        padding: 25px 15px;
        height:calc( 215px - 35px);
        margin-bottom: calc(80px - 13px);
    }
    .video-wrap {
        max-width: calc(1200px - 200px);
    }
    .play-button-wrap button svg{
        height:85px;
        width: 85px;
    }
    .howitworks-sec {
        padding: 40px 0;
    }
    .howitworks-sec .section-header {
        margin-bottom: 40px;
    }
    .blog-sec {
        padding: 40px 0;
    }
    .blog-btn{
        font-size: 18px;
    }
    .blog-img {
        height: calc(245px - 40px);
        margin-bottom: 20px;
    }
    .blog-sec .section-header {
        margin-bottom: 25px;
    }
    .benefits-item{
        font-size: 16px;
        padding: 12px 20px;
        margin-bottom: 15px;
    }
    .blog-head h4{
        font-size: 22px;
    }
    .benefits-wrap{
        margin-bottom: 35px;
    }
    .step-grid p {
        font-size: 15px;
    }
    .subhead {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .contact-sec {
        padding: calc(80px - 13px) 0;
    }    
    footer{
        padding: 25px 0;
    }
    .about-content-sec {
        padding-top: 65px;
    }
    .about-sec {
        padding: calc(85px - 14px) 0;
    }
    .services-sec .section-header .para-text{
        font-size: 22px;
    }
	.servicehead-sec{
		min-height:240px;
	}
	.landBannerSection .bannerRow p{
	    font-size:24px;
	}
	.contact-sec p a{
	    font-size:18px;
	}
}
@media(max-width:1400px){
    .mx-1600 {
        max-width: calc(1570px - 261px*2);
    }
    .section-head {
        font-size: calc(60px - 10px*2);
    }
    .para-text {
        font-size: 16px;
    }
    .banner-content {
        max-width: calc(815px - 135px*2);
    }
    .circle-container .module {
        padding: 10px 12px;
        font-size: 15px;
        width: calc(230px - 38px*1.5);
    }
    .module span{
        height: 40px;
        width: 40px;
    }
    .module span svg{
        height: 20px;
        width: 20px;
    }
    .tms {
        top: 20%;
    }
    .freight {
        top: 20%;
    }
    .fleet {
        bottom: 30%;
        left: 15%;
    }
    .drivers {
        bottom: 30%;
        right: 15%;
    }
    .analytics {
        bottom: 21%;
        left: 41%;
    }
    .btn {
        padding: 12px 24px;
        font-size: 16px;
    }
    .btn-wrap {
        max-width: calc(450px - 75px*1.5);
    }
    .banner-sec {
        padding-bottom: calc(100px - 16px* 2);
    }
    .about-content-sec {
        padding-top: 50px;
    }
    .about-sec {
        padding: calc(85px - 14px*2) 0;
    }
    .services-sec {
        padding: calc(90px - 15px*2) 0 calc(60px - 10px*2);
    }
    .section-header {
        margin-bottom: 40px;
    }
    .servicehead-sec {
        padding: 15px 25px;
    }
    .services-sec .section-header .para-text{
        font-size: 20px;
    }
    .section-head{
        margin-bottom: 5px;
    }
    .service-card p {
        font-size: 16px;
    }
    .servicehead-sec{
        min-height: 200px;
    }
    .feature-card {
        padding: 20px 15px;
        /*height: 220px;*/
        margin-bottom: calc(80px - 13px* 3);
    }
    .feature-sec {
        padding: 20px 0 30px;
    }
    .howitworks-sec .section-header {
        margin-bottom: 15px;
    }
    .howitworks-sec {
        padding: 25px 0;
    }
    .arrow-icon {
        right: 8px;
        top: 10px;
    }
    .card-head {
        font-size: calc(25px - 4px*1.5);
    }
    .blog-sec {
        padding: 30px 0;
    }
    .video-wrap {
        max-width: calc(1200px - 200px*1.5);
    }
    .play-button-wrap button svg {
        height: 80px;
        width: 80px;
    }
    .howitworks-sec .para-text {
        margin-bottom: 15px;
    }
    .blog-head h4 {
        font-size: 20px;
    }
    .step-grid p {
        /*font-size: 16px;*/
    }
    .step-grid span {
        margin-right: 7px;
        height: 25px;
        width: 25px;
        font-size: 14px;
    }
    .benefits-item {
        /*font-size: calc(25px - 4px*2);*/
        padding: 10px 15px;
        margin-bottom: 10px;
    }
    .contact-sec {
        padding: calc(80px - 13px*2) 0;
    }
    .spinner-item {
        height: calc(550px - 91px*2);
        width: calc(550px - 91px*2);
    }
    .spinner-item--2 {
        height: calc(700px - 116px*2);
        width: calc(700px - 116px*2);
    }
    .landBannerSection .bannerRow p {
        font-size: 20px;
    }
    /*.step-grid p{*/
    /*    font-size:15px;*/
    /*}*/
    .contact-sec p a{
	    font-size:16px;
	}
}
@media(max-width:1200px){
    .module span {
        height: 35px;
        width: 35px;
    }
    .module span svg {
        height: 15px;
        width: 15px;
    }
    .circle-container .module {
        font-size: 14px;
        width: calc(230px - 38px* 2);
    }
    .spinner-wrap {
        margin-top: 150px;
    }
    .banner-sec {
        padding-bottom: calc(100px - 16px* 3.5);
    }
    .about-content-sec {
        padding-top: 40px;
    }
    .section-head {
        font-size: calc(60px - 10px* 2.5);
    }
    .about-sec .section-head {
        max-width: 400px;
    }
    .about-content {
        max-width: calc(660px - 110px*2);
    }
    .services-sec {
        padding: calc(90px - 15px* 3) 0 calc(60px - 10px* 3);
    }
    .section-header {
        margin-bottom: 30px;
    }
    .feature-sec {
        padding: 15px 0 20px;

    }
    .card-head {
        font-size: calc(25px - 4px* 1.8);
    }
    .feature-card svg{
        height: 25px;
        width: 25px;
    }
    .feature-card {
        height: 200px;
        margin-bottom: calc(80px - 13px* 4);
    }
    .blog-sec {
        padding: 20px 0;
    }
    .contact-sec {
        padding: calc(80px - 13px* 2) 0;
    }
    .benefits-item {
      font-size:14px;
    }
    footer {
        padding: 20px 0;
    }
    .social-icon svg {
        width: 20px;
        height: 20px;
        margin-right: 25px;
    }
    .step-grid p {
        font-size: 14px;
    }
    .landBannerSection .bannerRow p {
        font-size: 18px;
    }
}
@media(max-width:991px){
    .blog-head h4 {
        font-size: 18px;
    }
    .servicehead-sec {
        padding: 15px 20px;
    }
    .howitworks-sec {
        padding: 20px 0;
    }
    .how-work-img{
       padding: 30px 0;
    }
    .blog-card .para-text{
        font-size: 15px;
    }
    .contact-sec {
        padding: calc(80px - 13px*3) 0;
    }
    .steps-wrap {
        align-items: start;
         flex-direction: column; 
        gap: 15px;
    }
    .step-grid{
        align-items: center;
    }
    .circle-container {
        margin-top: -13rem;
    }
    .purchase {
        top: 35%;
        left: 3%;
    }
    .warehouse {
        top: 35%;
        right: 4%;
    }
    .analytics {
        bottom: 25%;
        left: 43%;
    }
    .drivers {
        bottom: 40%;
        right: 12%;
    }
    .warehouse {
        top: 35%;
        right: 3%;
    }
    .fleet {
        bottom: 40%;
        left: 15%;
    }
    .handburger-menu{
        display: block;
    
    }
    .nav-bar-top{
        position: fixed;
        background-color: #E9E6EF;
        top: 0;
        right: 0;
        height: 100vh;
        width: 320px;
        z-index: 320;
        opacity: 0;
        visibility: hidden;
        align-items: baseline !important;

    }
    .nav-bar-top.active{
        opacity: 1;
        visibility: visible;
       
        padding: 30px 20px;
    }
    .nav-bar-top ul{
        flex-direction: column;
        padding-left: 0;
        justify-content: start;
        margin-left:0;
    }
    .nav-bar-top.active .logo-img{
        height: auto;
        margin: auto;
        margin-top: 0;
        margin-bottom:30px;
        display: block;
    }
    .nav-bar-top ul li{
        margin-bottom: 15px;
        margin-right: 0;
        text-align:center;
    }
    .nav-bar ul li a {
        font-size: 18px;
    }
    .play-button-wrap button svg {
         height: 65px;
        width: 65px;
    }
	header {
   	 padding: 30px 0 50px;
	}
	.landBannerSection .bannerRow p {
        font-size: 16px;
    }
    .step-grid{
        width:100%;
    }
    .menu-item-has-children .sub-menu{
        padding-left:0;
        /*display:block;*/
        background:transparent;
    }
	.industry-banner .section-header{
		left:12.5%;
}
	.head-third .mx-1600{
		padding-left:0;
}
}
@media(max-width:768px){
    .play-button-wrap button svg {
        height: 60px;
        width: 60px;
    }
    .about-sec .section-head {
        max-width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .about-content {
        text-align: center;
        max-width: 100%;
    }
    .about-content .para-text{
        text-align: center;
    }
    .about-content-sec {
        padding-top: 30px;
    }
    .about-sec {
        padding: calc(85px - 14px*3) 0;
    }
    .service-card{
        margin: auto;
        margin-bottom: 15px;
    }
    .services-sec .section-header .para-text {
        font-size: 16px;
    }
    .section-header {
        margin-bottom: 20px;
    }
    .servicehead-sec {
        padding: 25px 20px 30px;
        min-height: auto;
    }
    .fhead-sec{
        padding: 0;
    }
    .feature-card {
        height: 180px;
        margin-bottom: calc(80px - 13px* 5);
    }
    .contact-details {
        margin-left: 0;
        margin-top: 30px;
    }
    .steps-wrap{
        flex-direction:row;
    }
    footer .para-text{
        text-align: center;
        margin-bottom: 15px;
    }
    .social-btn{
       justify-content: center;
    }
    .circle-container{
        display: none;
        margin-top: 0;
        height: auto;
    }
    .mob-circle-container {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        /* gap: 10px; */
    }
    .mob-circle-container .module{
        position: relative;
        top: 0;
        left: 0;
        margin-right: 30px;
        margin-bottom: 15px;
    }
    .btn-wrap {
        margin-bottom: 30px;
    }
    .video-wrap {
        margin-top: -100px;
    }
    .banner-sec {
        padding-top: calc(200px - 33px* 2);
    }
	.howitworks-sec .section-header ,.howitworks-sec .section-head,.howitworks-sec .para-text{
		text-align:center;
	}
	.contact-details {
		max-width:100%;
	}
}
@media(max-width:575px){
    .howitworks-sec .para-text{
        text-align: center;
    }
    .howitworks-sec .section-head{
        text-align: center;
    }
    .howitworks-sec .subhead {
        text-align: center;
    }
    .blog-sec .section-header{
        text-align: center;
    }
    .blog-card{
        max-width: 300px;
        margin: auto;
        margin-bottom:25px;
    }
    .blog-sec .section-head {
        text-align: center;
    }
    .f-icon{
        margin-bottom: 10px;
    }
    .section-head {
        font-size: calc(60px - 10px* 3);
    }
    .contact-sec .section-head {
        font-size: calc(60px - 10px* 3.2);
    }
    .benefits-item {
        margin-right: 10px;
    }
    .step-grid p {
        font-size: 14px;
    }
    .contact-details{
        max-width: 100%;
    }
    .arrow-icon {
        right: 16px;
        top: 20px;
    }
    .feature-card{
        max-width: 300px;
        margin: auto;
        margin-bottom: 15px;
    }
    .play-button-wrap button svg {
        height: 60px;
        width: 60px;
    }
    .btn-wrap{
        flex-direction: column;
        gap: 10px;
    }
    .contact-sec {
        padding: calc(80px - 13px* 3.5) 0;
    }
       .banner-sec {
        padding-top: calc(200px - 33px * 2.2);
    }
	.contact-sec {
        padding: calc(80px - 13px * 3.5) 0 15px;
    }
	   .steps-wrap {
		   flex-direction: column;
	}
	.feature-card{
	    height:auto !important;
	}
	header {
   	 padding: 25px 0 40px;
	}
	.banner-top {
    	padding-top: 120px !important;
	}
}
@media(max-width:400px){
    .mob-circle-container .module{
        margin-right: 0;
        width: 260px;
    }
    .services-sec {
        padding: calc(90px - 15px* 4) 0 calc(60px - 10px* 4);
    }
}

/* --------------------------------------------------- ebook Styles start --------------------------------------------------- */
@media(max-width:1600px){
    .main-headbook {
        margin-bottom: 40px;
    }
    .sub-headbook {
        font-size: 28px;
    }
    .ebook-card .sub-headbook {
        font-size: 20px;
    }
    .ebook-card h5 {
        font-size:17px;
    }
    .ebook-form {
        padding: 30px 41px;
    }
    .e-bookhead{
        padding: 100px 30px 80px !important;
    }
    .ebook-inner-content {
        padding: 65px 0 35px;
    }
    .latest-ebooks {
        padding: 50px 0;
    }
}
@media(max-width:1400px){
    .ebook-card .sub-headbook {
        font-size: 19px;
    }
    .ebook-card h5 {
        font-size: 15px;
    }
    .main-headbook {
        margin-bottom: 35px;
    }
    .nav-pills .nav-link {
        font-size: 18px;
    }
    .ebook-card .ebook-content {
        padding: 18px 20px;
    }
    .ebook-page .section-header {
        margin-bottom: 35px;
    }
    .sub-headbook {
        font-size: 25px;
    }
    .e-bookhead{
        padding: 100px 30px 70px !important;
    }
    .ebook-inner-content {
        padding: 55px 0 30px;
    }
    .latest-ebooks {
        padding: 45px 0;
    }
}
@media(max-width:1200px){
    .ebook-inner-content {
        padding: 50px 0 20px;
    }
    .latest-ebooks {
        padding: 30px 0;
    }
}
@media(max-width:991px){
    .banner-top{
        padding-top: 95px !important;
    }
    .ebook-page .nav-pills .nav-link{
        margin-bottom:5px;
    }
    .ebook-page .section-header {
        margin-bottom: 30px;
    }
    .e-bookhead .section-blogheader {
        max-width: 85%;
    }
    .ebook-form {
        padding: 25px 30px;
    }
    .e-bookhead {
        padding: 100px 30px 50px !important;
    }
}
@media(max-width:768px){
    .ebook-page {
        padding-top: 60px !important;
    }
    .e-bookhead .section-blogheader {
        max-width: 100%;
    }
    .e-bookhead {
        padding: 85px 15px 45px !important;
    }
}
@media(max-width:575px){
    .sub-headbook {
        font-size: 23px;
    }    
    .blog-mainhead {
        font-size: 36px;
    }
    .e-bookhead h1 {
        font-size: 25px;
    }
    .ebook-form {
        padding: 20px 25px;
    }
    .ebook-inner-content {
        padding: 40px 0 20px;
    }
    .latest-ebooks {
        padding: 25px 0;
    }
}
/* --------------------------------------------------- ebook Styles end --------------------------------------------------- */

/* --------------------------------------------------- FAQ Styles start --------------------------------------------------- */
@media(max-width:1600px){
    .faq-banner {
        padding: calc(150px - 25px) 0 calc(100px - 16px);
    }
    .faq-banner p {
        font-size: 18px;
    }
    .faq-section {
        padding: 60px 0 calc(80px - 15px);
    }
    .faq-wrap .accordion-header button{
        font-size: 21px;
    }
    .faq-wrap .accordion-body p,.faq-wrap ul li {
        font-size: 16px;
    }
}
@media(max-width:1400px){
    .faq-banner p {
        font-size: 16px;
    }
    .faq-section {
        padding: 60px 0 calc(80px - 15px*2);
    }
    .mx-1200{
        max-width:calc(1230px - 205px)
    }
     .faq-banner {
        padding: calc(150px - 25px*1.5) 0 calc(100px - 16px*2);
    }
    .faq-wrap .accordion-header button {
        font-size: 20px;
    }
}
@media (max-width:1200px){
  .faq-section {
        padding: 50px 0 calc(80px - 15px*3);
    }
}
@media(max-width:991px){
    .faq-section {
        padding: 40px 0 calc(80px - 15px*4);
    }
    .faq-banner {
        padding: calc(150px - 25px*2) 0 calc(100px - 16px*3);
    }
     .faq-wrap .accordion-header button {
        padding: 15px 25px;
       padding-right:50px;
    }
    .faq-wrap .accordion-body {
        padding: 15px 25px !important;
    }
    .menu-item-has-children:focus .sub-menu{
        display:block !important;
    }
}
@media(max-width:768px){
    .faq-banner {
        padding: calc(150px - 25px *2.5) 0 calc(100px - 16px * 3.5);
    }
}
@media(max-width:575px){
    .video-wrapper p{
        text-align: center;
    }
    .faq-banner {
        padding: calc(150px - 25px * 2) 0 calc(100px - 16px * 4);
    }
     .faq-wrap .accordion-header button {
        font-size: 18px;
    }
}
/* --------------------------------------------------- FAQ Styles end --------------------------------------------------- */



/* --------------------------------------------------- Industry Styles start --------------------------------------------------- */
@media(max-width:1600px) {
    .mx-1400 {
        max-width: calc(1430px - 238px);
    }

    .industry-banner p {
        max-width: 85%;
    }

    .industy-list-wrapper .subhead {
        font-size: calc(35px - 5px);
    }

    .powerful-sec {
        padding: calc(100px - 16px) 0;
    }

    .industy-list-wrapper {
        padding: calc(80px - 13px) 0;
    }

    .industry-card-text .para-text {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .industry-card-text {
        padding: 25px 15px;
    }

    .know-morebtn {
        padding: 13px 20px;
        font-size: 17px;
    }

    .illustraion-sec {
        padding: 50px 0;
    }

    .illustration-img {
        height: calc(400px - 66px);
        width: calc(400px - 66px);
    }

    .in-contectsec {
        padding: calc(200px - 33px) 0;
    }

    .industry-dec-sec {
        padding-top: calc(80px - 13px);
    }

    .module-sec {
        padding: 55px 0;
    }

    .module-card p {
        font-size: 16px;
    }

    .inwhy-choose-sec {
        padding: calc(70px - 11px) 0;
    }

    .inwhy-choose-sec .nav-pills .nav-link {
        padding: 13px 25px;
        font-size: 16px;
    }

    .inwhy-choose-sec .tab-content {
        padding: 50px 0 20px;
    }

    .why-choose-card h5 {
        font-size: 18px;
    }

    .why-choose-card {
        padding: 25px 30px
    }

    .inwhy-choose-sec .tab-pane .section-header {
        margin-bottom: 30px;
    }

    .inbenefits-sec {
        padding: calc(80px - 13px) 0;
    }

    .inbenefits-sec .nav-link {
        font-size: 22px;
    }

    .inbenefits-sec .nav-item {
        margin-bottom: 20px;
    }

    .inbenefits-sec p {
        max-width: 80%;
    }

    .inbenefit-card {
        padding: 20px 35px
    }

    .inbenefit-card svg {
        margin-bottom: 40px;
    }

    .inbenefit-card h5 {
        font-size: 18px;
    }

    .door-sec .para-text {
        max-width: 45%;
    }

    .door-sec .section-head {
        max-width: 80%;
    }

    .smart-card h5 {
        font-size: calc(25px - 4px);
    }

    .smart-card {
        padding: 20px 35px;
    }

    .smart-sec {
        padding: calc(60px - 10px) calc(40px - 6px);
    }

    .dooroperation-card {
        padding: 40px 35px;
    }

    .doorindustry-card {
        padding: 40px 35px;
    }

    .doorindustry-sec .row [class^="col-"] {
        margin-bottom: 30px;
    }

    .door-contact .subhead {
        max-width: 60%;
    }
    .in-head{
        font-size:35px;
    }
}

@media(max-width:1400px) {
    .mx-1400 {
        max-width: calc(1430px - 238px*1.5);
    }

    .industy-list-wrapper .subhead {
        font-size: calc(35px - 5px*2);
    }

    .industry-card-text {
        padding: 15px 10px;
    }

    .industy-list-wrapper {
        padding: calc(80px - 13px*2) 0;
    }

    .illustraion-sec {
        padding: 40px 0;
    }

    .illustration-img {
        height: calc(400px - 66px*2);
        width: calc(400px - 66px*2);
    }

    .in-contectsec {
        padding: calc(200px - 33px*2) 0;
    }

    .powerful-sec {
        padding: calc(100px - 16px*2) 0;
    }

    .industry-dec-sec {
        padding-top: calc(80px - 13px*2);
    }

    .module-card {
        padding: 20px 20px 20px 30px;
    }

    .inwhy-choose-sec .nav-pills {
        gap: 10px;
    }

    .inwhy-choose-sec .nav-pills .nav-link {
        padding: 13px 20px;
    }

    .why-choose-card {
        padding: 20px 25px;
    }

    .why-choose-card h5 {
        font-size: 17px;
    }

    .inbenefits-sec {
        padding: calc(80px - 13px*2) 0;
    }

    .inwhy-choose-sec {
        padding: calc(70px - 11px*2) 0;
    }

    .inbenefits-sec .nav-link {
        font-size: 20px;
    }

    .inbenefits-sec .nav-item {
        margin-bottom: 10px;
    }

    .inbenefit-card svg {
        margin-bottom: 35px;
    }

    .smart-sec {
        padding: calc(60px - 10px*2) calc(40px - 6px*2);
    }

    .module-sec {
        padding: 50px 0;
    }

    .dooroperation-card {
        padding: 35px 30px;
    }

    .doorindustry-card {
        padding: 35px 30px;
    }

    .door-contact .subhead {
        max-width: 75%;
    }

    .smart-card {
        padding: 20px 30px;
    }
}

@media(max-width:1200px) {
    .illustraion-sec {
        padding: 30px 0;
    }

    .in-contectsec {
        padding: calc(200px - 33px * 3) 0;
    }

    .in-contectsec .para-text {
        max-width: 100%;
    }

    .module-card {
        max-width: 32%;
    }

    .inwhy-choose-sec .nav-pills .nav-link {
        padding: 13px 16px;
        font-size: 14px;
    }

    .inwhy-choose-sec .tab-pane .section-header {
        max-width: 50%;
    }

    .why-choose-wrapper {
        gap: 15px;
    }

    .inbenefits-sec {
        padding: calc(80px - 13px * 3) 0;
    }

    .inbenefits-sec .nav-link {
        font-size: 18px;
    }

    .inbenefit-card svg {
        height: 50px;
        width: 50px;
    }

    .smart-card h5 {
        font-size: calc(25px - 4px*2);
    }

    .smart-card {
        padding: 20px 25px;
    }

    .smart-sec {
        padding: calc(60px - 10px * 3) calc(40px - 6px * 2.5);
    }

    .dooroperation-card {
        padding: 30px 25px;
    }

    .dooroperation-card svg {
        margin-bottom: 20px;
    }
}

@media(max-width:991px) {
    .industry-banner {
        padding-top: 0 !important;
    }

    .industry-banner .section-head {
        text-align: center;
    }

    .industry-banner .section-header {
        left: 0;
        right: 0;
    }

    .industry-banner p {
        max-width: 100%;
        text-align: center;
    }

    .industy-list-wrapper .subhead {
        max-width: 100%;
        text-align: center;
    }

    .industry-card-text,
    .industry-card-img {
        max-width: 100%;
    }

    .indusry-card {
        flex-direction: column;
    }

    .industry-card-text .para-text {
        min-height: 150px;
    }

    .industy-list-wrapper {
        padding: calc(80px - 13px * 2.5) 0;
    }

    .in-contectsec {
        padding: calc(200px - 33px *4) 0;
    }

    .in-contectsec .wt-btn {
        margin: auto;
    }

    .in-contectsec .section-header {
        max-width: 80%;
        margin: auto;
    }

    .in-contectsec .para-text,
    .in-contectsec .section-head {
        text-align: center;
    }

    .powerful-content {
        max-width: 95%;
    }

    .industry-banner .wt-btn {
        margin: 0 auto;
    }

    .challenges-sec .industry-card-text {
        max-width: 100%;
    }

    .module-card {
        max-width: 49%;
    }

    .module-sec .section-head {
        text-align: center;
    }

    .module-sec {
        padding: 40px 0;
    }

    .why-choose-wrapper {
        gap: 10px;
    }

    .why-choose-card h5 {
        font-size: 16px;
    }

    .why-choose-card {
        padding: 15px 20px;
    }

    .inwhy-choose-sec .tab-pane .section-header {
        max-width: 80%;
    }

    .inbenefits-sec .section-head {
        max-width: 100%;
    }

    .inbenefits-sec p {
        font-size: 18px;
        margin-bottom: 35px;
        max-width: 100%;
    }

    .inbenefit-card {
        padding: 15px 25px;
    }

    .inbenefit-card h5 {
        font-size: 16px;
    }

    .erp-contact .wt-btn {
        margin: unset;
    }

    .erp-contact .btn-wrap {
        justify-content: center;
    }

    .door-contact .subhead {
        text-align: center;
        margin: 12px auto;
        max-width: 90%;
    }

    .doorindustry-text ul li,
    .doorindustry-text p {
        font-size: 15px;
    }

    .doorindustry-card {
        flex-direction: column;
    }

    .doorindustry-img {
        margin-top: 20px;
    }

    .dooroperation-wrapper {
        justify-content: start;
    }

    .dooroperation-card {
        width: 33%;
    }

    .smart-card {
        padding: 15px 20px;
    }

    .door-sec .para-text,
    .door-sec .section-head {
        margin: 0 auto;
        margin-bottom: 15px;
        text-align: center;
        max-width: 80%;
    }
    .in-contectsec .in-head{
        max-width:100%;
    }
}

@media(max-width:768px) {
    .industry-banner {
        height: 70vh;
    }

    .powerful-sec {
        padding: calc(100px - 16px * 3) 0;
    }

    .industry-card-text,
    .industry-card-img {
        max-width: 50%;
    }

    .indusry-card {
        flex-direction: row;
    }

    .illustraion-content {
        max-width: 95%;
        margin: auto;
    }

    .illustraion-content p {
        text-align: center;
    }

    .in-contectsec {
        padding: calc(200px - 33px * 4.5) 0;
    }

    .in-contectsec .section-header {
        max-width: 95%;
    }

    .industry-dec-sec p {
        max-width: 100%;
    }

    .module-card {
        padding: 20px 20px;
    }

    .why-choose-card {
        width: 49%;
    }

    .why-choose-wrapper {
        flex-wrap: wrap;
    }

    .smart-card {
        text-align: center;
    }

    .choose-icon {
        margin: auto;
        margin-bottom: 15px;
    }

    .module-sec .section-head br {
        display: none;
    }

    .dooroperation-card {
        width: 50%;
    }

    .doorindustry-text {
        max-width: 100%;
    }

    .doorindustry-card {
        gap: 20px;
        flex-direction: row;
    }

    .doorindustry-sec .row [class^="col-"] {
        margin-bottom: 20px;
    }

    .why-choose-card h5 {
        text-align: center;
    }
}

@media (max-width: 575px) {
    .industry-banner {
        height: 500px;
    }

    .powerful-sec {
        padding: calc(100px - 16px * 3.5) 0;
    }

    .industy-list-wrapper {
        padding: calc(80px - 13px * 3) 0;
    }

    .industy-list-wrapper .subhead {
        font-size: calc(35px - 5px * 3);
    }

    .industry-card-text,
    .industry-card-img {
        max-width: 100%;
    }

    .indusry-card {
        flex-direction: column;
        text-align: center;
        padding: 20px 15px;
    }

    .industry-card-text .para-text {
        min-height: auto;
        text-align: center;
        margin-bottom: 15px;
    }

    .illustraion-content,
    .in-contectsec .section-header {
        max-width: 100%;
    }

    .why-choose-card {
        width: 300px;
        margin: auto;
    }

    .inwhy-choose-sec .tab-pane .section-header,
    .inwhy-choose-sec .tab-pane .section-header p {
        text-align: center;
    }

    .inwhy-choose-sec .tab-pane .section-header {
        max-width: 100%;
    }

    .choose-icon {
        margin: auto;
        margin-bottom: 15px;
    }

    .why-choose-card h5 {
        text-align: center;
    }

    .inbenefits-sec p {
        text-align: center;
    }

    .inbenefit-card {
        border: 1px solid #BEBEBE;
        width: 100%;
    }

    .inbenefit-list-wrap>.inbenefit-card:nth-child(1) {
        border: 1px solid #BEBEBE;
    }

    .module-card {
        max-width: 100%;
    }

    .inbenefits-sec .section-head {
        text-align: center;
    }

    .door-sec .para-text,
    .door-sec .section-head {
        max-width: 100%;
    }

    .smart-card h5 {
        margin-bottom: 10px;
    }

    .smart-card p {
        font-size: 15px;
    }

    .dooroperation-card {
        width: 100%;
        text-align: center;
    }

    .doorindustry-card {
        flex-direction: column;
    }
    .in-head {
        font-size: 27px;
    }
}

/* --------------------------------------------------- Industry Styles end --------------------------------------------------- */

/* --------------------------------------------------- Freight Styles start --------------------------------------------------- */

@media(max-width:1600px){
    .sec-subhead {
        font-size: calc(40px - 6px);
    }
    .freightf-sec {
        padding-top: calc(100px - 16px);
    }
    .freight-challenge {
        padding: 20px 0 50px;
    }
    .freight-keyfeatures {
        padding: calc(80px - 13px) 0 calc(100px - 16px);
    }
    .freightfeature-card {
        padding: 40px 30px;
    }
    .freightfeature-card-wrapper {
        height: 430px;
    }
    .hover-text {
        padding: 35px 30px 30px;
    }
    .fr-workflow-sec {
        padding: calc(80px - 13px) 0;
    }
    .fr-service-content h3{
        font-size: calc(30px - 5px);
    }
    .left-content  {
        height: calc(590px - 158px);
        width: calc(520px - 140px);
    }
    .fr-service-card {
        padding: 40px 20px;
    }
    /*.freight-weserve-sec {*/
    /*    padding-bottom:calc(100px - 16px);*/
    /*}*/
    .inwhy-choose-sec .tab-pane .section-header p {
        font-size: 16px;
    }
    .fr-workflow-img::before {
        left: 5.8rem;
    }
    .fr-workflow-img::after{
        left:6rem;
    }
    .label::before {
        left:6.2rem;
    }
    .label::after {
        left:6rem;
    }
}
@media(max-width:1400px){
    .sec-subhead {
        font-size: calc(40px - 6px * 1.2);
    }
    .freightf-sec {
        padding-top: calc(100px - 16px*2);
    }
    .freight-challenge {
        padding: 20px 0 40px;
    }
    .freight-keyfeatures {
        padding: calc(80px - 13px*2) 0 calc(100px - 16px*2);
    }
    .freightfeature-card {
        padding: 30px 25px;
    }
    .freightfeature-card-wrapper {
        height: 400px;
    }
    .hover-text {
        padding: 30px 25px 25px;
    }
    .fr-workflow-sec {
        padding: calc(80px - 13px*2) 0;
    }
    .fr-workflow-img::before {
        left: 5rem;
    }
    .label::before{
        left: 5.4rem;
    }
    .fr-workflow-img::after ,.label::after {
        left: 5.2rem;
    }
    .left-content {
        height: calc(590px - 98px*2);
        width: calc(520px - 86px*2);
    }
    .fr-service-card {
        padding: 30px 20px;
    }
    .fr-service-card p{
        font-size: 14px;
    }
    /* .freight-weserve-sec {*/
    /*    padding-bottom:calc(100px - 16px*2);*/
    /*}*/
    .freight-container {
        gap:40px;
    }
    .right-content .right-element{
        padding-right: 25px;
    }
}
@media(max-width:1200px){
    .freight-keyfeatures {
        padding: calc(80px - 13px * 3) 0 calc(100px - 16px * 3);
    }
    .freightfeature-card-wrapper {
        height: 420px;
    }
    .hover-text {
        padding: 20px 15px 15px;
    }
    .fr-service-content h3 {
        font-size: calc(30px - 5px*1.5);
    }
    .fr-service-card {
        padding: 20px 20px;
    }
    .freight-contact .para-text {
        max-width: 65%;
    }
    .fr-workflow-sec {
        padding: calc(80px - 13px * 3) 0;
    }
    /*.freight-weserve-sec {*/
    /*    padding-bottom:calc(100px - 16px*2.5);*/
    /*}*/
    .freight-keyfeatures .para-text {
        max-width: 90%;
    }
}
@media(max-width:991px){
    .freightfeature-card-wrapper{
        flex-wrap: wrap;
        height: 100%;
    }
    .freightfeature-card{
        height: 350px;
        width: 32%;
    }
    .fr-workflow-img {
        height: 130px;
    }
    .label p{
        max-width: 100%;
        font-size: 14px;
    }
    .fr-workflow-img::before {
        left: 3rem;
    }
    .fr-workflow-img::after, .label::after {
        left: 3.2rem;
    }
    .label::before {
        left: 3.4rem;
    }
    .fr-service-wrap{
        flex-direction: column;
    }
    .fr-service-card {
        width: 100%;
    }
    /*.freight-weserve-sec {*/
    /*    padding-bottom:calc(100px - 16px*3);*/
    /*}*/
    .freight-contact .para-text {
        max-width: 100%;
    }
    .freight-contact .btn-wrap {
        margin: auto;
        justify-content:center !important;
    }
    .freight-contact .wt-btn {
        margin: unset;
    }
}
@media(max-width:768px){
    .freightf-sec    .sec-subhead {
        text-align: center;
        margin-bottom: 20px !important;
    }
    .freightf-sec .section-head br{
        display: none;
    }
    .freightf-sec .para-text{
        text-align: center;
        max-width: 100%;
    }
    .freightf-sec {
        padding-top: calc(100px - 16px * 3);
    }
    .sec-subhead {
        font-size: calc(40px - 6px * 1.5);
        text-align: center;
    }
    .freight-keyfeatures .sec-subhead,.inwhy-choose-sec .tab-pane .section-header p,.fr-service-content .para-text,.fr-service-content h3{
        text-align: center;
    }
    .freight-keyfeatures .para-text {
        max-width: 100%;
        text-align: center;
    }
    .freightfeature-card {
        height: 300px;
        width: 47%;
    }
    .fr-workflow-sec {
        padding: calc(80px - 13px * 4) 0;
    }
    .inwhy-choose-sec {
        padding: calc(70px - 11px * 3) 0;
    }
     .inwhy-choose-sec .tab-pane .section-header {
        max-width: 100%;
        text-align: center;
    }
    .left-content  {
        height: auto;
        width: 75%;
        margin: auto;
        margin-bottom: 15px;
    }
    .fr-service-wrap {
        max-width: 90%;
        margin: auto;
    }
    .mob-freight-container{
        display: block;
    }
    .freight-container{
        display: none;
    }

}
@media(max-width:575px){
    .freightfeature-card {
        width: 100%;
        height: auto;
        min-height: 260px;
        align-items: center;
    }
    .hover-text{
        text-align: center;
    }
    .freightfeature-card .card-head br,.in-contectsec .section-head br{
        display: none;
    }
    /*    .freight-weserve-sec {*/
    /*    padding-bottom: calc(100px - 16px * 5);*/
    /*}*/
    .sec-subhead {
        font-size: calc(40px - 6px *2);
    }

    .freight-challenge {
        padding: 20px 0 20px;
    }
        .fr-workflowwrap{
        flex-direction: column;
    }
    .fr-workflow-step {
        width:350px;
        margin: auto;
        border-bottom: 1px dashed #7B7B7B;
        padding: 30px 0;
    }
    .fr-workflow-img{
        border: 0;
        padding: 10px 0;
    }
    .fr-workflow-img::after {
        left: 10.8rem;
        bottom: -3.8rem;
    }
    .label::before {
        left: 11rem;
        top: 3.3rem;
        height: 20px;
    }
    .fr-workflow-img::before {
        left: 10.6rem;
        bottom: -4rem;
    }
    .label::after {
        left: 10.8rem;
        top: 5rem;
    }
    .fr-workflowwrap .fr-workflow-step:last-child .fr-workflow-img::before,.fr-workflowwrap .fr-workflow-step:last-child .fr-workflow-img::after,
    .fr-workflowwrap .fr-workflow-step:last-child .label::before,.fr-workflowwrap .fr-workflow-step:last-child .label::after {
        display: none;
    }
    .fr-workflow-img{
        margin-bottom: 0;
    }
    .label{
        padding-top: 0;
    }
    .mob-freight-grid {
        padding: 25px 10px;
        margin-bottom: 20px;
        max-width: 100%;
    }
    .fr-serviceimg{
        width: 100%;
    }
    .fr-service-card p {
        text-align: center;
    }
}
/* --------------------------------------------------- Freight Styles end --------------------------------------------------- */

/* --------------------------------------------------- ERP scroll-sec Styles start --------------------------------------------------- */

@media(max-width:1600px) {
    .stikycontent-text {
        padding-top: 1rem;
    }

    .stikycontent-text .card-head {
        margin-bottom: 1rem;
    }

    .stikycard-wrap {
        padding-top: 0;
    }

    .stikycontent-text .card-head {
        font-size: 25px;
    }

    .card2 {
        top: 13rem;
    }

    .card1 {
        top: 9rem;
    }

    .stikycontent-img {
        padding: 15px 0;
    }

    .card3 {
        top: 17rem;
    }

    .card4 {
        top: 21rem;
    }

    .card5 {
        top: 25rem;
    }

    .insteps-section {
        padding: 50px 0 90px;
    }
    .erp-banner-sec .sec-subhead {
        font-size: calc(55px - 9px);
    }
}

@media(max-width:1400px) {
       .insteps-section {
        padding: 50px 0 65px;
    }
    .erp-banner-sec .sec-subhead {
        font-size: calc(55px - 9px*1.5);
    }
    .challenges-sec .card-head {
        font-size: calc(25px - 4px);
    }
    .mb-40{
        margin-bottom:30px
    }
}
@media(max-width:1200px) {
    .stikycard-wrap {
        gap: 1rem
    }
      .stikycontent-text .card-head {
        font-size: 23px;
    }
    .inbenefits-sec .nav-pills{
        margin-left:0;
    }
}

@media(max-width:991px) {
    .stikycontent-text .card-head {
        font-size: 20px;
    }

    .stikycontent-text {
        width: 50%;
    }
    .challenges-sec .industry-card-img{
        max-width: fit-content;
    }
    .challenges-sec .industry-card-text p{
        min-height:unset;
    }
    .challenges-sec .indusry-card .industry-card-text {
        padding: 0;
        margin-bottom:15px;
    }
    .module-sec .module-card {
        padding: 20px 20px 20px 20px;
    }
}

@media(max-width:768px) {
    .stikycard-wrap {
        position: relative !important;
        flex-direction: column;
        top: 0 !important;
    }

    .stikycontent-text {
        width: 100%;
    }

    .insteps-section {
        padding: 40px 0 80px;
    }
    .stikycontent-text ul{
        margin-left:20px;
    }
    .stikycontent-img-wrap{
        padding-left: 20px;
        justify-content:start;
        margin-bottom:20px;
    }
    .challenges-sec .indusry-card{
        flex-direction:column;
    }
}

@media(max-width:576px) {
    .stikycontent-text .card-head {
        font-size: 20px;
    }

    .insteps-section {
        padding: 35px 0 25px;
    }
    .stikycontent-text {
        padding: 1rem 0 0;
    }
    .stikycontent-img-wrap{
        padding-left:0;
    }
    .stikycontent-img{
        width:45%;
    }
    .challenges-sec .industry-card-img{
        margin:auto;
    }
    .sec-subhead br{
        display:none;
    }
}
/* --------------------------------------------------- ERP scroll-sec Styles end --------------------------------------------------- */