.elementor-2 .elementor-element.elementor-element-4b160eef{--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-dde2531{--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-cc97b5c{--display:flex;--min-height:100vh;--padding-top:160px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-f7102cf{--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-198fdd0 > .elementor-widget-container{margin:0px 0px 50px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-198fdd0 .raven-heading, .elementor-2 .elementor-element.elementor-element-198fdd0 .raven-heading a{font-family:"Exo 2", Sans-serif;font-size:50px;font-weight:700;line-height:55px;}.elementor-2 .elementor-element.elementor-element-ba71324{--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-ba71324:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-ba71324 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1D4D9E;}.elementor-2 .elementor-element.elementor-element-c645cb2{--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-dea2b1a{--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-e62e0ea .raven-image{opacity:1;}.elementor-2 .elementor-element.elementor-element-e62e0ea{text-align:center;}.elementor-2 .elementor-element.elementor-element-00e0926{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-6757d58{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right: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-bd58275{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Exo 2", Sans-serif;font-size:22px;font-weight:600;line-height:22px;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-bd58275 p{margin-block-end:0px;}.elementor-2 .elementor-element.elementor-element-caf9e98 > .elementor-widget-container{margin:0px 0px 30px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-caf9e98 .raven-heading-title, .elementor-2 .elementor-element.elementor-element-caf9e98 .raven-heading-title-inner{color:#FFFFFF;-webkit-text-fill-color:initial;}.elementor-2 .elementor-element.elementor-element-caf9e98 .raven-heading, .elementor-2 .elementor-element.elementor-element-caf9e98 .raven-heading a{font-family:"Exo 2", Sans-serif;font-size:50px;font-weight:700;line-height:50px;}.elementor-2 .elementor-element.elementor-element-0f85283{text-align:center;font-family:"Exo 2", Sans-serif;font-size:18px;font-weight:400;line-height:26px;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-0f85283 p{margin-block-end:0px;}.elementor-2 .elementor-element.elementor-element-42f9696{margin:60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-8d0cdcf > .elementor-widget-container{margin:20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-8d0cdcf .raven-image{opacity:1;}.elementor-2 .elementor-element.elementor-element-8d0cdcf{text-align:center;}.elementor-2 .elementor-element.elementor-element-c996556{--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-173b746{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--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-c2bcc0a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:00px;--padding-bottom:00px;--padding-left:00px;--padding-right:00px;}.elementor-2 .elementor-element.elementor-element-5a5dab0 > .elementor-widget-container{margin:0px 0px 15px 0px;}.elementor-2 .elementor-element.elementor-element-5a5dab0 .raven-heading, .elementor-2 .elementor-element.elementor-element-5a5dab0 .raven-heading a{font-family:"Exo 2", Sans-serif;font-size:50px;font-weight:700;line-height:50px;}.elementor-2 .elementor-element.elementor-element-29f8f86{text-align:center;font-family:"Exo 2", Sans-serif;font-size:18px;font-weight:400;line-height:26px;}.elementor-2 .elementor-element.elementor-element-9077a07{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:220px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-9077a07:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-9077a07 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://daeuemed.mycafe24.com/en/wp-content/uploads/sites/2/2026/01/main_bg.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2 .elementor-element.elementor-element-2a6a2ee{--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-755a78b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--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-8ce89e0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;padding:0px 0px 0px 0px;font-family:"Exo 2", Sans-serif;font-size:22px;font-weight:600;line-height:22px;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-8ce89e0 p{margin-block-end:0px;}.elementor-2 .elementor-element.elementor-element-991592c > .elementor-widget-container{margin:0px 0px 30px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-991592c .raven-heading-title, .elementor-2 .elementor-element.elementor-element-991592c .raven-heading-title-inner{color:#FFFFFF;-webkit-text-fill-color:initial;}.elementor-2 .elementor-element.elementor-element-991592c .raven-heading, .elementor-2 .elementor-element.elementor-element-991592c .raven-heading a{font-family:"Exo 2", Sans-serif;font-size:50px;font-weight:700;line-height:50px;}.elementor-2 .elementor-element.elementor-element-98dffb1{padding:0px 0px 0px 15px;text-align:start;font-family:"Exo 2", Sans-serif;font-size:18px;font-weight:400;line-height:26px;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-98dffb1 p{margin-block-end:0px;}.elementor-2 .elementor-element.elementor-element-436a899{margin:60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 15px;}.elementor-2 .elementor-element.elementor-element-80e165d{--display:flex;--position:absolute;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;bottom:0px;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-80e165d{left:0px;}body.rtl .elementor-2 .elementor-element.elementor-element-80e165d{right:0px;}.elementor-2 .elementor-element.elementor-element-737043e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:777px){.elementor-2 .elementor-element.elementor-element-f7102cf{--content-width:1360px;}.elementor-2 .elementor-element.elementor-element-dea2b1a{--width:51.5%;}.elementor-2 .elementor-element.elementor-element-00e0926{--width:48.5%;}}@media(max-width:1200px) and (min-width:777px){.elementor-2 .elementor-element.elementor-element-dea2b1a{--width:100%;}.elementor-2 .elementor-element.elementor-element-00e0926{--width:100%;}}@media(max-width:1366px){.elementor-2 .elementor-element.elementor-element-cc97b5c{--min-height:1vh;--padding-top:100px;--padding-bottom:100px;--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-ba71324{--min-height:1vh;}.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 );}.elementor-2 .elementor-element.elementor-element-c996556{--min-height:1vh;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-2 .elementor-element.elementor-element-9077a07{--min-height:1vh;--padding-top:100px;--padding-bottom:300px;--padding-left:20px;--padding-right:20px;}}@media(max-width:1200px){.elementor-2 .elementor-element.elementor-element-cc97b5c{--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-198fdd0 > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-2 .elementor-element.elementor-element-198fdd0 .raven-heading, .elementor-2 .elementor-element.elementor-element-198fdd0 .raven-heading a{font-size:38px;line-height:48px;}.elementor-2 .elementor-element.elementor-element-c645cb2{--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-e62e0ea .raven-image img{max-width:85%;}.elementor-2 .elementor-element.elementor-element-00e0926{--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-caf9e98 .raven-heading, .elementor-2 .elementor-element.elementor-element-caf9e98 .raven-heading a{font-size:38px;line-height:48px;}.elementor-2 .elementor-element.elementor-element-c996556{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2 .elementor-element.elementor-element-c2bcc0a{--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-2 .elementor-element.elementor-element-5a5dab0 .raven-heading, .elementor-2 .elementor-element.elementor-element-5a5dab0 .raven-heading a{font-size:38px;line-height:48px;}.elementor-2 .elementor-element.elementor-element-9077a07{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-2 .elementor-element.elementor-element-991592c .raven-heading, .elementor-2 .elementor-element.elementor-element-991592c .raven-heading a{font-size:38px;line-height:48px;}}@media(max-width:776px){.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 );}.elementor-2 .elementor-element.elementor-element-caf9e98 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-2 .elementor-element.elementor-element-42f9696{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2 .elementor-element.elementor-element-991592c > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-2 .elementor-element.elementor-element-436a899{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for html, class: .elementor-element-502e11b *//* 1. Ken-burns 애니메이션 정의 */
    @keyframes kenBurnsEffect {
        0% {
            transform: scale(1.2);
        }
        100% {
            transform: scale(1.0);
        }
    }

    /* 2. 메인 컨테이너 */
    .ms-slider-container {
        position: relative;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        background-color: #000;
        font-family: 'Exo 2', sans-serif;
    }

    .ms-slide {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: opacity 1s ease-in-out;
        z-index: 1;
    }

    .ms-slide.active {
        opacity: 1;
        z-index: 2;
    }

    /* 3. 배경 이미지 (애니메이션 적용) */
    .ms-bg-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        transform: scale(1.05); /* 기본 상태 */
    }

    /* 활성화된 슬라이드에서 애니메이션 실행 */
    .ms-slide.active .ms-bg-image {
        animation: kenBurnsEffect 6s 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;
    }

    /* 4. 텍스트 컨텐츠 영역 */
    .ms-content-wrapper {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        max-width: 1460px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        z-index: 3;
        padding: 100px 0 0 0;
        box-sizing: border-box;
        pointer-events: none;
    }

    .ms-text-box {
        color: #fff;
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.8s ease-out 0.5s;
        margin-bottom: 80px;
        text-align: left;
    }

    .ms-slide.active .ms-content-wrapper .ms-text-box {
        opacity: 1;
        transform: translateY(0);
    }

    .ms-title {
        font-size: 80px;
        font-weight: 600;
        line-height: 1.1;
        margin: 0 0 15px 0;
     
        letter-spacing: -1px;
    }

    .ms-subtitle {
        font-size: 20px;
        font-weight: 300;
        letter-spacing: 0.5px;
        color: rgba(255, 255, 255, 0.9);
        display: block;
        margin-bottom: 0;
        padding: 0 15px;
    }

    /* 5. 컨트롤러 영역 (버튼 & 페이지네이션) */
    .ms-controller-area {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, 0);
        margin-top: 150px;
        width: 100%;
        max-width: 1460px;
        display: flex;
        align-items: center;
        padding: 0 20px;
        box-sizing: border-box;
        z-index: 10;
        pointer-events: auto;
        gap: 0 50px
    }

    .ms-nav-btns {
        display: flex;
        gap: 15px;
    }

    .ms-nav-btn {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.3s ease;
        background: transparent;
    }

    .ms-nav-btn:hover {
    }

    .ms-nav-btn svg {
        width: 30px;
        height: 30px;
        fill: none;
        stroke: rgba(255,255,255,0.6);
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }
    
    .ms-nav-btn:hover svg{
        stroke: #fff;
    }

    .ms-pagination {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .ms-dot {
        position: relative;
        width: 6px;
        height: 6px;
        background-color: rgba(255, 255, 255, 0.5);
        border-radius: 50%;
        cursor: pointer;
        transition: background-color 0.3s ease;
        margin: 6px;
    }
    
    .ms-dot:hover{
        background: #1d4d9e;
    }

    .ms-dot::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0);
        width: 20px;
        height: 20px;
        border: 1px solid #1d4d9e;
        border-radius: 50%;
        transition: transform 0.3s ease;
        box-sizing: border-box;
    }
    
    .ms-dot:hover::after{
       transform: translate(-50%, -50%) scale(1);
    }

    .ms-dot.active {
        background-color: #1d4d9e;
    }

    .ms-dot.active::after {
        transform: translate(-50%, -50%) scale(1);
    }

    /* 6. Scroll Down 표시 */
    .ms-scroll-down {
        position: absolute;
        bottom: 50px;
        left: calc(50% - 850px + 20px);
        z-index: 10;
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        text-transform: uppercase;
        animation: bounce 2s infinite;
        cursor: pointer;
        opacity: 1;
    }

    .ms-scroll-down svg {
        width: 24px;
        height: 24px;
        margin-top: 10px;
        stroke: #fff;
        stroke-width: 1.5;
        fill: none;
    }

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

    /* 7. 반응형 미디어 쿼리 */
    @media (max-width: 1500px) {
        .ms-scroll-down {
            left: 30px;
        }
    }

    @media (max-width: 1024px) {
        .ms-title {
            font-size: 56px;
        }
        .ms-controller-area {
            margin-top: 80px;
        }
        
        .ms-slider-container{
            height: 600px;
        }
    }

    @media (max-width: 776px) {
        .ms-title {
            font-size: 36px;
            margin-bottom: 10px;
        }
        .ms-subtitle {
            font-size: 14px;
            line-height: 1.4;
        }
        .ms-text-box {
            margin-bottom: 60px;
        }
        .ms-controller-area {
            margin-top: 80px;
            padding: 0 20px;
        }
        .ms-nav-btn {
            width: 40px;
            height: 40px;
        }
        .ms-nav-btn svg {
            width: 18px;
            height: 18px;
        }
        .ms-scroll-down {
            bottom: 30px;
            left: 20px;
            font-size: 11px;
        }
        .ms-scroll-down svg {
            width: 20px;
            height: 20px;
            margin-top: 6px;
        }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7eb28a8 *//* Main Container */
    .grid-container {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0; 
        flex-wrap: wrap;
        width: 100%;
        max-width: 1460px;
        margin: 0 auto;
        padding: 0px 0;
        font-family: 'Exo 2', sans-serif;
    }

    /* Box Style */
    .grid-box {
        position: relative;
        width: 450px;
        height: 540px;
        overflow: hidden;
        background-color: #000;
        cursor: pointer;
    }

    /* Background Image */
    .grid-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        z-index: 1;
    }

    .grid-box:hover .grid-bg {
        transform: scale(1.1);
    }

    /* Overlay */
    .grid-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
        opacity: 0;
        transition: opacity 0.4s ease;
        z-index: 2;
    }

    .grid-box:hover .grid-overlay {
        opacity: 1;
    }

    /* Title Common */
    .grid-title {
        position: absolute;
        margin: 0;
        color: #fff;
        font-size: 40px;
        font-weight: 500;
        z-index: 3;
 
        letter-spacing: -0.5px;
        line-height: 1.2;
        pointer-events: none;
    }

    /* Position - Box 1 */
    .grid-box.box-1 .grid-title {
        bottom: 50px;
        width: 100%;
        text-align: center;
        left: 0;
    }

    /* Position - Box 2 */
    .grid-box.box-2 .grid-title {
        top: 50px;
        left: 40px;
        text-align: left;
    }

    /* Position - Box 3 */
    .grid-box.box-3 .grid-title {
        bottom: 40px;
        right: 60px;
        transform-origin: bottom right; 
        transform: rotate(90deg);
        white-space: nowrap;
    }

    /* Responsive */
    @media (max-width: 1400px) {
        .grid-box {
            width: 33.33%;
            height: 400px;
        }
        .grid-title {
            font-size: 24px;
        }
    }

    @media (max-width: 768px) {
        .grid-container {
            flex-direction: column;
        }
        .grid-box {
            width: 100%;
            max-width: 400px;
            height: 350px;
        }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-42f9696 */.moreBtn{
    width: 180px;
    height: 50px;
    margin: 0 auto;
    display: flex;
    border: 1px solid rgba(255,255,255,0.3);
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: all 0.3s ease-out;
    cursor: pointer;
}

.moreBtn:hover{
    background: #fff;
}

.moreBtn span{
    display: block;
    color: #fff;
    font-size: 16px;
}

.moreBtn:hover span{
    color: #1d4d9e;
}

.moreBtn svg{
    fill: none;
    stroke: #fff;
    width: 22px;
    height: 22px;
    stroke-width: 2;
}

.moreBtn:hover svg{
    stroke: #1d4d9e;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a342dec */.prod-slider-wrapper {
        position: relative;
        width: 100%;
        max-width: 1300px;
        margin: 0 auto;
        font-family: 'Exo 2', sans-serif;
        overflow: visible; 
    }

    .prod-window {
        overflow: hidden;
        width: 100%;
        padding: 10px 0;
    }

    .prod-track {
        display: flex;
        gap: 45px;
        width: max-content;
        will-change: transform;
    }

    .prod-item {
        position: relative;
        width: 400px;
        height: 450px;
        flex-shrink: 0;
        border: 1px solid #ddd;
        box-sizing: border-box;
        overflow: hidden;
        cursor: pointer;
        background-color: #fff;
        transition: border-color 0.3s ease;
    }

    .prod-item:hover {
        border-color: #1d4d9e;
    }

    .prod-bg {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        transition: transform 0.5s ease;
    }

    .prod-item:hover .prod-bg {
        transform: scale(1.05);
    }

    .prod-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        opacity: 0;
        transition: opacity 0.4s ease;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 40px;
        box-sizing: border-box;
    }

    .prod-item:hover .prod-overlay {
        opacity: 1;
    }

    .prod-subtitle {
        color: #2dbef2;
        font-size: 18px;
        letter-spacing: 1px;
        margin-bottom: 10px;
        transform: translateY(20px);
        transition: transform 0.4s ease 0.1s;
    }

    .prod-title {
        color: #fff;
        font-size: 24px;
        font-weight: 400;
        margin: 0 0 30px 0;
        line-height: 1.2;
        transform: translateY(20px);
        transition: transform 0.4s ease 0.2s;
    }

    .prod-btn-text {
        position: absolute;
        bottom: 40px;
        color: #fff;
        font-size: 15px;
        font-weight: 400;
        display: flex;
        flex-direction: column;
        padding-bottom: 5px;
        line-height: 1;
        transform: translateY(20px);
        transition: transform 0.4s ease 0.3s;
    }

    .prod-item:hover .prod-subtitle,
    .prod-item:hover .prod-title,
    .prod-item:hover .prod-btn-text {
        transform: translateY(0);
    }

    .prod-nav-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 50px;
        height: 50px;
        border: 1px solid #ccc;
        border-radius: 50%;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 10;
        transition: all 0.3s ease;
    }

    .prod-nav-btn:hover {
        background: #1d4d9e;
        border-color: #1d4d9e;
    }

    .prod-nav-btn:hover svg {
        stroke: #fff;
    }

    .prod-nav-btn svg {
        width: 24px;
        height: 24px;
        fill: none;
        stroke: #333;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
        transition: stroke 0.3s ease;
    }

    .prod-nav-btn.prev {
        left: -90px;
    }

    .prod-nav-btn.next {
        right: -90px;
    }

    @media (max-width: 1550px) {
        .prod-nav-btn.prev { left: 10px; }
        .prod-nav-btn.next { right: 10px; }
    }

    @media (max-width: 1300px) {
        .prod-item { width: 320px; height: 380px; }
        .prod-track { gap: 30px; }
    }

    @media (max-width: 1024px) {
        .prod-item { width: 280px; height: 340px; }
        .prod-track { gap: 20px; }
        .prod-nav-btn { width: 40px; height: 40px; }
        .prod-nav-btn svg { width: 20px; height: 20px; }
    }

    @media (max-width: 768px) {
        .prod-window { padding: 0 40px; box-sizing: border-box; }
        .prod-item { width: 100%; height: 300px; }
        .prod-track { gap: 20px; }
        .prod-nav-btn { background: rgba(255,255,255,0.8); z-index: 20; }
        .prod-nav-btn.prev { left: 0; }
        .prod-nav-btn.next { right: 0; }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-436a899 */.moreBtn2{
    width: 180px;
    height: 50px;
    display: flex;
    border: 1px solid rgba(255,255,255,0.3);
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: all 0.3s ease-out;
    cursor: pointer;
}

.moreBtn2:hover{
    background: #fff;
}

.moreBtn2 span{
    display: block;
    color: #fff;
    font-size: 16px;
}

.moreBtn2:hover span{
    color: #1d4d9e;
}

.moreBtn2 svg{
    fill: none;
    stroke: #fff;
    width: 22px;
    height: 22px;
    stroke-width: 2;
}

.moreBtn2:hover svg{
    stroke: #1d4d9e;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7064153 */.ib-container {
        display: flex;
        width: 100%;
        max-width: 1920px;
        margin: 0 auto;
        font-family: 'Exo 2', sans-serif;
    }

    .ib-box {
        flex: 1;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        justify-content: center;
        padding: 40px 30px;
        background-color: transparent;
        border: 1px solid rgba(255,255,255,0.35);
        margin-left: -1px; 
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        cursor: pointer;
    }

    .ib-box:first-child {
        margin-left: 0;
    }

    .ib-box.active {
        background-color: #1d4d9e;
        border-color: #1d4d9e;
        z-index: 2; 
       

    }

    .ib-icon {
        object-fit: contain;
        margin-bottom: 20px;
        transition: filter 0.4s ease;
    }

   

    .ib-title {
        font-size: 26px;
        font-weight: 500;
        color: #fff;
        margin: 0 0 20px 0;
        transition: color 0.4s ease;
    }

    .ib-box.active .ib-title {
        color: #2dbef2;
    }

    .ib-spacer {
        flex-grow: 1;
    }

    .ib-btn {
        font-size: 15px;
        font-weight: 400;
        color: #fff;

        padding-bottom: 5px;
        transition: all 0.4s ease;
        margin-top: auto;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .ib-box.active .ib-btn {
        color: #fff;
    }

    @media (max-width: 776px) {
        .ib-container {
            flex-direction: column;
        }
        .ib-box {
            width: 100%;
            margin-left: 0;
            margin-top: -1px; 
            min-height: auto;
            padding: 40px 20px;
        }
        .ib-box:first-child {
            margin-top: 0;
        }
        .ib-box.active {
            transform: scale(1);
        }
    }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-737043e */@media(max-width: 1366px){
 .fp-footer{display: none !important;}
}/* End custom CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */