.elementor-2 .elementor-element.elementor-element-f4ad9a2{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-42bc074{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-b2f00f3{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:160px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-b2f00f3:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-b2f00f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fuzit.mycafe24.com/wp-content/uploads/2025/12/main_bg1.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-2 .elementor-element.elementor-element-c6e27cb{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-4695fc1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-raven-heading .raven-heading-title, .elementor-widget-raven-heading .raven-heading-title-inner{color:var( --e-global-color-primary );-webkit-text-fill-color:var( --e-global-color-primary );}.elementor-widget-raven-heading .raven-heading, .elementor-widget-raven-heading .raven-heading a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-2 .elementor-element.elementor-element-7a459b9 > .elementor-widget-container{margin:0px 0px 5px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-7a459b9 .raven-heading, .elementor-2 .elementor-element.elementor-element-7a459b9 .raven-heading a{font-family:"Exo 2", Sans-serif;font-size:50px;font-weight:700;line-height:50px;}.elementor-2 .elementor-element.elementor-element-8896ffe{padding:0px 0px 0px 10px;}.elementor-2 .elementor-element.elementor-element-4e7bf2f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-fd476f6{--display:flex;--min-height:100vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-fd476f6:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-fd476f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#70BF4B;}.elementor-2 .elementor-element.elementor-element-5a70bbf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-8722fdb{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-raven-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-2 .elementor-element.elementor-element-1666123 .raven-image img{width:100%;}.elementor-2 .elementor-element.elementor-element-1666123 .raven-image{opacity:1;}.elementor-2 .elementor-element.elementor-element-1666123{text-align:center;}.elementor-2 .elementor-element.elementor-element-1d312de{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:140px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-f22802b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );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-2 .elementor-element.elementor-element-126892c{text-align:center;font-family:"Pretendard", Sans-serif;font-size:16px;font-weight:600;line-height:24px;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-4b214e0 > .elementor-widget-container{margin:0px 0px 15px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-4b214e0 .raven-heading-title, .elementor-2 .elementor-element.elementor-element-4b214e0 .raven-heading-title-inner{color:#FFFFFF;-webkit-text-fill-color:initial;}.elementor-2 .elementor-element.elementor-element-4b214e0 .raven-heading, .elementor-2 .elementor-element.elementor-element-4b214e0 .raven-heading a{font-family:"Exo 2", Sans-serif;font-size:50px;font-weight:700;line-height:55px;}.elementor-2 .elementor-element.elementor-element-2148f4b{text-align:center;font-family:"Pretendard", Sans-serif;font-size:22px;font-weight:600;line-height:30px;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-2148f4b p{margin-block-end:0px;}.elementor-2 .elementor-element.elementor-element-c85c268{margin:35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Pretendard", Sans-serif;font-size:17px;font-weight:300;line-height:26px;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-c85c268 p{margin-block-end:0px;}.elementor-2 .elementor-element.elementor-element-78f1e33{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-c2ca068{margin:60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-b7ff5c1{--display:flex;--min-height:100vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-b7ff5c1:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-b7ff5c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fuzit.mycafe24.com/wp-content/uploads/2025/12/main_bg2.jpg");background-position:top left;}.elementor-2 .elementor-element.elementor-element-4fa8938{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:140px;--padding-bottom:110px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-b4deb0f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-f038b75 > .elementor-widget-container{margin:0px 0px 15px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-f038b75 .raven-heading-title, .elementor-2 .elementor-element.elementor-element-f038b75 .raven-heading-title-inner{color:#111111;-webkit-text-fill-color:initial;}.elementor-2 .elementor-element.elementor-element-f038b75 .raven-heading, .elementor-2 .elementor-element.elementor-element-f038b75 .raven-heading a{font-family:"Exo 2", Sans-serif;font-size:50px;font-weight:700;line-height:50px;}.elementor-2 .elementor-element.elementor-element-3be8e2f{text-align:center;font-family:"Pretendard", Sans-serif;font-size:17px;font-weight:400;line-height:26px;color:#555555;}.elementor-2 .elementor-element.elementor-element-3be8e2f p{margin-block-end:0px;}.elementor-2 .elementor-element.elementor-element-4f71d31{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-d78b3ab{right:0px;}body.rtl .elementor-2 .elementor-element.elementor-element-d78b3ab{left:0px;}.elementor-2 .elementor-element.elementor-element-d78b3ab{bottom:0px;}.elementor-2 .elementor-element.elementor-element-9e94dca{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-719c003{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:160px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-719c003:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-719c003 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fuzit.mycafe24.com/wp-content/uploads/2025/12/main_bg3.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-2 .elementor-element.elementor-element-910ede6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-87e9118 > .elementor-widget-container{margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-87e9118 .raven-heading-title, .elementor-2 .elementor-element.elementor-element-87e9118 .raven-heading-title-inner{color:#FFFFFF;-webkit-text-fill-color:initial;}.elementor-2 .elementor-element.elementor-element-87e9118 .raven-heading, .elementor-2 .elementor-element.elementor-element-87e9118 .raven-heading a{font-family:"Exo 2", Sans-serif;font-size:50px;font-weight:700;line-height:55px;}.elementor-2 .elementor-element.elementor-element-36e1878{font-family:"Pretendard", Sans-serif;font-size:22px;font-weight:500;line-height:30px;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-36e1878 p{margin-block-end:0px;}.elementor-2 .elementor-element.elementor-element-879cab3{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-60985d7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-5f01113{font-family:"Pretendard", Sans-serif;font-size:17px;font-weight:400;line-height:26px;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-5f01113 p{margin-block-end:0px;}.elementor-2 .elementor-element.elementor-element-b4686f2{margin:60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-3141c34{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-15792e1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1366px){.elementor-widget-raven-heading .raven-heading, .elementor-widget-raven-heading .raven-heading a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-raven-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:1200px){.elementor-2 .elementor-element.elementor-element-b2f00f3{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-widget-raven-heading .raven-heading, .elementor-widget-raven-heading .raven-heading a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-2 .elementor-element.elementor-element-4e7bf2f{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2 .elementor-element.elementor-element-5a70bbf{--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-raven-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2 .elementor-element.elementor-element-1d312de{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2 .elementor-element.elementor-element-4fa8938{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2 .elementor-element.elementor-element-4f71d31{--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:center;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2 .elementor-element.elementor-element-719c003{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}@media(max-width:776px){.elementor-2 .elementor-element.elementor-element-b2f00f3{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-widget-raven-heading .raven-heading, .elementor-widget-raven-heading .raven-heading a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-2 .elementor-element.elementor-element-8896ffe{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-4e7bf2f{--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-2 .elementor-element.elementor-element-5a70bbf{--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-raven-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2 .elementor-element.elementor-element-1d312de{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2 .elementor-element.elementor-element-78f1e33.elementor-element{--align-self:center;}.elementor-2 .elementor-element.elementor-element-4fa8938{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2 .elementor-element.elementor-element-f038b75 .raven-heading, .elementor-2 .elementor-element.elementor-element-f038b75 .raven-heading a{font-size:45px;line-height:45px;}.elementor-2 .elementor-element.elementor-element-4f71d31{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-719c003{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2 .elementor-element.elementor-element-5f01113{letter-spacing:-0.01em;}}@media(min-width:777px){.elementor-2 .elementor-element.elementor-element-8722fdb{--width:51.5%;}.elementor-2 .elementor-element.elementor-element-1d312de{--width:46.5%;}.elementor-2 .elementor-element.elementor-element-4fa8938{--content-width:1300px;}}@media(max-width:1200px) and (min-width:777px){.elementor-2 .elementor-element.elementor-element-8722fdb{--width:100%;}.elementor-2 .elementor-element.elementor-element-1d312de{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-d164916 */@keyframes msKenBurns {
        0% { transform: scale(1); }
        100% { transform: scale(1.08); }
    }

    .ms-hero-slider * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        font-family: "Pretendard Variable", sans-serif;
    }

    .ms-hero-slider {
        position: relative;
        width: 100%;
        height: 100vh;
        min-height: 600px;
        overflow: hidden;
        background-color: #000;
    }

    .swiper {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .swiper-slide {
        overflow: hidden;
        position: relative;
    }

    .ms-bg-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        transform: scale(1);
        /* transition 제거: 애니메이션 충돌 방지 */
        z-index: 1;
        will-change: transform; /* 성능 최적화 */
    }


    .swiper-slide-active .ms-bg-image {
        animation: msKenBurns 8s ease-out forwards;
    }

    .ms-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.0);
        z-index: 2;
    }

    .ms-container-1560 {
        width: 100%;
        max-width: 1560px;
        margin: 0 auto;
        padding: 0 20px;
        position: relative;
        height: 100%;
        display: flex;
        align-items: center;
        pointer-events: none;
    }

    .ms-content-wrapper {
        color: #fff;
        pointer-events: auto;
        width: 100%;
        max-width: 800px;
        position: relative;
        z-index: 20;
    }

    .ms-static-layer {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 100%;
        max-width: 1560px;
        height: 100%;
        z-index: 30;
        pointer-events: none;
    }

    .ms-controls-wrapper {
        width: 100%;
        max-width: 800px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
    }

    .ms-title {
        font-size: 100px;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 24px;
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.8s ease 0.1s;
        font-family: "Exo 2", sans-serif !important;
        color:#FABB00;
    }

    .ms-desc {
        font-size: 20px;
        font-weight: 300;
        line-height: 1.6;
        margin-bottom: 50px;
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.8s ease 0.3s;
        max-width: 600px;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    }
   
    .swiper-slide-active .ms-title,
    .swiper-slide-active .ms-desc {
        opacity: 1;
        transform: translateY(0);
    }

    .ms-controls {
        display: flex;
        align-items: center;
        gap: 20px;
        pointer-events: auto;
        margin-top: 380px;
        opacity: 0;
        animation: fadeInControls 1s ease 0.5s forwards;
    }

    @keyframes fadeInControls {
        to { opacity: 1; }
    }

    .ms-nav-btn {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: rgba(255,255,255,0.5);
        cursor: pointer;
        transition: all 0.3s;
    }

    .ms-nav-btn:hover {
        color: #fff;
    }

    .ms-nav-btn svg {
        width: 40px;
        height: 40px;
        fill: none;
        stroke: currentColor;
        stroke-width: 3;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .ms-pagination {
        position: static !important;
        width: auto !important;
        display: flex;
        gap: 8px;
    }

    .swiper-pagination-bullet {
        width: 20px !important;
        height: 20px !important;
        background: transparent !important; 
        border-radius: 50%;
        opacity: 1;
        position: relative;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 0 4px !important;
        transition: all 0.3s;
        border: 1px solid rgba(255, 255, 255, 0.5); /* 기본 테두리 추가 */
    }

    .swiper-pagination-bullet::after {
        content: "";
        width: 6px !important;
        height: 6px !important;
        background-color: rgba(255, 255, 255, 0.9); 
        border-radius: 50%;
        display: block;
        transition: all 0.3s;
    }

    .swiper-pagination-bullet-active {
        width: 20px; 
        border: 1px solid #f18d04 !important;
        background: transparent !important;
        border-radius: 50%;
    }

    .swiper-pagination-bullet-active::after {
        background-color: #f18d04;
    }

    .ms-scroll-down {
        position: absolute;
        left: 150px;
        bottom: 80px;
        z-index: 40;
        color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        cursor: pointer;
        pointer-events: auto;
        animation: fadeIn 1s ease 1s forwards;
        opacity: 0;
    }

    .ms-scroll-text {
        font-size: 14px;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    .ms-scroll-icon {
        width: 26px;
        height: 14px;
        fill: none;
        stroke: currentColor;
        stroke-width: 3;
        stroke-linecap: round;
        stroke-linejoin: round;
        animation: bounce 2s infinite;
    }

    @keyframes bounce {
        0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
        40% {transform: translateY(-10px);}
        60% {transform: translateY(-5px);}
    }

    @keyframes fadeIn {
        to { opacity: 1; }
    }

    @media (max-width: 1024px) {
        .ms-title { font-size: 48px; }
        .ms-scroll-down { left: 40px; bottom: 40px; }
        .ms-controls { margin-top: 240px; }
    }
    
    @media (max-width: 776px) {
        .ms-title { font-size: 32px; margin-bottom: 16px; }
        .ms-desc { font-size: 14px; margin-bottom: 30px; }
        .ms-scroll-down { display: none; }
        .ms-controls { justify-content: flex-start; margin-top: 180px; }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8896ffe */@media(max-width:776px){
    .sub_tit{
        flex-direction: column;
    }
    .sub_tit .line{
        width:100% !important;
    }
}
.sub_tit{
    width: 100%;
    display: flex;
    gap: 30px;
    align-items: center;
    
}

.sub_tit .line{
    width: 815px;
    height: 1px;
    background: #111;
}

.sub_tit p{
    font-size: 18px;
    line-height: 28px;
    color: #555;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e7bf2f */.ab_box {
    overflow: hidden;
    display: flex;
}

.ab1,.ab3{
    flex-direction: column;
}

.ab2{
    flex-direction: column-reverse;
}

.ab_box .img_box{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    max-height: 430px;

}

.ab_box .img_box img{
    transition: all 0.4s ease-in-out;
}

.ab_box .img_box:hover img{
    transform: scale(1.08);
}

.ab_box .img_box p{
    color: #fff;
    position: absolute;
    left: 20px;
    top: 30px;
    font-family: "Exo 2";
    font-weight: 600;
    font-size: 16px;
    text-align: left;
}


.ab_box .txt_box{
    display: flex;
    padding: 20px 5px;
    gap: 10px 30px;
}

.ab_box .txt_box .num{
    font-family: "Exo 2";
    font-size: 40px;
    font-weight: 500;
    line-height: 1;
}

.ab_box .txt_box .desc{
    font-size: 17px;
    font-weight: 500;
    color: #333;
}

.ab2 .txt_box{
    flex-direction: row-reverse;
    justify-content: flex-start;
}

.ab2 .txt_box .desc{
    text-align: right;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1111e51 */.mt_icon{
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
}

.mt_icon::before{
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.2);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-78f1e33 */@media(max-width:776px){
    .pro_list{
    flex-direction: column;
    }
}
.pro_list{
    display: flex;
    justify-content: center;
    gap: 30px;
}

.pl_box{
    width: 115px;
    text-align: center;
}
.pl_box .circle{
    width: 100px;
    height: 100px;
    align-content: center;
    text-align: center;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.3);
    margin: 0 auto 20px auto;
}

.pl_box h5{
    margin-bottom: 0;
    color: #fff;
    font-size: 18px;
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c2ca068 */.moreBtn{
    width: 180px;
    height: 50px;
    border: 1px solid rgba(255,255,255,0.3);
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #fff;
    transition: all 0.3s ease-out;
    border-radius: 5px;
    cursor: pointer;
}

.moreBtn:hover{
    background: #f18d04;
    border-color: #f18d04;
}

.moreBtn span{
    display: block;
    font-size: 16px;
    font-family: "Exo 2";
}

.moreBtn svg{
    width: 20px;
    height: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f71d31 */@media(max-width:1200px){
    .tech_box{
    width: 100% !important;
    }
    .tech_box h5::before{
        width:40% !important;
    }
    .tech_box h5::after{
        width:40% !important;
    }
}

.tech_box{
    width: 500px;
    height: 480px;
    border-radius: 10px;
    padding: 40px 20px;
    box-sizing: border-box;
}

.tc1{
    background: url("/wp-content/uploads/2025/12/mt1.jpg") no-repeat center center / cover;
}
.tc2{background: #f1f2f3;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}


.tech_box h5{
    text-align: center;
    font-family: "Exo 2";
    position: relative;
    font-size: 16px;
    font-weight: 600;
}

.tech_box h5::before{
    content: "";
    display: block;
    width: 150px;
    height: 1px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}

.tech_box h5::after{
    content: "";
    display: block;
    width: 150px;
    height: 1px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}

.tc1{text-align: center;}

.tc1 h5{ color: #fff}

.tc1 h5::before,
.tc1 h5::after{
    background: rgba(255,255,255,0.2);
}

.tc1 img{
    margin: 90px 0 35px 0;
}

.tc2 img{
    padding-left: 40px;
    margin: 60px 0 50px 0}

.tc1 p{color: #fff; font-size: 20px; font-weight: 500;}

.tc2 h5::before,
.tc2 h5::after{
    background: #ccc;
}

.tc2 h4,
.tc2 p{
    padding-left: 35px;
}

.tc2 h4{font-size: 22px;
    font-weight: 500;
    margin-bottom: 20px;
}

.tc2  p{
    font-size: 16px;
    color: #555;
    line-height: 26px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-879cab3 */@media(max-width:776px){
    .cont_line::before{
        left:0 !important
        ;
    }
}

.cont_line{
    width: 50%;
    height: 1px;
    background: rgba(255,255,255,0.2);
    position: relative;
}

.cont_line::before{
    display: block;
    content: "";
    position: absolute;
    left: 300px;
    top: 0;
    background: #f8b500;
    width: 100px;
    height: 1px;
    z-index: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b4686f2 */.moreBtn2{
    width: 180px;
    height: 50px;
    border: 1px solid rgba(255,255,255,0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #fff;
    transition: all 0.3s ease-out;
    border-radius: 5px;
    cursor: pointer;
}

.moreBtn2:hover{
    background: #f18d04;
    border-color: #f18d04;
}

.moreBtn2 span{
    display: block;
    font-size: 16px;
    font-family: "Exo 2";
}

.moreBtn2 svg{
    width: 20px;
    height: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-719c003 */@media(max-width: 1366px){
    .bg_overlay::before{
        height: 100% !important;
    }
}

.bg_overlay{
    position: relative;
}

.bg_overlay::before{
    content: "";
    display: block;
    position :absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100vh;
    max-height: 720px;
    background: rgba(0,0,0,.35);
    margin: 0 0 0 auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-54347a7 */@media(max-width:776px){
    .cont_list{
    flex-direction: column;
    }
    .cont_box{
        width:100% !important;
        border-bottom: 1px solid rgba(255,255,255,0.2);;
    }
}

.cont_list{
    display: flex;
}

.cont_box{
    width: calc(100% / 3);
    background: #111;
    text-align: center;
    padding: 35px 20px;
    box-sizing: border-box;
    border-right: 1px solid rgba(255,255,255,0.2);
    transition: all 0.3s ease-out;
    cursor: pointer;
}

.cont_box:hover{background: #f18d04;}

.cont_box:last-child{border-right: 0;}

.cont_box .cont_tit{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-bottom: 15px;
}

.cont_box .cont_tit h5{
    color: #fff;
    margin-bottom: 0;
}

.cont_box p{
    color: #f18d04;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    text-align: center;
    text-decoration: underline;
   text-underline-offset: 5px;
   transition: all 0.3s ease-out;
}

.cont_box:hover p{
    color: #fff;
}

.cont_box .more{
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
      margin-top: 25px;
}

.cont_box .more span{
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.cont_box .more svg{
    color: #fff;
    width: 16px;
  
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15792e1 */@media(max-width: 1366px){
    .fp-footer{
        display: none !important;
    }
}

@media(min-width: 1366px){
    .jupiterx-footer{
        display: none ;
    }
}/* End custom CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start JX Custom Fonts CSS */@font-face{font-family:'Pretendard';font-style:normal;font-weight:100;src:url('/fonts/Pretendard-Thin.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard';font-style:normal;font-weight:200;src:url('/fonts/Pretendard-ExtraLight.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard';font-style:normal;font-weight:300;src:url('/fonts/Pretendard-Light.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard';font-style:normal;font-weight:400;src:url('/fonts/Pretendard-Regular.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard';font-style:normal;font-weight:500;src:url('/fonts/Pretendard-Medium.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard';font-style:normal;font-weight:600;src:url('/fonts/Pretendard-SemiBold.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard';font-style:normal;font-weight:700;src:url('/fonts/Pretendard-Bold.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard';font-style:normal;font-weight:800;src:url('/fonts/Pretendard-ExtraBold.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard';font-style:normal;font-weight:900;src:url('/fonts/Pretendard-Black.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard';font-style:normal;font-weight:normal;src:url('/fonts/Pretendard-Regular.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard';font-style:normal;font-weight:bold;src:url('/fonts/Pretendard-Bold.subset.woff2')format('woff2');}/* End JX Custom Fonts CSS */