.elementor-1201 .elementor-element.elementor-element-f1b60f1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1201 .elementor-element.elementor-element-f1b60f1:not(.elementor-motion-effects-element-type-background), .elementor-1201 .elementor-element.elementor-element-f1b60f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e14a17b );}.elementor-1201 .elementor-element.elementor-element-062a9f3{--display:flex;--min-height:700px;--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;--gap:0px 40px;--row-gap:0px;--column-gap:40px;--flex-wrap:wrap;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1201 .elementor-element.elementor-element-062a9f3:not(.elementor-motion-effects-element-type-background), .elementor-1201 .elementor-element.elementor-element-062a9f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1201 .elementor-element.elementor-element-062a9f3.e-con{--align-self:center;}.elementor-1201 .elementor-element.elementor-element-47d9784{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:stretch;}.elementor-1201 .elementor-element.elementor-element-b64316f .elementor-wrapper{--video-aspect-ratio:1.77777;}.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-1201 .elementor-element.elementor-element-0ba4b4e{margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Poppins", Sans-serif;font-size:56px;font-weight:400;color:var( --e-global-color-e14a17b );}.elementor-1201 .elementor-element.elementor-element-2c4e82f{--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:flex-start;--gap:0px 40px;--row-gap:0px;--column-gap:40px;--flex-wrap:wrap;--overflow:hidden;}.elementor-1201 .elementor-element.elementor-element-2c4e82f:not(.elementor-motion-effects-element-type-background), .elementor-1201 .elementor-element.elementor-element-2c4e82f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-e14a17b ) 0%, var( --e-global-color-e5a875c ) 100%);}.elementor-1201 .elementor-element.elementor-element-2c4e82f > .elementor-shape-top .elementor-shape-fill, .elementor-1201 .elementor-element.elementor-element-2c4e82f > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#000000;}.elementor-1201 .elementor-element.elementor-element-6178e5a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1201 .elementor-element.elementor-element-2ba73e8{--spacer-size:150px;}.elementor-1201 .elementor-element.elementor-element-368cc64{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:stretch;}.elementor-1201 .elementor-element.elementor-element-b06c875{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1201 .elementor-element.elementor-element-a945d88 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:42px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-b2e1608{text-align:start;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-629af1f );}.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-1201 .elementor-element.elementor-element-c929cb2.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-1201 .elementor-element.elementor-element-c929cb2.eael_liquid_glass_shadow-effect1{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:24px 24px 24px 24px;box-shadow:0px 19px 26px 1px rgba(0,0,0,0.78);}.elementor-1201 .elementor-element.elementor-element-c929cb2 img{border-radius:15px 15px 15px 15px;}.elementor-1201 .elementor-element.elementor-element-d39d524{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:stretch;}.elementor-1201 .elementor-element.elementor-element-77f0b16.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-1201 .elementor-element.elementor-element-77f0b16.eael_liquid_glass_shadow-effect1{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:24px 24px 24px 24px;box-shadow:0px 19px 26px 1px rgba(0,0,0,0.78);}.elementor-1201 .elementor-element.elementor-element-77f0b16 img{border-radius:15px 15px 15px 15px;}.elementor-1201 .elementor-element.elementor-element-467e673{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1201 .elementor-element.elementor-element-249f1cb{--display:flex;}.elementor-1201 .elementor-element.elementor-element-9f867b3{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-666e5bb{--display:flex;}.elementor-1201 .elementor-element.elementor-element-a1230cb{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-5aad053{--display:flex;}.elementor-1201 .elementor-element.elementor-element-4e66236{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-b5ad874{--display:flex;}.elementor-1201 .elementor-element.elementor-element-6605ad3{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-b0595c8{--display:flex;}.elementor-1201 .elementor-element.elementor-element-c451b9e{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-240887a{--n-accordion-title-font-size:16px;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:15px 15px 15px 15px;--n-accordion-title-normal-color:var( --e-global-color-629af1f );--n-accordion-icon-size:15px;}:where( .elementor-1201 .elementor-element.elementor-element-240887a > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:var( --e-global-color-e14a17b );--border-radius:15px 15px 15px 15px;}.elementor-1201 .elementor-element.elementor-element-240887a > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-color:var( --e-global-color-629af1f );}:where( .elementor-1201 .elementor-element.elementor-element-240887a > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-1201 .elementor-element.elementor-element-b366a49{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-1201 .elementor-element.elementor-element-4d830d4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1201 .elementor-element.elementor-element-c20e654{--spacer-size:100px;}.elementor-1201 .elementor-element.elementor-element-19e331e{--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:flex-start;--gap:0px 40px;--row-gap:0px;--column-gap:40px;--flex-wrap:wrap;--overflow:hidden;--overlay-opacity:0.5;}.elementor-1201 .elementor-element.elementor-element-19e331e:not(.elementor-motion-effects-element-type-background), .elementor-1201 .elementor-element.elementor-element-19e331e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-e5a875c ) 0%, var( --e-global-color-e14a17b ) 100%);}.elementor-1201 .elementor-element.elementor-element-19e331e::before, .elementor-1201 .elementor-element.elementor-element-19e331e > .elementor-background-video-container::before, .elementor-1201 .elementor-element.elementor-element-19e331e > .e-con-inner > .elementor-background-video-container::before, .elementor-1201 .elementor-element.elementor-element-19e331e > .elementor-background-slideshow::before, .elementor-1201 .elementor-element.elementor-element-19e331e > .e-con-inner > .elementor-background-slideshow::before, .elementor-1201 .elementor-element.elementor-element-19e331e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-629af1f );--background-overlay:'';}.elementor-1201 .elementor-element.elementor-element-19e331e > .elementor-shape-top .elementor-shape-fill, .elementor-1201 .elementor-element.elementor-element-19e331e > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:var( --e-global-color-e5a875c );}.elementor-1201 .elementor-element.elementor-element-cf16cd2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1201 .elementor-element.elementor-element-f7301dc{--spacer-size:100px;}.elementor-1201 .elementor-element.elementor-element-37ed8e1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1201 .elementor-element.elementor-element-7d49f7a{--display:flex;}.elementor-1201 .elementor-element.elementor-element-634b610{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-f71dd3d{--display:flex;}.elementor-1201 .elementor-element.elementor-element-00cc372{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-b3d8588{--display:flex;}.elementor-1201 .elementor-element.elementor-element-831b776{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-5976220{--display:flex;}.elementor-1201 .elementor-element.elementor-element-0fb567a{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-cdc2795{--display:flex;}.elementor-1201 .elementor-element.elementor-element-d7b9e52{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-983ce9c{--n-accordion-title-font-size:16px;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:15px 15px 15px 15px;--n-accordion-title-normal-color:var( --e-global-color-e14a17b );--n-accordion-title-hover-color:var( --e-global-color-e5a875c );--n-accordion-title-active-color:var( --e-global-color-e5a875c );--n-accordion-icon-size:15px;}:where( .elementor-1201 .elementor-element.elementor-element-983ce9c > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:var( --e-global-color-e14a17b );--border-radius:15px 15px 15px 15px;}.elementor-1201 .elementor-element.elementor-element-983ce9c > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-color:var( --e-global-color-e14a17b );}:where( .elementor-1201 .elementor-element.elementor-element-983ce9c > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-1201 .elementor-element.elementor-element-4e56f83{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-1201 .elementor-element.elementor-element-75acd71{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:stretch;}.elementor-1201 .elementor-element.elementor-element-4a051f7.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-1201 .elementor-element.elementor-element-4a051f7.eael_liquid_glass_shadow-effect1{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:24px 24px 24px 24px;box-shadow:0px 19px 26px 1px rgba(0,0,0,0.78);}.elementor-1201 .elementor-element.elementor-element-4a051f7 img{border-radius:15px 15px 15px 15px;}.elementor-1201 .elementor-element.elementor-element-201d668{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:stretch;}.elementor-1201 .elementor-element.elementor-element-a2d9ab3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1201 .elementor-element.elementor-element-a2d9ab3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1201 .elementor-element.elementor-element-93bd0ab .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:42px;font-weight:400;color:var( --e-global-color-e14a17b );}.elementor-1201 .elementor-element.elementor-element-7d5f8b5{text-align:start;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-e14a17b );}.elementor-1201 .elementor-element.elementor-element-80dc791.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-1201 .elementor-element.elementor-element-80dc791.eael_liquid_glass_shadow-effect1{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:24px 24px 24px 24px;box-shadow:0px 19px 26px 1px rgba(0,0,0,0.78);}.elementor-1201 .elementor-element.elementor-element-80dc791 img{border-radius:15px 15px 15px 15px;}.elementor-1201 .elementor-element.elementor-element-512ac9e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1201 .elementor-element.elementor-element-da69c0c{--spacer-size:100px;}.elementor-1201 .elementor-element.elementor-element-e1253dd{--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:flex-start;--gap:0px 40px;--row-gap:0px;--column-gap:40px;--flex-wrap:wrap;--overflow:hidden;}.elementor-1201 .elementor-element.elementor-element-e1253dd:not(.elementor-motion-effects-element-type-background), .elementor-1201 .elementor-element.elementor-element-e1253dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-e14a17b ) 0%, var( --e-global-color-e5a875c ) 100%);}.elementor-1201 .elementor-element.elementor-element-42dbeb9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1201 .elementor-element.elementor-element-d243b24{--spacer-size:100px;}.elementor-1201 .elementor-element.elementor-element-dcea43c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:stretch;}.elementor-1201 .elementor-element.elementor-element-c6b8ebf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1201 .elementor-element.elementor-element-68f7afa .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:42px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-ad5145b{text-align:start;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-b52f195.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-1201 .elementor-element.elementor-element-b52f195.eael_liquid_glass_shadow-effect1{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:24px 24px 24px 24px;box-shadow:0px 19px 26px 1px rgba(0,0,0,0.78);}.elementor-1201 .elementor-element.elementor-element-b52f195 img{border-radius:15px 15px 15px 15px;}.elementor-1201 .elementor-element.elementor-element-73e9b8b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:stretch;}.elementor-1201 .elementor-element.elementor-element-4c93cb8.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-1201 .elementor-element.elementor-element-4c93cb8.eael_liquid_glass_shadow-effect1{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:24px 24px 24px 24px;box-shadow:0px 19px 26px 1px rgba(0,0,0,0.78);}.elementor-1201 .elementor-element.elementor-element-4c93cb8 img{border-radius:15px 15px 15px 15px;}.elementor-1201 .elementor-element.elementor-element-892ef56{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1201 .elementor-element.elementor-element-4f4058f{--display:flex;}.elementor-1201 .elementor-element.elementor-element-33051d8{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-b875c58{--display:flex;}.elementor-1201 .elementor-element.elementor-element-b8ee826{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-ea51d5d{--display:flex;}.elementor-1201 .elementor-element.elementor-element-4395bc2{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-18569b6{--display:flex;}.elementor-1201 .elementor-element.elementor-element-2b6214e{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-bfbca15{--display:flex;}.elementor-1201 .elementor-element.elementor-element-9e5e193{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-bb9842f{--n-accordion-title-font-size:16px;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:15px 15px 15px 15px;--n-accordion-title-normal-color:var( --e-global-color-629af1f );--n-accordion-icon-size:15px;}:where( .elementor-1201 .elementor-element.elementor-element-bb9842f > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:var( --e-global-color-e14a17b );--border-radius:15px 15px 15px 15px;}.elementor-1201 .elementor-element.elementor-element-bb9842f > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-color:var( --e-global-color-629af1f );}:where( .elementor-1201 .elementor-element.elementor-element-bb9842f > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-1201 .elementor-element.elementor-element-3a1b681{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-1201 .elementor-element.elementor-element-d02f517{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1201 .elementor-element.elementor-element-92e6ad0{--spacer-size:100px;}.elementor-1201 .elementor-element.elementor-element-eb57eec{--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:flex-start;--gap:0px 40px;--row-gap:0px;--column-gap:40px;--flex-wrap:wrap;--overflow:hidden;}.elementor-1201 .elementor-element.elementor-element-eb57eec:not(.elementor-motion-effects-element-type-background), .elementor-1201 .elementor-element.elementor-element-eb57eec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-e5a875c ) 0%, var( --e-global-color-e14a17b ) 100%);}.elementor-1201 .elementor-element.elementor-element-c8304ee{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1201 .elementor-element.elementor-element-760f92d{--spacer-size:100px;}.elementor-1201 .elementor-element.elementor-element-34d669c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1201 .elementor-element.elementor-element-87b6e90{--display:flex;}.elementor-1201 .elementor-element.elementor-element-5fbaabe{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-0c67449{--display:flex;}.elementor-1201 .elementor-element.elementor-element-3ee4d52{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-f457278{--display:flex;}.elementor-1201 .elementor-element.elementor-element-5305e73{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-0f1edde{--display:flex;}.elementor-1201 .elementor-element.elementor-element-d51e961{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-8b9b8b7{--display:flex;}.elementor-1201 .elementor-element.elementor-element-b21922b{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-354990e{--n-accordion-title-font-size:16px;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:15px 15px 15px 15px;--n-accordion-title-normal-color:var( --e-global-color-629af1f );--n-accordion-icon-size:15px;}:where( .elementor-1201 .elementor-element.elementor-element-354990e > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:var( --e-global-color-e14a17b );--border-radius:15px 15px 15px 15px;}.elementor-1201 .elementor-element.elementor-element-354990e > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-color:var( --e-global-color-629af1f );}:where( .elementor-1201 .elementor-element.elementor-element-354990e > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-1201 .elementor-element.elementor-element-8247457{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-1201 .elementor-element.elementor-element-cd71b1c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:stretch;}.elementor-1201 .elementor-element.elementor-element-9bd66ee.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-1201 .elementor-element.elementor-element-9bd66ee.eael_liquid_glass_shadow-effect1{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:24px 24px 24px 24px;box-shadow:0px 19px 26px 1px rgba(0,0,0,0.78);}.elementor-1201 .elementor-element.elementor-element-9bd66ee img{border-radius:15px 15px 15px 15px;}.elementor-1201 .elementor-element.elementor-element-935dd3b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:stretch;}.elementor-1201 .elementor-element.elementor-element-0bfa088{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1201 .elementor-element.elementor-element-157756e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:42px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-29ba10c{text-align:start;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-a6b5624.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-1201 .elementor-element.elementor-element-a6b5624.eael_liquid_glass_shadow-effect1{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:24px 24px 24px 24px;box-shadow:0px 19px 26px 1px rgba(0,0,0,0.78);}.elementor-1201 .elementor-element.elementor-element-a6b5624 img{border-radius:15px 15px 15px 15px;}.elementor-1201 .elementor-element.elementor-element-78d1181{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1201 .elementor-element.elementor-element-8eae335{--spacer-size:100px;}.elementor-1201 .elementor-element.elementor-element-9875045{--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:flex-start;--gap:0px 40px;--row-gap:0px;--column-gap:40px;--flex-wrap:wrap;--overflow:hidden;}.elementor-1201 .elementor-element.elementor-element-9875045:not(.elementor-motion-effects-element-type-background), .elementor-1201 .elementor-element.elementor-element-9875045 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-e14a17b ) 0%, var( --e-global-color-e5a875c ) 100%);}.elementor-1201 .elementor-element.elementor-element-3833209{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1201 .elementor-element.elementor-element-600f588{--spacer-size:100px;}.elementor-1201 .elementor-element.elementor-element-1de1439{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:stretch;}.elementor-1201 .elementor-element.elementor-element-390d1af{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1201 .elementor-element.elementor-element-0164a41 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:42px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-d136be1{text-align:start;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-dd45c95.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-1201 .elementor-element.elementor-element-dd45c95.eael_liquid_glass_shadow-effect1{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:24px 24px 24px 24px;box-shadow:0px 19px 26px 1px rgba(0,0,0,0.78);}.elementor-1201 .elementor-element.elementor-element-dd45c95 img{border-radius:15px 15px 15px 15px;}.elementor-1201 .elementor-element.elementor-element-14d1b56{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:stretch;}.elementor-1201 .elementor-element.elementor-element-e594f95.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-1201 .elementor-element.elementor-element-e594f95.eael_liquid_glass_shadow-effect1{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:24px 24px 24px 24px;box-shadow:0px 19px 26px 1px rgba(0,0,0,0.78);}.elementor-1201 .elementor-element.elementor-element-e594f95 img{border-radius:15px 15px 15px 15px;}.elementor-1201 .elementor-element.elementor-element-2f1cf0c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1201 .elementor-element.elementor-element-a754d1a{--display:flex;}.elementor-1201 .elementor-element.elementor-element-a33846f{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-ba4ece7{--display:flex;}.elementor-1201 .elementor-element.elementor-element-cca9336{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-3ed3e23{--display:flex;}.elementor-1201 .elementor-element.elementor-element-99bc76b{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-a6b4032{--display:flex;}.elementor-1201 .elementor-element.elementor-element-1e6a31e{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-b6d9527{--display:flex;}.elementor-1201 .elementor-element.elementor-element-cf8032a{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-847d7e8{--n-accordion-title-font-size:16px;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:15px 15px 15px 15px;--n-accordion-title-normal-color:var( --e-global-color-629af1f );--n-accordion-icon-size:15px;}:where( .elementor-1201 .elementor-element.elementor-element-847d7e8 > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:var( --e-global-color-e14a17b );--border-radius:15px 15px 15px 15px;}.elementor-1201 .elementor-element.elementor-element-847d7e8 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-color:var( --e-global-color-629af1f );}:where( .elementor-1201 .elementor-element.elementor-element-847d7e8 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-1201 .elementor-element.elementor-element-582bbc7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-1201 .elementor-element.elementor-element-978ee93{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1201 .elementor-element.elementor-element-3e5a662{--spacer-size:100px;}.elementor-1201 .elementor-element.elementor-element-2956461{--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:flex-start;--align-items:center;--gap:0px 40px;--row-gap:0px;--column-gap:40px;--flex-wrap:wrap;--overflow:hidden;}.elementor-1201 .elementor-element.elementor-element-2956461:not(.elementor-motion-effects-element-type-background), .elementor-1201 .elementor-element.elementor-element-2956461 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-e5a875c ) 0%, var( --e-global-color-e14a17b ) 100%);}.elementor-1201 .elementor-element.elementor-element-2956461 > .elementor-shape-top .elementor-shape-fill, .elementor-1201 .elementor-element.elementor-element-2956461 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:var( --e-global-color-e14a17b );}.elementor-1201 .elementor-element.elementor-element-aac857e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1201 .elementor-element.elementor-element-ec97a8d{--spacer-size:200px;}.elementor-1201 .elementor-element.elementor-element-4c00441{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:stretch;}.elementor-1201 .elementor-element.elementor-element-9d6358d.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-1201 .elementor-element.elementor-element-9d6358d.eael_liquid_glass_shadow-effect1{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:24px 24px 24px 24px;box-shadow:0px 19px 26px 1px rgba(0,0,0,0.78);}.elementor-1201 .elementor-element.elementor-element-9d6358d img{border-radius:15px 15px 15px 15px;}.elementor-1201 .elementor-element.elementor-element-191bb2d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:stretch;}.elementor-1201 .elementor-element.elementor-element-9e5ef07{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;}.elementor-1201 .elementor-element.elementor-element-c0e998d{text-align:start;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-6c6e51d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:42px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-8211a86{text-align:start;font-family:"Poppins", Sans-serif;font-size:24px;font-weight:400;color:var( --e-global-color-629af1f );}.elementor-1201 .elementor-element.elementor-element-cb5b0d4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-1201 .elementor-element.elementor-element-d03f196{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1201 .elementor-element.elementor-element-dc8e014{--spacer-size:200px;}.elementor-1201 .elementor-element.elementor-element-a352b9c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overflow:hidden;}.elementor-1201 .elementor-element.elementor-element-a352b9c:not(.elementor-motion-effects-element-type-background), .elementor-1201 .elementor-element.elementor-element-a352b9c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-629af1f );}@media(min-width:768px){.elementor-1201 .elementor-element.elementor-element-47d9784{--width:100%;}.elementor-1201 .elementor-element.elementor-element-6178e5a{--width:100%;}.elementor-1201 .elementor-element.elementor-element-368cc64{--width:30%;}.elementor-1201 .elementor-element.elementor-element-b06c875{--width:100%;}.elementor-1201 .elementor-element.elementor-element-d39d524{--width:30%;}.elementor-1201 .elementor-element.elementor-element-467e673{--width:30%;}.elementor-1201 .elementor-element.elementor-element-4d830d4{--width:100%;}.elementor-1201 .elementor-element.elementor-element-cf16cd2{--width:100%;}.elementor-1201 .elementor-element.elementor-element-37ed8e1{--width:30%;}.elementor-1201 .elementor-element.elementor-element-75acd71{--width:30%;}.elementor-1201 .elementor-element.elementor-element-201d668{--width:30%;}.elementor-1201 .elementor-element.elementor-element-a2d9ab3{--width:108.9%;}.elementor-1201 .elementor-element.elementor-element-512ac9e{--width:100%;}.elementor-1201 .elementor-element.elementor-element-42dbeb9{--width:100%;}.elementor-1201 .elementor-element.elementor-element-dcea43c{--width:30%;}.elementor-1201 .elementor-element.elementor-element-c6b8ebf{--width:100%;}.elementor-1201 .elementor-element.elementor-element-73e9b8b{--width:30%;}.elementor-1201 .elementor-element.elementor-element-892ef56{--width:30%;}.elementor-1201 .elementor-element.elementor-element-d02f517{--width:100%;}.elementor-1201 .elementor-element.elementor-element-c8304ee{--width:100%;}.elementor-1201 .elementor-element.elementor-element-34d669c{--width:30%;}.elementor-1201 .elementor-element.elementor-element-cd71b1c{--width:30%;}.elementor-1201 .elementor-element.elementor-element-935dd3b{--width:30%;}.elementor-1201 .elementor-element.elementor-element-0bfa088{--width:100%;}.elementor-1201 .elementor-element.elementor-element-78d1181{--width:100%;}.elementor-1201 .elementor-element.elementor-element-3833209{--width:100%;}.elementor-1201 .elementor-element.elementor-element-1de1439{--width:30%;}.elementor-1201 .elementor-element.elementor-element-390d1af{--width:100%;}.elementor-1201 .elementor-element.elementor-element-14d1b56{--width:30%;}.elementor-1201 .elementor-element.elementor-element-2f1cf0c{--width:30%;}.elementor-1201 .elementor-element.elementor-element-978ee93{--width:100%;}.elementor-1201 .elementor-element.elementor-element-aac857e{--width:100%;}.elementor-1201 .elementor-element.elementor-element-4c00441{--width:38%;}.elementor-1201 .elementor-element.elementor-element-191bb2d{--width:58%;}.elementor-1201 .elementor-element.elementor-element-9e5ef07{--width:100%;}.elementor-1201 .elementor-element.elementor-element-d03f196{--width:100%;}}@media(max-width:767px){.elementor-1201 .elementor-element.elementor-element-062a9f3{--width:100%;--min-height:50vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-1201 .elementor-element.elementor-element-47d9784{--margin-top:-300px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1201 .elementor-element.elementor-element-0ba4b4e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:32px;}.elementor-1201 .elementor-element.elementor-element-2ba73e8{--spacer-size:100px;}.elementor-1201 .elementor-element.elementor-element-b2e1608{font-size:22px;}.elementor-1201 .elementor-element.elementor-element-b366a49{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1201 .elementor-element.elementor-element-c20e654{--spacer-size:100px;}.elementor-1201 .elementor-element.elementor-element-f7301dc{--spacer-size:100px;}.elementor-1201 .elementor-element.elementor-element-4e56f83{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1201 .elementor-element.elementor-element-7d5f8b5{font-size:22px;}.elementor-1201 .elementor-element.elementor-element-da69c0c{--spacer-size:100px;}.elementor-1201 .elementor-element.elementor-element-d243b24{--spacer-size:100px;}.elementor-1201 .elementor-element.elementor-element-ad5145b{font-size:22px;}.elementor-1201 .elementor-element.elementor-element-3a1b681{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1201 .elementor-element.elementor-element-92e6ad0{--spacer-size:100px;}.elementor-1201 .elementor-element.elementor-element-760f92d{--spacer-size:100px;}.elementor-1201 .elementor-element.elementor-element-8247457{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1201 .elementor-element.elementor-element-29ba10c{font-size:22px;}.elementor-1201 .elementor-element.elementor-element-8eae335{--spacer-size:50px;}.elementor-1201 .elementor-element.elementor-element-600f588{--spacer-size:50px;}.elementor-1201 .elementor-element.elementor-element-d136be1{font-size:22px;}.elementor-1201 .elementor-element.elementor-element-582bbc7{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1201 .elementor-element.elementor-element-3e5a662{--spacer-size:100px;}.elementor-1201 .elementor-element.elementor-element-ec97a8d{--spacer-size:100px;}.elementor-1201 .elementor-element.elementor-element-c0e998d{font-size:22px;}.elementor-1201 .elementor-element.elementor-element-8211a86{font-size:22px;}.elementor-1201 .elementor-element.elementor-element-cb5b0d4{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1201 .elementor-element.elementor-element-dc8e014{--spacer-size:100px;}}/* Start custom CSS for container, class: .elementor-element-b366a49 */.area1 {
  --ease: cubic-bezier(0.5, 0, 0.3, 1);
  --ease-elastic: cubic-bezier(0.5, 2, 0.3, 0.8);
  --radius: 26px;
  --primary: #45f8f8;
  position: relative;
  cursor: pointer;
  user-select: none;
  transition: all 0.6s var(--ease-elastic);
}

.area1 input {
  opacity: 0;
  width: 0;
  height: 0;
}

.area1, .button1 {
    pointer-events: auto !important;
    position: relative;
}

.button1 {
  outline: none;
  cursor: pointer;
  border: 0;
  border-radius: var(--radius);
  position: relative;
  width: 250px;
  height: 60px;
  pointer-events: none;
  transform-style: preserve-3d;
  perspective: 1000px;
  transition:
    background-color 2s linear,
    box-shadow 0.5s ease,
    transform 0.6s ease;
  transform: rotateX(4deg);
  background: var(--primary);
  box-shadow:
    inset 0 0 30px rgb(34, 124, 136),
    0 5px 10px -2px rgba(0, 10, 20, 0.5),
    0 40px 30px -15px rgba(10, 20, 30, 0.3),
    inset 0 -2px 0 -1px #484e60,
    inset 0 0 2px 4px #888ea3;
  font-size: 21px;
  font-family: Poppins;
  letter-spacing: 1px;
}

.button1::before,
.button1::after {
  content: "";
  border-radius: 50%;
  width: 100px;
  height: 100px;
  background: white;
  position: absolute;
  display: block;
  filter: blur(40px);
  mix-blend-mode: plus-lighter;
  margin: auto;
  inset: 0;
  top: 10px;
  transition: all 1s ease;
}

@keyframes pulse-out1 {
  40% {
    transform: scale(1);
  }
}

.button1:after {
  transform: scale(0);
  animation: pulse-out1 3s var(--ease-elastic) infinite;
}

.button1:before,
.area1 input:not(:checked) ~ .button1::after {
  opacity: 0;
}

.area1 input:not(:checked) ~ .button1::before {
  opacity: 1;
}

.wrap1 {
  border-radius: calc(var(--radius) * 0.85);
  inset: 0;
  padding: 0;
  background: linear-gradient(to bottom, #6e96b6 0%, #00ffd2 50%, #00ffb7 100%);
  position: absolute;
  transform-origin: top;
  transform: scale(0.99, 1) translate(0px, -7px);
  transition: all 0.7s ease;
  animation: cover-close1 0.9s ease forwards;
}

.area1 input:not(:checked) ~ .button1 {
  .wrap1 {
    animation: cover-open1 0.9s ease forwards;
  }
}

@keyframes cover-open1 {
  0% {
    transform: translate3d(0, -7px, 10px);
    box-shadow: none;
  }
  20% {
    transform: translate3d(0, 0, 10px);
  }
  80% {
    transform: translate3d(0, 0, 10px) rotateY(0) rotateX(74deg);
  }
  100% {
    transform: translate3d(0, 0, 10px) rotateY(0) rotateX(70deg);
    box-shadow:
      rgb(121, 133, 147) 0px 5px 1px -1px,
      rgb(77, 97, 118) 0px 9px 0 -2px,
      rgb(0, 0, 0) 0px 60px 40px -30px;
  }
}

@keyframes cover-close1 {
  from {
    transform: translate3d(0px, 0px, 10px) rotateY(0) rotateX(70deg);
    box-shadow:
      0 5px 1px -1px #798593,
      0 10px 0px -1px #4d6176,
      0 60px 40px -30px black;
  }
  to {
    transform: scale(0.99, 1) translate3d(0px, -7px, 10px);
    box-shadow: none;
  }
}

.reflex1 {
  position: absolute;
  z-index: 2;
  inset: 0;
  overflow: hidden;
  border-radius: inherit;
}
.reflex1:before {
  content: "";
  position: absolute;
  width: 300px;
  background-color: rgba(255, 255, 255, 0.2);
  background: linear-gradient(
    to right,
    rgba(221, 249, 255, 0.2) 10%,
    rgba(221, 245, 255, 0.5) 60%,
    rgba(221, 246, 255, 0.4) 60%,
    rgba(221, 255, 254, 0.2) 90%
  );
  top: -40%;
  bottom: -40%;
  left: -132%;
  transform: translateX(0) skew(-30deg);
  transition: all 0.7s var(--ease);
}
.area1:hover .reflex1:before {
  transform: translate(192%, 0) skew(-30deg);
}

.path1 {
  position: absolute;
  left: 50%;
  top: 87%;
  transform: translateX(-50%);
  stroke-dasharray: 60 150;
  stroke-dashoffset: 60;
  pointer-events: none;
  overflow: visible;
  animation: path-in1 0.6s linear forwards;
  stroke-width: 2px;
}
.area1 input:not(:checked) ~ .button1 .path1 {
  animation: path-out1 1.2s ease forwards;
}
@keyframes path-out1 {
  from {
    transform: translateX(-50%) translateY(-15px);
    stroke: white;
  }
  to {
    stroke-dashoffset: -150;
    stroke: var(--primary);
    transform: translateX(-50%) translateY(15px);
  }
}

@keyframes path-in1 {
  from {
    stroke-dashoffset: -150;
    transform: translateX(-50%) translateY(-5px);
    stroke: white;
  }
  to {
    stroke: var(--primary);
    transform: translateX(-50%) translateY(-16px);
  }
}

.wave1 {
  position: absolute;
  margin: auto;
  transition: all 0.5s ease;
  border-radius: 70px;
  width: 110%;
  height: 150%;
  left: 50%;
  top: 56%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.wave1::before,
.wave1::after {
  content: "";
  position: absolute;
  border-radius: inherit;
  border-bottom: 3px solid white;
  border-top: 3px solid white;
  filter: blur(3px);
  inset: 0;
  transform: translate(50%);
  animation: wave1 1.5s linear infinite;
}
.wave1::after {
  animation-delay: 0.4s;
}

.area1 input:not(:checked) ~ .button1 .wave1 {
  opacity: 1;
}

@keyframes wave1 {
  0% {
    transform: scale(1);
    opacity: 0;
    box-shadow: 0 0 30px white;
  }
  35% {
    transform: scale(1.3);
    opacity: 1;
  }
  70%,
  100% {
    transform: scale(1.6);
    opacity: 0;
    box-shadow: 0 0 100px var(--primary);
  }
}

.content1 {
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  position: relative;
  height: 100%;
  gap: 14px;
  font-weight: 600;
  transition: all 0.3s ease;
  overflow: hidden;
  border-radius: calc(var(--radius) * 0.85);
}

.content1::before,
.content1::after {
  content: "";
  inset: 0px;
  position: absolute;
  transition: all 1s var(--ease);
  border-radius: inherit;
  z-index: -1;
}
.content1::before {
  filter: blur(2px);
  top: -2px;
  background: linear-gradient(to bottom, #dde0e1 30%, #aeb2b8 90%);
}
.content1::after {
  box-shadow:
    inset 0 -7px 1px 0 rgba(40, 70, 100, 0.2),
    inset 0 -4px 1px 0 rgba(40, 70, 100, 0.4),
    inset 0 -2px 0 0 rgba(20, 40, 60, 0.6),
    inset 0 -3px 0 0 white;
}

.text1 {
  transition: all 0.3s ease;
  transform: translateY(-2px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 0;
}
.text1 span {
  display: block;
  color: transparent;
  position: relative;
}
.text1 span:nth-child(4) {
  margin-right: 10px;
}

.text1 span::before,
.text1 span::after {
  content: attr(data-label);
  position: absolute;
  left: 0;
  color: #3c5d7d;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
}
.text1 span::before {
  opacity: 0;
  transform: translateY(-100%);
}


.text1.state-2 {
  span::before,
  span::after {
    color: #6b99b0;
  }
}

.area1 input:checked ~ .button1 .text1.state-2 {
  span {
    filter: blur(5px);
  }
}

.area1:hover .text1 span::before {
  animation: char-in1 0.8s ease calc(var(--i) * 0.04s) forwards;
}

.area1:hover .text1 span::after,
.area1 input:not(:checked) ~ .button1 .text1.state-1 span::before,
.area1 input:not(:checked) ~ .button1 .text1.state-1 span::after,
.area1 input:checked ~ .button1 .text1.state-2 span::before,
.area1 input:checked ~ .button1 .text1.state-2 span::after {
  opacity: 0;
  animation: char-out1 1.2s ease calc(var(--i) * 0.04s) backwards;
}

@keyframes char-in1 {
  0% {
    opacity: 0;
    transform: scale(10) translateX(-100%);
    filter: blur(10px);
    color: rgb(0, 251, 255);
  }
  25% {
    transform: translateY(10%)
      translateX(calc(-40px + ((var(--i) - 1) / 10) * 80px)) scale(2);
    opacity: 1;
    filter: blur(1px);
    color: transparent;
  }
  50% {
    transform: translateY(20%);
    opacity: 1;
    filter: blur(0);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
    filter: blur(0);
  }
}
@keyframes char-out1 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  40% {
    color: white;
  }
  100% {
    transform: translateY(-80%) scale(4);
    filter: blur(4px);
    color: black;
    text-shadow: 0 4px 2px #00ffd2;
    opacity: 0;
  }
}

.area1:hover {
  .button1 {
    transition:
      all 0.6s var(--ease-elastic),
      background 1s ease;
    transform: rotateX(0deg) translateY(5px);
  }
  .content1::before {
    transform: scale(0.97, 0.92);
  }
}

.area1:active {
  .button1 {
    transform: rotateX(0deg) translateY(8px);
  }
  .wrap1 {
    transform: scale(1) translate(0);
  }
  .wave1 {
    opacity: 0;
  }
  .content1::before {
    filter: blur(13px);
    transform: scaleX(0.95);
  }
}

.sparks1 {
  pointer-events: none;
  position: absolute;
  margin: auto;

  transform: translateZ(100px);
  stroke: rgba(255, 153, 0, 1);
  left: 54px;
  top: 10px;
  height: 58px;
  opacity: 0;

  path {
    stroke-width: 5px;
    stroke-dasharray: 30 150;
    stroke-dashoffset: 30;
    animation: sparks1 0.6s ease infinite;
    animation-delay: calc(var(--i) * 1s);
    animation-duration: calc(var(--i) * 0.05s + 0.6s);
  }
}

@keyframes sparks1 {
  0% {
    stroke-dasharray: 30 150;
  }
  50%,
  100% {
    stroke-dashoffset: -150;
  }
}

.area1 input:not(:checked) ~ .button1 {
  .gears1,
  .sparks1 {
    opacity: 1;
  }
  .sparks1 {
    transition: all 1.5s ease;
  }
}

.gears1 {
  overflow: hidden;
  border-radius: inherit;
  opacity: 0;
  position: absolute;
  inset: 4px;
  bottom: 1px;
  transition: all 1s ease;

  svg {
    width: 80%;
    fill: #49b9c2;
    top: 50%;
    position: relative;
    transform: translate(-50%, -50%);
    left: 43%;

    path {
      transform-origin: center;
      transform-box: fill-box;
    }
    .shadow1 {
      fill: rgba(36, 113, 125, 0.2);
      translate: 2px 8px;
    }
    .small1 {
      animation: spin1 2.5s infinite linear;
    }
    .medium1 {
      animation: spin1 reverse 3.75s infinite linear;
    }
    .large1 {
      translate: 3px -6px;
      animation: spin1 5s infinite linear;
    }
  }
}
.gears1::before,
.gears1::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  bottom: 11px;
  height: 7px;
  width: 7px;
  background: rgba(155, 155, 155, 0.3);
  box-shadow: inset 0px 2px rgba(0, 0, 0, 0.2);
}
.gears1::before {
  left: 12px;
}
.gears1::after {
  right: 12px;
}

@keyframes spin1 {
  to {
    transform: rotate(359deg);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e56f83 */.area2 {
  --ease: cubic-bezier(0.5, 0, 0.3, 1);
  --ease-elastic: cubic-bezier(0.5, 2, 0.3, 0.8);
  --radius: 26px;
  --primary: #45f8f8;
  position: relative;
  cursor: pointer;
  user-select: none;
  transition: all 0.6s var(--ease-elastic);
}

.area2 input {
  opacity: 0;
  width: 0;
  height: 0;
}

.area2, .button2 {
    pointer-events: auto !important;
    position: relative;
}

.button2 {
  outline: none;
  cursor: pointer;
  border: 0;
  border-radius: var(--radius);
  position: relative;
  width: 250px;
  height: 60px;
  pointer-events: none;
  transform-style: preserve-3d;
  perspective: 1000px;
  transition:
    background-color 2s linear,
    box-shadow 0.5s ease,
    transform 0.6s ease;
  transform: rotateX(4deg);
  background: var(--primary);
  box-shadow:
    inset 0 0 30px rgb(34, 124, 136),
    0 5px 10px -2px rgba(0, 10, 20, 0.5),
    0 40px 30px -15px rgba(10, 20, 30, 0.3),
    inset 0 -2px 0 -1px #484e60,
    inset 0 0 2px 4px #888ea3;
  font-size: 21px;
  font-family: Poppins;
  letter-spacing: 1px;
}

.button2::before,
.button2::after {
  content: "";
  border-radius: 50%;
  width: 100px;
  height: 100px;
  background: white;
  position: absolute;
  display: block;
  filter: blur(40px);
  mix-blend-mode: plus-lighter;
  margin: auto;
  inset: 0;
  top: 10px;
  transition: all 1s ease;
}

@keyframes pulse-out2 {
  40% {
    transform: scale(1);
  }
}

.button2:after {
  transform: scale(0);
  animation: pulse-out2 3s var(--ease-elastic) infinite;
}

.button2:before,
.area2 input:not(:checked) ~ .button2::after {
  opacity: 0;
}

.area2 input:not(:checked) ~ .button2::before {
  opacity: 1;
}

.wrap2 {
  border-radius: calc(var(--radius) * 0.85);
  inset: 0;
  padding: 0;
  background: linear-gradient(to bottom, #6e96b6 0%, #00ffd2 50%, #00ffb7 100%);
  position: absolute;
  transform-origin: top;
  transform: scale(0.99, 1) translate(0px, -7px);
  transition: all 0.7s ease;
  animation: cover-close2 0.9s ease forwards;
}

.area2 input:not(:checked) ~ .button2 {
  .wrap2 {
    animation: cover-open2 0.9s ease forwards;
  }
}

@keyframes cover-open2 {
  0% {
    transform: translate3d(0, -7px, 10px);
    box-shadow: none;
  }
  20% {
    transform: translate3d(0, 0, 10px);
  }
  80% {
    transform: translate3d(0, 0, 10px) rotateY(0) rotateX(74deg);
  }
  100% {
    transform: translate3d(0, 0, 10px) rotateY(0) rotateX(70deg);
    box-shadow:
      rgb(121, 133, 147) 0px 5px 1px -1px,
      rgb(77, 97, 118) 0px 9px 0 -2px,
      rgb(0, 0, 0) 0px 60px 40px -30px;
  }
}

@keyframes cover-close2 {
  from {
    transform: translate3d(0px, 0px, 10px) rotateY(0) rotateX(70deg);
    box-shadow:
      0 5px 1px -1px #798593,
      0 10px 0px -1px #4d6176,
      0 60px 40px -30px black;
  }
  to {
    transform: scale(0.99, 1) translate3d(0px, -7px, 10px);
    box-shadow: none;
  }
}

.reflex2 {
  position: absolute;
  z-index: 2;
  inset: 0;
  overflow: hidden;
  border-radius: inherit;
}
.reflex2:before {
  content: "";
  position: absolute;
  width: 300px;
  background-color: rgba(255, 255, 255, 0.2);
  background: linear-gradient(
    to right,
    rgba(221, 249, 255, 0.2) 10%,
    rgba(221, 245, 255, 0.5) 60%,
    rgba(221, 246, 255, 0.4) 60%,
    rgba(221, 255, 254, 0.2) 90%
  );
  top: -40%;
  bottom: -40%;
  left: -132%;
  transform: translateX(0) skew(-30deg);
  transition: all 0.7s var(--ease);
}
.area2:hover .reflex2:before {
  transform: translate(192%, 0) skew(-30deg);
}

.path2 {
  position: absolute;
  left: 50%;
  top: 87%;
  transform: translateX(-50%);
  stroke-dasharray: 60 150;
  stroke-dashoffset: 60;
  pointer-events: none;
  overflow: visible;
  animation: path-in2 0.6s linear forwards;
  stroke-width: 2px;
}
.area2 input:not(:checked) ~ .button2 .path2 {
  animation: path-out2 1.2s ease forwards;
}
@keyframes path-out2 {
  from {
    transform: translateX(-50%) translateY(-15px);
    stroke: white;
  }
  to {
    stroke-dashoffset: -150;
    stroke: var(--primary);
    transform: translateX(-50%) translateY(15px);
  }
}

@keyframes path-in2 {
  from {
    stroke-dashoffset: -150;
    transform: translateX(-50%) translateY(-5px);
    stroke: white;
  }
  to {
    stroke: var(--primary);
    transform: translateX(-50%) translateY(-16px);
  }
}

.wave2 {
  position: absolute;
  margin: auto;
  transition: all 0.5s ease;
  border-radius: 70px;
  width: 110%;
  height: 150%;
  left: 50%;
  top: 56%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.wave2::before,
.wave2::after {
  content: "";
  position: absolute;
  border-radius: inherit;
  border-bottom: 3px solid white;
  border-top: 3px solid white;
  filter: blur(3px);
  inset: 0;
  transform: translate(50%);
  animation: wave2 1.5s linear infinite;
}
.wave2::after {
  animation-delay: 0.4s;
}

.area2 input:not(:checked) ~ .button2 .wave2 {
  opacity: 1;
}

@keyframes wave2 {
  0% {
    transform: scale(1);
    opacity: 0;
    box-shadow: 0 0 30px white;
  }
  35% {
    transform: scale(1.3);
    opacity: 1;
  }
  70%,
  100% {
    transform: scale(1.6);
    opacity: 0;
    box-shadow: 0 0 100px var(--primary);
  }
}

.content2 {
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  position: relative;
  height: 100%;
  gap: 14px;
  font-weight: 600;
  transition: all 0.3s ease;
  overflow: hidden;
  border-radius: calc(var(--radius) * 0.85);
}

.content2::before,
.content2::after {
  content: "";
  inset: 0px;
  position: absolute;
  transition: all 1s var(--ease);
  border-radius: inherit;
  z-index: -1;
}
.content2::before {
  filter: blur(2px);
  top: -2px;
  background: linear-gradient(to bottom, #dde0e1 30%, #aeb2b8 90%);
}
.content2::after {
  box-shadow:
    inset 0 -7px 1px 0 rgba(40, 70, 100, 0.2),
    inset 0 -4px 1px 0 rgba(40, 70, 100, 0.4),
    inset 0 -2px 0 0 rgba(20, 40, 60, 0.6),
    inset 0 -3px 0 0 white;
}

.text2 {
  transition: all 0.3s ease;
  transform: translateY(-2px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 0;
}
.text2 span {
  display: block;
  color: transparent;
  position: relative;
}
.text2 span:nth-child(2),
.text2 span:nth-child(4) {
  margin-right: 10px;
}

.text2 span::before,
.text2 span::after {
  content: attr(data-label);
  position: absolute;
  left: 0;
  color: #3c5d7d;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
}
.text2 span::before {
  opacity: 0;
  transform: translateY(-100%);
}


.text2.state-2 {
  span::before,
  span::after {
    color: #6b99b0;
  }
}

.area2 input:checked ~ .button2 .text2.state-2 {
  span {
    filter: blur(5px);
  }
}

.area2:hover .text2 span::before {
  animation: char-in2 0.8s ease calc(var(--i) * 0.04s) forwards;
}

.area2:hover .text2 span::after,
.area2 input:not(:checked) ~ .button2 .text2.state-1 span::before,
.area2 input:not(:checked) ~ .button2 .text2.state-1 span::after,
.area2 input:checked ~ .button2 .text2.state-2 span::before,
.area2 input:checked ~ .button2 .text2.state-2 span::after {
  opacity: 0;
  animation: char-out2 1.2s ease calc(var(--i) * 0.04s) backwards;
}

@keyframes char-in2 {
  0% {
    opacity: 0;
    transform: scale(10) translateX(-100%);
    filter: blur(10px);
    color: rgb(0, 251, 255);
  }
  25% {
    transform: translateY(10%)
      translateX(calc(-40px + ((var(--i) - 1) / 10) * 80px)) scale(2);
    opacity: 1;
    filter: blur(1px);
    color: transparent;
  }
  50% {
    transform: translateY(20%);
    opacity: 1;
    filter: blur(0);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
    filter: blur(0);
  }
}
@keyframes char-out2 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  40% {
    color: white;
  }
  100% {
    transform: translateY(-80%) scale(4);
    filter: blur(4px);
    color: black;
    text-shadow: 0 4px 2px #00ffd2;
    opacity: 0;
  }
}

.area2:hover {
  .button2 {
    transition:
      all 0.6s var(--ease-elastic),
      background 1s ease;
    transform: rotateX(0deg) translateY(5px);
  }
  .content2::before {
    transform: scale(0.97, 0.92);
  }
}

.area2:active {
  .button2 {
    transform: rotateX(0deg) translateY(8px);
  }
  .wrap2 {
    transform: scale(1) translate(0);
  }
  .wave2 {
    opacity: 0;
  }
  .content2::before {
    filter: blur(13px);
    transform: scaleX(0.95);
  }
}

.sparks2 {
  pointer-events: none;
  position: absolute;
  margin: auto;

  transform: translateZ(100px);
  stroke: rgba(255, 153, 0, 1);
  left: 54px;
  top: 10px;
  height: 58px;
  opacity: 0;

  path {
    stroke-width: 5px;
    stroke-dasharray: 30 150;
    stroke-dashoffset: 30;
    animation: sparks2 0.6s ease infinite;
    animation-delay: calc(var(--i) * 1s);
    animation-duration: calc(var(--i) * 0.05s + 0.6s);
  }
}

@keyframes sparks2 {
  0% {
    stroke-dasharray: 30 150;
  }
  50%,
  100% {
    stroke-dashoffset: -150;
  }
}

.area2 input:not(:checked) ~ .button2 {
  .gears2,
  .sparks2 {
    opacity: 1;
  }
  .sparks2 {
    transition: all 1.5s ease;
  }
}

.gears2 {
  overflow: hidden;
  border-radius: inherit;
  opacity: 0;
  position: absolute;
  inset: 4px;
  bottom: 1px;
  transition: all 1s ease;

  svg {
    width: 80%;
    fill: #49b9c2;
    top: 50%;
    position: relative;
    transform: translate(-50%, -50%);
    left: 43%;

    path {
      transform-origin: center;
      transform-box: fill-box;
    }
    .shadow0 {
      fill: rgba(36, 113, 125, 0.2);
      translate: 2px 8px;
    }
    .small0 {
      animation: spin2 2.5s infinite linear;
    }
    .medium0 {
      animation: spin2 reverse 3.75s infinite linear;
    }
    .large0 {
      translate: 3px -6px;
      animation: spin2 5s infinite linear;
    }
  }
}
.gears2::before,
.gears2::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  bottom: 11px;
  height: 7px;
  width: 7px;
  background: rgba(155, 155, 155, 0.3);
  box-shadow: inset 0px 2px rgba(0, 0, 0, 0.2);
}
.gears2::before {
  left: 12px;
}
.gears2::after {
  right: 12px;
}

@keyframes spin2 {
  to {
    transform: rotate(359deg);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a1b681 */.area3 {
  --ease: cubic-bezier(0.5, 0, 0.3, 1);
  --ease-elastic: cubic-bezier(0.5, 2, 0.3, 0.8);
  --radius: 26px;
  --primary: #45f8f8;
  position: relative;
  cursor: pointer;
  user-select: none;
  transition: all 0.6s var(--ease-elastic);
}

.area3 input {
  opacity: 0;
  width: 0;
  height: 0;
}

.area3, .button3 {
    pointer-events: auto !important;
    position: relative;
}

.button3 {
  outline: none;
  cursor: pointer;
  border: 0;
  border-radius: var(--radius);
  position: relative;
  width: 250px;
  height: 60px;
  pointer-events: none;
  transform-style: preserve-3d;
  perspective: 1000px;
  transition:
    background-color 2s linear,
    box-shadow 0.5s ease,
    transform 0.6s ease;
  transform: rotateX(4deg);
  background: var(--primary);
  box-shadow:
    inset 0 0 30px rgb(34, 124, 136),
    0 5px 10px -2px rgba(0, 10, 20, 0.5),
    0 40px 30px -15px rgba(10, 20, 30, 0.3),
    inset 0 -2px 0 -1px #484e60,
    inset 0 0 2px 4px #888ea3;
  font-size: 21px;
  font-family: Poppins;
  letter-spacing: 1px;
}

.button3::before,
.button3::after {
  content: "";
  border-radius: 50%;
  width: 100px;
  height: 100px;
  background: white;
  position: absolute;
  display: block;
  filter: blur(40px);
  mix-blend-mode: plus-lighter;
  margin: auto;
  inset: 0;
  top: 10px;
  transition: all 1s ease;
}

@keyframes pulse-out3 {
  40% {
    transform: scale(1);
  }
}

.button3:after {
  transform: scale(0);
  animation: pulse-out3 3s var(--ease-elastic) infinite;
}

.button3:before,
.area3 input:not(:checked) ~ .button3::after {
  opacity: 0;
}

.area3 input:not(:checked) ~ .button3::before {
  opacity: 1;
}

.wrap3 {
  border-radius: calc(var(--radius) * 0.85);
  inset: 0;
  padding: 0;
  background: linear-gradient(to bottom, #6e96b6 0%, #00ffd2 50%, #00ffb7 100%);
  position: absolute;
  transform-origin: top;
  transform: scale(0.99, 1) translate(0px, -7px);
  transition: all 0.7s ease;
  animation: cover-close3 0.9s ease forwards;
}

.area3 input:not(:checked) ~ .button3 {
  .wrap3 {
    animation: cover-open3 0.9s ease forwards;
  }
}

@keyframes cover-open3 {
  0% {
    transform: translate3d(0, -7px, 10px);
    box-shadow: none;
  }
  20% {
    transform: translate3d(0, 0, 10px);
  }
  80% {
    transform: translate3d(0, 0, 10px) rotateY(0) rotateX(74deg);
  }
  100% {
    transform: translate3d(0, 0, 10px) rotateY(0) rotateX(70deg);
    box-shadow:
      rgb(121, 133, 147) 0px 5px 1px -1px,
      rgb(77, 97, 118) 0px 9px 0 -2px,
      rgb(0, 0, 0) 0px 60px 40px -30px;
  }
}

@keyframes cover-close3 {
  from {
    transform: translate3d(0px, 0px, 10px) rotateY(0) rotateX(70deg);
    box-shadow:
      0 5px 1px -1px #798593,
      0 10px 0px -1px #4d6176,
      0 60px 40px -30px black;
  }
  to {
    transform: scale(0.99, 1) translate3d(0px, -7px, 10px);
    box-shadow: none;
  }
}

.reflex3 {
  position: absolute;
  z-index: 2;
  inset: 0;
  overflow: hidden;
  border-radius: inherit;
}
.reflex3:before {
  content: "";
  position: absolute;
  width: 300px;
  background-color: rgba(255, 255, 255, 0.2);
  background: linear-gradient(
    to right,
    rgba(221, 249, 255, 0.2) 10%,
    rgba(221, 245, 255, 0.5) 60%,
    rgba(221, 246, 255, 0.4) 60%,
    rgba(221, 255, 254, 0.2) 90%
  );
  top: -40%;
  bottom: -40%;
  left: -132%;
  transform: translateX(0) skew(-30deg);
  transition: all 0.7s var(--ease);
}
.area3:hover .reflex3:before {
  transform: translate(192%, 0) skew(-30deg);
}

.path3 {
  position: absolute;
  left: 50%;
  top: 87%;
  transform: translateX(-50%);
  stroke-dasharray: 60 150;
  stroke-dashoffset: 60;
  pointer-events: none;
  overflow: visible;
  animation: path-in3 0.6s linear forwards;
  stroke-width: 2px;
}
.area3 input:not(:checked) ~ .button3 .path3 {
  animation: path-out3 1.2s ease forwards;
}
@keyframes path-out3 {
  from {
    transform: translateX(-50%) translateY(-15px);
    stroke: white;
  }
  to {
    stroke-dashoffset: -150;
    stroke: var(--primary);
    transform: translateX(-50%) translateY(15px);
  }
}

@keyframes path-in3 {
  from {
    stroke-dashoffset: -150;
    transform: translateX(-50%) translateY(-5px);
    stroke: white;
  }
  to {
    stroke: var(--primary);
    transform: translateX(-50%) translateY(-16px);
  }
}

.wave3 {
  position: absolute;
  margin: auto;
  transition: all 0.5s ease;
  border-radius: 70px;
  width: 110%;
  height: 150%;
  left: 50%;
  top: 56%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.wave3::before,
.wave3::after {
  content: "";
  position: absolute;
  border-radius: inherit;
  border-bottom: 3px solid white;
  border-top: 3px solid white;
  filter: blur(3px);
  inset: 0;
  transform: translate(50%);
  animation: wave3 1.5s linear infinite;
}
.wave3::after {
  animation-delay: 0.4s;
}

.area3 input:not(:checked) ~ .button3 .wave3 {
  opacity: 1;
}

@keyframes wave3 {
  0% {
    transform: scale(1);
    opacity: 0;
    box-shadow: 0 0 30px white;
  }
  35% {
    transform: scale(1.3);
    opacity: 1;
  }
  70%,
  100% {
    transform: scale(1.6);
    opacity: 0;
    box-shadow: 0 0 100px var(--primary);
  }
}

.content3 {
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  position: relative;
  height: 100%;
  gap: 14px;
  font-weight: 600;
  transition: all 0.3s ease;
  overflow: hidden;
  border-radius: calc(var(--radius) * 0.85);
}

.content3::before,
.content3::after {
  content: "";
  inset: 0px;
  position: absolute;
  transition: all 1s var(--ease);
  border-radius: inherit;
  z-index: -1;
}
.content3::before {
  filter: blur(2px);
  top: -2px;
  background: linear-gradient(to bottom, #dde0e1 30%, #aeb2b8 90%);
}
.content3::after {
  box-shadow:
    inset 0 -7px 1px 0 rgba(40, 70, 100, 0.2),
    inset 0 -4px 1px 0 rgba(40, 70, 100, 0.4),
    inset 0 -2px 0 0 rgba(20, 40, 60, 0.6),
    inset 0 -3px 0 0 white;
}

.text3 {
  transition: all 0.3s ease;
  transform: translateY(-2px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 0;
}
.text3 span {
  display: block;
  color: transparent;
  position: relative;
}
.text3 span:nth-child(5),
.text3 span:nth-child(7) {
  margin-right: 10px;
}

.text3 span::before,
.text3 span::after {
  content: attr(data-label);
  position: absolute;
  left: 0;
  color: #3c5d7d;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
}
.text3 span::before {
  opacity: 0;
  transform: translateY(-100%);
}


.text3.state-2 {
  span::before,
  span::after {
    color: #6b99b0;
  }
}

.area3 input:checked ~ .button3 .text3.state-2 {
  span {
    filter: blur(5px);
  }
}

.area3:hover .text3 span::before {
  animation: char-in3 0.8s ease calc(var(--i) * 0.04s) forwards;
}

.area3:hover .text3 span::after,
.area3 input:not(:checked) ~ .button3 .text3.state-3 span::before,
.area3 input:not(:checked) ~ .button3 .text3.state-1 span::after,
.area3 input:checked ~ .button3 .text3.state-2 span::before,
.area3 input:checked ~ .button3 .text3.state-2 span::after {
  opacity: 0;
  animation: char-out3 1.2s ease calc(var(--i) * 0.04s) backwards;
}

@keyframes char-in3 {
  0% {
    opacity: 0;
    transform: scale(10) translateX(-100%);
    filter: blur(10px);
    color: rgb(0, 251, 255);
  }
  25% {
    transform: translateY(10%)
      translateX(calc(-40px + ((var(--i) - 1) / 10) * 80px)) scale(2);
    opacity: 1;
    filter: blur(1px);
    color: transparent;
  }
  50% {
    transform: translateY(20%);
    opacity: 1;
    filter: blur(0);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
    filter: blur(0);
  }
}
@keyframes char-out3 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  40% {
    color: white;
  }
  100% {
    transform: translateY(-80%) scale(4);
    filter: blur(4px);
    color: black;
    text-shadow: 0 4px 2px #00ffd2;
    opacity: 0;
  }
}

.area3:hover {
  .button3 {
    transition:
      all 0.6s var(--ease-elastic),
      background 1s ease;
    transform: rotateX(0deg) translateY(5px);
  }
  .content3::before {
    transform: scale(0.97, 0.92);
  }
}

.area3:active {
  .button3 {
    transform: rotateX(0deg) translateY(8px);
  }
  .wrap3 {
    transform: scale(1) translate(0);
  }
  .wave3 {
    opacity: 0;
  }
  .content3::before {
    filter: blur(13px);
    transform: scaleX(0.95);
  }
}

.sparks3 {
  pointer-events: none;
  position: absolute;
  margin: auto;

  transform: translateZ(100px);
  stroke: rgba(255, 153, 0, 1);
  left: 54px;
  top: 10px;
  height: 58px;
  opacity: 0;

  path {
    stroke-width: 5px;
    stroke-dasharray: 30 150;
    stroke-dashoffset: 30;
    animation: sparks3 0.6s ease infinite;
    animation-delay: calc(var(--i) * 1s);
    animation-duration: calc(var(--i) * 0.05s + 0.6s);
  }
}

@keyframes sparks3 {
  0% {
    stroke-dasharray: 30 150;
  }
  50%,
  100% {
    stroke-dashoffset: -150;
  }
}

.area3 input:not(:checked) ~ .button3 {
  .gears3,
  .sparks3 {
    opacity: 1;
  }
  .sparks3 {
    transition: all 1.5s ease;
  }
}

.gears3 {
  overflow: hidden;
  border-radius: inherit;
  opacity: 0;
  position: absolute;
  inset: 4px;
  bottom: 1px;
  transition: all 1s ease;

  svg {
    width: 80%;
    fill: #49b9c2;
    top: 50%;
    position: relative;
    transform: translate(-50%, -50%);
    left: 43%;

    path {
      transform-origin: center;
      transform-box: fill-box;
    }
    .shadow3 {
      fill: rgba(36, 113, 125, 0.2);
      translate: 2px 8px;
    }
    .small3 {
      animation: spin3 2.5s infinite linear;
    }
    .medium3 {
      animation: spin3 reverse 3.75s infinite linear;
    }
    .large3 {
      translate: 3px -6px;
      animation: spin3 5s infinite linear;
    }
  }
}
.gears3::before,
.gears3::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  bottom: 11px;
  height: 7px;
  width: 7px;
  background: rgba(155, 155, 155, 0.3);
  box-shadow: inset 0px 2px rgba(0, 0, 0, 0.2);
}
.gears3::before {
  left: 12px;
}
.gears3::after {
  right: 12px;
}

@keyframes spin3 {
  to {
    transform: rotate(359deg);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8247457 */.area4 {
  --ease: cubic-bezier(0.5, 0, 0.3, 1);
  --ease-elastic: cubic-bezier(0.5, 2, 0.3, 0.8);
  --radius: 26px;
  --primary: #45f8f8;
  position: relative;
  cursor: pointer;
  user-select: none;
  transition: all 0.6s var(--ease-elastic);
}

.area4 input {
  opacity: 0;
  width: 0;
  height: 0;
}

.area4, .button4 {
    pointer-events: auto !important;
    position: relative;
}

.button4 {
  outline: none;
  cursor: pointer;
  border: 0;
  border-radius: var(--radius);
  position: relative;
  width: 250px;
  height: 60px;
  pointer-events: none;
  transform-style: preserve-3d;
  perspective: 1000px;
  transition:
    background-color 2s linear,
    box-shadow 0.5s ease,
    transform 0.6s ease;
  transform: rotateX(4deg);
  background: var(--primary);
  box-shadow:
    inset 0 0 30px rgb(34, 124, 136),
    0 5px 10px -2px rgba(0, 10, 20, 0.5),
    0 40px 30px -15px rgba(10, 20, 30, 0.3),
    inset 0 -2px 0 -1px #484e60,
    inset 0 0 2px 4px #888ea3;
  font-size: 21px;
  font-family: Poppins;
  letter-spacing: 1px;
}

.button4::before,
.button4::after {
  content: "";
  border-radius: 50%;
  width: 100px;
  height: 100px;
  background: white;
  position: absolute;
  display: block;
  filter: blur(40px);
  mix-blend-mode: plus-lighter;
  margin: auto;
  inset: 0;
  top: 10px;
  transition: all 1s ease;
}

@keyframes pulse-out4 {
  40% {
    transform: scale(1);
  }
}

.button4:after {
  transform: scale(0);
  animation: pulse-out4 3s var(--ease-elastic) infinite;
}

.button4:before,
.area4 input:not(:checked) ~ .button4::after {
  opacity: 0;
}

.area4 input:not(:checked) ~ .button4::before {
  opacity: 1;
}

.wrap4 {
  border-radius: calc(var(--radius) * 0.85);
  inset: 0;
  padding: 0;
  background: linear-gradient(to bottom, #6e96b6 0%, #00ffd2 50%, #00ffb7 100%);
  position: absolute;
  transform-origin: top;
  transform: scale(0.99, 1) translate(0px, -7px);
  transition: all 0.7s ease;
  animation: cover-close4 0.9s ease forwards;
}

.area4 input:not(:checked) ~ .button4 {
  .wrap4 {
    animation: cover-open4 0.9s ease forwards;
  }
}

@keyframes cover-open4 {
  0% {
    transform: translate3d(0, -7px, 10px);
    box-shadow: none;
  }
  20% {
    transform: translate3d(0, 0, 10px);
  }
  80% {
    transform: translate3d(0, 0, 10px) rotateY(0) rotateX(74deg);
  }
  100% {
    transform: translate3d(0, 0, 10px) rotateY(0) rotateX(70deg);
    box-shadow:
      rgb(121, 133, 147) 0px 5px 1px -1px,
      rgb(77, 97, 118) 0px 9px 0 -2px,
      rgb(0, 0, 0) 0px 60px 40px -30px;
  }
}

@keyframes cover-close4 {
  from {
    transform: translate3d(0px, 0px, 10px) rotateY(0) rotateX(70deg);
    box-shadow:
      0 5px 1px -1px #798593,
      0 10px 0px -1px #4d6176,
      0 60px 40px -30px black;
  }
  to {
    transform: scale(0.99, 1) translate3d(0px, -7px, 10px);
    box-shadow: none;
  }
}

.reflex4 {
  position: absolute;
  z-index: 2;
  inset: 0;
  overflow: hidden;
  border-radius: inherit;
}
.reflex4:before {
  content: "";
  position: absolute;
  width: 300px;
  background-color: rgba(255, 255, 255, 0.2);
  background: linear-gradient(
    to right,
    rgba(221, 249, 255, 0.2) 10%,
    rgba(221, 245, 255, 0.5) 60%,
    rgba(221, 246, 255, 0.4) 60%,
    rgba(221, 255, 254, 0.2) 90%
  );
  top: -40%;
  bottom: -40%;
  left: -132%;
  transform: translateX(0) skew(-30deg);
  transition: all 0.7s var(--ease);
}
.area4:hover .reflex4:before {
  transform: translate(192%, 0) skew(-30deg);
}

.path4 {
  position: absolute;
  left: 50%;
  top: 87%;
  transform: translateX(-50%);
  stroke-dasharray: 60 150;
  stroke-dashoffset: 60;
  pointer-events: none;
  overflow: visible;
  animation: path-in4 0.6s linear forwards;
  stroke-width: 2px;
}
.area0 input:not(:checked) ~ .button0 .path0 {
  animation: path-out4 1.2s ease forwards;
}
@keyframes path-out4 {
  from {
    transform: translateX(-50%) translateY(-15px);
    stroke: white;
  }
  to {
    stroke-dashoffset: -150;
    stroke: var(--primary);
    transform: translateX(-50%) translateY(15px);
  }
}

@keyframes path-in4 {
  from {
    stroke-dashoffset: -150;
    transform: translateX(-50%) translateY(-5px);
    stroke: white;
  }
  to {
    stroke: var(--primary);
    transform: translateX(-50%) translateY(-16px);
  }
}

.wave4 {
  position: absolute;
  margin: auto;
  transition: all 0.5s ease;
  border-radius: 70px;
  width: 110%;
  height: 150%;
  left: 50%;
  top: 56%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.wave4::before,
.wave4::after {
  content: "";
  position: absolute;
  border-radius: inherit;
  border-bottom: 3px solid white;
  border-top: 3px solid white;
  filter: blur(3px);
  inset: 0;
  transform: translate(50%);
  animation: wave4 1.5s linear infinite;
}
.wave4::after {
  animation-delay: 0.4s;
}

.area4 input:not(:checked) ~ .button4 .wave4 {
  opacity: 1;
}

@keyframes wave4 {
  0% {
    transform: scale(1);
    opacity: 0;
    box-shadow: 0 0 30px white;
  }
  35% {
    transform: scale(1.3);
    opacity: 1;
  }
  70%,
  100% {
    transform: scale(1.6);
    opacity: 0;
    box-shadow: 0 0 100px var(--primary);
  }
}

.content4 {
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  position: relative;
  height: 100%;
  gap: 14px;
  font-weight: 600;
  transition: all 0.3s ease;
  overflow: hidden;
  border-radius: calc(var(--radius) * 0.85);
}

.content4::before,
.content4::after {
  content: "";
  inset: 0px;
  position: absolute;
  transition: all 1s var(--ease);
  border-radius: inherit;
  z-index: -1;
}
.content4::before {
  filter: blur(2px);
  top: -2px;
  background: linear-gradient(to bottom, #dde0e1 30%, #aeb2b8 90%);
}
.content4::after {
  box-shadow:
    inset 0 -7px 1px 0 rgba(40, 70, 100, 0.2),
    inset 0 -4px 1px 0 rgba(40, 70, 100, 0.4),
    inset 0 -2px 0 0 rgba(20, 40, 60, 0.6),
    inset 0 -3px 0 0 white;
}

.text4 {
  transition: all 0.3s ease;
  transform: translateY(-2px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 0;
}
.text4 span {
  display: block;
  color: transparent;
  position: relative;
}
.text4 span:nth-child(4),
.text4 span:nth-child(6),
.text4 span:nth-child(12){
  margin-right: 10px;
}

.text4 span::before,
.text4 span::after {
  content: attr(data-label);
  position: absolute;
  left: 0;
  color: #3c5d7d;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
}
.text4 span::before {
  opacity: 0;
  transform: translateY(-100%);
}


.text4.state-2 {
  span::before,
  span::after {
    color: #6b99b0;
  }
}

.area4 input:checked ~ .button4 .text4.state-2 {
  span {
    filter: blur(5px);
  }
}

.area4:hover .text4 span::before {
  animation: char-in4 0.8s ease calc(var(--i) * 0.04s) forwards;
}

.area4:hover .text4 span::after,
.area4 input:not(:checked) ~ .button4 .text4.state-1 span::before,
.area4 input:not(:checked) ~ .button4 .text4.state-1 span::after,
.area4 input:checked ~ .button4 .text4.state-2 span::before,
.area4 input:checked ~ .button4 .text4.state-2 span::after {
  opacity: 0;
  animation: char-out4 1.2s ease calc(var(--i) * 0.04s) backwards;
}

@keyframes char-in4 {
  0% {
    opacity: 0;
    transform: scale(10) translateX(-100%);
    filter: blur(10px);
    color: rgb(0, 251, 255);
  }
  25% {
    transform: translateY(10%)
      translateX(calc(-40px + ((var(--i) - 1) / 10) * 80px)) scale(2);
    opacity: 1;
    filter: blur(1px);
    color: transparent;
  }
  50% {
    transform: translateY(20%);
    opacity: 1;
    filter: blur(0);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
    filter: blur(0);
  }
}
@keyframes char-out4 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  40% {
    color: white;
  }
  100% {
    transform: translateY(-80%) scale(4);
    filter: blur(4px);
    color: black;
    text-shadow: 0 4px 2px #00ffd2;
    opacity: 0;
  }
}

.area4:hover {
  .button4 {
    transition:
      all 0.6s var(--ease-elastic),
      background 1s ease;
    transform: rotateX(0deg) translateY(5px);
  }
  .content4::before {
    transform: scale(0.97, 0.92);
  }
}

.area4:active {
  .button4 {
    transform: rotateX(0deg) translateY(8px);
  }
  .wrap4 {
    transform: scale(1) translate(0);
  }
  .wave4 {
    opacity: 0;
  }
  .content4::before {
    filter: blur(13px);
    transform: scaleX(0.95);
  }
}

.sparks4 {
  pointer-events: none;
  position: absolute;
  margin: auto;

  transform: translateZ(100px);
  stroke: rgba(255, 153, 0, 1);
  left: 54px;
  top: 10px;
  height: 58px;
  opacity: 0;

  path {
    stroke-width: 5px;
    stroke-dasharray: 30 150;
    stroke-dashoffset: 30;
    animation: sparks4 0.6s ease infinite;
    animation-delay: calc(var(--i) * 1s);
    animation-duration: calc(var(--i) * 0.05s + 0.6s);
  }
}

@keyframes sparks4 {
  0% {
    stroke-dasharray: 30 150;
  }
  50%,
  100% {
    stroke-dashoffset: -150;
  }
}

.area4 input:not(:checked) ~ .button4 {
  .gears4,
  .sparks4 {
    opacity: 1;
  }
  .sparks4 {
    transition: all 1.5s ease;
  }
}

.gears4 {
  overflow: hidden;
  border-radius: inherit;
  opacity: 0;
  position: absolute;
  inset: 4px;
  bottom: 1px;
  transition: all 1s ease;

  svg {
    width: 80%;
    fill: #49b9c2;
    top: 50%;
    position: relative;
    transform: translate(-50%, -50%);
    left: 43%;

    path {
      transform-origin: center;
      transform-box: fill-box;
    }
    .shadow4 {
      fill: rgba(36, 113, 125, 0.2);
      translate: 2px 8px;
    }
    .small4 {
      animation: spin4 2.5s infinite linear;
    }
    .medium4 {
      animation: spin4 reverse 3.75s infinite linear;
    }
    .large4 {
      translate: 3px -6px;
      animation: spin4 5s infinite linear;
    }
  }
}
.gears4::before,
.gears4::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  bottom: 11px;
  height: 7px;
  width: 7px;
  background: rgba(155, 155, 155, 0.3);
  box-shadow: inset 0px 2px rgba(0, 0, 0, 0.2);
}
.gears4::before {
  left: 12px;
}
.gears4::after {
  right: 12px;
}

@keyframes spin4 {
  to {
    transform: rotate(359deg);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-582bbc7 */.area5 {
  --ease: cubic-bezier(0.5, 0, 0.3, 1);
  --ease-elastic: cubic-bezier(0.5, 2, 0.3, 0.8);
  --radius: 26px;
  --primary: #45f8f8;
  position: relative;
  cursor: pointer;
  user-select: none;
  transition: all 0.6s var(--ease-elastic);
}

.area5 input {
  opacity: 0;
  width: 0;
  height: 0;
}

.area5, .button5 {
    pointer-events: auto !important;
    position: relative;
}

.button5 {
  outline: none;
  cursor: pointer;
  border: 0;
  border-radius: var(--radius);
  position: relative;
  width: 250px;
  height: 60px;
  pointer-events: none;
  transform-style: preserve-3d;
  perspective: 1000px;
  transition:
    background-color 2s linear,
    box-shadow 0.5s ease,
    transform 0.6s ease;
  transform: rotateX(4deg);
  background: var(--primary);
  box-shadow:
    inset 0 0 30px rgb(34, 124, 136),
    0 5px 10px -2px rgba(0, 10, 20, 0.5),
    0 40px 30px -15px rgba(10, 20, 30, 0.3),
    inset 0 -2px 0 -1px #484e60,
    inset 0 0 2px 4px #888ea3;
  font-size: 21px;
  font-family: Poppins;
  letter-spacing: 1px;
}

.button5::before,
.button5::after {
  content: "";
  border-radius: 50%;
  width: 100px;
  height: 100px;
  background: white;
  position: absolute;
  display: block;
  filter: blur(40px);
  mix-blend-mode: plus-lighter;
  margin: auto;
  inset: 0;
  top: 10px;
  transition: all 1s ease;
}

@keyframes pulse-out5 {
  40% {
    transform: scale(1);
  }
}

.button5:after {
  transform: scale(0);
  animation: pulse-out5 3s var(--ease-elastic) infinite;
}

.button5:before,
.area5 input:not(:checked) ~ .button5::after {
  opacity: 0;
}

.area5 input:not(:checked) ~ .button5::before {
  opacity: 1;
}

.wrap5 {
  border-radius: calc(var(--radius) * 0.85);
  inset: 0;
  padding: 0;
  background: linear-gradient(to bottom, #6e96b6 0%, #00ffd2 50%, #00ffb7 100%);
  position: absolute;
  transform-origin: top;
  transform: scale(0.99, 1) translate(0px, -7px);
  transition: all 0.7s ease;
  animation: cover-close5 0.9s ease forwards;
}

.area5 input:not(:checked) ~ .button5 {
  .wrap5 {
    animation: cover-open5 0.9s ease forwards;
  }
}

@keyframes cover-open5 {
  0% {
    transform: translate3d(0, -7px, 10px);
    box-shadow: none;
  }
  20% {
    transform: translate3d(0, 0, 10px);
  }
  80% {
    transform: translate3d(0, 0, 10px) rotateY(0) rotateX(74deg);
  }
  100% {
    transform: translate3d(0, 0, 10px) rotateY(0) rotateX(70deg);
    box-shadow:
      rgb(121, 133, 147) 0px 5px 1px -1px,
      rgb(77, 97, 118) 0px 9px 0 -2px,
      rgb(0, 0, 0) 0px 60px 40px -30px;
  }
}

@keyframes cover-close5 {
  from {
    transform: translate3d(0px, 0px, 10px) rotateY(0) rotateX(70deg);
    box-shadow:
      0 5px 1px -1px #798593,
      0 10px 0px -1px #4d6176,
      0 60px 40px -30px black;
  }
  to {
    transform: scale(0.99, 1) translate3d(0px, -7px, 10px);
    box-shadow: none;
  }
}

.reflex5 {
  position: absolute;
  z-index: 2;
  inset: 0;
  overflow: hidden;
  border-radius: inherit;
}
.reflex5:before {
  content: "";
  position: absolute;
  width: 300px;
  background-color: rgba(255, 255, 255, 0.2);
  background: linear-gradient(
    to right,
    rgba(221, 249, 255, 0.2) 10%,
    rgba(221, 245, 255, 0.5) 60%,
    rgba(221, 246, 255, 0.4) 60%,
    rgba(221, 255, 254, 0.2) 90%
  );
  top: -40%;
  bottom: -40%;
  left: -132%;
  transform: translateX(0) skew(-30deg);
  transition: all 0.7s var(--ease);
}
.area5:hover .reflex5:before {
  transform: translate(192%, 0) skew(-30deg);
}

.path5 {
  position: absolute;
  left: 50%;
  top: 87%;
  transform: translateX(-50%);
  stroke-dasharray: 60 150;
  stroke-dashoffset: 60;
  pointer-events: none;
  overflow: visible;
  animation: path-in5 0.6s linear forwards;
  stroke-width: 2px;
}
.area5 input:not(:checked) ~ .button5 .path5 {
  animation: path-out5 1.2s ease forwards;
}
@keyframes path-out5 {
  from {
    transform: translateX(-50%) translateY(-15px);
    stroke: white;
  }
  to {
    stroke-dashoffset: -150;
    stroke: var(--primary);
    transform: translateX(-50%) translateY(15px);
  }
}

@keyframes path-in5 {
  from {
    stroke-dashoffset: -150;
    transform: translateX(-50%) translateY(-5px);
    stroke: white;
  }
  to {
    stroke: var(--primary);
    transform: translateX(-50%) translateY(-16px);
  }
}

.wave5 {
  position: absolute;
  margin: auto;
  transition: all 0.5s ease;
  border-radius: 70px;
  width: 110%;
  height: 150%;
  left: 50%;
  top: 56%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.wave5::before,
.wave5::after {
  content: "";
  position: absolute;
  border-radius: inherit;
  border-bottom: 3px solid white;
  border-top: 3px solid white;
  filter: blur(3px);
  inset: 0;
  transform: translate(50%);
  animation: wave5 1.5s linear infinite;
}
.wave5::after {
  animation-delay: 0.4s;
}

.area5 input:not(:checked) ~ .button5 .wave5 {
  opacity: 1;
}

@keyframes wave5 {
  0% {
    transform: scale(1);
    opacity: 0;
    box-shadow: 0 0 30px white;
  }
  35% {
    transform: scale(1.3);
    opacity: 1;
  }
  70%,
  100% {
    transform: scale(1.6);
    opacity: 0;
    box-shadow: 0 0 100px var(--primary);
  }
}

.content5 {
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  position: relative;
  height: 100%;
  gap: 14px;
  font-weight: 600;
  transition: all 0.3s ease;
  overflow: hidden;
  border-radius: calc(var(--radius) * 0.85);
}

.content5::before,
.content5::after {
  content: "";
  inset: 0px;
  position: absolute;
  transition: all 1s var(--ease);
  border-radius: inherit;
  z-index: -1;
}
.content5::before {
  filter: blur(2px);
  top: -2px;
  background: linear-gradient(to bottom, #dde0e1 30%, #aeb2b8 90%);
}
.content5::after {
  box-shadow:
    inset 0 -7px 1px 0 rgba(40, 70, 100, 0.2),
    inset 0 -4px 1px 0 rgba(40, 70, 100, 0.4),
    inset 0 -2px 0 0 rgba(20, 40, 60, 0.6),
    inset 0 -3px 0 0 white;
}

.text5 {
  transition: all 0.3s ease;
  transform: translateY(-2px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 0;
}
.text5 span {
  display: block;
  color: transparent;
  position: relative;
}
.text5 span:nth-child(4),
.text5 span:nth-child(6) {
  margin-right: 10px;
}

.text5 span::before,
.text5 span::after {
  content: attr(data-label);
  position: absolute;
  left: 0;
  color: #3c5d7d;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
}
.text5 span::before {
  opacity: 0;
  transform: translateY(-100%);
}


.text5.state-2 {
  span::before,
  span::after {
    color: #6b99b0;
  }
}

.area5 input:checked ~ .button5 .text5.state-2 {
  span {
    filter: blur(5px);
  }
}

.area5:hover .text5 span::before {
  animation: char-in5 0.8s ease calc(var(--i) * 0.04s) forwards;
}

.area5:hover .text5 span::after,
.area5 input:not(:checked) ~ .button5 .text5.state-1 span::before,
.area5 input:not(:checked) ~ .button5 .text5.state-1 span::after,
.area5 input:checked ~ .button5 .text5.state-2 span::before,
.area5 input:checked ~ .button5 .text5.state-2 span::after {
  opacity: 0;
  animation: char-out5 1.2s ease calc(var(--i) * 0.04s) backwards;
}

@keyframes char-in5 {
  0% {
    opacity: 0;
    transform: scale(10) translateX(-100%);
    filter: blur(10px);
    color: rgb(0, 251, 255);
  }
  25% {
    transform: translateY(10%)
      translateX(calc(-40px + ((var(--i) - 1) / 10) * 80px)) scale(2);
    opacity: 1;
    filter: blur(1px);
    color: transparent;
  }
  50% {
    transform: translateY(20%);
    opacity: 1;
    filter: blur(0);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
    filter: blur(0);
  }
}
@keyframes char-out5 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  40% {
    color: white;
  }
  100% {
    transform: translateY(-80%) scale(4);
    filter: blur(4px);
    color: black;
    text-shadow: 0 4px 2px #00ffd2;
    opacity: 0;
  }
}

.area5:hover {
  .button5 {
    transition:
      all 0.6s var(--ease-elastic),
      background 1s ease;
    transform: rotateX(0deg) translateY(5px);
  }
  .content5::before {
    transform: scale(0.97, 0.92);
  }
}

.area5:active {
  .button5 {
    transform: rotateX(0deg) translateY(8px);
  }
  .wrap5 {
    transform: scale(1) translate(0);
  }
  .wave5 {
    opacity: 0;
  }
  .content5::before {
    filter: blur(13px);
    transform: scaleX(0.95);
  }
}

.sparks5 {
  pointer-events: none;
  position: absolute;
  margin: auto;

  transform: translateZ(100px);
  stroke: rgba(255, 153, 0, 1);
  left: 54px;
  top: 10px;
  height: 58px;
  opacity: 0;

  path {
    stroke-width: 5px;
    stroke-dasharray: 30 150;
    stroke-dashoffset: 30;
    animation: sparks5 0.6s ease infinite;
    animation-delay: calc(var(--i) * 1s);
    animation-duration: calc(var(--i) * 0.05s + 0.6s);
  }
}

@keyframes sparks5 {
  0% {
    stroke-dasharray: 30 150;
  }
  50%,
  100% {
    stroke-dashoffset: -150;
  }
}

.area5 input:not(:checked) ~ .button5 {
  .gears5,
  .sparks5 {
    opacity: 1;
  }
  .sparks5 {
    transition: all 1.5s ease;
  }
}

.gears5 {
  overflow: hidden;
  border-radius: inherit;
  opacity: 0;
  position: absolute;
  inset: 4px;
  bottom: 1px;
  transition: all 1s ease;

  svg {
    width: 80%;
    fill: #49b9c2;
    top: 50%;
    position: relative;
    transform: translate(-50%, -50%);
    left: 43%;

    path {
      transform-origin: center;
      transform-box: fill-box;
    }
    .shadow5 {
      fill: rgba(36, 113, 125, 0.2);
      translate: 2px 8px;
    }
    .small5 {
      animation: spin5 2.5s infinite linear;
    }
    .medium5 {
      animation: spin5 reverse 3.75s infinite linear;
    }
    .large5 {
      translate: 3px -6px;
      animation: spin5 5s infinite linear;
    }
  }
}
.gears5::before,
.gears5::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  bottom: 11px;
  height: 7px;
  width: 7px;
  background: rgba(155, 155, 155, 0.3);
  box-shadow: inset 0px 2px rgba(0, 0, 0, 0.2);
}
.gears5::before {
  left: 12px;
}
.gears5::after {
  right: 12px;
}

@keyframes spin5 {
  to {
    transform: rotate(359deg);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb5b0d4 */.area0 {
  --ease: cubic-bezier(0.5, 0, 0.3, 1);
  --ease-elastic: cubic-bezier(0.5, 2, 0.3, 0.8);
  --radius: 26px;
  --primary: #45f8f8;
  position: relative;
  cursor: pointer;
  user-select: none;
  transition: all 0.6s var(--ease-elastic);
}

.area0 input {
  opacity: 0;
  width: 0;
  height: 0;
}

.area0, .button0 {
    pointer-events: auto !important;
    position: relative;
}

.button0 {
  outline: none;
  cursor: pointer;
  border: 0;
  border-radius: var(--radius);
  position: relative;
  width: 250px;
  height: 60px;
  pointer-events: none;
  transform-style: preserve-3d;
  perspective: 1000px;
  transition:
    background-color 2s linear,
    box-shadow 0.5s ease,
    transform 0.6s ease;
  transform: rotateX(4deg);
  background: var(--primary);
  box-shadow:
    inset 0 0 30px rgb(34, 124, 136),
    0 5px 10px -2px rgba(0, 10, 20, 0.5),
    0 40px 30px -15px rgba(10, 20, 30, 0.3),
    inset 0 -2px 0 -1px #484e60,
    inset 0 0 2px 4px #888ea3;
  font-size: 21px;
  font-family: Poppins;
  letter-spacing: 1px;
}

.button0::before,
.button0::after {
  content: "";
  border-radius: 50%;
  width: 100px;
  height: 100px;
  background: white;
  position: absolute;
  display: block;
  filter: blur(40px);
  mix-blend-mode: plus-lighter;
  margin: auto;
  inset: 0;
  top: 10px;
  transition: all 1s ease;
}

@keyframes pulse-out {
  40% {
    transform: scale(1);
  }
}

.button0:after {
  transform: scale(0);
  animation: pulse-out 3s var(--ease-elastic) infinite;
}

.button0:before,
.area0 input:not(:checked) ~ .button0::after {
  opacity: 0;
}

.area0 input:not(:checked) ~ .button0::before {
  opacity: 1;
}

.wrap0 {
  border-radius: calc(var(--radius) * 0.85);
  inset: 0;
  padding: 0;
  background: linear-gradient(to bottom, #6e96b6 0%, #00ffd2 50%, #00ffb7 100%);
  position: absolute;
  transform-origin: top;
  transform: scale(0.99, 1) translate(0px, -7px);
  transition: all 0.7s ease;
  animation: cover-close0 0.9s ease forwards;
}

.area0 input:not(:checked) ~ .button0 {
  .wrap0 {
    animation: cover-open0 0.9s ease forwards;
  }
}

@keyframes cover-open0 {
  0% {
    transform: translate3d(0, -7px, 10px);
    box-shadow: none;
  }
  20% {
    transform: translate3d(0, 0, 10px);
  }
  80% {
    transform: translate3d(0, 0, 10px) rotateY(0) rotateX(74deg);
  }
  100% {
    transform: translate3d(0, 0, 10px) rotateY(0) rotateX(70deg);
    box-shadow:
      rgb(121, 133, 147) 0px 5px 1px -1px,
      rgb(77, 97, 118) 0px 9px 0 -2px,
      rgb(0, 0, 0) 0px 60px 40px -30px;
  }
}

@keyframes cover-close0 {
  from {
    transform: translate3d(0px, 0px, 10px) rotateY(0) rotateX(70deg);
    box-shadow:
      0 5px 1px -1px #798593,
      0 10px 0px -1px #4d6176,
      0 60px 40px -30px black;
  }
  to {
    transform: scale(0.99, 1) translate3d(0px, -7px, 10px);
    box-shadow: none;
  }
}

.reflex0 {
  position: absolute;
  z-index: 2;
  inset: 0;
  overflow: hidden;
  border-radius: inherit;
}
.reflex0:before {
  content: "";
  position: absolute;
  width: 300px;
  background-color: rgba(255, 255, 255, 0.2);
  background: linear-gradient(
    to right,
    rgba(221, 249, 255, 0.2) 10%,
    rgba(221, 245, 255, 0.5) 60%,
    rgba(221, 246, 255, 0.4) 60%,
    rgba(221, 255, 254, 0.2) 90%
  );
  top: -40%;
  bottom: -40%;
  left: -132%;
  transform: translateX(0) skew(-30deg);
  transition: all 0.7s var(--ease);
}
.area0:hover .reflex0:before {
  transform: translate(192%, 0) skew(-30deg);
}

.path0 {
  position: absolute;
  left: 50%;
  top: 87%;
  transform: translateX(-50%);
  stroke-dasharray: 60 150;
  stroke-dashoffset: 60;
  pointer-events: none;
  overflow: visible;
  animation: path-in0 0.6s linear forwards;
  stroke-width: 2px;
}
.area0 input:not(:checked) ~ .button0 .path0 {
  animation: path-out0 1.2s ease forwards;
}
@keyframes path-out0 {
  from {
    transform: translateX(-50%) translateY(-15px);
    stroke: white;
  }
  to {
    stroke-dashoffset: -150;
    stroke: var(--primary);
    transform: translateX(-50%) translateY(15px);
  }
}

@keyframes path-in0 {
  from {
    stroke-dashoffset: -150;
    transform: translateX(-50%) translateY(-5px);
    stroke: white;
  }
  to {
    stroke: var(--primary);
    transform: translateX(-50%) translateY(-16px);
  }
}

.wave0 {
  position: absolute;
  margin: auto;
  transition: all 0.5s ease;
  border-radius: 70px;
  width: 110%;
  height: 150%;
  left: 50%;
  top: 56%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.wave0::before,
.wave0::after {
  content: "";
  position: absolute;
  border-radius: inherit;
  border-bottom: 3px solid white;
  border-top: 3px solid white;
  filter: blur(3px);
  inset: 0;
  transform: translate(50%);
  animation: wave0 1.5s linear infinite;
}
.wave0::after {
  animation-delay: 0.4s;
}

.area0 input:not(:checked) ~ .button0 .wave0 {
  opacity: 1;
}

@keyframes wave0 {
  0% {
    transform: scale(1);
    opacity: 0;
    box-shadow: 0 0 30px white;
  }
  35% {
    transform: scale(1.3);
    opacity: 1;
  }
  70%,
  100% {
    transform: scale(1.6);
    opacity: 0;
    box-shadow: 0 0 100px var(--primary);
  }
}

.content0 {
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  position: relative;
  height: 100%;
  gap: 14px;
  font-weight: 600;
  transition: all 0.3s ease;
  overflow: hidden;
  border-radius: calc(var(--radius) * 0.85);
}

.content0::before,
.content0::after {
  content: "";
  inset: 0px;
  position: absolute;
  transition: all 1s var(--ease);
  border-radius: inherit;
  z-index: -1;
}
.content0::before {
  filter: blur(2px);
  top: -2px;
  background: linear-gradient(to bottom, #dde0e1 30%, #aeb2b8 90%);
}
.content0::after {
  box-shadow:
    inset 0 -7px 1px 0 rgba(40, 70, 100, 0.2),
    inset 0 -4px 1px 0 rgba(40, 70, 100, 0.4),
    inset 0 -2px 0 0 rgba(20, 40, 60, 0.6),
    inset 0 -3px 0 0 white;
}

.text0 {
  transition: all 0.3s ease;
  transform: translateY(-2px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 0;
}
.text0 span {
  display: block;
  color: transparent;
  position: relative;
}
.text0 span:nth-child(5),
.text0 span:nth-child(7) {
  margin-right: 10px;
}

.text0 span::before,
.text0 span::after {
  content: attr(data-label);
  position: absolute;
  left: 0;
  color: #3c5d7d;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
}
.text0 span::before {
  opacity: 0;
  transform: translateY(-100%);
}


.text0.state-2 {
  span::before,
  span::after {
    color: #6b99b0;
  }
}

.area0 input:checked ~ .button0 .text0.state-2 {
  span {
    filter: blur(5px);
  }
}

.area0:hover .text0 span::before {
  animation: char-in0 0.8s ease calc(var(--i) * 0.04s) forwards;
}

.area0:hover .text0 span::after,
.area0 input:not(:checked) ~ .button0 .text0.state-0 span::before,
.area0 input:not(:checked) ~ .button0 .text0.state-0 span::after,
.area0 input:checked ~ .button0 .text0.state-2 span::before,
.area0 input:checked ~ .button0 .text0.state-2 span::after {
  opacity: 0;
  animation: char-out0 1.2s ease calc(var(--i) * 0.04s) backwards;
}

@keyframes char-in0 {
  0% {
    opacity: 0;
    transform: scale(10) translateX(-100%);
    filter: blur(10px);
    color: rgb(0, 251, 255);
  }
  25% {
    transform: translateY(10%)
      translateX(calc(-40px + ((var(--i) - 1) / 10) * 80px)) scale(2);
    opacity: 1;
    filter: blur(1px);
    color: transparent;
  }
  50% {
    transform: translateY(20%);
    opacity: 1;
    filter: blur(0);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
    filter: blur(0);
  }
}
@keyframes char-out0 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  40% {
    color: white;
  }
  100% {
    transform: translateY(-80%) scale(4);
    filter: blur(4px);
    color: black;
    text-shadow: 0 4px 2px #00ffd2;
    opacity: 0;
  }
}

.area0:hover {
  .button0 {
    transition:
      all 0.6s var(--ease-elastic),
      background 1s ease;
    transform: rotateX(0deg) translateY(5px);
  }
  .content0::before {
    transform: scale(0.97, 0.92);
  }
}

.area0:active {
  .button0 {
    transform: rotateX(0deg) translateY(8px);
  }
  .wrap0 {
    transform: scale(1) translate(0);
  }
  .wave0 {
    opacity: 0;
  }
  .content0::before {
    filter: blur(13px);
    transform: scaleX(0.95);
  }
}

.sparks0 {
  pointer-events: none;
  position: absolute;
  margin: auto;

  transform: translateZ(100px);
  stroke: rgba(255, 153, 0, 1);
  left: 54px;
  top: 10px;
  height: 58px;
  opacity: 0;

  path {
    stroke-width: 5px;
    stroke-dasharray: 30 150;
    stroke-dashoffset: 30;
    animation: sparks0 0.6s ease infinite;
    animation-delay: calc(var(--i) * 1s);
    animation-duration: calc(var(--i) * 0.05s + 0.6s);
  }
}

@keyframes sparks0 {
  0% {
    stroke-dasharray: 30 150;
  }
  50%,
  100% {
    stroke-dashoffset: -150;
  }
}

.area0 input:not(:checked) ~ .button0 {
  .gears0,
  .sparks0 {
    opacity: 1;
  }
  .sparks0 {
    transition: all 1.5s ease;
  }
}

.gears0 {
  overflow: hidden;
  border-radius: inherit;
  opacity: 0;
  position: absolute;
  inset: 4px;
  bottom: 1px;
  transition: all 1s ease;

  svg {
    width: 80%;
    fill: #49b9c2;
    top: 50%;
    position: relative;
    transform: translate(-50%, -50%);
    left: 43%;

    path {
      transform-origin: center;
      transform-box: fill-box;
    }
    .shadow0 {
      fill: rgba(36, 113, 125, 0.2);
      translate: 2px 8px;
    }
    .small0 {
      animation: spin0 2.5s infinite linear;
    }
    .medium0 {
      animation: spin0 reverse 3.75s infinite linear;
    }
    .large0 {
      translate: 3px -6px;
      animation: spin0 5s infinite linear;
    }
  }
}
.gears0::before,
.gears0::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  bottom: 11px;
  height: 7px;
  width: 7px;
  background: rgba(155, 155, 155, 0.3);
  box-shadow: inset 0px 2px rgba(0, 0, 0, 0.2);
}
.gears0::before {
  left: 12px;
}
.gears0::after {
  right: 12px;
}

@keyframes spin0 {
  to {
    transform: rotate(359deg);
  }
}/* End custom CSS */