.elementor-2 .elementor-element.elementor-element-9407872{--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-860ec2b{--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-860ec2b:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-860ec2b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DDDDDD00;}.elementor-2 .elementor-element.elementor-element-7ed1683{--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-7ed1683:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-7ed1683 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E97E7E00;background-image:url("https://manixcnc.com/wp-content/uploads/2025/09/main_bg1.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-2 .elementor-element.elementor-element-38f0d85{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-5343fd1{--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-0166146{--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-dbbe78b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 10px 0px 10px;}.elementor-2 .elementor-element.elementor-element-dbbe78b .raven-heading-title, .elementor-2 .elementor-element.elementor-element-dbbe78b .raven-heading-title-inner{color:#111111;-webkit-text-fill-color:initial;}.elementor-2 .elementor-element.elementor-element-dbbe78b .raven-heading, .elementor-2 .elementor-element.elementor-element-dbbe78b .raven-heading a{font-family:"Exo 2", Sans-serif;font-size:50px;font-weight:600;line-height:55px;}.elementor-2 .elementor-element.elementor-element-920a3ce{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-351d324{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-46c347b{--display:flex;--min-height:100vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-46c347b:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-46c347b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://manixcnc.com/wp-content/uploads/2025/09/main_bg2.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-2 .elementor-element.elementor-element-7b9ce2e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-4a9ed9b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:45px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-3f006a0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 10px 0px 10px;}.elementor-2 .elementor-element.elementor-element-3f006a0 .raven-heading-title, .elementor-2 .elementor-element.elementor-element-3f006a0 .raven-heading-title-inner{color:#111111;-webkit-text-fill-color:initial;}.elementor-2 .elementor-element.elementor-element-3f006a0 .raven-heading, .elementor-2 .elementor-element.elementor-element-3f006a0 .raven-heading a{font-family:"Exo 2", Sans-serif;font-size:50px;font-weight:600;line-height:55px;}.elementor-2 .elementor-element.elementor-element-3cb86e6{--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-3cb86e6:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-3cb86e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://manixcnc.com/wp-content/uploads/2025/09/main_bg3.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-2 .elementor-element.elementor-element-84d4bbe{--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:40px 100px;--row-gap:40px;--column-gap:100px;--padding-top:230px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-7f199a5{--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-61a1684{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-9818a3f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-ebeacc2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 10px 0px 10px;}.elementor-2 .elementor-element.elementor-element-ebeacc2 .raven-heading-title, .elementor-2 .elementor-element.elementor-element-ebeacc2 .raven-heading-title-inner{color:#111111;-webkit-text-fill-color:initial;}.elementor-2 .elementor-element.elementor-element-ebeacc2 .raven-heading, .elementor-2 .elementor-element.elementor-element-ebeacc2 .raven-heading a{font-family:"Exo 2", Sans-serif;font-size:50px;font-weight:600;line-height:55px;}.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-536e45f{padding:0px 12px 0px 12px;font-family:"Exo 2", Sans-serif;font-size:18px;font-weight:300;line-height:28px;color:#333333;}.elementor-2 .elementor-element.elementor-element-8aad19b{margin:60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-4588ce9{--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-fb7ce44{--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-fb7ce44:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-fb7ce44 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://manixcnc.com/wp-content/uploads/2025/09/main_bg4.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-2 .elementor-element.elementor-element-0f68bab{--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:40px 80px;--row-gap:40px;--column-gap:80px;--padding-top:200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-0d5e3f5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-8951897 > .elementor-widget-container{margin:0px 0px 35px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-8951897 .raven-heading-title, .elementor-2 .elementor-element.elementor-element-8951897 .raven-heading-title-inner{color:#FFFFFF;-webkit-text-fill-color:initial;}.elementor-2 .elementor-element.elementor-element-8951897 .raven-heading, .elementor-2 .elementor-element.elementor-element-8951897 .raven-heading a{font-family:"Exo 2", Sans-serif;font-size:60px;font-weight:600;line-height:65px;}.elementor-2 .elementor-element.elementor-element-2087c76{padding:0px 10px 0px 10px;font-family:"Exo 2", Sans-serif;font-size:22px;font-weight:300;line-height:28px;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-a7b38ad{margin:75px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-2ad04ec{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:100px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-021d4a2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 80px) 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-a522420{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:777px){.elementor-2 .elementor-element.elementor-element-7ed1683{--content-width:1400px;}.elementor-2 .elementor-element.elementor-element-38f0d85{--content-width:1440px;}.elementor-2 .elementor-element.elementor-element-0166146{--width:50%;}.elementor-2 .elementor-element.elementor-element-920a3ce{--width:50%;}.elementor-2 .elementor-element.elementor-element-7b9ce2e{--content-width:1440px;}.elementor-2 .elementor-element.elementor-element-84d4bbe{--content-width:1500px;}.elementor-2 .elementor-element.elementor-element-7f199a5{--width:30%;}.elementor-2 .elementor-element.elementor-element-4588ce9{--width:70%;}.elementor-2 .elementor-element.elementor-element-0d5e3f5{--width:50%;}.elementor-2 .elementor-element.elementor-element-2ad04ec{--width:50%;}}@media(max-width:1300px) and (min-width:777px){.elementor-2 .elementor-element.elementor-element-0d5e3f5{--width:100%;}.elementor-2 .elementor-element.elementor-element-2ad04ec{--width:100%;}}@media(max-width:1500px){.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-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:1300px){.elementor-2 .elementor-element.elementor-element-860ec2b{--min-height:1px;}.elementor-2 .elementor-element.elementor-element-38f0d85{--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-46c347b{--min-height:1vh;}.elementor-2 .elementor-element.elementor-element-3cb86e6{--min-height:1vh;}.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-fb7ce44{--min-height:1vh;}}@media(max-width:776px){.elementor-2 .elementor-element.elementor-element-7ed1683{--min-height:1vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-2c8eeba{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 0px 0px;}.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-dbbe78b > .elementor-widget-container{margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-dbbe78b .raven-heading, .elementor-2 .elementor-element.elementor-element-dbbe78b .raven-heading a{font-size:38px;line-height:48px;}.elementor-2 .elementor-element.elementor-element-7b9ce2e{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2 .elementor-element.elementor-element-45b8f6e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-3f006a0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-3f006a0 .raven-heading, .elementor-2 .elementor-element.elementor-element-3f006a0 .raven-heading a{font-size:38px;line-height:48px;}.elementor-2 .elementor-element.elementor-element-84d4bbe{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2 .elementor-element.elementor-element-9818a3f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-2 .elementor-element.elementor-element-ebeacc2 > .elementor-widget-container{padding:0px 0px 0px 0px;}.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-536e45f{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-8aad19b{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2 .elementor-element.elementor-element-0f68bab{--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2 .elementor-element.elementor-element-8951897 .raven-heading, .elementor-2 .elementor-element.elementor-element-8951897 .raven-heading a{font-size:38px;line-height:48px;}.elementor-2 .elementor-element.elementor-element-2087c76{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-a7b38ad{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2 .elementor-element.elementor-element-2ad04ec{--width:100%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-fab2c9b{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-cf14c9c *//* ----- 기본 & 변수 설정 ----- */
:root {
    --slide-duration: 7s; /* 슬라이드 자동 전환 시간 */
    --transition-duration: 1.2s; /* 페이드 전환 속도 */
    --primary-color: #ffffff;
    --text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

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

/* ----- 개별 슬라이드 (페이드 효과를 위해 수정) ----- */
.meta-slider__slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    /* 페이드 효과를 위한 opacity와 transition 설정 */
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--transition-duration) ease, visibility 0s var(--transition-duration);
}
/* 활성화된 슬라이드 스타일 */
.meta-slider__slide.is-visible {
    opacity: 1;
    visibility: visible;
    z-index: 1; /* 활성화된 슬라이드를 위로 */
    transition-delay: 0s;
}

/* ----- Ken Burns 효과 배경 ----- */
.slide-background {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    animation-name: kenburns-zoomout;
    animation-duration: calc(var(--slide-duration) + 2s);
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    transform: scale(1.15);
}
/* 슬라이드 배경 이미지 */
.meta-slider__slide--1 .slide-background { background-image: url('/wp-content/uploads/2025/09/meta1.jpg'); }
.meta-slider__slide--2 .slide-background { background-image: url('/wp-content/uploads/2025/09/meta2.jpg'); }
.meta-slider__slide--3 .slide-background { background-image: url('/wp-content/uploads/2025/09/meta3.jpg'); }

/* 배경 오버레이 */
.meta-slider__slide::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

/* ----- 콘텐츠 (제목, 설명) 영역 ----- */
.meta-slider__content {
    position: relative;
    z-index: 2;
    text-align: left;
    color: var(--primary-color);
    max-width: 1500px;
    width: 100%;
    transform: translateY(-50px);
    margin-top: 180px;
}
.meta-slider__content h2 {
    font-size: 70px;
    font-weight: 700;
    margin: 0 0 20px;
    text-shadow: var(--text-shadow);
    animation: fadeInDown 1.2s both;
}
.meta-slider__content p {
    font-size: 19px;
    line-height: 1.6;
    text-shadow: var(--text-shadow);
    animation: fadeInUp 1.2s 0.3s both;
    font-weight: 300;
    margin-bottom: 0;
}


/* ----- 페이지네이션 (너비 고정으로 수정) ----- */
.meta-slider__pagination {
    position: absolute;
    bottom: 50px;
    left: 215px;
    display: flex;
    
    gap: 30px; 
    z-index: 10;
   
    max-width: 1500px;
    width: auto; /* auto로 변경하여 내용물에 맞게 조절 */
    padding: 0 0px;
}


.pagination-item {
    position: relative;
    padding-top: 15px;
    width: 180px; 
    cursor: pointer; 
}

.pagination-item__button {
    width: 100%;
    background: none;
    border: none;
    color: #fff;
    opacity: 0.4;
    text-align: left;
    font-size: 1rem;
    font-weight: 600;
    transition: opacity 0.3s;
    pointer-events: none; /* 버튼 자체의 클릭 이벤트는 막음 */
}

.pagination-item__button:hover{
    color: #fff;
    opacity: 1;
}
.pagination-item.is-active .pagination-item__button {
    opacity: 1;
}

/* 프로그레스 바 */
.pagination-item__progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.3);
}
.pagination-item__progress-bar {
    width: 0;
    height: 100%;
    background-color: #013778;
}
.pagination-item.is-active .pagination-item__progress-bar {
    width: 100%;
    transition: width var(--slide-duration) linear;
}

/* ----- 스크롤 다운 ----- */
.scroll-down-indicator {
    position: absolute;
    bottom: 50px;
    right: 160px;
    z-index: 10;
    color: var(--primary-color);
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: 1px;
    opacity: 0.8;
    display: flex;
    flex-direction: column;
    align-items: center;

}

.scroll-down-indicator span {
    animation: bounce 2s infinite; 
}

.scroll-down-indicator svg {
    width: 20px;
    height: 20px;
    margin-top: 8px;
    animation: bounce 2s 0.2s infinite; 
}

/* ----- 애니메이션 ----- */
@keyframes kenburns-zoomout {
    from { transform: scale(1.15); }
    to { transform: scale(1); }
}
@keyframes fadeInDown {
    from { opacity: 0; transform: translateY(-30px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
    40% { transform: translateY(-10px); }
    60% { transform: translateY(-5px); }
}

/* ----- 반응형 ----- */
@media (max-width: 776px) {
    .meta-slider-container{height: 650px !important;}
    .meta-slider__slide{
        padding: 0 20px;
    }
    
    .meta-slider__content h2 { font-size: 40px !important; }
    .meta-slider__content p { font-size: 1.1rem !important; }
    
    .meta-slider__pagination { width: 90% !important; justify-content: center !important; 
        margin: 0 auto;
    left: 50% !important;
    transform: translateX(-50%)
        
    }
    .pagination-item { width: 30% !important; }
    .scroll-down-indicator { display: none !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2c8eeba */@media(max-width: 776px){
    .sub_tit{
        flex-direction: column;
        align-items: flex-start !important;
    }
    .sub_tit .st_line{
        background: #aaa !important;
    }
}

.sub_tit{
    display: flex;
    align-items: center;
    gap: 15px;
}

.sub_tit p{
    margin-bottom: 0;
    font-size: 20px;
    color: #555;
}

.sub_tit .st_line{
    width: 200px;
    height: 2px;
    background: #ddd;
    position: relative;
}

.sub_tit .st_line::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 2px;
    background: #013778;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-897ada1 */@media(max-width: 776px){
    .moreBtn{border-color: rgba(0,0,0,0.2) !important; color: #111 !important;
        width: 180px !important;
        height: 35px !important;
        
    }
    .moreBtn svg{
        stroke: #111;
    }
    
    .moreBtn:hover{
        border-color: #013778;
    }
    

}

.moreBtn{
    width: 185px;
    height: 55px;
    align-items: center;
    justify-content: center;
    gap: 20px;
    color: #fff;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 25px;
    display: flex;
    transition: all 0.3s ease-out;
    cursor: pointer;
}

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

.moreBtn svg{
  width: 18px;
  height: 18px;
}

.moreBtn:hover svg{
    stroke: #013778;
}

.moreBtn p{
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-351d324 */@media(max-width: 1000px){
 .mab_wrap .right h4{
     font-size: 50px !important;
     text-align: center;
 }
 
 .mab_wrap .right p{padding: 0  10px !important;}
 .mab_wrap .left img{
    height: 300px;
    }
     .mab_wrap .left{
         position: relative;
     }
     
     .mab_wrap .left::before{
         width: 100%;
         height: 100%;
         content: "";
         display :block;
         position: absolute;
         left: 0;
         top: 0;
         background: rgba(0,0,0,0.3);
     }
}

.mab_wrap{
    width: 100%;
    position: relative;
    align-content: center;
}



.mab_wrap .right{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    color: #fff;
}

.mab_wrap .right h4{
    font-size: 140px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 25px;
}

.mab_wrap .right p{
    margin-bottom: 0;
    font-weight: 300;
    padding: 0 0 0 40px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ed1683 */@media(max-width: 1000px){
    .main_about{
        background: #eee !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6bb17f5 */@media(max-width: 1400px){
    .bus_wrap{
        flex-direction: column;
        align-items: center;
    }
    .mb_box figure img{
        height: 450px;
    }
}

@media(max-width: 776px){
    .mb_box,
    .mb_box figure img{
        height: 300px !important;
    }
}

.bus_wrap{
    display: flex;
    justify-content: center;
    gap: 50px;
}

.mb_box{
    max-width: 420px;
    height: 450px;
    position: relative;
    border-radius: 25px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    cursor: pointer;
}

.mb_box figure,
.mb_box figure img{width: 100%;}

.mb_box figure{
    overflow: hidden;
    border-radius: 25px;
}


.mb_box figure img{
    transition: all 0.3s ease-out;
    overflow: hidden;
}

.mb_box:hover figure img{
    transform: scale(1.08);
    border-radius: 25px;
} 

.mb_box .inner{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 20px;
    text-align: center;
    
    
    
}

.mb_box .inner h5{
    position: absolute;
    left: 0;
    bottom: 75px;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8aad19b */@media(max-width: 776px){
    .moreBtn2{
        width: 180px !important;
        height: 30px !important;
    }
}

.moreBtn2{
    width: 185px;
    height: 55px;
    align-items: center;
    justify-content: center;
    gap: 20px;
    color: #111;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 25px;
    display: flex;
    transition: all 0.3s ease-out;
    cursor: pointer;
}

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

.moreBtn2 svg{
  width: 18px;
  height: 18px;
}

.moreBtn2:hover svg{
    stroke: #013778;
}

.moreBtn2 p{
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-13c9ee0 */@media(max-width: 800px){
    .mp_wrap{
        flex-direction: column;
        align-items: center;
    }
    
    .mp_box{
        width: 100% !important;
        max-width: 520px !important;
    }
    .mp_txt{padding: 40px 20px !important;}
    
    .mp_box .mp_arrow{
        width: 40px !important;
        top: 20px !Important;
        right: 10px !important;
        height: 40px !important;
    }
    .mp_box .mp_arrow svg{
        width: 15px !important;

    }
    
    .mp_txt h4{font-size: 30px !important; line-height: 1.2 !important;}
    .mp_box > img{bottom: 50px !important;}
}

.mp_wrap{
    display: flex;
    gap: 30px;
}

.mp_box{
    width: 520px;
    height: 590px;
    position: relative;
}
.mp_box:hover{
    cursor: pointer;
}

.mp_txt{
    border-radius: 15px;
    width: 100%;
    height: 450px;
    position: relative;
    padding: 60px  50px;
    box-sizing: border-radius;
    color: #fff;
}

.mp_txt p{
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 28px
}

.mp_txt h4{
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
}

.mp_box .mp_arrow{
width: 70px;
height: 70px;
position: absolute;
top: 40px;
right: 40px;
border-radius: 50%;
border: 1px solid #fff;
text-align: center;
align-content: center;
transition: all 0.3s ease-out;
}

.mp_box:hover .mp_arrow{
    background: #fff;
    
}


.mp_box .mp_arrow svg{
    margin-top: 5px;
}

.mp_box:hover .mp_arrow svg{
    color: #013778;
}

.mp1 .mp_txt{background: #6ebfc6;}

.mp2 .mp_txt{background: #ff756d;}

.mp_box > img{
    position: absolute;
    bottom: 0;
    right: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3cb86e6 */@media(max-width: 1000px){
    .main_product{background: #f1f5f8 !important;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a7b38ad */@media(max-width: 776px){
    .cont_btn{
        width: 180px !important;
        height: 40px !important;
    }
    
    .cont_btn{
        background: #fff;
    color: #013778 !important;
    }

}

.cont_btn{
    width: 250px;
    height: 70px;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 30px;
    align-content: center;
    text-align: center;
    color: #fff;
    transition: all 0.3s ease-out;
    cursor: pointer;
}

.cont_btn:hover{
    background: #fff;
    color: #013778;
}

.cont_btn p{
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 500;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ad04ec */@media(max-width: 776px){
    .cont_list{padding: 0 !important;}
    
    .cont_box .line{width: 100% !important;}
}

.cont_box{
    width: 100%;
}

.cont_tit{
    display: flex;
    align-items: center;
    gap: 15px;
    color: #fff;
}

.cont_tit h5{
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 500;
}

.cont_box .line{
    width: 400px;
    height: 1px;
    margin: 15px 0 40px 0;
    background: rgba(255,255,255,0.6);
}

.cont_list{
    padding: 0 40px;
    margin: 0;
    list-style: none;
}

.cont_list li{
    color: #fff;
    font-size: 16px;
    color: rgba(255,255,255,0.8);
    line-height: 22px;
    padding-bottom: 8px;
}

.cont_list li:last-child{
    padding-bottom: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb7ce44 */@media(max-width: 1000px){
    .bg_overlay::before{
        width: 100% !important;
        background: rgba(0,0,0, 0.6) !important;
        height: 100% !important;
    }
}


.bg_overlay::before{
    width: 50%;
    height: 100vh;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(0,0,0,0.4);
    margin: 0 0 0 auto;
}/* End custom CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */