.elementor-3328 .elementor-element.elementor-element-362218e{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 2px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;border-color:#D9D9D9;--border-color:#D9D9D9;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-3328 .elementor-element.elementor-element-489de99{--display:flex;--min-height:470px;--overflow:hidden;--overlay-opacity:0;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3328 .elementor-element.elementor-element-489de99::before, .elementor-3328 .elementor-element.elementor-element-489de99 > .elementor-background-video-container::before, .elementor-3328 .elementor-element.elementor-element-489de99 > .e-con-inner > .elementor-background-video-container::before, .elementor-3328 .elementor-element.elementor-element-489de99 > .elementor-background-slideshow::before, .elementor-3328 .elementor-element.elementor-element-489de99 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3328 .elementor-element.elementor-element-489de99 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-3328 .elementor-element.elementor-element-489de99:not(.elementor-motion-effects-element-type-background), .elementor-3328 .elementor-element.elementor-element-489de99 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-3328 .elementor-element.elementor-element-0451285{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:1;}.elementor-3328 .elementor-element.elementor-element-0451285.elementor-element{--flex-grow:1;--flex-shrink:1;}.elementor-3328 .elementor-element.elementor-element-52eab3f{--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;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3328 .elementor-element.elementor-element-52eab3f:not(.elementor-motion-effects-element-type-background), .elementor-3328 .elementor-element.elementor-element-52eab3f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9DC587;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-3328 .elementor-element.elementor-element-0e0d03d{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:4px;--icon-vertical-offset:0px;}.elementor-3328 .elementor-element.elementor-element-0e0d03d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(3px/2);}.elementor-3328 .elementor-element.elementor-element-0e0d03d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(3px/2);}.elementor-3328 .elementor-element.elementor-element-0e0d03d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(3px/2);}.elementor-3328 .elementor-element.elementor-element-0e0d03d .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-3px/2);}.elementor-3328 .elementor-element.elementor-element-0e0d03d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-3px/2);}.elementor-3328 .elementor-element.elementor-element-0e0d03d .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-3328 .elementor-element.elementor-element-0e0d03d .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-3328 .elementor-element.elementor-element-0e0d03d .elementor-icon-list-icon{padding-inline-end:3px;}.elementor-3328 .elementor-element.elementor-element-0e0d03d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3328 .elementor-element.elementor-element-0e0d03d .elementor-icon-list-item > a{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;}.elementor-3328 .elementor-element.elementor-element-0e0d03d .elementor-icon-list-text{color:#000000;transition:color 0.3s;}@media(min-width:768px){.elementor-3328 .elementor-element.elementor-element-362218e{--width:70%;}.elementor-3328 .elementor-element.elementor-element-489de99{--width:100%;}}@media(min-width:1900px){.elementor-3328 .elementor-element.elementor-element-362218e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:110px;--padding-left:0px;--padding-right:0px;}.elementor-3328 .elementor-element.elementor-element-489de99{--width:100%;--min-height:700px;}.elementor-3328 .elementor-element.elementor-element-52eab3f{--border-radius:10px 10px 10px 10px;--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:15px;}.elementor-3328 .elementor-element.elementor-element-0e0d03d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3328 .elementor-element.elementor-element-0e0d03d .elementor-icon-list-item > a{font-size:18px;}}@media(max-width:1024px){.elementor-3328 .elementor-element.elementor-element-489de99{--min-height:270px;}.elementor-3328 .elementor-element.elementor-element-489de99:not(.elementor-motion-effects-element-type-background), .elementor-3328 .elementor-element.elementor-element-489de99 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-3328 .elementor-element.elementor-element-52eab3f{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}}@media(max-width:767px){.elementor-3328 .elementor-element.elementor-element-489de99{--min-height:200px;}.elementor-3328 .elementor-element.elementor-element-52eab3f{--gap:5px 5px;--row-gap:5px;--column-gap:5px;}}/* Start custom CSS for container, class: .elementor-element-489de99 *//* 1. Base Container Setup */
.hover-card {
    position: relative;
    overflow: hidden;
}



/* 2. Plus Layer (2 Masks Setup) */
.hover-card .plus-layer {
    position: absolute;
    top: 0px;
    right: 0;
    width: 100%; 
    height: 100%;
    z-index: 3;
    pointer-events: none;
    
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 23px;
    padding: 0px; 
    
    /* --- MASK SETTINGS (Do Masks Comma Se Separate Kiye Hain) --- */
    -webkit-mask-image: 
        url("data:image/svg+xml;charset=UTF-8,%3Csvg width='417' height='480' viewBox='0 0 417 480' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M332.101 -33H450.92L118.818 513.122H0L332.101 -33Z' fill='black'/%3E%3C/svg%3E"), 
        url("data:image/svg+xml;charset=UTF-8,%3Csvg width='417' height='480' viewBox='0 0 417 480' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M332.101 -33H450.92L118.818 513.122H0L332.101 -33Z' fill='black'/%3E%3C/svg%3E");
    mask-image: 
        url("data:image/svg+xml;charset=UTF-8,%3Csvg width='417' height='480' viewBox='0 0 417 480' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M332.101 -33H450.92L118.818 513.122H0L332.101 -33Z' fill='black'/%3E%3C/svg%3E"), 
        url("data:image/svg+xml;charset=UTF-8,%3Csvg width='417' height='480' viewBox='0 0 417 480' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M332.101 -33H450.92L118.818 513.122H0L332.101 -33Z' fill='black'/%3E%3C/svg%3E");
    
    /* Dono masks ko repeat nahi karna */
    -webkit-mask-repeat: no-repeat, no-repeat;
    mask-repeat: no-repeat, no-repeat;
    
    /* Dono masks ka size same rahega */
    -webkit-mask-size: 417px auto, 417px auto;
    mask-size: 417px auto, 417px auto;
    
    /* Dono masks start mein ek hi position (90px) par rahenge */
    -webkit-mask-position: 460px 0px, 480px 0px;
    mask-position: 620px 0px, 580px 0px;
    
    /* Sirf mask ki animation */
    transition: -webkit-mask-position 2.7s ease, mask-position 2.7s ease;
}

/* Hover par Pehla Mask Left (-500px) aur Doosra Mask Right (590px) move karega */
.hover-card:hover .plus-layer {
    -webkit-mask-position: -200% 0px, 300% 0px;
    mask-position: -200% 0px, 300% 0px;
}


/* 3. Styling the individual '+' signs with Linear Gradient */
.hover-card .plus-layer span {
    display: inline-block;
    width: 55px; /* SVG ki original width */
    height: 55px; /* SVG ki original height */
    
    /* Note: CSS mein opacity 0 se 1 tak hoti hai (1.3 invalid hai) */
    opacity: 0.7; 
    
    /* 1. Gradient Background (Apne colors lagayen) */
    background: linear-gradient(90deg, #ffffff0f, #ffffff);
    
    /* 2. Aapke icon ko Mask bana kar apply karna */
    -webkit-mask-image: url('https://curtisschroeder.com/wp-content/uploads/2026/09/plus_icon.svg');
    mask-image: url('https://curtisschroeder.com/wp-content/uploads/2026/09/plus_icon.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

/* 4. Asli black image ko hide kar dein taake sirf gradient shape nazar aaye */
.hover-card .plus-layer span img {
    opacity: 0; 
    width: 100%;
    height: 100%;
    display: block;
}/* End custom CSS */