@media screen and (max-width:2500px) {

  body {

    overflow-x: hidden;

  }

}

  



@media screen and (max-width:1921px) {



  body

   {

    overflow-x: hidden;

  }



  .scroll-text {

    top: 21%;

  }



  .scroll-text2 {

    bottom: 26%;

  }



  .scroll-truck-text {

    top: 23%;

  }



  .scroll-truck-text2 {

    bottom: 18%;

  }



}



@media screen and (max-width:1600px) {





  .text-route h2 {

    font-size: 3.5rem;

  }



  .scroll-text {

    top: 16%;

    ;

  }



  .scroll-text2 {

    bottom: 20%;

  }



  .scroll-truck-text {

    top: 15%;

  }



  .scroll-truck-text2 {

    bottom: 15%;

  }



}



@media screen and (max-width:1400px) {



  /* .container{

  bottom: 49px;

} */

  /* .mySwiper {

    height: 360px;

  } */



  .our-service-container {

    padding-top: 6%;

  }

}



@media screen and (max-width:1250px) {



  .scroll-text,

  .scroll-text2 {

    font-size: 120px;

  }



  .scroll-truck-text {

    font-size: 120px;

  }



  .scroll-truck-text2 {

    font-size: 100px;

  }



  .whoWEAre {

    max-width: 1020px;

  }



  .text-route {

    width: 100%;

    text-align: center;

  }



  .sec-container {

    max-width: 1020px;

  }



  .arrows img:first-child {

    left: 44%;

  }



  .reason-h2 {

    max-width: 1020px;

  }



  .follow-great-container {

    max-width: 1020px;

  }



  .column-10 img {

    width: 440px;

  }



  .reason-container-grid {

    padding-inline: 4%;

    grid-template-columns: 1fr 1fr 1fr;

  }



  .column-10 {

    right: 32px;

  }



  .container {

    max-width: 1030px;

  }



  .swiper-pagination5 {

    opacity: 1;

  }

  .footer-container{

    max-width: 1030px;

  }

  .foo2, .foo1, .foo3{

    margin-top: 30px;

  }

  .footer_nav{

    width: 100%;

  }

}



/* @media screen and (max-width:1200px) {

  .foo1 {

    width: 50%;

  }



  .foo2 {

    width: 50%;

    text-align: center;

  }



  .foo3 {

    max-width: 100%;

  }



  .container2 {

    padding-inline: 45px;

  }



  .form textarea {

    width: 100%;

  }



  .form input[type="text"],

  .form input[type="email"],

  .form input[type="tel"] {

    width: 100%;

    display: flex;

  }



  .form div:nth-child(1) .form div:nth-child(2) {

    display: flex;



  }



  .str-foot {

    gap: 20px;

  }

} */



@media screen and (max-width:1030px) {



  .scroll-text,

  .scroll-text2 {

    font-size: 100px;

  }



  .scroll-text2 {

    top: 25%;

  }



  .scroll-truck-text {

    font-size: 100px;

  }



  .scroll-truck-text2 {

    font-size: 80px;

    top: 38%;

  }



  .auto-generate-text span {

    font-size: 3rem;

  }



  .auto-generate-text {

    gap: 31px;

  }



  .image-text {

    left: 6%;

  }



  .whoWEAre {

    max-width: 770px;

    gap: 30px;

  }



  .what-h2 {

    font-size: 45px;

  }



  .who-details p:nth-child(2),

  .who-details p:nth-child(3) {

    font-size: 16px;

    line-height: 19px;

  }



  .routes-content {

    width: 770px;

  }



  .route-image img {

    width: 375px;

  }



  .route-cnt-banner-img {

    height: 100vh;

  }



  .sec-container {

    max-width: 770px;

  }



  .arrows img:first-child {

    left: 26%;

  }



  /* .grid-items{

  grid-template-columns: repeat(4, 1fr);

} */

  .container {

    max-width: 870px;

    left: 50%;

    transform: translateX(-50%);

    bottom: -9%;

  }



  .image-2 {

    height: 100%;

    object-fit: cover;

    object-position: center;

  }



  .our-service-container {

    margin-top: 14%;

  }



  .reason-h2 {

    max-width: 770px;

  }



  .follow-great-container {

    max-width: 770px;

  }



  .follow-grid {

    overflow-x: scroll;

    -ms-overflow-style: none;

    /* Internet Explorer 10+ */

    scrollbar-width: none;

    /* Firefox */

  }



  .follow-grid::-webkit-scrollbar {

    display: none;

  }





  .reason-container-grid {

    grid-template-columns: auto auto;

  }



  .what-h2 {

    max-width: 770px;

  }



  .md-arrows2 {

    display: none;

  }



  .container2{

    flex-direction: column-reverse;

  }

  .foo2, .foo1, .foo3{

    width: 100%;

  }

  .foo2 ul {

    display: flex;

    gap: 20px;

    flex-wrap: wrap;

    padding-top: 20px;

}

.footer-container{

  max-width: 770px;

}

}



@media screen and (max-width:880px) {

  

  /* body,html

   {

    overflow-x: hidden;

  } */

  .reason-container-grid{

    overflow: hidden;

  }

  .text-h2-p p {

    font-size: 0.8rem;

  }



  .auto-generate-text p {

    font-size: 0.8rem;

  }



  .auto-generate-text span {

    font-size: 2.6rem;

  }



  .text-h2-p h2 {

    font-size: 20px;

  }



  .container {

    max-width: 770px;

    bottom: -29px;

  }

  .Quick-link{

    display: flex;

  }

  .footer_nav{

    display: none;

  }

  .footer2{

    background-color: #002A32;

    padding-inline: 0;

    padding-block: 10px 30px;

  }

  .footer{

    padding-block: 49px 24px;

  }

  .container2{

    flex-direction: column-reverse;

  }

  .Quick-link , .foo2{

    flex-direction: column;

    width: 100%;

    align-items: flex-start;

    text-align: left;

    display: flex;

  }

  .Quick-link ul, .foo2 ul{

    display: flex;

    gap: 20px;

    flex-wrap: wrap;

    padding-top: 20px;

    

  }

  .foo3{

    max-width: unset;

  }

  .foo2{

    padding: unset;

    margin-top: 30px;

  }

  /* .form input[type="text"], .form input[type="email"], .form input[type="tel"], .form textarea{

       margin-bottom: 20px;

  } */

  .form{

    padding-inline: 0;

  }

  .footer-container{

    padding-inline: 42px;

  }

  .foo1{

    width: 100%;

    margin-top: 30px;

  }

  footer ul li {

  margin: 0;

  }

  .navbar ul li:nth-child(1),   .navbar ul li:nth-child(2),   .navbar ul li:nth-child(3), .navbar ul li:nth-child(4), .navbar ul li:nth-child(5), .navbar ul li:nth-child(6){

display: none;

  }

  .hide-nav{

    display: block;

  }

  .first-hamb ul{

    gap: 15px;

  }

  

}



@media screen and (max-width:770px) {

  .laptop-hero {

    display: none;

  }



  .tab-hero {

    display: block;

  }



  .image-list {

    height: 100vh;

  }



  .ship2 {

    height: 100vh;

    object-fit: cover;

    object-position: center;



  }



  .md-arrows2 {

    display: flex;

  }



  .truck2 {

    height: 100vh;

    object-fit: cover;

    object-position: center;

  }



  .banner-ship,

  .baneer-truck {

    height: 100vh;

    object-fit: cover;

    object-position: center;

  }



  .scroll-text {

    top: 20%;

  }



  .scroll-text2 {

    z-index: 1;

    top: 33%;

  }



  .scroll-truck-text2 {

    font-size: 100px;

    top: 17%;

    z-index: 1;

  }



  .scroll-truck-text {

    top: 5%;

  }



  .text-h2-p p {

    font-size: 1.2rem;

  }



  .text-h2-p h2 {

    font-size: 27px;

  }



  .auto-generate-text p {

    font-size: 1.2rem;

  }



  .whoWEAre {

    grid-template-columns: 1fr;

    max-width: 600px;

  }



  .what-h2 {

    font-size: 50px;

    line-height: 53px;

    display: flex;

    flex-direction: column;

  }



  .who-details p:nth-child(2),

  .who-details p:nth-child(3) {

    font-size: 20px;

  }



  .md-route-content {

    display: block;

    top: 30%;

  }



  .routes-content {

    display: none;

  }



  .route-cnt-banner-img {

    height: 125vh;

  }



  .card-details p {

    font-size: 18px;

    line-height: 17.9px;



  }



  .card-details {

    padding: 40px;



  }



  .swiper-pagination2 {

    bottom: -44px !important;

  }



  .arrows {

    display: none;

  }



  .md-arrows {

    display: flex;

    position: relative;

    padding-block: 3% 20%;

    ;



  }



  .md-left {

    left: 15% !important;

    width: 55px !important;

  }



  .md-right {

    right: 15% !important;

    width: 55px !important;

  }



  .arrows-section {

    grid-template-columns: 1fr;

  }



  .slider-container {

    padding-inline: 5%;

  }



  .sec-container {

    padding-top: 15%;

    padding-bottom: 10%;



  }



  .swiper-pagination4 {

    bottom: 46% !important;

    width: auto !important;

    left: 50% !important;

    transform: translateX(-50%) !important;

  }



  .swiper-pagination4 .swiper-pagination-bullet

  {

    background-color: rgba(188, 151, 86, 1);

    /* Change to the desired color */

  }

  .swiper-pagination5 .swiper-pagination-bullet{

background-color: rgba(74, 174, 164, 1);

  }



  .swiper-pagination2 .swiper-pagination-bullet {

    background-color: rgba(74, 174, 164, 1);

  }



  .who-h2 {

    padding-inline: 5%;

  }



  .grid-items {

    background: #413a3673;

    border-radius: 10px;

    left: unset;

    transform: unset;

    width: unset;

    margin-inline: 3%;

    top: 20%;



  }



  .mySwiper .swiper-wrapper .swiper-slide {

    margin: unset !important;

    border-right: none;

  }



  /* .swiper-pagination5{

  opacity: 1;

} */

  .mySwiper {

    height: 140px;

  }



  .md-arrows2 {

    display: flex;

    position: absolute;

    bottom: -70px;

    width: 100%;

    padding: 4%;





  }



  .swiper-pagination5 {

    opacity: 1;

    top: 17px !important;

    width: auto !important;

    left: 50% !important;

    transform: translateX(-50%) !important;

    top: 0 ;

  }



  .section-1 {

    flex-direction: column;

  }



  .left-column,

  .right-column {

    width: 100%;

    flex-direction: unset;

  }



  .image-2 {

    width: 100%;

  }



  .content {

    padding-right: 0;

  }



  .left-column {

    height: 330px;

  }



  .right-column {

    margin-left: 0;

    padding: 5%;

  }



  .description {

    font-size: 18.61px;

    line-height: 20.27px;

    padding-top: 9px;

  }



  .banner-image {

    height: 1400px;

  }



  .container {

    bottom: 180px;

    padding-inline: 3%;

    max-width: none;

    width: 100%;

  }



  .reason-h2 {

    padding-inline: 5%;

    max-width: none;

    width: 100%;

  }



  .reason-container-grid {

    grid-template-columns: none;

    display: block;

   

    position: relative;

   

  }

  .column-10 {

    right: unset;

}

 



  .md-services-reason {

    display: flex;

    position: absolute;

    flex-wrap: nowrap;

    overflow-x: auto;

    overflow-y: hidden;

    gap: 20px;

    bottom: 5%;

    width: 100%;

  }



  .md-services-reason div {

    flex: 0 0 auto;

  }



  .md-div-none {

    display: none;

  }



  .column-10 img {

    width: 100%;

  }



  .follow-great-container {

    max-width: none;

    margin-inline: 5%;

    padding-top: 6%;

  }



  .md-services-reason {

    -ms-overflow-style: none;

    /* Internet Explorer 10+ */

    scrollbar-width: none;

    /* Firefox */

  }



  .md-services-reason::-webkit-scrollbar {

    display: none;

    /* Safari and Chrome */

  }



  .zoom {

    transform: scale(1.2);

  }



  .md-follow-process {

    display: none;

  }



  .md-follow-process2 {

    display: block !important;

  }



  .md-follow-process2 .swiper-wrapper .swiper-slide {

    width: 300px;

    /* background: white; */

  }



  .md-we-btn {

    display: none;

  }



  .footer_nav {

    flex-direction: column;

    gap: 5px;

  }



  .str-foot {

    flex-direction: column;

    align-items: flex-start;

    gap: 30px;

  }

  .follow-grid{

    overflow: visible;

   bottom: -144px;

  }



  .swiper6{

  overflow: unset !important;

}

  .foloow-grid-items p {

    display: none;

  }



  .swiper6 .swiper-slide {

    transition: transform 0.4s !important;

  }



  .swiper6 .swiper-slide-active {

    transform: translateY(-160px) !important;

    width: 220px !important;

  }



  .swiper6 .swiper-slide-active .follow-slide-image img {

    width: 180px;

  }

  .swiper6 .swiper-slide-active .foloow-grid-items p {

    display:block;

  }

  .Quick-link{

    display: flex;

  }

  .footer_nav{

    display: none;

  }

  .container2{

    flex-direction: column-reverse;

  }

  .Quick-link , .foo2{

    flex-direction: column;

    width: 100%;

    align-items: flex-start;

    text-align: left;

    display: flex;

  }

  .Quick-link ul, .foo2 ul{

    display: flex;

    gap: 20px;

    

  }

  .form input[type="text"], .form input[type="email"], .form input[type="tel"], .form textarea{

       margin-bottom: 20px;

  }

  .form{

    padding-inline: 0;

  }

  .div-107{

    padding-bottom: 27px;

  

  }

  .div-121{

    margin-top: unset;

  }

  #sidebar {

   justify-content: unset;

    gap: 40px;

  }

  .first-hamb ul li a{

    padding: 2px 0;

  }

  .text-route{

    top: 10%;

  }

  .who-h2{

    top: 10%;

  }



}



@media screen and (max-width:600px) {

  .whoWEAre {

    max-width: 432px;



  }



  .swiper1 {

    max-width: 416px;

  }



  .md-route-content {

    /* top: 42%; */

    top: 30%;

  }



  .what-h2 {

    line-height: 53px;

  }



  .auto-generate-text p {

    font-size: 1rem;

  }



  .child-grid {

    text-align: center;

  }

  .form{

    grid-template-columns: 1fr;

  }

  .form textarea{

    grid-area: unset;

  }

  .shipment-fixed-section{

   width: 420px;

  }

  .shipment-fixed-section input{

    width: 100%;

   

  }

  .input-container{

    width: 100%;

  }

  .shipment-fixed-section{

    padding-left: 20px;

    padding-right: 20px;

  }

  .shipment-fixed-section button{

    width: 64px;

    font-size: 14px;

   

  }

  .input-container input::placeholder{

    font-size: 14px;

  }

  .scroll-truck-text, .scroll-truck-text2, .scroll-text, .scroll-text2 {

    font-size: 80px;

  }

  .swiper6 .swiper-slide-active {

  

    width: 180px !important;

  }

  .text-route h2 {

    font-size: 2.5rem;

    line-height: 54px;

}

.who-h2 {

  top: 10%;

}

.grid-items{

  top: 18%;

}

.container{

  bottom: 152px;

}

.first-hamb ul li a{

  font-size: 16px;

}



}



@media screen and (max-width:500px) {

  .child-grid h2 {

    font-size: 14px;

  }



  .flex2 {

    text-align: center;

  }



  .sticky {

    right: 13px;

  }



  /* .logos a img{

    width: 40px;

  } */

  .logos {

    width: 200px;

  }

  #openButton{

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #46AdA2;

    width: 102px;

  }

  .track{

    padding: 0 !important;

    height: unset !important;

    text-align: center !important;

    font-size: 14px !important;

  }

  .swiper-pagination5{

    top: 10px !important;

  }

 

}



@media screen and (max-width:431px) {

  .logo {

    width: 91px;

    margin-left: 28px;

}

#openButton{

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: #46AdA2;

}

.hamburger-container{

  width: 315px;

}

.track{

  padding: 0 ;

  height: unset ;

  text-align: center;

  font-size: 14px;

}



  .banner-ship,

  .baneer-truck {

    object-fit: unset;

  }





  .scroll-truck-text,

  .scroll-truck-text2,

  .scroll-text,

  .scroll-text2 {

    font-size: 60px;

  }



  .scroll-text {

    top: 21%;

    /* top: 24%; */

  }



  .scroll-text2 {

    top: 31%;

    /* top: 34%; */

  }



  .scroll-truck-text {

    top: 12%;

    /* top: 14%; */

  }



  .scroll-truck-text2 {

    top: 22%;

    /* top: 24%; */

  }



  .whoWEAre {

    /* max-width: unset; */

    max-width: 100%;

    padding-inline: 28px;

  }



  .who-details p:nth-child(2) {

    padding-top: 0;

  }



  .who-details p:nth-child(2),

  .who-details p:nth-child(3) {

    font-size: 16px;

  }



  .who-details {

    gap: 12px;

  }



  .watch-video-btn {

    margin-top: 13px;

  }



  .text-route {

    top: 11%;

  }



  .route-cnt-banner-img {

    /* height: 110vh; */

    height: 880px;

  }



  .what-h2 {



    font-size: 34px;

  }



  .auto-generate-text span {

    font-size: 1.75rem;

  }



  .image-text {

    left: 0;

    width: 100%;

  }



  .text-h2-p {

    margin-inline: 28px;

  }



  .text-h2-p p {

    font-size: 0.75rem;

  }



  .text-h2-p h2 {

    font-size: 20px;

  }



  .auto-generate-text {

    margin-inline: 28px;

    gap: 15px;

    justify-content: space-between;

  }



  .auto-generate-text p {

    width: 70px;

    font-size: 0.75rem;

  }



  .image-text {

    bottom: 7%;



  }



  .swiper1 {



    max-width: unset;

  }



  .md-route-content {

    width: 100%;

    padding-inline: 28px;

    top: 26%;

  }



  .text-route h2 {

    font-size: 1.75rem;

    line-height: 34.13px;

  }



  .slider-container,

  .who-h2,

  .container {

    padding-inline: 28px;

  }



  .div-107 {

    font-size: 34px;

  }



  .md-left {

    left: 28px !important;

  }



  .md-right {

    right: 28px !important;

  }



  .who-h2 {

    top: 80px;

  }



  .grid-items {

    top: 15%;

  }



  .follow-great-container {

    margin-inline: 28px;

    margin-top: 25%;

  }



  .description {

    font-size: 16px;



  }



  .follow-grid {

    margin-top: 18%;

  }



  .counter {

    width: 80px;

  }



  /* .data-animate2[data-aos="fade-up"][data-aos-offset="700"]{

  data-aos-offset:700;

} */

  .data-animate {

    display: none;

  }



  .data-animate2 {

    display: block;

  }



  .md-route-content {

    top: 22%;

  }



  .card-details {

    height: 366px;

  }



  .foo1,

  .foo2 {

    width: 100%;

    text-align: left;

  }

  .foloow-grid-items h2 {

    font-size: 14px;

    line-height: 17.07px;

    width: 68px;

  }

  .foloow-grid-items p{

    font-size: 14px;

  }



  .follow-slide-image img{

    width: 50px;

  }

  .swiper6 .swiper-slide-active .follow-slide-image img {

    width: 70px;

  }

  footer ul li{

    margin: 0;

  }

  footer ul li a {

    font-size: 14px;

    line-height: 17px;

  }

  .Quick-link ul, .foo2 ul {

    flex-wrap: wrap;

}

.Quick-link, .foo2{

  gap: 20px;

}

.container2{

  padding-inline: 28px;

}

.form button {

  width: 100%;

  margin-inline: 0;

  margin-top: 20px;

}

.shipment-fixed-section{

  width: 315px;

 }

 .swiper6 .swiper-slide-active {

  

  width: 90px !important;

}

.grid-items {

  top: 15%;

}

.container{

  bottom: 125px;

  /* bottom: 188px; */

  margin-top: unset;

}

.heading{

  font-size: 18px;

  line-height: 25px;

}

.banner-image {

  height: 1099px;

  display: none;

}

.banner-image2{

  display: block;

  height: 1000px;

}

.left-column{

  height: 175px;



}

.learn-more{

  margin-left: unset;

}

.description{

  padding-top: unset;

}

.column-10{

  right: unset ;

}

.div-112, .div-115, .div-119, .div-122{

  font-size: 14px;

  line-height: 28.8px;

  margin-top: 10px;

}

.img-26, .img-27, .img-29, .img-30{

  width: 35px;

}

.div-111, .div-114, .div-118, .div-121{

  padding: 30px 40px;

}



.div-113, .div-116, .div-120, .div-123{

  margin: 16px 0 14px;

  font: 500 14px/24px Manrope, sans-serif;

}

.md-services-reason{

  height: 230px;

}

.div-121{

  margin-top: unset;

}

.footer-container{

  padding-inline: 28px;

}

.container2{

  padding-inline: unset;

}

.form input[type="text"], .form input[type="email"], .form input[type="tel"], .form textarea {

  margin-bottom: unset;

  padding: 17px 10px;

}

.div-107{

  padding-bottom: unset;

}

.shipment-fixed-section input{

  height: 40px;

}

.shipment-fixed-section input::placeholder{

  font-size: 10px;

}

.shipment-fixed-section input[type=text] {

  font-size: 16px; 

}

.mySwiper {

  height: 120px;

}

.child-grid svg {

  width: 39px;

  height: 39px;



}

.child-grid{

  padding: unset;

  height: 100%;

}

/* .swiper2{

  height: 493px;

} */

.card, .content{

  height: 100%;

}

.first-hamb ul{

  gap: 6px;

}

.map1{

  display: none;

}

.map2{

  display: block;

}

}





@media screen and (max-width:380px) {



  .who-details p:nth-child(2),

  .who-details p:nth-child(3) {

    font-size: 14px;

    list-style: 17px;

  }



  .card-details p,

  .description {

    font-size: 14px;

    line-height: 16.94px;

  }



  .who-h2,

  .div-107 {

    font-size: 24px;

  }



  .div-113 {



    font: 500 14px/24px Manrope, sans-serif;

  }



  .scroll-text {

    /* top: 18%; */

    line-height: normal;

  }



  .scroll-text2 {

    /* top: 28%; */

    line-height: normal;

  }



  .scroll-truck-text {

    /* top: 8%; */

    line-height: normal;

  }



  .scroll-truck-text2 {

    /* top: 18%; */

    line-height: normal;

  }



  .caratsCounter {

    width: 100%;

  }



  .image-text {

    gap: 11px;

  }



  /* .card-details {

    height: unset;

  } */



  .md-left {

    left: 22px !important;

  }



  .md-right {

    right: 22px !important;

  }

  .container{

    bottom: 120px;

    margin-top: unset;

  }

  .first-hamb ul{

    gap: 10px;

  }

  #sidebar{

    gap: 30px;

  }

  .hamburger-container{

    padding: 25px 24px;

  }

  .first-hamb ul {

    gap: 5px;

}

.icons-hamb, .first-hamb ul {

  margin-top: 20px;

}

#sidebar {

  gap: 25px;

}

 

}



@media screen and (max-width:320px) {

  .scroll-text {

    top: 25%;

  }



  .scroll-text2 {

    top: 37%;

  }

}



@media screen and (max-width:320px) {

  .scroll-text {

    text-align: center;

    left: 50%;

    transform: translateX(-50%) !important;

    width: 100%;

    top: 24%;

  }



  .scroll-text2 {

    top: 36%;

  }



  .scroll-truck-text2 {

    top: 25%;

  }

  .icons-hamb, .first-hamb ul {

    margin-top: 16px;

  }

}





@media screen and (max-width: 431px) {

  .md-services-reason {

      height: auto;

  }

  .div-111 ,.div-114 ,.div-118 ,.div-121{

    width: 360px;

  }

  .dnone {

    display: none;

  }

}