/* =========================================
OUR SERVICES SECTION
========================================= */

.services-section{

    padding:40px 0;

    background:
    linear-gradient(
        180deg,
        #071226 0%,
        #081830 100%
    );
}


/* =========================================
FAQ SECTION
========================================= */

.faq-section{

    padding:40px 0;

    background:
    linear-gradient(
        180deg,
        #071226 0%,
        #081830 100%
    );
}


/* HEADER */

.faq-header{

    text-align:center;

    margin-bottom:30px;
}

.faq-header span{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 24px;

    border-radius:40px;

    background:
    rgba(124,58,237,0.14);

    border:
    1px solid rgba(167,139,250,0.25);

    color:#8b5cf6;

    font-size:13px;

    font-weight:700;

    letter-spacing:4px;

    text-transform:uppercase;

    margin-bottom:24px;
}

.faq-header h2{

    font-size:46px;

    line-height:1.10;

    color:#ffffff;

    font-weight:1200;

    max-width:1200px;

    margin:auto;
}


/* CONTAINER */

.faq-container{

    max-width:1280px;

    margin:auto;

    display:flex;

    flex-direction:column;

    gap:24px;
}


/* ITEM */

.faq-item{

    padding:34px 34px;

    border-radius:26px;

    background:
    rgba(255,255,255,0.04);

    border:
    1px solid rgba(255,255,255,0.08);

    transition:0.4s ease;

    backdrop-filter:blur(14px);
}

.faq-item:hover{

    transform:
    translateY(-5px);

    border-color:
    rgba(124,58,237,0.35);

    background:
    rgba(124,58,237,0.08);

    box-shadow:
    0 20px 50px rgba(124,58,237,0.16);
}


/* QUESTION */

.faq-item h3{

    font-size:26px;

    color:#ffffff;

    font-weight:800;

    margin-bottom:18px;
}


/* ANSWER */

.faq-item p{

    font-size:17px;

    line-height:1.9;

    color:
    rgba(255,255,255,0.78);

    text-align:justify;
}


/* RESPONSIVE */

@media(max-width:768px){

    .faq-section{

        padding:80px 0;
    }

    .faq-header h2{

        font-size:36px;
    }

    .faq-item{

        padding:28px 22px;
    }

    .faq-item h3{

        font-size:22px;
    }

    .faq-item p{

        font-size:16px;
    }
}




/* SECTION HEADER */

.services-title{

    text-align:center;

    margin-bottom:40px;
}

.services-title span{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 24px;

    border-radius:40px;

    background:
    rgba(124,58,237,0.14);

    border:
    1px solid rgba(167,139,250,0.25);

    color:#8b5cf6;

    font-size:13px;

    font-weight:700;

    letter-spacing:4px;

    text-transform:uppercase;

    margin-bottom:15px;
}

.services-title h2{

    font-size:46px;

    line-height:1.10;

    color:#ffffff;

    font-weight:800;

    max-width:900px;

    margin:auto;
}


/* GRID */

.services-grid{

    display:grid;

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

    gap:30px;
}


/* CARD */

.service-card{

    padding:30px 32px;

    border-radius:30px;

    background:
    rgba(255,255,255,0.04);

    border:
    1px solid rgba(255,255,255,0.08);

    backdrop-filter:blur(14px);

    transition:0.4s ease;

    text-align:center;
}

.service-card:hover{

    transform:
    translateY(-8px);

    border-color:
    rgba(124,58,237,0.35);

    background:
    rgba(124,58,237,0.08);

    box-shadow:
    0 25px 60px rgba(124,58,237,0.16);
}


/* TITLE */

.service-card h3{

    font-size:26px;

    color:#ffffff;

    font-weight:800;

    margin-bottom:18px;

    min-height:70px;

    display:flex;

    align-items:center;

    justify-content:center;
}


/* TEXT */

.service-card p{

    font-size:17px;

    line-height:1.9;

    color:
    rgba(255,255,255,0.78);

    text-align:justify;
}


/* RESPONSIVE */

@media(max-width:1100px){

    .services-grid{

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

@media(max-width:768px){

    .services-section{

        padding:80px 0;
    }

    .services-grid{

        grid-template-columns:1fr;
    }

    .services-title h2{

        font-size:38px;
    }

    .service-card{

        padding:32px 24px;
    }

    .service-card h3{

        font-size:22px;
    }

    .service-card p{

        font-size:16px;
    }
}

/* =========================================
TRAINING DOMAIN SECTION
========================================= */

.training-domain-section{

    padding:40px 0;

    background:
    linear-gradient(
        180deg,
        #081830 0%,
        #071226 100%
    );
}


/* HEADER */

.training-domain-header{

    text-align:center;

    margin-bottom:30px;
}

.training-domain-header span{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 24px;

    border-radius:40px;

    background:
    rgba(124,58,237,0.14);

    border:
    1px solid rgba(167,139,250,0.25);

    color:#8b5cf6;

    font-size:13px;

    font-weight:700;

    letter-spacing:4px;

    text-transform:uppercase;

    margin-bottom:24px;
}

.training-domain-header h2{

    font-size:48px;

    line-height:1.10;

    color:#ffffff;

    font-weight:1150;

    max-width:850px;

    margin:auto;
}


/* GRID */

.training-domain-grid{

    display:grid;

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

    gap:20px;
}


/* CARD */

.training-domain-card{

    padding:40px 36px;

    border-radius:30px;

    background:
    rgba(255,255,255,0.04);

    border:
    1px solid rgba(255,255,255,0.08);

    backdrop-filter:blur(14px);

    transition:0.4s ease;
}

.training-domain-card:hover{

    transform:
    translateY(-8px);

    border-color:
    rgba(124,58,237,0.35);

    background:
    rgba(124,58,237,0.08);

    box-shadow:
    0 25px 60px rgba(124,58,237,0.16);
}


/* TITLE */

.training-domain-card h3{

    font-size:28px;

    color:#ffffff;

    margin-bottom:20px;

    font-weight:800;
}


/* TEXT */

.training-domain-card p{

    font-size:17px;

    line-height:1.9;

    color:
    rgba(255,255,255,0.78);

    text-align:justify;
}


/* RESPONSIVE */

@media(max-width:991px){

    .training-domain-grid{

        grid-template-columns:1fr;
    }

    .training-domain-header h2{

        font-size:40px;
    }
}


@media(max-width:768px){

    .training-domain-section{

        padding:80px 0;
    }

    .training-domain-card{

        padding:32px 24px;
    }

    .training-domain-card h3{

        font-size:24px;
    }

    .training-domain-card p{

        font-size:16px;
    }
}

/* =========================================
EXPERTISE SECTION
========================================= */

.expertise-section{

    padding:40px 0;

    background:
    linear-gradient(
        180deg,
        #08152d 0%,
        #071226 100%
    );
}


/* HEADER */

.expertise-header{

    text-align:center;

    max-width:1150px;

    margin:auto;

    margin-bottom:40px;
}

.expertise-header span{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 24px;

    border-radius:40px;

    background:
    rgba(124,58,237,0.14);

    border:
    1px solid rgba(167,139,250,0.25);

    color:#8b5cf6;

    font-size:13px;

    font-weight:700;

    letter-spacing:4px;

    text-transform:uppercase;

    margin-bottom:24px;
}

.expertise-header h2{

    font-size:46px;

    line-height:1.18;

    color:#ffffff;

    font-weight:800;
}


/* GRID */

.expertise-grid{

    display:grid;

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

    gap:36px;
}


/* CARD */

.expertise-profile-card{

    padding:46px 40px;

    border-radius:32px;

    background:
    rgba(255,255,255,0.04);

    border:
    1px solid rgba(255,255,255,0.08);

    backdrop-filter:blur(14px);

    transition:0.4s ease;
}


/* TOP CONTENT CENTER */

.expertise-badge,
.expertise-profile-card h3,
.expertise-profile-card h4{

    text-align:center;

    margin-left:auto;

    margin-right:auto;
}



.expertise-profile-card:hover{

    transform:
    translateY(-8px);

    border-color:
    rgba(124,58,237,0.35);

    background:
    rgba(124,58,237,0.08);

    box-shadow:
    0 25px 60px rgba(124,58,237,0.16);
}


/* BADGE */

.expertise-badge{

    display:inline-flex;
    
    width:fit-content;

    align-items:center;

    justify-content:center;

    padding:10px 22px;

    border-radius:40px;

    background:
    linear-gradient(
        135deg,
        #7c3aed,
        #5b21b6
    );

    color:#ffffff;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:28px;
}


/* NAME */

.expertise-profile-card h3{

    font-size:38px;

    color:#ffffff;

    font-weight:800;

    margin-bottom:14px;
}


/* DESIGNATION */

.expertise-profile-card h4{

    font-size:22px;

    line-height:1.5;

    color:#a78bfa;

    font-weight:700;

    margin-bottom:26px;
}


/* TEXT */

.expertise-profile-card p{

    font-size:17px;

    line-height:1.9;

    color:
    rgba(255,255,255,0.78);

    text-align:justify;

    margin-bottom:22px;
}


/* RESPONSIVE */

@media(max-width:991px){

    .expertise-grid{

        grid-template-columns:1fr;
    }
}


@media(max-width:768px){

    .expertise-section{

        padding:80px 0;
    }

    .expertise-header h2{

        font-size:34px;
    }

    .expertise-profile-card{

        padding:34px 24px;
    }

    .expertise-profile-card h3{

        font-size:30px;
    }

    .expertise-profile-card h4{

        font-size:20px;
    }

    .expertise-profile-card p{

        font-size:16px;
    }
}

/* =========================================
METHODOLOGY SECTION
========================================= */

.methodology-section{

    padding:40px 0;

    background:
    linear-gradient(
        180deg,
        #071226 0%,
        #081830 100%
    );
}


/* HEADER */

.methodology-header{

    text-align:center;

    max-width:1150px;

    margin:auto;

    margin-bottom:40px;
}

.methodology-header span{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 24px;

    border-radius:40px;

    background:
    rgba(124,58,237,0.14);

    border:
    1px solid rgba(167,139,250,0.25);

    color:#8b5cf6;

    font-size:13px;

    font-weight:700;

    letter-spacing:4px;

    text-transform:uppercase;

    margin-bottom:24px;
}

.methodology-header h2{

    font-size:46px;

    line-height:1.18;

    color:#ffffff;

    font-weight:800;

    margin-bottom:28px;
}

.methodology-header p{

    font-size:18px;

    line-height:1.9;

    color:
    rgba(255,255,255,0.78);
}


/* GRID */

.methodology-grid{

    display:grid;

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

    gap:32px;
}


/* CARD */

.methodology-card{

    padding:42px 36px;

    border-radius:30px;

    background:
    rgba(255,255,255,0.04);

    border:
    1px solid rgba(255,255,255,0.08);

    transition:0.4s ease;

    backdrop-filter:blur(14px);

    text-align:center;

    display:flex;

    flex-direction:column;

    align-items:center;
}

.methodology-card:hover{

    transform:
    translateY(-8px);

    border-color:
    rgba(124,58,237,0.35);

    background:
    rgba(124,58,237,0.08);

    box-shadow:
    0 25px 60px rgba(124,58,237,0.16);
}


/* NUMBER */

.methodology-number{

    width:70px;

    height:70px;
    
    margin-left:auto;

    margin-right:auto;

    border-radius:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:
    linear-gradient(
        135deg,
        #7c3aed,
        #5b21b6
    );

    color:#ffffff;

    font-size:24px;

    font-weight:800;

    margin-bottom:28px;
}


/* TITLE */

.methodology-card h3{

    font-size:28px;

    color:#ffffff;

    font-weight:800;

    margin-bottom:22px;
}


/* TEXT */

.methodology-card p{

    font-size:17px;

    line-height:1.9;

    color:
    rgba(255,255,255,0.78);

    text-align:justify;
}


/* RESPONSIVE */

@media(max-width:991px){

    .methodology-grid{

        grid-template-columns:1fr;
    }
}


@media(max-width:768px){

    .methodology-section{

        padding:80px 0;
    }

    .methodology-header h2{

        font-size:34px;
    }

    .methodology-card{

        padding:34px 24px;
    }

    .methodology-card h3{

        font-size:24px;
    }

    .methodology-card p{

        font-size:16px;
    }
}






/* =========================================
INDUSTRIES SECTION
========================================= */

.industries-section{

    padding:40px 0;

    background:
    linear-gradient(
        180deg,
        #071226 0%,
        #081830 100%
    );
}


/* HEADER */

.industries-header{

    text-align:center;

    max-width:1150px;

    margin:auto;

    margin-bottom:30px;
}

.industries-header span{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 24px;

    border-radius:40px;

    background:
    rgba(124,58,237,0.14);

    border:
    1px solid rgba(167,139,250,0.25);

    color:#8b5cf6;

    font-size:13px;

    font-weight:700;

    letter-spacing:4px;

    text-transform:uppercase;

    margin-bottom:24px;
}

.industries-header h2{

    font-size:52px;

    line-height:1.15;

    color:#ffffff;

    font-weight:800;

    margin-bottom:28px;
}

.industries-header p{

    font-size:18px;

    line-height:1.9;

    color:
    rgba(255,255,255,0.78);

    text-align:center;
}


/* GRID */

.industries-grid{

    display:grid;

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

    gap:24px;
}


/* ITEM */

.industry-item{

    padding:30px 24px;

    border-radius:24px;

    background:
    rgba(255,255,255,0.04);

    border:
    1px solid rgba(255,255,255,0.08);

    color:#ffffff;

    font-size:18px;

    font-weight:700;

    text-align:center;

    transition:0.4s ease;

    backdrop-filter:blur(12px);

    display:flex;

    align-items:center;

    justify-content:center;

    min-height:130px;
}

.industry-item:hover{

    transform:
    translateY(-6px);

    border-color:
    rgba(124,58,237,0.35);

    background:
    rgba(124,58,237,0.08);

    box-shadow:
    0 20px 50px rgba(124,58,237,0.16);
}


/* RESPONSIVE */

@media(max-width:1100px){

    .industries-grid{

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


@media(max-width:768px){

    .industries-section{

        padding:80px 0;
    }

    .industries-grid{

        grid-template-columns:1fr;
    }

    .industries-header h2{

        font-size:38px;
    }

    .industry-item{

        min-height:110px;

        font-size:17px;
    }
}

/* =========================================
WHY BENEVO SECTION
========================================= */

.why-benevo-section{

    padding:40px 0;

    background:
    linear-gradient(
        180deg,
        #081830 0%,
        #071226 100%
    );
}


/* HEADER */

.why-benevo-header{

    text-align:center;

    max-width:1150px;

    margin:auto;

    margin-bottom:30px;
}

.why-benevo-header span{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 24px;

    border-radius:40px;

    background:
    rgba(124,58,237,0.14);

    border:
    1px solid rgba(167,139,250,0.25);

    color:#8b5cf6;

    font-size:13px;

    font-weight:700;

    letter-spacing:4px;

    text-transform:uppercase;

    margin-bottom:24px;
}

.why-benevo-header h2{

    font-size:46px;

    line-height:1.150;

    color:#ffffff;

    font-weight:800;

    margin-bottom:28px;
}

.why-benevo-header p{

    font-size:18px;

    line-height:1.9;

    color:
    rgba(255,255,255,0.78);

    text-align:center;
}


/* GRID */

.why-benevo-grid{

    display:grid;

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

    gap:30px;
}


/* CARD */

.why-benevo-card{

    padding:42px 36px;

    border-radius:30px;

    background:
    rgba(255,255,255,0.04);

    border:
    1px solid rgba(255,255,255,0.08);

    transition:0.4s ease;

    backdrop-filter:blur(14px);
}

.why-benevo-card:hover{

    transform:
    translateY(-8px);

    border-color:
    rgba(124,58,237,0.35);

    background:
    rgba(124,58,237,0.08);

    box-shadow:
    0 25px 60px rgba(124,58,237,0.16);
}


/* TITLE */

.why-benevo-card h3{

    font-size:28px;

    color:#ffffff;

    font-weight:800;

    margin-bottom:22px;
}


/* TEXT */

.why-benevo-card p{

    font-size:17px;

    line-height:1.9;

    color:
    rgba(255,255,255,0.78);

    text-align:justify;
}


/* RESPONSIVE */

@media(max-width:991px){

    .why-benevo-grid{

        grid-template-columns:1fr;
    }

    .why-benevo-header h2{

        font-size:40px;
    }
}


@media(max-width:768px){

    .why-benevo-section{

        padding:80px 0;
    }

    .why-benevo-card{

        padding:34px 24px;
    }

    .why-benevo-card h3{

        font-size:24px;
    }

    .why-benevo-card p{

        font-size:16px;
    }
}


/* =========================================
CLIENT EXPERIENCE SECTION
========================================= */

.client-experience-section{

    padding:40px 0;

    background:
    linear-gradient(
        180deg,
        #081830 0%,
        #071226 100%
    );
}


/* HEADER */

.client-experience-header{

    text-align:center;

    max-width:1150px;

    margin:auto;

    margin-bottom:30px;
}

.client-experience-header span{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 24px;

    border-radius:40px;

    background:
    rgba(124,58,237,0.14);

    border:
    1px solid rgba(167,139,250,0.25);

    color:#8b5cf6;

    font-size:13px;

    font-weight:700;

    letter-spacing:4px;

    text-transform:uppercase;

    margin-bottom:24px;
}

.client-experience-header h2{

    font-size:46px;

    line-height:1.1;

    color:#ffffff;

    font-weight:800;

    margin-bottom:28px;
}

.client-experience-header p{

    font-size:18px;

    line-height:1.9;

    color:
    rgba(255,255,255,0.78);
}


/* GRID */

.client-experience-grid{

    display:grid;

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

    gap:24px;
}


/* ITEM */

.client-item{

    padding:28px 22px;

    border-radius:24px;

    background:
    rgba(255,255,255,0.04);

    border:
    1px solid rgba(255,255,255,0.08);

    color:#ffffff;

    font-size:17px;

    font-weight:700;

    text-align:center;

    transition:0.4s ease;

    backdrop-filter:blur(12px);

    display:flex;

    align-items:center;

    justify-content:center;

    min-height:120px;
}

.client-item:hover{

    transform:
    translateY(-6px);

    border-color:
    rgba(124,58,237,0.35);

    background:
    rgba(124,58,237,0.08);

    box-shadow:
    0 20px 50px rgba(124,58,237,0.16);
}


/* RESPONSIVE */

@media(max-width:1100px){

    .client-experience-grid{

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


@media(max-width:768px){

    .client-experience-section{

        padding:80px 0;
    }

    .client-experience-grid{

        grid-template-columns:1fr;
    }

    .client-experience-header h2{

        font-size:38px;
    }

    .client-item{

        min-height:100px;

        font-size:16px;
    }
}



/* =========================================
GLOBAL MOBILE & LAYOUT FIX
========================================= */

/* UNIVERSAL SECTION FIX */

section{

    position:relative;

    overflow:hidden;
}


/* EQUAL CARD HEIGHTS */

.service-card,
.training-domain-card,
.why-benevo-card,
.expertise-profile-card,
.faq-item{

    height:100%;
}


/* =========================================
MOBILE RESPONSIVE FIX
========================================= */

@media(max-width:768px){

    /* HERO */

    .hero-title{

        font-size:42px;

        line-height:1.2;
    }

    .hero-text{

        font-size:16px;

        line-height:1.8;
    }

    .hero-buttons{

        flex-direction:column;

        align-items:flex-start;

        gap:16px;
    }

    .hero-buttons a{

        width:100%;
    }


    /* GLOBAL HEADINGS */

    h2{

        font-size:34px !important;

        line-height:1.25 !important;
    }


    /* GLOBAL TEXT */

    p{

        font-size:16px !important;
    }


    /* CARD PADDING */

    .service-card,
    .training-domain-card,
    .why-benevo-card,
    .expertise-profile-card,
    .faq-item,
    .client-item,
    .industry-item{

        padding:28px 22px;
    }


    /* CTA */

    .services-primary-btn,
    .services-whatsapp-btn{

        width:100%;
    }
}


/* =========================================
GLOBAL H2 SIZE
========================================= */

.services-section h2,
.training-domain-section h2,
.expertise-section h2,
.industries-section h2,
.why-benevo-section h2,
.client-experience-section h2,
.faq-section h2,
.services-cta-section h2{

    font-size:46px !important;

    line-height:1.14;
}

@media(max-width:768px){

    .services-section h2,
    .training-domain-section h2,
    .expertise-section h2,
    .industries-section h2,
    .why-benevo-section h2,
    .client-experience-section h2,
    .faq-section h2,
    .services-cta-section h2{

        font-size:34px !important;
    }
}



/* =========================================
PREMIUM VISUAL POLISH
========================================= */


/* SMOOTH SCROLL */

html{

    scroll-behavior:smooth;
}


/* SECTION GLOW */

section::before{

    content:"";

    position:absolute;

    width:400px;

    height:400px;

    border-radius:50%;

    background:
    rgba(124,58,237,0.08);

    filter:blur(120px);

    top:-120px;

    right:-120px;

    z-index:0;

    pointer-events:none;
}


/* CONTENT ABOVE GLOW */

section .container{

    position:relative;

    z-index:2;
}


/* GLOBAL CARD HOVER */

.service-card,
.training-domain-card,
.expertise-profile-card,
.methodology-card,
.why-benevo-card,
.client-item,
.industry-item,
.faq-item{

    transition:
    transform 0.4s ease,
    box-shadow 0.4s ease,
    border-color 0.4s ease,
    background 0.4s ease;
}

.service-card:hover,
.training-domain-card:hover,
.expertise-profile-card:hover,
.methodology-card:hover,
.why-benevo-card:hover,
.client-item:hover,
.industry-item:hover,
.faq-item:hover{

    transform:
    translateY(-8px);

    border-color:
    rgba(124,58,237,0.35);

    box-shadow:
    0 25px 60px rgba(124,58,237,0.16);
}


/* BUTTON ANIMATION */

.services-primary-btn,
.services-whatsapp-btn{

    transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    background 0.35s ease;
}

.services-primary-btn:hover,
.services-whatsapp-btn:hover{

    transform:
    translateY(-5px);

    box-shadow:
    0 15px 40px rgba(0,0,0,0.2);
}


/* CUSTOM SCROLLBAR */

::-webkit-scrollbar{

    width:10px;
}

::-webkit-scrollbar-track{

    background:#071226;
}

::-webkit-scrollbar-thumb{

    background:
    linear-gradient(
        180deg,
        #7c3aed,
        #5b21b6
    );

    border-radius:20px;
}

::-webkit-scrollbar-thumb:hover{

    background:
    linear-gradient(
        180deg,
        #8b5cf6,
        #6d28d9
    );
}