.elementor-43074 .elementor-element.elementor-element-efd260b{--display:flex;}.elementor-43074 .elementor-element.elementor-element-c2fc691{--display:flex;--min-height:860px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-43074 .elementor-element.elementor-element-3ade744{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-43074 .elementor-element.elementor-element-12b2c47{--display:flex;--position:absolute;--min-height:100%;--border-radius:64px 64px 64px 64px;box-shadow:0px 0px 46px 31px rgba(0, 0, 0, 0.22);}.elementor-43074 .elementor-element.elementor-element-12b2c47:not(.elementor-motion-effects-element-type-background), .elementor-43074 .elementor-element.elementor-element-12b2c47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000030;}body:not(.rtl) .elementor-43074 .elementor-element.elementor-element-12b2c47{left:-4%;}body.rtl .elementor-43074 .elementor-element.elementor-element-12b2c47{right:-4%;}.elementor-43074 .elementor-element.elementor-element-b619a76{--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;--align-items:center;--border-radius:48px 48px 48px 48px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-43074 .elementor-element.elementor-element-b619a76:not(.elementor-motion-effects-element-type-background), .elementor-43074 .elementor-element.elementor-element-b619a76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF29;}body:not(.rtl) .elementor-43074 .elementor-element.elementor-element-abad72d{left:0px;}body.rtl .elementor-43074 .elementor-element.elementor-element-abad72d{right:0px;}.elementor-43074 .elementor-element.elementor-element-abad72d{top:0px;}.elementor-43074 .elementor-element.elementor-element-fd79e4c{--display:flex;}.elementor-43074 .elementor-element.elementor-element-1e5decb{--display:flex;--justify-content:center;}.elementor-43074 .elementor-element.elementor-element-1e5decb.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-43074 .elementor-element.elementor-element-db7b29f{--e-transform-translateX:2px;--e-transform-translateY:3px;}.elementor-43074 .elementor-element.elementor-element-db7b29f img{width:fit-content;height:600px;}.elementor-43074 .elementor-element.elementor-element-31fbb4b{--display:flex;--position:absolute;bottom:170px;}body:not(.rtl) .elementor-43074 .elementor-element.elementor-element-31fbb4b{right:94px;}body.rtl .elementor-43074 .elementor-element.elementor-element-31fbb4b{left:94px;}.elementor-43074 .elementor-element.elementor-element-a8475d2{width:var( --container-widget-width, fit-content );max-width:fit-content;--container-widget-width:fit-content;--container-widget-flex-grow:0;z-index:0;}.elementor-43074 .elementor-element.elementor-element-045f740{--display:flex;}.elementor-43074 .elementor-element.elementor-element-8e1147c{--display:flex;}.elementor-43074 .elementor-element.elementor-element-8e1147c.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-43074 .elementor-element.elementor-element-ab06cf5{--e-transform-translateX:-163px;--e-transform-translateY:51px;}.elementor-43074 .elementor-element.elementor-element-ab06cf5 img{width:fit-content;height:1200px;}.elementor-43074 .elementor-element.elementor-element-5696524{--display:flex;--position:absolute;bottom:128px;}.elementor-43074 .elementor-element.elementor-element-5696524.e-con{--e-con-transform-translateX:-222px;--e-con-transform-translateY:-32px;}body:not(.rtl) .elementor-43074 .elementor-element.elementor-element-5696524{right:66px;}body.rtl .elementor-43074 .elementor-element.elementor-element-5696524{left:66px;}.elementor-43074 .elementor-element.elementor-element-165d20e{width:var( --container-widget-width, fit-content );max-width:fit-content;--container-widget-width:fit-content;--container-widget-flex-grow:0;z-index:0;}.elementor-43074 .elementor-element.elementor-element-120539d{--display:flex;}.elementor-43074 .elementor-element.elementor-element-6c97c9e{--display:flex;}.elementor-43074 .elementor-element.elementor-element-6c97c9e.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-43074 .elementor-element.elementor-element-7882b38{--e-transform-translateX:91px;--e-transform-translateY:105px;}.elementor-43074 .elementor-element.elementor-element-7882b38 img{width:fit-content;height:760px;}.elementor-43074 .elementor-element.elementor-element-5784355{--display:flex;--position:absolute;bottom:114px;}.elementor-43074 .elementor-element.elementor-element-5784355.e-con{--e-con-transform-translateX:-146px;--e-con-transform-translateY:-6px;}body:not(.rtl) .elementor-43074 .elementor-element.elementor-element-5784355{right:-133px;}body.rtl .elementor-43074 .elementor-element.elementor-element-5784355{left:-133px;}.elementor-43074 .elementor-element.elementor-element-b404d5d{width:var( --container-widget-width, fit-content );max-width:fit-content;--container-widget-width:fit-content;--container-widget-flex-grow:0;z-index:0;}.elementor-43074 .elementor-element.elementor-element-f48960c{--display:flex;}.elementor-43074 .elementor-element.elementor-element-ae5c9ae{--display:flex;}.elementor-43074 .elementor-element.elementor-element-ae5c9ae.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-43074 .elementor-element.elementor-element-b13b832{--e-transform-translateX:52px;--e-transform-translateY:-104px;}.elementor-43074 .elementor-element.elementor-element-b13b832 img{width:fit-content;height:1600px;}.elementor-43074 .elementor-element.elementor-element-e8da7bc{--display:flex;--position:absolute;bottom:128px;}.elementor-43074 .elementor-element.elementor-element-e8da7bc.e-con{--e-con-transform-translateX:-146px;--e-con-transform-translateY:-6px;}body:not(.rtl) .elementor-43074 .elementor-element.elementor-element-e8da7bc{right:26px;}body.rtl .elementor-43074 .elementor-element.elementor-element-e8da7bc{left:26px;}.elementor-43074 .elementor-element.elementor-element-83412e8{width:var( --container-widget-width, fit-content );max-width:fit-content;--container-widget-width:fit-content;--container-widget-flex-grow:0;z-index:0;}.elementor-43074 .elementor-element.elementor-element-196452a{--display:flex;}.elementor-43074 .elementor-element.elementor-element-bd3a6cb{--display:flex;}.elementor-43074 .elementor-element.elementor-element-bd3a6cb.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-43074 .elementor-element.elementor-element-da2b543{--e-transform-translateX:-121px;--e-transform-translateY:-48px;}.elementor-43074 .elementor-element.elementor-element-da2b543 img{width:fit-content;height:1200px;}.elementor-43074 .elementor-element.elementor-element-e409b70{--display:flex;--position:absolute;bottom:197px;}.elementor-43074 .elementor-element.elementor-element-e409b70.e-con{--e-con-transform-translateX:-146px;--e-con-transform-translateY:-6px;}body:not(.rtl) .elementor-43074 .elementor-element.elementor-element-e409b70{right:95px;}body.rtl .elementor-43074 .elementor-element.elementor-element-e409b70{left:95px;}.elementor-43074 .elementor-element.elementor-element-8dee02b{width:var( --container-widget-width, fit-content );max-width:fit-content;--container-widget-width:fit-content;--container-widget-flex-grow:0;z-index:0;}.elementor-43074 .elementor-element.elementor-element-9c44eb7{--display:flex;}.elementor-43074 .elementor-element.elementor-element-85fb1bc{--display:flex;}.elementor-43074 .elementor-element.elementor-element-85fb1bc.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-43074 .elementor-element.elementor-element-d4480ad{--e-transform-translateX:-28px;--e-transform-translateY:25px;}.elementor-43074 .elementor-element.elementor-element-d4480ad img{width:fit-content;height:1200px;}.elementor-43074 .elementor-element.elementor-element-1489b48{--display:flex;--position:absolute;bottom:157px;}.elementor-43074 .elementor-element.elementor-element-1489b48.e-con{--e-con-transform-translateX:-146px;--e-con-transform-translateY:-6px;}body:not(.rtl) .elementor-43074 .elementor-element.elementor-element-1489b48{right:30px;}body.rtl .elementor-43074 .elementor-element.elementor-element-1489b48{left:30px;}.elementor-43074 .elementor-element.elementor-element-6374354{width:var( --container-widget-width, fit-content );max-width:fit-content;--container-widget-width:fit-content;--container-widget-flex-grow:0;z-index:0;}.elementor-43074 .elementor-element.elementor-element-aec2e8a{--display:flex;}.elementor-43074 .elementor-element.elementor-element-b72d9a7{--display:flex;--overflow:hidden;}.elementor-43074 .elementor-element.elementor-element-b72d9a7.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-43074 .elementor-element.elementor-element-c78f2c1 img{width:auto;height:800px;object-fit:cover;object-position:center center;}.elementor-43074 .elementor-element.elementor-element-bb98b9d .elementor-button{background-color:#FFFFFF14;font-size:17px;font-weight:400;fill:#454230;color:#454230;border-radius:999px 999px 999px 999px;}.elementor-43074 .elementor-element.elementor-element-bb98b9d{width:100%;max-width:100%;}.elementor-43074 .elementor-element.elementor-element-bb98b9d .elementor-button-content-wrapper{flex-direction:row;}.elementor-43074 .elementor-element.elementor-element-bb98b9d .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-43074 .elementor-element.elementor-element-ffce527{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:0px;width:100%;max-width:100%;background-color:#64728D;background-image:url("https://jetcraft.io/wp-content/uploads/2025/07/backdrop-light.png");background-position:center center;background-repeat:no-repeat;background-size:1800px auto;border-radius:34px 34px 34px 34px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:40px;--e-n-carousel-arrow-prev-top-align:100%;--e-n-carousel-arrow-prev-translate-y:-100%;--e-n-carousel-arrow-prev-top-position:-16px;--e-n-carousel-arrow-next-right-align:100%;--e-n-carousel-arrow-next-translate-x:100%;--e-n-carousel-arrow-next-right-position:-98px;--e-n-carousel-arrow-next-top-align:100%;--e-n-carousel-arrow-next-translate-y:-100%;--e-n-carousel-arrow-next-top-position:-16px;--e-n-carousel-arrow-size:20px;--e-n-carousel-arrow-normal-color:#FFFFFF70;--e-n-carousel-arrow-hover-color:#FFFFFF;--e-n-carousel-swiper-pagination-size:8px;--e-n-carousel-dots-normal-color:#FFFFFF;--e-n-carousel-dots-hover-color:#FFFFFF;--e-n-carousel-dots-horizontal-position:50%;--e-n-carousel-dots-horizontal-transform:-50%;--e-n-carousel-dots-vertical-offset:-32px;--e-n-carousel-swiper-pagination-spacing:0px;}.elementor-43074 .elementor-element.elementor-element-ffce527 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:50% 50% 50% 50%;padding:14px 14px 14px 14px;}.elementor-43074 .elementor-element.elementor-element-49aa99a{--display:flex;--position:absolute;bottom:375px;}body:not(.rtl) .elementor-43074 .elementor-element.elementor-element-49aa99a{right:53px;}body.rtl .elementor-43074 .elementor-element.elementor-element-49aa99a{left:53px;}.elementor-43074 .elementor-element.elementor-element-da45717{width:var( --container-widget-width, fit-content );max-width:fit-content;--container-widget-width:fit-content;--container-widget-flex-grow:0;}.elementor-43074 .elementor-element.elementor-element-3e48e75 .elementor-button{background-color:#FFFFFF00;font-size:18px;font-weight:700;line-height:100%;letter-spacing:-0.08px;fill:#FFFFFF;color:#FFFFFF;border-style:none;padding:0px 0px 9px 0px;}.elementor-43074 .elementor-element.elementor-element-3e48e75{width:var( --container-widget-width, fit-content );max-width:fit-content;margin:28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:fit-content;--container-widget-flex-grow:0;}.elementor-43074 .elementor-element.elementor-element-3e48e75 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-43074 .elementor-element.elementor-element-3e48e75 .elementor-button .elementor-button-content-wrapper{gap:16px;}.elementor-43074 .elementor-element.elementor-element-198d8d6{--display:flex;--position:absolute;top:214px;}body:not(.rtl) .elementor-43074 .elementor-element.elementor-element-198d8d6{right:180px;}body.rtl .elementor-43074 .elementor-element.elementor-element-198d8d6{left:180px;}.elementor-43074 .elementor-element.elementor-element-8dd3515{width:var( --container-widget-width, fit-content );max-width:fit-content;--container-widget-width:fit-content;--container-widget-flex-grow:0;}.elementor-43074 .elementor-element.elementor-element-f934d2d .elementor-button{background-color:#FFFFFF00;font-size:18px;font-weight:700;line-height:100%;letter-spacing:-0.08px;fill:#FFFFFF;color:#FFFFFF;border-style:none;padding:0px 0px 9px 0px;}.elementor-43074 .elementor-element.elementor-element-f934d2d{width:var( --container-widget-width, fit-content );max-width:fit-content;margin:28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:fit-content;--container-widget-flex-grow:0;}.elementor-43074 .elementor-element.elementor-element-f934d2d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-43074 .elementor-element.elementor-element-f934d2d .elementor-button .elementor-button-content-wrapper{gap:16px;}.elementor-43074 .elementor-element.elementor-element-f4910e7.elementor-element{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-43074 .elementor-element.elementor-element-f4910e7{left:206px;}body.rtl .elementor-43074 .elementor-element.elementor-element-f4910e7{right:206px;}.elementor-43074 .elementor-element.elementor-element-f4910e7{top:55px;text-align:center;}.elementor-43074 .elementor-element.elementor-element-f4910e7 .elementor-heading-title{font-size:18px;font-weight:800;line-height:1.5em;letter-spacing:0.3px;color:#FFFFFF;}body:not(.rtl) .elementor-43074 .elementor-element.elementor-element-1e8cbd9{left:50px;}body.rtl .elementor-43074 .elementor-element.elementor-element-1e8cbd9{right:50px;}.elementor-43074 .elementor-element.elementor-element-1e8cbd9{top:13px;}.elementor-43074 .elementor-element.elementor-element-1e8cbd9 img{width:128px;}body:not(.rtl) .elementor-43074 .elementor-element.elementor-element-0bb7905{left:48px;}body.rtl .elementor-43074 .elementor-element.elementor-element-0bb7905{right:48px;}.elementor-43074 .elementor-element.elementor-element-0bb7905{bottom:273px;}body:not(.rtl) .elementor-43074 .elementor-element.elementor-element-8200c94{left:48px;}body.rtl .elementor-43074 .elementor-element.elementor-element-8200c94{right:48px;}.elementor-43074 .elementor-element.elementor-element-8200c94{bottom:263px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#D2FF4A;}@media(max-width:1985px){body:not(.rtl) .elementor-43074 .elementor-element.elementor-element-8200c94{left:49px;}body.rtl .elementor-43074 .elementor-element.elementor-element-8200c94{right:49px;}.elementor-43074 .elementor-element.elementor-element-8200c94{bottom:239px;}}@media(min-width:768px){.elementor-43074 .elementor-element.elementor-element-b619a76{--width:1280px;}.elementor-43074 .elementor-element.elementor-element-31fbb4b{--width:fit-content;}.elementor-43074 .elementor-element.elementor-element-5696524{--width:fit-content;}.elementor-43074 .elementor-element.elementor-element-5784355{--width:fit-content;}.elementor-43074 .elementor-element.elementor-element-e8da7bc{--width:fit-content;}.elementor-43074 .elementor-element.elementor-element-e409b70{--width:fit-content;}.elementor-43074 .elementor-element.elementor-element-1489b48{--width:fit-content;}.elementor-43074 .elementor-element.elementor-element-49aa99a{--width:fit-content;}.elementor-43074 .elementor-element.elementor-element-198d8d6{--width:fit-content;}}@media(max-width:1024px) and (min-width:768px){.elementor-43074 .elementor-element.elementor-element-b619a76{--width:100%;}}@media(min-width:2357px){.elementor-43074 .elementor-element.elementor-element-3e48e75{--container-widget-width:auto;--container-widget-flex-grow:0;width:var( --container-widget-width, auto );max-width:auto;}.elementor-43074 .elementor-element.elementor-element-f934d2d{--container-widget-width:auto;--container-widget-flex-grow:0;width:var( --container-widget-width, auto );max-width:auto;}}@media(max-width:1024px){.elementor-43074 .elementor-element.elementor-element-c2fc691{--min-height:auto;}.elementor-43074 .elementor-element.elementor-element-1e5decb{--justify-content:center;}.elementor-43074 .elementor-element.elementor-element-ab06cf5{--e-transform-translateX:-231px;--e-transform-translateY:98px;}.elementor-43074 .elementor-element.elementor-element-ab06cf5 img{height:1200px;}.elementor-43074 .elementor-element.elementor-element-6c97c9e{--justify-content:center;}.elementor-43074 .elementor-element.elementor-element-ae5c9ae{--justify-content:center;}.elementor-43074 .elementor-element.elementor-element-b13b832{--e-transform-translateX:124px;--e-transform-translateY:146px;}.elementor-43074 .elementor-element.elementor-element-b13b832 img{height:1200px;}.elementor-43074 .elementor-element.elementor-element-bd3a6cb{--justify-content:center;}.elementor-43074 .elementor-element.elementor-element-da2b543{--e-transform-translateX:-107px;--e-transform-translateY:215px;}.elementor-43074 .elementor-element.elementor-element-85fb1bc{--justify-content:center;}.elementor-43074 .elementor-element.elementor-element-d4480ad{--e-transform-translateX:-24px;--e-transform-translateY:309px;}.elementor-43074 .elementor-element.elementor-element-b72d9a7{--justify-content:center;}.elementor-43074 .elementor-element.elementor-element-c78f2c1{--e-transform-translateX:-181px;}.elementor-43074 .elementor-element.elementor-element-ffce527{--e-n-carousel-swiper-slides-to-display:1;}body:not(.rtl) .elementor-43074 .elementor-element.elementor-element-49aa99a{right:36px;}body.rtl .elementor-43074 .elementor-element.elementor-element-49aa99a{left:36px;}.elementor-43074 .elementor-element.elementor-element-49aa99a{bottom:104px;}.elementor-43074 .elementor-element.elementor-element-f4910e7{width:var( --container-widget-width, 307.797px );max-width:307.797px;--container-widget-width:307.797px;--container-widget-flex-grow:0;top:32px;}body:not(.rtl) .elementor-43074 .elementor-element.elementor-element-f4910e7{left:167px;}body.rtl .elementor-43074 .elementor-element.elementor-element-f4910e7{right:167px;}.elementor-43074 .elementor-element.elementor-element-1e8cbd9 img{width:96px;}.elementor-43074 .elementor-element.elementor-element-0bb7905{bottom:223px;}.elementor-43074 .elementor-element.elementor-element-8200c94{bottom:214px;}}@media(max-width:767px){.elementor-43074 .elementor-element.elementor-element-db7b29f{--e-transform-translateX:-132px;}.elementor-43074 .elementor-element.elementor-element-db7b29f img{height:580px;}.elementor-43074 .elementor-element.elementor-element-8e1147c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-43074 .elementor-element.elementor-element-ab06cf5{--e-transform-translateX:-301px;--e-transform-translateY:54px;}.elementor-43074 .elementor-element.elementor-element-ab06cf5 img{height:1000px;}.elementor-43074 .elementor-element.elementor-element-7882b38{--e-transform-translateX:27px;--e-transform-translateY:90px;}.elementor-43074 .elementor-element.elementor-element-7882b38 img{height:800px;}.elementor-43074 .elementor-element.elementor-element-b13b832{--e-transform-translateX:29px;--e-transform-translateY:164px;}.elementor-43074 .elementor-element.elementor-element-da2b543{--e-transform-translateX:-183px;--e-transform-translateY:97px;}.elementor-43074 .elementor-element.elementor-element-da2b543 img{height:1000px;}.elementor-43074 .elementor-element.elementor-element-d4480ad{--e-transform-translateX:-79px;--e-transform-translateY:170px;}.elementor-43074 .elementor-element.elementor-element-d4480ad img{height:1000px;}.elementor-43074 .elementor-element.elementor-element-b72d9a7{--min-height:auto;}.elementor-43074 .elementor-element.elementor-element-c78f2c1{--e-transform-translateX:-323px;}.elementor-43074 .elementor-element.elementor-element-c78f2c1 img{object-fit:cover;}.elementor-43074 .elementor-element.elementor-element-ffce527{--e-n-carousel-swiper-slides-to-display:1;}.elementor-43074 .elementor-element.elementor-element-49aa99a{--width:fit-content;bottom:79px;}body:not(.rtl) .elementor-43074 .elementor-element.elementor-element-49aa99a{right:28px;}body.rtl .elementor-43074 .elementor-element.elementor-element-49aa99a{left:28px;}.elementor-43074 .elementor-element.elementor-element-3e48e75{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:auto;--container-widget-flex-grow:0;width:var( --container-widget-width, auto );max-width:auto;}.elementor-43074 .elementor-element.elementor-element-f934d2d{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:auto;--container-widget-flex-grow:0;width:var( --container-widget-width, auto );max-width:auto;}.elementor-43074 .elementor-element.elementor-element-1e8cbd9 img{width:48px;}}/* Start custom CSS for container, class: .elementor-element-12b2c47 */.elementor-43074 .elementor-element.elementor-element-12b2c47 {
transform: perspective(1400px) translate3d(50px, 32px, -100px);
transform-origin: center bottom;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-abad72d */.elementor-43074 .elementor-element.elementor-element-abad72d {
width: 100%;
height: 100%;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-db7b29f */.elementor-43074 .elementor-element.elementor-element-db7b29f {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31fbb4b */.jetcraft-hover-indicator {
opacity: 0;
transition: opacity .6s 1.4s ease;
.swiper-slide-active & {
opacity: 1;
}
.wrapper {
display: flex;
opacity: 1;
}
.left {
padding-right: 7px;
}
.right {
padding-top: 10px;
text-align: left;
width: 250px;
}
.right h2 {
margin: 0;
padding: 0 0 8px 0;
color: #f4f4f4;
font-size: 22px;
font-weight: 700;
letter-spacing: 3px;
line-height: 22px;
text-transform: uppercase;
}
.right p {
margin: 0;
padding: 0;
color: #f4f4f4;
font-size: 13px;
font-weight: 200;
line-height: 1.5;
letter-spacing: .4px;
}
svg {
overflow: visible
}
.outer-spinner-wrap {
position: absolute;
top: -27px;
left: -27px;
width: 100px;
height: 100px;
animation: 7s linear infinite rotateInnerCircle;
pointer-events: none;
}
.outer-spinner {
opacity: 0;
transform: scale(1.1);
transform-origin: 50%;
transition-property: transform, opacity;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.8,-1,1,.1);
transition-delay: .15s;
}
.inner-wrap {
position: relative;
z-index: 1;
}
.inner {
stroke-dasharray: 23;
animation: 3s linear infinite rotateInnerCircle;
transform-origin: 29px 29px;
}
.circle-group {
cursor: pointer;
transform-origin: 29px 29px;
transition-property: transform;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.8,-1,1,.1);
}
.core {
transform: scale(.5);
transform-origin: 29px 29px;
transition-property: transform;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.48,-1.2,.1,1);
}
.character-hover {
position: absolute;
left: -577px;
top: -323px;
max-width: initial !important;
transform: scale(0%);
transition-property: transform;
transition-duration: .4s;
transition-timing-function: cubic-bezier(.8,-.4,1,.1);
pointer-events: none;
img {
max-width: initial;
-webkit-transform: translateZ(0);
/* Chrome, Safari, Opera */
transform: translateZ(0);
image-rendering: -moz-crisp-edges;
/* Firefox */
image-rendering: -o-crisp-edges;
/* Opera */
image-rendering: -webkit-optimize-contrast;
/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
}
}
}
/* Animation */
.jetcraft-hover-indicator:has(.circle-group:hover) {
.outer-spinner {
transform: scale(1.7);
opacity: 1;
transition-timing-function: cubic-bezier(.1,0,.13,1.6);
}
.circle-group {
transform: scale(1.4);
transition-timing-function: cubic-bezier(.1,0,.13,2);
transition-delay: .2s;
}
.core {
transform: scale(1);
}
.character-hover {
transform: scale(47%);
transition-timing-function: cubic-bezier(.1,0,.13,1.5);
transition-delay: .2s;
}
}
@keyframes rotateInnerCircle {
from {
transform: rotate(0deg)
}
to {
transform: rotate(360deg)
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e5decb */.elementor-43074 .elementor-element.elementor-element-1e5decb {
min-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ab06cf5 */.elementor-43074 .elementor-element.elementor-element-ab06cf5 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e1147c */.elementor-43074 .elementor-element.elementor-element-8e1147c {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7882b38 */.elementor-43074 .elementor-element.elementor-element-7882b38 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c97c9e */.elementor-43074 .elementor-element.elementor-element-6c97c9e {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b13b832 */.elementor-43074 .elementor-element.elementor-element-b13b832 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae5c9ae */.elementor-43074 .elementor-element.elementor-element-ae5c9ae {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-da2b543 */.elementor-43074 .elementor-element.elementor-element-da2b543 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd3a6cb */.elementor-43074 .elementor-element.elementor-element-bd3a6cb {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d4480ad */.elementor-43074 .elementor-element.elementor-element-d4480ad {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85fb1bc */.elementor-43074 .elementor-element.elementor-element-85fb1bc {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c78f2c1 */.elementor-43074 .elementor-element.elementor-element-c78f2c1 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bb98b9d */.elementor-43074 .elementor-element.elementor-element-bb98b9d {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
.elementor-button-wrapper {
line-height: 0;
}
.elementor-button {
--timing: cubic-bezier(.5,.01,.1,1);
display: inline-flex;
justify-content: center;
align-items: center;
width: min(90%, 676px);
height: 75px;
backdrop-filter: blur(32px);
box-shadow: inset 0 0 64px 0 hsl(255 0 100 / .7),
inset 0 0 32px 0 hsl(255 0 100 / .3),
inset 0 1px 2px 0 hsl(255 0 100 / .6);
white-space: nowrap;
overflow: hidden;
cursor: pointer;
&::after {
content: '';
position: absolute;
width: 18px;
height: 16px;
right: 30px;
background-image: url('data:image/svg+xml,');
}
.elementor-button-content-wrapper {
position: relative;
}
.elementor-button-content-wrapper::after {
content: '제작 및 개발 문의';
position: absolute;
bottom: -200%;
left: calc(50% + 10px);
transform: translate(calc(-50%), 0);
opacity: 0;
font-weight: 500;
}
&:hover .elementor-button-content-wrapper {
.elementor-button-text {
transform: translateY(-200%);
opacity: 0;
}
&::after {
transform: translate(-50%, -200%);
opacity: 1;
}
}
.elementor-button-content-wrapper::after,
.elementor-button-text {
transition-property: opacity, transform;
transition: 1s var(--timing);
}
}
.elementor-button-icon svg {
fill: currentColor;
path {
fill: currentColor;
}
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b72d9a7 */.elementor-43074 .elementor-element.elementor-element-b72d9a7 {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-db7b29f */.elementor-43074 .elementor-element.elementor-element-db7b29f {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31fbb4b */.jetcraft-hover-indicator {
opacity: 0;
transition: opacity .6s 1.4s ease;
.swiper-slide-active & {
opacity: 1;
}
.wrapper {
display: flex;
opacity: 1;
}
.left {
padding-right: 7px;
}
.right {
padding-top: 10px;
text-align: left;
width: 250px;
}
.right h2 {
margin: 0;
padding: 0 0 8px 0;
color: #f4f4f4;
font-size: 22px;
font-weight: 700;
letter-spacing: 3px;
line-height: 22px;
text-transform: uppercase;
}
.right p {
margin: 0;
padding: 0;
color: #f4f4f4;
font-size: 13px;
font-weight: 200;
line-height: 1.5;
letter-spacing: .4px;
}
svg {
overflow: visible
}
.outer-spinner-wrap {
position: absolute;
top: -27px;
left: -27px;
width: 100px;
height: 100px;
animation: 7s linear infinite rotateInnerCircle;
pointer-events: none;
}
.outer-spinner {
opacity: 0;
transform: scale(1.1);
transform-origin: 50%;
transition-property: transform, opacity;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.8,-1,1,.1);
transition-delay: .15s;
}
.inner-wrap {
position: relative;
z-index: 1;
}
.inner {
stroke-dasharray: 23;
animation: 3s linear infinite rotateInnerCircle;
transform-origin: 29px 29px;
}
.circle-group {
cursor: pointer;
transform-origin: 29px 29px;
transition-property: transform;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.8,-1,1,.1);
}
.core {
transform: scale(.5);
transform-origin: 29px 29px;
transition-property: transform;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.48,-1.2,.1,1);
}
.character-hover {
position: absolute;
left: -577px;
top: -323px;
max-width: initial !important;
transform: scale(0%);
transition-property: transform;
transition-duration: .4s;
transition-timing-function: cubic-bezier(.8,-.4,1,.1);
pointer-events: none;
img {
max-width: initial;
-webkit-transform: translateZ(0);
/* Chrome, Safari, Opera */
transform: translateZ(0);
image-rendering: -moz-crisp-edges;
/* Firefox */
image-rendering: -o-crisp-edges;
/* Opera */
image-rendering: -webkit-optimize-contrast;
/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
}
}
}
/* Animation */
.jetcraft-hover-indicator:has(.circle-group:hover) {
.outer-spinner {
transform: scale(1.7);
opacity: 1;
transition-timing-function: cubic-bezier(.1,0,.13,1.6);
}
.circle-group {
transform: scale(1.4);
transition-timing-function: cubic-bezier(.1,0,.13,2);
transition-delay: .2s;
}
.core {
transform: scale(1);
}
.character-hover {
transform: scale(47%);
transition-timing-function: cubic-bezier(.1,0,.13,1.5);
transition-delay: .2s;
}
}
@keyframes rotateInnerCircle {
from {
transform: rotate(0deg)
}
to {
transform: rotate(360deg)
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e5decb */.elementor-43074 .elementor-element.elementor-element-1e5decb {
min-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ab06cf5 */.elementor-43074 .elementor-element.elementor-element-ab06cf5 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e1147c */.elementor-43074 .elementor-element.elementor-element-8e1147c {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7882b38 */.elementor-43074 .elementor-element.elementor-element-7882b38 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c97c9e */.elementor-43074 .elementor-element.elementor-element-6c97c9e {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b13b832 */.elementor-43074 .elementor-element.elementor-element-b13b832 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae5c9ae */.elementor-43074 .elementor-element.elementor-element-ae5c9ae {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-da2b543 */.elementor-43074 .elementor-element.elementor-element-da2b543 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd3a6cb */.elementor-43074 .elementor-element.elementor-element-bd3a6cb {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d4480ad */.elementor-43074 .elementor-element.elementor-element-d4480ad {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85fb1bc */.elementor-43074 .elementor-element.elementor-element-85fb1bc {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c78f2c1 */.elementor-43074 .elementor-element.elementor-element-c78f2c1 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bb98b9d */.elementor-43074 .elementor-element.elementor-element-bb98b9d {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
.elementor-button-wrapper {
line-height: 0;
}
.elementor-button {
--timing: cubic-bezier(.5,.01,.1,1);
display: inline-flex;
justify-content: center;
align-items: center;
width: min(90%, 676px);
height: 75px;
backdrop-filter: blur(32px);
box-shadow: inset 0 0 64px 0 hsl(255 0 100 / .7),
inset 0 0 32px 0 hsl(255 0 100 / .3),
inset 0 1px 2px 0 hsl(255 0 100 / .6);
white-space: nowrap;
overflow: hidden;
cursor: pointer;
&::after {
content: '';
position: absolute;
width: 18px;
height: 16px;
right: 30px;
background-image: url('data:image/svg+xml,');
}
.elementor-button-content-wrapper {
position: relative;
}
.elementor-button-content-wrapper::after {
content: '제작 및 개발 문의';
position: absolute;
bottom: -200%;
left: calc(50% + 10px);
transform: translate(calc(-50%), 0);
opacity: 0;
font-weight: 500;
}
&:hover .elementor-button-content-wrapper {
.elementor-button-text {
transform: translateY(-200%);
opacity: 0;
}
&::after {
transform: translate(-50%, -200%);
opacity: 1;
}
}
.elementor-button-content-wrapper::after,
.elementor-button-text {
transition-property: opacity, transform;
transition: 1s var(--timing);
}
}
.elementor-button-icon svg {
fill: currentColor;
path {
fill: currentColor;
}
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b72d9a7 */.elementor-43074 .elementor-element.elementor-element-b72d9a7 {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-db7b29f */.elementor-43074 .elementor-element.elementor-element-db7b29f {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31fbb4b */.jetcraft-hover-indicator {
opacity: 0;
transition: opacity .6s 1.4s ease;
.swiper-slide-active & {
opacity: 1;
}
.wrapper {
display: flex;
opacity: 1;
}
.left {
padding-right: 7px;
}
.right {
padding-top: 10px;
text-align: left;
width: 250px;
}
.right h2 {
margin: 0;
padding: 0 0 8px 0;
color: #f4f4f4;
font-size: 22px;
font-weight: 700;
letter-spacing: 3px;
line-height: 22px;
text-transform: uppercase;
}
.right p {
margin: 0;
padding: 0;
color: #f4f4f4;
font-size: 13px;
font-weight: 200;
line-height: 1.5;
letter-spacing: .4px;
}
svg {
overflow: visible
}
.outer-spinner-wrap {
position: absolute;
top: -27px;
left: -27px;
width: 100px;
height: 100px;
animation: 7s linear infinite rotateInnerCircle;
pointer-events: none;
}
.outer-spinner {
opacity: 0;
transform: scale(1.1);
transform-origin: 50%;
transition-property: transform, opacity;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.8,-1,1,.1);
transition-delay: .15s;
}
.inner-wrap {
position: relative;
z-index: 1;
}
.inner {
stroke-dasharray: 23;
animation: 3s linear infinite rotateInnerCircle;
transform-origin: 29px 29px;
}
.circle-group {
cursor: pointer;
transform-origin: 29px 29px;
transition-property: transform;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.8,-1,1,.1);
}
.core {
transform: scale(.5);
transform-origin: 29px 29px;
transition-property: transform;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.48,-1.2,.1,1);
}
.character-hover {
position: absolute;
left: -577px;
top: -323px;
max-width: initial !important;
transform: scale(0%);
transition-property: transform;
transition-duration: .4s;
transition-timing-function: cubic-bezier(.8,-.4,1,.1);
pointer-events: none;
img {
max-width: initial;
-webkit-transform: translateZ(0);
/* Chrome, Safari, Opera */
transform: translateZ(0);
image-rendering: -moz-crisp-edges;
/* Firefox */
image-rendering: -o-crisp-edges;
/* Opera */
image-rendering: -webkit-optimize-contrast;
/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
}
}
}
/* Animation */
.jetcraft-hover-indicator:has(.circle-group:hover) {
.outer-spinner {
transform: scale(1.7);
opacity: 1;
transition-timing-function: cubic-bezier(.1,0,.13,1.6);
}
.circle-group {
transform: scale(1.4);
transition-timing-function: cubic-bezier(.1,0,.13,2);
transition-delay: .2s;
}
.core {
transform: scale(1);
}
.character-hover {
transform: scale(47%);
transition-timing-function: cubic-bezier(.1,0,.13,1.5);
transition-delay: .2s;
}
}
@keyframes rotateInnerCircle {
from {
transform: rotate(0deg)
}
to {
transform: rotate(360deg)
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e5decb */.elementor-43074 .elementor-element.elementor-element-1e5decb {
min-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ab06cf5 */.elementor-43074 .elementor-element.elementor-element-ab06cf5 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e1147c */.elementor-43074 .elementor-element.elementor-element-8e1147c {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7882b38 */.elementor-43074 .elementor-element.elementor-element-7882b38 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c97c9e */.elementor-43074 .elementor-element.elementor-element-6c97c9e {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b13b832 */.elementor-43074 .elementor-element.elementor-element-b13b832 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae5c9ae */.elementor-43074 .elementor-element.elementor-element-ae5c9ae {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-da2b543 */.elementor-43074 .elementor-element.elementor-element-da2b543 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd3a6cb */.elementor-43074 .elementor-element.elementor-element-bd3a6cb {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d4480ad */.elementor-43074 .elementor-element.elementor-element-d4480ad {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85fb1bc */.elementor-43074 .elementor-element.elementor-element-85fb1bc {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c78f2c1 */.elementor-43074 .elementor-element.elementor-element-c78f2c1 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bb98b9d */.elementor-43074 .elementor-element.elementor-element-bb98b9d {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
.elementor-button-wrapper {
line-height: 0;
}
.elementor-button {
--timing: cubic-bezier(.5,.01,.1,1);
display: inline-flex;
justify-content: center;
align-items: center;
width: min(90%, 676px);
height: 75px;
backdrop-filter: blur(32px);
box-shadow: inset 0 0 64px 0 hsl(255 0 100 / .7),
inset 0 0 32px 0 hsl(255 0 100 / .3),
inset 0 1px 2px 0 hsl(255 0 100 / .6);
white-space: nowrap;
overflow: hidden;
cursor: pointer;
&::after {
content: '';
position: absolute;
width: 18px;
height: 16px;
right: 30px;
background-image: url('data:image/svg+xml,');
}
.elementor-button-content-wrapper {
position: relative;
}
.elementor-button-content-wrapper::after {
content: '제작 및 개발 문의';
position: absolute;
bottom: -200%;
left: calc(50% + 10px);
transform: translate(calc(-50%), 0);
opacity: 0;
font-weight: 500;
}
&:hover .elementor-button-content-wrapper {
.elementor-button-text {
transform: translateY(-200%);
opacity: 0;
}
&::after {
transform: translate(-50%, -200%);
opacity: 1;
}
}
.elementor-button-content-wrapper::after,
.elementor-button-text {
transition-property: opacity, transform;
transition: 1s var(--timing);
}
}
.elementor-button-icon svg {
fill: currentColor;
path {
fill: currentColor;
}
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b72d9a7 */.elementor-43074 .elementor-element.elementor-element-b72d9a7 {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-db7b29f */.elementor-43074 .elementor-element.elementor-element-db7b29f {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31fbb4b */.jetcraft-hover-indicator {
opacity: 0;
transition: opacity .6s 1.4s ease;
.swiper-slide-active & {
opacity: 1;
}
.wrapper {
display: flex;
opacity: 1;
}
.left {
padding-right: 7px;
}
.right {
padding-top: 10px;
text-align: left;
width: 250px;
}
.right h2 {
margin: 0;
padding: 0 0 8px 0;
color: #f4f4f4;
font-size: 22px;
font-weight: 700;
letter-spacing: 3px;
line-height: 22px;
text-transform: uppercase;
}
.right p {
margin: 0;
padding: 0;
color: #f4f4f4;
font-size: 13px;
font-weight: 200;
line-height: 1.5;
letter-spacing: .4px;
}
svg {
overflow: visible
}
.outer-spinner-wrap {
position: absolute;
top: -27px;
left: -27px;
width: 100px;
height: 100px;
animation: 7s linear infinite rotateInnerCircle;
pointer-events: none;
}
.outer-spinner {
opacity: 0;
transform: scale(1.1);
transform-origin: 50%;
transition-property: transform, opacity;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.8,-1,1,.1);
transition-delay: .15s;
}
.inner-wrap {
position: relative;
z-index: 1;
}
.inner {
stroke-dasharray: 23;
animation: 3s linear infinite rotateInnerCircle;
transform-origin: 29px 29px;
}
.circle-group {
cursor: pointer;
transform-origin: 29px 29px;
transition-property: transform;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.8,-1,1,.1);
}
.core {
transform: scale(.5);
transform-origin: 29px 29px;
transition-property: transform;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.48,-1.2,.1,1);
}
.character-hover {
position: absolute;
left: -577px;
top: -323px;
max-width: initial !important;
transform: scale(0%);
transition-property: transform;
transition-duration: .4s;
transition-timing-function: cubic-bezier(.8,-.4,1,.1);
pointer-events: none;
img {
max-width: initial;
-webkit-transform: translateZ(0);
/* Chrome, Safari, Opera */
transform: translateZ(0);
image-rendering: -moz-crisp-edges;
/* Firefox */
image-rendering: -o-crisp-edges;
/* Opera */
image-rendering: -webkit-optimize-contrast;
/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
}
}
}
/* Animation */
.jetcraft-hover-indicator:has(.circle-group:hover) {
.outer-spinner {
transform: scale(1.7);
opacity: 1;
transition-timing-function: cubic-bezier(.1,0,.13,1.6);
}
.circle-group {
transform: scale(1.4);
transition-timing-function: cubic-bezier(.1,0,.13,2);
transition-delay: .2s;
}
.core {
transform: scale(1);
}
.character-hover {
transform: scale(47%);
transition-timing-function: cubic-bezier(.1,0,.13,1.5);
transition-delay: .2s;
}
}
@keyframes rotateInnerCircle {
from {
transform: rotate(0deg)
}
to {
transform: rotate(360deg)
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e5decb */.elementor-43074 .elementor-element.elementor-element-1e5decb {
min-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ab06cf5 */.elementor-43074 .elementor-element.elementor-element-ab06cf5 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e1147c */.elementor-43074 .elementor-element.elementor-element-8e1147c {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7882b38 */.elementor-43074 .elementor-element.elementor-element-7882b38 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c97c9e */.elementor-43074 .elementor-element.elementor-element-6c97c9e {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b13b832 */.elementor-43074 .elementor-element.elementor-element-b13b832 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae5c9ae */.elementor-43074 .elementor-element.elementor-element-ae5c9ae {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-da2b543 */.elementor-43074 .elementor-element.elementor-element-da2b543 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd3a6cb */.elementor-43074 .elementor-element.elementor-element-bd3a6cb {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d4480ad */.elementor-43074 .elementor-element.elementor-element-d4480ad {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85fb1bc */.elementor-43074 .elementor-element.elementor-element-85fb1bc {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c78f2c1 */.elementor-43074 .elementor-element.elementor-element-c78f2c1 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bb98b9d */.elementor-43074 .elementor-element.elementor-element-bb98b9d {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
.elementor-button-wrapper {
line-height: 0;
}
.elementor-button {
--timing: cubic-bezier(.5,.01,.1,1);
display: inline-flex;
justify-content: center;
align-items: center;
width: min(90%, 676px);
height: 75px;
backdrop-filter: blur(32px);
box-shadow: inset 0 0 64px 0 hsl(255 0 100 / .7),
inset 0 0 32px 0 hsl(255 0 100 / .3),
inset 0 1px 2px 0 hsl(255 0 100 / .6);
white-space: nowrap;
overflow: hidden;
cursor: pointer;
&::after {
content: '';
position: absolute;
width: 18px;
height: 16px;
right: 30px;
background-image: url('data:image/svg+xml,');
}
.elementor-button-content-wrapper {
position: relative;
}
.elementor-button-content-wrapper::after {
content: '제작 및 개발 문의';
position: absolute;
bottom: -200%;
left: calc(50% + 10px);
transform: translate(calc(-50%), 0);
opacity: 0;
font-weight: 500;
}
&:hover .elementor-button-content-wrapper {
.elementor-button-text {
transform: translateY(-200%);
opacity: 0;
}
&::after {
transform: translate(-50%, -200%);
opacity: 1;
}
}
.elementor-button-content-wrapper::after,
.elementor-button-text {
transition-property: opacity, transform;
transition: 1s var(--timing);
}
}
.elementor-button-icon svg {
fill: currentColor;
path {
fill: currentColor;
}
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b72d9a7 */.elementor-43074 .elementor-element.elementor-element-b72d9a7 {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-db7b29f */.elementor-43074 .elementor-element.elementor-element-db7b29f {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31fbb4b */.jetcraft-hover-indicator {
opacity: 0;
transition: opacity .6s 1.4s ease;
.swiper-slide-active & {
opacity: 1;
}
.wrapper {
display: flex;
opacity: 1;
}
.left {
padding-right: 7px;
}
.right {
padding-top: 10px;
text-align: left;
width: 250px;
}
.right h2 {
margin: 0;
padding: 0 0 8px 0;
color: #f4f4f4;
font-size: 22px;
font-weight: 700;
letter-spacing: 3px;
line-height: 22px;
text-transform: uppercase;
}
.right p {
margin: 0;
padding: 0;
color: #f4f4f4;
font-size: 13px;
font-weight: 200;
line-height: 1.5;
letter-spacing: .4px;
}
svg {
overflow: visible
}
.outer-spinner-wrap {
position: absolute;
top: -27px;
left: -27px;
width: 100px;
height: 100px;
animation: 7s linear infinite rotateInnerCircle;
pointer-events: none;
}
.outer-spinner {
opacity: 0;
transform: scale(1.1);
transform-origin: 50%;
transition-property: transform, opacity;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.8,-1,1,.1);
transition-delay: .15s;
}
.inner-wrap {
position: relative;
z-index: 1;
}
.inner {
stroke-dasharray: 23;
animation: 3s linear infinite rotateInnerCircle;
transform-origin: 29px 29px;
}
.circle-group {
cursor: pointer;
transform-origin: 29px 29px;
transition-property: transform;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.8,-1,1,.1);
}
.core {
transform: scale(.5);
transform-origin: 29px 29px;
transition-property: transform;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.48,-1.2,.1,1);
}
.character-hover {
position: absolute;
left: -577px;
top: -323px;
max-width: initial !important;
transform: scale(0%);
transition-property: transform;
transition-duration: .4s;
transition-timing-function: cubic-bezier(.8,-.4,1,.1);
pointer-events: none;
img {
max-width: initial;
-webkit-transform: translateZ(0);
/* Chrome, Safari, Opera */
transform: translateZ(0);
image-rendering: -moz-crisp-edges;
/* Firefox */
image-rendering: -o-crisp-edges;
/* Opera */
image-rendering: -webkit-optimize-contrast;
/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
}
}
}
/* Animation */
.jetcraft-hover-indicator:has(.circle-group:hover) {
.outer-spinner {
transform: scale(1.7);
opacity: 1;
transition-timing-function: cubic-bezier(.1,0,.13,1.6);
}
.circle-group {
transform: scale(1.4);
transition-timing-function: cubic-bezier(.1,0,.13,2);
transition-delay: .2s;
}
.core {
transform: scale(1);
}
.character-hover {
transform: scale(47%);
transition-timing-function: cubic-bezier(.1,0,.13,1.5);
transition-delay: .2s;
}
}
@keyframes rotateInnerCircle {
from {
transform: rotate(0deg)
}
to {
transform: rotate(360deg)
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e5decb */.elementor-43074 .elementor-element.elementor-element-1e5decb {
min-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ab06cf5 */.elementor-43074 .elementor-element.elementor-element-ab06cf5 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e1147c */.elementor-43074 .elementor-element.elementor-element-8e1147c {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7882b38 */.elementor-43074 .elementor-element.elementor-element-7882b38 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c97c9e */.elementor-43074 .elementor-element.elementor-element-6c97c9e {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b13b832 */.elementor-43074 .elementor-element.elementor-element-b13b832 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae5c9ae */.elementor-43074 .elementor-element.elementor-element-ae5c9ae {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-da2b543 */.elementor-43074 .elementor-element.elementor-element-da2b543 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd3a6cb */.elementor-43074 .elementor-element.elementor-element-bd3a6cb {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d4480ad */.elementor-43074 .elementor-element.elementor-element-d4480ad {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85fb1bc */.elementor-43074 .elementor-element.elementor-element-85fb1bc {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c78f2c1 */.elementor-43074 .elementor-element.elementor-element-c78f2c1 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bb98b9d */.elementor-43074 .elementor-element.elementor-element-bb98b9d {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
.elementor-button-wrapper {
line-height: 0;
}
.elementor-button {
--timing: cubic-bezier(.5,.01,.1,1);
display: inline-flex;
justify-content: center;
align-items: center;
width: min(90%, 676px);
height: 75px;
backdrop-filter: blur(32px);
box-shadow: inset 0 0 64px 0 hsl(255 0 100 / .7),
inset 0 0 32px 0 hsl(255 0 100 / .3),
inset 0 1px 2px 0 hsl(255 0 100 / .6);
white-space: nowrap;
overflow: hidden;
cursor: pointer;
&::after {
content: '';
position: absolute;
width: 18px;
height: 16px;
right: 30px;
background-image: url('data:image/svg+xml,');
}
.elementor-button-content-wrapper {
position: relative;
}
.elementor-button-content-wrapper::after {
content: '제작 및 개발 문의';
position: absolute;
bottom: -200%;
left: calc(50% + 10px);
transform: translate(calc(-50%), 0);
opacity: 0;
font-weight: 500;
}
&:hover .elementor-button-content-wrapper {
.elementor-button-text {
transform: translateY(-200%);
opacity: 0;
}
&::after {
transform: translate(-50%, -200%);
opacity: 1;
}
}
.elementor-button-content-wrapper::after,
.elementor-button-text {
transition-property: opacity, transform;
transition: 1s var(--timing);
}
}
.elementor-button-icon svg {
fill: currentColor;
path {
fill: currentColor;
}
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b72d9a7 */.elementor-43074 .elementor-element.elementor-element-b72d9a7 {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-db7b29f */.elementor-43074 .elementor-element.elementor-element-db7b29f {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31fbb4b */.jetcraft-hover-indicator {
opacity: 0;
transition: opacity .6s 1.4s ease;
.swiper-slide-active & {
opacity: 1;
}
.wrapper {
display: flex;
opacity: 1;
}
.left {
padding-right: 7px;
}
.right {
padding-top: 10px;
text-align: left;
width: 250px;
}
.right h2 {
margin: 0;
padding: 0 0 8px 0;
color: #f4f4f4;
font-size: 22px;
font-weight: 700;
letter-spacing: 3px;
line-height: 22px;
text-transform: uppercase;
}
.right p {
margin: 0;
padding: 0;
color: #f4f4f4;
font-size: 13px;
font-weight: 200;
line-height: 1.5;
letter-spacing: .4px;
}
svg {
overflow: visible
}
.outer-spinner-wrap {
position: absolute;
top: -27px;
left: -27px;
width: 100px;
height: 100px;
animation: 7s linear infinite rotateInnerCircle;
pointer-events: none;
}
.outer-spinner {
opacity: 0;
transform: scale(1.1);
transform-origin: 50%;
transition-property: transform, opacity;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.8,-1,1,.1);
transition-delay: .15s;
}
.inner-wrap {
position: relative;
z-index: 1;
}
.inner {
stroke-dasharray: 23;
animation: 3s linear infinite rotateInnerCircle;
transform-origin: 29px 29px;
}
.circle-group {
cursor: pointer;
transform-origin: 29px 29px;
transition-property: transform;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.8,-1,1,.1);
}
.core {
transform: scale(.5);
transform-origin: 29px 29px;
transition-property: transform;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.48,-1.2,.1,1);
}
.character-hover {
position: absolute;
left: -577px;
top: -323px;
max-width: initial !important;
transform: scale(0%);
transition-property: transform;
transition-duration: .4s;
transition-timing-function: cubic-bezier(.8,-.4,1,.1);
pointer-events: none;
img {
max-width: initial;
-webkit-transform: translateZ(0);
/* Chrome, Safari, Opera */
transform: translateZ(0);
image-rendering: -moz-crisp-edges;
/* Firefox */
image-rendering: -o-crisp-edges;
/* Opera */
image-rendering: -webkit-optimize-contrast;
/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
}
}
}
/* Animation */
.jetcraft-hover-indicator:has(.circle-group:hover) {
.outer-spinner {
transform: scale(1.7);
opacity: 1;
transition-timing-function: cubic-bezier(.1,0,.13,1.6);
}
.circle-group {
transform: scale(1.4);
transition-timing-function: cubic-bezier(.1,0,.13,2);
transition-delay: .2s;
}
.core {
transform: scale(1);
}
.character-hover {
transform: scale(47%);
transition-timing-function: cubic-bezier(.1,0,.13,1.5);
transition-delay: .2s;
}
}
@keyframes rotateInnerCircle {
from {
transform: rotate(0deg)
}
to {
transform: rotate(360deg)
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e5decb */.elementor-43074 .elementor-element.elementor-element-1e5decb {
min-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ab06cf5 */.elementor-43074 .elementor-element.elementor-element-ab06cf5 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e1147c */.elementor-43074 .elementor-element.elementor-element-8e1147c {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7882b38 */.elementor-43074 .elementor-element.elementor-element-7882b38 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c97c9e */.elementor-43074 .elementor-element.elementor-element-6c97c9e {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b13b832 */.elementor-43074 .elementor-element.elementor-element-b13b832 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae5c9ae */.elementor-43074 .elementor-element.elementor-element-ae5c9ae {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-da2b543 */.elementor-43074 .elementor-element.elementor-element-da2b543 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd3a6cb */.elementor-43074 .elementor-element.elementor-element-bd3a6cb {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d4480ad */.elementor-43074 .elementor-element.elementor-element-d4480ad {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85fb1bc */.elementor-43074 .elementor-element.elementor-element-85fb1bc {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c78f2c1 */.elementor-43074 .elementor-element.elementor-element-c78f2c1 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bb98b9d */.elementor-43074 .elementor-element.elementor-element-bb98b9d {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
.elementor-button-wrapper {
line-height: 0;
}
.elementor-button {
--timing: cubic-bezier(.5,.01,.1,1);
display: inline-flex;
justify-content: center;
align-items: center;
width: min(90%, 676px);
height: 75px;
backdrop-filter: blur(32px);
box-shadow: inset 0 0 64px 0 hsl(255 0 100 / .7),
inset 0 0 32px 0 hsl(255 0 100 / .3),
inset 0 1px 2px 0 hsl(255 0 100 / .6);
white-space: nowrap;
overflow: hidden;
cursor: pointer;
&::after {
content: '';
position: absolute;
width: 18px;
height: 16px;
right: 30px;
background-image: url('data:image/svg+xml,');
}
.elementor-button-content-wrapper {
position: relative;
}
.elementor-button-content-wrapper::after {
content: '제작 및 개발 문의';
position: absolute;
bottom: -200%;
left: calc(50% + 10px);
transform: translate(calc(-50%), 0);
opacity: 0;
font-weight: 500;
}
&:hover .elementor-button-content-wrapper {
.elementor-button-text {
transform: translateY(-200%);
opacity: 0;
}
&::after {
transform: translate(-50%, -200%);
opacity: 1;
}
}
.elementor-button-content-wrapper::after,
.elementor-button-text {
transition-property: opacity, transform;
transition: 1s var(--timing);
}
}
.elementor-button-icon svg {
fill: currentColor;
path {
fill: currentColor;
}
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b72d9a7 */.elementor-43074 .elementor-element.elementor-element-b72d9a7 {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-db7b29f */.elementor-43074 .elementor-element.elementor-element-db7b29f {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31fbb4b */.jetcraft-hover-indicator {
opacity: 0;
transition: opacity .6s 1.4s ease;
.swiper-slide-active & {
opacity: 1;
}
.wrapper {
display: flex;
opacity: 1;
}
.left {
padding-right: 7px;
}
.right {
padding-top: 10px;
text-align: left;
width: 250px;
}
.right h2 {
margin: 0;
padding: 0 0 8px 0;
color: #f4f4f4;
font-size: 22px;
font-weight: 700;
letter-spacing: 3px;
line-height: 22px;
text-transform: uppercase;
}
.right p {
margin: 0;
padding: 0;
color: #f4f4f4;
font-size: 13px;
font-weight: 200;
line-height: 1.5;
letter-spacing: .4px;
}
svg {
overflow: visible
}
.outer-spinner-wrap {
position: absolute;
top: -27px;
left: -27px;
width: 100px;
height: 100px;
animation: 7s linear infinite rotateInnerCircle;
pointer-events: none;
}
.outer-spinner {
opacity: 0;
transform: scale(1.1);
transform-origin: 50%;
transition-property: transform, opacity;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.8,-1,1,.1);
transition-delay: .15s;
}
.inner-wrap {
position: relative;
z-index: 1;
}
.inner {
stroke-dasharray: 23;
animation: 3s linear infinite rotateInnerCircle;
transform-origin: 29px 29px;
}
.circle-group {
cursor: pointer;
transform-origin: 29px 29px;
transition-property: transform;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.8,-1,1,.1);
}
.core {
transform: scale(.5);
transform-origin: 29px 29px;
transition-property: transform;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.48,-1.2,.1,1);
}
.character-hover {
position: absolute;
left: -577px;
top: -323px;
max-width: initial !important;
transform: scale(0%);
transition-property: transform;
transition-duration: .4s;
transition-timing-function: cubic-bezier(.8,-.4,1,.1);
pointer-events: none;
img {
max-width: initial;
-webkit-transform: translateZ(0);
/* Chrome, Safari, Opera */
transform: translateZ(0);
image-rendering: -moz-crisp-edges;
/* Firefox */
image-rendering: -o-crisp-edges;
/* Opera */
image-rendering: -webkit-optimize-contrast;
/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
}
}
}
/* Animation */
.jetcraft-hover-indicator:has(.circle-group:hover) {
.outer-spinner {
transform: scale(1.7);
opacity: 1;
transition-timing-function: cubic-bezier(.1,0,.13,1.6);
}
.circle-group {
transform: scale(1.4);
transition-timing-function: cubic-bezier(.1,0,.13,2);
transition-delay: .2s;
}
.core {
transform: scale(1);
}
.character-hover {
transform: scale(47%);
transition-timing-function: cubic-bezier(.1,0,.13,1.5);
transition-delay: .2s;
}
}
@keyframes rotateInnerCircle {
from {
transform: rotate(0deg)
}
to {
transform: rotate(360deg)
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e5decb */.elementor-43074 .elementor-element.elementor-element-1e5decb {
min-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ab06cf5 */.elementor-43074 .elementor-element.elementor-element-ab06cf5 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e1147c */.elementor-43074 .elementor-element.elementor-element-8e1147c {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7882b38 */.elementor-43074 .elementor-element.elementor-element-7882b38 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c97c9e */.elementor-43074 .elementor-element.elementor-element-6c97c9e {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b13b832 */.elementor-43074 .elementor-element.elementor-element-b13b832 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae5c9ae */.elementor-43074 .elementor-element.elementor-element-ae5c9ae {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-da2b543 */.elementor-43074 .elementor-element.elementor-element-da2b543 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd3a6cb */.elementor-43074 .elementor-element.elementor-element-bd3a6cb {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d4480ad */.elementor-43074 .elementor-element.elementor-element-d4480ad {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85fb1bc */.elementor-43074 .elementor-element.elementor-element-85fb1bc {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c78f2c1 */.elementor-43074 .elementor-element.elementor-element-c78f2c1 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bb98b9d */.elementor-43074 .elementor-element.elementor-element-bb98b9d {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
.elementor-button-wrapper {
line-height: 0;
}
.elementor-button {
--timing: cubic-bezier(.5,.01,.1,1);
display: inline-flex;
justify-content: center;
align-items: center;
width: min(90%, 676px);
height: 75px;
backdrop-filter: blur(32px);
box-shadow: inset 0 0 64px 0 hsl(255 0 100 / .7),
inset 0 0 32px 0 hsl(255 0 100 / .3),
inset 0 1px 2px 0 hsl(255 0 100 / .6);
white-space: nowrap;
overflow: hidden;
cursor: pointer;
&::after {
content: '';
position: absolute;
width: 18px;
height: 16px;
right: 30px;
background-image: url('data:image/svg+xml,');
}
.elementor-button-content-wrapper {
position: relative;
}
.elementor-button-content-wrapper::after {
content: '제작 및 개발 문의';
position: absolute;
bottom: -200%;
left: calc(50% + 10px);
transform: translate(calc(-50%), 0);
opacity: 0;
font-weight: 500;
}
&:hover .elementor-button-content-wrapper {
.elementor-button-text {
transform: translateY(-200%);
opacity: 0;
}
&::after {
transform: translate(-50%, -200%);
opacity: 1;
}
}
.elementor-button-content-wrapper::after,
.elementor-button-text {
transition-property: opacity, transform;
transition: 1s var(--timing);
}
}
.elementor-button-icon svg {
fill: currentColor;
path {
fill: currentColor;
}
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b72d9a7 */.elementor-43074 .elementor-element.elementor-element-b72d9a7 {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-db7b29f */.elementor-43074 .elementor-element.elementor-element-db7b29f {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31fbb4b */.jetcraft-hover-indicator {
opacity: 0;
transition: opacity .6s 1.4s ease;
.swiper-slide-active & {
opacity: 1;
}
.wrapper {
display: flex;
opacity: 1;
}
.left {
padding-right: 7px;
}
.right {
padding-top: 10px;
text-align: left;
width: 250px;
}
.right h2 {
margin: 0;
padding: 0 0 8px 0;
color: #f4f4f4;
font-size: 22px;
font-weight: 700;
letter-spacing: 3px;
line-height: 22px;
text-transform: uppercase;
}
.right p {
margin: 0;
padding: 0;
color: #f4f4f4;
font-size: 13px;
font-weight: 200;
line-height: 1.5;
letter-spacing: .4px;
}
svg {
overflow: visible
}
.outer-spinner-wrap {
position: absolute;
top: -27px;
left: -27px;
width: 100px;
height: 100px;
animation: 7s linear infinite rotateInnerCircle;
pointer-events: none;
}
.outer-spinner {
opacity: 0;
transform: scale(1.1);
transform-origin: 50%;
transition-property: transform, opacity;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.8,-1,1,.1);
transition-delay: .15s;
}
.inner-wrap {
position: relative;
z-index: 1;
}
.inner {
stroke-dasharray: 23;
animation: 3s linear infinite rotateInnerCircle;
transform-origin: 29px 29px;
}
.circle-group {
cursor: pointer;
transform-origin: 29px 29px;
transition-property: transform;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.8,-1,1,.1);
}
.core {
transform: scale(.5);
transform-origin: 29px 29px;
transition-property: transform;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.48,-1.2,.1,1);
}
.character-hover {
position: absolute;
left: -577px;
top: -323px;
max-width: initial !important;
transform: scale(0%);
transition-property: transform;
transition-duration: .4s;
transition-timing-function: cubic-bezier(.8,-.4,1,.1);
pointer-events: none;
img {
max-width: initial;
-webkit-transform: translateZ(0);
/* Chrome, Safari, Opera */
transform: translateZ(0);
image-rendering: -moz-crisp-edges;
/* Firefox */
image-rendering: -o-crisp-edges;
/* Opera */
image-rendering: -webkit-optimize-contrast;
/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
}
}
}
/* Animation */
.jetcraft-hover-indicator:has(.circle-group:hover) {
.outer-spinner {
transform: scale(1.7);
opacity: 1;
transition-timing-function: cubic-bezier(.1,0,.13,1.6);
}
.circle-group {
transform: scale(1.4);
transition-timing-function: cubic-bezier(.1,0,.13,2);
transition-delay: .2s;
}
.core {
transform: scale(1);
}
.character-hover {
transform: scale(47%);
transition-timing-function: cubic-bezier(.1,0,.13,1.5);
transition-delay: .2s;
}
}
@keyframes rotateInnerCircle {
from {
transform: rotate(0deg)
}
to {
transform: rotate(360deg)
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e5decb */.elementor-43074 .elementor-element.elementor-element-1e5decb {
min-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ab06cf5 */.elementor-43074 .elementor-element.elementor-element-ab06cf5 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e1147c */.elementor-43074 .elementor-element.elementor-element-8e1147c {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7882b38 */.elementor-43074 .elementor-element.elementor-element-7882b38 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c97c9e */.elementor-43074 .elementor-element.elementor-element-6c97c9e {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b13b832 */.elementor-43074 .elementor-element.elementor-element-b13b832 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae5c9ae */.elementor-43074 .elementor-element.elementor-element-ae5c9ae {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-da2b543 */.elementor-43074 .elementor-element.elementor-element-da2b543 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd3a6cb */.elementor-43074 .elementor-element.elementor-element-bd3a6cb {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d4480ad */.elementor-43074 .elementor-element.elementor-element-d4480ad {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85fb1bc */.elementor-43074 .elementor-element.elementor-element-85fb1bc {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c78f2c1 */.elementor-43074 .elementor-element.elementor-element-c78f2c1 {
img {
max-width: initial;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bb98b9d */.elementor-43074 .elementor-element.elementor-element-bb98b9d {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
.elementor-button-wrapper {
line-height: 0;
}
.elementor-button {
--timing: cubic-bezier(.5,.01,.1,1);
display: inline-flex;
justify-content: center;
align-items: center;
width: min(90%, 676px);
height: 75px;
backdrop-filter: blur(32px);
box-shadow: inset 0 0 64px 0 hsl(255 0 100 / .7),
inset 0 0 32px 0 hsl(255 0 100 / .3),
inset 0 1px 2px 0 hsl(255 0 100 / .6);
white-space: nowrap;
overflow: hidden;
cursor: pointer;
&::after {
content: '';
position: absolute;
width: 18px;
height: 16px;
right: 30px;
background-image: url('data:image/svg+xml,');
}
.elementor-button-content-wrapper {
position: relative;
}
.elementor-button-content-wrapper::after {
content: '제작 및 개발 문의';
position: absolute;
bottom: -200%;
left: calc(50% + 10px);
transform: translate(calc(-50%), 0);
opacity: 0;
font-weight: 500;
}
&:hover .elementor-button-content-wrapper {
.elementor-button-text {
transform: translateY(-200%);
opacity: 0;
}
&::after {
transform: translate(-50%, -200%);
opacity: 1;
}
}
.elementor-button-content-wrapper::after,
.elementor-button-text {
transition-property: opacity, transform;
transition: 1s var(--timing);
}
}
.elementor-button-icon svg {
fill: currentColor;
path {
fill: currentColor;
}
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b72d9a7 */.elementor-43074 .elementor-element.elementor-element-b72d9a7 {
max-height: 720px;
@media(max-width: 767px) {
max-height: 100vh;
}
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ffce527 */.elementor-43074 .elementor-element.elementor-element-ffce527 {
--e-n-carousel-swiper-padding-bottom: 0;
overflow: hidden;
.swiper-wrapper {
transition-timing-function: cubic-bezier(.5,.01,.1,.99);
}
.elementor-swiper-button-next svg {
transform: rotate(180deg);
}
.swiper-pagination-bullet {
border-radius: 32px;
transition: .8s ease;
transition-property: width, opacity;
&.swiper-pagination-bullet-active {
width: 64px;
opacity: .5;
}
}
@media(max-width: 767px) {
.elementor-swiper-button {
display: none;
visibility: hidden;
}
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-da45717 */.glitch-text {
--color: #FAFAFA;
--size: 16px;
--gap : 0;
/* Do not edit as possible
------------------------------------ */
font-size: var(--size);
.hero-text {
color: var(--color);
font-size: 2.4em;
font-weight: 600;
display: flex;
flex-direction: column;
gap: var(--gap);
}
.top {
font-size: .4em;
}
.right {
font-size: .5em;
font-weight: 200;
text-align: right;
width: 100%;
}
.stack {
display: grid;
grid-template-columns: 1fr;
}
.stack span {
--stack-height: calc(100% / var(--stacks) - 1px);
--inverse-index: calc(calc(var(--stacks) - 1) - var(--index));
--clip-top: calc(var(--stack-height) * var(--index));
--clip-bottom: calc(var(--stack-height) * var(--inverse-index));
grid-row-start: 1;
grid-column-start: 1;
font-size: 2.7em;
font-weight: 700;
line-height: 100%;
clip-path: inset(var(--clip-top) 0 var(--clip-bottom) 0);
animation: stack 340ms cubic-bezier(.46, .29, 0, 1.24) 1 backwards calc(var(--index) * 120ms), glitch 2s ease infinite 2s alternate-reverse;
}
.stack span:nth-child(odd) {
--glitch-translate: 8px;
}
.stack span:nth-child(even) {
--glitch-translate: -8px;
}
@media(max-width: 767px) {
.hero-text {
font-size: 1.8em;
}
.top {
font-size: .6em;
}
.right {
font-size: .7em;
}
}
}
@keyframes stack {
0% {
opacity: 0;
transform: translateX(-50%);
text-shadow: -2px 3px 0 magenta, 2px -3px 0 cyan;
}
60% {
opacity: 0.5;
transform: translateX(50%);
}
80% {
transform: none;
opacity: 1;
text-shadow: 2px -3px 0 magenta, -2px 3px 0 cyan;
}
100% {
text-shadow: none;
}
}
@keyframes glitch {
0% {
text-shadow: -2px 3px 0 magenta, 2px -3px 0 cyan;
transform: translate(var(--glitch-translate));
}
2% {
text-shadow: 2px -3px 0 magenta, -2px 3px 0 cyan;
}
4%,
100% {
text-shadow: none;
transform: none;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3e48e75 */.elementor-43074 .elementor-element.elementor-element-3e48e75 {
--icon-v-offset: -1px;
/*
clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
transition: clip-path 1s .5s var(--global-timing);
.swiper-slide-active & {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
*/
.elementor-button-icon {
font-size: 20px;
transform: translateY(var(--icon-v-offset, 0px));
}
.elementor-button-text {
white-space: nowrap;
}
svg.icon-expandable-caret {
transition: transform 200ms;
transform: translateX(0);
.arrow {
stroke-dasharray: 10;
stroke-dashoffset: 10;
transition: stroke-dashoffset 200ms;
}
/* :hover */
.elementor-button:hover & {
transform: translateX(4px);
.arrow {
stroke-dashoffset: 20;
transition: stroke-dashoffset 200ms;
}
}
}
.elementor-button {
position: relative;
&::before, &::after {
position: absolute;
bottom: 0;
left: 0;
width: calc(100% - 38px);
height: 2px;
pointer-events: none;
content: "";
background-color: currentColor;
transform: scaleX(0);
transform-origin: 0 0;
transition: transform .3s ease;
}
&::before {
opacity: 0;
transform: scaleX(1);
}
&:hover::after {
transform: scaleX(1);
}
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49aa99a */.elementor-43074 .elementor-element.elementor-element-49aa99a {
transform: translate3d(0, 0, 180px);
body:has(.swiper-slide-active[data-slide="7"]) & {
display: none;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8dd3515 */.glitch-text {
--color: #FAFAFA;
--size: 16px;
--gap : 0;
/* Do not edit as possible
------------------------------------ */
font-size: var(--size);
.hero-text {
color: var(--color);
font-size: em;
font-weight: 600;
display: flex;
flex-direction: column;
gap: var(--gap);
}
.right {
font-size: .7em;
font-weight: 200;
text-align: right;
width: 100%;
}
.stack {
display: grid;
grid-template-columns: 1fr;
}
.stack span {
--stack-height: calc(100% / var(--stacks) - 1px);
--inverse-index: calc(calc(var(--stacks) - 1) - var(--index));
--clip-top: calc(var(--stack-height) * var(--index));
--clip-bottom: calc(var(--stack-height) * var(--inverse-index));
grid-row-start: 1;
grid-column-start: 1;
font-size: 2.7em;
font-weight: 700;
line-height: 100%;
clip-path: inset(var(--clip-top) 0 var(--clip-bottom) 0);
animation: stack 340ms cubic-bezier(.46, .29, 0, 1.24) 1 backwards calc(var(--index) * 120ms), glitch 2s ease infinite 2s alternate-reverse;
}
.stack span:nth-child(odd) {
--glitch-translate: 8px;
}
.stack span:nth-child(even) {
--glitch-translate: -8px;
}
}
@keyframes stack {
0% {
opacity: 0;
transform: translateX(-50%);
text-shadow: -2px 3px 0 magenta, 2px -3px 0 cyan;
}
60% {
opacity: 0.5;
transform: translateX(50%);
}
80% {
transform: none;
opacity: 1;
text-shadow: 2px -3px 0 magenta, -2px 3px 0 cyan;
}
100% {
text-shadow: none;
}
}
@keyframes glitch {
0% {
text-shadow: -2px 3px 0 magenta, 2px -3px 0 cyan;
transform: translate(var(--glitch-translate));
}
2% {
text-shadow: 2px -3px 0 magenta, -2px 3px 0 cyan;
}
4%,
100% {
text-shadow: none;
transform: none;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f934d2d */.elementor-43074 .elementor-element.elementor-element-f934d2d {
--icon-v-offset: -1px;
/*
clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
transition: clip-path 1s .5s var(--global-timing);
.swiper-slide-active & {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
*/
.elementor-button-icon {
font-size: 20px;
transform: translateY(var(--icon-v-offset, 0px));
}
.elementor-button-text {
white-space: nowrap;
}
svg.icon-expandable-caret {
transition: transform 200ms;
transform: translateX(0);
.arrow {
stroke-dasharray: 10;
stroke-dashoffset: 10;
transition: stroke-dashoffset 200ms;
}
/* :hover */
.elementor-button:hover & {
transform: translateX(4px);
.arrow {
stroke-dashoffset: 20;
transition: stroke-dashoffset 200ms;
}
}
}
.elementor-button {
position: relative;
&::before, &::after {
position: absolute;
bottom: 0;
left: 0;
width: calc(100% - 38px);
height: 2px;
pointer-events: none;
content: "";
background-color: currentColor;
transform: scaleX(0);
transform-origin: 0 0;
transition: transform .3s ease;
}
&::before {
opacity: 0;
transform: scaleX(1);
}
&:hover::after {
transform: scaleX(1);
}
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-198d8d6 */.elementor-43074 .elementor-element.elementor-element-198d8d6 {
transform: translate3d(0, 0, 180px);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f4910e7 */.elementor-43074 .elementor-element.elementor-element-f4910e7 {
transform: translateZ(86px);
backface-visibility: hidden;
text-shadow: 6px 10px 3px rgba(0 0 0 / 7%);
small {
font-size: 13px;
font-weight: 200;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1e8cbd9 */.elementor-43074 .elementor-element.elementor-element-1e8cbd9 {
transform: translate3d(0px, 0px, 50px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0bb7905 */@keyframes HudBoxArrow {
0% {
opacity: 1;
}
100% {
opacity: 0;
transform: translateX(10px);
}
}
.elementor-43074 .elementor-element.elementor-element-0bb7905 {
body:has(.swiper-slide-active[data-slide="7"]) & {
display: none;
}
.get-artbook {
width: 271px;
margin: 0;
padding: 0;
}
.get-artbook h1 {
margin: 0;
padding: 0 0 13px 3px;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #fff;
line-height: 1;
}
/* HUD Box 스타일 1 */
.hud-box-1 {
width: 271px;
height: 46px;
display: flex;
justify-content: space-between;
background-image: url('data:image/svg+xml,');
}
.hud-box-1 a {
display: flex;
justify-content: center;
align-items: center;
width: 60px;
font-size: 20px;
color: #64728d;
background-color: #fff;
text-decoration: none;
}
.hud-box-1 a:hover span {
animation: .5s ease-out 0s infinite normal forwards running HudBoxArrow;
}
.hud-box-1 p {
align-self: center;
margin: 0;
padding: 1px 0 0 20px;
font-family: var(--primary-eng-font);
font-size: 14px;
letter-spacing: 1px;
color: #fff;
text-transform: uppercase;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8200c94 */.elementor-43074 .elementor-element.elementor-element-8200c94 {
width: 290px;
height: 100px;
transform: translate3d(0px, 0px, 65px);
filter: drop-shadow(12px 15px 4px rgba(0, 0, 0, .1));
cursor: pointer;
overflow: visible;
opacity: .1;
transition: all .2s ease;
&:hover {
transform: translate3d(0px, 0px, 86px);
opacity: 1;
}
&::after,
&::before {
border-color: #f2fc7d;
border-radius: 3px;
border-style: solid;
border-width: 1px;
bottom: 0;
content: "";
filter: blur(1.5px);
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 22px;
transition: all .2s ease;
z-index: -1;
}
&:hover::after {
bottom: -24px;
left: -24px;
opacity: .15;
right: -24px;
top: -24px;
}
&:hover::before {
bottom: -12px;
left: -12px;
opacity: .6;
right: -12px;
top: -12px;
}
a {
display: block;
height: 100%;
}
.title {
position: relative;
display: inline-block;
padding: 3px 12px;
top: -25px;
left: -2px;
background: linear-gradient(0deg,rgba(209, 254, 72, 1) 0%, rgba(243, 255, 94, 1) 100%);
font-size: 10px;
font-weight: 600;
text-align: center;
}
body:has(.swiper-slide-active[data-slide="7"]) & {
display: none;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b619a76 */.elementor-43074 .elementor-element.elementor-element-b619a76 {
transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ade744 */.elementor-43074 .elementor-element.elementor-element-3ade744 {
transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c2fc691 */.elementor-43074 .elementor-element.elementor-element-c2fc691 {
.perspective-container {
position: relative;
width: fit-content;
height: auto;
transform-style: preserve-3d;
transition: transform 1s ease-out;
}
}/* End custom CSS */