.page-header__inner h1 {
  color: var(--logistiq-white);
  font-size: 74px;
  line-height: 1.1em;
  font-weight: 700;
  text-transform: capitalize;
  letter-spacing: 0.02em;
}

.about-three__content {
  position: relative;
  display: block;
  margin-left: 0px;
}

.about-three {
  position: relative;
  display: block;
  background: var(--logistiq-white);
  padding: 20px 0px 120px;

}

.service-details__sidebar-single {
  position: relative;
  display: block;
  background: var(--logistiq-gray-bg);
  padding: 43px 20px 50px;
  z-index: 1;
}

.padd {
  padding-inline-end: 50%;
}

.cta-one__inner {
  position: relative;
  display: block;
  background: var(--logistiq-black);
  padding: 90px 95px 100px;
  border-radius: 3px;
  z-index: 1;
  margin: 0 15px;
  margin-top: 5%;
}

.service-details__content-text2 h2 {
  font-size: 48px;
  line-height: 50px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 38px;
  text-align: center;
}

.side {
  position: relative;
  display: block;
  margin-top: 50px;

}

.service-details__sidebar-contact-img {
  position: relative;
  display: block;
  clip-path: fill-box;
  z-index: 1;
}

.service-details__content-img1 .inner {
  position: relative;
  display: block;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(0, 70, 120, 0.7);
  border-radius: 8px;
}

.flip {
  width: 35px;
  /* Adjust size as needed */
  transition: transform 0.3s ease;
  /* Smooth animation */
}

.flip:hover {
  transform: scaleX(-1);
  /* Flip horizontally */
}

.cta-one__img {
  position: absolute;
  right: 265px;
  bottom: 0;
  z-index: 1;
}

@media only screen and (max-width: 991px){
  .cta-one__inner {

    margin: 0;
    margin-top: 5%;

  }
  .col-xl-4{
  padding: 0px;
}
.col-xl-8{
  padding: 0px;
}
}


@media only screen and (max-width: 767px) {
  .service-details__sidebar-single-service ul li a {
    font-size: 13px;
  }



  .page-header__inner h1 {
    font-size: 40px;
  }


  .service-details {
    position: relative;
    display: block;
    background: var(--logistiq-white);
    padding: 55px 0px 70px;
    z-index: 1;
  }

  .about-three {
    position: relative;
    display: block;
    background: var(--logistiq-white);
    padding: 0px 0px 30px;
    z-index: 1;
  }

  .padd {
    padding-inline-end: 0%;
  }


  .service-details__content-text2 h2 {
    font-size: 28px;
    line-height: 35px;
  }

  .about-three__content {
    position: relative;
    display: block;
    margin-left: 0px;
  }

  .cta-one__inner {
    padding: 65px 30px 75px;
  }

  .service-details__sidebar {
    max-width: 500px !important;
    width: 100%;
    margin: 0 auto 50px;
  }

  .service-details__content-text1 h2 {
        font-size: 28px;
        line-height: 35px;
    }
}

@media only screen and (max-width: 1000px) {
  .padd {
    padding-inline-end: 0%;
  }
  .page-header__inner h1 {
  color: var(--logistiq-white);
  font-size: 45px;
  line-height: 1.1em;
  font-weight: 700;
  text-transform: capitalize;
  letter-spacing: 0.02em;
}

  .about-three__content {
    margin-left: 0px;
    margin-top: 20px;
  }

  .about-three {
    position: relative;
    display: block;
    background: var(--logistiq-white);
    padding: 20px 0px 60px;
    z-index: 1;
  }

  .service-details {
    position: relative;
    display: block;
    background: var(--logistiq-white);
    padding: 90px 0px 70px;
    z-index: 1;
  }

  .service-details__sidebar {
    max-width: 709px;
    width: 100%;
    margin: 0 auto 50px;
  }
}











.about-three {
  position: relative;
  display: block;
  background: var(--logistiq-white);
  padding: 20px 0px 40px;

}







.blog-three {
  position: relative;
  display: block;
  background: var(--logistiq-white);
  padding: 0px 0px 90px;
 
}

.service-details__content-text3 h2 {
  font-size: 48px;
  line-height: 50px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 38px;
  text-align: center;
}

.efficiency {
  max-width: 1000px;
  margin: 0 auto;
}

.blog-three__single-content h2 {
  font-size: 23px;
  line-height: 32px;
  font-weight: 600;
  padding-top: 40px;
  margin-bottom: 19px;
}

.about-one {
  position: relative;
  display: block;
  background: var(--logistiq-white);
  padding: 40px 0px 180px;
 
}

.side {
  position: relative;
  display: block;
  margin-top: 50px;
}

.service-details__content-img1 .inner {
  position: relative;
  display: block;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(0, 70, 120, 0.7);
  border-radius: 8px;
}

.flip {
  width: 35px !important;

  transition: transform 0.3s ease !important;
 
}

.flip:hover {
  transform: scaleX(-1) !important;
 
}

.cta-one__img {
  position: absolute;
  right: 265px !important;
  bottom: 0;
  z-index: 1;
}


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



  .page-header__inner h1 {
    font-size: 35px;
  }




  .about-three {
    position: relative;
    display: block;
    background: var(--logistiq-white);
    padding: 0px 0px 0px;
    z-index: 1;
  }



  .about-one {
    position: relative;
    display: block;
    background: var(--logistiq-white);
    padding: 40px 0px 80px;
    z-index: 1;
  }

  .cta-one__inner {
    position: relative;
    display: block;
    background: var(--logistiq-black);
    padding: 90px 15px 100px;
    border-radius: 3px;
    z-index: 1;
  }

  .service-details__content-text3 h2 {
    font-size: 28px;
    line-height: 1.2em;
    font-weight: 700;
    text-transform: capitalize;
    margin-top: -7%;
    text-align: center;
  }

  .blog-three {
    position: relative;
    display: block;
    background: var(--logistiq-white);
    padding: 0px 0px 40px;
    z-index: 1;
  }

  .ft {

    padding: 0px 0px !important;
  }
}

@media only screen and (max-width: 1000px) {
  .padd {
    padding-inline-end: 0% !important;
  }

  .service-details {
    position: relative;
    display: block;
    background: var(--logistiq-white);
    padding: 80px 0px 80px;
    z-index: 1;
  }

  .about-three__content {
    margin-left: 0px;
    margin-top: 0px;
  }

  .about-three {
    position: relative;
    display: block;
    background: var(--logistiq-white);
    padding: 20px 0px 0px;
    z-index: 1;
  }

  .ft {

    padding: 0px 30px;
  }
  .blog-three {
    position: relative;
    display: block;
    background: var(--logistiq-white);
    padding: 0px 0px 15px;
    z-index: 1;
  }
}