body{
    margin: auto;
    overflow-x: hidden;
font-family: "Inter", sans-serif !important;
    
}

p{
    margin-bottom: 0;
}




/*test-residential-elevators-ajman.php*/ 
/*service inn         new section*/
.ind-h4{
    font-family:Inter, sans-serif;
/*font-size:48px;*/
line-height:66px;
font-weight:400;
color:#212529;
}

.ind-h4 span{

color:#f40345;
}





/*Panoramic Elevator Services in Dubai*/
/*service in*/

.inner-abtimg .row {
    display: flex;
    align-items: stretch;
}

.inner-abtimg .col-lg-6 {
    display: flex;
    min-height: 400px;
}

.inner-abtimg .abt-aos {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}


/* FORCE full height chain */
.inner-abtimg .col-lg-6:last-child {
    display: flex;
}

.inner-abtimg .col-lg-6:last-child .abt-aos {
    flex: 1;              /* 🔥 THIS IS THE KEY */
    display: flex;
}

.inner-abtimg .col-lg-6:last-child img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*.inner-abtimg img {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*      display: block;*/
/*}*/


/*Benefits of Panoramic Elevator Services*/

.industries-desc{
    max-width: 750px;
    margin: 15px auto 50px !important; /* 👈 force bottom space */
    color: #555;
    
    font-family:Inter, sans-serif;
font-size:16px;
line-height:30px;
color:#575757;
max-width:650px;
margin:auto;
}





/*NEW SECTION*/
.industries-section .row{
    margin-top: 30px;
}


.service-icon{
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: #f40345;
    margin: 0 auto 20px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

.ind-h4{
    font-family:Inter, sans-serif;
/*font-size:48px;*/
line-height:66px;
font-weight:400;
color:#212529;
}

.ind-h4 span{

color:#f40345;
}







/*Escalator Installation Process*/

/* RIGHT SIDE CARD */

/*.industry-card{*/
/*    background:#ffffff;*/
/*    padding:35px 30px;*/
/*    border-radius:15px;*/
/*    border:1px solid #eee;*/
/*    box-shadow:0 15px 35px rgba(0,0,0,0.06);*/
/*    border-left:4px solid #f40345;*/

    /* REMOVE animation */
/*    transition:none;*/
/*}*/

.industry-card{
    background:#ffffff;
    padding:35px 30px;
    border-radius:15px;
    border:1px solid #eee;
    border-left:4px solid #f40345;

    /* removed shadow */
    box-shadow: none;

    transition:none;
}


.industries-section{
padding:100px 0;
background:#ffffff;
}

/* heading */

.industries-head h2{
font-family:Inter, sans-serif;
font-size:48px;
line-height:66px;
font-weight:400;
color:#212529;
}

.industries-head span{
color:#f40345;
}

.industries-head p{
font-family:Inter, sans-serif;
font-size:16px;
line-height:30px;
color:#575757;
max-width:650px;
margin:auto;
}



/* image */
.industries-section .row{
    display:flex;
    align-items:stretch;
}

.industries-section .row > div{
    display:flex;
}

.industry-img,
.industry-card{
    height:100%;
}

.industry-img img{
    width:100%;
    height:100%;
    object-fit:cover;
        border-radius:28px;

}

/* row */

.industry-row{
display:flex;
gap:20px;
margin-bottom:30px;
align-items:flex-start;
transition:0.3s;
}

/* zig zag alignment */

.industry-row.right{
margin-left:40px;
}


/* icon */

.industry-icon{
width:60px;
height:60px;
background:#FDC6DF;
color:#f40345;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:24px;
flex-shrink:0;
transition:0.3s;
}


/* text */

.industry-text h3{
font-family:Inter, sans-serif;
font-size:20px;
font-weight:400;
color:#212529;
margin-bottom:5px;
}

.industry-text p{
font-family:Inter, sans-serif;
font-size:16px;
line-height:30px;
color:#575757;
}


/* hover */

/*.industry-row:hover{*/
/*transform:translateX(10px);*/
/*}*/

.industry-row:hover .industry-icon{
background:#f40345;
color:#fff;
}




/*<!--Why Choose Us Escalator Maintenance in Dubai-->*/

.safety-section{
padding:100px 0;
background:#ffffff;
}


/* HEADING */

.safety-head h2{
font-family:Inter, sans-serif;
font-size:48px;
line-height:66px;
font-weight:400;
letter-spacing:normal;
color:#212529;
margin-bottom:15px;
margin-top:85px;      /* space above heading */
animation-duration:1.5s;
}

.safety-head span{
color:#f40345;
}

.safety-head p{
font-family:Inter, sans-serif;
font-size:16px;
line-height:30px;
font-weight:400;
color:#575757;
}


/* WRAPPER */

.safety-wrapper{
max-width:850px;
margin:auto;
position:relative;
}


/* VERTICAL LINE */

.safety-wrapper::before{
content:"";
position:absolute;
left:32px;
top:0;
width:3px;
height:100%;
background:#f40345;
}


/* STEP */

.safety-step{
display:flex;
gap:30px;
margin-bottom:50px;
align-items:flex-start;
transition:0.4s;
}


/* ICON */

.safety-icon{
width:65px;
height:65px;
background:#FDC6DF;
color:#f40345;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:26px;
flex-shrink:0;
transition:0.3s;
}


/* CONTENT */

.safety-content h3{
font-family:Inter, sans-serif;
font-size:22px;
font-weight:400;
color:#212529;
margin-bottom:8px;
}

.safety-content p{
font-family:Inter, sans-serif;
font-size:16px;
line-height:30px;
color:#575757;
}


/* HOVER */

.safety-step:hover{
transform:translateX(8px);
}

.safety-step:hover .safety-icon{
background:#f40345;
color:#fff;
}



/*OTHER SERVICE*/

.service-ist {
    margin-bottom: 70px;
}




/*FAQ*/
/* FAQ SECTION */

.faq-section{
    padding:100px 0;
    background: linear-gradient(
        150deg,
        rgba(254, 232, 238, 1) 0%,
        rgba(254, 232, 238, 1) 28%,
        rgba(252, 196, 211, 1) 70%,
        rgba(249, 128, 160, 1) 100%
    );
}


/* HEADING */
.faq-head h2{
    font-family:Inter, sans-serif;
    font-size:48px;
    line-height:66px;
    font-weight:400;
    color:#212529;
    margin-bottom:15px;
}

.faq-head span{
    color:#f40345;
}

.faq-head p{
    font-family:Inter, sans-serif;
    font-size:16px;
    line-height:30px;
    color:#575757;
    max-width:750px;
    margin:auto;
    text-align:justify;
}


/* FAQ CARD */
.faq-item{
    display:flex;
    gap:18px;
    align-items:flex-start;
    padding:30px;
    border-radius:18px;
    background:#ffffff;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
    border:1px solid rgba(255,255,255,0.5);
    transition:0.3s ease;
    height:100%;
}


/* ICON */
.faq-icon{
    width:60px;
    height:60px;
    background:#FDC6DF;
    color:#f40345;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    font-size:24px;
    flex-shrink:0;
    transition:0.3s ease;
}


/* TITLE */
.faq-text h3{
    font-family:Inter, sans-serif;
    font-size:20px;
    font-weight:400;
    color:#212529;
    margin-bottom:8px;
    line-height:30px;
}


/* PARAGRAPH */
.faq-text p{
    font-family:Inter, sans-serif;
    font-size:16px;
    line-height:30px;
    color:#575757;
    text-align:justify;
}


/* HOVER EFFECT */

/*.faq-item:hover{*/
/*transform:translateY(-6px);*/
/*box-shadow:0 15px 35px rgba(0,0,0,0.08);*/
/*}*/







 /*Key Features & Types of Escalators*/
 .why-simple{
    background:#000000;
}

.why-title{
    font-size: 42px;
    line-height: 1.3;
    font-weight: 400;
    color:#ffffff;
    margin-bottom: 20px;
}

.why-title span{
    color:#f40345;
}

.why-text{
    font-size: 16px;
    line-height: 1.8;
    color:#d6d6d6;
    text-align: justify;   /* 👈 adds equal left & right alignment */
}

.why-img img{
        width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius:15px;
    box-shadow:0 15px 40px rgba(255,255,255,0.08);
}


/* TEXT: Top → Down */
.why-text-animate{
    opacity: 0;
    transform: translateY(-50px);
    animation: slideDown 1s ease forwards;
}

@keyframes slideDown{
    to{
        opacity: 1;
        transform: translateY(0);
    }
}


/* IMAGE: Bottom → Up */
.why-img-animate{
    opacity: 0;
    transform: translateY(50px);
    animation: slideUp 1s ease forwards;
    animation-delay: 0.3s; /* slight delay for better effect */
}

@keyframes slideUp{
    to{
        opacity: 1;
        transform: translateY(0);
    }
}