.elementor-33820 .elementor-element.elementor-element-b004364{--display:flex;}/* Start custom CSS for html, class: .elementor-element-0314724 *//* Service Cards Hover Effect */

.card{
    transition: all 0.35s ease;
    cursor: pointer;
}

.card:hover{
    transform: scale(1.03);   /* 3% larger (0.3px is too small to notice) */
    background: #f57c00;
    color: #ffffff;
    box-shadow: 0 15px 35px rgba(245,124,0,0.35);
}

.card:hover h3{
    color: #ffffff;
}

.card:hover i{
    color: #ffffff;
}
/*========================================
    HEADING ANIMATION + ORANGE UNDERLINE
========================================*/

/* Headings */

.hero h1,
.service h2,
.why h2,
.cta h2{
    position: relative;
    display: inline-block;
    color: #000000;
    padding-bottom: 12px;

    opacity: 0;
    transform: translateY(40px);
    animation: fadeUp 0.8s ease forwards;
}

/* Animation Delay */

.hero h1{
    animation-delay: .2s;
}

.service h2{
    animation-delay: .4s;
}

.why h2{
    animation-delay: .6s;
}

.cta h2{
    animation-delay: .8s;
}

/* Hero Underline (Centered) */

.hero h1::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;

    width: 0;
    height: 4px;

    background: #f57c00;
    border-radius: 50px;

    transform: translateX(-50%);
    animation: underlineGrow .8s ease forwards;
    animation-delay: 1s;
}

/* Other Headings */

.service h2::after,
.why h2::after,
.cta h2::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;

    width: 0;
    height: 4px;

    background: #f57c00;
    border-radius: 50px;

    animation: underlineGrow .8s ease forwards;
    animation-delay: 1s;
}
/* Fade Up */

@keyframes fadeUp{

    from{
        opacity:0;
        transform:translateY(40px);
    }

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

}

/* Underline Animation */

@keyframes underlineGrow{

    from{
        width:0;
    }

    to{
        width:20%;
    }

}/* End custom CSS */
/* Start custom CSS *//* ===========================
   SERVICES PAGE
=========================== */

.services-page{
    max-width:1200px;
    margin:auto;
    padding:60px 20px;
}

/* Hero */

.services-hero{
    background:linear-gradient(135deg,#0b5ea8,#2b8cff);
    border-radius:20px;
    padding:90px 50px;
    color:#fff;
    text-align:center;
    overflow:hidden;
}

.services-hero h1{
    font-size:52px;
    font-weight:700;
    margin-bottom:20px;
}

.services-hero p{
    font-size:18px;
    max-width:750px;
    margin:auto;
    opacity:.95;
}

.service-btn{
    display:inline-block;
    margin-top:35px;
    padding:15px 35px;
    background:#fff;
    color:#0b5ea8;
    border-radius:40px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.service-btn:hover{
    transform:translateY(-3px);
}

/* Cards */

.services-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:30px;
    margin:70px 0;
}

.service-card{
    background:#fff;
    border-radius:20px;
    padding:35px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
    text-align:center;
}

.service-card:hover{
    transform:translateY(-8px);
}

.service-card img{
    width:85px;
    height:85px;
    object-fit:cover;
    border-radius:50%;
    margin-bottom:20px;
}

.service-card h3{
    color:#0b5ea8;
    margin-bottom:15px;
}

/* Service Sections */

.service-section{
    display:flex;
    align-items:center;
    gap:70px;
    margin:90px 0;
}

.service-section:nth-child(even){
    flex-direction:row-reverse;
}

.service-section img{
    width:48%;
    border-radius:18px;
    box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.service-content{
    width:52%;
}

.service-content h2{
    color:#0b5ea8;
    font-size:36px;
    margin-bottom:20px;
}

.service-content p{
    color:#666;
    line-height:1.8;
}

.service-content ul{
    margin-top:20px;
}

.service-content li{
    margin-bottom:12px;
}

/* Why Choose */

.why-us{
    background:#f7fbff;
    padding:70px;
    border-radius:20px;
    margin:80px 0;
}

.why-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.why-box{
    text-align:center;
}

.why-box i{
    color:#0b5ea8;
    font-size:45px;
}

/* CTA */

.book-section{
    background:#0b5ea8;
    color:#fff;
    text-align:center;
    padding:70px;
    border-radius:20px;
}

.book-section a{
    display:inline-block;
    background:#fff;
    color:#0b5ea8;
    padding:15px 40px;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    margin-top:25px;
}

/* Responsive */

@media(max-width:991px){

.service-section{
flex-direction:column;
}

.service-section:nth-child(even){
flex-direction:column;
}

.service-section img,
.service-content{
width:100%;
}

.services-hero h1{
font-size:36px;
}

.why-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:600px){

.why-grid{
grid-template-columns:1fr;
}

.services-hero{
padding:60px 25px;
}

}/* End custom CSS */