.elementor-30479 .elementor-element.elementor-element-a309d93{--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;--justify-content:space-between;}.elementor-30479 .elementor-element.elementor-element-87a3f6c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-30479 .elementor-element.elementor-element-35c3df3{z-index:1;text-align:center;font-family:"iransansdnbold", Sans-serif;font-size:80px;font-weight:400;color:#53C18A;}.elementor-30479 .elementor-element.elementor-element-35c3df3 p{margin-block-end:0px;}.elementor-30479 .elementor-element.elementor-element-4e416c7{background-color:#BBFF00;padding:20px 45px 10px 45px;z-index:1;border-radius:20px 20px 20px 20px;text-align:center;font-family:"iransansdnwebbold", Sans-serif;font-size:160px;font-weight:400;line-height:100px;color:#53C18A;}.elementor-30479 .elementor-element.elementor-element-4e416c7 p{margin-block-end:0px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-30479 .elementor-element.elementor-element-2a62fea{--divider-border-style:slashes;--divider-color:#0C86583D;--divider-border-width:3.7px;top:54px;z-index:-1;--divider-pattern-height:60px;--divider-pattern-size:60px;}body:not(.rtl) .elementor-30479 .elementor-element.elementor-element-2a62fea{left:0px;}body.rtl .elementor-30479 .elementor-element.elementor-element-2a62fea{right:0px;}.elementor-30479 .elementor-element.elementor-element-2a62fea .elementor-divider-separator{width:100%;}.elementor-30479 .elementor-element.elementor-element-2a62fea .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-30479 .elementor-element.elementor-element-5fc68c5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30479 .elementor-element.elementor-element-9680f03{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-30479 .elementor-element.elementor-element-d7ad63c img{border-radius:20px 20px 20px 20px;}.elementor-30479 .elementor-element.elementor-element-a3453c2{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30479 .elementor-element.elementor-element-a4be963 img{border-radius:20px 20px 20px 20px;}.elementor-30479 .elementor-element.elementor-element-17f019c{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30479 .elementor-element.elementor-element-8aa5954 img{border-radius:20px 20px 20px 20px;}.elementor-30479 .elementor-element.elementor-element-59d0aed{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30479 .elementor-element.elementor-element-9a5ba28 img{border-radius:20px 20px 20px 20px;}.elementor-30479 .elementor-element.elementor-element-cd531ba{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30479 .elementor-element.elementor-element-6f3066a img{border-radius:20px 20px 20px 20px;}.elementor-30479 .elementor-element.elementor-element-28df894{--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-dots-hover-color:#093B32;}.elementor-30479 .elementor-element.elementor-element-35c9966{--display:flex;}.elementor-30479 .elementor-element.elementor-element-ab26672{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:25px 25px 25px 25px;}.elementor-30479 .elementor-element.elementor-element-e58caf6{--display:flex;--justify-content:space-evenly;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.1;--overlay-mix-blend-mode:luminosity;}.elementor-30479 .elementor-element.elementor-element-e58caf6::before, .elementor-30479 .elementor-element.elementor-element-e58caf6 > .elementor-background-video-container::before, .elementor-30479 .elementor-element.elementor-element-e58caf6 > .e-con-inner > .elementor-background-video-container::before, .elementor-30479 .elementor-element.elementor-element-e58caf6 > .elementor-background-slideshow::before, .elementor-30479 .elementor-element.elementor-element-e58caf6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-30479 .elementor-element.elementor-element-e58caf6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://eliteonic.site/wp-content/uploads/2026/07/Logo-TIF-Open-Layer.png");--background-overlay:'';background-repeat:no-repeat;background-size:cover;}.elementor-30479 .elementor-element.elementor-element-609c348{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30479 .elementor-element.elementor-element-cb6bebc{padding:0px 10px 0px 10px;font-family:"iransansdn", Sans-serif;font-size:27px;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C4F0D3;}.elementor-30479 .elementor-element.elementor-element-cb6bebc p{margin-block-end:0px;}.elementor-30479 .elementor-element.elementor-element-ad292b0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30479 .elementor-element.elementor-element-bdd4b76{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;padding:0px 0px 0px 0px;column-gap:0px;text-align:center;font-family:"iransansdn", Sans-serif;font-size:18px;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-text );}.elementor-30479 .elementor-element.elementor-element-bdd4b76 p{margin-block-end:20px;}.elementor-30479 .elementor-element.elementor-element-368c20b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30479 .elementor-element.elementor-element-368c20b.e-con{--align-self:center;}.elementor-30479 .elementor-element.elementor-element-22420ee img{border-radius:15px 15px 15px 15px;}.elementor-30479 .elementor-element.elementor-element-98b0fc0{--display:flex;}.elementor-30479 .elementor-element.elementor-element-93e6a79{--divider-border-style:solid;--divider-color:#379471;--divider-border-width:2px;--divider-icon-size:70px;}.elementor-30479 .elementor-element.elementor-element-93e6a79 .elementor-divider-separator{width:60%;margin:0 auto;margin-center:0;}.elementor-30479 .elementor-element.elementor-element-93e6a79 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-30479 .elementor-element.elementor-element-93e6a79.elementor-view-stacked .elementor-icon{background-color:#379471;}.elementor-30479 .elementor-element.elementor-element-93e6a79.elementor-view-framed .elementor-icon, .elementor-30479 .elementor-element.elementor-element-93e6a79.elementor-view-default .elementor-icon{color:#379471;border-color:#379471;}.elementor-30479 .elementor-element.elementor-element-93e6a79.elementor-view-framed .elementor-icon, .elementor-30479 .elementor-element.elementor-element-93e6a79.elementor-view-default .elementor-icon svg{fill:#379471;}.elementor-30479 .elementor-element.elementor-element-7a646a8{--display:flex;}.elementor-30479 .elementor-element.elementor-element-14f54ef{--display:flex;--justify-content:space-evenly;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.1;--overlay-mix-blend-mode:luminosity;}.elementor-30479 .elementor-element.elementor-element-14f54ef::before, .elementor-30479 .elementor-element.elementor-element-14f54ef > .elementor-background-video-container::before, .elementor-30479 .elementor-element.elementor-element-14f54ef > .e-con-inner > .elementor-background-video-container::before, .elementor-30479 .elementor-element.elementor-element-14f54ef > .elementor-background-slideshow::before, .elementor-30479 .elementor-element.elementor-element-14f54ef > .e-con-inner > .elementor-background-slideshow::before, .elementor-30479 .elementor-element.elementor-element-14f54ef > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://eliteonic.site/wp-content/uploads/2026/07/Logo-TIF-Open-Layer.png");--background-overlay:'';background-repeat:no-repeat;background-size:cover;}.elementor-30479 .elementor-element.elementor-element-624291f{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30479 .elementor-element.elementor-element-cb028f4{padding:0px 10px 0px 10px;font-family:"iransansdn", Sans-serif;font-size:27px;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C4F0D3;}.elementor-30479 .elementor-element.elementor-element-cb028f4 p{margin-block-end:0px;}.elementor-30479 .elementor-element.elementor-element-509aca1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30479 .elementor-element.elementor-element-6e01504{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;columns:1;text-align:center;font-family:"iransansdn", Sans-serif;font-size:18px;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-text );}.elementor-30479 .elementor-element.elementor-element-6e01504 p{margin-block-end:20px;}.elementor-30479 .elementor-element.elementor-element-1e70885{--spacer-size:600px;}@media(min-width:2400px){.elementor-30479 .elementor-element.elementor-element-28df894{--e-n-carousel-swiper-pagination-size:45px;}}@media(max-width:1366px){.elementor-30479 .elementor-element.elementor-element-35c3df3{font-size:70px;}.elementor-30479 .elementor-element.elementor-element-4e416c7{padding:13px 40px 0px 40px;font-size:140px;}.elementor-30479 .elementor-element.elementor-element-2a62fea{top:48px;}.elementor-30479 .elementor-element.elementor-element-5fc68c5{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30479 .elementor-element.elementor-element-cb6bebc{font-size:22px;}.elementor-30479 .elementor-element.elementor-element-bdd4b76{font-size:18px;}.elementor-30479 .elementor-element.elementor-element-bdd4b76 p{margin-block-end:10px;}.elementor-30479 .elementor-element.elementor-element-93e6a79{--divider-icon-size:60px;}.elementor-30479 .elementor-element.elementor-element-cb028f4{font-size:22px;}.elementor-30479 .elementor-element.elementor-element-6e01504{font-size:18px;}.elementor-30479 .elementor-element.elementor-element-6e01504 p{margin-block-end:10px;}}@media(max-width:1200px){.elementor-30479 .elementor-element.elementor-element-35c3df3{font-size:65px;}.elementor-30479 .elementor-element.elementor-element-4e416c7{padding:8px 42px 0px 42px;border-radius:15px 15px 15px 15px;font-size:130px;}.elementor-30479 .elementor-element.elementor-element-2a62fea{top:44px;}.elementor-30479 .elementor-element.elementor-element-cb6bebc{font-size:20px;}.elementor-30479 .elementor-element.elementor-element-bdd4b76{font-size:15px;}.elementor-30479 .elementor-element.elementor-element-bdd4b76 p{margin-block-end:5px;}.elementor-30479 .elementor-element.elementor-element-98b0fc0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30479 .elementor-element.elementor-element-93e6a79{--divider-icon-size:55px;}.elementor-30479 .elementor-element.elementor-element-cb028f4{font-size:20px;}.elementor-30479 .elementor-element.elementor-element-6e01504{font-size:15px;}.elementor-30479 .elementor-element.elementor-element-6e01504 p{margin-block-end:5px;}}@media(max-width:1024px){.elementor-30479 .elementor-element.elementor-element-35c3df3{font-size:60px;}.elementor-30479 .elementor-element.elementor-element-4e416c7{padding:8px 37px 0px 37px;font-size:120px;line-height:90px;}.elementor-30479 .elementor-element.elementor-element-2a62fea{top:39px;}.elementor-30479 .elementor-element.elementor-element-5fc68c5{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30479 .elementor-element.elementor-element-28df894{--e-n-carousel-swiper-slides-to-display:2;}.elementor-30479 .elementor-element.elementor-element-ab26672{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-30479 .elementor-element.elementor-element-cb6bebc{padding:6px 0px 0px 0px;font-size:15px;}.elementor-30479 .elementor-element.elementor-element-bdd4b76{font-size:12px;}.elementor-30479 .elementor-element.elementor-element-93e6a79{--divider-icon-size:55px;}.elementor-30479 .elementor-element.elementor-element-cb028f4{padding:6px 0px 0px 0px;font-size:15px;}.elementor-30479 .elementor-element.elementor-element-6e01504{font-size:12px;}}@media(max-width:880px){.elementor-30479 .elementor-element.elementor-element-35c3df3{font-size:45px;}.elementor-30479 .elementor-element.elementor-element-4e416c7{padding:8px 28px 2px 28px;border-radius:10px 10px 10px 10px;font-size:90px;line-height:63px;}.elementor-30479 .elementor-element.elementor-element-2a62fea{top:26px;}.elementor-30479 .elementor-element.elementor-element-bdd4b76{font-size:11px;}.elementor-30479 .elementor-element.elementor-element-93e6a79{--divider-icon-size:45px;}.elementor-30479 .elementor-element.elementor-element-6e01504{font-size:11px;}}@media(max-width:767px){.elementor-30479 .elementor-element.elementor-element-a309d93{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30479 .elementor-element.elementor-element-87a3f6c{--flex-wrap:nowrap;}.elementor-30479 .elementor-element.elementor-element-35c3df3{font-size:40px;line-height:1.3em;}.elementor-30479 .elementor-element.elementor-element-35c3df3 p{margin-block-end:0px;}.elementor-30479 .elementor-element.elementor-element-4e416c7{padding:10px 25px 2px 25px;font-size:80px;line-height:56px;letter-spacing:3.2px;}.elementor-30479 .elementor-element.elementor-element-2a62fea{top:12px;}.elementor-30479 .elementor-element.elementor-element-5fc68c5{--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-30479 .elementor-element.elementor-element-28df894{--e-n-carousel-swiper-slides-to-display:1;}.elementor-30479 .elementor-element.elementor-element-ab26672{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--border-radius:20px 20px 20px 20px;}.elementor-30479 .elementor-element.elementor-element-e58caf6{--gap:5px 0px;--row-gap:5px;--column-gap:0px;}.elementor-30479 .elementor-element.elementor-element-cb6bebc{padding:0px 0px 0px 0px;}.elementor-30479 .elementor-element.elementor-element-bdd4b76{font-size:11px;}.elementor-30479 .elementor-element.elementor-element-bdd4b76 p{margin-block-end:0px;}.elementor-30479 .elementor-element.elementor-element-22420ee img{border-radius:15px 15px 15px 15px;}.elementor-30479 .elementor-element.elementor-element-93e6a79 .elementor-divider-separator{width:70%;}.elementor-30479 .elementor-element.elementor-element-93e6a79{--divider-icon-size:40px;}.elementor-30479 .elementor-element.elementor-element-14f54ef{--gap:5px 0px;--row-gap:5px;--column-gap:0px;}.elementor-30479 .elementor-element.elementor-element-cb028f4{padding:0px 0px 0px 0px;}.elementor-30479 .elementor-element.elementor-element-6e01504{font-size:11px;}.elementor-30479 .elementor-element.elementor-element-6e01504 p{margin-block-end:0px;}}/* Start custom CSS for image, class: .elementor-element-d7ad63c *//* =========================================================
   ELEMENTOR IMAGE WIDGET
   PREMIUM 3D GLASS EMERALD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c {
    --green: #10b981;
    --green-light: #6ee7b7;

    position: relative !important;

    perspective: 1200px !important;

    transform-style: preserve-3d !important;

    padding: 0px 5px 0px 5px !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,.16),
            rgba(7,35,27,.78) 48%,
            rgba(2,15,11,.94)
        ) !important;

    border: 1px solid rgba(110,231,183,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 12px 25px rgba(0,0,0,.20),
        0 28px 55px rgba(0,0,0,.28),
        0 45px 80px rgba(0,0,0,.20),
        0 0 35px rgba(16,185,129,.10) !important;

    overflow: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        border-color .4s ease !important;
}


/* =========================================================
   IMAGE LINK
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c a {

    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 19px !important;

    overflow: hidden !important;

    transform:
        translateZ(25px) !important;

    transform-style: preserve-3d !important;

    box-shadow:
        0 12px 25px rgba(0,0,0,.28) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 2 / 1 !important;

    object-fit: cover !important;

    border-radius: 19px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform:
        translateZ(30px)
        scale(1) !important;

    filter:
        brightness(.96)
        saturate(1.04) !important;

    backface-visibility: hidden !important;

    -webkit-backface-visibility: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        filter .45s ease !important;
}


/* =========================================================
   GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c::before {

    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    pointer-events: none !important;

    top: 0 !important;
    left: -120% !important;

    width: 70% !important;
    height: 100% !important;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            rgba(255,255,255,.03) 35%,
            rgba(255,255,255,.18) 50%,
            rgba(255,255,255,.03) 65%,
            transparent 100%
        ) !important;

    transform:
        skewX(-18deg) !important;

    transition:
        left .8s ease !important;
}


/* =========================================================
   EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c::after {

    content: "" !important;

    position: absolute !important;

    z-index: 1 !important;

    pointer-events: none !important;

    width: 260px !important;
    height: 260px !important;

    top: -150px !important;
    right: -100px !important;

    background:
        radial-gradient(
            circle,
            rgba(16,185,129,.30),
            rgba(16,185,129,.10) 35%,
            transparent 70%
        ) !important;

    filter: blur(12px) !important;

    opacity: .65 !important;

    transition:
        transform .7s ease,
        opacity .5s ease !important;
}


/* =========================================================
   HOVER FRAME
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c:hover {

    transform:
        translateY(-10px)
        translateZ(30px)
        rotateX(2deg)
        rotateY(-1deg) !important;

    border-color:
        rgba(110,231,183,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 18px 30px rgba(0,0,0,.20),
        0 35px 65px rgba(0,0,0,.32),
        0 55px 95px rgba(0,0,0,.28),
        0 0 45px rgba(16,185,129,.18) !important;
}


/* =========================================================
   HOVER IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c:hover img {

    transform:
        translateZ(45px)
        scale(1.025) !important;


}


/* =========================================================
   HOVER GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c:hover::before {

    left: 130% !important;
}


/* =========================================================
   HOVER EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c:hover::after {

    opacity: .95 !important;

    transform:
        translateZ(40px)
        scale(1.15) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-30479 .elementor-element.elementor-element-d7ad63c {

        padding: 7px !important;

        border-radius: 22px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-d7ad63c a,
    .elementor-30479 .elementor-element.elementor-element-d7ad63c img {

        border-radius: 15px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-d7ad63c:hover {

        transform:
            translateY(-5px) !important;
    }

    .elementor-30479 .elementor-element.elementor-element-d7ad63c:hover img {

        transform:
            translateZ(25px)
            scale(1.015) !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-30479 .elementor-element.elementor-element-d7ad63c,
    .elementor-30479 .elementor-element.elementor-element-d7ad63c img,
    .elementor-30479 .elementor-element.elementor-element-d7ad63c::before,
    .elementor-30479 .elementor-element.elementor-element-d7ad63c::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a4be963 *//* =========================================================
   ELEMENTOR IMAGE WIDGET
   PREMIUM 3D GLASS EMERALD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963 {
    --green: #10b981;
    --green-light: #6ee7b7;

    position: relative !important;

    perspective: 1200px !important;

    transform-style: preserve-3d !important;

    padding: 0px 5px 0px 5px !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,.16),
            rgba(7,35,27,.78) 48%,
            rgba(2,15,11,.94)
        ) !important;

    border: 1px solid rgba(110,231,183,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 12px 25px rgba(0,0,0,.20),
        0 28px 55px rgba(0,0,0,.28),
        0 45px 80px rgba(0,0,0,.20),
        0 0 35px rgba(16,185,129,.10) !important;

    overflow: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        border-color .4s ease !important;
}


/* =========================================================
   IMAGE LINK
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963 a {

    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 19px !important;

    overflow: hidden !important;

    transform:
        translateZ(25px) !important;

    transform-style: preserve-3d !important;

    box-shadow:
        0 12px 25px rgba(0,0,0,.28) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963 img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 2 / 1 !important;

    object-fit: cover !important;

    border-radius: 19px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform:
        translateZ(30px)
        scale(1) !important;

    filter:
        brightness(.96)
        saturate(1.04) !important;

    backface-visibility: hidden !important;

    -webkit-backface-visibility: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        filter .45s ease !important;
}


/* =========================================================
   GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963::before {

    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    pointer-events: none !important;

    top: 0 !important;
    left: -120% !important;

    width: 70% !important;
    height: 100% !important;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            rgba(255,255,255,.03) 35%,
            rgba(255,255,255,.18) 50%,
            rgba(255,255,255,.03) 65%,
            transparent 100%
        ) !important;

    transform:
        skewX(-18deg) !important;

    transition:
        left .8s ease !important;
}


/* =========================================================
   EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963::after {

    content: "" !important;

    position: absolute !important;

    z-index: 1 !important;

    pointer-events: none !important;

    width: 260px !important;
    height: 260px !important;

    top: -150px !important;
    right: -100px !important;

    background:
        radial-gradient(
            circle,
            rgba(16,185,129,.30),
            rgba(16,185,129,.10) 35%,
            transparent 70%
        ) !important;

    filter: blur(12px) !important;

    opacity: .65 !important;

    transition:
        transform .7s ease,
        opacity .5s ease !important;
}


/* =========================================================
   HOVER FRAME
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963:hover {

    transform:
        translateY(-10px)
        translateZ(30px)
        rotateX(2deg)
        rotateY(-1deg) !important;

    border-color:
        rgba(110,231,183,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 18px 30px rgba(0,0,0,.20),
        0 35px 65px rgba(0,0,0,.32),
        0 55px 95px rgba(0,0,0,.28),
        0 0 45px rgba(16,185,129,.18) !important;
}


/* =========================================================
   HOVER IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963:hover img {

    transform:
        translateZ(45px)
        scale(1.025) !important;


}


/* =========================================================
   HOVER GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963:hover::before {

    left: 130% !important;
}


/* =========================================================
   HOVER EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963:hover::after {

    opacity: .95 !important;

    transform:
        translateZ(40px)
        scale(1.15) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-30479 .elementor-element.elementor-element-a4be963 {

        padding: 7px !important;

        border-radius: 22px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-a4be963 a,
    .elementor-30479 .elementor-element.elementor-element-a4be963 img {

        border-radius: 15px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-a4be963:hover {

        transform:
            translateY(-5px) !important;
    }

    .elementor-30479 .elementor-element.elementor-element-a4be963:hover img {

        transform:
            translateZ(25px)
            scale(1.015) !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-30479 .elementor-element.elementor-element-a4be963,
    .elementor-30479 .elementor-element.elementor-element-a4be963 img,
    .elementor-30479 .elementor-element.elementor-element-a4be963::before,
    .elementor-30479 .elementor-element.elementor-element-a4be963::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8aa5954 *//* =========================================================
   ELEMENTOR IMAGE WIDGET
   PREMIUM 3D GLASS EMERALD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954 {
    --green: #10b981;
    --green-light: #6ee7b7;

    position: relative !important;

    perspective: 1200px !important;

    transform-style: preserve-3d !important;

    padding: 0px 5px 0px 5px !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,.16),
            rgba(7,35,27,.78) 48%,
            rgba(2,15,11,.94)
        ) !important;

    border: 1px solid rgba(110,231,183,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 12px 25px rgba(0,0,0,.20),
        0 28px 55px rgba(0,0,0,.28),
        0 45px 80px rgba(0,0,0,.20),
        0 0 35px rgba(16,185,129,.10) !important;

    overflow: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        border-color .4s ease !important;
}


/* =========================================================
   IMAGE LINK
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954 a {

    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 19px !important;

    overflow: hidden !important;

    transform:
        translateZ(25px) !important;

    transform-style: preserve-3d !important;

    box-shadow:
        0 12px 25px rgba(0,0,0,.28) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954 img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 2 / 1 !important;

    object-fit: cover !important;

    border-radius: 19px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform:
        translateZ(30px)
        scale(1) !important;

    filter:
        brightness(.96)
        saturate(1.04) !important;

    backface-visibility: hidden !important;

    -webkit-backface-visibility: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        filter .45s ease !important;
}


/* =========================================================
   GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954::before {

    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    pointer-events: none !important;

    top: 0 !important;
    left: -120% !important;

    width: 70% !important;
    height: 100% !important;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            rgba(255,255,255,.03) 35%,
            rgba(255,255,255,.18) 50%,
            rgba(255,255,255,.03) 65%,
            transparent 100%
        ) !important;

    transform:
        skewX(-18deg) !important;

    transition:
        left .8s ease !important;
}


/* =========================================================
   EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954::after {

    content: "" !important;

    position: absolute !important;

    z-index: 1 !important;

    pointer-events: none !important;

    width: 260px !important;
    height: 260px !important;

    top: -150px !important;
    right: -100px !important;

    background:
        radial-gradient(
            circle,
            rgba(16,185,129,.30),
            rgba(16,185,129,.10) 35%,
            transparent 70%
        ) !important;

    filter: blur(12px) !important;

    opacity: .65 !important;

    transition:
        transform .7s ease,
        opacity .5s ease !important;
}


/* =========================================================
   HOVER FRAME
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954:hover {

    transform:
        translateY(-10px)
        translateZ(30px)
        rotateX(2deg)
        rotateY(-1deg) !important;

    border-color:
        rgba(110,231,183,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 18px 30px rgba(0,0,0,.20),
        0 35px 65px rgba(0,0,0,.32),
        0 55px 95px rgba(0,0,0,.28),
        0 0 45px rgba(16,185,129,.18) !important;
}


/* =========================================================
   HOVER IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954:hover img {

    transform:
        translateZ(45px)
        scale(1.025) !important;


}


/* =========================================================
   HOVER GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954:hover::before {

    left: 130% !important;
}


/* =========================================================
   HOVER EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954:hover::after {

    opacity: .95 !important;

    transform:
        translateZ(40px)
        scale(1.15) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-30479 .elementor-element.elementor-element-8aa5954 {

        padding: 7px !important;

        border-radius: 22px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-8aa5954 a,
    .elementor-30479 .elementor-element.elementor-element-8aa5954 img {

        border-radius: 15px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-8aa5954:hover {

        transform:
            translateY(-5px) !important;
    }

    .elementor-30479 .elementor-element.elementor-element-8aa5954:hover img {

        transform:
            translateZ(25px)
            scale(1.015) !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-30479 .elementor-element.elementor-element-8aa5954,
    .elementor-30479 .elementor-element.elementor-element-8aa5954 img,
    .elementor-30479 .elementor-element.elementor-element-8aa5954::before,
    .elementor-30479 .elementor-element.elementor-element-8aa5954::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a5ba28 *//* =========================================================
   ELEMENTOR IMAGE WIDGET
   PREMIUM 3D GLASS EMERALD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28 {
    --green: #10b981;
    --green-light: #6ee7b7;

    position: relative !important;

    perspective: 1200px !important;

    transform-style: preserve-3d !important;

    padding: 0px 5px 0px 5px !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,.16),
            rgba(7,35,27,.78) 48%,
            rgba(2,15,11,.94)
        ) !important;

    border: 1px solid rgba(110,231,183,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 12px 25px rgba(0,0,0,.20),
        0 28px 55px rgba(0,0,0,.28),
        0 45px 80px rgba(0,0,0,.20),
        0 0 35px rgba(16,185,129,.10) !important;

    overflow: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        border-color .4s ease !important;
}


/* =========================================================
   IMAGE LINK
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28 a {

    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 19px !important;

    overflow: hidden !important;

    transform:
        translateZ(25px) !important;

    transform-style: preserve-3d !important;

    box-shadow:
        0 12px 25px rgba(0,0,0,.28) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28 img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 2 / 1 !important;

    object-fit: cover !important;

    border-radius: 19px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform:
        translateZ(30px)
        scale(1) !important;

    filter:
        brightness(.96)
        saturate(1.04) !important;

    backface-visibility: hidden !important;

    -webkit-backface-visibility: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        filter .45s ease !important;
}


/* =========================================================
   GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28::before {

    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    pointer-events: none !important;

    top: 0 !important;
    left: -120% !important;

    width: 70% !important;
    height: 100% !important;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            rgba(255,255,255,.03) 35%,
            rgba(255,255,255,.18) 50%,
            rgba(255,255,255,.03) 65%,
            transparent 100%
        ) !important;

    transform:
        skewX(-18deg) !important;

    transition:
        left .8s ease !important;
}


/* =========================================================
   EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28::after {

    content: "" !important;

    position: absolute !important;

    z-index: 1 !important;

    pointer-events: none !important;

    width: 260px !important;
    height: 260px !important;

    top: -150px !important;
    right: -100px !important;

    background:
        radial-gradient(
            circle,
            rgba(16,185,129,.30),
            rgba(16,185,129,.10) 35%,
            transparent 70%
        ) !important;

    filter: blur(12px) !important;

    opacity: .65 !important;

    transition:
        transform .7s ease,
        opacity .5s ease !important;
}


/* =========================================================
   HOVER FRAME
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28:hover {

    transform:
        translateY(-10px)
        translateZ(30px)
        rotateX(2deg)
        rotateY(-1deg) !important;

    border-color:
        rgba(110,231,183,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 18px 30px rgba(0,0,0,.20),
        0 35px 65px rgba(0,0,0,.32),
        0 55px 95px rgba(0,0,0,.28),
        0 0 45px rgba(16,185,129,.18) !important;
}


/* =========================================================
   HOVER IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28:hover img {

    transform:
        translateZ(45px)
        scale(1.025) !important;


}


/* =========================================================
   HOVER GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28:hover::before {

    left: 130% !important;
}


/* =========================================================
   HOVER EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28:hover::after {

    opacity: .95 !important;

    transform:
        translateZ(40px)
        scale(1.15) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-30479 .elementor-element.elementor-element-9a5ba28 {

        padding: 7px !important;

        border-radius: 22px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-9a5ba28 a,
    .elementor-30479 .elementor-element.elementor-element-9a5ba28 img {

        border-radius: 15px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-9a5ba28:hover {

        transform:
            translateY(-5px) !important;
    }

    .elementor-30479 .elementor-element.elementor-element-9a5ba28:hover img {

        transform:
            translateZ(25px)
            scale(1.015) !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-30479 .elementor-element.elementor-element-9a5ba28,
    .elementor-30479 .elementor-element.elementor-element-9a5ba28 img,
    .elementor-30479 .elementor-element.elementor-element-9a5ba28::before,
    .elementor-30479 .elementor-element.elementor-element-9a5ba28::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f3066a *//* =========================================================
   ELEMENTOR IMAGE WIDGET
   PREMIUM 3D GLASS EMERALD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a {
    --green: #10b981;
    --green-light: #6ee7b7;

    position: relative !important;

    perspective: 1200px !important;

    transform-style: preserve-3d !important;

    padding: 0px 5px 0px 5px !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,.16),
            rgba(7,35,27,.78) 48%,
            rgba(2,15,11,.94)
        ) !important;

    border: 1px solid rgba(110,231,183,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 12px 25px rgba(0,0,0,.20),
        0 28px 55px rgba(0,0,0,.28),
        0 45px 80px rgba(0,0,0,.20),
        0 0 35px rgba(16,185,129,.10) !important;

    overflow: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        border-color .4s ease !important;
}


/* =========================================================
   IMAGE LINK
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a a {

    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 19px !important;

    overflow: hidden !important;

    transform:
        translateZ(25px) !important;

    transform-style: preserve-3d !important;

    box-shadow:
        0 12px 25px rgba(0,0,0,.28) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 2 / 1 !important;

    object-fit: cover !important;

    border-radius: 19px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform:
        translateZ(30px)
        scale(1) !important;

    filter:
        brightness(.96)
        saturate(1.04) !important;

    backface-visibility: hidden !important;

    -webkit-backface-visibility: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        filter .45s ease !important;
}


/* =========================================================
   GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a::before {

    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    pointer-events: none !important;

    top: 0 !important;
    left: -120% !important;

    width: 70% !important;
    height: 100% !important;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            rgba(255,255,255,.03) 35%,
            rgba(255,255,255,.18) 50%,
            rgba(255,255,255,.03) 65%,
            transparent 100%
        ) !important;

    transform:
        skewX(-18deg) !important;

    transition:
        left .8s ease !important;
}


/* =========================================================
   EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a::after {

    content: "" !important;

    position: absolute !important;

    z-index: 1 !important;

    pointer-events: none !important;

    width: 260px !important;
    height: 260px !important;

    top: -150px !important;
    right: -100px !important;

    background:
        radial-gradient(
            circle,
            rgba(16,185,129,.30),
            rgba(16,185,129,.10) 35%,
            transparent 70%
        ) !important;

    filter: blur(12px) !important;

    opacity: .65 !important;

    transition:
        transform .7s ease,
        opacity .5s ease !important;
}


/* =========================================================
   HOVER FRAME
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a:hover {

    transform:
        translateY(-10px)
        translateZ(30px)
        rotateX(2deg)
        rotateY(-1deg) !important;

    border-color:
        rgba(110,231,183,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 18px 30px rgba(0,0,0,.20),
        0 35px 65px rgba(0,0,0,.32),
        0 55px 95px rgba(0,0,0,.28),
        0 0 45px rgba(16,185,129,.18) !important;
}


/* =========================================================
   HOVER IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a:hover img {

    transform:
        translateZ(45px)
        scale(1.025) !important;


}


/* =========================================================
   HOVER GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a:hover::before {

    left: 130% !important;
}


/* =========================================================
   HOVER EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a:hover::after {

    opacity: .95 !important;

    transform:
        translateZ(40px)
        scale(1.15) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-30479 .elementor-element.elementor-element-6f3066a {

        padding: 7px !important;

        border-radius: 22px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-6f3066a a,
    .elementor-30479 .elementor-element.elementor-element-6f3066a img {

        border-radius: 15px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-6f3066a:hover {

        transform:
            translateY(-5px) !important;
    }

    .elementor-30479 .elementor-element.elementor-element-6f3066a:hover img {

        transform:
            translateZ(25px)
            scale(1.015) !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-30479 .elementor-element.elementor-element-6f3066a,
    .elementor-30479 .elementor-element.elementor-element-6f3066a img,
    .elementor-30479 .elementor-element.elementor-element-6f3066a::before,
    .elementor-30479 .elementor-element.elementor-element-6f3066a::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d7ad63c *//* =========================================================
   ELEMENTOR IMAGE WIDGET
   PREMIUM 3D GLASS EMERALD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c {
    --green: #10b981;
    --green-light: #6ee7b7;

    position: relative !important;

    perspective: 1200px !important;

    transform-style: preserve-3d !important;

    padding: 0px 5px 0px 5px !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,.16),
            rgba(7,35,27,.78) 48%,
            rgba(2,15,11,.94)
        ) !important;

    border: 1px solid rgba(110,231,183,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 12px 25px rgba(0,0,0,.20),
        0 28px 55px rgba(0,0,0,.28),
        0 45px 80px rgba(0,0,0,.20),
        0 0 35px rgba(16,185,129,.10) !important;

    overflow: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        border-color .4s ease !important;
}


/* =========================================================
   IMAGE LINK
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c a {

    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 19px !important;

    overflow: hidden !important;

    transform:
        translateZ(25px) !important;

    transform-style: preserve-3d !important;

    box-shadow:
        0 12px 25px rgba(0,0,0,.28) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 2 / 1 !important;

    object-fit: cover !important;

    border-radius: 19px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform:
        translateZ(30px)
        scale(1) !important;

    filter:
        brightness(.96)
        saturate(1.04) !important;

    backface-visibility: hidden !important;

    -webkit-backface-visibility: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        filter .45s ease !important;
}


/* =========================================================
   GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c::before {

    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    pointer-events: none !important;

    top: 0 !important;
    left: -120% !important;

    width: 70% !important;
    height: 100% !important;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            rgba(255,255,255,.03) 35%,
            rgba(255,255,255,.18) 50%,
            rgba(255,255,255,.03) 65%,
            transparent 100%
        ) !important;

    transform:
        skewX(-18deg) !important;

    transition:
        left .8s ease !important;
}


/* =========================================================
   EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c::after {

    content: "" !important;

    position: absolute !important;

    z-index: 1 !important;

    pointer-events: none !important;

    width: 260px !important;
    height: 260px !important;

    top: -150px !important;
    right: -100px !important;

    background:
        radial-gradient(
            circle,
            rgba(16,185,129,.30),
            rgba(16,185,129,.10) 35%,
            transparent 70%
        ) !important;

    filter: blur(12px) !important;

    opacity: .65 !important;

    transition:
        transform .7s ease,
        opacity .5s ease !important;
}


/* =========================================================
   HOVER FRAME
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c:hover {

    transform:
        translateY(-10px)
        translateZ(30px)
        rotateX(2deg)
        rotateY(-1deg) !important;

    border-color:
        rgba(110,231,183,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 18px 30px rgba(0,0,0,.20),
        0 35px 65px rgba(0,0,0,.32),
        0 55px 95px rgba(0,0,0,.28),
        0 0 45px rgba(16,185,129,.18) !important;
}


/* =========================================================
   HOVER IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c:hover img {

    transform:
        translateZ(45px)
        scale(1.025) !important;


}


/* =========================================================
   HOVER GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c:hover::before {

    left: 130% !important;
}


/* =========================================================
   HOVER EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c:hover::after {

    opacity: .95 !important;

    transform:
        translateZ(40px)
        scale(1.15) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-30479 .elementor-element.elementor-element-d7ad63c {

        padding: 7px !important;

        border-radius: 22px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-d7ad63c a,
    .elementor-30479 .elementor-element.elementor-element-d7ad63c img {

        border-radius: 15px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-d7ad63c:hover {

        transform:
            translateY(-5px) !important;
    }

    .elementor-30479 .elementor-element.elementor-element-d7ad63c:hover img {

        transform:
            translateZ(25px)
            scale(1.015) !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-30479 .elementor-element.elementor-element-d7ad63c,
    .elementor-30479 .elementor-element.elementor-element-d7ad63c img,
    .elementor-30479 .elementor-element.elementor-element-d7ad63c::before,
    .elementor-30479 .elementor-element.elementor-element-d7ad63c::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a4be963 *//* =========================================================
   ELEMENTOR IMAGE WIDGET
   PREMIUM 3D GLASS EMERALD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963 {
    --green: #10b981;
    --green-light: #6ee7b7;

    position: relative !important;

    perspective: 1200px !important;

    transform-style: preserve-3d !important;

    padding: 0px 5px 0px 5px !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,.16),
            rgba(7,35,27,.78) 48%,
            rgba(2,15,11,.94)
        ) !important;

    border: 1px solid rgba(110,231,183,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 12px 25px rgba(0,0,0,.20),
        0 28px 55px rgba(0,0,0,.28),
        0 45px 80px rgba(0,0,0,.20),
        0 0 35px rgba(16,185,129,.10) !important;

    overflow: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        border-color .4s ease !important;
}


/* =========================================================
   IMAGE LINK
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963 a {

    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 19px !important;

    overflow: hidden !important;

    transform:
        translateZ(25px) !important;

    transform-style: preserve-3d !important;

    box-shadow:
        0 12px 25px rgba(0,0,0,.28) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963 img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 2 / 1 !important;

    object-fit: cover !important;

    border-radius: 19px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform:
        translateZ(30px)
        scale(1) !important;

    filter:
        brightness(.96)
        saturate(1.04) !important;

    backface-visibility: hidden !important;

    -webkit-backface-visibility: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        filter .45s ease !important;
}


/* =========================================================
   GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963::before {

    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    pointer-events: none !important;

    top: 0 !important;
    left: -120% !important;

    width: 70% !important;
    height: 100% !important;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            rgba(255,255,255,.03) 35%,
            rgba(255,255,255,.18) 50%,
            rgba(255,255,255,.03) 65%,
            transparent 100%
        ) !important;

    transform:
        skewX(-18deg) !important;

    transition:
        left .8s ease !important;
}


/* =========================================================
   EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963::after {

    content: "" !important;

    position: absolute !important;

    z-index: 1 !important;

    pointer-events: none !important;

    width: 260px !important;
    height: 260px !important;

    top: -150px !important;
    right: -100px !important;

    background:
        radial-gradient(
            circle,
            rgba(16,185,129,.30),
            rgba(16,185,129,.10) 35%,
            transparent 70%
        ) !important;

    filter: blur(12px) !important;

    opacity: .65 !important;

    transition:
        transform .7s ease,
        opacity .5s ease !important;
}


/* =========================================================
   HOVER FRAME
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963:hover {

    transform:
        translateY(-10px)
        translateZ(30px)
        rotateX(2deg)
        rotateY(-1deg) !important;

    border-color:
        rgba(110,231,183,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 18px 30px rgba(0,0,0,.20),
        0 35px 65px rgba(0,0,0,.32),
        0 55px 95px rgba(0,0,0,.28),
        0 0 45px rgba(16,185,129,.18) !important;
}


/* =========================================================
   HOVER IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963:hover img {

    transform:
        translateZ(45px)
        scale(1.025) !important;


}


/* =========================================================
   HOVER GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963:hover::before {

    left: 130% !important;
}


/* =========================================================
   HOVER EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963:hover::after {

    opacity: .95 !important;

    transform:
        translateZ(40px)
        scale(1.15) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-30479 .elementor-element.elementor-element-a4be963 {

        padding: 7px !important;

        border-radius: 22px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-a4be963 a,
    .elementor-30479 .elementor-element.elementor-element-a4be963 img {

        border-radius: 15px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-a4be963:hover {

        transform:
            translateY(-5px) !important;
    }

    .elementor-30479 .elementor-element.elementor-element-a4be963:hover img {

        transform:
            translateZ(25px)
            scale(1.015) !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-30479 .elementor-element.elementor-element-a4be963,
    .elementor-30479 .elementor-element.elementor-element-a4be963 img,
    .elementor-30479 .elementor-element.elementor-element-a4be963::before,
    .elementor-30479 .elementor-element.elementor-element-a4be963::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8aa5954 *//* =========================================================
   ELEMENTOR IMAGE WIDGET
   PREMIUM 3D GLASS EMERALD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954 {
    --green: #10b981;
    --green-light: #6ee7b7;

    position: relative !important;

    perspective: 1200px !important;

    transform-style: preserve-3d !important;

    padding: 0px 5px 0px 5px !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,.16),
            rgba(7,35,27,.78) 48%,
            rgba(2,15,11,.94)
        ) !important;

    border: 1px solid rgba(110,231,183,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 12px 25px rgba(0,0,0,.20),
        0 28px 55px rgba(0,0,0,.28),
        0 45px 80px rgba(0,0,0,.20),
        0 0 35px rgba(16,185,129,.10) !important;

    overflow: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        border-color .4s ease !important;
}


/* =========================================================
   IMAGE LINK
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954 a {

    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 19px !important;

    overflow: hidden !important;

    transform:
        translateZ(25px) !important;

    transform-style: preserve-3d !important;

    box-shadow:
        0 12px 25px rgba(0,0,0,.28) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954 img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 2 / 1 !important;

    object-fit: cover !important;

    border-radius: 19px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform:
        translateZ(30px)
        scale(1) !important;

    filter:
        brightness(.96)
        saturate(1.04) !important;

    backface-visibility: hidden !important;

    -webkit-backface-visibility: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        filter .45s ease !important;
}


/* =========================================================
   GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954::before {

    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    pointer-events: none !important;

    top: 0 !important;
    left: -120% !important;

    width: 70% !important;
    height: 100% !important;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            rgba(255,255,255,.03) 35%,
            rgba(255,255,255,.18) 50%,
            rgba(255,255,255,.03) 65%,
            transparent 100%
        ) !important;

    transform:
        skewX(-18deg) !important;

    transition:
        left .8s ease !important;
}


/* =========================================================
   EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954::after {

    content: "" !important;

    position: absolute !important;

    z-index: 1 !important;

    pointer-events: none !important;

    width: 260px !important;
    height: 260px !important;

    top: -150px !important;
    right: -100px !important;

    background:
        radial-gradient(
            circle,
            rgba(16,185,129,.30),
            rgba(16,185,129,.10) 35%,
            transparent 70%
        ) !important;

    filter: blur(12px) !important;

    opacity: .65 !important;

    transition:
        transform .7s ease,
        opacity .5s ease !important;
}


/* =========================================================
   HOVER FRAME
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954:hover {

    transform:
        translateY(-10px)
        translateZ(30px)
        rotateX(2deg)
        rotateY(-1deg) !important;

    border-color:
        rgba(110,231,183,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 18px 30px rgba(0,0,0,.20),
        0 35px 65px rgba(0,0,0,.32),
        0 55px 95px rgba(0,0,0,.28),
        0 0 45px rgba(16,185,129,.18) !important;
}


/* =========================================================
   HOVER IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954:hover img {

    transform:
        translateZ(45px)
        scale(1.025) !important;


}


/* =========================================================
   HOVER GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954:hover::before {

    left: 130% !important;
}


/* =========================================================
   HOVER EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954:hover::after {

    opacity: .95 !important;

    transform:
        translateZ(40px)
        scale(1.15) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-30479 .elementor-element.elementor-element-8aa5954 {

        padding: 7px !important;

        border-radius: 22px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-8aa5954 a,
    .elementor-30479 .elementor-element.elementor-element-8aa5954 img {

        border-radius: 15px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-8aa5954:hover {

        transform:
            translateY(-5px) !important;
    }

    .elementor-30479 .elementor-element.elementor-element-8aa5954:hover img {

        transform:
            translateZ(25px)
            scale(1.015) !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-30479 .elementor-element.elementor-element-8aa5954,
    .elementor-30479 .elementor-element.elementor-element-8aa5954 img,
    .elementor-30479 .elementor-element.elementor-element-8aa5954::before,
    .elementor-30479 .elementor-element.elementor-element-8aa5954::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a5ba28 *//* =========================================================
   ELEMENTOR IMAGE WIDGET
   PREMIUM 3D GLASS EMERALD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28 {
    --green: #10b981;
    --green-light: #6ee7b7;

    position: relative !important;

    perspective: 1200px !important;

    transform-style: preserve-3d !important;

    padding: 0px 5px 0px 5px !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,.16),
            rgba(7,35,27,.78) 48%,
            rgba(2,15,11,.94)
        ) !important;

    border: 1px solid rgba(110,231,183,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 12px 25px rgba(0,0,0,.20),
        0 28px 55px rgba(0,0,0,.28),
        0 45px 80px rgba(0,0,0,.20),
        0 0 35px rgba(16,185,129,.10) !important;

    overflow: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        border-color .4s ease !important;
}


/* =========================================================
   IMAGE LINK
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28 a {

    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 19px !important;

    overflow: hidden !important;

    transform:
        translateZ(25px) !important;

    transform-style: preserve-3d !important;

    box-shadow:
        0 12px 25px rgba(0,0,0,.28) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28 img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 2 / 1 !important;

    object-fit: cover !important;

    border-radius: 19px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform:
        translateZ(30px)
        scale(1) !important;

    filter:
        brightness(.96)
        saturate(1.04) !important;

    backface-visibility: hidden !important;

    -webkit-backface-visibility: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        filter .45s ease !important;
}


/* =========================================================
   GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28::before {

    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    pointer-events: none !important;

    top: 0 !important;
    left: -120% !important;

    width: 70% !important;
    height: 100% !important;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            rgba(255,255,255,.03) 35%,
            rgba(255,255,255,.18) 50%,
            rgba(255,255,255,.03) 65%,
            transparent 100%
        ) !important;

    transform:
        skewX(-18deg) !important;

    transition:
        left .8s ease !important;
}


/* =========================================================
   EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28::after {

    content: "" !important;

    position: absolute !important;

    z-index: 1 !important;

    pointer-events: none !important;

    width: 260px !important;
    height: 260px !important;

    top: -150px !important;
    right: -100px !important;

    background:
        radial-gradient(
            circle,
            rgba(16,185,129,.30),
            rgba(16,185,129,.10) 35%,
            transparent 70%
        ) !important;

    filter: blur(12px) !important;

    opacity: .65 !important;

    transition:
        transform .7s ease,
        opacity .5s ease !important;
}


/* =========================================================
   HOVER FRAME
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28:hover {

    transform:
        translateY(-10px)
        translateZ(30px)
        rotateX(2deg)
        rotateY(-1deg) !important;

    border-color:
        rgba(110,231,183,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 18px 30px rgba(0,0,0,.20),
        0 35px 65px rgba(0,0,0,.32),
        0 55px 95px rgba(0,0,0,.28),
        0 0 45px rgba(16,185,129,.18) !important;
}


/* =========================================================
   HOVER IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28:hover img {

    transform:
        translateZ(45px)
        scale(1.025) !important;


}


/* =========================================================
   HOVER GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28:hover::before {

    left: 130% !important;
}


/* =========================================================
   HOVER EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28:hover::after {

    opacity: .95 !important;

    transform:
        translateZ(40px)
        scale(1.15) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-30479 .elementor-element.elementor-element-9a5ba28 {

        padding: 7px !important;

        border-radius: 22px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-9a5ba28 a,
    .elementor-30479 .elementor-element.elementor-element-9a5ba28 img {

        border-radius: 15px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-9a5ba28:hover {

        transform:
            translateY(-5px) !important;
    }

    .elementor-30479 .elementor-element.elementor-element-9a5ba28:hover img {

        transform:
            translateZ(25px)
            scale(1.015) !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-30479 .elementor-element.elementor-element-9a5ba28,
    .elementor-30479 .elementor-element.elementor-element-9a5ba28 img,
    .elementor-30479 .elementor-element.elementor-element-9a5ba28::before,
    .elementor-30479 .elementor-element.elementor-element-9a5ba28::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f3066a *//* =========================================================
   ELEMENTOR IMAGE WIDGET
   PREMIUM 3D GLASS EMERALD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a {
    --green: #10b981;
    --green-light: #6ee7b7;

    position: relative !important;

    perspective: 1200px !important;

    transform-style: preserve-3d !important;

    padding: 0px 5px 0px 5px !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,.16),
            rgba(7,35,27,.78) 48%,
            rgba(2,15,11,.94)
        ) !important;

    border: 1px solid rgba(110,231,183,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 12px 25px rgba(0,0,0,.20),
        0 28px 55px rgba(0,0,0,.28),
        0 45px 80px rgba(0,0,0,.20),
        0 0 35px rgba(16,185,129,.10) !important;

    overflow: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        border-color .4s ease !important;
}


/* =========================================================
   IMAGE LINK
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a a {

    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 19px !important;

    overflow: hidden !important;

    transform:
        translateZ(25px) !important;

    transform-style: preserve-3d !important;

    box-shadow:
        0 12px 25px rgba(0,0,0,.28) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 2 / 1 !important;

    object-fit: cover !important;

    border-radius: 19px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform:
        translateZ(30px)
        scale(1) !important;

    filter:
        brightness(.96)
        saturate(1.04) !important;

    backface-visibility: hidden !important;

    -webkit-backface-visibility: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        filter .45s ease !important;
}


/* =========================================================
   GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a::before {

    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    pointer-events: none !important;

    top: 0 !important;
    left: -120% !important;

    width: 70% !important;
    height: 100% !important;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            rgba(255,255,255,.03) 35%,
            rgba(255,255,255,.18) 50%,
            rgba(255,255,255,.03) 65%,
            transparent 100%
        ) !important;

    transform:
        skewX(-18deg) !important;

    transition:
        left .8s ease !important;
}


/* =========================================================
   EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a::after {

    content: "" !important;

    position: absolute !important;

    z-index: 1 !important;

    pointer-events: none !important;

    width: 260px !important;
    height: 260px !important;

    top: -150px !important;
    right: -100px !important;

    background:
        radial-gradient(
            circle,
            rgba(16,185,129,.30),
            rgba(16,185,129,.10) 35%,
            transparent 70%
        ) !important;

    filter: blur(12px) !important;

    opacity: .65 !important;

    transition:
        transform .7s ease,
        opacity .5s ease !important;
}


/* =========================================================
   HOVER FRAME
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a:hover {

    transform:
        translateY(-10px)
        translateZ(30px)
        rotateX(2deg)
        rotateY(-1deg) !important;

    border-color:
        rgba(110,231,183,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 18px 30px rgba(0,0,0,.20),
        0 35px 65px rgba(0,0,0,.32),
        0 55px 95px rgba(0,0,0,.28),
        0 0 45px rgba(16,185,129,.18) !important;
}


/* =========================================================
   HOVER IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a:hover img {

    transform:
        translateZ(45px)
        scale(1.025) !important;


}


/* =========================================================
   HOVER GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a:hover::before {

    left: 130% !important;
}


/* =========================================================
   HOVER EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a:hover::after {

    opacity: .95 !important;

    transform:
        translateZ(40px)
        scale(1.15) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-30479 .elementor-element.elementor-element-6f3066a {

        padding: 7px !important;

        border-radius: 22px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-6f3066a a,
    .elementor-30479 .elementor-element.elementor-element-6f3066a img {

        border-radius: 15px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-6f3066a:hover {

        transform:
            translateY(-5px) !important;
    }

    .elementor-30479 .elementor-element.elementor-element-6f3066a:hover img {

        transform:
            translateZ(25px)
            scale(1.015) !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-30479 .elementor-element.elementor-element-6f3066a,
    .elementor-30479 .elementor-element.elementor-element-6f3066a img,
    .elementor-30479 .elementor-element.elementor-element-6f3066a::before,
    .elementor-30479 .elementor-element.elementor-element-6f3066a::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d7ad63c *//* =========================================================
   ELEMENTOR IMAGE WIDGET
   PREMIUM 3D GLASS EMERALD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c {
    --green: #10b981;
    --green-light: #6ee7b7;

    position: relative !important;

    perspective: 1200px !important;

    transform-style: preserve-3d !important;

    padding: 0px 5px 0px 5px !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,.16),
            rgba(7,35,27,.78) 48%,
            rgba(2,15,11,.94)
        ) !important;

    border: 1px solid rgba(110,231,183,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 12px 25px rgba(0,0,0,.20),
        0 28px 55px rgba(0,0,0,.28),
        0 45px 80px rgba(0,0,0,.20),
        0 0 35px rgba(16,185,129,.10) !important;

    overflow: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        border-color .4s ease !important;
}


/* =========================================================
   IMAGE LINK
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c a {

    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 19px !important;

    overflow: hidden !important;

    transform:
        translateZ(25px) !important;

    transform-style: preserve-3d !important;

    box-shadow:
        0 12px 25px rgba(0,0,0,.28) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 2 / 1 !important;

    object-fit: cover !important;

    border-radius: 19px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform:
        translateZ(30px)
        scale(1) !important;

    filter:
        brightness(.96)
        saturate(1.04) !important;

    backface-visibility: hidden !important;

    -webkit-backface-visibility: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        filter .45s ease !important;
}


/* =========================================================
   GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c::before {

    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    pointer-events: none !important;

    top: 0 !important;
    left: -120% !important;

    width: 70% !important;
    height: 100% !important;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            rgba(255,255,255,.03) 35%,
            rgba(255,255,255,.18) 50%,
            rgba(255,255,255,.03) 65%,
            transparent 100%
        ) !important;

    transform:
        skewX(-18deg) !important;

    transition:
        left .8s ease !important;
}


/* =========================================================
   EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c::after {

    content: "" !important;

    position: absolute !important;

    z-index: 1 !important;

    pointer-events: none !important;

    width: 260px !important;
    height: 260px !important;

    top: -150px !important;
    right: -100px !important;

    background:
        radial-gradient(
            circle,
            rgba(16,185,129,.30),
            rgba(16,185,129,.10) 35%,
            transparent 70%
        ) !important;

    filter: blur(12px) !important;

    opacity: .65 !important;

    transition:
        transform .7s ease,
        opacity .5s ease !important;
}


/* =========================================================
   HOVER FRAME
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c:hover {

    transform:
        translateY(-10px)
        translateZ(30px)
        rotateX(2deg)
        rotateY(-1deg) !important;

    border-color:
        rgba(110,231,183,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 18px 30px rgba(0,0,0,.20),
        0 35px 65px rgba(0,0,0,.32),
        0 55px 95px rgba(0,0,0,.28),
        0 0 45px rgba(16,185,129,.18) !important;
}


/* =========================================================
   HOVER IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c:hover img {

    transform:
        translateZ(45px)
        scale(1.025) !important;


}


/* =========================================================
   HOVER GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c:hover::before {

    left: 130% !important;
}


/* =========================================================
   HOVER EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c:hover::after {

    opacity: .95 !important;

    transform:
        translateZ(40px)
        scale(1.15) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-30479 .elementor-element.elementor-element-d7ad63c {

        padding: 7px !important;

        border-radius: 22px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-d7ad63c a,
    .elementor-30479 .elementor-element.elementor-element-d7ad63c img {

        border-radius: 15px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-d7ad63c:hover {

        transform:
            translateY(-5px) !important;
    }

    .elementor-30479 .elementor-element.elementor-element-d7ad63c:hover img {

        transform:
            translateZ(25px)
            scale(1.015) !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-30479 .elementor-element.elementor-element-d7ad63c,
    .elementor-30479 .elementor-element.elementor-element-d7ad63c img,
    .elementor-30479 .elementor-element.elementor-element-d7ad63c::before,
    .elementor-30479 .elementor-element.elementor-element-d7ad63c::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a4be963 *//* =========================================================
   ELEMENTOR IMAGE WIDGET
   PREMIUM 3D GLASS EMERALD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963 {
    --green: #10b981;
    --green-light: #6ee7b7;

    position: relative !important;

    perspective: 1200px !important;

    transform-style: preserve-3d !important;

    padding: 0px 5px 0px 5px !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,.16),
            rgba(7,35,27,.78) 48%,
            rgba(2,15,11,.94)
        ) !important;

    border: 1px solid rgba(110,231,183,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 12px 25px rgba(0,0,0,.20),
        0 28px 55px rgba(0,0,0,.28),
        0 45px 80px rgba(0,0,0,.20),
        0 0 35px rgba(16,185,129,.10) !important;

    overflow: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        border-color .4s ease !important;
}


/* =========================================================
   IMAGE LINK
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963 a {

    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 19px !important;

    overflow: hidden !important;

    transform:
        translateZ(25px) !important;

    transform-style: preserve-3d !important;

    box-shadow:
        0 12px 25px rgba(0,0,0,.28) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963 img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 2 / 1 !important;

    object-fit: cover !important;

    border-radius: 19px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform:
        translateZ(30px)
        scale(1) !important;

    filter:
        brightness(.96)
        saturate(1.04) !important;

    backface-visibility: hidden !important;

    -webkit-backface-visibility: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        filter .45s ease !important;
}


/* =========================================================
   GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963::before {

    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    pointer-events: none !important;

    top: 0 !important;
    left: -120% !important;

    width: 70% !important;
    height: 100% !important;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            rgba(255,255,255,.03) 35%,
            rgba(255,255,255,.18) 50%,
            rgba(255,255,255,.03) 65%,
            transparent 100%
        ) !important;

    transform:
        skewX(-18deg) !important;

    transition:
        left .8s ease !important;
}


/* =========================================================
   EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963::after {

    content: "" !important;

    position: absolute !important;

    z-index: 1 !important;

    pointer-events: none !important;

    width: 260px !important;
    height: 260px !important;

    top: -150px !important;
    right: -100px !important;

    background:
        radial-gradient(
            circle,
            rgba(16,185,129,.30),
            rgba(16,185,129,.10) 35%,
            transparent 70%
        ) !important;

    filter: blur(12px) !important;

    opacity: .65 !important;

    transition:
        transform .7s ease,
        opacity .5s ease !important;
}


/* =========================================================
   HOVER FRAME
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963:hover {

    transform:
        translateY(-10px)
        translateZ(30px)
        rotateX(2deg)
        rotateY(-1deg) !important;

    border-color:
        rgba(110,231,183,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 18px 30px rgba(0,0,0,.20),
        0 35px 65px rgba(0,0,0,.32),
        0 55px 95px rgba(0,0,0,.28),
        0 0 45px rgba(16,185,129,.18) !important;
}


/* =========================================================
   HOVER IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963:hover img {

    transform:
        translateZ(45px)
        scale(1.025) !important;


}


/* =========================================================
   HOVER GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963:hover::before {

    left: 130% !important;
}


/* =========================================================
   HOVER EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963:hover::after {

    opacity: .95 !important;

    transform:
        translateZ(40px)
        scale(1.15) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-30479 .elementor-element.elementor-element-a4be963 {

        padding: 7px !important;

        border-radius: 22px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-a4be963 a,
    .elementor-30479 .elementor-element.elementor-element-a4be963 img {

        border-radius: 15px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-a4be963:hover {

        transform:
            translateY(-5px) !important;
    }

    .elementor-30479 .elementor-element.elementor-element-a4be963:hover img {

        transform:
            translateZ(25px)
            scale(1.015) !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-30479 .elementor-element.elementor-element-a4be963,
    .elementor-30479 .elementor-element.elementor-element-a4be963 img,
    .elementor-30479 .elementor-element.elementor-element-a4be963::before,
    .elementor-30479 .elementor-element.elementor-element-a4be963::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8aa5954 *//* =========================================================
   ELEMENTOR IMAGE WIDGET
   PREMIUM 3D GLASS EMERALD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954 {
    --green: #10b981;
    --green-light: #6ee7b7;

    position: relative !important;

    perspective: 1200px !important;

    transform-style: preserve-3d !important;

    padding: 0px 5px 0px 5px !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,.16),
            rgba(7,35,27,.78) 48%,
            rgba(2,15,11,.94)
        ) !important;

    border: 1px solid rgba(110,231,183,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 12px 25px rgba(0,0,0,.20),
        0 28px 55px rgba(0,0,0,.28),
        0 45px 80px rgba(0,0,0,.20),
        0 0 35px rgba(16,185,129,.10) !important;

    overflow: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        border-color .4s ease !important;
}


/* =========================================================
   IMAGE LINK
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954 a {

    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 19px !important;

    overflow: hidden !important;

    transform:
        translateZ(25px) !important;

    transform-style: preserve-3d !important;

    box-shadow:
        0 12px 25px rgba(0,0,0,.28) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954 img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 2 / 1 !important;

    object-fit: cover !important;

    border-radius: 19px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform:
        translateZ(30px)
        scale(1) !important;

    filter:
        brightness(.96)
        saturate(1.04) !important;

    backface-visibility: hidden !important;

    -webkit-backface-visibility: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        filter .45s ease !important;
}


/* =========================================================
   GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954::before {

    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    pointer-events: none !important;

    top: 0 !important;
    left: -120% !important;

    width: 70% !important;
    height: 100% !important;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            rgba(255,255,255,.03) 35%,
            rgba(255,255,255,.18) 50%,
            rgba(255,255,255,.03) 65%,
            transparent 100%
        ) !important;

    transform:
        skewX(-18deg) !important;

    transition:
        left .8s ease !important;
}


/* =========================================================
   EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954::after {

    content: "" !important;

    position: absolute !important;

    z-index: 1 !important;

    pointer-events: none !important;

    width: 260px !important;
    height: 260px !important;

    top: -150px !important;
    right: -100px !important;

    background:
        radial-gradient(
            circle,
            rgba(16,185,129,.30),
            rgba(16,185,129,.10) 35%,
            transparent 70%
        ) !important;

    filter: blur(12px) !important;

    opacity: .65 !important;

    transition:
        transform .7s ease,
        opacity .5s ease !important;
}


/* =========================================================
   HOVER FRAME
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954:hover {

    transform:
        translateY(-10px)
        translateZ(30px)
        rotateX(2deg)
        rotateY(-1deg) !important;

    border-color:
        rgba(110,231,183,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 18px 30px rgba(0,0,0,.20),
        0 35px 65px rgba(0,0,0,.32),
        0 55px 95px rgba(0,0,0,.28),
        0 0 45px rgba(16,185,129,.18) !important;
}


/* =========================================================
   HOVER IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954:hover img {

    transform:
        translateZ(45px)
        scale(1.025) !important;


}


/* =========================================================
   HOVER GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954:hover::before {

    left: 130% !important;
}


/* =========================================================
   HOVER EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954:hover::after {

    opacity: .95 !important;

    transform:
        translateZ(40px)
        scale(1.15) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-30479 .elementor-element.elementor-element-8aa5954 {

        padding: 7px !important;

        border-radius: 22px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-8aa5954 a,
    .elementor-30479 .elementor-element.elementor-element-8aa5954 img {

        border-radius: 15px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-8aa5954:hover {

        transform:
            translateY(-5px) !important;
    }

    .elementor-30479 .elementor-element.elementor-element-8aa5954:hover img {

        transform:
            translateZ(25px)
            scale(1.015) !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-30479 .elementor-element.elementor-element-8aa5954,
    .elementor-30479 .elementor-element.elementor-element-8aa5954 img,
    .elementor-30479 .elementor-element.elementor-element-8aa5954::before,
    .elementor-30479 .elementor-element.elementor-element-8aa5954::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a5ba28 *//* =========================================================
   ELEMENTOR IMAGE WIDGET
   PREMIUM 3D GLASS EMERALD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28 {
    --green: #10b981;
    --green-light: #6ee7b7;

    position: relative !important;

    perspective: 1200px !important;

    transform-style: preserve-3d !important;

    padding: 0px 5px 0px 5px !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,.16),
            rgba(7,35,27,.78) 48%,
            rgba(2,15,11,.94)
        ) !important;

    border: 1px solid rgba(110,231,183,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 12px 25px rgba(0,0,0,.20),
        0 28px 55px rgba(0,0,0,.28),
        0 45px 80px rgba(0,0,0,.20),
        0 0 35px rgba(16,185,129,.10) !important;

    overflow: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        border-color .4s ease !important;
}


/* =========================================================
   IMAGE LINK
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28 a {

    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 19px !important;

    overflow: hidden !important;

    transform:
        translateZ(25px) !important;

    transform-style: preserve-3d !important;

    box-shadow:
        0 12px 25px rgba(0,0,0,.28) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28 img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 2 / 1 !important;

    object-fit: cover !important;

    border-radius: 19px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform:
        translateZ(30px)
        scale(1) !important;

    filter:
        brightness(.96)
        saturate(1.04) !important;

    backface-visibility: hidden !important;

    -webkit-backface-visibility: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        filter .45s ease !important;
}


/* =========================================================
   GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28::before {

    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    pointer-events: none !important;

    top: 0 !important;
    left: -120% !important;

    width: 70% !important;
    height: 100% !important;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            rgba(255,255,255,.03) 35%,
            rgba(255,255,255,.18) 50%,
            rgba(255,255,255,.03) 65%,
            transparent 100%
        ) !important;

    transform:
        skewX(-18deg) !important;

    transition:
        left .8s ease !important;
}


/* =========================================================
   EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28::after {

    content: "" !important;

    position: absolute !important;

    z-index: 1 !important;

    pointer-events: none !important;

    width: 260px !important;
    height: 260px !important;

    top: -150px !important;
    right: -100px !important;

    background:
        radial-gradient(
            circle,
            rgba(16,185,129,.30),
            rgba(16,185,129,.10) 35%,
            transparent 70%
        ) !important;

    filter: blur(12px) !important;

    opacity: .65 !important;

    transition:
        transform .7s ease,
        opacity .5s ease !important;
}


/* =========================================================
   HOVER FRAME
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28:hover {

    transform:
        translateY(-10px)
        translateZ(30px)
        rotateX(2deg)
        rotateY(-1deg) !important;

    border-color:
        rgba(110,231,183,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 18px 30px rgba(0,0,0,.20),
        0 35px 65px rgba(0,0,0,.32),
        0 55px 95px rgba(0,0,0,.28),
        0 0 45px rgba(16,185,129,.18) !important;
}


/* =========================================================
   HOVER IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28:hover img {

    transform:
        translateZ(45px)
        scale(1.025) !important;


}


/* =========================================================
   HOVER GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28:hover::before {

    left: 130% !important;
}


/* =========================================================
   HOVER EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28:hover::after {

    opacity: .95 !important;

    transform:
        translateZ(40px)
        scale(1.15) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-30479 .elementor-element.elementor-element-9a5ba28 {

        padding: 7px !important;

        border-radius: 22px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-9a5ba28 a,
    .elementor-30479 .elementor-element.elementor-element-9a5ba28 img {

        border-radius: 15px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-9a5ba28:hover {

        transform:
            translateY(-5px) !important;
    }

    .elementor-30479 .elementor-element.elementor-element-9a5ba28:hover img {

        transform:
            translateZ(25px)
            scale(1.015) !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-30479 .elementor-element.elementor-element-9a5ba28,
    .elementor-30479 .elementor-element.elementor-element-9a5ba28 img,
    .elementor-30479 .elementor-element.elementor-element-9a5ba28::before,
    .elementor-30479 .elementor-element.elementor-element-9a5ba28::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f3066a *//* =========================================================
   ELEMENTOR IMAGE WIDGET
   PREMIUM 3D GLASS EMERALD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a {
    --green: #10b981;
    --green-light: #6ee7b7;

    position: relative !important;

    perspective: 1200px !important;

    transform-style: preserve-3d !important;

    padding: 0px 5px 0px 5px !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,.16),
            rgba(7,35,27,.78) 48%,
            rgba(2,15,11,.94)
        ) !important;

    border: 1px solid rgba(110,231,183,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 12px 25px rgba(0,0,0,.20),
        0 28px 55px rgba(0,0,0,.28),
        0 45px 80px rgba(0,0,0,.20),
        0 0 35px rgba(16,185,129,.10) !important;

    overflow: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        border-color .4s ease !important;
}


/* =========================================================
   IMAGE LINK
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a a {

    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 19px !important;

    overflow: hidden !important;

    transform:
        translateZ(25px) !important;

    transform-style: preserve-3d !important;

    box-shadow:
        0 12px 25px rgba(0,0,0,.28) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 2 / 1 !important;

    object-fit: cover !important;

    border-radius: 19px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform:
        translateZ(30px)
        scale(1) !important;

    filter:
        brightness(.96)
        saturate(1.04) !important;

    backface-visibility: hidden !important;

    -webkit-backface-visibility: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        filter .45s ease !important;
}


/* =========================================================
   GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a::before {

    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    pointer-events: none !important;

    top: 0 !important;
    left: -120% !important;

    width: 70% !important;
    height: 100% !important;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            rgba(255,255,255,.03) 35%,
            rgba(255,255,255,.18) 50%,
            rgba(255,255,255,.03) 65%,
            transparent 100%
        ) !important;

    transform:
        skewX(-18deg) !important;

    transition:
        left .8s ease !important;
}


/* =========================================================
   EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a::after {

    content: "" !important;

    position: absolute !important;

    z-index: 1 !important;

    pointer-events: none !important;

    width: 260px !important;
    height: 260px !important;

    top: -150px !important;
    right: -100px !important;

    background:
        radial-gradient(
            circle,
            rgba(16,185,129,.30),
            rgba(16,185,129,.10) 35%,
            transparent 70%
        ) !important;

    filter: blur(12px) !important;

    opacity: .65 !important;

    transition:
        transform .7s ease,
        opacity .5s ease !important;
}


/* =========================================================
   HOVER FRAME
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a:hover {

    transform:
        translateY(-10px)
        translateZ(30px)
        rotateX(2deg)
        rotateY(-1deg) !important;

    border-color:
        rgba(110,231,183,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 18px 30px rgba(0,0,0,.20),
        0 35px 65px rgba(0,0,0,.32),
        0 55px 95px rgba(0,0,0,.28),
        0 0 45px rgba(16,185,129,.18) !important;
}


/* =========================================================
   HOVER IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a:hover img {

    transform:
        translateZ(45px)
        scale(1.025) !important;


}


/* =========================================================
   HOVER GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a:hover::before {

    left: 130% !important;
}


/* =========================================================
   HOVER EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a:hover::after {

    opacity: .95 !important;

    transform:
        translateZ(40px)
        scale(1.15) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-30479 .elementor-element.elementor-element-6f3066a {

        padding: 7px !important;

        border-radius: 22px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-6f3066a a,
    .elementor-30479 .elementor-element.elementor-element-6f3066a img {

        border-radius: 15px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-6f3066a:hover {

        transform:
            translateY(-5px) !important;
    }

    .elementor-30479 .elementor-element.elementor-element-6f3066a:hover img {

        transform:
            translateZ(25px)
            scale(1.015) !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-30479 .elementor-element.elementor-element-6f3066a,
    .elementor-30479 .elementor-element.elementor-element-6f3066a img,
    .elementor-30479 .elementor-element.elementor-element-6f3066a::before,
    .elementor-30479 .elementor-element.elementor-element-6f3066a::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d7ad63c *//* =========================================================
   ELEMENTOR IMAGE WIDGET
   PREMIUM 3D GLASS EMERALD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c {
    --green: #10b981;
    --green-light: #6ee7b7;

    position: relative !important;

    perspective: 1200px !important;

    transform-style: preserve-3d !important;

    padding: 0px 5px 0px 5px !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,.16),
            rgba(7,35,27,.78) 48%,
            rgba(2,15,11,.94)
        ) !important;

    border: 1px solid rgba(110,231,183,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 12px 25px rgba(0,0,0,.20),
        0 28px 55px rgba(0,0,0,.28),
        0 45px 80px rgba(0,0,0,.20),
        0 0 35px rgba(16,185,129,.10) !important;

    overflow: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        border-color .4s ease !important;
}


/* =========================================================
   IMAGE LINK
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c a {

    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 19px !important;

    overflow: hidden !important;

    transform:
        translateZ(25px) !important;

    transform-style: preserve-3d !important;

    box-shadow:
        0 12px 25px rgba(0,0,0,.28) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 2 / 1 !important;

    object-fit: cover !important;

    border-radius: 19px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform:
        translateZ(30px)
        scale(1) !important;

    filter:
        brightness(.96)
        saturate(1.04) !important;

    backface-visibility: hidden !important;

    -webkit-backface-visibility: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        filter .45s ease !important;
}


/* =========================================================
   GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c::before {

    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    pointer-events: none !important;

    top: 0 !important;
    left: -120% !important;

    width: 70% !important;
    height: 100% !important;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            rgba(255,255,255,.03) 35%,
            rgba(255,255,255,.18) 50%,
            rgba(255,255,255,.03) 65%,
            transparent 100%
        ) !important;

    transform:
        skewX(-18deg) !important;

    transition:
        left .8s ease !important;
}


/* =========================================================
   EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c::after {

    content: "" !important;

    position: absolute !important;

    z-index: 1 !important;

    pointer-events: none !important;

    width: 260px !important;
    height: 260px !important;

    top: -150px !important;
    right: -100px !important;

    background:
        radial-gradient(
            circle,
            rgba(16,185,129,.30),
            rgba(16,185,129,.10) 35%,
            transparent 70%
        ) !important;

    filter: blur(12px) !important;

    opacity: .65 !important;

    transition:
        transform .7s ease,
        opacity .5s ease !important;
}


/* =========================================================
   HOVER FRAME
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c:hover {

    transform:
        translateY(-10px)
        translateZ(30px)
        rotateX(2deg)
        rotateY(-1deg) !important;

    border-color:
        rgba(110,231,183,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 18px 30px rgba(0,0,0,.20),
        0 35px 65px rgba(0,0,0,.32),
        0 55px 95px rgba(0,0,0,.28),
        0 0 45px rgba(16,185,129,.18) !important;
}


/* =========================================================
   HOVER IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c:hover img {

    transform:
        translateZ(45px)
        scale(1.025) !important;


}


/* =========================================================
   HOVER GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c:hover::before {

    left: 130% !important;
}


/* =========================================================
   HOVER EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c:hover::after {

    opacity: .95 !important;

    transform:
        translateZ(40px)
        scale(1.15) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-30479 .elementor-element.elementor-element-d7ad63c {

        padding: 7px !important;

        border-radius: 22px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-d7ad63c a,
    .elementor-30479 .elementor-element.elementor-element-d7ad63c img {

        border-radius: 15px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-d7ad63c:hover {

        transform:
            translateY(-5px) !important;
    }

    .elementor-30479 .elementor-element.elementor-element-d7ad63c:hover img {

        transform:
            translateZ(25px)
            scale(1.015) !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-30479 .elementor-element.elementor-element-d7ad63c,
    .elementor-30479 .elementor-element.elementor-element-d7ad63c img,
    .elementor-30479 .elementor-element.elementor-element-d7ad63c::before,
    .elementor-30479 .elementor-element.elementor-element-d7ad63c::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a4be963 *//* =========================================================
   ELEMENTOR IMAGE WIDGET
   PREMIUM 3D GLASS EMERALD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963 {
    --green: #10b981;
    --green-light: #6ee7b7;

    position: relative !important;

    perspective: 1200px !important;

    transform-style: preserve-3d !important;

    padding: 0px 5px 0px 5px !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,.16),
            rgba(7,35,27,.78) 48%,
            rgba(2,15,11,.94)
        ) !important;

    border: 1px solid rgba(110,231,183,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 12px 25px rgba(0,0,0,.20),
        0 28px 55px rgba(0,0,0,.28),
        0 45px 80px rgba(0,0,0,.20),
        0 0 35px rgba(16,185,129,.10) !important;

    overflow: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        border-color .4s ease !important;
}


/* =========================================================
   IMAGE LINK
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963 a {

    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 19px !important;

    overflow: hidden !important;

    transform:
        translateZ(25px) !important;

    transform-style: preserve-3d !important;

    box-shadow:
        0 12px 25px rgba(0,0,0,.28) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963 img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 2 / 1 !important;

    object-fit: cover !important;

    border-radius: 19px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform:
        translateZ(30px)
        scale(1) !important;

    filter:
        brightness(.96)
        saturate(1.04) !important;

    backface-visibility: hidden !important;

    -webkit-backface-visibility: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        filter .45s ease !important;
}


/* =========================================================
   GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963::before {

    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    pointer-events: none !important;

    top: 0 !important;
    left: -120% !important;

    width: 70% !important;
    height: 100% !important;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            rgba(255,255,255,.03) 35%,
            rgba(255,255,255,.18) 50%,
            rgba(255,255,255,.03) 65%,
            transparent 100%
        ) !important;

    transform:
        skewX(-18deg) !important;

    transition:
        left .8s ease !important;
}


/* =========================================================
   EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963::after {

    content: "" !important;

    position: absolute !important;

    z-index: 1 !important;

    pointer-events: none !important;

    width: 260px !important;
    height: 260px !important;

    top: -150px !important;
    right: -100px !important;

    background:
        radial-gradient(
            circle,
            rgba(16,185,129,.30),
            rgba(16,185,129,.10) 35%,
            transparent 70%
        ) !important;

    filter: blur(12px) !important;

    opacity: .65 !important;

    transition:
        transform .7s ease,
        opacity .5s ease !important;
}


/* =========================================================
   HOVER FRAME
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963:hover {

    transform:
        translateY(-10px)
        translateZ(30px)
        rotateX(2deg)
        rotateY(-1deg) !important;

    border-color:
        rgba(110,231,183,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 18px 30px rgba(0,0,0,.20),
        0 35px 65px rgba(0,0,0,.32),
        0 55px 95px rgba(0,0,0,.28),
        0 0 45px rgba(16,185,129,.18) !important;
}


/* =========================================================
   HOVER IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963:hover img {

    transform:
        translateZ(45px)
        scale(1.025) !important;


}


/* =========================================================
   HOVER GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963:hover::before {

    left: 130% !important;
}


/* =========================================================
   HOVER EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963:hover::after {

    opacity: .95 !important;

    transform:
        translateZ(40px)
        scale(1.15) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-30479 .elementor-element.elementor-element-a4be963 {

        padding: 7px !important;

        border-radius: 22px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-a4be963 a,
    .elementor-30479 .elementor-element.elementor-element-a4be963 img {

        border-radius: 15px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-a4be963:hover {

        transform:
            translateY(-5px) !important;
    }

    .elementor-30479 .elementor-element.elementor-element-a4be963:hover img {

        transform:
            translateZ(25px)
            scale(1.015) !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-30479 .elementor-element.elementor-element-a4be963,
    .elementor-30479 .elementor-element.elementor-element-a4be963 img,
    .elementor-30479 .elementor-element.elementor-element-a4be963::before,
    .elementor-30479 .elementor-element.elementor-element-a4be963::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8aa5954 *//* =========================================================
   ELEMENTOR IMAGE WIDGET
   PREMIUM 3D GLASS EMERALD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954 {
    --green: #10b981;
    --green-light: #6ee7b7;

    position: relative !important;

    perspective: 1200px !important;

    transform-style: preserve-3d !important;

    padding: 0px 5px 0px 5px !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,.16),
            rgba(7,35,27,.78) 48%,
            rgba(2,15,11,.94)
        ) !important;

    border: 1px solid rgba(110,231,183,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 12px 25px rgba(0,0,0,.20),
        0 28px 55px rgba(0,0,0,.28),
        0 45px 80px rgba(0,0,0,.20),
        0 0 35px rgba(16,185,129,.10) !important;

    overflow: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        border-color .4s ease !important;
}


/* =========================================================
   IMAGE LINK
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954 a {

    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 19px !important;

    overflow: hidden !important;

    transform:
        translateZ(25px) !important;

    transform-style: preserve-3d !important;

    box-shadow:
        0 12px 25px rgba(0,0,0,.28) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954 img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 2 / 1 !important;

    object-fit: cover !important;

    border-radius: 19px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform:
        translateZ(30px)
        scale(1) !important;

    filter:
        brightness(.96)
        saturate(1.04) !important;

    backface-visibility: hidden !important;

    -webkit-backface-visibility: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        filter .45s ease !important;
}


/* =========================================================
   GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954::before {

    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    pointer-events: none !important;

    top: 0 !important;
    left: -120% !important;

    width: 70% !important;
    height: 100% !important;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            rgba(255,255,255,.03) 35%,
            rgba(255,255,255,.18) 50%,
            rgba(255,255,255,.03) 65%,
            transparent 100%
        ) !important;

    transform:
        skewX(-18deg) !important;

    transition:
        left .8s ease !important;
}


/* =========================================================
   EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954::after {

    content: "" !important;

    position: absolute !important;

    z-index: 1 !important;

    pointer-events: none !important;

    width: 260px !important;
    height: 260px !important;

    top: -150px !important;
    right: -100px !important;

    background:
        radial-gradient(
            circle,
            rgba(16,185,129,.30),
            rgba(16,185,129,.10) 35%,
            transparent 70%
        ) !important;

    filter: blur(12px) !important;

    opacity: .65 !important;

    transition:
        transform .7s ease,
        opacity .5s ease !important;
}


/* =========================================================
   HOVER FRAME
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954:hover {

    transform:
        translateY(-10px)
        translateZ(30px)
        rotateX(2deg)
        rotateY(-1deg) !important;

    border-color:
        rgba(110,231,183,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 18px 30px rgba(0,0,0,.20),
        0 35px 65px rgba(0,0,0,.32),
        0 55px 95px rgba(0,0,0,.28),
        0 0 45px rgba(16,185,129,.18) !important;
}


/* =========================================================
   HOVER IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954:hover img {

    transform:
        translateZ(45px)
        scale(1.025) !important;


}


/* =========================================================
   HOVER GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954:hover::before {

    left: 130% !important;
}


/* =========================================================
   HOVER EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954:hover::after {

    opacity: .95 !important;

    transform:
        translateZ(40px)
        scale(1.15) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-30479 .elementor-element.elementor-element-8aa5954 {

        padding: 7px !important;

        border-radius: 22px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-8aa5954 a,
    .elementor-30479 .elementor-element.elementor-element-8aa5954 img {

        border-radius: 15px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-8aa5954:hover {

        transform:
            translateY(-5px) !important;
    }

    .elementor-30479 .elementor-element.elementor-element-8aa5954:hover img {

        transform:
            translateZ(25px)
            scale(1.015) !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-30479 .elementor-element.elementor-element-8aa5954,
    .elementor-30479 .elementor-element.elementor-element-8aa5954 img,
    .elementor-30479 .elementor-element.elementor-element-8aa5954::before,
    .elementor-30479 .elementor-element.elementor-element-8aa5954::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a5ba28 *//* =========================================================
   ELEMENTOR IMAGE WIDGET
   PREMIUM 3D GLASS EMERALD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28 {
    --green: #10b981;
    --green-light: #6ee7b7;

    position: relative !important;

    perspective: 1200px !important;

    transform-style: preserve-3d !important;

    padding: 0px 5px 0px 5px !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,.16),
            rgba(7,35,27,.78) 48%,
            rgba(2,15,11,.94)
        ) !important;

    border: 1px solid rgba(110,231,183,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 12px 25px rgba(0,0,0,.20),
        0 28px 55px rgba(0,0,0,.28),
        0 45px 80px rgba(0,0,0,.20),
        0 0 35px rgba(16,185,129,.10) !important;

    overflow: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        border-color .4s ease !important;
}


/* =========================================================
   IMAGE LINK
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28 a {

    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 19px !important;

    overflow: hidden !important;

    transform:
        translateZ(25px) !important;

    transform-style: preserve-3d !important;

    box-shadow:
        0 12px 25px rgba(0,0,0,.28) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28 img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 2 / 1 !important;

    object-fit: cover !important;

    border-radius: 19px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform:
        translateZ(30px)
        scale(1) !important;

    filter:
        brightness(.96)
        saturate(1.04) !important;

    backface-visibility: hidden !important;

    -webkit-backface-visibility: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        filter .45s ease !important;
}


/* =========================================================
   GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28::before {

    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    pointer-events: none !important;

    top: 0 !important;
    left: -120% !important;

    width: 70% !important;
    height: 100% !important;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            rgba(255,255,255,.03) 35%,
            rgba(255,255,255,.18) 50%,
            rgba(255,255,255,.03) 65%,
            transparent 100%
        ) !important;

    transform:
        skewX(-18deg) !important;

    transition:
        left .8s ease !important;
}


/* =========================================================
   EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28::after {

    content: "" !important;

    position: absolute !important;

    z-index: 1 !important;

    pointer-events: none !important;

    width: 260px !important;
    height: 260px !important;

    top: -150px !important;
    right: -100px !important;

    background:
        radial-gradient(
            circle,
            rgba(16,185,129,.30),
            rgba(16,185,129,.10) 35%,
            transparent 70%
        ) !important;

    filter: blur(12px) !important;

    opacity: .65 !important;

    transition:
        transform .7s ease,
        opacity .5s ease !important;
}


/* =========================================================
   HOVER FRAME
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28:hover {

    transform:
        translateY(-10px)
        translateZ(30px)
        rotateX(2deg)
        rotateY(-1deg) !important;

    border-color:
        rgba(110,231,183,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 18px 30px rgba(0,0,0,.20),
        0 35px 65px rgba(0,0,0,.32),
        0 55px 95px rgba(0,0,0,.28),
        0 0 45px rgba(16,185,129,.18) !important;
}


/* =========================================================
   HOVER IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28:hover img {

    transform:
        translateZ(45px)
        scale(1.025) !important;


}


/* =========================================================
   HOVER GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28:hover::before {

    left: 130% !important;
}


/* =========================================================
   HOVER EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28:hover::after {

    opacity: .95 !important;

    transform:
        translateZ(40px)
        scale(1.15) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-30479 .elementor-element.elementor-element-9a5ba28 {

        padding: 7px !important;

        border-radius: 22px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-9a5ba28 a,
    .elementor-30479 .elementor-element.elementor-element-9a5ba28 img {

        border-radius: 15px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-9a5ba28:hover {

        transform:
            translateY(-5px) !important;
    }

    .elementor-30479 .elementor-element.elementor-element-9a5ba28:hover img {

        transform:
            translateZ(25px)
            scale(1.015) !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-30479 .elementor-element.elementor-element-9a5ba28,
    .elementor-30479 .elementor-element.elementor-element-9a5ba28 img,
    .elementor-30479 .elementor-element.elementor-element-9a5ba28::before,
    .elementor-30479 .elementor-element.elementor-element-9a5ba28::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f3066a *//* =========================================================
   ELEMENTOR IMAGE WIDGET
   PREMIUM 3D GLASS EMERALD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a {
    --green: #10b981;
    --green-light: #6ee7b7;

    position: relative !important;

    perspective: 1200px !important;

    transform-style: preserve-3d !important;

    padding: 0px 5px 0px 5px !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,.16),
            rgba(7,35,27,.78) 48%,
            rgba(2,15,11,.94)
        ) !important;

    border: 1px solid rgba(110,231,183,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 12px 25px rgba(0,0,0,.20),
        0 28px 55px rgba(0,0,0,.28),
        0 45px 80px rgba(0,0,0,.20),
        0 0 35px rgba(16,185,129,.10) !important;

    overflow: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        border-color .4s ease !important;
}


/* =========================================================
   IMAGE LINK
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a a {

    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 19px !important;

    overflow: hidden !important;

    transform:
        translateZ(25px) !important;

    transform-style: preserve-3d !important;

    box-shadow:
        0 12px 25px rgba(0,0,0,.28) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 2 / 1 !important;

    object-fit: cover !important;

    border-radius: 19px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform:
        translateZ(30px)
        scale(1) !important;

    filter:
        brightness(.96)
        saturate(1.04) !important;

    backface-visibility: hidden !important;

    -webkit-backface-visibility: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        filter .45s ease !important;
}


/* =========================================================
   GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a::before {

    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    pointer-events: none !important;

    top: 0 !important;
    left: -120% !important;

    width: 70% !important;
    height: 100% !important;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            rgba(255,255,255,.03) 35%,
            rgba(255,255,255,.18) 50%,
            rgba(255,255,255,.03) 65%,
            transparent 100%
        ) !important;

    transform:
        skewX(-18deg) !important;

    transition:
        left .8s ease !important;
}


/* =========================================================
   EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a::after {

    content: "" !important;

    position: absolute !important;

    z-index: 1 !important;

    pointer-events: none !important;

    width: 260px !important;
    height: 260px !important;

    top: -150px !important;
    right: -100px !important;

    background:
        radial-gradient(
            circle,
            rgba(16,185,129,.30),
            rgba(16,185,129,.10) 35%,
            transparent 70%
        ) !important;

    filter: blur(12px) !important;

    opacity: .65 !important;

    transition:
        transform .7s ease,
        opacity .5s ease !important;
}


/* =========================================================
   HOVER FRAME
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a:hover {

    transform:
        translateY(-10px)
        translateZ(30px)
        rotateX(2deg)
        rotateY(-1deg) !important;

    border-color:
        rgba(110,231,183,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 18px 30px rgba(0,0,0,.20),
        0 35px 65px rgba(0,0,0,.32),
        0 55px 95px rgba(0,0,0,.28),
        0 0 45px rgba(16,185,129,.18) !important;
}


/* =========================================================
   HOVER IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a:hover img {

    transform:
        translateZ(45px)
        scale(1.025) !important;


}


/* =========================================================
   HOVER GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a:hover::before {

    left: 130% !important;
}


/* =========================================================
   HOVER EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a:hover::after {

    opacity: .95 !important;

    transform:
        translateZ(40px)
        scale(1.15) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-30479 .elementor-element.elementor-element-6f3066a {

        padding: 7px !important;

        border-radius: 22px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-6f3066a a,
    .elementor-30479 .elementor-element.elementor-element-6f3066a img {

        border-radius: 15px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-6f3066a:hover {

        transform:
            translateY(-5px) !important;
    }

    .elementor-30479 .elementor-element.elementor-element-6f3066a:hover img {

        transform:
            translateZ(25px)
            scale(1.015) !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-30479 .elementor-element.elementor-element-6f3066a,
    .elementor-30479 .elementor-element.elementor-element-6f3066a img,
    .elementor-30479 .elementor-element.elementor-element-6f3066a::before,
    .elementor-30479 .elementor-element.elementor-element-6f3066a::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d7ad63c *//* =========================================================
   ELEMENTOR IMAGE WIDGET
   PREMIUM 3D GLASS EMERALD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c {
    --green: #10b981;
    --green-light: #6ee7b7;

    position: relative !important;

    perspective: 1200px !important;

    transform-style: preserve-3d !important;

    padding: 0px 5px 0px 5px !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,.16),
            rgba(7,35,27,.78) 48%,
            rgba(2,15,11,.94)
        ) !important;

    border: 1px solid rgba(110,231,183,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 12px 25px rgba(0,0,0,.20),
        0 28px 55px rgba(0,0,0,.28),
        0 45px 80px rgba(0,0,0,.20),
        0 0 35px rgba(16,185,129,.10) !important;

    overflow: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        border-color .4s ease !important;
}


/* =========================================================
   IMAGE LINK
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c a {

    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 19px !important;

    overflow: hidden !important;

    transform:
        translateZ(25px) !important;

    transform-style: preserve-3d !important;

    box-shadow:
        0 12px 25px rgba(0,0,0,.28) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 2 / 1 !important;

    object-fit: cover !important;

    border-radius: 19px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform:
        translateZ(30px)
        scale(1) !important;

    filter:
        brightness(.96)
        saturate(1.04) !important;

    backface-visibility: hidden !important;

    -webkit-backface-visibility: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        filter .45s ease !important;
}


/* =========================================================
   GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c::before {

    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    pointer-events: none !important;

    top: 0 !important;
    left: -120% !important;

    width: 70% !important;
    height: 100% !important;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            rgba(255,255,255,.03) 35%,
            rgba(255,255,255,.18) 50%,
            rgba(255,255,255,.03) 65%,
            transparent 100%
        ) !important;

    transform:
        skewX(-18deg) !important;

    transition:
        left .8s ease !important;
}


/* =========================================================
   EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c::after {

    content: "" !important;

    position: absolute !important;

    z-index: 1 !important;

    pointer-events: none !important;

    width: 260px !important;
    height: 260px !important;

    top: -150px !important;
    right: -100px !important;

    background:
        radial-gradient(
            circle,
            rgba(16,185,129,.30),
            rgba(16,185,129,.10) 35%,
            transparent 70%
        ) !important;

    filter: blur(12px) !important;

    opacity: .65 !important;

    transition:
        transform .7s ease,
        opacity .5s ease !important;
}


/* =========================================================
   HOVER FRAME
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c:hover {

    transform:
        translateY(-10px)
        translateZ(30px)
        rotateX(2deg)
        rotateY(-1deg) !important;

    border-color:
        rgba(110,231,183,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 18px 30px rgba(0,0,0,.20),
        0 35px 65px rgba(0,0,0,.32),
        0 55px 95px rgba(0,0,0,.28),
        0 0 45px rgba(16,185,129,.18) !important;
}


/* =========================================================
   HOVER IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c:hover img {

    transform:
        translateZ(45px)
        scale(1.025) !important;


}


/* =========================================================
   HOVER GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c:hover::before {

    left: 130% !important;
}


/* =========================================================
   HOVER EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c:hover::after {

    opacity: .95 !important;

    transform:
        translateZ(40px)
        scale(1.15) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-30479 .elementor-element.elementor-element-d7ad63c {

        padding: 7px !important;

        border-radius: 22px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-d7ad63c a,
    .elementor-30479 .elementor-element.elementor-element-d7ad63c img {

        border-radius: 15px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-d7ad63c:hover {

        transform:
            translateY(-5px) !important;
    }

    .elementor-30479 .elementor-element.elementor-element-d7ad63c:hover img {

        transform:
            translateZ(25px)
            scale(1.015) !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-30479 .elementor-element.elementor-element-d7ad63c,
    .elementor-30479 .elementor-element.elementor-element-d7ad63c img,
    .elementor-30479 .elementor-element.elementor-element-d7ad63c::before,
    .elementor-30479 .elementor-element.elementor-element-d7ad63c::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a4be963 *//* =========================================================
   ELEMENTOR IMAGE WIDGET
   PREMIUM 3D GLASS EMERALD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963 {
    --green: #10b981;
    --green-light: #6ee7b7;

    position: relative !important;

    perspective: 1200px !important;

    transform-style: preserve-3d !important;

    padding: 0px 5px 0px 5px !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,.16),
            rgba(7,35,27,.78) 48%,
            rgba(2,15,11,.94)
        ) !important;

    border: 1px solid rgba(110,231,183,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 12px 25px rgba(0,0,0,.20),
        0 28px 55px rgba(0,0,0,.28),
        0 45px 80px rgba(0,0,0,.20),
        0 0 35px rgba(16,185,129,.10) !important;

    overflow: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        border-color .4s ease !important;
}


/* =========================================================
   IMAGE LINK
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963 a {

    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 19px !important;

    overflow: hidden !important;

    transform:
        translateZ(25px) !important;

    transform-style: preserve-3d !important;

    box-shadow:
        0 12px 25px rgba(0,0,0,.28) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963 img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 2 / 1 !important;

    object-fit: cover !important;

    border-radius: 19px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform:
        translateZ(30px)
        scale(1) !important;

    filter:
        brightness(.96)
        saturate(1.04) !important;

    backface-visibility: hidden !important;

    -webkit-backface-visibility: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        filter .45s ease !important;
}


/* =========================================================
   GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963::before {

    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    pointer-events: none !important;

    top: 0 !important;
    left: -120% !important;

    width: 70% !important;
    height: 100% !important;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            rgba(255,255,255,.03) 35%,
            rgba(255,255,255,.18) 50%,
            rgba(255,255,255,.03) 65%,
            transparent 100%
        ) !important;

    transform:
        skewX(-18deg) !important;

    transition:
        left .8s ease !important;
}


/* =========================================================
   EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963::after {

    content: "" !important;

    position: absolute !important;

    z-index: 1 !important;

    pointer-events: none !important;

    width: 260px !important;
    height: 260px !important;

    top: -150px !important;
    right: -100px !important;

    background:
        radial-gradient(
            circle,
            rgba(16,185,129,.30),
            rgba(16,185,129,.10) 35%,
            transparent 70%
        ) !important;

    filter: blur(12px) !important;

    opacity: .65 !important;

    transition:
        transform .7s ease,
        opacity .5s ease !important;
}


/* =========================================================
   HOVER FRAME
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963:hover {

    transform:
        translateY(-10px)
        translateZ(30px)
        rotateX(2deg)
        rotateY(-1deg) !important;

    border-color:
        rgba(110,231,183,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 18px 30px rgba(0,0,0,.20),
        0 35px 65px rgba(0,0,0,.32),
        0 55px 95px rgba(0,0,0,.28),
        0 0 45px rgba(16,185,129,.18) !important;
}


/* =========================================================
   HOVER IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963:hover img {

    transform:
        translateZ(45px)
        scale(1.025) !important;


}


/* =========================================================
   HOVER GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963:hover::before {

    left: 130% !important;
}


/* =========================================================
   HOVER EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963:hover::after {

    opacity: .95 !important;

    transform:
        translateZ(40px)
        scale(1.15) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-30479 .elementor-element.elementor-element-a4be963 {

        padding: 7px !important;

        border-radius: 22px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-a4be963 a,
    .elementor-30479 .elementor-element.elementor-element-a4be963 img {

        border-radius: 15px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-a4be963:hover {

        transform:
            translateY(-5px) !important;
    }

    .elementor-30479 .elementor-element.elementor-element-a4be963:hover img {

        transform:
            translateZ(25px)
            scale(1.015) !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-30479 .elementor-element.elementor-element-a4be963,
    .elementor-30479 .elementor-element.elementor-element-a4be963 img,
    .elementor-30479 .elementor-element.elementor-element-a4be963::before,
    .elementor-30479 .elementor-element.elementor-element-a4be963::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8aa5954 *//* =========================================================
   ELEMENTOR IMAGE WIDGET
   PREMIUM 3D GLASS EMERALD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954 {
    --green: #10b981;
    --green-light: #6ee7b7;

    position: relative !important;

    perspective: 1200px !important;

    transform-style: preserve-3d !important;

    padding: 0px 5px 0px 5px !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,.16),
            rgba(7,35,27,.78) 48%,
            rgba(2,15,11,.94)
        ) !important;

    border: 1px solid rgba(110,231,183,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 12px 25px rgba(0,0,0,.20),
        0 28px 55px rgba(0,0,0,.28),
        0 45px 80px rgba(0,0,0,.20),
        0 0 35px rgba(16,185,129,.10) !important;

    overflow: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        border-color .4s ease !important;
}


/* =========================================================
   IMAGE LINK
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954 a {

    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 19px !important;

    overflow: hidden !important;

    transform:
        translateZ(25px) !important;

    transform-style: preserve-3d !important;

    box-shadow:
        0 12px 25px rgba(0,0,0,.28) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954 img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 2 / 1 !important;

    object-fit: cover !important;

    border-radius: 19px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform:
        translateZ(30px)
        scale(1) !important;

    filter:
        brightness(.96)
        saturate(1.04) !important;

    backface-visibility: hidden !important;

    -webkit-backface-visibility: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        filter .45s ease !important;
}


/* =========================================================
   GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954::before {

    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    pointer-events: none !important;

    top: 0 !important;
    left: -120% !important;

    width: 70% !important;
    height: 100% !important;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            rgba(255,255,255,.03) 35%,
            rgba(255,255,255,.18) 50%,
            rgba(255,255,255,.03) 65%,
            transparent 100%
        ) !important;

    transform:
        skewX(-18deg) !important;

    transition:
        left .8s ease !important;
}


/* =========================================================
   EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954::after {

    content: "" !important;

    position: absolute !important;

    z-index: 1 !important;

    pointer-events: none !important;

    width: 260px !important;
    height: 260px !important;

    top: -150px !important;
    right: -100px !important;

    background:
        radial-gradient(
            circle,
            rgba(16,185,129,.30),
            rgba(16,185,129,.10) 35%,
            transparent 70%
        ) !important;

    filter: blur(12px) !important;

    opacity: .65 !important;

    transition:
        transform .7s ease,
        opacity .5s ease !important;
}


/* =========================================================
   HOVER FRAME
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954:hover {

    transform:
        translateY(-10px)
        translateZ(30px)
        rotateX(2deg)
        rotateY(-1deg) !important;

    border-color:
        rgba(110,231,183,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 18px 30px rgba(0,0,0,.20),
        0 35px 65px rgba(0,0,0,.32),
        0 55px 95px rgba(0,0,0,.28),
        0 0 45px rgba(16,185,129,.18) !important;
}


/* =========================================================
   HOVER IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954:hover img {

    transform:
        translateZ(45px)
        scale(1.025) !important;


}


/* =========================================================
   HOVER GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954:hover::before {

    left: 130% !important;
}


/* =========================================================
   HOVER EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954:hover::after {

    opacity: .95 !important;

    transform:
        translateZ(40px)
        scale(1.15) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-30479 .elementor-element.elementor-element-8aa5954 {

        padding: 7px !important;

        border-radius: 22px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-8aa5954 a,
    .elementor-30479 .elementor-element.elementor-element-8aa5954 img {

        border-radius: 15px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-8aa5954:hover {

        transform:
            translateY(-5px) !important;
    }

    .elementor-30479 .elementor-element.elementor-element-8aa5954:hover img {

        transform:
            translateZ(25px)
            scale(1.015) !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-30479 .elementor-element.elementor-element-8aa5954,
    .elementor-30479 .elementor-element.elementor-element-8aa5954 img,
    .elementor-30479 .elementor-element.elementor-element-8aa5954::before,
    .elementor-30479 .elementor-element.elementor-element-8aa5954::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a5ba28 *//* =========================================================
   ELEMENTOR IMAGE WIDGET
   PREMIUM 3D GLASS EMERALD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28 {
    --green: #10b981;
    --green-light: #6ee7b7;

    position: relative !important;

    perspective: 1200px !important;

    transform-style: preserve-3d !important;

    padding: 0px 5px 0px 5px !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,.16),
            rgba(7,35,27,.78) 48%,
            rgba(2,15,11,.94)
        ) !important;

    border: 1px solid rgba(110,231,183,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 12px 25px rgba(0,0,0,.20),
        0 28px 55px rgba(0,0,0,.28),
        0 45px 80px rgba(0,0,0,.20),
        0 0 35px rgba(16,185,129,.10) !important;

    overflow: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        border-color .4s ease !important;
}


/* =========================================================
   IMAGE LINK
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28 a {

    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 19px !important;

    overflow: hidden !important;

    transform:
        translateZ(25px) !important;

    transform-style: preserve-3d !important;

    box-shadow:
        0 12px 25px rgba(0,0,0,.28) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28 img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 2 / 1 !important;

    object-fit: cover !important;

    border-radius: 19px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform:
        translateZ(30px)
        scale(1) !important;

    filter:
        brightness(.96)
        saturate(1.04) !important;

    backface-visibility: hidden !important;

    -webkit-backface-visibility: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        filter .45s ease !important;
}


/* =========================================================
   GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28::before {

    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    pointer-events: none !important;

    top: 0 !important;
    left: -120% !important;

    width: 70% !important;
    height: 100% !important;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            rgba(255,255,255,.03) 35%,
            rgba(255,255,255,.18) 50%,
            rgba(255,255,255,.03) 65%,
            transparent 100%
        ) !important;

    transform:
        skewX(-18deg) !important;

    transition:
        left .8s ease !important;
}


/* =========================================================
   EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28::after {

    content: "" !important;

    position: absolute !important;

    z-index: 1 !important;

    pointer-events: none !important;

    width: 260px !important;
    height: 260px !important;

    top: -150px !important;
    right: -100px !important;

    background:
        radial-gradient(
            circle,
            rgba(16,185,129,.30),
            rgba(16,185,129,.10) 35%,
            transparent 70%
        ) !important;

    filter: blur(12px) !important;

    opacity: .65 !important;

    transition:
        transform .7s ease,
        opacity .5s ease !important;
}


/* =========================================================
   HOVER FRAME
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28:hover {

    transform:
        translateY(-10px)
        translateZ(30px)
        rotateX(2deg)
        rotateY(-1deg) !important;

    border-color:
        rgba(110,231,183,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 18px 30px rgba(0,0,0,.20),
        0 35px 65px rgba(0,0,0,.32),
        0 55px 95px rgba(0,0,0,.28),
        0 0 45px rgba(16,185,129,.18) !important;
}


/* =========================================================
   HOVER IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28:hover img {

    transform:
        translateZ(45px)
        scale(1.025) !important;


}


/* =========================================================
   HOVER GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28:hover::before {

    left: 130% !important;
}


/* =========================================================
   HOVER EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28:hover::after {

    opacity: .95 !important;

    transform:
        translateZ(40px)
        scale(1.15) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-30479 .elementor-element.elementor-element-9a5ba28 {

        padding: 7px !important;

        border-radius: 22px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-9a5ba28 a,
    .elementor-30479 .elementor-element.elementor-element-9a5ba28 img {

        border-radius: 15px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-9a5ba28:hover {

        transform:
            translateY(-5px) !important;
    }

    .elementor-30479 .elementor-element.elementor-element-9a5ba28:hover img {

        transform:
            translateZ(25px)
            scale(1.015) !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-30479 .elementor-element.elementor-element-9a5ba28,
    .elementor-30479 .elementor-element.elementor-element-9a5ba28 img,
    .elementor-30479 .elementor-element.elementor-element-9a5ba28::before,
    .elementor-30479 .elementor-element.elementor-element-9a5ba28::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f3066a *//* =========================================================
   ELEMENTOR IMAGE WIDGET
   PREMIUM 3D GLASS EMERALD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a {
    --green: #10b981;
    --green-light: #6ee7b7;

    position: relative !important;

    perspective: 1200px !important;

    transform-style: preserve-3d !important;

    padding: 0px 5px 0px 5px !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,.16),
            rgba(7,35,27,.78) 48%,
            rgba(2,15,11,.94)
        ) !important;

    border: 1px solid rgba(110,231,183,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 12px 25px rgba(0,0,0,.20),
        0 28px 55px rgba(0,0,0,.28),
        0 45px 80px rgba(0,0,0,.20),
        0 0 35px rgba(16,185,129,.10) !important;

    overflow: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        border-color .4s ease !important;
}


/* =========================================================
   IMAGE LINK
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a a {

    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 19px !important;

    overflow: hidden !important;

    transform:
        translateZ(25px) !important;

    transform-style: preserve-3d !important;

    box-shadow:
        0 12px 25px rgba(0,0,0,.28) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 2 / 1 !important;

    object-fit: cover !important;

    border-radius: 19px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform:
        translateZ(30px)
        scale(1) !important;

    filter:
        brightness(.96)
        saturate(1.04) !important;

    backface-visibility: hidden !important;

    -webkit-backface-visibility: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        filter .45s ease !important;
}


/* =========================================================
   GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a::before {

    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    pointer-events: none !important;

    top: 0 !important;
    left: -120% !important;

    width: 70% !important;
    height: 100% !important;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            rgba(255,255,255,.03) 35%,
            rgba(255,255,255,.18) 50%,
            rgba(255,255,255,.03) 65%,
            transparent 100%
        ) !important;

    transform:
        skewX(-18deg) !important;

    transition:
        left .8s ease !important;
}


/* =========================================================
   EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a::after {

    content: "" !important;

    position: absolute !important;

    z-index: 1 !important;

    pointer-events: none !important;

    width: 260px !important;
    height: 260px !important;

    top: -150px !important;
    right: -100px !important;

    background:
        radial-gradient(
            circle,
            rgba(16,185,129,.30),
            rgba(16,185,129,.10) 35%,
            transparent 70%
        ) !important;

    filter: blur(12px) !important;

    opacity: .65 !important;

    transition:
        transform .7s ease,
        opacity .5s ease !important;
}


/* =========================================================
   HOVER FRAME
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a:hover {

    transform:
        translateY(-10px)
        translateZ(30px)
        rotateX(2deg)
        rotateY(-1deg) !important;

    border-color:
        rgba(110,231,183,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 18px 30px rgba(0,0,0,.20),
        0 35px 65px rgba(0,0,0,.32),
        0 55px 95px rgba(0,0,0,.28),
        0 0 45px rgba(16,185,129,.18) !important;
}


/* =========================================================
   HOVER IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a:hover img {

    transform:
        translateZ(45px)
        scale(1.025) !important;


}


/* =========================================================
   HOVER GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a:hover::before {

    left: 130% !important;
}


/* =========================================================
   HOVER EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a:hover::after {

    opacity: .95 !important;

    transform:
        translateZ(40px)
        scale(1.15) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-30479 .elementor-element.elementor-element-6f3066a {

        padding: 7px !important;

        border-radius: 22px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-6f3066a a,
    .elementor-30479 .elementor-element.elementor-element-6f3066a img {

        border-radius: 15px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-6f3066a:hover {

        transform:
            translateY(-5px) !important;
    }

    .elementor-30479 .elementor-element.elementor-element-6f3066a:hover img {

        transform:
            translateZ(25px)
            scale(1.015) !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-30479 .elementor-element.elementor-element-6f3066a,
    .elementor-30479 .elementor-element.elementor-element-6f3066a img,
    .elementor-30479 .elementor-element.elementor-element-6f3066a::before,
    .elementor-30479 .elementor-element.elementor-element-6f3066a::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d7ad63c *//* =========================================================
   ELEMENTOR IMAGE WIDGET
   PREMIUM 3D GLASS EMERALD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c {
    --green: #10b981;
    --green-light: #6ee7b7;

    position: relative !important;

    perspective: 1200px !important;

    transform-style: preserve-3d !important;

    padding: 0px 5px 0px 5px !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,.16),
            rgba(7,35,27,.78) 48%,
            rgba(2,15,11,.94)
        ) !important;

    border: 1px solid rgba(110,231,183,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 12px 25px rgba(0,0,0,.20),
        0 28px 55px rgba(0,0,0,.28),
        0 45px 80px rgba(0,0,0,.20),
        0 0 35px rgba(16,185,129,.10) !important;

    overflow: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        border-color .4s ease !important;
}


/* =========================================================
   IMAGE LINK
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c a {

    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 19px !important;

    overflow: hidden !important;

    transform:
        translateZ(25px) !important;

    transform-style: preserve-3d !important;

    box-shadow:
        0 12px 25px rgba(0,0,0,.28) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 2 / 1 !important;

    object-fit: cover !important;

    border-radius: 19px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform:
        translateZ(30px)
        scale(1) !important;

    filter:
        brightness(.96)
        saturate(1.04) !important;

    backface-visibility: hidden !important;

    -webkit-backface-visibility: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        filter .45s ease !important;
}


/* =========================================================
   GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c::before {

    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    pointer-events: none !important;

    top: 0 !important;
    left: -120% !important;

    width: 70% !important;
    height: 100% !important;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            rgba(255,255,255,.03) 35%,
            rgba(255,255,255,.18) 50%,
            rgba(255,255,255,.03) 65%,
            transparent 100%
        ) !important;

    transform:
        skewX(-18deg) !important;

    transition:
        left .8s ease !important;
}


/* =========================================================
   EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c::after {

    content: "" !important;

    position: absolute !important;

    z-index: 1 !important;

    pointer-events: none !important;

    width: 260px !important;
    height: 260px !important;

    top: -150px !important;
    right: -100px !important;

    background:
        radial-gradient(
            circle,
            rgba(16,185,129,.30),
            rgba(16,185,129,.10) 35%,
            transparent 70%
        ) !important;

    filter: blur(12px) !important;

    opacity: .65 !important;

    transition:
        transform .7s ease,
        opacity .5s ease !important;
}


/* =========================================================
   HOVER FRAME
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c:hover {

    transform:
        translateY(-10px)
        translateZ(30px)
        rotateX(2deg)
        rotateY(-1deg) !important;

    border-color:
        rgba(110,231,183,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 18px 30px rgba(0,0,0,.20),
        0 35px 65px rgba(0,0,0,.32),
        0 55px 95px rgba(0,0,0,.28),
        0 0 45px rgba(16,185,129,.18) !important;
}


/* =========================================================
   HOVER IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c:hover img {

    transform:
        translateZ(45px)
        scale(1.025) !important;


}


/* =========================================================
   HOVER GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c:hover::before {

    left: 130% !important;
}


/* =========================================================
   HOVER EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-d7ad63c:hover::after {

    opacity: .95 !important;

    transform:
        translateZ(40px)
        scale(1.15) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-30479 .elementor-element.elementor-element-d7ad63c {

        padding: 7px !important;

        border-radius: 22px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-d7ad63c a,
    .elementor-30479 .elementor-element.elementor-element-d7ad63c img {

        border-radius: 15px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-d7ad63c:hover {

        transform:
            translateY(-5px) !important;
    }

    .elementor-30479 .elementor-element.elementor-element-d7ad63c:hover img {

        transform:
            translateZ(25px)
            scale(1.015) !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-30479 .elementor-element.elementor-element-d7ad63c,
    .elementor-30479 .elementor-element.elementor-element-d7ad63c img,
    .elementor-30479 .elementor-element.elementor-element-d7ad63c::before,
    .elementor-30479 .elementor-element.elementor-element-d7ad63c::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a4be963 *//* =========================================================
   ELEMENTOR IMAGE WIDGET
   PREMIUM 3D GLASS EMERALD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963 {
    --green: #10b981;
    --green-light: #6ee7b7;

    position: relative !important;

    perspective: 1200px !important;

    transform-style: preserve-3d !important;

    padding: 0px 5px 0px 5px !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,.16),
            rgba(7,35,27,.78) 48%,
            rgba(2,15,11,.94)
        ) !important;

    border: 1px solid rgba(110,231,183,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 12px 25px rgba(0,0,0,.20),
        0 28px 55px rgba(0,0,0,.28),
        0 45px 80px rgba(0,0,0,.20),
        0 0 35px rgba(16,185,129,.10) !important;

    overflow: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        border-color .4s ease !important;
}


/* =========================================================
   IMAGE LINK
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963 a {

    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 19px !important;

    overflow: hidden !important;

    transform:
        translateZ(25px) !important;

    transform-style: preserve-3d !important;

    box-shadow:
        0 12px 25px rgba(0,0,0,.28) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963 img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 2 / 1 !important;

    object-fit: cover !important;

    border-radius: 19px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform:
        translateZ(30px)
        scale(1) !important;

    filter:
        brightness(.96)
        saturate(1.04) !important;

    backface-visibility: hidden !important;

    -webkit-backface-visibility: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        filter .45s ease !important;
}


/* =========================================================
   GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963::before {

    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    pointer-events: none !important;

    top: 0 !important;
    left: -120% !important;

    width: 70% !important;
    height: 100% !important;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            rgba(255,255,255,.03) 35%,
            rgba(255,255,255,.18) 50%,
            rgba(255,255,255,.03) 65%,
            transparent 100%
        ) !important;

    transform:
        skewX(-18deg) !important;

    transition:
        left .8s ease !important;
}


/* =========================================================
   EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963::after {

    content: "" !important;

    position: absolute !important;

    z-index: 1 !important;

    pointer-events: none !important;

    width: 260px !important;
    height: 260px !important;

    top: -150px !important;
    right: -100px !important;

    background:
        radial-gradient(
            circle,
            rgba(16,185,129,.30),
            rgba(16,185,129,.10) 35%,
            transparent 70%
        ) !important;

    filter: blur(12px) !important;

    opacity: .65 !important;

    transition:
        transform .7s ease,
        opacity .5s ease !important;
}


/* =========================================================
   HOVER FRAME
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963:hover {

    transform:
        translateY(-10px)
        translateZ(30px)
        rotateX(2deg)
        rotateY(-1deg) !important;

    border-color:
        rgba(110,231,183,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 18px 30px rgba(0,0,0,.20),
        0 35px 65px rgba(0,0,0,.32),
        0 55px 95px rgba(0,0,0,.28),
        0 0 45px rgba(16,185,129,.18) !important;
}


/* =========================================================
   HOVER IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963:hover img {

    transform:
        translateZ(45px)
        scale(1.025) !important;


}


/* =========================================================
   HOVER GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963:hover::before {

    left: 130% !important;
}


/* =========================================================
   HOVER EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-a4be963:hover::after {

    opacity: .95 !important;

    transform:
        translateZ(40px)
        scale(1.15) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-30479 .elementor-element.elementor-element-a4be963 {

        padding: 7px !important;

        border-radius: 22px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-a4be963 a,
    .elementor-30479 .elementor-element.elementor-element-a4be963 img {

        border-radius: 15px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-a4be963:hover {

        transform:
            translateY(-5px) !important;
    }

    .elementor-30479 .elementor-element.elementor-element-a4be963:hover img {

        transform:
            translateZ(25px)
            scale(1.015) !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-30479 .elementor-element.elementor-element-a4be963,
    .elementor-30479 .elementor-element.elementor-element-a4be963 img,
    .elementor-30479 .elementor-element.elementor-element-a4be963::before,
    .elementor-30479 .elementor-element.elementor-element-a4be963::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8aa5954 *//* =========================================================
   ELEMENTOR IMAGE WIDGET
   PREMIUM 3D GLASS EMERALD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954 {
    --green: #10b981;
    --green-light: #6ee7b7;

    position: relative !important;

    perspective: 1200px !important;

    transform-style: preserve-3d !important;

    padding: 0px 5px 0px 5px !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,.16),
            rgba(7,35,27,.78) 48%,
            rgba(2,15,11,.94)
        ) !important;

    border: 1px solid rgba(110,231,183,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 12px 25px rgba(0,0,0,.20),
        0 28px 55px rgba(0,0,0,.28),
        0 45px 80px rgba(0,0,0,.20),
        0 0 35px rgba(16,185,129,.10) !important;

    overflow: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        border-color .4s ease !important;
}


/* =========================================================
   IMAGE LINK
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954 a {

    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 19px !important;

    overflow: hidden !important;

    transform:
        translateZ(25px) !important;

    transform-style: preserve-3d !important;

    box-shadow:
        0 12px 25px rgba(0,0,0,.28) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954 img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 2 / 1 !important;

    object-fit: cover !important;

    border-radius: 19px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform:
        translateZ(30px)
        scale(1) !important;

    filter:
        brightness(.96)
        saturate(1.04) !important;

    backface-visibility: hidden !important;

    -webkit-backface-visibility: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        filter .45s ease !important;
}


/* =========================================================
   GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954::before {

    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    pointer-events: none !important;

    top: 0 !important;
    left: -120% !important;

    width: 70% !important;
    height: 100% !important;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            rgba(255,255,255,.03) 35%,
            rgba(255,255,255,.18) 50%,
            rgba(255,255,255,.03) 65%,
            transparent 100%
        ) !important;

    transform:
        skewX(-18deg) !important;

    transition:
        left .8s ease !important;
}


/* =========================================================
   EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954::after {

    content: "" !important;

    position: absolute !important;

    z-index: 1 !important;

    pointer-events: none !important;

    width: 260px !important;
    height: 260px !important;

    top: -150px !important;
    right: -100px !important;

    background:
        radial-gradient(
            circle,
            rgba(16,185,129,.30),
            rgba(16,185,129,.10) 35%,
            transparent 70%
        ) !important;

    filter: blur(12px) !important;

    opacity: .65 !important;

    transition:
        transform .7s ease,
        opacity .5s ease !important;
}


/* =========================================================
   HOVER FRAME
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954:hover {

    transform:
        translateY(-10px)
        translateZ(30px)
        rotateX(2deg)
        rotateY(-1deg) !important;

    border-color:
        rgba(110,231,183,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 18px 30px rgba(0,0,0,.20),
        0 35px 65px rgba(0,0,0,.32),
        0 55px 95px rgba(0,0,0,.28),
        0 0 45px rgba(16,185,129,.18) !important;
}


/* =========================================================
   HOVER IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954:hover img {

    transform:
        translateZ(45px)
        scale(1.025) !important;


}


/* =========================================================
   HOVER GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954:hover::before {

    left: 130% !important;
}


/* =========================================================
   HOVER EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-8aa5954:hover::after {

    opacity: .95 !important;

    transform:
        translateZ(40px)
        scale(1.15) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-30479 .elementor-element.elementor-element-8aa5954 {

        padding: 7px !important;

        border-radius: 22px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-8aa5954 a,
    .elementor-30479 .elementor-element.elementor-element-8aa5954 img {

        border-radius: 15px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-8aa5954:hover {

        transform:
            translateY(-5px) !important;
    }

    .elementor-30479 .elementor-element.elementor-element-8aa5954:hover img {

        transform:
            translateZ(25px)
            scale(1.015) !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-30479 .elementor-element.elementor-element-8aa5954,
    .elementor-30479 .elementor-element.elementor-element-8aa5954 img,
    .elementor-30479 .elementor-element.elementor-element-8aa5954::before,
    .elementor-30479 .elementor-element.elementor-element-8aa5954::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a5ba28 *//* =========================================================
   ELEMENTOR IMAGE WIDGET
   PREMIUM 3D GLASS EMERALD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28 {
    --green: #10b981;
    --green-light: #6ee7b7;

    position: relative !important;

    perspective: 1200px !important;

    transform-style: preserve-3d !important;

    padding: 0px 5px 0px 5px !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,.16),
            rgba(7,35,27,.78) 48%,
            rgba(2,15,11,.94)
        ) !important;

    border: 1px solid rgba(110,231,183,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 12px 25px rgba(0,0,0,.20),
        0 28px 55px rgba(0,0,0,.28),
        0 45px 80px rgba(0,0,0,.20),
        0 0 35px rgba(16,185,129,.10) !important;

    overflow: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        border-color .4s ease !important;
}


/* =========================================================
   IMAGE LINK
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28 a {

    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 19px !important;

    overflow: hidden !important;

    transform:
        translateZ(25px) !important;

    transform-style: preserve-3d !important;

    box-shadow:
        0 12px 25px rgba(0,0,0,.28) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28 img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 2 / 1 !important;

    object-fit: cover !important;

    border-radius: 19px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform:
        translateZ(30px)
        scale(1) !important;

    filter:
        brightness(.96)
        saturate(1.04) !important;

    backface-visibility: hidden !important;

    -webkit-backface-visibility: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        filter .45s ease !important;
}


/* =========================================================
   GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28::before {

    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    pointer-events: none !important;

    top: 0 !important;
    left: -120% !important;

    width: 70% !important;
    height: 100% !important;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            rgba(255,255,255,.03) 35%,
            rgba(255,255,255,.18) 50%,
            rgba(255,255,255,.03) 65%,
            transparent 100%
        ) !important;

    transform:
        skewX(-18deg) !important;

    transition:
        left .8s ease !important;
}


/* =========================================================
   EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28::after {

    content: "" !important;

    position: absolute !important;

    z-index: 1 !important;

    pointer-events: none !important;

    width: 260px !important;
    height: 260px !important;

    top: -150px !important;
    right: -100px !important;

    background:
        radial-gradient(
            circle,
            rgba(16,185,129,.30),
            rgba(16,185,129,.10) 35%,
            transparent 70%
        ) !important;

    filter: blur(12px) !important;

    opacity: .65 !important;

    transition:
        transform .7s ease,
        opacity .5s ease !important;
}


/* =========================================================
   HOVER FRAME
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28:hover {

    transform:
        translateY(-10px)
        translateZ(30px)
        rotateX(2deg)
        rotateY(-1deg) !important;

    border-color:
        rgba(110,231,183,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 18px 30px rgba(0,0,0,.20),
        0 35px 65px rgba(0,0,0,.32),
        0 55px 95px rgba(0,0,0,.28),
        0 0 45px rgba(16,185,129,.18) !important;
}


/* =========================================================
   HOVER IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28:hover img {

    transform:
        translateZ(45px)
        scale(1.025) !important;


}


/* =========================================================
   HOVER GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28:hover::before {

    left: 130% !important;
}


/* =========================================================
   HOVER EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-9a5ba28:hover::after {

    opacity: .95 !important;

    transform:
        translateZ(40px)
        scale(1.15) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-30479 .elementor-element.elementor-element-9a5ba28 {

        padding: 7px !important;

        border-radius: 22px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-9a5ba28 a,
    .elementor-30479 .elementor-element.elementor-element-9a5ba28 img {

        border-radius: 15px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-9a5ba28:hover {

        transform:
            translateY(-5px) !important;
    }

    .elementor-30479 .elementor-element.elementor-element-9a5ba28:hover img {

        transform:
            translateZ(25px)
            scale(1.015) !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-30479 .elementor-element.elementor-element-9a5ba28,
    .elementor-30479 .elementor-element.elementor-element-9a5ba28 img,
    .elementor-30479 .elementor-element.elementor-element-9a5ba28::before,
    .elementor-30479 .elementor-element.elementor-element-9a5ba28::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f3066a *//* =========================================================
   ELEMENTOR IMAGE WIDGET
   PREMIUM 3D GLASS EMERALD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a {
    --green: #10b981;
    --green-light: #6ee7b7;

    position: relative !important;

    perspective: 1200px !important;

    transform-style: preserve-3d !important;

    padding: 0px 5px 0px 5px !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,.16),
            rgba(7,35,27,.78) 48%,
            rgba(2,15,11,.94)
        ) !important;

    border: 1px solid rgba(110,231,183,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 12px 25px rgba(0,0,0,.20),
        0 28px 55px rgba(0,0,0,.28),
        0 45px 80px rgba(0,0,0,.20),
        0 0 35px rgba(16,185,129,.10) !important;

    overflow: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        border-color .4s ease !important;
}


/* =========================================================
   IMAGE LINK
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a a {

    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 19px !important;

    overflow: hidden !important;

    transform:
        translateZ(25px) !important;

    transform-style: preserve-3d !important;

    box-shadow:
        0 12px 25px rgba(0,0,0,.28) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 2 / 1 !important;

    object-fit: cover !important;

    border-radius: 19px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform:
        translateZ(30px)
        scale(1) !important;

    filter:
        brightness(.96)
        saturate(1.04) !important;

    backface-visibility: hidden !important;

    -webkit-backface-visibility: hidden !important;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        filter .45s ease !important;
}


/* =========================================================
   GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a::before {

    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    pointer-events: none !important;

    top: 0 !important;
    left: -120% !important;

    width: 70% !important;
    height: 100% !important;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            rgba(255,255,255,.03) 35%,
            rgba(255,255,255,.18) 50%,
            rgba(255,255,255,.03) 65%,
            transparent 100%
        ) !important;

    transform:
        skewX(-18deg) !important;

    transition:
        left .8s ease !important;
}


/* =========================================================
   EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a::after {

    content: "" !important;

    position: absolute !important;

    z-index: 1 !important;

    pointer-events: none !important;

    width: 260px !important;
    height: 260px !important;

    top: -150px !important;
    right: -100px !important;

    background:
        radial-gradient(
            circle,
            rgba(16,185,129,.30),
            rgba(16,185,129,.10) 35%,
            transparent 70%
        ) !important;

    filter: blur(12px) !important;

    opacity: .65 !important;

    transition:
        transform .7s ease,
        opacity .5s ease !important;
}


/* =========================================================
   HOVER FRAME
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a:hover {

    transform:
        translateY(-10px)
        translateZ(30px)
        rotateX(2deg)
        rotateY(-1deg) !important;

    border-color:
        rgba(110,231,183,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 18px 30px rgba(0,0,0,.20),
        0 35px 65px rgba(0,0,0,.32),
        0 55px 95px rgba(0,0,0,.28),
        0 0 45px rgba(16,185,129,.18) !important;
}


/* =========================================================
   HOVER IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a:hover img {

    transform:
        translateZ(45px)
        scale(1.025) !important;


}


/* =========================================================
   HOVER GLASS SHINE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a:hover::before {

    left: 130% !important;
}


/* =========================================================
   HOVER EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-6f3066a:hover::after {

    opacity: .95 !important;

    transform:
        translateZ(40px)
        scale(1.15) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-30479 .elementor-element.elementor-element-6f3066a {

        padding: 7px !important;

        border-radius: 22px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-6f3066a a,
    .elementor-30479 .elementor-element.elementor-element-6f3066a img {

        border-radius: 15px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-6f3066a:hover {

        transform:
            translateY(-5px) !important;
    }

    .elementor-30479 .elementor-element.elementor-element-6f3066a:hover img {

        transform:
            translateZ(25px)
            scale(1.015) !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-30479 .elementor-element.elementor-element-6f3066a,
    .elementor-30479 .elementor-element.elementor-element-6f3066a img,
    .elementor-30479 .elementor-element.elementor-element-6f3066a::before,
    .elementor-30479 .elementor-element.elementor-element-6f3066a::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-28df894 *//* =========================================================
   3D EMERALD PREMIUM CAROUSEL
   Elementor
   Glassmorphism + Deep Space + Nature UI
   FINAL VERSION
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-28df894 {
    --emerald: #10b981;
    --emerald-light: #6ee7b7;
    --dark: #06140f;
    --glass: rgba(8, 28, 21, 0.72);

    perspective: 1400px;
}


/* =========================================================
   SWIPER
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-28df894 .swiper {
    overflow: visible !important;
    padding: 0px 20px 40px !important;
}


/* =========================================================
   3D SLIDE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-28df894 .swiper-slide {

    position: relative;

    border-radius: 30px;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,0.15) 0%,
            rgba(7,35,27,0.78) 45%,
            rgba(3,16,12,0.92) 100%
        ) !important;

    border: 1px solid rgba(110,231,183,0.22);

    backdrop-filter: blur(18px) saturate(145%);
    -webkit-backdrop-filter: blur(18px) saturate(145%);

    transform-style: preserve-3d;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.10),
        inset 0 -1px 0 rgba(0,0,0,0.35),

        0 8px 10px rgba(0,0,0,0.12),
        0 18px 25px rgba(0,0,0,0.18),
        0 35px 55px rgba(0,0,0,0.24);

    transform:
        translateZ(0)
        scale(.94);

    transition:
        transform .65s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        border-color .4s ease,
        filter .5s ease;

    overflow: hidden;

    /* فاصله 10px دور تصویر */
    padding: 10px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ACTIVE CARD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-28df894 .swiper-slide-active {

    transform:
        translateZ(55px)
        scale(1.02);

    border-color:
        rgba(110,231,183,0.48);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.14),
        inset 0 -1px 0 rgba(0,0,0,0.35),

        0 12px 15px rgba(0,0,0,0.12),
        0 25px 40px rgba(0,0,0,0.22),
        0 45px 75px rgba(0,0,0,0.30),

        0 0 35px rgba(16,185,129,0.10);

    filter:
        brightness(1.04)
        saturate(1.08);
}


/* =========================================================
   SIDE CARDS
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-28df894 .swiper-slide:not(.swiper-slide-active) {

    filter:
        brightness(.88)
        saturate(.80);
}


/* =========================================================
   AMBIENT EMERALD LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-28df894 .swiper-slide::before {

    content: "";

    position: absolute;

    width: 280px;
    height: 280px;

    top: -160px;
    right: -100px;

    background:
        radial-gradient(
            circle,
            rgba(16,185,129,0.30) 0%,
            rgba(16,185,129,0.10) 35%,
            transparent 70%
        );

    filter: blur(8px);

    opacity: .65;

    transform:
        translateZ(35px);

    pointer-events: none;

    transition:
        transform .7s ease,
        opacity .5s ease;
}


/* =========================================================
   BOTTOM DEPTH LIGHT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-28df894 .swiper-slide::after {

    content: "";

    position: absolute;

    left: 10%;
    right: 10%;
    bottom: -40px;

    height: 70px;

    background:
        radial-gradient(
            ellipse,
            rgba(16,185,129,0.22),
            transparent 70%
        );

   filter: blur(15px);

    opacity: .35;

    transform: translateZ(-30px);

    pointer-events: none;
}


/* =========================================================
   HOVER CARD
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-28df894 .swiper-slide:hover {

    transform:
        translateY(-10px)
        translateZ(35px)
        rotateX(1deg)
        scale(1.015);

    border-color:
        rgba(110,231,183,0.52);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.15),

        0 15px 20px rgba(0,0,0,0.12),
        0 30px 50px rgba(0,0,0,0.25),
        0 50px 80px rgba(0,0,0,0.32),

        0 0 40px rgba(16,185,129,0.14);
}


.elementor-30479 .elementor-element.elementor-element-28df894 .swiper-slide:hover::before {

    opacity: 1;

    transform:
        translateZ(50px)
        scale(1.15);
}


/* =========================================================
   IMAGE
   فاصله واقعی 10px از کانتینر
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-28df894 .swiper-slide img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 2 / 1 !important;

    object-fit: cover !important;

    object-position: center !important;

    border-radius: 16px !important;

    transform:
        translateZ(18px);

    image-rendering: auto;

    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;

    transition:
        filter .5s ease !important;
}


/* =========================================================
   HOVER IMAGE
   بدون SCALE برای حفظ کیفیت
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-28df894 .swiper-slide:hover img {

    transform:
        translateZ(18px);

    filter:
        brightness(1.06)
        saturate(1.08);
}


/* =========================================================
   ACTIVE IMAGE
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-28df894 .swiper-slide-active img {

    filter:
        brightness(1.04)
        saturate(1.06);
}


/* =========================================================
   CONTENT DEPTH
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-28df894 .swiper-slide .elementor-widget-container {

    transform-style: preserve-3d;
}


.elementor-30479 .elementor-element.elementor-element-28df894 .swiper-slide .elementor-heading-title {

    transform:
        translateZ(28px);

    color: #ecfff7;

    transition:
        transform .5s ease,
        text-shadow .4s ease;
}


.elementor-30479 .elementor-element.elementor-element-28df894 .swiper-slide:hover .elementor-heading-title {

    transform:
        translateZ(40px);

    text-shadow:
        0 0 22px rgba(110,231,183,0.18);
}


/* =========================================================
   ARROWS - FLOATING 3D
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-28df894 .swiper-button-next,
.elementor-30479 .elementor-element.elementor-element-28df894 .swiper-button-prev {

    width: 50px;
    height: 50px;

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            rgba(16,185,129,0.25),
            rgba(4,30,22,0.80)
        );

    border: 1px solid rgba(110,231,183,0.32);

    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.10),
        0 10px 25px rgba(0,0,0,0.30);

    transition:
        transform .35s ease,
        background .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}


.elementor-30479 .elementor-element.elementor-element-28df894 .swiper-button-prev {
    left: -15px;
}


.elementor-30479 .elementor-element.elementor-element-28df894 .swiper-button-next {
    right: -15px;
}


.elementor-30479 .elementor-element.elementor-element-28df894 .swiper-button-next:hover,
.elementor-30479 .elementor-element.elementor-element-28df894 .swiper-button-prev:hover {

    transform:
        translateY(-3px)
        scale(1.08);

    background:
        rgba(16,185,129,0.32);

    border-color:
        rgba(110,231,183,0.65);

    box-shadow:
        0 12px 30px rgba(0,0,0,0.35),
        0 0 25px rgba(16,185,129,0.18);
}


.elementor-30479 .elementor-element.elementor-element-28df894 .swiper-button-next::after,
.elementor-30479 .elementor-element.elementor-element-28df894 .swiper-button-prev::after {

    font-size: 15px;

    color: #eafff6;

    font-weight: 600;
}


/* =========================================================
   PREMIUM 3D PAGINATION
   3X LARGER
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-28df894 .swiper-pagination {

    bottom: 5px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 12px !important;

    perspective: 500px;
}


/* =========================================================
   NORMAL DOT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-28df894 .swiper-pagination-bullet {

    width: 21px !important;
    height: 21px !important;

    margin: 0 !important;

    opacity: 1 !important;

    border-radius: 50% !important;

    background:
        linear-gradient(
            145deg,
            rgba(110,231,183,0.35),
            rgba(4,45,32,0.85)
        ) !important;

    border:
        1px solid rgba(110,231,183,0.35) !important;

    box-shadow:

        inset 0 2px 2px rgba(255,255,255,0.16),

        inset 0 -4px 6px rgba(0,0,0,0.35),

        0 5px 10px rgba(0,0,0,0.30),

        0 0 8px rgba(16,185,129,0.08) !important;

    transform:
        translateZ(0);

    transition:
        transform .35s cubic-bezier(.2,.8,.2,1),
        background .35s ease,
        box-shadow .35s ease,
        border-color .35s ease !important;
}


/* =========================================================
   DOT HOVER
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-28df894 .swiper-pagination-bullet:hover {

    transform:
        translateY(-4px)
        translateZ(15px)
        scale(1.15) !important;

    background:
        linear-gradient(
            145deg,
            rgba(110,231,183,0.65),
            rgba(5,90,62,0.90)
        ) !important;

    border-color:
        rgba(167,243,208,0.75) !important;

    box-shadow:

        inset 0 2px 3px rgba(255,255,255,0.20),

        inset 0 -4px 7px rgba(0,0,0,0.30),

        0 8px 18px rgba(0,0,0,0.30),

        0 0 20px rgba(16,185,129,0.30) !important;
}


/* =========================================================
   ACTIVE DOT
   ========================================================= */

.elementor-30479 .elementor-element.elementor-element-28df894 .swiper-pagination-bullet-active {

    width: 84px !important;
    height: 21px !important;

    border-radius: 20px !important;

    background:
        linear-gradient(
            90deg,
            #047857 0%,
            #10b981 45%,
            #6ee7b7 100%
        ) !important;

    border:
        1px solid rgba(167,243,208,0.70) !important;

    box-shadow:

        inset 0 2px 3px rgba(255,255,255,0.30),

        inset 0 -4px 6px rgba(0,0,0,0.20),

        0 7px 15px rgba(0,0,0,0.30),

        0 0 16px rgba(16,185,129,0.50),

        0 0 35px rgba(16,185,129,0.20) !important;

    transform:
        translateY(-2px)
        translateZ(18px) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-30479 .elementor-element.elementor-element-28df894 .swiper {

        padding:
            20px 10px 60px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-28df894 .swiper-slide {

        border-radius: 18px;

        transform:
            scale(.96);

        padding: 10px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-28df894 .swiper-slide-active {

        transform:
            translateZ(25px)
            scale(1);
    }

    .elementor-30479 .elementor-element.elementor-element-28df894 .swiper-slide:hover {

        transform:
            translateY(-5px)
            scale(1);
    }

    .elementor-30479 .elementor-element.elementor-element-28df894 .swiper-slide img {

        border-radius: 14px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-28df894 .swiper-button-next,
    .elementor-30479 .elementor-element.elementor-element-28df894 .swiper-button-prev {

        width: 40px;
        height: 40px;
    }

    .elementor-30479 .elementor-element.elementor-element-28df894 .swiper-button-prev {
        left: -5px;
    }

    .elementor-30479 .elementor-element.elementor-element-28df894 .swiper-button-next {
        right: -5px;
    }

    .elementor-30479 .elementor-element.elementor-element-28df894 .swiper-pagination {

        gap: 8px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-28df894 .swiper-pagination-bullet {

        width: 17px !important;
        height: 17px !important;
    }

    .elementor-30479 .elementor-element.elementor-element-28df894 .swiper-pagination-bullet-active {

        width: 65px !important;
        height: 17px !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-30479 .elementor-element.elementor-element-28df894 .swiper-slide,
    .elementor-30479 .elementor-element.elementor-element-28df894 .swiper-slide img,
    .elementor-30479 .elementor-element.elementor-element-28df894 .swiper-button-next,
    .elementor-30479 .elementor-element.elementor-element-28df894 .swiper-button-prev,
    .elementor-30479 .elementor-element.elementor-element-28df894 .swiper-pagination-bullet {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e58caf6 */.elementor-30479 .elementor-element.elementor-element-e58caf6 {

    position: relative;
    overflow: hidden;


    background:

    linear-gradient(
        145deg,
        rgba(75,105,85,.22),
        rgba(18,35,27,.45)
    );


    border-radius:18px;


    border:

    1px solid rgba(210,235,220,.18);



    backdrop-filter:

    blur(35px)
    saturate(115%);



    -webkit-backdrop-filter:

    blur(35px)
    saturate(115%);



    box-shadow:


    0 30px 90px rgba(0,0,0,.45),


    inset 0 1px 2px rgba(255,255,255,.18),


    inset 0 -25px 60px rgba(0,20,10,.35);



    transition:

    .5s cubic-bezier(.2,.8,.2,1);

}



/* انعکاس طبیعی روی شیشه */

.elementor-30479 .elementor-element.elementor-element-e58caf6::before {

    content:"";


    position:absolute;


    top:-120px;

    left:15%;


    width:380px;

    height:220px;



    background:


    radial-gradient(

        circle,

        rgba(240,255,245,.16),

        transparent 70%

    );



    filter:

    blur(55px);


    opacity:.7;


}



/* سایه سبز محیطی */

.elementor-30479 .elementor-element.elementor-element-e58caf6::after {


    content:"";


    position:absolute;


    right:-150px;

    bottom:-180px;


    width:420px;

    height:420px;



    background:


    radial-gradient(

        circle,

        rgba(70,150,100,.16),

        transparent 70%

    );



    filter:

    blur(90px);


}



/* محتوا */

.elementor-30479 .elementor-element.elementor-element-e58caf6 > .e-con-inner {

    position:relative;

    z-index:2;

}



/* Hover نرم */

.elementor-30479 .elementor-element.elementor-element-e58caf6:hover {


    transform:

    translateY(-6px);



    border-color:

    rgba(220,255,235,.3);



    box-shadow:


    0 45px 100px rgba(0,0,0,.55),


    inset 0 1px 3px rgba(255,255,255,.25);


}



/* متن */

.elementor-30479 .elementor-element.elementor-element-e58caf6 h1,
.elementor-30479 .elementor-element.elementor-element-e58caf6 h2,
.elementor-30479 .elementor-element.elementor-element-e58caf6 h3 {


    color:#f3faf5;


    font-weight:700;


}



.elementor-30479 .elementor-element.elementor-element-e58caf6 p {


    color:

    rgba(230,240,235,.72);


}



/* دکمه طبیعی */

.elementor-30479 .elementor-element.elementor-element-e58caf6 .elementor-button {


    border-radius:100px;


    background:

    rgba(225,240,230,.9);



    color:#10251a;



    box-shadow:


    0 10px 30px rgba(0,0,0,.18);



    transition:.35s;


}


.elementor-30479 .elementor-element.elementor-element-e58caf6 .elementor-button:hover {


    transform:

    translateY(-3px);


    background:white;


}

/* =========================================
   🌿 PREMIUM EMERALD LIGHT MOVEMENT
   Glass Reflection Animation
========================================= */


/* لایه نور متحرک */

.elementor-30479 .elementor-element.elementor-element-e58caf6 {

    isolation:isolate;

}


.elementor-30479 .elementor-element.elementor-element-e58caf6 .e-con-inner {

    position:relative;
    z-index:3;

}



/* نور عبوری روی شیشه */

.elementor-30479 .elementor-element.elementor-element-e58caf6::before {

    animation:

    glassLightMove 12s
    ease-in-out
    infinite;

}



/* نور سبز محیطی متحرک */

.elementor-30479 .elementor-element.elementor-element-e58caf6::after {

    animation:

    emeraldGlowMove 10s
    ease-in-out
    infinite alternate;

}



/* حرکت انعکاس شیشه */

@keyframes glassLightMove {


    0% {

        transform:
        translate(-80px,-30px)
        scale(1);


        opacity:.45;

    }


    50% {

        transform:
        translate(80px,40px)
        scale(1.15);


        opacity:.85;

    }


    100% {

        transform:
        translate(-80px,-30px)
        scale(1);


        opacity:.45;

    }

}



/* تنفس نور سبز */

@keyframes emeraldGlowMove {


    0% {

        transform:
        translate(0,0)
        scale(1);


        opacity:.45;

    }


    50% {

        transform:
        translate(-50px,-30px)
        scale(1.18);


        opacity:.8;

    }


    100% {

        transform:
        translate(20px,20px)
        scale(1.05);


        opacity:.55;

    }

}



/* یک خط انعکاس خیلی ظریف روی لبه */

.elementor-30479 .elementor-element.elementor-element-e58caf6 {

    overflow:hidden;

}



.elementor-30479 .elementor-element.elementor-element-e58caf6 > .e-con-inner::before {


    content:"";

    position:absolute;


    top:0;

    left:-120%;


    width:70%;

    height:100%;



    background:

    linear-gradient(

        110deg,

        transparent,

        rgba(200,255,220,.12),

        transparent

    );


    transform:skewX(-20deg);


    animation:

    glassSweep 8s
    ease-in-out
    infinite;



    pointer-events:none;

}



@keyframes glassSweep {


    0% {

        left:-120%;

    }


    40% {

        left:130%;

    }


    100% {

        left:130%;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-368c20b */.elementor-30479 .elementor-element.elementor-element-368c20b {

    position: relative;
    overflow: hidden;


    background:

    linear-gradient(
        145deg,
        rgba(75,105,85,.22),
        rgba(18,35,27,.45)
    );


    border-radius:18px;


    border:

    1px solid rgba(210,235,220,.18);



    backdrop-filter:

    blur(35px)
    saturate(115%);



    -webkit-backdrop-filter:

    blur(35px)
    saturate(115%);



    box-shadow:


    0 30px 90px rgba(0,0,0,.45),


    inset 0 1px 2px rgba(255,255,255,.18),


    inset 0 -25px 60px rgba(0,20,10,.35);



    transition:

    .5s cubic-bezier(.2,.8,.2,1);

}



/* انعکاس طبیعی روی شیشه */

.elementor-30479 .elementor-element.elementor-element-368c20b::before {

    content:"";


    position:absolute;


    top:-120px;

    left:15%;


    width:380px;

    height:220px;



    background:


    radial-gradient(

        circle,

        rgba(240,255,245,.16),

        transparent 70%

    );



    filter:

    blur(55px);


    opacity:.7;


}



/* سایه سبز محیطی */

.elementor-30479 .elementor-element.elementor-element-368c20b::after {


    content:"";


    position:absolute;


    right:-150px;

    bottom:-180px;


    width:420px;

    height:420px;



    background:


    radial-gradient(

        circle,

        rgba(70,150,100,.16),

        transparent 70%

    );



    filter:

    blur(90px);


}



/* محتوا */

.elementor-30479 .elementor-element.elementor-element-368c20b > .e-con-inner {

    position:relative;

    z-index:2;

}



/* Hover نرم */

.elementor-30479 .elementor-element.elementor-element-368c20b:hover {


    transform:

    translateY(-6px);



    border-color:

    rgba(220,255,235,.3);



    box-shadow:


    0 45px 100px rgba(0,0,0,.55),


    inset 0 1px 3px rgba(255,255,255,.25);


}



/* متن */

.elementor-30479 .elementor-element.elementor-element-368c20b h1,
.elementor-30479 .elementor-element.elementor-element-368c20b h2,
.elementor-30479 .elementor-element.elementor-element-368c20b h3 {


    color:#f3faf5;


    font-weight:700;


}



.elementor-30479 .elementor-element.elementor-element-368c20b p {


    color:

    rgba(230,240,235,.72);


}



/* دکمه طبیعی */

.elementor-30479 .elementor-element.elementor-element-368c20b .elementor-button {


    border-radius:100px;


    background:

    rgba(225,240,230,.9);



    color:#10251a;



    box-shadow:


    0 10px 30px rgba(0,0,0,.18);



    transition:.35s;


}


.elementor-30479 .elementor-element.elementor-element-368c20b .elementor-button:hover {


    transform:

    translateY(-3px);


    background:white;


}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab26672 */.elementor-30479 .elementor-element.elementor-element-ab26672 {

    position:relative;
    overflow:hidden;


    background:


    linear-gradient(

        145deg,

        rgba(85,130,105,.32),

        rgba(35,75,55,.48),

        rgba(8,25,18,.65)

    );


    border-radius:32px;


    border:

    1px solid rgba(170,230,195,.25);



    backdrop-filter:

    blur(40px)
    saturate(125%);



    -webkit-backdrop-filter:

    blur(40px)
    saturate(125%);



    box-shadow:


    0 35px 100px rgba(0,0,0,.55),


    0 0 50px rgba(40,180,120,.12),


    inset 0 1px 3px rgba(230,255,240,.25),


    inset 0 -35px 80px rgba(0,45,30,.55);



    transition:

    .55s cubic-bezier(.2,.8,.2,1);

}



/* =========================================
   انعکاس طبیعی شیشه
========================================= */


.elementor-30479 .elementor-element.elementor-element-ab26672::before {


    content:"";


    position:absolute;


    top:-140px;

    left:15%;



    width:450px;

    height:260px;



    background:


    radial-gradient(

        circle,

        rgba(220,255,235,.22),

        rgba(140,220,170,.08),

        transparent 70%

    );



    filter:

    blur(60px);



    opacity:.85;



    pointer-events:none;


}



/* =========================================
   نور سبز یشمی محیطی
========================================= */


.elementor-30479 .elementor-element.elementor-element-ab26672::after {


    content:"";


    position:absolute;



    right:-180px;

    bottom:-200px;



    width:520px;

    height:520px;



    background:


    radial-gradient(

        circle,

        rgba(80,190,135,.28),

        rgba(30,120,80,.14),

        transparent 70%

    );



    filter:

    blur(100px);



    opacity:.9;



    pointer-events:none;


}



/* =========================================
   محتوا روی شیشه
========================================= */


.elementor-30479 .elementor-element.elementor-element-ab26672 > .e-con-inner {


    position:relative;

    z-index:3;


}



/* =========================================
   حرکت آرام نور
========================================= */


.elementor-30479 .elementor-element.elementor-element-ab26672::before {


    animation:

    jadeReflection 14s ease-in-out infinite;


}


.elementor-30479 .elementor-element.elementor-element-ab26672::after {


    animation:

    jadeGlow 12s ease-in-out infinite alternate;


}



@keyframes jadeReflection {


    0% {

        transform:

        translate(-40px,-20px)
        scale(1);

        opacity:.5;

    }


    50% {

        transform:

        translate(70px,40px)
        scale(1.15);

        opacity:.9;

    }


    100% {

        transform:

        translate(-40px,-20px)
        scale(1);

        opacity:.5;

    }

}



@keyframes jadeGlow {


    0% {

        transform:

        translate(0,0)
        scale(1);

        opacity:.45;

    }


    100% {

        transform:

        translate(-50px,-30px)
        scale(1.18);

        opacity:.85;

    }

}



/* =========================================
   Hover لوکس
========================================= */


.elementor-30479 .elementor-element.elementor-element-ab26672:hover {


    transform:

    translateY(-8px);



    border-color:

    rgba(200,255,220,.4);



    box-shadow:


    0 55px 130px rgba(0,0,0,.65),


    0 0 70px rgba(60,220,140,.18),


    inset 0 1px 4px rgba(255,255,255,.35);


}



/* =========================================
   متن
========================================= */


.elementor-30479 .elementor-element.elementor-element-ab26672 h1,
.elementor-30479 .elementor-element.elementor-element-ab26672 h2,
.elementor-30479 .elementor-element.elementor-element-ab26672 h3 {


    color:#f2fff7;


    font-weight:700;


    text-shadow:

    0 10px 30px rgba(0,0,0,.45);


}



.elementor-30479 .elementor-element.elementor-element-ab26672 p {


    color:

    rgba(225,245,235,.75);


}



/* =========================================
   دکمه
========================================= */


.elementor-30479 .elementor-element.elementor-element-ab26672 .elementor-button {


    border-radius:100px;


    background:


    linear-gradient(

        135deg,

        rgba(230,255,240,.95),

        rgba(170,230,195,.85)

    );


    color:#10251a;



    box-shadow:


    0 12px 35px rgba(0,0,0,.25),


    0 0 25px rgba(70,190,130,.2);



    transition:.35s;


}



.elementor-30479 .elementor-element.elementor-element-ab26672 .elementor-button:hover {


    transform:

    translateY(-3px)
    scale(1.03);



    background:#ffffff;


}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14f54ef */.elementor-30479 .elementor-element.elementor-element-14f54ef {

    position: relative;
    overflow: hidden;


    background:

    linear-gradient(
        145deg,
        rgba(75,105,85,.22),
        rgba(18,35,27,.45)
    );


    border-radius:18px;


    border:

    1px solid rgba(210,235,220,.18);



    backdrop-filter:

    blur(35px)
    saturate(115%);



    -webkit-backdrop-filter:

    blur(35px)
    saturate(115%);



    box-shadow:


    0 30px 90px rgba(0,0,0,.45),


    inset 0 1px 2px rgba(255,255,255,.18),


    inset 0 -25px 60px rgba(0,20,10,.35);



    transition:

    .5s cubic-bezier(.2,.8,.2,1);

}



/* انعکاس طبیعی روی شیشه */

.elementor-30479 .elementor-element.elementor-element-14f54ef::before {

    content:"";


    position:absolute;


    top:-120px;

    left:15%;


    width:380px;

    height:220px;



    background:


    radial-gradient(

        circle,

        rgba(240,255,245,.16),

        transparent 70%

    );



    filter:

    blur(55px);


    opacity:.7;


}



/* سایه سبز محیطی */

.elementor-30479 .elementor-element.elementor-element-14f54ef::after {


    content:"";


    position:absolute;


    right:-150px;

    bottom:-180px;


    width:420px;

    height:420px;



    background:


    radial-gradient(

        circle,

        rgba(70,150,100,.16),

        transparent 70%

    );



    filter:

    blur(90px);


}



/* محتوا */

.elementor-30479 .elementor-element.elementor-element-14f54ef > .e-con-inner {

    position:relative;

    z-index:2;

}



/* Hover نرم */

.elementor-30479 .elementor-element.elementor-element-14f54ef:hover {


    transform:

    translateY(-6px);



    border-color:

    rgba(220,255,235,.3);



    box-shadow:


    0 45px 100px rgba(0,0,0,.55),


    inset 0 1px 3px rgba(255,255,255,.25);


}



/* متن */

.elementor-30479 .elementor-element.elementor-element-14f54ef h1,
.elementor-30479 .elementor-element.elementor-element-14f54ef h2,
.elementor-30479 .elementor-element.elementor-element-14f54ef h3 {


    color:#f3faf5;


    font-weight:700;


}



.elementor-30479 .elementor-element.elementor-element-14f54ef p {


    color:

    rgba(230,240,235,.72);


}



/* دکمه طبیعی */

.elementor-30479 .elementor-element.elementor-element-14f54ef .elementor-button {


    border-radius:100px;


    background:

    rgba(225,240,230,.9);



    color:#10251a;



    box-shadow:


    0 10px 30px rgba(0,0,0,.18);



    transition:.35s;


}


.elementor-30479 .elementor-element.elementor-element-14f54ef .elementor-button:hover {


    transform:

    translateY(-3px);


    background:white;


}

/* =========================================
   🌿 PREMIUM EMERALD LIGHT MOVEMENT
   Glass Reflection Animation
========================================= */


/* لایه نور متحرک */

.elementor-30479 .elementor-element.elementor-element-14f54ef {

    isolation:isolate;

}


.elementor-30479 .elementor-element.elementor-element-14f54ef .e-con-inner {

    position:relative;
    z-index:3;

}



/* نور عبوری روی شیشه */

.elementor-30479 .elementor-element.elementor-element-14f54ef::before {

    animation:

    glassLightMove 12s
    ease-in-out
    infinite;

}



/* نور سبز محیطی متحرک */

.elementor-30479 .elementor-element.elementor-element-14f54ef::after {

    animation:

    emeraldGlowMove 10s
    ease-in-out
    infinite alternate;

}



/* حرکت انعکاس شیشه */

@keyframes glassLightMove {


    0% {

        transform:
        translate(-80px,-30px)
        scale(1);


        opacity:.45;

    }


    50% {

        transform:
        translate(80px,40px)
        scale(1.15);


        opacity:.85;

    }


    100% {

        transform:
        translate(-80px,-30px)
        scale(1);


        opacity:.45;

    }

}



/* تنفس نور سبز */

@keyframes emeraldGlowMove {


    0% {

        transform:
        translate(0,0)
        scale(1);


        opacity:.45;

    }


    50% {

        transform:
        translate(-50px,-30px)
        scale(1.18);


        opacity:.8;

    }


    100% {

        transform:
        translate(20px,20px)
        scale(1.05);


        opacity:.55;

    }

}



/* یک خط انعکاس خیلی ظریف روی لبه */

.elementor-30479 .elementor-element.elementor-element-14f54ef {

    overflow:hidden;

}



.elementor-30479 .elementor-element.elementor-element-14f54ef > .e-con-inner::before {


    content:"";

    position:absolute;


    top:0;

    left:-120%;


    width:70%;

    height:100%;



    background:

    linear-gradient(

        110deg,

        transparent,

        rgba(200,255,220,.12),

        transparent

    );


    transform:skewX(-20deg);


    animation:

    glassSweep 8s
    ease-in-out
    infinite;



    pointer-events:none;

}



@keyframes glassSweep {


    0% {

        left:-120%;

    }


    40% {

        left:130%;

    }


    100% {

        left:130%;

    }

}/* End custom CSS */