@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');


*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
    
}

/* body{overflow-x: hidden;} */
body, html {
  height: 100%;
  font-family: "Archivo", sans-serif;
}


/* Common Css */
.container{width: 92%;margin: auto;max-width: 1400px;}
.img-fluid{width: 100%;}
.common-padding{padding: 80px 0;}
.d-flex{display: flex;justify-content: space-between;}
.sec_dec p{font-size: 16px;line-height:30px;
    margin-bottom: 20px;font-weight: 400;font-family: "Archivo", sans-serif;}
.ttl-txt{font-size: 20px;margin-bottom: 20px;color: #151515;font-size: 40px;font-family: "Archivo", sans-serif;} 
.ttl-txt span{color: #232580;}
.pb-80{padding-bottom: 80px;}
.white_txt{color: white;}   
.blk_txt{color: #000;}
.width100per{width: 100%}
.dflex-between{display: flex;justify-content: space-between;align-items: center;}
.dflex-between-end{display: flex;justify-content: space-between;align-items: flex-end;}

p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
}

h3 {
    font-weight: 400;
}

.text-center{text-align: center;}
/* End */


.header {
    margin: 0 auto;
    width: 100%;
    position: absolute;
    z-index: 1;
    padding: 15px 0 10px;
}
.headerrightblk li a {
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
}
.headerrightblk ul {
    display: flex;
    gap: 25px;
    align-items: center;
}

.headerleftblk {
    width: 350px;
}

.headerrightblk {
    width: 70%;
    display: flex;
    justify-content: flex-end;
    gap: 40px;
}

.headerrightblk li {
    list-style: none;
}

.headerrightblk li a {
    color: #fff;
    text-decoration: none;
    text-transform: capitalize;
    font-size: 18px;
    line-height: 1.5;
    display: inline-block;
    border-bottom: 1px solid transparent;
}
.headerrightblk li a.active {
    border-bottom: 1px solid #fff;
}
.headerrightblk .inside-drop li a.active {
    background: #fff;
    color: #f25b27;
}
.header_wrapper{position: absolute;top:0;z-index:1;}

.head-blk{padding:15px 0;}

.banner-wrapper{position: relative;}

.bannerslide {width: 100%;height: 100vh;position: relative;}
.slide1 {background: url('../images/banner-image1.webp') no-repeat center;background-size: cover;}
.slide2 {background: url('../images/banner-image2.webp?v=1') no-repeat center;background-size: cover;}

.banner_form {position: absolute;bottom: 4%;width: 94%;left: 0;right: 0;margin: auto;}




.banner-head {
    font-size: 40px;
    font-weight: 100;
    line-height: 50px;
    margin-bottom: 15px;
}

.banner-head span{
  font-weight: 500;
}


button.slick-prev.slick-arrow{
  content: '';
  position:absolute;
  background: url('../images/slider-arrow.webp') no-repeat center;
  background-size: cover;
  width: 30px;
  height: 30px;
  left: 10px;
}
button.slick-next.slick-arrow{
  content: '';
  position:absolute;
  background: url('../images/slider-arrow.webp') no-repeat center;
  background-size: cover;
  width: 30px;
  height: 30px;
  right: 10px;
}


.banner-head::before{
    content: '';
    position: absolute;
    background: url(../images/arrow.webp) no-repeat center;
    width: 70px;
    height: 70px;
    right: 134px;
    top: 100px;
}

.marquee-txt span {
    color: #ff713f;
    padding: 0 30px;
    font-size: 33px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 5px;
}
.marquee-txt {
    font-size: 33px;
    font-weight: 300;
}


.marquee_blk{padding:20px 0;}


.industries-wrapper{
  background: url('../images/industries-bg.webp') no-repeat center;
  width:100%;
  height: 1040px; 
  background-size: cover;
    padding-top: 120px;
    position: relative;
}


.subtitle{
  font-size: 22px;
  text-transform: uppercase;
  margin-bottom: 25px;
  font-weight: 400;
}

.title{
  font-weight: 100;
  font-size: 40px;
  line-height: 1.5;
  margin-bottom:25px;
}

.title span{
  font-weight: 500;

}

.btn-blk {
    background: #ff713f;
    width: fit-content;
    padding: 10px 20px;
    border-radius: 3px;
}
.btn-blk a{color: white;text-decoration: none;font-size: 18px;}
.btn-arrow{width:10px;margin-left:10px;}


.footer_wrappers{margin: 0 auto;padding-bottom: 0}
.copywrite {
    text-align: center;
    padding: 50px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    margin-top: 50px;
}
.icon-blk{width: 50px;position: absolute;right: 18px;}
.indistry-title {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 600;
}

.left-blk{width:50%;}
.right-blk {
    position: relative;
    top: -230px;
    left: 20%;
    width: 1040px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


.industries-blk {
  width: 260px;
  height: 260px;
  padding: 18px;
  position: relative;
    transition: 1s ease all;
}
.industries-blk:before{
  background: rgba(69, 110, 129, 0.4);
    backdrop-filter: blur(10px);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
}
.industries-blkblank{
  width: 260px;
  height: 260px;    
}

.industries-txt-blk{position: absolute;
    bottom: 18px;
    left: 18px;
    right: 18px;
}

/* .industries-blk2 {left: -29.6%;}
.industries-blk3{right: 16.3%;}
.industries-blk4{left: -67%;}
.industries-blk5 {left: -54%;}
.industries-blk6 {left: -29.6%;} */

.industries-blk6.industries-blk{background-color: #ff713f;backdrop-filter: none;}
.industries-blk6.industries-blk:hover{background-color: #ff713f;}
.industries-blk6.industries-blk:before{display: none}
/*
.industries-blk2 {left: -185px;}
.industries-blk3{right: 101px;}
.industries-blk4{left: -420px;}
.industries-blk5 {left: -336px;}
.industries-blk6 {left: -185px;}
*/

.industriesmainblk1{width: 100%;flex-wrap: wrap;}
.industriesmainblk2{width: 100%;display: flex;justify-content: flex-end}
.industriesmainblk3{width: 100%;}
.industriesmainblk4{width: 100%;}
/*
.industries-blk:hover{
  background: rgba(221, 54, 73, 1);
}
*/

.industries-txt-blk p{
    font-size: 20px;
    line-height: 1.5;
}

.big-txt{font-size: 26px !important;font-weight: 400}
.line{width: 82px;height: 2px;background: white;margin-bottom: 26px;}


section.overview-wrapper.common-padding {
    padding-top: 200px;
}
.overview_left_blk {
    width: 48%;
}

.overview_right_blk{width: 48%;}

.overview_right_blk .btn-blk{
  margin-top: 35px;
}

.overview_right_blk p{
  margin-top: 48px;
}

.arrow-design {
    width: 60px;
    display: inline-block;
    vertical-align: text-top;
    margin-top: 30px;
    margin-left: 10px;
    -webkit-animation: shake-horizontal 10s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
          animation: shake-horizontal 10s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}

.counter-wrapper {
    padding: 80px 0;
    position: relative;
    padding-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.counter_number
{
/*    width: 70%;*/
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 45px;
  position: relative;
}

.counter-wrapper::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #ff713f;
    top: 133px;
}


.counter_number::before {
    content: '';
    position: absolute;
    width: 40px;
    height: 3px;
    background-color: #ff713f;
    bottom: -22px;
}
.counter_name {
    font-size: 18px;
}

.sustainbility_wrapper{
  background: url('../images/sustainbility.webp') no-repeat center;
  width:100%;
  height: 840px; 
  background-size: cover;
  background-attachment: fixed;
  overflow: hidden;
}

.sustainbility_right_blk{
  width: 60%;
  padding-right: 4%;
  padding-top: 184px;
}

.sustainbility_left_blk{
  width:40%;
  position: relative;
    top: -90px
}

.red-box {
  width: 260px;
  height: 260px;
  background: #ff713f4d;
  mix-blend-mode: lighten;
}

.red-box.box1 {
  position: absolute;
  left: 260px;
}

.red-box.box2 {
  position: absolute;
  top: 260px;
}

.red-box.box3 {
  top: 520px;
  position: absolute;
  left: 260px;
}

.red-box.box4 {
  position: absolute;
  left: 520px;
  top: 780px;
  background: #ff713fb3;
}

.sustainbility_bottom_txt.d-flex{position: relative;align-items: center;margin-top: 60px;font-size: 18px;justify-content: flex-start;gap:40px;}
.sustainbility_bottom_txt div{position: relative}
.sustainbility_bottom_txt div + div::before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  background: white;
  border-radius: 50%;
  top: 6px;
    left: -25%;
}




.move_wrapper{background: url('../images/bottom-sec-bg.webp') no-repeat center bottom;
    background-size: cover;
    width: 100%;
    height:60vh;
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
}

.move_wrapper .move-txt-blk{}

.move_wrapper .btn-blk{margin:20px auto;}

.marketsblk{width: 32%;position: relative;line-height: 0;}

.marketstxtblk {
    position: absolute;
    bottom: 0;
    left: 0;
    color: white;
    z-index:2;
    padding: 20px;
  transition: 1s ease all;
  -webkit-transition: 1s ease all;
  -moz-transition: 1s ease all;
}
.marketstextup .marketstxtblk {
    bottom: auto;
    top: 0;
}
.marketstxtblk h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
}
.marketstxtblk p {
    margin-top: 10px;
    font-size: 18px;
}



.marketsblk:before {
    content: "";
    background: linear-gradient(0deg, black 55%, transparent);
    width: 100%;
    height: 48%;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0.5;
  transition: 2s ease all;
  -webkit-transition: 2s ease all;
  -moz-transition: 2s ease all;
    
}

.marketsblk:after {
    content: "";
    background: linear-gradient(0deg, #ff713f 55%, transparent);
    width: 100%;
    height: 48%;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: 2s ease all;
    -webkit-transition: 2s ease all;
    -moz-transition: 2s ease all;
}
.marketsblk:hover:after {
    opacity: 1;
}
.marketstextup:before {
    background: linear-gradient(0deg, transparent, black 55%);
    bottom: auto;
    top: 0;
}
.marketstextup:after {
    background: linear-gradient(0deg, transparent, #ff713f 55%);
    bottom: auto;
    top: 0;
}
.marketstextup:hover:after {
    background: linear-gradient(0deg, transparent, #ff713f 55%);
    bottom: auto;
    top: 0;
}

.markets-btn-blk{visibility: hidden;margin-top: 10px;opacity: 0;transition: 1s ease all;}

.markets-btn-blk a{text-decoration: none;}

.marketsblk:hover .markets-btn-blk{visibility: visible;opacity: 1;}







.servicesttl {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 1px;
    position: relative;
}
.servicesttl:after {
    content: "";
    border-bottom: 1px solid #ff713f;
    width: 60px;
    display: block;
    margin-top: 15px;
}
.servicesinfo {
    margin-top: 15px;
    font-size: 20px;
    line-height: 1.5;
    width: 85%;
}

/* Horizontal section */
    .horizontal-section {
        height: 100vh;
        overflow: hidden;
    }

.servicestitlewrap{
    position: absolute;
        top: 30px;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        z-index: 5;}
    .horizontal-wrapper {
        display: flex;
        height: 100%;
        align-items: center;
        padding-left: 20vw; /* 👈 adds a gap before the scroll starts */
        padding-top: 30px;
    }
/* Cards */
    .cards {
        display: flex;
        gap: 3rem;
        padding-top: 8rem;
        padding-right: 10vw;
    }
.cards .btn-blk {
    display: none;
    color: #fff;
    align-items: center;
    margin: 10px 0 0;
    font-size: 14px;
}
  .card {
      width: 35vw;
      color: black;
      overflow: hidden;
      position: relative;
    display: inline-block;
/*    border-bottom: 1px solid #dd3649;*/
    cursor: none; /* hide cursor on image area */
  }
  
    .card a{display: block;text-decoration: none;color: #000;}
    .card-content {
    position: relative;
    padding: 1.5rem;
    width: 100%;
    padding: 10px 0 10px 0;
    margin-top: 20px;
}
   .card-content h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
}
    .card-content p {
    font-size: 14px;
}


.cardcontentleft {
    width: 90%;
}

.cardarrow {
    width: 10%;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 10px;
    padding-right: 10px;
}
.producttextbg {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 97.5%;
}
.card-contentwrapepr{
    position: relative;
    z-index: 2;    
}
.cardarrow .explorebuttonarrow {
    background: #fff;
    width: 30px;
    height: 30px;
    padding: 8px
}

  /* Progress bar container */
.progress-container {
    position: absolute;
    bottom: 40px;
    left: 0;
    height: 2px;
    width: 100%;
    background: rgba(255, 255, 255, 0.2);
    z-index: 10;
    right: 0;
    margin: 0 auto;
}

  /* Progress bar fill */
  .progress-bar {
    height: 100%;
    width: 0%;
    background: #ff713f;
    margin-top: 20px;
    transition: width 0.1s linear;
  }


  section.marquee-wrapper.pb-80 {
      padding: 0 0 80px 0;
  }


  .banner-txt p{
      font-size: 20px;
    margin-top: 27px;
      width: 100%;
  }


.banner-imgblk {
    width: 92%;
    height: 100%;
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.banner-txt {
    color: white;
    display: flex;
    align-content: flex-end;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    flex-wrap: wrap;
    padding-bottom: 70px;
}
.banner-txt p {
    font-size: 20px;
    font-weight: 100;
    margin-top: 20px;
}
.img-fluid2{max-width: 100%;height: auto}
.banner-head::before{display: none}
.banner-head::after {
    content: '';
    position: absolute;
    background: url(../images/arrow.webp) no-repeat center;
    width: 45px;
    height: 63px;
    background-size: contain;
    -webkit-animation: shake-horizontal 10s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
          animation: shake-horizontal 10s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}
 .gallery {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .image-wrapper {
    position: relative;
    display: inline-block;
    cursor: none; /* hide cursor on image area */
  }

  .image-wrapper img {
    width: 300px;
    height: auto;
    display: block;
    border-radius: 8px;
  }

  .custom-cursor {
    position: fixed;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(40px);
    color: #fff;
    font-weight: 600;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.25s ease;
    z-index: 100;
      font-size: 16px;
  }

.scale-in-center {
  -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.shake-horizontal {
  -webkit-animation: shake-horizontal 10s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
          animation: shake-horizontal 10s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}

@-webkit-keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
}
@keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
}
.scale-out-hor-left {
  -webkit-animation: scale-out-hor-left 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
          animation: scale-out-hor-left 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}


@-webkit-keyframes scale-out-hor-left {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes scale-out-hor-left {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}

.kenburns-top-right {
  -webkit-animation: kenburns-top-right 5s ease-out both;
          animation: kenburns-top-right 5s ease-out both;
}

@-webkit-keyframes kenburns-top-right {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 84% 16%;
            transform-origin: 84% 16%;
  }
  100% {
    -webkit-transform: scale(1.10) translate(20px, -15px);
            transform: scale(1.10) translate(20px, -15px);
    -webkit-transform-origin: right top;
            transform-origin: right top;
  }
}
@keyframes kenburns-top-right {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 84% 16%;
            transform-origin: 84% 16%;
  }
  100% {
    -webkit-transform: scale(1.10) translate(20px, -15px);
            transform: scale(1.10) translate(20px, -15px);
    -webkit-transform-origin: right top;
            transform-origin: right top;
  }
}



.banner_slider .slick-slide.slick-current.slick-active {
  -webkit-animation: kenburns-top-right 5s ease-out both;
   animation: kenburns-top-right 5s ease-out both;
}

.search-icon {
  font-size: 20px;
  cursor: pointer;
  text-decoration: none;
  position: relative;
}
.search-icon:before {
  position: absolute;
  width: 1px;
  height: 140%;
  top: -20%;
  right: -30px;
  background: #fff;
  content: '';
}

/* Search container */
.search-bar {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
  width: 100%;
  position: absolute;
  bottom: -62px;
  left: -18px;
}

.search-bar.active {
  max-height: 100px;
  padding: 0;
}

/* inner box */
.search-box {
  width: 91%;
  max-width: 600px;
  margin: auto;
  display: flex;
  gap: 10px;
}

/* input */
.search-box input {
  flex: 1;
  padding: 10px 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
  outline: none;
}

/* close button */
.close-btn {
  background: #dd3649;
  color: #fff;
  border: none;
  padding: 0 15px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 16px;
}

.headerrightblk ul.rightmenu {
  justify-content: flex-end;
  position: relative;
    padding-right: 20px;
}

.search-icon {
  font-size: 16px;
  color: #fff;
}

.connect-withus a {
  font-size: 18px;
  background: #ff713f;
  padding: 12px 20px;
  border-radius: 5px;
}
.connect-withus a:hover {
  background: #fff;
  color: #ff713f;
}

.top-bar {
  
  color: #fff;
  display: flex;
  justify-content: space-between;
  
  margin: 100px 0 20px;
}

.title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 15px;
}

.quote-buttons {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.quote-buttons button {
  padding: 12px 26px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  background: transparent;
  color: #fff;
  cursor: pointer;
  font-weight: 500;
  max-width: 170px;
  width: 170px;
}

.quote-buttons button.active {
  background: #fff;
  color: #d92b3a;
  border-color: #fff;
}

.track-box {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.track-box input {
  padding: 16px 14px;
  width: 260px;
  border-radius: 3px;
  border: none;
  outline: none;
  width: calc(100% - 170px);
  background: transparent;
  box-shadow: 0 0 8px 0 #00000069;
  color: #fff;
}

.track-box button {
  padding: 12px 24px;
  border-radius: 5px;
  border: none;
  background: #fff;
  color: #ff713f;
  font-weight: 500;
  cursor: pointer;
  width: 155px;
}
.top-bar .left {
  background: linear-gradient(90deg, #ff713f, #f0551e);
  padding: 25px;
    border-radius: 5px;
    width: auto;
}
/*
.top-bar .left {
  width: 47%;
}
.top-bar .right {
  width: 47%;
  position: relative;
}

.top-bar:before {
  width: 50px;
  position: absolute;
  content: '';
  background: url(../images/shadow-img.webp) no-repeat;
  height: 100%;
  top: 0;
  left: 50%;
}
*/

.track-box input::placeholder {
  color: #fff;
}

.footer-bottom {
  padding: 30px 0;
  text-align: center;
  font-size: 16px;
  color: #0a0f10;
  border-top: 1px solid #cecfcf;
}
.footer-logo{max-width: 300px}
.footer-logo + .footer-logo{margin-top: 40px}

.footer-flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 80px 0;
 
}
.footer-width{
  width: 20%;
}
/*

.footer-flex > :nth-child(1) {
  width: 20%;
}
.footer-flex > :nth-child(2) {
  width: 15%;
}
.footer-flex > :nth-child(3) {
  width: 11%;
}
.footer-flex > :nth-child(4) {
  width: 11%;
}
.footer-flex > :nth-child(5) {
  width: 11%;
}
*/
.footer-width ul {
    margin-left: 20px;
}
.footer-width li {
  list-style: disc;
  padding: 8px 0;
}
.footer-width li:first-child{padding-top: 0}
.footer-width li a, .footer-width h4 a {
  color: #000;
  text-decoration: none;
  text-transform: capitalize;
  font-size: 18px;
  line-height: 23px;
}
.footer-width h4 a{margin-bottom: 30px !important}
.footer-width h4, .footer-width h4 a {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.innerpage {
  position: relative;
}
.inner-text {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 40%;
}
.innerpage .banner-head::after {
  display: none;
}

.headingtt1 {
  font-size: 38px;
  font-weight: 100;
  line-height: 53px;
  margin-bottom: 15px;
}
.headingtt1 span {
  font-weight: 500;
}

.tittleblk {
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
}

.marwarraper {
  margin-bottom: 30px;
}

.headingtt2 {
  font-size: 28px;
  font-weight: 100;
  margin-bottom: 20px;
  line-height: 38px;
}
.headingtt2 span {
  font-weight: 500;
}

.logo-arrow {
  position: absolute;
  width: 45px;
  height: 63px;
  -webkit-animation: shake-horizontal 10s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
  animation: shake-horizontal 10s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
  right: 10%;
}

.aboutsec {
  position: relative;
}

.secbold {
  background: #fff2f4;
  position: relative;
}

.blodbflex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.blodb-left {
  width: 47%;
}
.blodb-right {
  width: 47%;
}

.mb15 {
  margin-bottom: 15px;
}

.imgwarrper {
  overflow: hidden;
  line-height: 0;
    border-radius: 10px;
}
.imgwarrper img {
  transition: transform 0.5s ease;
}
.imgwarrper:hover img {
  transform: scale(1.1);
}

.visionflex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.vision-width {
  width: 31%;
}

.visiontext {
  background: #ff713f;
  height: 280px;
  padding: 25px;
}

.uspssec-wrapper {
  background: url(../images/about-us/usps.webp) no-repeat center;
  width: 100%;
  background-size: cover;
  position: relative;
}

.uspsflex {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  position: relative;
}

.uspsleft {
  width: 25%;
  position: sticky;
  top: 20px;
}

.uspsright {
  width: 70%;
}

.uspsbox p {
  margin-bottom: 24px;
  font-weight: 200;
}

.uspsbox {
  border-bottom: 2px solid #ff713f;
  margin-bottom: 29px;
}

.uspstittle {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 20px;
}

.leaderflex {
  display: flex;
  justify-content: space-between;
}

.leader-left {
  width: 65%;
}
.leader-right {
  width: 30%;
}

.grow-warraper {
  background: #fff2f4;
}

.growthflex {
  display: flex;
  justify-content: space-between;
  margin-top: 130px;
  margin-bottom: 130px;
}

.growthwidth {
  width: 16%;
  position: relative;
}

.growthtitle {
  font-size: 20px;
  margin-bottom: 10px;
  line-height: 30px;
  text-align: center;
}

.growthwidth p {
  text-align: center;
  font-size: 16px;
}

.growthwidth:before {
  position: absolute;
  content: '';
  width: 320px;
  height: 320px;
  border: 1px solid #ff713f;
  border-radius: 50%;
  top: -92px;
  left: -49px;
}

.futurz-groupflex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.futurz-group-left {
  width: 35%;
}
.futurz-group-right {
  width: 60%;
}




.logisticsflex {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.logisticsleft {
    width: 55%;
}

.logisticsright {
    width: 40%;
}

.poblk {
    font-size: 18px;
    margin-bottom: 20px;
    color: #f0551e;
}

strong {
    font-weight: 600;
}

.whyus-wrapper {
    background: url(../images/air-logistics/whyus-wrapper.webp) no-repeat center;
    width: 100%;
    background-size: cover;
    padding-top: 120px;
    position: relative;
}

.whuflex {
    display: flex;
}

.whyleft-blk {
    width: 25%;
}

.why-right-blk {
    width: 1000px;
    display: flex;
    flex-wrap: wrap;
}

.choosebox-blkblank {
    width: 25%;
    height: 250px;
}

.coose-blk {
    width: 25%;
    height: 250px;
    background: #f0551ecc;
    padding: 20px;
}

.number {
    font-size: 18px;
    text-align: right;
    margin-bottom: 99px;
}

.choose-txt-blk {
    width: 100%;
}

.smalltxt {
    font-size: 18px;
    font-weight: 300 !important;
}

.why-right-blk-fulfi {
    width: 100%;
    padding-left: 10%;
}

.why-right-blk-fulfi .choosebox-blkblank {
    width: 20%;
}

.why-right-blk-fulfi .coose-blk {
    width: 20%;
}

.whyleft-fulfi-blk {
    position: absolute;
    left: 0;
    top: 100px;
    width: 92%;
    margin: auto;
    max-width: 1400px;
    left: 0;
    right: 0;
}

.addfkex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.addwidth {
    width: 30%;
    display: flex;
    margin-top: 30px;
}

.iconwidth {
    width: 30px;
    margin-right: 10px;
    font-size: 20px;
}

.icontxt {
    width: calc(100% - 50px);
}

.textbbk {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 500;
}

.icontx p a {
    color: #000;
    text-decoration: none;
}

.requestblk {
    padding: 80px 50px;
    background: #fff2f4;
    position: relative;
}

.conatctfrom {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 50px;
}

.formfieldblk {
    width: 33.3%;
    padding: 15px;
}

.formfield {
    width: 100%;
    padding: 14px 10px;
    border: 1px solid #fff;
    margin-top: 0;
    background: #fff;
    outline: none;
    font-family: "Archivo", sans-serif;
}

.formfielmsgdblk {
    width: 66.7%;
}

.label-txt {
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 10px;
    display: block;
}

option[value=""][disabled] {
    display: none;
}

.consubmit {
    width: 100%;
    display: flex;
    justify-content: center;
}

.consubmit button {
    background: #ff713f;
    color: #fff;
    padding: 12px 30px;
    outline: none;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    border: 0;
}

.requestblk .logo-arrow {
    top: -24px;
    right: 20%;
}

.business-hours {
    border-bottom: 1px solid #cecfcf;
}

.business-flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 50px 0;
}

.customer-service {
    padding: 30px;
    background: #ff713f;
    width: 31%;
}

.business-img {
    width: 40px;
    left: 0;
    right: 0;
    margin: 0 auto 20px;
}

.redtext {
    color: #ff713f !important;
}

.road-logistics-wrapper{
    background: url(../images/road-logistics/road-logistics-img2.webp) no-repeat center;
    width: 100%;
    background-size: cover;
    position: relative;
}

.sea-logistics-wrapper{
    background: url(../images/sea-freight/sea-freight-img2.webp) no-repeat center;
    width: 100%;
    background-size: cover;
    position: relative;
}
.cargo-whyus-wrapper{
    background: url(../images/cargo/whyus-wrapper.webp) no-repeat center;
    width: 100%;
    background-size: cover;
    position: relative;
    
}
.solutionblk{display: flex;justify-content: space-between;align-items: center;margin-top: 50px;}
.solutionimg{width: 50%;}
.solutiontxt{width: 45%;}
.soluflex{display: flex;justify-content: space-between;align-items: center;padding-bottom: 20px;border-bottom: 1px solid #ccc;margin-bottom: 20px;}
.soluicon{width: 30px;margin-right: 10px;line-height: 0;}
.solution-txt{width: calc(100% - 40px);}
.lightorangebg{background: #fff2f4 !important}
.grocery-perishables{ position: relative;}
.careersec .logo-arrow{top:20%;}
.careersec{position: relative;}
.weoffer-img{line-height: 0;}
.weoffer-txt{padding: 20px;background: #ff713f;color: #fff;min-height: 230px;}
.subheading{font-size: 20px;font-weight: 500;margin-bottom: 15px;}
.slideimg{width: 95%; margin: 0 auto;}

.weoffer-slider .slick-dots li button {
   
    width: 5px;
    height: 5px;
    padding: 3px;

    border-radius: 5px;
    
    background: #000;
}
.weoffer-slider .slick-dots li.slick-active button {
  
background: #ff713f;
}
.mb30{margin-bottom: 30px;}
.current-opportunities{background: #fff2f4;}
.opportunities {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 30px 0  30px;
    flex-wrap: wrap;
    gap: 35px;
}

.opportunities li {
    padding: 14px 22px;
    cursor: pointer;
    background: #fff;
    margin-right: 5px;
    font-weight: 300;
    transition: 0.3s;
    border: 1px solid #ff713f;
}

.opportunities li:hover {
}

.opportunities li.active {
    background: #ff713f;
    color: #fff;
}

/* tab content */

.tab_content {
    display: none;
}

.tab_content.active {
    display: block;
}
/*.job-card{display: flex;justify-content: space-between;align-items: flex-start;}*/
.jab-des p.jobttl2 {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 20px;
}

.jobinfoblock {
    padding: 20px 0;
    border-top: 1px solid #f7bca7;
}

.jobttl3 {
    font-size: 18px;
    font-weight: 500;
}

.bulletlist li {
    list-style: disc;
    font-size: 16px;
    padding: 5px 0;
    line-height: 1.5;
}

.bulletlist {
    margin: 10px 10px 20px 20px;
}

.jobinfoblock:last-child {
    border-bottom: 0;
}
.jab-des{ width: calc(100% - 140px);}
.view-details {
    width: 126px;
    text-align: center;
    background: #ff713f;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    padding: 10px;
    border-radius: 20px;
    display: inline-block;
    margin-bottom: 20px;
}
.jab-des h4{
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 1.2;
}
.jab-des p{
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 1.5;
}
#vacanciesForm {
    width: 700px;
    padding: 25px;
    background: #d92b3a;
}
#vacanciesForm .formfieldblk{width:50%;margin: 0;}
#vacanciesForm .formfielmsgdblk{width: 100%;}
#vacanciesForm .consubmit{width: 100%;}
input[type="file"] {
   display: none;}

   label.resume {
    width: 100%;
    cursor: pointer;
    background: #fff;
    color: #000;
    display: block;
    font-size: 14px;
    overflow: hidden;
    padding: 13px 10px;
    margin-top: 0;
    line-height: 1;
    color: #ccc;
    font-weight: 300;
    font-size: 13px;
    display: flex;
    justify-content: space-between;
}

.inputfile-6 + label span {
    width: calc(100% - 30px);
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5;
    font-size: 13px;
    line-height: normal;
    color: #000;
}
.inputfile-6 + label span + span{width: 30px;}
#vacanciesForm h2{font-size: 25px; font-weight: 500; text-align: center; margin-bottom: 20px;}
#vacanciesForm .conatctfrom{margin: 0;}
.employee-testimonials{background: #fff2f4;}
.employee-flex{display: flex; justify-content: space-between; margin-top:40px;}
.employee-width p + p{color: #ff713f;font-size: 16px;}
.employee-width{width: 28%; position: relative;}
.employee-width:before{position: absolute;content: '';background:url(../images/shadowbg.webp) no-repeat;background-size:cover;width: 20px;height: 100%;right: -18%;}
.employee-width:last-child::before{display: none;}
.careerblk{font-size: 20px; color: #fff; margin-bottom: 20px; font-weight: 500; text-align: center;}
.clickapp a{text-transform: uppercase; font-size: 16px;}
.clickapp {margin:0 auto 20px;}
.values-wrap{
    display:flex;
    gap:0;
    width:100%;
    margin-top: 40px;
    align-items:stretch;
  }

  .values-nav{
    width: 280px;
    background:#fff;
    padding:20px 0;
  }
  .values-nav ul{
    list-style:none;
    margin:0;
    padding:0;
  }
  .values-nav li{
    padding:18px 22px;
    cursor:pointer;
    color: #000;
    font-size: 16px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-left:3px solid transparent;
    transition:.2s;
    font-weight: 400;
    padding-left: 0;
  }
  .values-nav li span{
    color:#d72c3a;
    font-weight:700;
    opacity:0;
    transform:translateX(-5px);
    transition:.2s;
  }
  .values-nav li.active{
    color: #ff713f;
    font-weight: 500;
    position: relative;
    font-size: 18px;
  }
  .values-nav li.active:before{position: absolute;content: '';width: 13px;height: 13px;background: url(../images/btn-arrow-red.webp) no-repeat;background-size: cover;right: 15px;}
  .values-nav li.active span{
    opacity:1;
    transform:translateX(0);
  }

  .values-slider{
    width: calc(100% - 300px);
    position:relative;
  }

  .value-slide{
    position:relative;
    overflow:hidden;
  }
  .value-slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }

  .value-overlay{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    padding:28px 32px;
    color:#fff;
    background: linear-gradient(to top, rgba(255,113,63,0.95) 0%, rgba(255,113,63,0.75) 68%, rgba(215,44,58,0) 100%);
  }
  .value-overlay h3{
    margin:0 0 6px 0;
    font-size: 23px;
    font-weight: 500;
  }
  
.insidehover {position: relative;}
.inside-drop {position: absolute;width: 230px;background: #ff713f;display: none;top: 38px;opacity:0;padding-left: 0;z-index: 11}
.inside-drop:before {content: "";top: -32px;left: 22px;position: absolute;width: 1px;height: 19px;border-bottom: 15px solid #ff713f;border-left: 15px solid transparent;border-right: 15px solid transparent;}
.insidehover:hover .inside-drop {display: block;   opacity: 1;}
.inside-drop .academichover a{color: #fff;font-size: 15px;letter-spacing: 1px;padding: 12px 10px;display: block;border-bottom: 1px solid #ffcccc82;}
.inside-drop ul{display: block;position: relative;}
.inside-drop:after {position: absolute; content: '';  width: 100%;  height:30px; background: #ff000000;  top: -27px;  left: 0;}
.menutxt {color: #d6a93b;font-weight: bold;text-transform: uppercase;font-size: 15px;line-height: 1;letter-spacing: 0.5px;margin: 0 10px 0 0}
.menu_btn {
    display: flex;justify-content: flex-start;align-items: center;gap:20px;
}
.menulines {cursor: pointer;margin-left: 20px;display: none;text-decoration: none;}
.menulines span {width: 40px;height: 2px;background: #ff713f;display: block;margin: 0 auto 10px;transition: 0.5s ease all}
.menulines span:last-child {margin: 0 auto}
.menutext {
    line-height: 1;
    margin: 0 0 5px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    color: #ff713f;
    transition: 0.5s ease all
}
.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 999;
}

/* Popup box */
.popup-box {
    background: #fff2f4;
    width: 700px;
    padding: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.popup-box .conatctfrom {
    margin-top: 0;
}
/* Close button */
.popup-box .close-btn {
    float: right;
    cursor: pointer;
    background: #ff713f;
    padding: 4px 10px;
    font-size: 20px;
    line-height: 1.2;
    font-family: "Archivo", sans-serif;
}
.popup-box .formfieldblk {
    width: 50%;
}
.popup-box .formfieldblk.consubmit{width: 100%}
.servicesttl:after{margin-top: 10px}
.card-content {margin-top: 5px}
.card {text-decoration: none;}
.servicesinfo {margin: 10px 0}
.title span {font-weight: 400}
.counter_number {font-size: 22px; font-weight: 500; min-height: 50px}
.counter-wrapper::before{top: 150.3px}
.counter_item{padding: 0 15px;width: 20%}
.counter_name{line-height: 1.5; font-weight: 300}
.industries-txt-blk p{font-size: 16px}

.counter-slider button.slick-next.slick-arrow{
content: '';
position:absolute;
background: url('images/slider-arrow-red.webp') no-repeat center;
background-size: cover;
width: 20px;
height: 30px;
right: -30px;
top: 42.5%;
}


.counter-slider button.slick-prev.slick-arrow{
content: '';
position:absolute;
background: url('images/slider-arrow-red.webp') no-repeat center;
background-size: cover;
width: 20px;
height: 30px;
top: 42.5%;
transform: rotate(0deg);
left: -30px
}

.site-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    transform: translateY(0);
    transition: transform .3s ease-in-out;
    background-color: rgba(0,0,0,0)
}

.site-header.hide {
    transform: translateY(-100%)
}

.site-header.show-bg {
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background-color: rgba(0,0,0,0.5);
    box-shadow: 3px 3px 3px rgba(0,0,0,0.4)
}
#menu:not(.mm-menu){display:none}


@media screen and (min-width:1920px) {
  .stack_right_blk{display: flex;align-items: center;}
  
}

@media screen and (min-width:1400px){
 .left-blk{width:52%;}
    .sustainbility_bottom_txt div + div::before{left: -20%}

  .progress-bar{margin-top:0;}

    .servicesttl{font-size: 26px;}
    .progress-container{bottom: 20px}

  .banner-head {
    font-size: 43px;
    font-weight: 100;
    line-height: 55px;
    margin-bottom: 15px;
  }

  .banner-head::before{
    right: 134px;
    top: 112px;
  }
}

@media screen and (max-width:1500px){
    .right-blk{left: 10%}
    .inner-text {top: 30%}
    .growthwidth:before{width: 290px;height: 290px}
    .whyleft-blk{width: 35%}
    .why-right-blk{width: 1200px}
    .coose-blk{padding: 15px}
    .number{margin-bottom: 80px}
}
@media screen and (max-width:1300px){
    .counter_number{font-size: 18px}
    .whyleft-blk{width: 45%}
    .why-right-blk{width: 1300px}    
    .why-right-blk.why-right-blk-fulfi {padding-left: 0;width: 100%;}
    
}
@media screen and (max-width:1200px){
    .headerleftblk{width: 270px}
    .headerrightblk{width: 75%}
    .servicesttl{font-size: 24px}
    .servicesinfo{font-size: 18px}
    .marquee-txt{font-size: 28px;line-height: 1;}
    .right-blk{top: auto;left: -4%;width: 1000px}
    .industries-wrapper{height: auto;padding-top: 60px}
    .industries-blkblank, .industries-blk{width: 250px}
    .counter_number{font-size: 16px}
    .sustainbility_right_blk{width: 70%}
    .footer-width{width: 24%}
    .top-bar{margin: 50px 0 20px}
    .growthflex{flex-wrap: wrap;justify-content: center;gap:30px}
    .growthwidth{width: 30%;border-bottom: 2px solid #ff713f;padding-bottom: 20px}
    .growthwidth:before{display: none}
    .growthflex{margin: 20px 0}
    .whuflex{flex-wrap: wrap;gap: 30px}
    .why-right-blk, .whyleft-blk{width: 100%}
    .quote-buttons button{width: 167px;}
}

@media screen and (max-width:1024px){
    .headerrightblk ul{display: none}
    .headerrightblk ul.rightmenu{display: flex}
    .menulines{display: block}
    .headerrightblk{gap: 0}
    .servicesttl{font-size: 20px}
    .servicesinfo{font-size: 16px}
    .servicestitlewrap p br{display: none}
    .marquee-txt{font-size: 22px}
    .industries-blkblank, .industries-blk{width: 33.33%}
    .industries-blkblank {display: none;}
    .right-blk {width: 100%;position: static;margin-top: 50px;}
    .industries-blk:last-child{width: 100%;position: static;height: auto}
    .industries-blk:last-child .industries-txt-blk{position: static}
    .counter_item{width: 30%}
    section.overview-wrapper .d-flex, .sustainbility_wrapper .d-flex{flex-wrap: wrap}
    .overview_left_blk, .overview_right_blk{width: 100%}
    section.overview-wrapper.common-padding{padding-top: 80px}
    .sustainbility_right_blk{width: 90%;padding-left: 60px}
.marketsmainblk.d-flex, .footer-flex, .visionflex{flex-wrap: wrap}
.marketsblk, .vision-width, .employee-width{width: 48%;margin-bottom: 20px}
    .employee-width{border-bottom: 1px solid #ff713f;padding-bottom: 20px}
    .employee-width:before{display: none}
.footer-width:first-child, .left-blk{width: 100%;}
.footer-flex{gap:20px}
        .inner-text {
        position: static;
        background: #fff2f4;
        width: 100%;
        padding: 20px 40px;
        margin-top: -3px;
    }
    .headingtt1{font-size: 28px}
    .headingtt2{font-size: 24px}
    .inner-text .banner-head, .inner-text p{color: #000}
    .futurz-groupflex, .employee-flex{flex-wrap: wrap}
    .futurz-group-left, .futurz-group-right{width: 100%}
    .opportunities{gap: 20px}
    .why-right-blk-fulfi .coose-blk{width: 33%;border-right: 1px solid rgba(255, 255, 255, 0.5) !important;border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;}
    .why-right-blk-fulfi .choosebox-blkblank{display: none}
    .whyleft-fulfi-blk{position: static;margin-bottom: 40px}
    .why-right-blk-fulfi .coose-blk:nth-child(9), .why-right-blk-fulfi .coose-blk:last-child{border-right: 0 !important}
    .why-right-blk-fulfi .coose-blk:nth-child(n+10){border-bottom: 0 !important}
    .addwidth, .customer-service{width: 48%}
    .business-flex{gap:30px}
    .marketstxtblk h3{font-size: 20px;line-height: 1.2}
    .uspstittle{font-size: 18px}
    .menutext{color: #fff}
    .menulines span{background: #fff}
    .headerrightblk li a{font-weight: 500}
}

@media screen and (max-width:980px){
    .quote-buttons button{width: 150px;padding: 12px 16px}
    .solutionblk, .blodbflex, .uspsflex{flex-wrap: wrap;gap: 20px;margin-top: 20px}
    .grocery-perishables .solutionblk{margin-top: 0}
    .solutionimg, .solutiontxt, .blodb-left, .blodb-right, .uspsleft, .uspsright{width: 100%}
    .uspsleft{position: static}
    .values-wrap, .logisticsflex{flex-wrap: wrap}
    .values-nav, .values-slider{width: 100%;}
    .values-nav ul{display: flex;flex-wrap: wrap}
    .values-nav li.active:before{display: none}
    .logisticsflex{gap: 20px}
    .logisticsright, .logisticsleft{width: 100%}
    .headingtt1 br{display: none}
    .indmobflexrev{flex-direction: column-reverse}
    .formfieldblk{width: 49%}
    .formfieldblk.consubmit{width: 100%}
    .values-wrap{margin-top: 0}
}
@media screen and (max-width:768px){
    .banner-head{font-size: 30px;line-height: 1.5}
    .banner-txt p{font-size: 16px}
    .quote-buttons button{width: 48%;max-width: inherit}
    .title{font-size: 18px;}
    button.slick-prev.slick-arrow, button.slick-next.slick-arrow{width: 20px;height: 20px;top: 45%}
    .banner-txt{padding: 0 20px}
    .top-bar{width: 95%}
    .horizontal-section{height: auto;overflow: inherit}
    .horizontal-wrapper{display: block;padding: 10px 10px 0;}
    .cards{display: block;padding: 0;}
    .card a{padding: 10px 10px 0; margin: 0 auto;width: 100%;display: block;text-decoration: none;color: #000;}
    .cards .slick-dots li button{background: #000;width: 7px;height: 7px;padding: 0;border-radius: 50%}
    .cards .slick-dots li.slick-active button{background: #ff713f;}
    .cards slick-dots{bottom: -30px}
    .servicestitlewrap{position: static;transform: none}
    .custom-cursor{display: none}
    .marquee_blk{padding: 10px 0 0}
    .serviceswrapper{padding-bottom: 0}
    .industries-blkblank, .industries-blk{width: 50%}
    .indistry-title{font-size: 16px}
    .industries-txt-blk p{font-size: 14px;}
    .counter_item{width: 50%;}
    .counter_number{min-height: inherit}
    .counter-wrapper::before{display: none}
    section.overview-wrapper .arrow-design{display: none}
    .sustainbility_bottom_txt div:first-child::before{content: '';position: absolute;width: 6px;height: 6px;background: white;border-radius: 50%;   top: 6px;left: -25%;}
    .overview_right_blk p{margin-top: 10px}
    .common-padding, .footer-flex{padding: 40px 0}
    section.marquee-wrapper.pb-80{padding: 0 0 40px 0}
    .sustainbility_right_blk{width: 96%;padding: 100px 30px}
    .sustainbility_bottom_txt.d-flex{flex-wrap: wrap}
    .move_wrapper{height: auto;padding: 100px 30px}
    .sustainbility_wrapper{height: auto}
    .footer-width{width: 46%}
    .footer-logo + .footer-logo{margin-top: 20px}
    .footer-width li a, .footer-width h4 a{font-size: 16px}
    .footer-logo{max-width: 250px}
    .banner-wrapper img{height: 300px;object-fit: cover}
    .top-bar{margin: 20px 0}
    .headingtt1{font-size: 24px;line-height: 1.5;}
    .headingtt2{font-size: 20px}
    .headingtt2 br{display: none}
    p{font-size: 16px}
    .leaderflex{flex-wrap: wrap;gap: 20px}
    .leader-left, .leader-right{width: 100%}
    .tittleblk{font-size: 18px}
    .growthwidth{width: 45%;}
    .opportunities{gap: 10px}
    .opportunities li{padding: 8px 10px}
    .jab-des{width: 100%}
    .slide1{background: url('../images/banner-image1res.webp') no-repeat center;background-size: cover;}
    .slide2{background: url('../images/banner-image2res.webp') no-repeat 85% center;background-size: cover;}
    .sustainbility_bottom_txt div{width: 45%;padding-left: 20px;}
    .sustainbility_bottom_txt.d-flex{gap: 20px}
    .sustainbility_bottom_txt div + div::before, .sustainbility_bottom_txt div:first-child::before{left: 5px}
    .logo-arrow{width: 30px;height: 45px}
    .choosebox-blkblank{display: none}
    .coose-blk{width: 33%;height: 200px;border-right: 1px solid rgba(255, 255, 255, 0.5);border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
    .number{margin-bottom: 40px}
    .coose-blk:nth-child(1), .coose-blk:nth-child(9){border-left: none}
    .coose-blk:nth-child(3), .coose-blk:nth-child(9), .coose-blk:nth-child(10), .coose-blk:last-child{border-bottom: none}
   .coose-blk:nth-child(7){border-right: none}
    .why-right-blk-fulfi .coose-blk:nth-child(9), .why-right-blk-fulfi .coose-blk:last-child{border-right: 0}
    .why-right-blk-fulfi .coose-blk:nth-child(n+10){border-bottom: 0}
    .addwidth, .customer-service, .formfieldblk{width: 100%}
    .requestblk{padding: 40px 25px}
    .servicesinfo{width: 100%;margin-bottom: 0;font-size: 15px}
    .servicesttl{font-size: 18px}
    .card-content{padding-bottom: 0}
    .progress-container{display: none}
    .marquee-txt{font-size: 20px}
    .bannerslide {height: 95vh}
    .cards .btn-blk {display: flex}
    .marketstxtblk h3, .jab-des h4, .value-overlay h3{font-size: 18px;}
    .sustainbility_bottom_txt.d-flex, .jab-des p.jobttl2, .jobttl3, .textbbk{font-size: 16px}
    .marketstxtblk p, .btn-blk a{font-size: 16px;line-height: 1.2}
    .inner-text{padding: 20px}
    .value-overlay{padding: 20px 24px}
    .values-nav li{padding: 8px 12px;width: 50%}
    .popup-box{width: 90%}
    .headerleftblk{width: 300px}
    .menulines span{width: 30px}
    .headerrightblk ul.rightmenu{padding-right: 10px}
}

@media screen and (max-width:650px){
    .visiontext{height: auto}
.marketsblk, .vision-width, .employee-width{width: 100%;margin-bottom: 20px}
    .quote-buttons button{width: 46%;max-width: inherit}
}
@media screen and (max-width:600px){
    .growthwidth{width: 100%;}
    .coose-blk, .why-right-blk-fulfi .coose-blk{width: 49%}
    .coose-blk:nth-child(7){border-right: 1px solid rgba(255, 255, 255, 0.5);}
    .coose-blk:nth-child(10){border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
    
    .why-right-blk-fulfi .coose-blk:nth-child(9){border-right: 1px solid rgba(255, 255, 255, 0.5) !important}
    .why-right-blk-fulfi .coose-blk:nth-child(n+10){border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;}
    .why-right-blk-fulfi .coose-blk:nth-child(7), .why-right-blk-fulfi .coose-blk:nth-child(11){border-right: 0 !important}
    .why-right-blk-fulfi .coose-blk:nth-child(13), .why-right-blk-fulfi .coose-blk:nth-child(15){border-bottom: 0 !important}
    .popup-box .formfieldblk{width: 100%}
    
}
@media screen and (max-width:540px){
    .banner-txt p br{display: none}
    .headerrightblk .connect-withus a{font-size: 16px;padding: 12px}
    .headingtt1{font-size: 20px}
    .headingtt2{font-size: 18px}
    .requestblk{padding: 30px 15px}
}
@media screen and (max-width:480px){
    .banner-head{font-size: 24px;}
    .banner-txt p, .btn-blk a{font-size: 14px}
    .top-bar{bottom: 5%}
    .headerrightblk .connect-withus a{font-size: 14px;padding: 10px}
    .menutext{font-size: 12px;}
    .menulines span{margin: 0 auto 8px}
    .menulines{margin-left: 0}
    .industries-blkblank, .industries-blk{width: 100%;border-top: 1px solid #fff}
    .industries-blk{height: 200px}
    .industries-blk:last-child, .industries-blk:nth-child(3){border: none}
    
    .footer-width li a, .footer-width h4 a{font-size: 14px}
    .footer-width{width: 100%}
    .counter_item{width: 100%;}
    .footer-logo{max-width: 220px}
    .value-overlay{position: static;background: #ff713f}
    .top-bar .left{padding: 15px}
    .top-bar{width: 100%}
    .quote-buttons{gap: 8px}
    .marquee-txt, .servicesttl{font-size: 16px}
    .sustainbility_bottom_txt div{width: 100%}
    .tittleblk{font-size: 16px}
    .headingtt2{font-size: 16px}
}
@media screen and (max-width:400px){
    .quote-buttons button{width: 48%}
    .headerrightblk .connect-withus a{display: none}
    .coose-blk, .why-right-blk-fulfi .coose-blk{width: 100%;height: auto;border-right: none !important}
    .why-right-blk-fulfi .coose-blk:nth-child(9){border-right: 0 !important  }
    .why-right-blk-fulfi .coose-blk:nth-child(13){border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important}
    
}