/* Common Css Start */

body {
  margin     : 0;
  padding    : 0;
  font-family: "Poppins";
}

.tac {
  text-align: center;
}

.m-0 {
  margin: 0;
}

.mt-3 {
  margin-top: 3rem;
}

.mt-4 {
  margin-top: 4rem;
}

.mt-5 {
  margin-top: 5rem;
}

.mb-3 {
  margin-bottom: 3rem;
}

.mb-4 {
  margin-bottom: 4rem;
}

.mb-5 {
  margin-bottom: 5rem;
}

.p-0 {
  padding: 0;
}

.pt-3 {
  margin-top: 3rem;
}

.pt-4 {
  margin-top: 4rem;
}

.pt-5 {
  margin-top: 5rem;
}

.pb-3 {
  margin-bottom: 3rem;
}

.pb-4 {
  margin-bottom: 4rem;
}

.pb-5 {
  margin-bottom: 5rem;
}

.g-10 {
  gap: 10px;
}


.df_aic {
  display    : flex;
  align-items: center;
  padding: 0;
}

.jc_sb {
  justify-content: space-between;
}

.blue_btn:hover {
  border          : 1px solid #1974FF;
  background-color: transparent;
  color           : #1974FF;
  text-decoration : none;
}

.blue_bg {
  background-color: #1974ff;
  color           : #fff;
  border          : 1px solid transparent;
  position        : relative;
  padding         : 11px 29px;
  transition      : 0.2s ease-in-out;
  font-size       : 17px;
  border-radius   : 5px;
  text-decoration : none;
  cursor:pointer;
}

.blue_btn {
  background-color: #1974ff;
  color           : #fff;
  border          : 1px solid transparent;
  position        : relative;
  padding         : 11px 29px;
  transition      : 0.2s ease-in-out;
  font-size       : 17px;
  border-radius   : 5px;
  text-decoration : none;
  cursor:pointer;
}

.black_btn:hover {
  background-color: #000;
  border          : 1px solid #ffffff;
  color           : #fff;
  text-decoration : none;
}

.black_bg:hover {
  border         : 1px solid #fff;
  text-decoration: none !important;
}

.blue_bg:hover {
  text-decoration: none !important;
}

.black_bg {
  background-color: rgb(255, 255, 255);
  color           : #000000;
  border          : 1px solid #000;
  position        : relative;
  padding         : 11px 29px;
  transition      : 0.2s ease-in-out;
  font-size       : 17px;
  text-decoration : none;
  border-radius   : 5px;
  cursor:pointer;
}

.black_border {
  background-color: #90828200;
  color           : #000000;
  border          : 1px solid #000;
  position        : relative;
  padding         : 11px 29px;
  transition      : 0.2s ease-in-out;
  font-size       : 17px;
  text-decoration : none;
  border-radius   : 5px;
}

.black_btn {
  background-color: #90828200;
  color           : #000000;
  border          : 1px solid #000;
  position        : relative;
  padding         : 11px 29px;
  transition      : 0.2s ease-in-out;
  font-size       : 17px;
  text-decoration : none;
  border-radius   : 5px;
  cursor:pointer;
}

.button_bg {
  display        : flex;
  justify-content: center;
}

.log_differ-companies-btnsed .log-demo-btn:hover img {
  left      : 190px;
  transition: 0.2s ease-in-out;
  position  : relative;
}

.log_differ-companies-btnsed .log-demo-btn img {
  transition: 0.2s ease-in-out;
  position  : relative;
  left      : -6px;
}

.log_differ-companies-btnsed .log-demo-btn:hover span {
  transition: 0.2s ease-in-out;
  position  : relative;
  left      : -20px;
  color     : #fff;
}

/* Common Css End */

.logistics-banner.log_res {
  background-color: #0D0E16;
  padding         : 9rem 0px 4rem 0;
}

.logistics-banner-whole.row {
  display    : flex;
  align-items: center;
}


.log_sub_para {
  width        : 66%;
  margin       : 0 auto;
  text-align   : center;
  margin-bottom: 60px;
  font-size: 17px;
}

.log_first_h {
  text-align    : center;
  font-size     : 14px;
  width         : fit-content;
  padding       : 10px 30px;
  border-radius : 20px;
  background    : rgba(2, 142, 255, 0.2);
  color         : #1974ff;
  margin        : 0 auto;
  text-transform: uppercase;
}

.log_second_h {
  font-size  : 40px;
  font-weight: 600;
  text-align : center;
  margin-top : 18px;
  line-height: 50px;
  color:#000;
}

.warehouse-sorting-right {
  display  : flex;
  flex-wrap: wrap;
  gap      : 60px 13px;
  padding: 0;
}

.log_side_p {
  margin: 22px 0 50px 0;
  font-size: 17px;
}

.log_side_h {
  font-size  : 30px;
  font-weight: 500;
  color      : #000;
  margin     : 0 0 23px 0px;
}

.Streamline {
  margin-top: 49px;
}
/*.logistics-banner-img{
	padding-top: 90px;
}*/

/* Map Animation Start */
.logistics-banner-img {
  position: relative;
  top: 88px;
}

.cloud_dot::after {
  content: '*';
  color  : #FFF;
}

.map_moving_ani_one {
  transform: rotate(-35deg);
  position : absolute;
  top      : 203px;
}

.cloud-one {
  animation: drift1 2s linear infinite backwards;
}

@keyframes drift1 {
  from {
    transform: translateX(65px);
    opacity  : 1;
  }

  to {
    transform: translatex(300px);
    opacity  : 0;
  }
}

.map_moving_ani_two {
  transform: rotate(-126.4deg);
  position : absolute;
  top      : 147px;
  left     : 347.5px;
}

.cloud-two {
  animation: drift2 2s linear infinite backwards;
}

@keyframes drift2 {
  from {
    transform: translateX(25px);
    opacity  : 1;
  }

  to {
    transform: translatex(150px);
    opacity  : 0;
  }
}

.map_moving_ani_three {
  transform: rotate(169.2deg);
  position : absolute;
  top      : 70px;
  left     : 642px;
}

.cloud-three {
  animation: drift3 2s linear infinite backwards;
}

@keyframes drift3 {
  from {
    transform: translateX(25px);
    opacity  : 1;
  }

  to {
    transform: translatex(150px);
    opacity  : 0;
  }
}

.map_moving_ani_four {
  transform: rotate(105deg);
  position : absolute;
  top      : 42px;
  left     : 648px;
}

.cloud-four {
  animation: drift4 2s linear infinite backwards;
}

@keyframes drift4 {
  from {
    transform: translateX(40px);
    opacity  : 1;
  }

  to {
    transform: translatex(200px);
    opacity  : 0;
  }
}

.map_moving_ani_five {
  transform: rotate(168deg);
  position : absolute;
  top      : 102px;
  left     : 496px
}

.cloud-five {
  animation: drift5 2s linear infinite backwards;
}

@keyframes drift5 {
  from {
    transform: translateX(0px);
    opacity  : 1;
  }

  to {
    transform: translatex(150px);
    opacity  : 0;
  }
}

.map_moving_ani_six {
  transform: rotate(205deg);
  position : absolute;
  bottom   : 169px;
  left     : 554px;
}

.cloud-six {
  animation: drift6 2s linear infinite backwards;
}

@keyframes drift6 {
  from {
    transform: translateX(0px);
    opacity  : 1;
  }

  to {
    transform: translatex(150px);
    opacity  : 0;
  }
}

.map_moving_ani_seven {
  transform: rotate(241deg);
  position : absolute;
  bottom   : 156px;
  left     : 590px;
}

.cloud-seven {
  animation: drift7 2s linear infinite backwards;
}

@keyframes drift7 {
  from {
    transform: translateX(0px);
    opacity  : 1;
  }

  to {
    transform: translatex(150px);
    opacity  : 0;
  }
}

.map_moving_ani_eight {
  transform: rotate(209deg);
  position : absolute;
  bottom   : 221.6px;
  left     : 440px;
}

.cloud-eight {
  animation: drift8 2s linear infinite backwards;
}

@keyframes drift8 {
  from {
    transform: translateX(0px);
    opacity  : 1;
  }

  to {
    transform: translatex(90px);
    opacity  : 0;
  }
}

/* Map Animation End */

/****logistics-banner****/

.logistics-banner-left h1 {
  font-size  : 45px;
  font-weight: bold;
  line-height: 65px;
  color      : #fff;
  margin-top: 50px;
}

.logistics-banner-left .efficient {
  color      : #FF7A00;
  font-weight: bold;
  font-size  : 23.9px;
}

.logistics-banner-left ul {
  list-style-type: none;
  padding        : 0px 0px 10px;
  margin-top     : 31.5px;
}

.logistics-banner-left ul h6 {
  color      : #0a0a0a;
  font-size  : 18px;
  font-weight: 500;
  line-height: 30px;
  margin     : 0 0 15px;
}

.logistics-banner-left ul li {
  background         : url(../png/checklist.png) no-repeat;
  color              : #ffffff;
  font-size          : 17px;
  line-height        : 25px;
  list-style-type    : none;
  font-weight        : 500;
  padding-left       : 35px;
  margin-bottom      : 15px;
  background-position: left;
}


.log_differ-companies-btns {
  margin-top: 34px;
  display   : flex;
}

.log_differ-companies-btns .log-demo-btn:last-child img {
  filter: brightness(0) saturate(100%) invert(0%) sepia(82%) saturate(7476%) hue-rotate(276deg) brightness(126%) contrast(100%);
}

.log_differ-companies-btns .log-demo-btn:last-child:hover img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

.log_differ-companies-btns .log-demo-btn:last-child:hover {
  background-color: #000;
  color           : #fff;
}

.log_differ-companies-btns .log-demo-btn:hover {
  border-radius: 30px;
}

.log_differ-companies-btns .log-demo-btn img {
  transition: 0.2s ease-in-out;
  position  : relative;
  left      : -6px;
}

.log_differ-companies-btns .log-demo-btn:hover img {
  left      : 110px;
  transition: 0.2s ease-in-out;
  position  : relative;
}

.log_differ-companies-btns .log-demo-btn span {
  position  : relative;
  transition: 0.2s ease-in-out;
  right     : 0;
}

.log_differ-companies-btns .log-demo-btn:hover span {
  right     : 20px;
  transition: 0.2s ease-in-out;
  position  : relative;
  color     : #fff;
}

.logistics-banner-left p {
  font-size  : 17px;
  color      : #E9E9E9;
  line-height: 35px;
}

.logistics-banner-right {
  padding : 0;
  position: absolute;
  right   : 86px;
  top     : 86px;
}

.logistics-banner-img img {
  width : 687px;
  height: 434px;
}

/*****Benefit-sorting*****/
.benefit-row {
  width          : 100%;
  display        : flex;
  flex-wrap      : wrap;
  justify-content: center;
  margin-top: 30px;
}

.benefit-card {
  width     : 100%;
  text-align: center;
  margin    : 30px 0;
}

.benefit-card p {
  margin     : 20px auto 0;
  font-weight: 600;
  font-size  : 17px;
  color: #000;
}

/*****warehouse-sorting*****/



.warehouse-sorting-part {
  width     : 32%;
  display   : inline-block;
  text-align: center;
}

.warehouse-sorting-part h5 {
  font-size  : 20px;
  font-weight: 500;
  margin-top : 15px;
  color      : #000;
  line-height: 24px;
}

.warehouse-sorting-whole {
  padding: 0;
}

.warehouse-sorting-left {
  position: relative;
}

.warehouse-sorting-left::before {
  position  : absolute;
  content   : "";
  background: url("../png/warehouse-sorting-circle.png") no-repeat;
  width     : 130px;
  height    : 130px;
  top       : -50px;
  right     : 20px;
  z-index   : -1;
}

/* ***route-optimization****** */

.excel-import-img {
  position: relative;
}

.filedoc {
  position : absolute;
  left     : 315px;
  top      : 56%;
  animation: drag 2s ease-in-out infinite;
}

@keyframes drag {
  0% {
    left: 315px;
    top : 56%;
  }

  100% {
    transform : translate(-105px, -48px);
    transition: 2s ease-in-out;
  }
}

.route-optimization-right {
  display: flex;
  gap    : 10px;
}

.route-optimization-right ul {
  padding: 0px;
  margin: 25px 0px 0px 0px;
}
.route-optimization{
	margin: 75px 0px;
}

.route-optimization-right ul li {
  background         : url(../svg/gray-tick.svg) no-repeat;
  color              : #000;
  font-size          : 17px;
  line-height        : 30px;
  list-style-type    : none;
  font-weight        : 500;
  padding-left       : 35px;
  margin-bottom      : 15px;
  background-position: left 5px;
  margin-top: 20px;
}

.route-optimization-right div p {
  padding-right: 55px;
  font-size: 17px;
  line-height: 34px;
}

/****** route-planning *****/

.route_planning_img {
  position: relative;
}

.sand_clock {
  position : absolute;
  top      : 17px;
  left     : 67px;
  animation: rotate 3s ease-in-out infinite;
}

@keyframes rotate {
  0% {
    rotate: 0 deg;
  }

  25% {
    rotate    : 90deg;
    transition: 1s ease-in-out;
  }

  50% {
    rotate    : 180deg;
    transition: 1s ease-in-out;
  }

  100% {
    rotate    : 360deg;
    transition: 1s ease-in-out;
  }
}

.route-planning .route-optimization-left {
  padding: 0;
}

.route-schedule .route-optimization-right div p {
  padding-right: 27px;
}

.proof {
  position: relative;
}

.sign {
  position: absolute;
  bottom  : 116px;
  left    : 78px;
}

/****api-integration*****/

.api-part {
  border-radius: 6px;
  border       : 1px solid #cce8ff;
  background   : #fff;
  margin       : 0px 50px 15px 0px;
  width        : 31%;
  padding      : 17px;
  min-height   : 370px;
}
.api-part:last-child {
    margin: 0px 0px 15px 0px;
}

.api-part div {
  width        : 100%;
  margin-bottom: 23px;
  display: flex;
}

.api-part div span {
  width  : 90px;
  display: inline-block;
}

.api-part div h4 {
  width      : 66%;
  display    : inline-block;
  font-size  : 27px;
  font-weight: 500;
  transition : 0.2s ease-in-out;
}

.api-part:hover div h4 {
  color     : #1974ff;
  transition: 0.2s ease-in-out;
}

.api-part p {
  font-size          : 16px;
  font-weight        : 500;
  background         : url(../svg/check-mark.svg) no-repeat;
  color              : #000;
  line-height        : 25px;
  padding            : 0 22px 0px 35px;
  margin-bottom      : 15px;
  background-position: left;
}

/*****efficiency-section****/
.efficiency-section {
  width      : 100%;
  height     : 500px;
  background : url(../webp/efficiency-bg.webp) no-repeat center;
  display    : flex;
  align-items: center;
}

.efficiency-section h6 {
  color      : #fff;
  text-align : center;
  font-size  : 60px;
  font-weight: 500;
  margin-top: 60px;
}

.efficiency-section h6 span {
  border-bottom: 7px solid #1974FF;
}

.revolution_tdy h1,
.revolution_tdy p {
  color: #fff;
  font-size: 17px;
}
.revolution_tdy h1{
  font-size: 45px;
}
.revolution_tdy {
  display: flex;
  gap    : 24px;
  width  : 300px;
}



/*****feel-free****/

.feel-free .log-demo-btn {
  background-color: #1974ff;
  color           : #fff;
  border          : 1px solid transparent;
  position        : relative;
}

.feel-free .log-demo-btn img {
  transition: 0.2s ease-in-out;
  position  : relative;
  left      : -6px;
}

.feel-free .log_second_h {
  width     : 100%;
  text-align: left;
  margin    : 0 0 10px 0px;
  color     : #fff;
  position  : relative;
}

.feel-free .log_second_h .forward{
	font-size: 49px;
    display: block;
}

.feel-free {
  background:#000;
  /*background     : url("../../new-images/logistics/feel-free-bg.png") no-repeat;
  background-size: 100% 100%;*/
}

.feel-free-part p {
  color        : #fff;
  margin-bottom: 45px;
  font-size    : 17px;
  padding-right: 182px;
  line-height: 30px;
}

.feel-free-part {
  padding       : 96px 0px 75px 0px;
  width         : 54%;
  display       : inline-block;
  vertical-align: top;
}

.feel-free-right img {
  vertical-align: top;
}

.feel-free-right {
  width  : 45%;
  display: inline-block;
  margin-top: 30px;
}

.feel-free .log-demo-btn:hover,
.feel-free .log-demo-btn:active,
.feel-free .log-demo-btn:visited {
  border-radius  : 30px;
  transition     : 0.2s ease-in-out;
  color          : #fff;
  text-decoration: none;
}

.feel-free .log-demo-btn:hover img {
  left      : 110px;
  transition: 0.2s ease-in-out;
  position  : relative;
}

.feel-free .log-demo-btn span {
  position  : relative;
  transition: 0.2s ease-in-out;
  right     : 0px;
}

.feel-free .log-demo-btn:hover span {
  right     : 20px;
  transition: 0.2s ease-in-out;
  position  : relative;
  color     : #fff;
}

.feel-free-whole {
  padding: 0;
}

.feel-free .log_second_h::before {
  position  : absolute;
  content   : "";
  width     : 71px;
  height    : 58px;
  background: url("../png/feel-free-arrow-top.png") no-repeat;
  top       : -67px;
  left      : 0;
}

.feel-free .log_second_h::after {
  position  : absolute;
  content   : "";
  width     : 46px;
  height    : 32px;
  background: url("../png/feel-free-arrow-top1.png") no-repeat;
  top       : -39px;
  right     : 34%;
}

.feel-free .log-demo-btn::before {
  position  : absolute;
  content   : "";
  width     : 62px;
  height    : 51px;
  background: url(../png/feel-free-arrow-bottom.png) no-repeat;
  bottom    : -72px;
  left      : 0;
}

.feel-free .log-demo-btn::after {
  position  : absolute;
  content   : "";
  width     : 62px;
  height    : 51px;
  background: url(../png/feel-free-arrow-bottom1.png) no-repeat;
  bottom    : -67px;
  right     : -130px;
}

/****end-user-booking****/

.end-user-booking-whole {
  padding: 0;
  margin: 50px 0px;
}


.end-user-booking-right ul li {
  background         : url(../svg/tick.svg) no-repeat;
  color              : #000;
  font-size          : 17px;
  line-height        : 30px;
  list-style-type    : none;
  font-weight        : 500;
  padding-left       : 35px;
  margin-bottom      : 15px;
  background-position: left 7px;
}



.end-user-booking-right p {
  padding-right: 76px;
  font-size: 17px;
  line-height: 30px;
}

/****delivering-more section*****/

.delivering-more .end-user-booking-right p {
  padding: 0px 75px 0px 0px;
}

.delivering-more .end-user-booking-img {
  text-align: right;
}

.delivering-more .end-user-booking-right {
  padding: 0px 15px 0px 15px;
}

/****log-look-demo section*****/



.log-look-demo-part {
  width        : 28%;
  text-align   : center;
  display      : inline-block;
  border       : 1px solid #000;
  margin       : 0px 27px;
  padding      : 37px 0px 30px 0px;
  border-radius: 7px;
}

.log-look-demo-part h5 {
  font-size  : 19px;
  font-weight: 600;
  padding-top: 22px;
}


.log-look-btns {
  text-align     : center;
  gap            : 30px;
  display        : flex;
  justify-content: center;
  margin-top     : 30px;
}

.log-look-demo-part:hover {
  border: 1px solid #43b05c;
}

.moving-truck {
  margin-top: 85px;
  position  : relative;
}

.moving-truck img {
  width : 100%;
  height: auto;
}

.moving-truck::before {
  content   : "";
  position  : absolute;
  background: url("../svg/moving-truck.svg") no-repeat;
  width     : 52px;
  height    : 53px;
  top       : -23px;
  animation : moving 9s ease-in-out infinite;
}


@keyframes moving {
  0% {
    left: 0%;
  }

  25% {
    left      : 28%;
    transition: 3s ease-in-out;
    top       : -18px;
  }

  50% {
    left      : 55%;
    top       : -40px;
    transition: 3s ease-in-out;
  }

  75% {
    left      : 70%;
    top       : -47px;
    transition: 1s ease-in-out;
  }

  100% {
    left      : 95%;
    top       : -37px;
    transition: 2s ease-in-out;
  }
}

/****log-clients****/

.log_clients {
  background-color: #000;
  padding         : 38px 0px 60px 0px;
}

.log_clients .log_second_h {
  width: 100%;
  color: #ffffffe6;
}

.pdq_pickup {
  width        : 100%;
  margin-bottom: 7px;
}

.pdq_pickup span {
  width           : 75px;
  display         : inline-block;
  height          : 73px;
  background-color: #fff;
  padding         : 18px;
  border-radius   : 50%;
  margin-right    : 10px;
}

.pdq_pickup .log_side_h {
  display    : inline-block;
  width      : 70%;
  font-size  : 27px;
  font-weight: 500;
  color      : #ffffffe6;
}

.pickup_para {
  font-size    : 13px;
  color        : #ffffffe6;
  padding-right: 100px;
}

.log_clients-right p {
  color    : #ffffffe6;
  font-size: 17px;
  line-height: 30px;
}



.project_duration span {
  display         : inline-block;
  width           : 38px;
  background-color: #1974ff;
  height          : 38px;
  border-radius   : 50%;
  padding         : 9px;
  margin-right    : 6px;
  vertical-align  : top;
}

.project_duration div {
  width  : 68%;
  display: inline-block;
}

.project_duration h6 {
  font-size  : 13px;
  color      : #ffffffe6;
  font-weight: 500;
  margin     : 0;
}

.project_duration p {
  font-size: 12px;
  color    : #ffffffe6;
}

.log_clients .log_location {
  margin-top : 20px;
  display    : flex;
  flex-wrap  : wrap;
  align-items: center;
  gap        : 30px;
}

.project_duration {
  display: flex;
  width  : 155px;
}

.log_clients .client-counts {
  width  : 100%;
  padding: 0;
  margin : 20px 0px 20px 0px;
}

.log_clients .client-counts li {
  width  : 22%;
  display: inline-block;
}

.log_clients strong.d-block {
  color      : #1974ff;
  font-size  : 18px;
  font-weight: 500;
}

.log_clients-right ul li p {
  font-size    : 17px;
  margin-bottom: 5px;
}

.log_clients-left {
  text-align: center;
}

.log_clients-img img {
  margin-top: 35px;
}


/*------------------testimonials-section------------------*/

.testimonials-section{
	text-align:center;
	margin: 20px 0px 50px 0px;
}
.testimonials-section h5{
	font-size: 40px;
    font-weight: 600;
    text-align: center;
    margin-top: 18px;
    line-height: 50px;
    color: #000;
	margin-bottom:40px;
}
.testimonials-section .client_imgs {
    display: flex;
    width: 100%;
    text-align: left;
    flex-wrap: nowrap;
	min-height: 80px;
	align-items: center;
}
.testimonials-section .testimonials-slider img{
	width: 80px;
	margin-right: 10px;
}
section.testimoni h4.white {
    color: #333333 !important;
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 26px;
    font-family: 'Poppins' !important;
    font-weight: 400 !important;
    font-style: normal;
    margin: 0px;
    text-align: left;
}
.testimonials-section .testimonials-slider .tm-content {
    float: left;
    width: 79%;
    text-align: left;
	padding: 20px 0px 0px 0px;
	font-size:15px;
	line-height: 24px;
}
.tm-title h6{
	color:#000000;
	font-size:20px;
	line-height:24px;
	font-weight:700;
	margin-top: 10px;
}
.tm-title p{
	color:#000000;
	font-size:16px;
	line-height:24px;
	font-weight:500;
}

/*------------------testimonials-section------------------*/

/*****log-technologies*****/

.log-technologies .log_second_h {
  width        : 100%;
  margin-bottom: 15px;
}

.log-technologies-whole {
  padding   : 0;
  text-align: center;
}

/****faq**/

.left_faq h4.panel-title a,
.right_faq h4.panel-title a {
  font-size  : 17px;
  font-weight: 400;
  color      : #000;
  line-height: 23px;
}

.left_faq .panel.panel-default span,
.right_faq .panel.panel-default span {
  background: none;
}

.left_faq .panel.panel-default span img,
.right_faq .panel.panel-default span img {
  width: 22px;
}

.left_faq .panel-body,
.right_faq .panel-body {
  font-size  : 16px;
  color      : #000;
  font-weight: 400;
  padding    : 0px 10px 10px 10px;
}

.left_faq h4.panel-title a:not(.collapsed) span,
.right_faq h4.panel-title a:not(.collapsed) span {
  background: none !important;
}

.left_faq h4.panel-title a:not(.collapsed),
.right_faq h4.panel-title a:not(.collapsed) {
  font-weight: 500;
}

.left_faq .panel-default>.panel-heading,
.right_faq .panel-default>.panel-heading {
  border       : none;
  box-shadow   : none;
  margin-bottom: 0px;
}

.left_faq h4.panel-title a:not(.collapsed) span img:first-child,
.right_faq h4.panel-title a:not(.collapsed) span img:first-child {
  display: none;
}

.left_faq h4.panel-title .collapsed span img:last-child,
.right_faq h4.panel-title .collapsed span img:last-child {
  display: none;
}

.left_faq .collapse.in,
.right_faq .collapse.in {
  border: none;
}

.left_faq .panel-default>.panel-heading a:not(.collapsed),
.right_faq .panel-default>.panel-heading a:not(.collapsed) {
  border: none !important;
}

.left_faq .panel.panel-default,
.right_faq .panel.panel-default {
  border: 1px solid #d2e4ff !important;
}

.left_faq .panel.panel-default a[aria-expanded="true"] .panel.panel-default,
.right_faq .panel.panel-default a[aria-expanded="true"] .panel.panel-default {
  border: 1px solid green !important;
}

.faqs .e-com_second_h{
	font-size: 40px;
    font-weight: 600;
    text-align: center;
    margin-top: 18px;
    line-height: 40px;
    color: #000;
}


/*---------------Client Section-----------------*/

.client-section {
    background-image: url(../webp/client-logos-bg.webp);
    background-repeat: no-repeat;
    background-position: top center;
    height: 835px;
    margin-bottom: 20px;
    background-size: contain;
    padding: 90px 50px 0px 50px;
}
.client-section .client-section-card {
    width: 55%;
    margin: 0 auto;
    text-align: center;
}
.client-section i {
    position: relative;
    top: 50px;
}
.client-section .client-section-card h5 {
    font-size: 45px;
    color: #000;
	font-weight: 600;
}
.client-section .client-section-card p {
    font-size: 16px;
    color: #000;
    line-height: 28px;
    width: 74%;
    margin: 0 auto 25px;
    justify-content: center;
    display: flex;
}
.bl_bg_btn {
    background-color: #0c8ce9;
    color: #fff;
    width: 160px;
    height: 50px;
    border-radius: 36px;
    border: 1px solid #fff;
    font-size: 14px;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
	text-decoration:none;
}
.client-section .client-section-card .bl_bg_btn.unlock-btn {
    width: 231px;
}
.bl_bg_btn img {
    width: 20px;
    margin-right: 17px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(158deg) brightness(101%) contrast(100%);
}
.bl_bg_btn:hover img {
    transition: all 0.3s linear;
    transform: translateX(125px);
    -webkit-transform: translateX(125px);
    -moz-transform: translateX(125px);
    -ms-transform: translateX(125px);
    -o-transform: translateX(125px);
}
.bl_bg_btn.unlock-btn:hover img {
    transition: all 0.3s linear;
    transform: translateX(163px);
    -webkit-transform: translateX(163px);
    -moz-transform: translateX(163px);
    -ms-transform: translateX(163px);
    -o-transform: translateX(163px);
}
.bl_bg_btn:hover span {
    position: relative;
    left: -40px;
    transition: 0.5s;
	color:#ffffff;
	text-decoration:none;
}
.bl_bg_btn:hover{
	text-decoration:none !important;
}


/****responsive******/


@media only screen and (max-width: 991px) {
  /* .route-optimization-excel .route-optimization-img img {
    display: none;
  }

  .route-planning .route-optimization-img img {
    display: none;
  }

  .moving-truck {
    display: none;
  }

  .proof_of_delivery .route-optimization-img img {
    display: none;
  } */

  .log_second_h {
    font-size    : 22px;
    width        : 100%;
    line-height  : normal;
    margin-top   : 12px;
    margin-bottom: 15px;
  }

  .log-demo-btn {
    padding     : 10px 16px;
    margin-right: 6px;
  }



  /* log-technologies */
  .log-technologies {
    display: none;
  }

  /* logistics-banner */
  .logistics-banner-left {
    margin-top: 0;
  }

  .logistics-banner-img {
    position: unset;
  }

  .logistics-banner-img img {
    width : 100%;
    height: auto;
    margin: 15px 0px 15px 0px;
  }

  .logistics-banner-left h1 {
    font-size  : 32px;
    line-height: normal;
  }

  .logistics-banner-left ul {
    padding: 5px 0px 5px 0px;
  }

  /* route-optimization */
  /* .route-optimization-img img {
    width : 100%;
    height: auto;
    margin: 12px 0px;
  } */

  .route-optimization-right {
    padding: 0;
  }

  .route-optimization-left {
    padding: 0 5px;
  }

  .route-optimization-right div p {
    padding-right: 0px;
  }

  .route-optimization-right div {
    width: 83%;
  }

  .route-optimization span {
    width: 44px;
  }

  /* feel-free */
  .feel-free-right img {
    width     : 100%;
    height    : auto;
    margin-top: 53px;
  }





  .log_side_h {
    font-size: 21px;
    margin   : 10px 0px;
  }

  .end-user-booking-right {
    padding: 0;
  }

  .end-user-booking-right p {
    padding-right: 0px;
  }

  .end-user-booking-right ul {
    padding: 10px 0px;
  }

  .delivering-more .end-user-booking-right p {
    padding: 0;
  }


  .log-look-demo-part {
    width: 25%;
  }

  .log_clients-img img {
    width     : 100%;
    height    : auto;
    margin-top: 15px;
  }


  .api-part div h4 {
    width      : 64%;
    font-size  : 17px;
    font-weight: 600;
  }

  .feel-free-part p {
    padding-right: 50px;
    margin-bottom: 20px;
  }

  .pickup_para {
    padding-right: 0;
  }

  .log_clients .log_location {
    margin-top: 20px;
  }



  .log_clients .client-counts {
    margin: 13px 0px 13px 0px;
  }

  .log_clients .client-counts li {
    width: 160px;
  }
  .logistics-banner-left .efficient{
	  line-height: 35px;
  }
  .modal .check-opt p{
	  line-height: 24px;
  }
  .benefits{
	  height:892px;
  }
}

@media only screen and (max-width: 767px) {
  .log_res {
    margin: 20px 0px;
  }

  .log_side_h {
    font-size: 21px;
    margin   : 21px 0px;
  }

  /* logistics-banner */
  .logistics-banner-whole {
    padding: 0;
  }

  .logistics-banner-left h1 {
    font-size: 28px;
  }

  /* route-optimization */
  .route-optimization span {
    width: 49px;
  }

  .route-optimization-right div {
    width: 100%;
  }

  .route-optimization-right div p {
    padding-right: 0;
  }

  .route-optimization-img {
    text-align: center;
  }

  /* route-planning */
  /* distance-and-time */
  /* route-schedule */
  /* route-optimization */
  /* api-integration */


  .api-part div {
    margin-bottom: 9px;
  }

  .api-integration-whole {
    padding: 0;
  }

  .api-part div span {
    width: 83px;
  }

  .api-part div h4 {
    font-size: 16px;
    width    : 65%;
  }

  /* feel-free */
  .feel-free-right img {
    width : 100%;
    height: auto;
    margin: 15px 0px;
  }

  .feel-free-part {
    width: 100%;
  }

  .feel-free-part p {
    padding-right: 0px;
  }

  .feel-free-right {
    width: 100%;
  }

  .feel-free-right {
    text-align: center;
  }

  /* warehouse-sorting */

  .warehouse-sorting-part {
    margin-bottom: 30px;
  }

  .warehouse-sorting-left::before {
    display: none;
  }

  .warehouse-sorting-right {
    padding: 0;
  }

  /* end-user-booking */
  .end-user-booking-right {
    padding-top: 15px;
  }

  .end-user-booking .log_side_h {
    margin: 12px 0px;
  }

  /* delivering-more */
  /* log-look-demo */


  .log-look-demo-part {
    width        : 85%;
    margin-bottom: 15px;
  }

  .log-look-btns {
    margin: 27px 0px 0px 21px;
  }

  /* log_clients */
  .log_clients-whole {
    padding: 0;
  }

  .pdq_pickup .log_side_h {
    width: 65%;
  }


  .log_clients .client-counts li {
    margin-bottom: 10px;
  }
   .logistics-banner.log_res{
	   margin: 0;
	   padding: 3rem 0px 4rem 0;
   }
   .efficiency-section{
	   height: auto;
   }
 
 
 
 
 
}

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


  .feel-free-right img {
    width : 546px;
    height: auto;
  }





  .end-user-booking-img img {
    width : 466px;
    height: auto;
  }

  .end-user-booking-img {
    text-align: center;
  }

  .delivering-more .end-user-booking-img {
    text-align: center;
  }

  .log-look-demo-part {
    width        : 39%;
    margin       : 0px 12px;
    margin-bottom: 15px;
  }

  .log-look-demo-whole {
    text-align: center;
  }


  .log_clients .client-counts li {
    width: 23%;
  }

  .log_clients-img img {
    width : 500px;
    height: auto;
  }

  .api-part {
    width  : 48%;
    margin : 6px 5px;
    padding: 9px;
  }

  .api-part div h4 {
    font-size: 14px;
    width    : 60%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .moving-truck img {
    width : 100%;
    height: auto;
  }

  @keyframes moving {
    0% {
      left: 0%;
      top : -30px;
    }

    25% {
      left      : 30%;
      transition: 3s ease-in-out;
      top       : -25px;
    }

    50% {
      left      : 60%;
      top       : -45px;
      transition: 3s ease-in-out;
    }

    75% {
      left      : 70%;
      top       : -44px;
      transition: 1s ease-in-out;
    }

    100% {
      left      : 94%;
      top       : -39px;
      transition: 2s ease-in-out;
    }
  }

  .filedoc {
    width : 66px !important;
    height: 28px !important;
  }

  .sand_clock {
    width : 22px !important;
    height: 22px !important;
  }

  .sign {
    width : 120px !important;
    height: 50px !important;
  }

  @keyframes drag {
    0% {
      left: 268px;
      top : 54%;
    }

    100% {
      transform : translate(-140px, -42px);
      transition: 2s ease-in-out;
    }
  }

  .sand_clock {
    top : 13px;
    left: 40px;
  }

  .sign {
    bottom: 101px;
    left  : 65px;
  }



  .logistics-banner-img {
    right: -7%;
  }



  .logistics-banner-left {
    margin-top: 5px;
  }

  .route-optimization-img img {
    width : 100%;
    height: auto;
  }

  .api-part div h4 {
    width      : 62%;
    font-size  : 15px;
    font-weight: 600;
  }

  .api-part div span {
    width: 80px;
  }

  .api-part {
    padding   : 11px;
    margin    : 6px;
    width     : 32%;
    min-height: 357px;
  }

  .api-part p {
    padding: 0 0px 0px 28px;
  }

  .feel-free-right img {
    width     : 100%;
    height    : auto;
    margin-top: 30px;
  }

  .feel-free-part p {
    padding-right: 72px;
  }






  .delivering-more .end-user-booking-right p {
    padding: 0px 114px 0px 0px;
  }

  .log-look-demo-part {
    width: 27%;
  }

  .log_clients-img img {
    width : 100%;
    height: auto;
  }



  .log_clients strong.d-block {
    font-size: 15px;
  }

  .log-technologies-part img {
    width : 100%;
    height: auto;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {


  .logistics-banner-img {
    right: -7%;
  }

  .moving-truck img {
    width : 100%;
    height: auto;
  }

  @keyframes moving {
    0% {
      left: 0%;
      top : -25px;
    }

    25% {
      left      : 30%;
      transition: 3s ease-in-out;
      top       : -20px;
    }

    50% {
      left      : 60%;
      top       : -45px;
      transition: 3s ease-in-out;
    }

    75% {
      left      : 70%;
      top       : -44px;
      transition: 1s ease-in-out;
    }

    100% {
      left      : 94%;
      top       : -35px;
      transition: 2s ease-in-out;
    }
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1350px) {
  .logistics-banner-img {
    right: -14%;
  }
}

/* warehouse-sorting */
.warehouse-sorting-img.gif_img_loading {
  width        : 540px;
  height       : 505px;
  overflow     : hidden;
  border-radius: 5px;
}

.warehouse-sorting-img.gif_img_loading img {
  object-position: 0px -100px;
  position       : relative;
  top            : 0;
  left           : 0px;
  border-radius  : 5px;
}

@media screen and (max-width:1024px) {
  .logistics-banner-whole {
    background-image   : url("../404.html");
    background-repeat  : no-repeat;
    background-position: 120px 20px;
  }

  .logistics-banner-img img {
    display: none;
  }

  .efficiency-section h6 {
    font-size: 50px;
  }

  .warehouse-sorting-part {
    width: 31%;
  }
}

@media screen and (max-width:992px) {
  .warehouse-sorting-img.gif_img_loading {
    width: 100%;
  }

  .warehouse-sorting-left::before {
    top  : -36px;
    right: -20px;
  }
}

@media screen and (max-width:991px) {
  .api-part {
    width  : 48%;
    margin : 6px 5px;
    padding: 9px;
  }

  .fd_cr {
    flex-direction: column-reverse;
  }

  .fd_c {
    flex-direction: column;
  }

  .fw_w {
    flex-wrap: wrap;
  }

  .efficiency-section h6 {
    font-size: 40px;
  }

  .revolution_tdy {
    display: flex;
    gap    : 24px;
    width  : 248px;
  }

  .warehouse-sorting-left {
    display: none;
  }

  .end-user-booking-right .mb-3 {
    margin    : 0;
    margin-top: 20px;
  }

  .end-user-booking-img {
    display        : flex;
    justify-content: center;
  }
}

@media screen and (max-width:840px) {
  .routing_exp {
    width : 100%;
    height: 100%;
  }

  .efficiency-section h6 {
    font-size: 38px;
  }

  .log-look-demo-part h5 {
    font-size: 15px;
  }

  .log_clients-img {
    display: none;
  }
}

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


  .routing_exp {
    width : 70%;
    height: 100%;
  }



  .warehouse-sorting-right {
    gap            : 20px;
    justify-content: space-between;
  }


  .end-user-booking-right .mb-3 {
    margin: 0;
  }
}

@media screen and (max-width:678px) {
  .logistics-banner-whole {
    background-position: unset;
    background-size    : 100%;
  }
}

@media screen and (max-width:540px) {
  .log_clients .client-counts li {
    width: 116px;
  }

  .warehouse-sorting-right {
    gap: 10px;
  }

  .revolution_tdy {
    width: 250px;
  }

  .api-part {
    width: 310px;
  }

  .benefit-row .col-md-3 {
    width: 220px;
  }

  .benefit-row {
    justify-content: space-between;
  }

  .end-user-booking-img img {
    width : 100%;
    height: 100%;
  }

  .route-optimization-right {
    display: block;
  }

  .col-lg-12.col-md-12.col-sm-12.col-xs-12.api-integration-whole.df_aic.jc_c.fw_w {
    justify-content: center;
  }
}

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


  .log_second_h {
    font-size: 18px;
  }

  .log_side_h {
    font-size: 18px;
  }

  .benefit-row .col-md-3 {
    width: 180px;
  }

  .log_res {
    overflow: hidden;
  }

  .routing_exp {
    width : 100%;
    height: 100%;
  }

  .row.mt-4.df_aic.jc_sb.jc_c.fw_w {
    justify-content: center;
  }
}

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


  .warehouse-sorting-part {
    width: 48%;
  }

  .warehouse-sorting-part h5 br {
    display: none;
  }

  .efficiency-section h6 {
    font-size: 24px;
  }

  .log_res {
    margin  : 20px 0px;
    overflow: hidden;
  }

  .log-look-demo-part {
    width        : 100%;
    margin       : 0px;
    margin-bottom: 15px;
  }

}

@media screen and (max-width:375px) {
  .benefit-row {
    justify-content: center;
    margin         : auto;
  }

  .benefit-row .col-md-3 {
    width  : 170px;
    padding: 0;
  }

  .col-lg-12.col-md-12.col-sm-12.col-xs-12.route-optimization-whole.df_aic.mt-4.fd_cr {
    margin: 0;
  }

  .api-part div h4 {
    width    : auto;
    font-size: 14px;
  }

  .api-part div span {
    width: 80px;
  }

  .log_first_h {
    font-size: 13px;
  }

  .end-user-booking-right ul li {
    font-size: 13px;
  }

  .log-look-btns {
    margin: 0;
  }

  @keyframes moving {
    0% {
      left: 0%;
      top : -25px;
    }

    25% {
      top       : -35px;
      transition: 3s ease-in-out;
      left      : 28%;
    }

    50% {
      left      : 55%;
      top       : -36px;
      transition: 3s ease-in-out;
    }

    75% {
      left      : 70%;
      top       : -37px;
      transition: 1s ease-in-out;
    }

    100% {
      left      : 95%;
      top       : -37px;
      transition: 2s ease-in-out;
    }
  }

  .fd_cr {
    margin: auto;
  }

  .log_side_h {
    font-size: 20px;
  }

  .col-lg-4.col-md-4.col-sm-6.col-xs-12.api-part span img {
    width: 80%;
  }

}

@media screen and (max-width:320px) {
  .logistics-banner-left h1 {
    font-size: 22px;
  }

  .logistics-banner-left .efficient {
    font-size: 16px;
  }

  .Streamline {
    margin-top: 16px;
  }

  .log_differ-companies-btns {
    margin-top     : 0;
    justify-content: center;
  }

  .benefit-row .col-md-3 {
    width  : 145px;
    padding: 0;
  }

  .log_second_h {
    font-size: 14px;
  }

  .log_side_h {
    font-size: 14px;
  }
}


.log_clients-img{
	overflow: hidden;
	margin-top: 100px;
}
.iframe_top img{
    width: 100%;
    height: auto;
}
.swift_top img {
    width: 100%;
}
#video-iframe{
	display:none;
	left: -180px;
    position: relative;
}
#swift_delivery_iframe {
    display: none;
    left: 0px;
    position: relative;
    top: 0px;
}
.iframe-video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -56px;
    left: 0;
    display: none;
}