/* Start custom CSS for html, class: .elementor-element-b6f6b67 *//* =====================================
   EZONIFY SERVICES MAIN PAGE UI
   MATCH SERVICE DETAIL PAGES
===================================== */
.wd-heading {

    display:block !important;
    text-align:center !important;
    max-width:850px;
    margin:0 auto 50px;

}


.wd-heading span {

    display:block;

    color:#F44336;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:15px;

}



.wd-heading h1 {

    display:block;

    width:100%;

    color:#0f172a;

    font-size:48px;

    font-weight:800;

    line-height:1.2;

    margin:0 auto 20px;

}



.wd-heading p {

    display:block;

    width:100%;

    max-width:750px;

    margin:0 auto;

    color:#64748b;

    font-size:17px;

    line-height:1.7;

}

/* MAIN AREA */

.wd-page {
    background:#ffffff;
}


/* CONTAINER */

.wd-container {

    max-width:1200px;
    margin:auto;
    padding:70px 20px;

}



/* =========================
   HEADING STYLE
========================= */


.wd-heading {

    text-align:center;
    max-width:850px;
    margin:0 auto 50px;

}


.wd-heading span {

    color:#F44336;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;

}



.wd-heading h1 {

    color:#111827;
    font-size:48px;
    font-weight:800;
    line-height:1.2;
    margin:15px 0;

}



.wd-heading p {

    color:#6b7280;
    font-size:18px;
    line-height:1.7;

}





/* =========================
   SERVICE GRID
========================= */


.wd-grid {

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}






/* =========================
   SERVICE CARD
========================= */


.wd-card {

    background:#ffffff;

    border:1px solid #eeeeee;

    border-radius:22px;

    padding:35px 30px;

    min-height:320px;

    transition:.35s ease;

    position:relative;

    overflow:hidden;

    box-shadow:
    0 10px 30px rgba(0,0,0,.05);

}




.wd-card:hover {

    transform:translateY(-10px);

    border-color:#F44336;

    box-shadow:

    0 20px 45px rgba(244,67,54,.15);

}





/* RED TOP LINE */


.wd-card:before {

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;

    height:4px;

    background:#F44336;

    transform:scaleX(0);

    transition:.3s;

}



.wd-card:hover:before {

    transform:scaleX(1);

}





/* ICON */


.wd-icon {

    width:70px;

    height:70px;

    background:#fff1f1;

    border-radius:18px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:35px;

    margin-bottom:25px;

    transition:.3s;

}




.wd-card:hover .wd-icon {

    background:#F44336;

    transform:scale(1.08);

}






/* TITLE */


.wd-card h3 {

    color:#111827;

    font-size:24px;

    font-weight:700;

    margin-bottom:15px;

}





/* TEXT */


.wd-card p {

    color:#6b7280;

    font-size:15.5px;

    line-height:1.7;

}






/* BUTTON */


.wd-btn {

    display:inline-flex;

    margin-top:25px;

    background:#F44336;

    color:white !important;

    padding:12px 28px;

    border-radius:50px;

    font-weight:700;

    text-decoration:none !important;

    transition:.3s;

}




.wd-btn:hover {

    background:#d9362c;

    transform:translateY(-3px);

}






/* FILTER BUTTONS */


.service-filter {

    display:flex;

    justify-content:center;

    gap:15px;

    flex-wrap:wrap;

    margin-bottom:45px;

}



.service-filter button {

    background:white;

    border:1px solid #ddd;

    padding:12px 25px;

    border-radius:50px;

    font-weight:600;

}



.service-filter button:hover,
.service-filter button.active {

    background:#F44336;

    border-color:#F44336;

    color:white;

}


/* =====================================
   EZONIFY SERVICES CTA - LIGHT RED UI
===================================== */


.ez-final-cta {

    background:linear-gradient(
        135deg,
        #fff5f5,
        #ffe4e4
    ) !important;

    border:1px solid rgba(244,67,54,0.15);

    border-radius:25px;

    padding:80px 25px;

    margin-top:60px;

    text-align:center;

}



/* Small heading */

.ez-final-cta span {

    color:#F44336;

    font-weight:700;

    letter-spacing:2px;

    font-size:14px;

}



/* Main heading */

.ez-final-cta h2 {

    color:#111827 !important;

    font-size:42px;

    font-weight:800;

    margin:20px 0;

}



/* Description */

.ez-final-cta p {

    color:#64748b !important;

    font-size:17px;

    max-width:800px;

    margin:0 auto 30px;

    line-height:1.7;

}



/* Primary button */

.cta-primary {

    background:#F44336 !important;

    color:white !important;

    border-radius:50px;

    padding:15px 35px;

    font-weight:700;

    transition:.3s;

}



.cta-primary:hover {

    background:#d9362c !important;

    transform:translateY(-3px);

}



/* Outline button */

.cta-outline {

    border:2px solid #F44336 !important;

    color:#F44336 !important;

    background:white;

    border-radius:50px;

    padding:13px 32px;

    font-weight:700;

    transition:.3s;

}



.cta-outline:hover {

    background:#F44336;

    color:white !important;

}



/* Gap above CTA */

.wd-grid {

    margin-bottom:60px !important;

}






/* RESPONSIVE */


@media(max-width:1024px){

.wd-grid{

grid-template-columns:repeat(2,1fr);

}

}



@media(max-width:700px){

.wd-grid{

grid-template-columns:1fr;

}


.wd-heading h1{

font-size:32px;

}


.wd-container{

padding:40px 15px;

}

}
/* Space between service cards and CTA */

.wd-grid {
    margin-bottom: 60px !important;
}


/* CTA separation */

.ez-final-cta {
    margin-top: 40px !important;
}


/* Keep CTA clean */

.ez-final-cta {
    border-radius:25px;
    overflow:hidden;
}/* End custom CSS */