.elementor-364 .elementor-element.elementor-element-ac8025a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-364 .elementor-element.elementor-element-a271bb8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;column-gap:0px;}.elementor-364 .elementor-element.elementor-element-4eb2d09 .elementor-button{background-color:#000000;text-transform:none;font-style:normal;text-decoration:none;fill:#FFFFFF;color:#FFFFFF;}.elementor-364 .elementor-element.elementor-element-9e2c799{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-364 .elementor-element.elementor-element-13cc741{--display:flex;}.elementor-364 .elementor-element.elementor-element-f18a82f img{border-radius:20px 20px 20px 20px;}.elementor-364 .elementor-element.elementor-element-dfe17bb{--display:flex;}.elementor-364 .elementor-element.elementor-element-9bfb6af{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;column-gap:0px;}.elementor-364 .elementor-element.elementor-element-0379fc7 .elementor-button{background-color:#000000;text-transform:none;font-style:normal;text-decoration:none;fill:#FFFFFF;color:#FFFFFF;}.elementor-364 .elementor-element.elementor-element-1d01ecf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-364 .elementor-element.elementor-element-2967f34{--display:flex;--min-height:439px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-364 .elementor-element.elementor-element-2967f34.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-364 .elementor-element.elementor-element-5fd52ac{--display:flex;--min-height:451px;}.elementor-364 .elementor-element.elementor-element-4adfdb8 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-364 .elementor-element.elementor-element-3532a8a{--display:flex;--min-height:451px;}.elementor-364 .elementor-element.elementor-element-317e3ac .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-364 .elementor-element.elementor-element-ed2b3f7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 0px 03px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:03px;border-color:#1E70FF;--border-color:#1E70FF;--border-radius:0px 0px 0px 0px;--padding-top:30px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-364 .elementor-element.elementor-element-9e2c799{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-364 .elementor-element.elementor-element-f18a82f img{border-radius:20px 20px 20px 20px;}.elementor-364 .elementor-element.elementor-element-2967f34{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}}@media(max-width:767px){.elementor-364 .elementor-element.elementor-element-a271bb8{column-gap:0px;}.elementor-364 .elementor-element.elementor-element-61eacd6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-364 .elementor-element.elementor-element-25bc348{font-size:14px;}.elementor-364 .elementor-element.elementor-element-6a71483{font-size:14px;}}@media(min-width:768px){.elementor-364 .elementor-element.elementor-element-1d01ecf{--width:75%;}.elementor-364 .elementor-element.elementor-element-2967f34{--width:67%;}.elementor-364 .elementor-element.elementor-element-5fd52ac{--width:531%;}.elementor-364 .elementor-element.elementor-element-3532a8a{--width:548%;}.elementor-364 .elementor-element.elementor-element-ed2b3f7{--width:73%;}}@media(max-width:1024px) and (min-width:768px){.elementor-364 .elementor-element.elementor-element-2967f34{--width:97%;}}/* Start custom CSS for icon-box, class: .elementor-element-4adfdb8 *//* ==========================================================================
   1. MOBILE & GENERAL STYLES (Default - Screens under 768px)
   ========================================================================== */
.elementor-364 .elementor-element.elementor-element-4adfdb8 {
    background-color: #ffffff !important;
    border: 1px solid #eaeaea !important;
    border-radius: 8px !important;
    padding: 30px 20px !important; /* Smaller padding for mobile screens */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100% !important; /* Full width on mobile */
}

/* Hover lift effect (Desktop-only experience, safe for mobile) */
.elementor-364 .elementor-element.elementor-element-4adfdb8:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1) !important;
}

/* Center and style the blue circular icon */
.elementor-364 .elementor-element.elementor-element-4adfdb8 .elementor-icon-box-icon {
    background-color: #1e70ff !important;
    width: 80px !important; /* Slightly smaller icon on mobile */
    height: 80px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto 20px auto !important;
    box-shadow: 0 4px 10px rgba(30, 112, 255, 0.2) !important;
}

/* Style the icon vector inside */
.elementor-364 .elementor-element.elementor-element-4adfdb8 .elementor-icon-box-icon i,
.elementor-364 .elementor-element.elementor-element-4adfdb8 .elementor-icon-box-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    width: 36px !important;
    height: 36px !important;
    font-size: 36px !important;
    margin: 0 !important;
}

/* Card Title (Responsive Font Size) */
.elementor-364 .elementor-element.elementor-element-4adfdb8 .elementor-icon-box-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.15rem !important; /* Smaller on mobile */
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-bottom: 12px !important;
}

/* Description Text (Responsive Layout) */
.elementor-364 .elementor-element.elementor-element-4adfdb8 .elementor-icon-box-description {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    color: #5e6d7c !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

/* ==========================================================================
   2. TABLET SCREENS (@media min-width: 768px)
   ========================================================================== */
@media (min-width: 768px) {
    .elementor-364 .elementor-element.elementor-element-4adfdb8 {
        padding: 40px 30px !important; /* Medium padding */
    }

    .elementor-364 .elementor-element.elementor-element-4adfdb8 .elementor-icon-box-icon {
        width: 85px !important;
        height: 85px !important;
    }

    .elementor-364 .elementor-element.elementor-element-4adfdb8 .elementor-icon-box-title {
        font-size: 1.2rem !important;
    }
}

/* ==========================================================================
   3. DESKTOP SCREENS (@media min-width: 1024px)
   ========================================================================== */
@media (min-width: 1024px) {
    .elementor-364 .elementor-element.elementor-element-4adfdb8 {
        padding: 50px 40px !important; /* Luxury padding for desktop */
    }

    .elementor-364 .elementor-element.elementor-element-4adfdb8 .elementor-icon-box-icon {
        width: 90px !important;
        height: 90px !important;
        margin-bottom: 24px !important;
    }

    .elementor-364 .elementor-element.elementor-element-4adfdb8 .elementor-icon-box-icon i,
    .elementor-364 .elementor-element.elementor-element-4adfdb8 .elementor-icon-box-icon svg {
        width: 42px !important;
        height: 42px !important;
        font-size: 42px !important;
    }

    .elementor-364 .elementor-element.elementor-element-4adfdb8 .elementor-icon-box-title {
        font-size: 1.25rem !important;
        margin-bottom: 16px !important;
    }

    .elementor-364 .elementor-element.elementor-element-4adfdb8 .elementor-icon-box-description {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
        max-width: 480px !important; /* Beautiful readable text layout */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-317e3ac *//* Style the main Icon Box wrapper */
.elementor-364 .elementor-element.elementor-element-317e3ac {
    background-color: #ffffff !important;
    border: 1px solid #eaeaea !important;
    border-radius: 8px !important;
    padding: 50px 40px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* Hover effect: Lift card and deepen shadow */
.elementor-364 .elementor-element.elementor-element-317e3ac:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1) !important;
}

/* Style the circular Blue Icon Background & FORCE CENTERING */
.elementor-364 .elementor-element.elementor-element-317e3ac .elementor-icon-box-icon {
    background-color: #1e70ff !important;
    width: 90px !important;
    height: 90px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto 24px auto !important; /* "0 auto" forces horizontal centering */
    box-shadow: 0 4px 10px rgba(30, 112, 255, 0.2) !important;
}

/* Force the SVG/Icon inside to be white and centered */
.elementor-364 .elementor-element.elementor-element-317e3ac .elementor-icon-box-icon i,
.elementor-364 .elementor-element.elementor-element-317e3ac .elementor-icon-box-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    width: 42px !important;
    height: 42px !important;
    font-size: 42px !important;
    margin: 0 !important; /* Prevents any default widget padding shifts */
}

/* Style the Card Title */
.elementor-364 .elementor-element.elementor-element-317e3ac .elementor-icon-box-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-bottom: 16px !important;
}

/* Style the Description Paragraph */
.elementor-364 .elementor-element.elementor-element-317e3ac .elementor-icon-box-description {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    color: #5e6d7c !important;
    max-width: 480px !important;
    margin: 0 auto !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0435a46 *//* ==========================================================================
   1. MAIN FLOATING CARD (Mobile & General Styles)
   ========================================================================== */
.elementor-364 .elementor-element.elementor-element-0435a46 {
    background-color: #ffffff !important;
    border-radius: 4px !important; /* Slightly rounded edges */
    
    /* The Left Blue Accent Border */
    border-left: 5px solid #00b4ff !important; 
    
    /* Clean, soft drop shadow matching the original screenshot */
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08) !important;
    
    /* Mobile-first padding: tight but readable */
    padding: 30px 20px !important;
    margin: 20px auto !important;
    width: 100% !important;
    max-width: 1140px !important; /* Perfect desktop container width */
    box-sizing: border-box !important;
}

/* ==========================================================================
   2. TABLET SCREENS (@media min-width: 768px)
   ========================================================================== */
@media (min-width: 768px) {
    .elementor-364 .elementor-element.elementor-element-0435a46 {
        padding: 50px 45px !important; /* Medium padding scale */
        margin: 40px auto !important;
    }
}

/* ==========================================================================
   3. DESKTOP SCREENS (@media min-width: 1024px)
   ========================================================================== */
@media (min-width: 1024px) {
    .elementor-364 .elementor-element.elementor-element-0435a46 {
        /* Premium, spacious interior padding matching the desktop design */
        padding: 70px 60px !important; 
        margin: 60px auto !important;
    }
}/* End custom CSS */