.elementor-19279 .elementor-element.elementor-element-446d766a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-19279 .elementor-element.elementor-element-446d766a:not(.elementor-motion-effects-element-type-background), .elementor-19279 .elementor-element.elementor-element-446d766a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-19279 .elementor-element.elementor-element-6f6d8d95{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19279 .elementor-element.elementor-element-68f902b3{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-19279 .elementor-element.elementor-element-17cd4e03 .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-19279 .elementor-element.elementor-element-17cd4e03 .elementor-icon-box-title{margin-block-end:5px;}.elementor-19279 .elementor-element.elementor-element-17cd4e03 .elementor-icon{font-size:35px;padding:11px;}.elementor-19279 .elementor-element.elementor-element-17cd4e03 .elementor-icon-box-title, .elementor-19279 .elementor-element.elementor-element-17cd4e03 .elementor-icon-box-title a{font-family:"Merriweather", Sans-serif;font-size:22px;font-weight:600;}.elementor-19279 .elementor-element.elementor-element-17cd4e03 .elementor-icon-box-description{font-family:"Merriweather", Sans-serif;font-size:14px;font-weight:400;}.elementor-19279 .elementor-element.elementor-element-5e3e2d0b .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-19279 .elementor-element.elementor-element-5e3e2d0b .elementor-icon-box-title{margin-block-end:5px;}.elementor-19279 .elementor-element.elementor-element-5e3e2d0b .elementor-icon{font-size:35px;padding:11px;}.elementor-19279 .elementor-element.elementor-element-5e3e2d0b .elementor-icon-box-title, .elementor-19279 .elementor-element.elementor-element-5e3e2d0b .elementor-icon-box-title a{font-family:"Merriweather", Sans-serif;font-size:22px;font-weight:600;}.elementor-19279 .elementor-element.elementor-element-5e3e2d0b .elementor-icon-box-description{font-family:"Merriweather", Sans-serif;font-size:14px;font-weight:400;}.elementor-19279 .elementor-element.elementor-element-2ce18cdd .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-19279 .elementor-element.elementor-element-2ce18cdd .elementor-icon-box-title{margin-block-end:5px;}.elementor-19279 .elementor-element.elementor-element-2ce18cdd .elementor-icon{font-size:35px;padding:11px;}.elementor-19279 .elementor-element.elementor-element-2ce18cdd .elementor-icon-box-title, .elementor-19279 .elementor-element.elementor-element-2ce18cdd .elementor-icon-box-title a{font-family:"Merriweather", Sans-serif;font-size:22px;font-weight:600;}.elementor-19279 .elementor-element.elementor-element-2ce18cdd .elementor-icon-box-description{font-family:"Merriweather", Sans-serif;font-size:14px;font-weight:400;}@media(max-width:1024px){.elementor-19279 .elementor-element.elementor-element-446d766a{--padding-top:100px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-19279 .elementor-element.elementor-element-68f902b3{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-19279 .elementor-element.elementor-element-446d766a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-19279 .elementor-element.elementor-element-6f6d8d95{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-19279 .elementor-element.elementor-element-68f902b3{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-19279 .elementor-element.elementor-element-6f6d8d95{--width:46%;}.elementor-19279 .elementor-element.elementor-element-68f902b3{--width:54%;}}@media(max-width:1024px) and (min-width:768px){.elementor-19279 .elementor-element.elementor-element-68f902b3{--width:50%;}}/* Start custom CSS for icon-box, class: .elementor-element-17cd4e03 *//* ===========================================================
   STRIVANCE ICON BOX (Glassmorphism + Dark/Light Mode)
   =========================================================== */

/* 1. CONTAINER STYLE (Glass Card) */
.strivance-icon-card .elementor-widget-container {
    /* Light Mode Default */
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    padding: 35px 25px;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    height: 100%; /* Ensures equal height in columns */
}

/* Hover Effect (Lift Up) */
.strivance-icon-card:hover .elementor-widget-container {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(230, 163, 8, 0.15); /* Gold Glow */
    border-color: #FF914D; /* Orange Border on Hover */
    background: rgba(255, 255, 255, 0.9);
}

/* 2. ICON STYLE */
.strivance-icon-card .elementor-icon-box-icon {
    margin-bottom: 20px !important;
    transition: transform 0.4s ease;
}

.strivance-icon-card .elementor-icon-box-icon .elementor-icon {
    background: rgba(255, 145, 77, 0.1); /* Soft Orange BG */
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #FF914D !important; /* Orange Icon */
    font-size: 32px;
    transition: all 0.4s ease;
}

/* Icon Hover Animation */
.strivance-icon-card:hover .elementor-icon-box-icon .elementor-icon {
    background: #FF914D;
    color: #FFFFFF !important;
    transform: rotateY(180deg);
}

/* 3. TEXT STYLES */
.strivance-icon-card .elementor-icon-box-title {
    color: #000000 !important;
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 10px;
    transition: color 0.3s ease;
}

.strivance-icon-card .elementor-icon-box-description {
    color: #444444 !important;
    font-size: 0.95rem;
    line-height: 1.6;
    transition: color 0.3s ease;
}

/* ===========================================================
   DARK MODE OVERRIDES
   1. Checks System Preference (Auto)
   2. Checks Toggle Button (.site-dark)
   =========================================================== */

/* Define the Dark Mode Logic Block */
@media (prefers-color-scheme: dark) {
    /* Auto Dark Mode (unless forced Light) */
    html:not(.site-light) .strivance-icon-card .elementor-widget-container {
        background: rgba(20, 20, 20, 0.6) !important;
        border-color: rgba(255, 255, 255, 0.08) !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
    }
    
    html:not(.site-light) .strivance-icon-card .elementor-icon-box-title { color: #FFFFFF !important; }
    html:not(.site-light) .strivance-icon-card .elementor-icon-box-description { color: #CCCCCC !important; }
    
    html:not(.site-light) .strivance-icon-card .elementor-icon-box-icon .elementor-icon {
        background: rgba(248, 179, 26, 0.15) !important; /* Soft Gold */
        color: #F8B31A !important; /* Gold Icon */
    }
    
    html:not(.site-light) .strivance-icon-card:hover .elementor-widget-container {
        border-color: #F8B31A !important;
        background: rgba(30, 30, 30, 0.8) !important;
    }
    
    html:not(.site-light) .strivance-icon-card:hover .elementor-icon-box-icon .elementor-icon {
        background: #F8B31A !important;
        color: #000000 !important;
    }
}

/* Manual Dark Mode Override (.site-dark) */
html.site-dark .strivance-icon-card .elementor-widget-container {
    background: rgba(20, 20, 20, 0.6) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}

html.site-dark .strivance-icon-card .elementor-icon-box-title { color: #FFFFFF !important; }
html.site-dark .strivance-icon-card .elementor-icon-box-description { color: #CCCCCC !important; }

html.site-dark .strivance-icon-card .elementor-icon-box-icon .elementor-icon {
    background: rgba(248, 179, 26, 0.15) !important; /* Soft Gold */
    color: #F8B31A !important; /* Gold Icon */
}

html.site-dark .strivance-icon-card:hover .elementor-widget-container {
    border-color: #F8B31A !important;
    background: rgba(30, 30, 30, 0.8) !important;
}

html.site-dark .strivance-icon-card:hover .elementor-icon-box-icon .elementor-icon {
    background: #F8B31A !important;
    color: #000000 !important;
}

/* ===========================================================
   4. MOBILE OPTIMIZATION (Center Icon)
   =========================================================== */
@media (max-width: 767px) {
    /* Center the Icon Wrapper */
    .strivance-icon-card .elementor-icon-box-icon {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        margin-bottom: 15px !important;
    }
    
    /* Center the Text (Title & Desc) */
    .strivance-icon-card .elementor-widget-container {
        text-align: center !important;
        padding: 30px 20px !important; /* Slightly reduce padding for mobile */
    }
    
    /* Ensure icon circle stays correct size */
    .strivance-icon-card .elementor-icon-box-icon .elementor-icon {
        margin: 0 auto !important;
    }
}/* End custom CSS */