/* =============================================================
   RESPONSIVE — HERO SLIDER + IMPACT NUMBERS
============================================================= */

@media (max-width: 1032px) {
  
    .uae-slider {
        min-height: 700px;
        gap:30px !important
        
    }
.uae-slider__badge {
    padding: 4px 8px;
    font-size: 10px;
}
    .uae-slider__container {
        width: calc(100% - 50px);
        gap: 25px;
    }

    .uae-slider__content {
        width: 50%;
    }

    .uae-slider__cards {
        width: 300px;
        margin-top:0px;
        gap:30px;
    }
.uae-slider__card,.uae-slider__card.is-active{
    width: 200px;
    min-height: 87px;
}
.uae-slider__buttons {
   
    width: 300px;
}
.uae-slider__card:nth-child(2) {
        margin-left: 90px !important;
    }

.uae-slider__button--primary,.uae-slider__button--secondary {
    
    font-size: 12px;
}
.uae-slider__description{
    font-size:14px;
    line-height:20px;
}
    .uae-slider__card:nth-child(2) {
        margin-left: 60px;
    }

    .uae-slider__title {
        font-size: 40px;
         line-height: 42px;

    }
    .uae-slider__stat-icon{
            font-size: 12px;

    }
    .uae-slider__stat-label{
         font-size: 9px;
        line-height: 12px;
    }
    .impact-numbers-title {
    font-size: 28px !important;}
    .impact-number {
    font-size: 30px !important;
    margin-bottom: 4px;
}
.impact-label{
    font-size:11px !important;
}
 #Estimate h2, h2,.title2{
    font-size:28px!important;
}
h3{
    font-size:16px!important;
}
p{
font-size:14px !important;
line-height:18px;
}
 
     .certificates-logos {
        gap: 20px;
    }
    .certificates-section {
     width:100%;
    position: relative;
    min-height: 400px;
    overflow: hidden;
    padding-bottom: 30px;
}
.certificate-slide{
  top:0 !important;
  left:50%;
}
.certificate-slide.active {
    width: 340px;
    height: 240px;
   
}
.certificate-logo{
    font-size:16px;
}
.impact-track {
    --card-width: 200px;
}
.certificate-slide.active img {
    border: 2px solid #d2a817;
    border-radius: 1px;
}

/* Previous / next */

.certificate-slide.prev {
    opacity: 0.95;
    z-index: 3;

    transform:
        translateX(calc(-50% - 400px))
        rotate(-15deg)
        scale(0.50);
}
.certificates-slider {
    position: relative;
    height: 300px;
    overflow: hidden;
}
.certificate-slide.next {
    opacity: 0.95;
    z-index: 3;

    transform:
        translateX(calc(-50% + 400px))
        rotate(15deg)
        scale(0.50);
}

/* Hidden slides */

.certificate-slide.hidden {
    opacity: 0;
    pointer-events: none;

    transform:
        translateX(-50%)
        scale(0.7);
}

 #Estimate h2,#Estimate p {
      text-align: center !important;

}

#Estimate li{
    /*width:337px;*/
    height:76px;
    padding: 16px;
    background:#F6EBC3;
    border-radius: 20px;
}

 

.how-start-section {
    height: 900px;
    min-height: 900px;
  }
.how-start-small-title {
            color: rgba(198, 153, 35, 1) ;
            font-size: 14px;
            
        }
        .how-start-section::before{
            background-image: url(https://fzuae.freezoner.net/wp-content/uploads/2026/09/Frame-35-1.png);
    background-position: center;
    background-size: contain!important;
    background-repeat: no-repeat;
    z-index: 1;
        }
.step-1 {
    left: 10% !important;
    top: 25% !important;
}
.step-2 {
    right: 8% !important;
    top: 30% !important;
}
.step-3 {
    right: 30% !important;
    top: 59% !important;
}

.step-4 {
    left: 10% !important;
    top: 55% !important;
}
.how-start-title {
  font-size: 28px !important;
 line-height: 32px !important;

            }
            .how-start-button a{
                font-size:16px;
            }
            .how-start-description{
               font-size: 15px !important;
   
            }
.how-step-title{
     font-size: 14px !important;
}
            .how-start-diagram {
                max-width: 800px;
            }

            .how-step {
                width: 210px;
            }
.how-step-text{
    font-size: 12px !important; 
}
#begin{
    height:400px;
        
}
}