.elementor-157 .elementor-element.elementor-element-a020c05{width:var( --container-widget-width, 104.391% );max-width:104.391%;--container-widget-width:104.391%;--container-widget-flex-grow:0;}.elementor-157 .elementor-element.elementor-element-a020c05.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-157 .elementor-element.elementor-element-0115f4c > .elementor-widget-container{margin:12px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-157 .elementor-element.elementor-element-0115f4c{text-align:start;font-family:"Inter", Sans-serif;font-size:25px;font-weight:600;line-height:43px;color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-157 .elementor-element.elementor-element-c5d511d{width:var( --container-widget-width, 98.405% );max-width:98.405%;--container-widget-width:98.405%;--container-widget-flex-grow:0;z-index:1;text-align:center;}.elementor-157 .elementor-element.elementor-element-c5d511d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-157 .elementor-element.elementor-element-c5d511d > .elementor-widget-container{box-shadow:0px 0px 60px 20px #041D17;}.elementor-157 .elementor-element.elementor-element-c5d511d img{width:100%;max-width:100%;border-radius:4px 4px 4px 4px;box-shadow:0px 0px 100px 0px rgba(0, 0, 0, 0.5);}.elementor-157 .elementor-element.elementor-element-609d929 > .elementor-widget-container{background-color:#F5F1E8;}.elementor-157 .elementor-element.elementor-element-8f48192 > .elementor-widget-container{background-color:#F5F1E8;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-157 .elementor-element.elementor-element-a020c05 > .elementor-widget-container{margin:373px 0px 0px 0px;}.elementor-157 .elementor-element.elementor-element-0115f4c{text-align:center;font-size:20px;}.elementor-157 .elementor-element.elementor-element-44b013a > .elementor-widget-container{margin:-36px -6px -6px -6px;}}/* Start custom CSS for html, class: .elementor-element-609d929 *//* ==========================================
   GLOBAL
========================================== */

*,
*::before,
*::after{
    box-sizing:border-box;
}

img{
    max-width:100%;
    height:auto;
}

/* ==========================================
   MY STORY SECTION
========================================== */

.story-section{

    width:100%;
    max-width:1400px;

    margin:0 auto;
    padding:60px 20px;

    display:flex;
    align-items:center;
    gap:60px;
}

/* ==========================================
   LEFT IMAGE
========================================== */

.story-image{
    flex:1;
    min-width:0;
}

.story-image img{

    width:100%;
    display:block;

    border-radius:24px;

    object-fit:cover;

    box-shadow:
    0 25px 50px rgba(0,0,0,.15);
}

/* ==========================================
   RIGHT CONTENT
========================================== */

.story-content{
    flex:1.4;
    min-width:0;
}

.story-tag{

    font-size:14px;
    font-weight:700;

    letter-spacing:3px;
    text-transform:uppercase;

    color:#D4A84F;

    margin-bottom:15px;
}

/* FIXED RESPONSIVE HEADING */

.story-title{

    font-size:clamp(32px, 4vw, 52px);

    line-height:1.15;

    font-weight:700;

    color:#111111;

    margin-bottom:18px;
}

.story-divider{

    width:60px;
    height:3px;

    background:#D4A84F;

    border-radius:50px;

    margin-bottom:25px;
}

.story-text{

    font-size:17px;
    line-height:1.9;

    color:#4A4A4A;

    margin-bottom:20px;
}

/* ==========================================
   FEATURE CARDS
========================================== */

.story-cards{

    display:flex;
    flex-wrap:wrap;

    gap:15px;

    margin-top:35px;
}

.story-card{

    width:125px;
    height:115px;

    background:#002D26;

    border:1px solid rgba(255,255,255,.08);

    border-radius:18px;

    display:flex;
    flex-direction:column;

    justify-content:center;
    align-items:center;

    text-align:center;

    cursor:pointer;

    position:relative;
    overflow:hidden;

    transition:all .35s ease;
}

.story-card::before{

    content:"";

    position:absolute;

    top:0;
    left:-100%;

    width:100%;
    height:100%;

    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.12),
        transparent
    );

    transition:.6s ease;
}

.story-card:hover::before{
    left:100%;
}

.story-card img{

    width:34px;
    height:34px;

    object-fit:contain;

    margin-bottom:10px;

    transition:.35s ease;
}

.story-card h4{

    color:#ffffff;

    font-size:13px;
    line-height:1.4;
    font-weight:600;

    margin:0;
    padding:0 8px;

    transition:.35s ease;
}

.story-card:hover{

    background:linear-gradient(
        135deg,
        #E0B45A,
        #C8962D
    );

    transform:
    translateY(-6px)
    scale(1.02);

    box-shadow:
    0 12px 25px rgba(212,168,79,.30);
}

.story-card:hover h4{
    color:#00211C;
}

.story-card:hover img{
    transform:scale(1.1);
}

/* ==========================================
   TABLET
========================================== */

@media (max-width:1024px){

    .story-section{

        flex-direction:column;

        gap:40px;
    }

    .story-image,
    .story-content{
        width:100%;
    }

    .story-cards{
        justify-content:center;
    }
}

/* ==========================================
   MOBILE
========================================== */

@media (max-width:767px){

    .story-section{
        padding:40px 15px;
    }

    .story-text{
        font-size:16px;
    }

    .story-cards{
        justify-content:center;
    }

    .story-card{
        width:140px;
    }
}

/* ==========================================
   SMALL MOBILE
========================================== */

@media (max-width:480px){

    .story-card{
        width:calc(50% - 8px);
        min-width:140px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f0df7d *//* ==========================================
   IMPACT SECTION WRAPPER
========================================== */

.ssr-impact{

    width:100%;

    margin:60px 0;

    padding:45px 50px;

    border-radius:24px;

    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #002520 0%,
        #003830 100%
    );
}


/* ==========================================
   FLEX WRAPPER
========================================== */

.ssr-impact-inner{

    display:flex;

    align-items:stretch;

    justify-content:space-between;

    flex-wrap:nowrap;
}


/* ==========================================
   INDIVIDUAL CARD
========================================== */

.ssr-impact-item{

    flex:1 1 0;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;

    padding:20px 15px;

    border-radius:16px;

    /* --------------------------------------
       GOLD GRADIENT CARD
       Change these colors if needed
    -------------------------------------- */

    background:
    linear-gradient(
        135deg,
        #C9972F 0%,
        #D8AA45 40%,
        #E7BF65 100%
    );

    /* --------------------------------------
       CARD SHADOW
    -------------------------------------- */

    box-shadow:
    0 8px 25px rgba(0,0,0,.15);

    cursor:default;

    transition:
    background .35s ease,
    transform .35s ease,
    color .35s ease,
    box-shadow .35s ease;
}


/* ==========================================
   CARD HOVER
========================================== */

.ssr-impact-item:hover{

    background:#FFFFFF;

    transform:translateY(-4px);

    box-shadow:
    0 15px 35px rgba(0,0,0,.20);
}


/* ==========================================
   MAIN NUMBER
========================================== */

.ssr-impact-number{

    font-size:52px;

    font-weight:800;

    line-height:1;

    letter-spacing:-1px;

    color:#FFFFFF;

    margin-bottom:12px;

    transition:color .35s ease;
}


/* ==========================================
   PLUS SIGN
========================================== */

.ssr-impact-plus{

    font-size:28px;

    font-weight:700;

    color:#FFFFFF;

    transition:color .35s ease;
}


/* ==========================================
   LABEL
========================================== */

.ssr-impact-label{

    font-size:13px;

    font-weight:600;

    line-height:1.5;

    color:#FFFFFF;

    text-transform:uppercase;

    letter-spacing:.6px;

    max-width:160px;

    transition:color .35s ease;
}


/* ==========================================
   HOVER TEXT COLOR
========================================== */

.ssr-impact-item:hover .ssr-impact-number,
.ssr-impact-item:hover .ssr-impact-plus,
.ssr-impact-item:hover .ssr-impact-label{

    color:#002520;
}


/* ==========================================
   DIVIDERS
========================================== */

.ssr-impact-divider{

    width:1px;

    align-self:stretch;

    background:rgba(216,170,69,.35);

    margin:0 10px;

    flex-shrink:0;
}


/* ==========================================
   TABLET VIEW
========================================== */

@media (max-width:1024px){

    .ssr-impact{

        padding:35px 25px;
    }

    .ssr-impact-inner{

        flex-wrap:wrap;

        gap:15px;
    }

    .ssr-impact-divider{

        display:none;
    }

    .ssr-impact-item{

        flex:1 1 calc(33.33% - 15px);
    }

    .ssr-impact-number{

        font-size:42px;
    }

    .ssr-impact-plus{

        font-size:24px;
    }
}


/* ==========================================
   MOBILE VIEW
========================================== */

@media (max-width:767px){

    .ssr-impact{

        padding:25px 20px;

        margin:40px 0;
    }

    .ssr-impact-inner{

        display:grid;

        grid-template-columns:1fr 1fr;

        gap:12px;
    }

    .ssr-impact-divider{

        display:none;
    }

    .ssr-impact-item{

        padding:18px 10px;
    }

    .ssr-impact-number{

        font-size:32px;
    }

    .ssr-impact-plus{

        font-size:20px;
    }

    .ssr-impact-label{

        font-size:11px;

        max-width:100%;
    }

    /* --------------------------------------
       LAST CARD FULL WIDTH ON MOBILE
    -------------------------------------- */

    .ssr-impact-item:last-child{

        grid-column:1 / -1;
    }
}


/* ==========================================
   QUICK CUSTOMIZATION GUIDE

   CARD HEIGHT:
   Change:
   padding:20px 15px;

   Larger:
   padding:30px 20px;

   Smaller:
   padding:15px 10px;


   NUMBER SIZE:
   Change:
   font-size:52px;


   CARD ROUNDNESS:
   Change:
   border-radius:16px;


   GOLD COLORS:
   Change:
   #C9972F
   #D8AA45
   #E7BF65

========================================== *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-74b1f84 *//* ==========================================
   MISSION & VISION SECTION
========================================== */

.mission-vision-section{
    display:flex;
    gap:25px;
    margin:60px 0;
}

.mv-card{

    flex:1;

    background:
    linear-gradient(
        135deg,
        #003D33,
        #00261F
    );

    border-radius:30px;

    padding:35px;

    display:flex;
    gap:25px;

    align-items:flex-start;

    box-shadow:
    0 20px 40px rgba(0,0,0,.12);

    position:relative;

    overflow:hidden;
}

.mv-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:
    radial-gradient(
        circle at top right,
        rgba(212,168,79,.08),
        transparent 45%
    );

    pointer-events:none;
}

/* ==========================================
   ICON
========================================== */

.mv-icon{

    width:90px;
    height:90px;

    min-width:90px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(212,168,79,.18),
        rgba(212,168,79,.08)
    );

    border:1px solid rgba(212,168,79,.20);

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:38px;
}

/* ==========================================
   CONTENT
========================================== */

.mv-content{
    flex:1;
}

.mv-tag{

    color:#D4A84F;

    font-size:14px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:12px;

    display:flex;
    align-items:center;
    gap:12px;
}

.mv-tag::after{

    content:"";

    width:70px;
    height:2px;

    background:#D4A84F;

    opacity:.5;
}

.mv-content h3{

    color:#ffffff;

    font-size:28px;

    line-height:1.4;

    margin:0 0 20px;
}

.mv-content ul{

    margin:0;
    padding-left:20px;
}

.mv-content li{

    color:rgba(255,255,255,.92);

    line-height:1.9;

    margin-bottom:10px;

    font-size:17px;
}

.mv-content li::marker{
    color:#D4A84F;
}

/* ==========================================
   RESPONSIVE
========================================== */

@media(max-width:1024px){

    .mission-vision-section{
        flex-direction:column;
    }
}

@media(max-width:767px){

    .mv-card{
        flex-direction:column;
        text-align:left;
    }

    .mv-content h3{
        font-size:22px;
    }

    .mv-icon{
        width:75px;
        height:75px;
        min-width:75px;
        font-size:30px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0334ebc *//* ==================================================
   QUALIFICATIONS SECTION WRAPPER
   ================================================== */

.qualifications-wrapper{

    /* Top & Bottom Space Around Entire Section */
    /*
    60px = Compact
    80px = Recommended
    100px = Spacious
    */
    padding:80px 0;
}


/* ==================================================
   SECTION HEADING AREA
   ================================================== */

.section-heading{

    /* Center Align Heading Content */
    text-align:center;

    /* Maximum Width Of Heading Area */
    /*
    600px = Narrow
    800px = Recommended
    1000px = Wide
    */
    max-width:800px;

    /* Space Below Heading Before Cards Start */
    margin:0 auto 60px;
}


/* ==================================================
   SMALL GOLD LABEL
   MY QUALIFICATIONS
   ================================================== */

.section-tag{

    display:block;

    color:#D4A84F;

    /* Label Font Size */
    /*
    12px = Small
    14px = Recommended
    16px = Large
    */
    font-size:14px;

    font-weight:700;

    /* Space Between Letters */
    /*
    2px = Normal
    3px = Recommended
    5px = Premium Style
    */
    letter-spacing:3px;

    text-transform:uppercase;

    /* Space Below Label */
    margin-bottom:15px;
}


/* ==================================================
   MAIN HEADING
   Education, Certifications & Training
   ================================================== */

.section-heading h2{

    /* Main Heading Size */
    /*
    58px = Huge
    52px = Recommended
    48px = Medium
    42px = Compact
    */
    font-size:52px;

    /* Line Spacing Between Heading Lines */
    /*
    1.1 = Tight
    1.2 = Recommended
    1.4 = Spacious
    */
    line-height:1.2;

    /* Space Below Heading */
    margin-bottom:15px;

    /* Dark Green Brand Color */
    color:#002D26;

    font-weight:700;
}


/* ==================================================
   HEADING DESCRIPTION
   ================================================== */

.section-heading p{

    /* Description Text Size */
    /*
    16px = Small
    18px = Recommended
    20px = Large
    */
    font-size:18px;

    /* Line Height */
    line-height:1.8;

    color:#666666;
}


/* ==================================================
   QUALIFICATIONS GRID
   ================================================== */

.qualifications-grid{

    display:grid;

    /* Number Of Columns */
    /*
    repeat(3,1fr) = 3 Cards Per Row
    repeat(4,1fr) = 4 Cards Per Row
    repeat(2,1fr) = 2 Cards Per Row
    */
    grid-template-columns:repeat(3,1fr);

    /* Space Between Cards */
    /*
    20px = Compact
    30px = Recommended
    40px = Spacious
    */
    gap:30px;
}


/* ==================================================
   INDIVIDUAL CARD
   ================================================== */

.qualification-card{

    background:#ffffff;

    /* Card Corner Roundness */
    /*
    16px = Normal
    24px = Recommended
    30px = More Premium
    */
    border-radius:24px;

    overflow:hidden;

    /* Card Shadow */
    box-shadow:
    0 10px 30px rgba(0,0,0,.06);

    transition:.35s ease;
}


/* ==================================================
   CARD HOVER EFFECT
   ================================================== */

.qualification-card:hover{

    /* Lift Card Up */
    /*
    -5px = Small Lift
    -10px = Recommended
    -15px = Strong Lift
    */
    transform:translateY(-10px);

    box-shadow:
    0 20px 40px rgba(0,0,0,.12);
}


/* ==================================================
   CARD IMAGE
   ================================================== */

.qualification-card img{

    width:100%;

    /* Image Height */
    /*
    150px = Small
    200px = Recommended
    250px = Large
    */
    height:200px;

    object-fit:cover;

    display:block;
}


/* ==================================================
   COURSE TITLE
   ================================================== */

.qualification-card h3{

    /* Title Font Size */
    /*
    18px = Small
    22px = Recommended
    26px = Large
    */
    font-size:22px;

    line-height:1.4;

    color:#002D26;

    /* Padding Around Title */
    padding:20px 20px 10px;

    margin:0;
}


/* ==================================================
   COURSE DESCRIPTION
   ================================================== */

.qualification-card p{

    /* Description Font Size */
    /*
    14px = Compact
    15px = Recommended
    16px = Large
    */
    font-size:15px;

    line-height:1.8;

    color:#666666;

    /* Padding Around Description */
    padding:0 20px 25px;

    margin:0;
}


/* ==================================================
   TABLET VIEW
   ================================================== */

@media(max-width:1024px){

    .qualifications-grid{

        /* Tablet Layout */
        /*
        2 Cards Per Row
        */
        grid-template-columns:repeat(2,1fr);
    }

    .section-heading h2{

        /* Smaller Heading On Tablet */
        font-size:42px;
    }
}


/* ==================================================
   MOBILE VIEW
   ================================================== */

@media(max-width:767px){

    .qualifications-grid{

        /* 1 Card Per Row On Mobile */
        grid-template-columns:1fr;
    }

    .section-heading h2{

        /* Mobile Heading Size */
        font-size:34px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f48192 *//* ==================================================
   PROFESSIONAL JOURNEY SECTION
   ================================================== */

.journey-section{

    /* Background color of the entire section */
    background:#ffffff;

    /* Top & Bottom Padding */
    /* Increase = Taller section */
    /* Decrease = Shorter section */
    padding:80px 60px;

    /* Corner roundness */
    border-radius:30px;

    /* Shadow around section */
    box-shadow:
    0 10px 30px rgba(0,0,0,.05);
}


/* ==================================================
   SECTION HEADING AREA
   ================================================== */

.journey-header{

    /* Center heading */
    text-align:center;

    /* Space between heading and timeline */
    margin-bottom:70px;
}


/* ==================================================
   SMALL GOLD LABEL
   MY PROFESSIONAL JOURNEY
   ================================================== */

.journey-tag{

    color:#D4A84F;

    /* Label size */
    /* 12px = Small */
    /* 14px = Recommended */
    /* 16px = Large */
    font-size:14px;

    font-weight:700;

    /* Space between letters */
    /* Increase = More spread letters */
    letter-spacing:3px;

    text-transform:uppercase;

    display:block;

    /* Space below label */
    margin-bottom:20px;
}


/* ==================================================
   MAIN HEADING
   Experience Across Education...
   ================================================== */

.journey-header h2{

    /* Main heading size */
    /*
    58px = Huge
    52px = Large
    48px = Recommended
    44px = Medium
    40px = Compact
    */

    font-size:45px;

    /* Line spacing */
    /*
    1.1 = Tight
    1.2 = Recommended
    1.4 = Spacious
    */
    line-height:1.2;

    color:#002D26;

    margin:0;

    font-weight:700;
}


/* ==================================================
   TIMELINE WRAPPER
   ================================================== */

.journey-timeline{

    position:relative;

    display:grid;

    /* Number of timeline columns */
    /*
    repeat(5,1fr) = 5 items
    repeat(4,1fr) = 4 items
    repeat(6,1fr) = 6 items
    */
    grid-template-columns:repeat(5,1fr);

    /* Space between columns */
    gap:30px;
}


/* ==================================================
   GOLD HORIZONTAL LINE
   ================================================== */

.timeline-line{

    position:absolute;

    /* Move line up/down */
    top:28px;

    /* Left start position */
    left:40px;

    /* Right end position */
    right:40px;

    /* Line thickness */
    height:2px;

    background:#D4A84F;

    z-index:1;
}


/* ==================================================
   INDIVIDUAL TIMELINE ITEM
   ================================================== */

.journey-item{

    text-align:center;

    position:relative;

    z-index:2;
}


/* ==================================================
   CIRCLE ICON
   ================================================== */

.journey-icon{

    /* Circle size */
    /*
    60px = Small
    70px = Recommended
    80px = Large
    90px = Premium Large
    */
    width:70px;
    height:70px;

    margin:0 auto 20px;

    border-radius:50%;

    background:#00352C;

    color:#D4A84F;

    /* Icon size */
    /*
    24px = Small
    28px = Recommended
    32px = Large
    */
    font-size:28px;

    display:flex;
    align-items:center;
    justify-content:center;

    /* White border around circle */
    border:4px solid #ffffff;

    /* Shadow under circle */
    box-shadow:
    0 10px 20px rgba(0,0,0,.12);

    transition:.35s ease;
}


/* ==================================================
   CIRCLE HOVER EFFECT
   ================================================== */

.journey-item:hover .journey-icon{

    /* Lift circle */
    transform:translateY(-6px);

    /* Gold background on hover */
    background:#D4A84F;

    /* Dark green icon */
    color:#002D26;
}


/* ==================================================
   JOB TITLE
   ================================================== */

.journey-item h3{

    /* Title size */
    /*
    28px = Large
    24px = Recommended
    22px = Medium
    20px = Compact
    */
    font-size:24px;

    line-height:1.4;

    color:#002D26;

    margin-bottom:15px;

    font-weight:700;
}


/* ==================================================
   DESCRIPTION TEXT
   ================================================== */

.journey-item p{

    /* Description size */
    /*
    18px = Large
    16px = Medium
    15px = Recommended
    14px = Compact
    */
    font-size:15px;

    line-height:1.8;

    color:#666666;

    margin:0;
}


/* ==================================================
   TABLET
   ================================================== */

@media(max-width:1024px){

    .journey-timeline{

        /* Timeline becomes 2 columns */
        grid-template-columns:repeat(2,1fr);
    }

    .timeline-line{

        /* Hide timeline line */
        display:none;
    }

    .journey-header h2{

        /* Smaller heading */
        font-size:42px;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media(max-width:767px){

    .journey-timeline{

        /* One item per row */
        grid-template-columns:1fr;
    }

    .journey-header h2{

        font-size:34px;
    }
 .journey-tag{
        font-size:12px;
        letter-spacing:1.5px;
        line-height:1.5;
    }
    .journey-icon{

        width:60px;
        height:60px;

        font-size:24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80b65fd *//* ==========================================
   EXPERTISE SECTION
========================================== */

.expertise-section{
    padding:80px 0;
}

/* ==========================================
   SECTION HEADER
========================================== */

.expertise-header{
    text-align:center;
    max-width:900px;
    margin:0 auto 50px;
}

.expertise-tag{

    display:block;

    color:#D4A84F;

    font-size:14px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:15px;
}

.expertise-header h2{

    font-size:52px;

    line-height:1.2;

    color:#002D26;

    margin-bottom:15px;

    font-weight:700;
}

.expertise-header p{

    font-size:18px;

    color:#666666;

    line-height:1.8;
}

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

.expertise-grid{

    display:grid;

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

    gap:20px;
}

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

.expertise-card{

    background:#ffffff;

    border:1px solid rgba(0,0,0,.08);

    border-radius:18px;

    padding:15px;

    display:flex;

    align-items:flex-start;

    gap:15px;

    transition:.35s ease;

    box-shadow:
    0 5px 20px rgba(0,0,0,.04);
}

.expertise-card:hover{

    transform:translateY(-6px);

    border-color:#D4A84F;

    box-shadow:
    0 15px 30px rgba(0,0,0,.08);
}

/* ==========================================
   IMAGE
========================================== */

.expertise-card img{

    width:80px;

    height:80px;

    border-radius:12px;

    object-fit:cover;

    flex-shrink:0;
}

/* ==========================================
   CONTENT
========================================== */

.expertise-content h3{

    font-size:18px;

    color:#002D26;

    margin:0 0 8px;

    line-height:1.4;
}

.expertise-content p{

    font-size:14px;

    color:#666666;

    line-height:1.7;

    margin:0;
}

/* ==========================================
   TABLET
========================================== */

@media(max-width:1024px){

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

    .expertise-header h2{
        font-size:42px;
    }
}

/* ==========================================
   MOBILE
========================================== */

@media(max-width:767px){

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

    .expertise-header h2{
        font-size:34px;
    }

    .expertise-card{
        flex-direction:column;
    }

    .expertise-card img{
        width:100%;
        height:180px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09f6670 *//* ==================================================
   VALUES SECTION
================================================== */

.values-section{

    /* Dark Green Gradient Background */
    background:
    linear-gradient(
        135deg,
        #002D26,
        #001A16
    );

    /* Section Space */
    padding:50px 40px;

    /* Rounded Corners */
    border-radius:24px;

    /* Shadow */
    box-shadow:
    0 15px 40px rgba(0,0,0,.12);

    position:relative;

    overflow:hidden;
}
.values-main-heading{
    text-align:center;
    color:#fff;
    font-weight:700;
    font-size:30px;
    line-height:1.3;
    margin-bottom:50px;
}

/* ==================================================
   GOLD GLOW EFFECT
================================================== */

.values-section::before{

    content:"";

    position:absolute;

    top:-100px;
    right:-100px;

    width:300px;
    height:300px;

    background:
    radial-gradient(
        circle,
        rgba(212,168,79,.15),
        transparent 70%
    );

    pointer-events:none;
}


/* ==================================================
   HEADER
================================================== */

.values-header{

    text-align:center;

    margin-bottom:35px;
}


/* ==================================================
   SMALL LABEL
================================================== */

.values-tag{

    color:#D4A84F;

    /* Label Size */
    font-size:14px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;
}


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

.values-grid{

    display:grid;

    /* 5 Columns */
    grid-template-columns:
    repeat(5,1fr);

    position:relative;
}


/* ==================================================
   EACH VALUE ITEM
================================================== */

.value-item{

    text-align:center;

    padding:0 25px;

    position:relative;
}


/* ==================================================
   VERTICAL DIVIDER LINE
================================================== */

.value-item:not(:last-child)::after{

    content:"";

    position:absolute;

    top:10px;
    right:0;

    width:1px;

    height:110px;

    background:
    rgba(255,255,255,.25);
}


/* ==================================================
   ICON
================================================== */

.value-icon{

    /* Icon Size */
    font-size:42px;

    color:#D4A84F;

    margin-bottom:18px;

    transition:.35s ease;
}


/* ==================================================
   HOVER ICON
================================================== */

.value-item:hover .value-icon{

    transform:
    translateY(-5px)
    scale(1.08);
}


/* ==================================================
   TITLE
================================================== */

.value-item h3{

    font-size:26px;

    color:#ffffff;

    margin-bottom:12px;

    font-weight:600;
}


/* ==================================================
   DESCRIPTION
================================================== */

.value-item p{

    font-size:15px;

    line-height:1.8;

    color:
    rgba(255,255,255,.82);

    margin:0;
}


/* ==================================================
   TABLET
================================================== */

@media(max-width:1024px){

    .values-grid{

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

        gap:40px;
    }

    .value-item::after{
        display:none;
    }
}


/* ==================================================
   MOBILE
================================================== */

@media(max-width:767px){

    .values-grid{

        grid-template-columns:1fr;
    }

    .values-section{

        padding:40px 25px;
    }

    .value-item{

        padding:0;
    }

    .value-item h3{

        font-size:22px;
    }

    .value-icon{

        font-size:36px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a9ef443 *//* ==========================
   CTA SECTION
========================== */
.ssr-cta {
    position: relative;
    width: 100%;
    min-height: 150px;
    border-radius: 32px;
    overflow: hidden;
    display: flex;
    align-items: center;
    background-image: url("https://sivareddys.com/wp-content/uploads/2026/05/about-page-cta.png");
    background-size: contain;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-color: #002520;
}

/* ==========================
   DARK CONTENT AREA
========================== */
.ssr-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(0,37,32,.95) 0%,
        rgba(0,48,42,.88) 22%,
        rgba(0,58,50,.70) 42%,
        rgba(0,58,50,.35) 58%,
        rgba(0,58,50,.10) 72%,
        rgba(0,58,50,0) 100%
    );
    z-index: 1;
}

/* ==========================
   CONTENT
========================== */
.ssr-content {
    position: relative;
    z-index: 2;
    width: 60%;
    padding: 70px;
}

.ssr-content h2 {
    margin: 0 0 20px;
    color: #fff;
    font-size: 42px;        /* ← reduced from 72px */
    font-weight: 700;
    line-height: 1.1;
}

.ssr-content p {
    margin: 0 0 35px;
    color: rgba(255,255,255,.92);
    font-size: 26px;
    line-height: 1.8;
    max-width: 850px;
}

/* ==========================
   BUTTONS
========================== */
.ssr-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}

.ssr-btn-primary {
    text-decoration: none;
    background: #D8AA45;
    color: #002b25;
    padding: 20px 42px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 18px;
    transition: all .35s ease;
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid transparent;  /* ← prevents layout jump on hover */
}

/* Shine hover effect */
.ssr-btn-primary::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.35),
        transparent
    );
    transition: .6s ease;
}

.ssr-btn-primary:hover::before {
    left: 100%;
}

.ssr-btn-primary:hover {
    transform: translateY(-4px) scale(1.04);
    background: #ffffff;            /* ← white background */
    color: #002520;                 /* ← dark green text */
    box-shadow: 0 15px 30px rgba(216,170,69,.40);
    padding: 26px 42px;
    border: 2px solid #ffffff;     /* ← white border */
}

/* ==========================
   TABLET
========================== */
@media (max-width: 1024px) {
    .ssr-content {
        width: 75%;
        padding: 50px;
    }
    .ssr-content h2 {
        font-size: 34px;    /* ← reduced */
    }
    .ssr-content p {
        font-size: 22px;
    }
}

/* ==========================
   MOBILE
========================== */
@media (max-width: 767px) {
    .ssr-cta {
        min-height: auto;
        background-position: 75% center;
    }
    .ssr-overlay {
        background: linear-gradient(
            180deg,
            rgba(0,37,32,.95) 0%,
            rgba(0,37,32,.90) 100%
        );
    }
    .ssr-content {
        width: 100%;
        padding: 40px 25px;
    }
    .ssr-content h2 {
        font-size: 26px;    /* ← reduced */
    }
    .ssr-content p {
        font-size: 18px;
        line-height: 1.7;
    }
    .ssr-buttons {
        flex-direction: column;
    }
    .ssr-btn-primary {
        width: 100%;
        text-align: center;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b2dc2d1 *//* ==========================================
   FAQ SECTION
========================================== */

.faq-section {
    padding: 100px 20px;
}

.faq-container {
    max-width: 1000px;
    margin: 0 auto;
}

/* ==========================================
   FAQ HEADER
========================================== */

.faq-header {
    text-align: center;
    margin-bottom: 60px;
}

.faq-header h2 {
    font-size: 42px;
    font-weight: 700;
    color: #D4AF37;
    margin-bottom: 18px;
    line-height: 1.2;
}

.faq-header p {
    max-width: 750px;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 600;
    color: #333333;
    line-height: 1.8;
}

/* ==========================================
   FAQ ITEMS
========================================== */

.faq-item {
    margin-bottom: 18px;
    overflow: hidden;
}

/* ==========================================
   QUESTION BOX
========================================== */

.faq-question {
    position: relative;

    background: linear-gradient(
        135deg,
        #002D26,
        #001A16
    );

    color: #FFFFFF;

    padding: 22px 70px 22px 25px;

    font-size: 18px;
    font-weight: 600;

    border: 1px solid rgba(212, 175, 55, 0.20);
    border-radius: 12px;

    cursor: pointer;

    transition: all 0.4s ease;

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Plus Icon */

.faq-question::after {
    content: "+";

    position: absolute;
    right: 25px;
    top: 50%;

    transform: translateY(-50%);

    font-size: 28px;
    font-weight: 700;

    color: #FFFFFF;

    transition: all 0.4s ease;
}

/* ==========================================
   HOVER EFFECT
========================================== */

.faq-item:hover .faq-question {
    background: linear-gradient(
        135deg,
        #D4AF37,
        #F4D03F
    );

    color: #0B1F1A;

    transform: translateY(-2px);

    box-shadow:
        0 12px 30px rgba(212, 175, 55, 0.30);
}

.faq-item:hover .faq-question::after {
    content: "−";
    color: #0B1F1A;
}

/* ==========================================
   ANSWER
========================================== */

.faq-answer {
    max-height: 0;
    opacity: 0;

    overflow: hidden;

    background: #FFFFFF;

    color: #444444;

    font-size: 16px;
    line-height: 1.8;

    padding: 0 25px;

    border-radius: 0 0 12px 12px;

    transition:
        max-height 0.5s ease,
        opacity 0.4s ease,
        padding 0.4s ease;
}

/* ==========================================
   SHOW ANSWER ON HOVER
========================================== */

.faq-item:hover .faq-answer {
    max-height: 250px;

    opacity: 1;

    padding: 22px 25px;

    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;

    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.08);
}

/* ==========================================
   RESPONSIVE
========================================== */

/* ==========================================
   MOBILE FAQ FIX
========================================== */

@media (max-width:768px){

    .faq-section{
        padding:60px 15px;
    }

    .faq-container{
        width:100%;
    }

    .faq-header{
        margin-bottom:40px;
    }

    .faq-header h2{
        font-size:30px;
        line-height:1.3;
    }

    .faq-header p{
        font-size:15px;
        line-height:1.7;
    }

    .faq-item{
        margin-bottom:15px;
    }

    .faq-question{

        font-size:15px;
        line-height:1.5;
        font-weight:600;

        padding:18px 50px 18px 18px;

        display:flex;
        align-items:center;

        border-radius:10px;

        word-break:break-word;
    }

    .faq-question::after{

        right:15px;

        font-size:22px;

        font-weight:700;
    }

    .faq-answer{

        font-size:14px;

        line-height:1.7;

        padding:0 18px;
    }

    .faq-item:hover .faq-answer{

        padding:18px;

        max-height:350px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af05d62 *//* ==========================================
   FULL WIDTH TESTIMONIALS SECTION
========================================== */

.full-width-testimonials {

    background: linear-gradient(
        135deg,
        #002D26,
        #001A16
    );

    width: 100vw;

    position: relative;

    left: 50%;
    right: 50%;

    margin-left: -50vw;
    margin-right: -50vw;

    padding: 100px 20px;

    overflow: hidden;
}

/* ==========================================
   CONTAINER
========================================== */

.testimonials-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* ==========================================
   HEADER
========================================== */

.testimonials-header {
    text-align: center;
    margin-bottom: 70px;
}

.testimonials-header h2 {
    font-size: 42px;
    font-weight: 700;
    color: #D4AF37;
    margin-bottom: 18px;
    line-height: 1.2;
}

.testimonials-header p {
    max-width: 750px;
    margin: 0 auto;

    color: #FFFFFF;

    font-size: 18px;
    font-weight: 600;
    line-height: 1.8;
}

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

.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 35px;
}

/* ==========================================
   TESTIMONIAL CARD
========================================== */

.testimonial-card {

    background: #FFFFFF;

    padding: 35px;

    border-radius: 20px;

    position: relative;

    overflow: hidden;

    border: 1px solid rgba(212, 175, 55, 0.15);

    box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.20);

    transition: all 0.4s ease;
}

/* Gold Accent Line */

.testimonial-card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 5px;

    background: linear-gradient(
        90deg,
        #D4AF37,
        #F4D03F
    );
}

/* ==========================================
   POPUP EFFECT
========================================== */

.testimonial-card:hover {

    transform: translateY(-18px);

    box-shadow:
        0 35px 70px rgba(0, 0, 0, 0.35);

    border-color: #D4AF37;
}

/* ==========================================
   QUOTE ICON
========================================== */

.quote-icon {

    font-size: 52px;

    color: #D4AF37;

    line-height: 1;

    margin-bottom: 20px;
}

/* ==========================================
   TESTIMONIAL TEXT
========================================== */

.testimonial-text {

    color: #555555;

    font-size: 16px;

    line-height: 1.9;

    margin-bottom: 30px;
}

/* ==========================================
   CLIENT INFO
========================================== */

.client-info {

    display: flex;

    align-items: center;

    gap: 15px;
}

.client-info img {

    width: 70px;

    height: 70px;

    border-radius: 50%;

    object-fit: cover;

    border: 3px solid #D4AF37;
}

.client-info h4 {

    margin: 0;

    color: #002D26;

    font-size: 18px;

    font-weight: 700;
}

.client-info span {

    color: #777777;

    font-size: 14px;
}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 768px) {

    .full-width-testimonials {
        padding: 80px 20px;
    }

    .testimonials-header h2 {
        font-size: 32px;
    }

    .testimonials-header p {
        font-size: 16px;
    }

    .testimonial-card {
        padding: 25px;
    }

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

}/* End custom CSS */