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

body{
  margin: 0 auto;
  font-family: 'Catamaran', sans-serif;
  font-size: clamp(10px, 1.0vw, 20px);
  font-weight: 300;
  max-width: 1920px;
}
.pitchdeck-section-ee {
  margin: -1% 0;
  padding: 5% 0;
  background-color: #F8F8F8;
}
img,.country, .titlesection-about, .titlesection-right, .titlesection {
  width: 100%;
}

.sus-food-icon{
    width: 25%;
}
.text-banner-about {
  width:100%;
  margin-top: 8%;
}
.text-banner-industries {
  width: 85%;
  margin-top: 8%;
}
.text-banner-property{
      margin-top: 8%;
}
.text-banner-remmote-site {
  width: 75%;
  margin-top: 8%;
}

.text-banner-mines{
    margin-top: 7%;
}
.container{
  margin: 0 auto;
  width: 84.375%;
}
.background-quotes{
  margin: 0 auto;
  width: 84.375%;
  position: relative;
}

.small-container{
  margin: 0 auto;
  width: 87.65432098765432%;
  position: relative;
}


/* display none */
.title-facility-mobile, .banner-mobile, .engineer-food-image-mobile, .star-content-title-mobile, .star-content-subtitle-mobile, .pitchdeck-mobile-title,.btn-exp-mobile,  .quotes-mobile-tam, .box-facility-carousel,.owl-slider-mobile-industries, .pitchdeck-mobile-download,.flexbox-mobile, .sustain-text-mobile, .sus-content-mobile, .quotes-mobile, .tab-commitment-mobile,.line-commitment-mobile, .swiper-mobile, .banner-img-mobile, .facility-title-2-mobile,.description, .owl-slider-mobile, .banner-img-main-mobile{
  display: none;
}

/* hero banner */
.herobanner{
  margin: 5.5% 0 12.3%;
  display: flex;
  justify-content: space-between;
}
.hero-banner-content{
  overflow: hidden;
  padding-bottom: 6%;
}
.bar{
  padding: 4.8% 0;
  position: relative;
}
.slide-show{
  display: none;
}
.slide-show.active{
  display: block;
}

.desc-slide {
  margin-top: 2%;
  margin-bottom: 3%;
}

.desc-content{
  width: 59%;
}
.hero-img{
  float: left;
  width: 88%;
}
.facility-manage {
  margin-top: 9%;
  display: flex;
  justify-content: space-between;
}
.flex-box, .about-section, .supply-chain-l{
  display: flex;
  position: relative;
}
.about-section{
  margin-top: 8%;
}
.box-img {
  margin-top: 4.4%;
  width: 20%;
  overflow: hidden;
  position: relative; 
  transition: transform 0.3s ease-in-out; 
}

.box-img::before {
  content: ''; 
  background-color: rgba(0, 0, 0, 0.5); 
  position: absolute; 
  width: 100%; 
  height: 100%; 
  top: 0; 
  left: 0; 
  z-index: 1; 
  transition:  0.3s ease-in-out;
}

.img {
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease-in-out; 
}
.title-banner {
  width: 125%;
  margin-bottom: 11%;
}
.box-img:hover::before {
  content: ''; 
  background-color: transparent; 
  position: absolute; 
  width: 100%; 
  height: 100%; 
  top: 0; 
  left: 0; 
  z-index: 1; 
}

.box-img:hover .img {
  transform: scale(1.2);
}

.box-img:hover .arrow-right {
  opacity: 1;
}

.img-content{
  display: flex;
  justify-content: space-between;
  line-height: 134%;
  padding-left: 9%;
  position: absolute;
  bottom: 0;
  z-index: 100;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}
.img-content-text {
  width: 70%;
  height: 100%;
}
.icon-about {
  margin-top: 6%;
  margin-bottom: 2%;
  width: 20%;
}

.arrow-right {
  margin-top: 25%;
  height: 100%;
  width: 30%;
  opacity: 0;
  transition:  0.3s ease-in-out;
}
.icon-about {
  margin-top: 6%;
  margin-bottom: 2%;
  width: 20%;
}
.icon-about-2 {
  margin-top: 6%;
  margin-bottom: 3%;
  width: 25%;
}

.icon-about-3 {
  margin-top: 0;
  margin-bottom: 3%;
  width: 12%;
}

.facility-content {
  margin-top: 2%;
  display: flex;
  justify-content: space-between;
}

.facility-text {
  margin-left: 13%;
  width: 33%;
}

.container-facility-image {
  padding-top: 5%;
  margin-top: -5%;
  padding-left: 2.6%;
  width: 52%;
  overflow: hidden;
}
.box-facility-carousel.active {
  display: block;
  max-height: 400px;
  height: 20vw;
}

.img-facility img {
  width: 100%;
  opacity: 20%;
  transition: 0.3s ease-in-out;
}
.img-facility img.active {
  width: 100%;
  opacity: 100%;
  transform: scale(1.32);
  position: relative;
  z-index: 100;
}
.description.active {
  display: flex;
  position: relative;
  z-index: 100000;
  justify-content: flex-end;
  margin-right: 16%;
  margin-top: -1%;
  padding-bottom: 5%;
  gap: 4%;
}

.box-title-fc {
  margin-top: -4%;
  margin-bottom: 3.2%;
}

.description img {
  margin-top: -5%;
  width: 12%;
}
.description p {
  margin-top: 2%;
  opacity: 0;
}
.box-img:hover .line-facility {
  opacity: 1;
}
.box-img:hover .img-content-facilities-text p {
  margin-left: 0;
}
.box-text-facility {
  width: 80%;
  margin-top: 8%;
}

.swiper-pagination-facility {
  margin-top: 16%;
  position: relative;
  text-align: left;
}
.quotes{
  margin-top: 7.5%;
  position: relative;
}

.quotes img{
  position: relative;
}

.quotes-content{
  padding: 3% 3.3% 5.5%;
  background-color: rgba(255, 255, 255);
  margin-top: -36.2%;
  right: 0;
  position: absolute;
  z-index: 100000;
  width: 50%;
}
.quotes-content-left{
  padding: 3% 3.3% 5.5%;
  background-color: rgba(255, 255, 255);
  margin-top: -36.2%;
  left: 6%;
  position: absolute;
  z-index: 100000;
  width: 50%;
}

.title-quotes {
  margin-top: 8%;
}
.title-quotes-tam {
  margin-top: 4%;
}


.rtb {
  margin-top: 9.5%;
  margin-bottom: -4%;
  display: flex;
  justify-content: space-between;
}
.text-rtb {
  width: 82%;
}
.image-left {
  margin-left: 1.5%;
  margin-top: 1%;
  width: 40%;
}

.box-rtb {
  width: 47.5%;
}
.box-rtb .faq-title-section {
  margin-bottom: 7%;
}

.logo-image {
  margin-top: 7%;
  padding: 5% 0;
  display: flex;
  overflow: hidden;
  width: 88%;
}

.box-image {
  display: flex;
  width: 100%;
  margin: 0 auto;
}

.box-img-logo {
  text-align: center;
  width: 50%;
}

.banner{
  margin: 9.5% 0;
  position: relative;
}
.banner-content{
  background-color: rgba(255,255,255,0.8);
  position: absolute;
  top: 0;
  width: 50%;
  padding: 4.5% 13%;
}
.box-text, .banner-content h2{
  width: 135%;
}

.banner-content h2{
  margin: 5% 0 11%;
}


.case-studies{
  margin-top: 12.5%;
}

.owl-slider {
  margin-top: 3%;
  position: relative;
  overflow: hidden;
}

.case-text {
  margin-top: -15%;
  padding-left: 5%;
  padding-bottom: 4%;
  position: relative;
  z-index: 10000;
}
.re-custom-nav{
  z-index: 10000;
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 6%;
  right: 5.5%;
  bottom: 57.5%;
}
.re-custom-nav button, .custom-nav button {
  background: none;
  border: none;
  cursor: pointer;
  width: 11%;
}

.re-custom-nav button img, .custom-nav button img {
  width: 51.5%;
  height: auto;
  position: relative;
}



.call-to-action {
  margin-top: 6%;
  background-image: url('/wp-content/themes/Aden%20services/assets/cta-banner.png');
  background-repeat: no-repeat;
  background-size: cover;
  height: 26vw;
}
.call-to-action-ee {
  margin-top: -6%;
  background-image: url('/wp-content/themes/Aden%20services/assets/cta-ee.png');
  background-repeat: no-repeat;
  background-size: cover;
  height: 33vw;
  position: relative;
}

.call-to-action-tam {
  background-image: url('/wp-content/themes/Aden%20services/assets/aerial-view-factory-trucks-parked-near-warehouse-daytime.png');
  background-repeat: no-repeat;
  background-size: cover;
  height: 34vw;
  position: relative;
}

.call-to-action-tam::after {
  content: '';
  background-color: #283948;
  opacity: 0.5;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.call-to-action-vpp {
  margin-top: 6%;
  background-image: url('/wp-content/themes/Aden%20services/assets/cta-vpp.png');
  background-repeat: no-repeat;
  background-size: cover;
  height: 34vw;
  position: relative;
}

.call-to-action-vpp::after {
  content: '';
  background-color: black;
  opacity: 0.5;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.call-to-action-em {
  margin-top: 6%;
  background-image: url('/wp-content/themes/Aden%20services/assets/cta-energy-management.png');
  background-repeat: no-repeat;
  background-size: cover;
  height: 33vw;
  position: relative;
}

.call-to-action-em::after {
  content: '';
  background-color: #283948;
  opacity: 0.4;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cta-microprocessor {
  margin-top: 6%;
  background-image: url('/wp-content/themes/Aden%20services/assets/cta-microprocessor.png');
  background-repeat: no-repeat;
  background-size: cover;
  height: 33vw;
}
.quotes-content-tam-left {
  margin-top: -36.6%;
  margin-right: -3.5%;
  margin-left: 9.5%;
  float: left;
  position: relative;
  z-index: 100000;
  width: 50%;
}
.cta-text, .cta-text-micro {
  margin-top: 5%;
  width: 60%;
}

.de-designer {
  margin-top: 9.5%;
  display: flex;
  justify-content: space-between;
}

.pitchdeck-section {
  margin: -1% 0;
  padding: 8% 0;
  background-color: #F8F8F8;
}

.prop-sects {
  display: flex;
  gap: 5%;
}


.img-content-facilities {
  display: flex;
  justify-content: space-between;
  line-height: 140%;
  padding-left: 7%;
  position: absolute;
  bottom: 0;
  z-index: 100;
  width: 100%;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  padding-bottom: 15%;
}
.img-content-facilities-text {
  width: 100%;
  height: 100%;
  display: flex;
  gap: 3%;
}
.img-content-facilities-text p {
  margin-left: -14%;
  transition: 0.3s ease-in-out;
}
.news{
    margin-top: -1%;
}
.new-site {
  margin-top: 4%;
  display: flex;
  gap: 4%;
}
.big-news-img,
.box-news-img {
  width: 98%; 
  height: 65%;
}
.big-news {
  width: 63%;
}
.small-news {
  width: 33%;
}

.date {
  margin-top: 1%;
  margin-bottom: 3%;
}

.news-title {
  margin-top: 2%;
  width: 96%;
}
.news-text {
  margin-top: 2.3%;
  width: 97%;
}
  @media(min-width: 640px) and (max-width: 1024px){
  .dropdown-language, .dropdown {
  display: flex;
  gap: 5%;
  justify-content: unset;
}
    h1, h2{
        font-size: clamp(27px, 4.2vw, 43px);
     }

     h3, .faq-title-section{
        font-size: clamp(17px, 2.7vw, 28px);
     }
     
     .title-cta{
         font-size: clamp(16px, 2.5vw, 26px);
     }
     h4{
       font-family: 'Figtree', sans-serif;
       font-size: clamp(11px, 1.1vw, 22px);
       font-weight: 400;
     }

     h5, .title-cta{
      font-size: clamp(20px, 3.1vw, 34px);
     }
     .title-section{
         font-size: clamp(14px, 1.4vw, 28px);
         font-family: 'Figtree', sans-serif;
         font-weight: 500;
     }
     .sub-title{
       margin-bottom: 6%;
         font-family: 'Catamaran', sans-serif;
         font-size: clamp(14px, 1.4vw, 28px);
         font-weight: 500;
     }
     .footer-nav{
         font-size: clamp(13px, 1.3vw, 25px);
     }
     .locations-title, .figtree,.title-section, .sub-title, .question-industries, .title-news{
         font-size: clamp(8px, 1.3vw, 14px);
     }
     .footer-title, .text-link, .dropbtn, body, .text, .text-banner{
      font-size: clamp(7px, 1.1vw, 12px);
    }
    
   
     .date-news{
       font-family: 'Catamaran', sans-serif;
       font-size: clamp(9px, 0.94vw, 18px);
       font-weight: 300;
     }
     .text-top{
      width: 95%;
     }

     .luk-title-left{
      width: 95%;
     }
     .btn-form{
      padding: 0.6em 3em 0.6em 3em;
     }
     .text-banner-about{
      width: 84%;
    }
    .btn-exp {
      width: 25%;
      gap: 14.5%;
    }
     .btn-learn-de{
      width: 12%;
     }
     .btn-exp-blck{
      width: 28%;
     }
     .banner-text{
      margin-top: -36.5%;
     }
     .btn-learn-de, .btn-exp{
      margin-top: 2.5%;
     }
     .box-text {
      width: 122%;
    }
    .box-facility-carousel.active{
      height: 20vw;
    }
    .progressbar, .progressbar-2, .progressbar-3 {
      border-bottom: 3px solid #D1D1D1;
      width: 17%;
    }
    
    .progressbar::after,  .progressbar-2::after, .progressbar-3::after {
      height: 2.5px;
      top: 2.5px;
    }
    .border-title-left{
      border-top: 2px solid #ED4F18;
      width: 9.7%;
    }
    .border-title-right {
      border-top: 2px solid #ED4F18;
      width: 21.7%;
    }
    .border-title-right-side{
      margin-top: 2%;
      border-top: 2px solid #ED4F18;
    }
    .btn-download-prop, .btn-exp-battery {
      padding: 0.4em 0em 0.4em 1em;
      width: 22%;
    }
    .btn-download-prop img, .btn-exp-battery img {
      margin-top:6%;
      width: 10%;
      height: 40%;
    }
    .btn-watch{
      width: 23.8%;
    }
    .btn-read-article{
      width: 31.8%;
    }
    .btn-learn{
      width: 24%;
    }
    .btn-download-mic, .btn-download{
      width: 26%;
    }
    .btn-read{
      width: 21.8%
    }
    .cta-box, .cta-box-2, .cta-box-em{
      padding-top: 11.5%;
    }
    .cta-box-vpp, .cta-box-sustain{
      padding-top: 14.5%;
    }
    .cta-content{
      width: 52%;
    }

   }

  
@media(min-width: 360px) and (max-width: 640px){


  /* Typography */

  h1, h2{ 
    font-size: clamp(34px, 9.4vw, 60px); 
 }
 .title-cta{
 font-size: clamp(30px, 8.3vw, 53px);
}
 h5, .faq-title-section{
    font-size: clamp(28px, 7.7vw, 49px); 
 }
 h3, .quotes-title-food{
    font-size: clamp(22px, 6.1vw, 39px); 
 }
  .quotes-title-food {
    line-height: 1.3;
  }

h4,.title-news-single, .sub-title-country-about, .fc-question-solution,.footer-title, .menu-landing-page li a, .sub-title, .footer-nav, .title-section{ 
     font-size: clamp(15px, 4.1vw, 26px); 
 }
 .question-industries, .text-banner, .text-link,  body{
   font-size: clamp(12px, 3.3vw, 21px);
 }
 .title-news{
  font-size: clamp(11px, 3.0vw, 19px);
 }
 .locations-title{
  font-size: clamp(10px, 2.7vw, 17px);
 }

  /* display: none */
 .btn-learn-facility, .btn-exp-food, .article-content-single, .border-big-title, .single-border-title-left, .border-title-left-button, .titlesection-right, .border-single-title-banner, .img-battery, .box-pitchdeck, .arrow-sus,.quotes-food-page, .quotes-tam, .box-btn, .box-btn-ee, .facility-title-2, .owl-slider, .sustain-text,.button-news, .facility-mobile, .banner-block-industries, .new-site, .banner-img, .border-title-left,.border-title-left-2, .border-title-left-3, .footer-text, .btn-exp,.owl-nav button span, .border-title-right, .border-title-right-side, .flex-box, .banner, .quotes {
    display: none;
  }
  /* display: block */

   .sus-content-mobile, .sustain-text-mobile, .container-facility-image-mobile, .swiper-mobile, .tab-commitment-mobile, .line-commitment-mobile{
    display: block;
    overflow: hidden;
  }
  .desc-content, .banner-img-mobile, .banner-img-main-mobile{
    display: block;
    width: 100%;
  }
  /* flex */
 .food-service-content, .about-section, .battery-level-section, .energy-and-storage-bs, .faq-section-food-page, .supply-chain-r, .banner-prop, .aboutus, .facility-manage, .rtb{
    flex-direction: column;
    gap: 30px;
  }
  .rtb{
    margin-top: 30%;
  }
  .herobanner, .prop-sects,  .supply-chain-l{
    flex-direction: column-reverse;
    gap: 30px;
  }
  .slide-show.active{
    margin-top: -2%;
    height: 75vw;
  }
  .desc-slide {
    margin-top: 2%;
    margin-bottom: 9%;
  }
  
  .sliders{
      margin-top: 21%;
  }
  .hero-banner{
    flex-direction: column-reverse;
    gap: 47px;
  }
  .de-designer{
    margin-top: 18.5%;
  }
  .facility-performance{
    margin-top: 99%;
    margin-bottom: 20%;
  }
 .engineer-food-content, .facility-content{
    flex-direction: column;
    gap: 30px;
  }

  .slideshow-container{
    margin-top: 2%;
  }
  
  .box-title-fc{
    margin-top: -8%;
  margin-bottom: 6%;
  }
  .hero-img {
    width: 84%;
    margin-left: 9%;
  }
  /* display: block */

.title-facility-mobile, .star-content-title-mobile, .star-content-subtitle-mobile, .article-content-mobile, .news-action-mobile, .star-content-title-mobile, .star-content-subtitle-mobile, .pitchdeck-mobile-title, .engineer-food-image-mobile,  .content-sustain-mobile, .banner-mobile{
    display: block;
  }
.facility-text{
  width: 81%;
}

.btn-download-prop, .btn-exp-battery {
  padding: 0.3em 0em 0.3em 0.6em;
}
  .pitchdeck-mobile-title{
     padding-left: 0;
     margin-top: 10%;
    margin-bottom: 6%;
  }
 .pitchdeck-mobile-download{
     display: flex;
 }
 
  /* width box */
.box-text-facility, .title-banner, .text-banner-industries, .box-7,.box-6, .box-title-right, .text-banner-remmote-site, .star-content-img-mobile,.container-facility-image, .engineer-food-image-mobile, .food-service-right-content, .food-service-left-content, .box-pitchdeck-2-bs, .energy-and-storage-bs-box, .box-industries-content-2, .box-industries-content, .facility-title, .facility-title-2, .gfootprint-text-section, .box-title, .text-rtb, .box-title-2, .facility-title-box, .box-btn, .box-btn-ee, .box-title, .box-title-2, .box-text, .text-top, .rtb, .cta-text, .diff-title, .small-container, .cta-content, .gfootprint-text, .box-gfootprint-text, .quotes-mobile-img, .quotes-mobile img, .box-img, .aboutus-text, .hero-banner-text, .hero-banner-text-2, .box-rtb, .image-left, .container-facility-image{
    width: 100%;
  }
  
.energy-and-storage-bs-img {
    margin-left: 0;
    margin-top: -15%;
    margin-bottom: -5%;
  }
  .cta-text-em, .cta-text-micro, .cta-text-waste{
    width: 110%;
    line-height: 1.4;
  }
  .call-to-action{
    background-image: url('/wp-content/themes/Aden%20services/assets/组 2808.png');
    height: auto;
    padding: 9% 0 12%;
  }
  .call-to-action-waste{
    margin-top: 22%;
    background-image: url('/wp-content/themes/Aden%20services/assets/waste-cta-mobile.png');
  height: auto;
    padding: 7% 0 12%;
  }

  .call-to-action-vpp {
    background-image: url('/wp-content/themes/Aden%20services/assets/call-to-action-vpp.png');
  height: auto;
    padding: 7% 0 12%;
  }
  .call-to-action-ee{
    margin-top: 18%;
    background-image: url('/wp-content/themes/Aden%20services/assets/cta-mobile-ee.png');
  height: auto;
    padding: 7% 0 12%;
  }
  .call-to-action-de{
    background-image: url('/wp-content/themes/Aden%20services/assets/digital-engineering-cta-mobile.png');
  height: auto;
    padding: 7% 0 12%;
  }
  .call-to-action-em{
    background-image: url('/wp-content/themes/Aden%20services/assets/energy-management-cta-mobile.png');
  height: auto;
    padding: 7% 0 12%;
  }
  .call-to-action-tam{
    margin-top: 15%;
    background-image: url('/wp-content/themes/Aden%20services/assets/call-to-action-tam-mobile.png');
    height: auto;
    padding: 7% 0 12%;
  }
  .re-custom-nav button img,.custom-nav button img{
    width: 24%;
  }
  .re-custom-nav, .custom-nav{
    left: 13.5%;
    right: -6.5%;
    bottom: 46.5%;
    width: 73%;
  }.re-custom-nav button, .custom-nav button{
    margin-left: -25%;
    margin-right: -26%;
    width: 60%;
  }
  .case-text{
    margin-top: -19%;
  }
  .facility-mobile{
    margin-top: 85%;
  }
 .text-banner-ee {
    width: 100%;
    margin-top: 8%;
  }
   .text-banner-about {
    width: 115%;
    margin-top: 9%;
  }
  .text-banner-industries , .text-banner-de{
        margin-top: 10%;
  }
  .owl-slider{
    margin-bottom: 15%;
  }
  .background-header{
    margin-top: -161%;
    width: 60%;
    left: 40%;
    height: 84vw;
  }
  .progressbar, .progressbar-2, .progressbar-3{
    width: 28%;
  }
  .borderbar, .borderbar-2, .borderbar-3{
    width: 25%;
  }
  .text-sector-black{
    width: 95%;
  }
  .about-country{
    margin-left: 0;
  }
  .btn-read{
    width: 27.8%;
  }
  .progressbar-2::after {
 
    left: 25px;
  }
  .progressbar-3::after {
    left: 55px;
  }
  .facility-text{
    margin-left: 8%;
    margin-top: 5%;
  }

  .description img{
    margin-top: 12%;
    margin-left: 4%;
    margin-right: 5%;
  }
  .description p{
    margin-top: 17%;
  }

  .arrow-right{
    display: none;
  }
  .arrow-right-mobile{
    margin-top: 23%;
    height: 100%;
    width: 19%;
    display: block;
  }
  .banner-text{
    margin-top: 10%;
    z-index: -100;
  }
  .btn-watch{
    width: 28.8%;
    margin-bottom: 15%;
  }
  .quotes-mobile{
    margin-top: 15%;
    background-color: #f8f8f8;
    display: block;
  }
  .quotes-mobile-tam{
    margin-top: 25%;
    display: block;
  }
  .quotes-content{
    margin-top: 0;
    margin-right: 0;
    padding: 4% 0 10%;
    float: none;
    position: relative;
    background-color: transparent;
    width: 100%;
  }
  .flexbox-mobile {
    display: block;
    margin-top: 8%;
    overflow: hidden;
  }
  .cta-box{
    padding-top: 8.5%;
  }
  .cta-box-sustain{
    padding-top: 16.5%;
  }
  .cta-box-em, .cta-box-vpp{
    padding-top: 10.5%;
  }
  .cta-box-2{
    padding-top: 11.5%;
  }
  .cta-arrow-em img, .cta-arrow-prop img, .cta-arrow img, .cta-arrow-tam img{
    margin-top: 60.8%;
    margin-right: 2%;
    width: 35%;
  }
  .cta-arrow img {
    margin-top: 32.8%;
    margin-right: 2%;
    width: 35%;
  }
  .cta-arrow-sustain img{
    margin-top: 42.8%;
    margin-right: 2%;
    width: 35%;
  }

  .cta-re-arrow img{
    margin-top: 88.8%;
    margin-right: 2%;
    width: 35%;
  }
  .aboutus-tex, .image-left {
    margin-left: 0;
  }
  .swiper-slide{
    opacity: 100%;
  }
 .box-news img{
    width: 100%;
    height: 100%;
  }
  .border-slider-news{
    margin-top: 25.4%;
    margin-left: 70%;
  }
  .box-facility-carousel.active{
    margin-bottom: 30%;
    height:65vw;
  }
  .container-facility-image-mobile{
    margin-top: 10%;
  }
  .btn-download{
    width: 40%;
    margin-left: 0;
}
  .btn-download-mic{
    margin-top: 22%;
    margin-bottom: 6%;
    padding: 0.3em 0.9em 0.3em 0.2em;
    width: 39%;
    margin-left: 0;
}
 .title-de {
    width: 126%;
  }
.sus-content-mobile{
margin-top: 5%;
    margin-bottom: 15%;
    padding: 5% 0 0;
}
.faq-content-mobile{
  margin-top: 10%;
  margin-bottom: 10%;
}

.banner-mobile{
  margin: 22% 0;
}
.certification-box{
  margin: 5% 0 0;
}

.titlesection, .titlesection-2{
  gap: 4.5%;
  position: relative;
}
.arrow-exp{
  margin-top: 2.8%;
  width: 9%;
  height: 55%;
}

.btn-download-prop img, .btn-exp-battery img{
  align-self: center;
  height: 100%;
  width: 10%;
  margin-top: 5%;
}

.btn-download-prop {
  margin: 5% 0;
  width: 28%;
}

.btn-exp-battery {
    margin: 0% 0;
    width: 28%;
    gap: 7%;
  }

.case-studies-prop, .case-studies{
  margin-top: 24%;
}
.cta-microprocessor{
  background-image: url('/wp-content/themes/Aden%20services/assets/microprocessor-cta-mobile.png');
  height: 76vw;
}
.btn-learn-de, .btn-exp-mobile {
  margin-top: 6.5%;
  padding: 0.2em 0em 0.2em 1em;
  background-color: #ED4F18;
  display: flex;
  color: #ffffff;
  width: 34%;
  gap: 8%;
  display: block;
}
.btn-exp-blck {
  margin-top: 6.5%;
  padding: 0.2em 0em 0.2em 1em;
  background-color: #ED4F18;
  display: flex;
  color: #ffffff;
  width: 34%;
  gap: 13%;
  opacity: 1;
}
.pitchdeck-section-de{
  margin: 30% 0;
}
.pitchdeck-section-fc{
    padding: 5% 0 25%;
margin-top: 5%;
    background-color: transparent;
}
.greenfield{
  margin-top: 18%;
}
.pitchdeck-section-ee{
  margin: 10% 0;
}

 }
.ni-page img{
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease-in-out;
}
.box-img-media:hover img, .ni-page:hover img{
 transform: scale(1.1);
}
.ni-page{
  overflow: hidden;
  height: 17.2vw;
}
.box-img-media{
  overflow: hidden;
  height: 28vw;
}
.swiper-new-prop-mobile, .swiper-pagination-prop, .swiper-pagination-project, .swiper-pagination-case, .re-swiper-pagination-case,.swiper-pagination-smart-box,  .swiper-pagination-logo,.swiper-new-mobile,.swiper-case-prop-mobile, .swiper-new-tam-mobile,.swiper-other-mobile, .swiper-about-mobile, .swiper-pagination-waste{
  position: relative;
  text-align: center;
}
.swiper-pagination-smart-box {
  margin-top: -1.5%;
  margin-left: -8%;
}
.swiper-case-prop-mobile{
  margin-top: 3%;
}
.swiper-new-tam-mobile{
  margin-top: -3%;
}
.swiper-new-prop-mobile{
margin-top: -3%;
  margin-bottom: 20%;
}
.swiper-about-mobile{
  margin-top: 6%;
}
.swiper-other-mobile{
  margin-top: 17%;
}
.re-swiper-pagination-case{
  margin-top: 3%;
  margin-bottom: 8%;
}
 .swiper-pagination-case{
  margin-top: 1%;
  margin-bottom: 8%;
}
 .swiper-pagination-prop{
 margin-top: 1%;
  margin-bottom: -4%;
}

 .swiper-pagination-pitch{
  margin-top: 2%;
  position: absolute;
  bottom: 0!important;
  text-align: center;
}
.swiper-pagination-waste{
  margin-top: -2%;
}
.swiper-pagination-facility{
  margin-top: 16%;
  position: relative;
  text-align: left;
}
.swiper-pagination-bullet{
  width: 25px;
  height: 5px;
  display: inline-block;
  background-color: #D1D1D1 !important;
  margin: 0 3px;
  border-radius: 0;
  opacity: 1;
  transition:  0.2s ease-in-out;
}

.swiper-pagination-bullet-active {
  background-color: #ED4F18 !important;
  width: 50px;
}

@media(min-width: 640px) and (max-width:1024px){
  .swiper-pagination-bullet{
    width: 12.5px;
    height: 3px;
  }
  .facility-manage {
  margin-top: 4.9%;
  display: flex;
  justify-content: space-between;
}
  
  .swiper-pagination-bullet-active {
    background-color: #ED4F18 !important;
    width: 25px;
  }
.swiper-pagination-waste{
    margin-top: -10%;
}
.banner-block-fc {
  padding: 20% 0 18% 0;
  background-color: rgba(255, 255, 255, 0.6);
  margin-top: -33%;
  width: 50%;
  position: relative;
  z-index: 100;
}
.title-banner-fc {
  padding-top: 2.5%;
}
    .content-food-reverse, .content-sustain{
        gap: 0;
    }
    .pitchdeck-section {
  padding: 7% 0 9%;
}
}

@media(min-width: 360px) and (max-width: 640px){
.diff-box, .diff-box-4, .diff-box-5{
    margin-bottom: -8%;
}
    .about-section{
        margin-top: 18%;
    }
    .sus-food-icon{
    width: 20%;
}
.sus-food-page-icon{
    justify-content: center;
}
    .bar{
        padding: 11.8% 0;
    }
    .position{
        margin-top: 0;
    }
    .title-quotes, .title-quotes-tam{
        margin-top: 5%;
    }
    .banner-img-mobile{
        margin-bottom: 5%;
    }
    .line-article-orange{
        margin: 8% 0;
    }
     .article-content-mobile{
         margin: 0 0 -5%;
     }
    .img-article {
  margin: 5% 0 5%;
  object-fit: cover;
  aspect-ratio: 3.6/1.4;
  width: 100%;
}
    .box-news-content-mobile{
display: flex;
    flex-direction: row-reverse;
    gap: 5%;
    margin: 9% 0;
    }
    .star-content-subtitle-mobile{
        margin: 6% 0 10%;
    }
    .star-section-food {
  margin-bottom: 18%;
  padding: 1% 0 5%;
}
    .img-content-facilities-text p {
  margin-left: 0;
}
.img-content-facilities-text {
  margin-top: 25%;
  margin-bottom: -9%;
}
.img-content-facilities {
  bottom: 3%;
}
.line-facility {
  border-top: 2px solid #ED4F18;
  opacity: 1;
}

    .faq-section-food-page{
        margin-bottom: 15%;
    }
  .gray-section{
    margin-bottom: 18%;
  }
  
  .faq-tam{
      margin-top: 18%;
  }
  
  .faq-prop{
      margin-top: 0;
  }
      .swiper-pagination-smart-box{
        margin-left: 0;
    }
  .supply-chain-r{
    margin: 45% 0 25%;
  }
  .hero-banner-text-2{
    padding-bottom: 7%;
    width: 98%;
  }
  .swiper-pagination-bullet{
    width: 12.5px;
    height: 2.5px;
  }
  .border{
    margin-top: 11%;
  }
  .swiper-pagination-waste{
    margin-top: 2%;
  }
  .swiper-pagination-bullet-active {
    background-color: #ED4F18 !important;
    width: 25px;
  }
  .box-img-media{
    height: auto;
  }
  .box-img-media:hover img, .ni-page:hover img {
    transform: scale(1); /* Menetapkan transformasi kembali ke nilai default */
}
.ni-page {
  overflow: hidden;
  height: 30vw;
}
.swiper-pagination-case {
  margin-top: -10%;
  margin-bottom: 10%;

}
.swiper-pagination-facility{
  margin-top: 80%;
  text-align: right;
}
.description.active {
  display: flex;
    position: relative;
    z-index: 100000;
    justify-content: flex-end;
    margin-right: 13%;
    margin-top: -5%;
    padding-bottom: 5%;
    gap: 6%;
}
.img-facility img{
  opacity: 100%;
}
.title-section2-mobile{
  position: relative;
  margin-top: -7%;
  display: block;
}
.facility-title-2-mobile{
  position: absolute;
}
.box-img::before {
  content: '';
  background-color: transparent;
  position: absolute;
}
.box-img:hover .img {
  transform: scale(1);
}
.owl-slider-mobile{
  margin: 10% 0 15%;
  display: block;
  overflow: hidden;
  position: relative;
}
  .owl-slider-mobile-industries {
margin: 17% 0 16%;
    display: block;
    overflow: hidden;
    position: relative;
  }
.icon-2{
  margin-top: 0;
  margin-left: 2%;
}
.img {
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease-in-out;
  object-fit: cover;
  aspect-ratio: 2/2.12;
}
 .title-food-service-box{
    margin: -1% 0 -3%;
 }
  .desc-food-service-box{
        margin: 5% 0;
    }
    .pitchdeck-remote-site {
  padding: 0% 0 20%;
}
}