.elementor-285 .elementor-element.elementor-element-23f1a14{width:var( --container-widget-width, 100.402% );max-width:100.402%;--container-widget-width:100.402%;--container-widget-flex-grow:0;}.elementor-285 .elementor-element.elementor-element-51a1f20{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-285 .elementor-element.elementor-element-51a1f20 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}:root{--page-title-display:none;}/* Start custom CSS */:where([class^="ri-"])::before {
    content: "f3c2";
}
body {
    font-family: 'Inter', sans-serif;
}
.hero-bg {
    background-image: url('../images/bg-img.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.texture-bg {
    background-image: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}
.glass-effect {
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.95);
}

/* Mobile Menu */
.mobile-menu {
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
}
.mobile-menu.active {
    transform: translateX(0);
}
.hamburger span {
    display: block;
    width: 25px;
    height: 3px;
    background-color: #1e40af;
    margin: 5px 0;
    transition: 0.3s;
}
.hamburger.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}
.hamburger.active span:nth-child(2) {
    opacity: 0;
}
.hamburger.active span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -6px);
}

/* Desktop: Make gradient lighter to show background image */
@media (min-width: 769px) {
    .hero-bg .absolute {
        background: linear-gradient(to right, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.7) 50%, transparent 100%);
    }
}

/* Mobile: Reduce overlay opacity to show background image */
@media (max-width: 768px) {
    .hero-bg {
        background-position: 70% center;
        min-height: 90vh;
        position: relative;
    }
    .hero-bg .absolute {
        background: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.4) 100%);
    }
    .hero-bg .bg-white {
        background-color: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(5px);
    }
}/* End custom CSS */