.elementor-1491 .elementor-element.elementor-element-4f56585{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1491 .elementor-element.elementor-element-d193c5b:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1491 .elementor-element.elementor-element-d193c5b > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1491 .elementor-element.elementor-element-d193c5b.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1491 .elementor-element.elementor-element-d193c5b > .elementor-element-populated, .elementor-1491 .elementor-element.elementor-element-d193c5b > .elementor-element-populated > .elementor-background-overlay, .elementor-1491 .elementor-element.elementor-element-d193c5b > .elementor-background-slideshow{border-radius:12px 12px 12px 12px;}.elementor-1491 .elementor-element.elementor-element-d193c5b > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1491 .elementor-element.elementor-element-d193c5b > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1491 .elementor-element.elementor-element-83db91b > .elementor-widget-container{border-style:none;}.elementor-1491 .elementor-element.elementor-element-83db91b .elementor-icon-box-wrapper{text-align:start;gap:12px;}.elementor-1491 .elementor-element.elementor-element-83db91b .elementor-icon-box-title{margin-block-end:7px;color:#FFFFFF;}.elementor-1491 .elementor-element.elementor-element-83db91b.elementor-view-stacked .elementor-icon{background-color:#FFE684;fill:#000000;color:#000000;}.elementor-1491 .elementor-element.elementor-element-83db91b.elementor-view-framed .elementor-icon, .elementor-1491 .elementor-element.elementor-element-83db91b.elementor-view-default .elementor-icon{fill:#FFE684;color:#FFE684;border-color:#FFE684;}.elementor-1491 .elementor-element.elementor-element-83db91b.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-1491 .elementor-element.elementor-element-83db91b .elementor-icon{font-size:20px;padding:7px;border-radius:7px 7px 7px 7px;}.elementor-1491 .elementor-element.elementor-element-83db91b .elementor-icon-box-title, .elementor-1491 .elementor-element.elementor-element-83db91b .elementor-icon-box-title a{font-size:17px;font-weight:700;}.elementor-1491 .elementor-element.elementor-element-83db91b .elementor-icon-box-description{font-size:14px;line-height:19px;color:#FFFFFF;}/* Start custom CSS for column, class: .elementor-element-d193c5b *//* --- PREMIUM HOVER CARDS (my-hover-cards) --- */

/* 1. Default State - Clean & Minimal */
.my-hover-cards .elementor-icon-box-wrapper {
    padding: 35px 25px !important;
    border-radius: 20px !important; /* Zyada curved corners */
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Bouncy effect */
    border: 1px solid rgba(0, 0, 0, 0.05) !important; 
    background: #ffffff !important;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* 2. Text & Icon Styling */
.my-hover-cards .elementor-icon-box-title {
    color: #111111 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    margin-top: 15px !important;
}

.my-hover-cards .elementor-icon-box-description {
    color: #777777 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

/* Default Icon */
.my-hover-cards .elementor-icon i, 
.my-hover-cards .elementor-icon svg {
    color: #111111 !important;
    fill: #111111 !important;
    font-size: 25px !important; /* Icon thoda bada */
    transition: all 0.4s ease !important;
}

/* 3. HOVER EFFECT - Dark & Glow Mode */
.my-hover-cards .elementor-icon-box-wrapper:hover {
    transform: translateY(-12px) scale(1.02) !important; /* Upar uthega aur thoda bada hoga */
    background: #0a0a0a !important; /* Pure Dark */
    border-color: #FFD11D !important; /* Yellow Border */
    box-shadow: 0 20px 50px rgba(255, 209, 29, 0.2) !important; /* Subtle Yellow Glow */
}

/* 4. Text Change on Hover */
.my-hover-cards .elementor-icon-box-wrapper:hover .elementor-icon-box-title {
    color: #FFD11D !important; /* Title becomes yellow */
}

.my-hover-cards .elementor-icon-box-wrapper:hover .elementor-icon-box-description {
    color: rgba(255, 255, 255, 0.8) !important; /* Text soft white */
}

/* 5. Icon Change on Hover - Vibrant Yellow */
.my-hover-cards .elementor-icon-box-wrapper:hover .elementor-icon i,
.my-hover-cards .elementor-icon-box-wrapper:hover .elementor-icon svg {
    color: #FFD11D !important;
    fill: #FFD11D !important;
    transform: rotate(5deg) scale(1.1); /* Icon thoda ghumega aur bada hoga */
}

/* Background cleanup */
.my-hover-cards .elementor-icon {
    background-color: transparent !important;
    padding: 0 !important;
    margin-bottom: 10px !important;
}/* End custom CSS */