.elementor-kit-6{--e-global-color-primary:#2567AD;--e-global-color-secondary:#54595F;--e-global-color-text:#5C5C5C;--e-global-color-accent:#0000B8;--e-global-color-1c1933b:#FFFFFF;--e-global-color-b3971e4:#22579D;--e-global-color-8932dab:#EEF7FD;--e-global-typography-primary-font-family:"Inter Tight";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter Tight";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-adba2e2-font-family:"Inter Tight";--e-global-typography-adba2e2-font-size:clamp(2.5rem, 5vw + 1rem, 3.5rem);--e-global-typography-fd40a5b-font-family:"Inter Tight";--e-global-typography-fd40a5b-font-size:clamp(2rem, 4vw + 0.5rem, 2.875rem);--e-global-typography-c222be2-font-family:"Inter Tight";--e-global-typography-c222be2-font-size:clamp(1.75rem, 3vw + 0.5rem, 2.25rem);--e-global-typography-7ad2361-font-family:"Inter Tight";--e-global-typography-7ad2361-font-size:clamp(1rem, 2vw + 0.5rem, 1.25rem);--e-global-typography-7ad2361-font-weight:600;--e-global-typography-69fcc51-font-family:"Inter Tight";--e-global-typography-69fcc51-font-size:16px;--e-global-typography-69fcc51-font-weight:600;--e-global-typography-d1c51a4-font-family:"Inter Tight";--e-global-typography-d1c51a4-font-size:20px;background-color:#EEF7FD;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:transparent;font-family:"Inter Tight", Sans-serif;font-size:16px;font-weight:600;text-transform:capitalize;background-image:linear-gradient(97deg, #1378E4 0%, #2567AD 100%);border-radius:50px 50px 50px 50px;padding:12px 18px 12px 18px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{font-family:var( --e-global-typography-adba2e2-font-family ), Sans-serif;font-size:var( --e-global-typography-adba2e2-font-size );}.elementor-kit-6 h2{font-family:var( --e-global-typography-fd40a5b-font-family ), Sans-serif;font-size:var( --e-global-typography-fd40a5b-font-size );}.elementor-kit-6 h3{font-family:var( --e-global-typography-c222be2-font-family ), Sans-serif;font-size:var( --e-global-typography-c222be2-font-size );}.elementor-kit-6 h4{color:var( --e-global-color-text );font-family:var( --e-global-typography-7ad2361-font-family ), Sans-serif;font-size:var( --e-global-typography-7ad2361-font-size );font-weight:var( --e-global-typography-7ad2361-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-6 h1{font-size:var( --e-global-typography-adba2e2-font-size );}.elementor-kit-6 h2{font-size:var( --e-global-typography-fd40a5b-font-size );}.elementor-kit-6 h3{font-size:var( --e-global-typography-c222be2-font-size );}.elementor-kit-6 h4{font-size:var( --e-global-typography-7ad2361-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-6 h1{font-size:var( --e-global-typography-adba2e2-font-size );}.elementor-kit-6 h2{font-size:var( --e-global-typography-fd40a5b-font-size );}.elementor-kit-6 h3{font-size:var( --e-global-typography-c222be2-font-size );}.elementor-kit-6 h4{font-size:var( --e-global-typography-7ad2361-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Glassmorphism Container */
.glass-card {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    padding: 25px;
    box-shadow: 0 25px 45px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

/* Optional: Subtle gradient overlay on top edge */
.glass-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
}



/** Hover animation **/
.effect-card {
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Gradient sweep animation */
.effect-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(236, 72, 153, 0.1), transparent);
    transition: left 0.6s ease;
    z-index: 2;
}

/* Zoom the background on hover */
.effect-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: inherit; /* uses the same bg as the container */
    background-size: cover;
    background-position: center;
    z-index: 1;
    transform: scale(1);
    transition: transform 0.6s ease;
}

/* Hover state for background zoom and gradient swipe */
.effect-card:hover::before {
    left: 100%;
}

.effect-card:hover::after 
 {
    transform: scale(1.05); /* Adjust scale as needed */
}


/* FOR  THE DESCRIPTION PART*/
.des-card {
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Gradient sweep animation */
.des-card::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0%;
    width: 100%;
    height: 100%;
    bottom: -100%
    background: linear-gradient(to top, transparent, rgba(236, 72, 153, 0.1), transparent);
    transition: top 0.6s ease;
    z-index: 2;
}



/* Hover state for background zoom and gradient swipe */
.con:hover .des-card::before {
    top: 0%;
}

.con:hover .des-card .text {
    color:gainsboro
}
.con:hover .des-card .head {
    transition: 0.35s ease-in;
    color:white;
    z-index: 10
}/* End custom CSS */