.cst-banner-section{
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

 #top-header.head-fixed {
     position: fixed;
    top: 0;
    background-color: #fff;
    z-index: 10;
    width: 100%;
}

.banner-right-img {
    margin-right: -18%;
}

.banner-right-img img{
    width: 100%;
}

.banner-heading {
    font-size: 5.625rem;
    color: #ffffff;
    font-weight: bold;
    line-height: normal;
    letter-spacing: -1.273px;
}
.banner-heading span{
    color: #FB3E44;
}

.playStore-btn{
   margin-top: 58px;
}

.pageHeading {
    font-size: 3.6rem;
    color: #111111;
    font-weight: bold;
}
.cst-mt{
    margin-top: 20px;
}

.play-store-btn{
    text-align: center;
    padding-top: 20px;
}

.play-store-btn img{
    width: 200px;
}


.truckbusinessassociatetabs-2 ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.truckbusinessassociatetabs-2 ul li.active .linnr {
    background: #3E2089;
    color: #fff;
}

.how-it-works-tabs{
    padding-top: 40px;
}

.how-it-works-tabs .truckbusinessassociatetabs-2 ul li .linnr {
    font-size: 20px;
    color: #3E2089;
    font-weight: 500;
    line-height: 1.2;
    width: 245px;
    height: 47px;
    border: 1px solid #3E2089;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.how-it-works-tabs .truckbusinessassociatetabs-2 ul li.active .linnr {
    color: #fff;
}
.app-view {
    width: 100%;
    max-width: 800px;
    margin: 0px auto;
}
.how-it-works-tabs .tabscontentinnr-1{
    text-align: center;
}

.simplifyingLogistics-section{
    background-color: #111111;
    position: relative;
}

.simplifyingLogistics-section .slick-slider {
    margin-bottom: 0px;
}

.text-white{
    color: white !important;
}

.logisticsSlider-section{
    margin-top: 50px;
}

.logistics-slide-item img{
    width: 100%;
}

.logisticsSlider-section .slick-slide{ margin: 0 10px;}

.logistics-slide-item{
    position: relative;
}

.logistics-slide-item:before{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
    position: absolute;
}

.logistics-slide-item-heading .log-title {
    font-size: 1.8rem;
    font-weight: 500;
    text-align: center;
    letter-spacing: normal;
}

.logistics-slide-item-heading {
    position: absolute;
    bottom: 16px;
    width: 100%;
}

.logistics-slide-item:hover .logistics-slide-item-heading{
    display: none;
}

.logistics-slide-item:hover .logistics-slide-hover-content{
    display: block;
}

.logistics-slide-hover-content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: #ff5757b3;
    display: none;
}

.logistics-slide-hover-content .hover-title {
    font-size: 2.5rem;
    font-weight: 600;
    text-align: center;
    letter-spacing: normal;
    margin-bottom: 12px;
}

.logistics-slide-hover-content-inner {
    display: flex;
    flex-direction: column;
    padding: 26px;
    align-items: center;
    height: 100%;
    justify-content: center;
}

.logisticsSlider-section .slick-dots {
    position: relative;
    bottom: 0;
    margin-top: 40px !important;
}

.logisticsSlider-section .slick-dots li button:before{
    font-size: 0px;
}





.logisticsSlider-section .slick-dots li{
    width: 28px;
    height: 4px;
}

.logisticsSlider-section .slick-dots li button{
    width: 28px;
    height: 3px;
    padding: 1px;
    background: #bfbfbf;
}

.logisticsSlider-section .slick-active button {
    background: #FB3E44 !important;
}

.panIndia-section{
    position: relative;
}

.pan-india-map{
   text-align: right; 
}

.pan-india-map img{
    width: 80%;
}

.panIN-heading{
    margin-bottom: 20px;
}

.pan-india-content ul li {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin-top: 14px;
    position: relative;
    padding-left: 28px;
}

.pan-india-content ul li:before {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    background-size: cover;
    left: 0;
    top: 5px;
}

.rq-btn{
    margin-top: 40px;
}

.rq-btn a {
    background-color: #FB3E44;
    color: #fff;
    font-size: 1.5rem;
    padding: 13px 28px;
    display: inline-flex;
    gap: 10px;
}

.rq-btn a img{
    width: 18px;
    position: relative;
   
}

.rq-btn.btn-bg-gradient a img{
     top: 3px;
}

.rq-btn a:hover{
    background-color: #000;
}


.why-chooseTruckUp{
    position: relative;
    background-color: #fff;
}

.whyTruckup-slider-section{
    margin-top: 50px;
}

.whyTruckup-item img{
    width: 100%;
}

.slick-slide.whyTruckup-item{
        margin: 0 10px;
}

.truckUpslide-title h3 {
    font-size: 1.8rem;
    font-weight: 500;
    margin-top: 20px;
    text-align: center;
    letter-spacing: normal;
    color: #000;
}

.whyTruckup-item:hover .truckUpslide-title h3{
    color: #FB3E44;
}

.whyTruckup-slider-section .slick-dots li button:before{
    font-size: 0px;
}

.whyTruckup-slider-section  .slick-dots li button {
    width: 28px;
    height: 3px;
    padding: 1px;
    background: #bfbfbf;
}

.whyTruckup-slider-section .slick-dots li{
    width: 30px;
    height: 4px;
}

.whyTruckup-slider-section .slick-active button {
    background: #3F3F3F !important;
}

.whyTruckup-slider-section .slick-dots {
    position: relative;
    bottom: 0;
    margin-top: 44px !important;
}

.whyTruckup-slider-section .slick-slider {
    margin-bottom: 0px;
}

.truckBooking {
    background-color: #F9F6FF;
    padding: 40px 0px;
}

.truckBooking .truckBooking-content{
    padding: 0px 40px;
}

.testimonial-item-inner {
    display: flex;
    justify-content: center;
    padding-top: 40px;
     width: 100%;
    margin: 0px auto;
    max-width: 950px;
}

.quote-icon {
    width: 30px;
}
.testimony-text {
    padding-left: 14px;
    font-size: 2.18rem;
}

.tesimonial-pic {
    margin-top: 30px;
}

.tesimonial-pic img {
    margin: 0px auto;
    width: 180px;
}

.testimoni-logo-block {
    display: flex;
    width: 100%;
    margin: 0px auto;
    margin-top: 26px;
    max-width: 950px;
}

.testimoni-logo {
    width: 74px;
}

.testimoni-name {
    width: calc(100% - 74px);
}

.testimoni-name-text {
    font-weight: 600;
    font-size: 1.6rem;
}

.testimoni-com-name{
        margin-top: 8px;
}

.tesimonal-slider-section .slick-dots {
    text-align: right;
    width: 100%;
    max-width: 950px;
    position: relative;
    bottom: 0;
    margin: 0px auto !important;
    margin-top: -30px !important;
}

.tesimonal-slider-section .slick-dots li button:before{
        font-size: 18px;
}

.p-bottom-60{
    padding-bottom: 60px;
}

.introduction-video-truks-up{
    background-color: #F2F2F2;
    padding-top: 60px;
    padding-bottom: 60px;
}

.intro-video-sider-section .slick-prev:before{
    display: none;
}

.intro-video-sider-section .slick-next:before{
     display: none;
}

.intro-video-sider-section .videoslidernav {
    padding-bottom: 0rem;
    padding-top: 50px;
}

.rq-btn.req-mob-btn{
       display: none;
   }

.faq-section{
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
}


.faq-right-img {
    text-align: center;
}

.faq-right-img img {
    width: 100%;
    max-width: 478px;
}


.faq-section .accordion {
    border: 0px solid #ccc;
    border-radius: 5px;
    max-width: 100%;
    margin: 20px auto;
}

.faq-section .accordion-item {
    border-bottom: 1px solid #ccc;
}

.faq-section .accordion-button {
    background-color: #ffffff;
    color: #9a9999;
    cursor: pointer;
    padding: 18px 10px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    font-size: 1.8rem;
    font-weight: 500;
    transition: background-color 0.3s;
    font-family: 'Bai Jamjuree', sans-serif;
}

.faq-section .accordion-button.active {
    color: #000;
}



.faq-section .accordion-content {
    padding: 7px 10px 18px;
    display: none;
    overflow: hidden;
}

.faq-section .accordion-button .icon {
    background-image: url(https://trucksup.com/wp-content/themes/truckup/images/home/down-icon.png);
    width: 12px;
    height: 8px;
    display: inline-block;
    float: right;
}
.faq-section .accordion-button.active .icon {
    background-image: url(https://trucksup.com/wp-content/themes/truckup/images/home/down-icon-active.png);
    width: 12px;
    height: 8px;
    display: inline-block;
    float: right;
}


.latest-blogs-section{
    background-color: #F2F2F2;
    padding: 60px 0px;
    position: relative;
}


.blog-slider-section {
    padding-top: 40px;
}

.blogItem_title h3 {
    font-size: 2.6rem;
    color: #fff;
    display: inline-block;
    margin-top: 20px;
    color: #000;
}

.slick-slide.blogItem {
    margin: 0 10px;
}

.slick-slide.blogItem img{
    width: 100%;
}


.latest-blogs-section .slick-dots {
    position: relative;
    bottom: 0;
    margin-top: 44px !important;
}

.latest-blogs-section .slick-dots li {
    list-style: none;
}

.latest-blogs-section .slick-dots li button {
    width: 28px;
    height: 3px;
    padding: 1px;
    background: #bfbfbf;
}

.latest-blogs-section .slick-dots li button:before{
    font-size: 0px;
}

.latest-blogs-section .slick-dots li {
    width: 30px;
    height: 4px;
}

.latest-blogs-section .slick-active button {
    background: #3F3F3F !important;
}


/* product page css */

.cst-productBanner-section {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 700px;
}

.cst-productBannerE-truck-section {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 700px;
}

.product_Banner_Title{
    font-size: 3.6rem;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

.product_Banner_Text {
    text-align: center;
    color: #fff;
    margin-top: 16px;
   font-size: 18px;
}

.tatace-product-2 .pan-india-content{
    padding-right: 5%;
}

.space_T60{
    padding-top: 60px;
}

.space_B60{
    padding-bottom: 60px;
}

.img-100 img{
    width: 100%;
}

.img-90 img{
    width: 90%;
}

.online-booking-section{
    position: relative;
}

.play-store-btn.btn-left{
    text-align: left;
}

.online-booking-items{
    align-items: center;
}


.tata_Acebenefits-section {
    position: relative;
}

.tata_Acebenefits-section-inner{
    background-color: #EAEAEA;
    padding-top: 50px;
    padding-bottom: 50px;
}

.wh-choose-left-screen {
    padding-left: 12vw;
}

.wh-chooseTruksup {
    padding-top: 64px;
}

.rq-btn.btn-bg-gradient a{
        background: rgb(251, 62, 68);
    background: linear-gradient(90deg, rgba(251, 62, 68, 1) 0%, rgba(62, 32, 137, 1) 100%);
}

.rq-btn.btn-bg-gradient a:hover{
    background: rgb(251,62,68);
    background: linear-gradient(279deg, rgba(251,62,68,1) 0%, rgba(62,32,137,1) 100%);
}


/* product page css */


/* Programmatic Location page css */

.pd_50 {
    padding: 50px 0;
}

.programmatic-banner-section {
    position: relative;
    padding-top: 60px;
    padding-bottom: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.progrmatic-banner-right-img{
    text-align: right;
}

.progrmatic-banner-right-img img {
    width: 100%;
    max-width: 640px;
    position: relative;
    bottom: -12px;
}

.banner-programetic-text {
    font-size: 2.5rem;
    margin-top: 14px;
}

.location-how-it-works{
    background-color: #FFECEC;
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
}

.trucks-maintimeline {
    padding-top: 86px;
}

.trucks-timeline{
    position: relative;
}

.trucks-timeline:before {
    content: "";
    width: 70%;
    position: absolute;
    height: 1px;
    margin: 0px auto;
    left: 0;
    right: 0;
}

.trucks-timeline-block {
    position: relative;
    width: 33.33%;
}

.truck-t-iocn-1 {
    position: relative;
    margin-top: -40px;
    text-align: center;
}

.timline-text{
    padding-top: 30px;
}

.timline-text p {
    font-size: 1.61rem;
    width: 80%;
    text-align: center;
    margin: 0px auto;
    font-weight: 500;
}

.t-block-1:before {
    content: "";
    width: 37px;
    height: 21px;
    background-size: cover;
    position: absolute;
    right: 0;
    top: -11px;
}

.find-truck-loads-section{
    padding-top: 50px;
    padding-bottom: 50px;
    position:  relative;
    background-color: #111111;
}

.moving-easy-inner {
    background-color: #FB3E44;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 2%;
    padding-right: 2%;
}

.moving-list {
    display: flex;
    align-items: center;
    justify-content: end;
}
.calling-num {
    background-color: #000;
    width: 200px;
    text-align: center;
    justify-content: center;
    height: 58px;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #fff;
    gap: 12px;
    border-radius: 10px;
    margin-top: -6px;
    border: 1px solid #a2a2a2;
}

.calling-num:hover{
    color: #fff;
}

.calling-num img {
    position: relative;
    top: 3px;
}

.plstr-icon img {
    width: 224px;
}


.transportServices .logistics-slide-item:hover .logistics-slide-item-heading {
    display: block;
}


/* Programmatic Location page css */


/* vehicle-tracking-sevices page css */

.vichle-tracking-banner .banner-heading {
    font-size: 40px;
    color: #3E2089;
}

.service-banner-text{
    font-size: 18px;
}


.vichle-tracking-banner.truksup-banner-text {
    padding-top: 18%;
}

.service-banefit-section{
    background-color: #EFEFEF;
}

.pan-india-map.vichle-track-thumb img{
         width: 92%;
}

.pan-india-content .service-list li {
    margin-bottom: 7px;
    margin-top: 0px;
}

.pan-india-content .service-list span {
    padding: 20px 0 10px;
    display: inline-block;
    border-top: 1px solid #c4c4c4;
    margin-top: 15px;
}

.pan-india-content .service-list span:first-child{
     border-top: 0px solid #c4c4c4;
}

.benefit-subheading{
    color: #111111;
    font-size: 24px ;
}

.benefit-fl {
    margin-top: 42px;
}

.wh-chose-right-img {
    padding-left: 6% ;
}
.wh-chose-right-img img{
    width: 100%;
}

.faq-section-1 .accordion-button-1.active {
    color: #FB3E44;
}
.faq-section-1 .accordion-button-1 {
    background-color: #ffffff;
    color: #828282;
    cursor: pointer;
    padding: 18px 10px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    font-size: 18px;
    font-weight: 500;
    transition: background-color 0.3s;
    font-family: 'Bai Jamjuree', sans-serif;
}

.faq-section-1 .accordion-content {
    padding: 7px 10px 18px;
    display: none;
    overflow: hidden;
}

.faq-section-1 .accordion-item {
    border-bottom: 1px solid #ccc;
}

.faq-section-1 .accordion-item.add-current{
    border-bottom: 1px solid #FB3E44;
}


.faq-section-1 .accordion-button-1 .icon_1 {
    background-image: url(https://trucksup.com/wp-content/themes/truckup/images/home/down-icon.png);
    width: 12px;
    height: 8px;
    display: inline-block;
    float: right;
}
.faq-section-1 .accordion-button-1.active .icon_1 {
    background-image: url(https://trucksup.com/wp-content/uploads/2025/02/down-icon-active-red.png);
    width: 12px;
    height: 8px;
    display: inline-block;
    float: right;
}

.book-truck-logistics-services{
    background-color: #EFEFEF;
    position: relative;
}

.logistics-services-block-inner {
    background-color: #FFE4E4;
    padding: 20px;
    border-radius: 15px;
    text-align: center;
}

.logistics-services-block-inner img {
    width: 100%;
    max-width: 140px;
}

.logistics-services-block {
    background-color: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-top: 20px;
}

.logistics-services-content h3{
    color: #111111;
    font-size: 20px;
    font-weight: 500;
    margin-bottom:14px;
}

.logistics-services-content {
    padding: 24px;
    min-height: 150px;
}

.srvices-truckup{
    gap: 30px;
    justify-content: center;
}

.locations-sections{
        background-color: #EFEFEF;
    position: relative;
}

.locations-list ul{
    text-align: center;
     color: #000;
    font-size: 16px;
    margin-top: 20px;
}
.locations-list ul li{
    display: inline-block;
    color: #000;
    font-size: 16px;
}

.locations-list ul li a{
    color: #000;
        font-size: 16px;
}
/* End vehicle-tracking-sevices page css */

/* our team page css */

.founder-item {
    display: flex;
    align-items: center;
}

.founder-section {
    padding-top: 80px;
    position: relative;
    padding-bottom: 30px;
}

.founder-thumbnail {
    width: 45%;
    position: relative;
    padding-top: 12px;
}

.founder-thumbnail:before {
    content: "";
    width: 80%;
    height: 90%;
    position: absolute;
    border: 1px solid #fa3e44;
    right: 20px;
    top: 0;
    z-index: -1;
}

.founder-thumbnail img{
    width: 90%;
}

.founder-name {
    font-size: 24px;
    color: #3E2089;
    font-weight: 600;
    margin-bottom: 7px;
}

.founder-info {
    width: 55%;
    padding-left: 10px;
    position: relative;
    padding-right: 25px;
}

.founder-designation{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}

.team-member-section{
    position: relative;
    padding-top: 30px;
    padding-bottom: 60px;
}

.team-member-block{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.team-member-item{
     width: calc((100% - 80px) / 5);
    position: relative;
}

.team-member-item img{
    width: 100%;
}

.team-member-hover-info {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fb3e44a6;
    opacity: 0;
    display: flex;
    align-items: flex-end;
}

.team-member-item:hover .team-member-hover-info {
     opacity: 1;
}

.team-member-hover-inner {
    width: 100%;
    padding: 0 10px 16px 12px;
    position: relative;
}

.team-name {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
}

.team-designation{
    color: #fff;
    font-size: 14px;
    margin-bottom: 0px;
}

/* End  our team page css */


@media (max-width: 767px) {
    .how-it-works-tabs .truckbusinessassociatetabs-2 ul li .linnr{
      width: 150px;
      font-size: 14px;
    }
    
    .banner-right-img {
    margin-right: -7%;
    }
    
    .banner-heading {
    font-size: 4.625rem;
    }
    
    .playStore-btn {
      margin-top: 28px;
   }
   
   .playStore-btn img {
      width: 160px;
   }
   
   .app-view {
    width: 200%;
   }
   
   .tabscontent-2.howWork {
    overflow-y: scroll;
   }
   
   .tabscontent-2.howWork-2{
       overflow-y: scroll;
   }
   
   .how-itworks-section.pd60 {
     padding: 40px 0;
   }
   
   .logistics-slide-item-heading .log-title{
      font-size: 2.5rem;
   }
   
   .logistics-slide-hover-content .hover-title{
           font-size: 3.5rem;
   }
   
   .rq-btn a{
           font-size: 2.5rem;
   }
   
  .logisticsSlider-section .slick-dots {
        display: none !important;
    }
    
  .logisticsSlider-section .slick-prev.pull-left{
      left: -12px;
  }
  
  .logisticsSlider-section .slick-next.pull-right{
      right: -12px;
  }
   
   .panIndia-section.pd60{
       padding: 40px 0;
   }
   
   .pan-india-map {
    text-align: center;
    margin-top: 36px;
   }
   
   .rq-btn.desk-btn{
       display: none;
   }
   
   .rq-btn.req-mob-btn{
       display: block;
               text-align: center;
   }
   
   
   .why-chooseTruckUp.pd60{
       padding: 30px 0;
   }
   
   .pageHeading {
    font-size: 3.8rem;
   }
   
   .truckbusinessassociate.pd60{
      padding: 30px 0;
   }
   
   .truckUpslide-title h3 {
    font-size: 2.8rem;
   }
   
   .tesimonal-slider-section .slick-dots{
       text-align: center;
      margin-top: 24px !important;
   }
   
   .space_T60 {
    padding-top: 30px;
}

.tata_Acebenefits-section-inner .pan-india-content{
    padding-top: 24px;
}
   
   
   .img-90{
       margin-top: 24px;
   }
   
   .img-100{
       margin-top: 24px;
   }
   
   .tesimonial-pic img {
     margin: 0px auto;
     width: 126px;
   }
   
   .testimoni-name-text{
       font-size: 2.6rem;
   }
   
   .testimony-text {
    font-size: 2.8rem;
    width: calc(100% - 20px);
   }
   
   .faq-section .accordion-button{
       font-size: 2.8rem;
   }
   
   .faq-section .accordion-button .icon{
           margin-top: -11px;
   }
   
   .blogItem_title h3{
       font-size: 3.5rem;
   }
   
   .latest-blogs-section{
        padding: 40px 0px;
   }
   
   .blog-slider-section {
    padding-top: 32px;
   }
   
   .blog-slider-section .slick-slider {
    margin-bottom: 12px;
}
   
   
   .product_Banner_Title {
    font-size: 3.2rem;
   }
   .cst-productBanner-section {
    position: relative;
    padding-top: 26px;
    padding-bottom: 56px;
     min-height: 378px;
   }
   
   .wh-chooseTruksup {
    padding-top: 30px;
  }
  
  .tata_Acebenefits-section-inner{
          padding-top: 15px;
       padding-bottom: 32px;
  }
  
 .product-testimonial.p-bottom-60 {
    padding-bottom: 20px;
}

/* location page css */



.trucks-maintimeline {
    padding-top: 86px;
    overflow: hidden;
    overflow-x: scroll;
}

.trucks-timeline {
    position: relative;
    width: 226%;
}

.trucks-timeline-block {
    position: relative;
    width: 31%;
}

.trucks-timeline-inner.flex{
    flex-wrap: wrap;
}

.timline-text {
    padding-top: 26px;
    padding-bottom: 24px;
}

.timline-text p {
    font-size: 2.61rem;
}

.timline-text p br{
    display: none;
}

.t-icon-last {
    margin-right: -50px;
}

.calling-num{
    width: 150px;
    height: 46px;
    margin-top: -4px;
}

.calling-num img{
    width: 18px;
}

.plstr-icon img {
    width: 224px;
    margin-left: -8px;
}

.moving-list{
    padding-top: 10px;
}

.cst-productBannerE-truck-section{
    padding-top: 20px;
    padding-bottom: 36px;
    min-height: 346px;
}

.cst-productBannerE-truck-section .play-store-btn img {
    width: 150px;
}

.play-store-btn.product-banner-btn{
    padding-top: 60px;
   text-align: left !important;
}

.img-90 img {
    width: 100%;
}

.play-store-btn.btn-left {
    text-align: center;
}

.pageHeading {
    text-align: center;
}

.vichle-tracking-banner.truksup-banner-text {
    padding-top: 0%;
}

.vichle-tracking-banner .banner-heading {
    font-size: 28px;
    color: #3E2089;
    margin-top: 0;
}

.pan-india-map.vichle-track-thumb img {
    width: 100%;
    margin-bottom: 14px;
}

.wh-chose-right-img {
    padding-left: 0%;
    margin-top: 28px;
}

/* team  page css  */

.founder-item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.founder-thumbnail {
    width: 100%;
 }
 
.founder-info {
    width: 100%;
    margin-bottom: 28px;
    margin-top: 14px;
}
.team-member-section {
    position: relative;
    padding-top: 4px;
    padding-bottom: 40px;
}

.team-member-item {
    width: calc((100% - 20px) / 2);
    position: relative;
}

.team-name {
    font-size: 16px;
    margin-bottom: 5px;
}
   
}

@media only screen and (min-width: 768px) and (max-width: 999px)  {
.banner-right-img {
    margin-right: -5%;
}

  .srv.cst-banner-section {
    min-height: 40vh;
}
}
@media only screen and (min-width: 1000px) and (max-width: 1199px)  {
  .srv.cst-banner-section {
            min-height: 44vh;
}
}

@media only screen and (min-width: 1000px) and (max-width: 1199px)  {
.banner-right-img {
    margin-right: -13%;
}
}

@media only screen and (min-width: 768px) and (max-width: 1199px)  {
    
  
    
    .playStore-btn img{
        width: 180px;
    }
    
  
    
    .logistics-slide-item-heading .log-title{
        font-size: 2.6rem;
    }
    
    .logistics-slide-hover-content .hover-title{
            font-size: 2.7rem;
    }
    
    .logistics-slide-hover-content-inner{
            padding: 18px;
    }
    
    .pageHeading{
        font-size: 4.4rem;
    }
    
    .rq-btn a{
            font-size: 2.8rem;
    }
    
    .why-chooseTruckUp.pd60{
            padding: 30px 0;
    }
    
    .truckUpslide-title h3 {
      font-size: 2.8rem;
    }
    
    .tesimonial-pic img {
        margin: 0px auto;
        width: 130px;
    }
    
    .testimoni-name-text {
    font-weight: 600;
    font-size: 2.6rem;
  }
  
  .testimony-text {
    padding-left: 14px;
    font-size: 3.18rem;
  }
  
  .faq-section .accordion-button{
      font-size: 2.4rem;
  }
  
  .latest-blogs-section{
      padding: 40px 0px;
  }
  
  .blogItem_title h3{
          font-size: 3.2rem;
  }
  
  /* product page css */
  
  .cst-productBanner-section {
     padding-top: 36px;
    min-height: 390px;
}

.tatace-product-2 .pan-india-content{
    padding-right: 10%;
}

.wh-chooseTruksup {
    padding-top: 26px;
}

.wh-choose-left-screen {
    padding-left: 3vw;
}

.product-testimonial.p-bottom-60{
        padding-bottom: 16px;
}

.space_T60 {
    padding-top: 42px;
}
  
  
 /* location page css */
 
 .progrmatic-banner-right-img img{
         max-width: 340px;
 }
 
 .timline-text p {
    font-size: 2.5rem;
 }
 
 .timline-text p br{
     display: none;
 }
 
 .calling-num{
         width: 138px;
 }
 
 .calling-num img{
   width: 14px;
 }
 
 .plstr-icon img {
    width: 150px;
}
 
 .calling-num{
    width: 128px;
    height: 41px;
   font-size: 14px;
   gap: 5px;
 }
 
 /* location page css */

.pr-banner-text {
    max-width: 440px !important;
    padding-top: 5% !important;
}

.cst-productBannerE-truck-section{
    padding-top: 10px;
    padding-bottom: 20px;
    min-height: 322px;
}

.founder-section {
    padding-top: 64px;
    position: relative;
    padding-bottom: 26px;
}

.founder-name {
    font-size: 20px;
    margin-bottom: 7px;
}

.founder-thumbnail:before{
        right: 6px;
}

.team-member-item {
    width: calc((100% - 60px) / 4);
 }
    
}

@media only screen and (min-width: 1200px) and (max-width: 1280px)  {
.banner-right-img {
    margin-right: -15%;
}

.vichle-tracking-banner.truksup-banner-text {
    padding-top: 9%;
}
}

@media only screen and (min-width: 1281px) and (max-width: 1366px)  {
.banner-right-img {
    margin-right: -12%;
}

.vichle-tracking-banner.truksup-banner-text {
    padding-top: 12%;
}


}


@media only screen and (min-width: 1200px) and (max-width: 1366px)  {
.playStore-btn {
    margin-top: 44px;
}

.playStore-btn img{
    width: 186px;
}

.progrmatic-banner-right-img img{
    max-width: 400px;
}

.logistics-slide-item-heading .log-title{
    font-size: 2.2rem;
}

.rq-btn a{
    font-size: 2.2rem;
}

.why-chooseTruckUp.pd60{
    padding: 35px 0;
}

.truckUpslide-title h3{
    font-size: 2.3rem;
}

.testimoni-name-text {
    font-weight: 600;
    font-size: 2.6rem;
}

.testimony-text {
    font-size: 2.8rem;
}

.faq-section .accordion-button{
    font-size: 2.8rem;
}



/* product page css */

.tatace-product-2 .pan-india-content{
        padding-right: 7%;
}

.cst-productBanner-section{
    min-height: 520px;
}

.product-testimonial.p-bottom-60{
    padding-bottom: 20px;
}

.cst-productBannerE-truck-section{
       min-height: 472px;
}

.pr-banner-text {
    max-width: 622px !important;
    padding-top: 7% !important;
}

.founder-thumbnail:before{
        right: 10px;
}

}

@media only screen and (min-width: 1367px) and (max-width: 1440px)  {
.playStore-btn {
    margin-top: 40px;
}


.banner-right-img {
    margin-right: -16%;
}

.playStore-btn  img{
    width: 206px;
}

.logistics-slide-item-heading .log-title {
        font-size: 2rem;
}

.rq-btn a{
    font-size: 1.8rem;
}

.testimoni-name-text {
    font-size: 2rem;
}

.faq-section .accordion-button{
        font-size: 2.1rem;
}

.why-chooseTruckUp.pd60{
        padding: 35px 0;
}

/* product page css */

.tatace-product-2 .pan-india-content{
        padding-right: 7%;
}

.cst-productBanner-section{
   min-height: 525px;
}

.product-testimonial.p-bottom-60{
    padding-bottom: 20px;
}

.timline-text p {
    font-size: 2.28rem;
}

.progrmatic-banner-right-img img{
    max-width: 530px;
}

.programmatic-banner-text .playStore-btn {
    margin-top: 35px;
}

.cst-productBannerE-truck-section{
        min-height: 522px;
}

}


@media only screen and (min-width: 1441px) and (max-width: 1680px)  {
    .rq-btn a{
            font-size: 1.7rem;
    }
    
    .banner-right-img {
    margin-right: -12%;
}
    
    .truckUpslide-title h3 {
      font-size: 2rem;
    }
    
    .testimoni-name-text{
            font-size: 1.8rem;
    }
    
    .faq-section .accordion-button{
            font-size: 2.2rem;
    }
    
    /* product page css */

.tatace-product-2 .pan-india-content{
        padding-right: 7%;
}

.cst-productBanner-section{
   min-height: 616px;
}

.product-testimonial.p-bottom-60{
    padding-bottom: 20px;
}

.timline-text p {
    font-size: 2.28rem;
}

.progrmatic-banner-right-img img{
    max-width: 530px;
}

.programmatic-banner-text .playStore-btn {
    margin-top: 35px;
}

.cst-productBannerE-truck-section{
        min-height: 570px;
}

}

@media only screen and (min-width: 1681px) and (max-width: 1799px)  {
.cst-productBannerE-truck-section{
    min-height: 642px;
}

}