@import url('https://fonts.googleapis.com/css2?family=Exo:wght@400;700&family=Mulish:wght@400;700&display=swap');

*,
*::before,
*::after {
    box-sizing: border-box;
}

html,


body,


div,


span,


h1,


h2,


h3,


p,


a,


form,


input,


textarea,


button,


ul,


li{
    margin: 0;
    padding: 0;
    border: 0;
}

body{
    min-width: 320px;
    line-height: 1;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a,


a:link,


a:visited{
    color: inherit;
    text-decoration: none;
}

ul{
    list-style: none;
}

button,


input,


textarea{
    font: inherit;
}

.ladi-wraper{
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    touch-action: manipulation;
}

.ladi-container{
    position: relative;
    height: 100%;
    margin: 0 auto;
}

.ladi-element{
    position: absolute;
}

.ladi-transition{
    transition: all 150ms linear 0s;
}

.z-index-1{
    z-index: 1;
}

.ladi-hidden{
    display: none !important;
}

.ladi-section{
    margin: 0 auto;
    position: relative;
}

.ladi-section[data-tab-id]{
    display: none;
}

.ladi-section.selected[data-tab-id]{
    display: block;
}

.ladi-section .ladi-section-background{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    overflow: hidden;
}

.ladi-box,


.ladi-frame,


.ladi-group,


.ladi-button{
    position: absolute;
    width: 100%;
    height: 100%;
}

.ladi-box,


.ladi-frame,


.ladi-button{
    overflow: hidden;
}

.ladi-frame-bg .ladi-frame-background,


.ladi-button .ladi-button-background{
    width: 100%;
    height: 100%;
    pointer-events: none;
    transition: inherit;
}

.ladi-frame-bg:not(.ladi-frame){
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ladi-headline,


.ladi-paragraph{
    display: inline-block;
    width: 100%;
    word-break: break-word;
}

.ladi-image{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ladi-image .ladi-image-background{
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.ladi-shape{
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.ladi-shape svg{
    position: absolute;
    width: 100%;
    height: 100%;
}

.ladi-form{
    position: absolute;
    width: 100%;
    height: 100%;
}

.ladi-form .ladi-form-item-container,


.ladi-form .ladi-form-item,


.ladi-form .ladi-form-item-background{
    position: absolute;
    width: 100%;
    height: 100%;
}

.ladi-form .ladi-form-item-background{
    top: 0;
    left: 0;
    pointer-events: none;
}

.ladi-form .ladi-form-control{
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
    padding: 0 5px;
    border: 0;
    background: transparent;
    color: inherit;
    font-size: inherit;
    outline: none;
}

.ladi-form textarea.ladi-form-control{
    resize: none;
    padding: 5px;
}

.ladi-button{
    cursor: pointer;
}

.ladi-button>.ladi-button-headline,


.ladi-button>.ladi-button-shape{
    display: table;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    user-select: none;
}

.ladi-button>.ladi-button-headline .ladi-headline{
    display: table-cell;
    vertical-align: middle;
}

.ladi-carousel{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ladi-carousel .ladi-carousel-content{
    position: absolute;
    height: 100%;
    transition: transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}

.ladi-carousel .ladi-carousel-arrow{
    position: absolute;
    z-index: 2;
    cursor: pointer;
}


body{
    direction: ltr;
}

@media (min-width: 768px) {
    .ladi-section .ladi-container{
        width: 1200px;
    }
}

@media (max-width: 767px) {
    .ladi-section .ladi-container{
        width: 420px;
    }
}

body{
    font-family: Exo, sans-serif
}

#BODY_BACKGROUND{
    height: 0px;
}

#BODY_BACKGROUND>.ladi-section-background,


#SECTION10>.ladi-section-background,


#SECTION13>.ladi-section-background{
    background-color: rgb(52, 69, 61);
}

#FRAME13,


#FRAME15{
    width: auto !important;
    height: auto !important;
}

#FRAME13>.ladi-frame,


#FRAME15>.ladi-frame{
    width: max-content;
    height: max-content;
}

#FRAME13>.ladi-frame,


#PARAGRAPH14,


#BOX12,


#FRAME15>.ladi-frame,


#CAROUSEL_ITEM16,


#IMAGE1,


#IMAGE1>.ladi-image>.ladi-image-background,


#IMAGE2>.ladi-image>.ladi-image-background,


#IMAGE3>.ladi-image>.ladi-image-background,


#IMAGE4>.ladi-image>.ladi-image-background,


#IMAGE5>.ladi-image>.ladi-image-background,


#IMAGE6>.ladi-image>.ladi-image-background,


#CAROUSEL_ITEM25,


#IMAGE10>.ladi-image>.ladi-image-background,


#IMAGE7,


#IMAGE7>.ladi-image>.ladi-image-background,


#IMAGE11>.ladi-image>.ladi-image-background,


#IMAGE8>.ladi-image>.ladi-image-background,


#IMAGE9>.ladi-image>.ladi-image-background,


#IMAGE12>.ladi-image>.ladi-image-background,


#FORM_ITEM11{
    top: 0px;
    left: 0px;
}

#FRAME13>.ladi-frame{
    position: relative;
    display: inline-flex;
    flex-direction: column;
    padding: 0px;
    margin: 0px auto auto 0px;
    overflow: initial;
}

#FRAME13>.ladi-frame>.ladi-element,


#FRAME15>.ladi-frame>.ladi-element{
    position: relative;
    right: 0px;
    bottom: 0px;
    margin: 0px auto auto 0px;
}

#FRAME15>#HEADLINE58{
    width: 100%;
}

#HEADLINE53,


#GROUP17,


#HEADLINE57,


#PARAGRAPH18,


#HEADLINE58{
    top: 0px !important;
    left: 0px !important;
}

#HEADLINE53{
    order: 184;
}

#HEADLINE53>.ladi-headline{
    font-family: Exo, sans-serif;
    font-weight: bold;
    line-height: 1.4;
    color: rgb(255, 255, 255);
    letter-spacing: 0px;
    text-align: left;
}

#HEADLINE53.ladi-animation>.ladi-headline,


#BOX18.ladi-animation>.ladi-box{
    animation-name: fadeInDown;
    animation-delay: 0s;
    animation-duration: 1s;
    animation-iteration-count: 1;
}

#GROUP17,


#HEADLINE57{
    order: 275;
}

#PARAGRAPH14>.ladi-paragraph,


#PARAGRAPH15>.ladi-paragraph{
    font-size: 16px;
    line-height: 1.6;
    color: rgb(217, 217, 217);
}

#BOX23,


#PEN_TOOL31,


#BOX24,


#BOX25{
    mix-blend-mode: soft-light;
    will-change: transform, opacity;
}

#BOX23>.ladi-box,


#BOX24>.ladi-box,


#BOX25>.ladi-box{
    border-radius: 200px;
    background-image: radial-gradient(circle, rgb(237, 201, 108), rgba(54, 71, 63, 0));
    background-color: initial;
    background-size: initial;
    background-origin: initial;
    background-position: initial;
    background-repeat: initial;
    background-attachment: initial;
    -webkit-background-clip: initial;
    opacity: 0.8;
    filter: blur(68px);
}

#BOX23.ladi-animation>.ladi-box,


#BOX24.ladi-animation>.ladi-box,


#BOX25.ladi-animation>.ladi-box{
    animation-name: fadeIn;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-iteration-count: 1;
}

#PEN_TOOL31 svg:last-child{
    fill: rgba(255, 255, 255, 0);
    stroke: rgb(255, 255, 255);
    stroke-width: 1px;
}

#SECTION5>.ladi-section-background{
    background-color: rgb(242, 236, 220);
}

#PARAGRAPH16>.ladi-paragraph{
    font-size: 24px;
    font-weight: bold;
    line-height: 1.6;
    color: rgb(0, 0, 0);
}

#PARAGRAPH16.ladi-animation>.ladi-paragraph{
    animation-name: fadeIn;
    animation-delay: 0s;
    animation-duration: 1s;
    animation-iteration-count: 1;
}

#BOX11>.ladi-box,


#BOX12>.ladi-box{
    border-radius: 300px 300px 0px 0px;
}

#BOX11>.ladi-box,


#SECTION11>.ladi-section-background,


#SECTION12>.ladi-section-background{
    background-color: rgb(255, 255, 255);
}

#BOX11>.ladi-box:hover,


#BOX12>.ladi-box:hover,


#HEADLINE57>.ladi-headline:hover,


#CAROUSEL_ITEM16>.ladi-frame:hover,


#CAROUSEL_ITEM16>.ladi-frame:hover~.ladi-frame-bg,


#IMAGE1:hover>.ladi-image,


#CAROUSEL_ITEM17>.ladi-frame:hover,


#CAROUSEL_ITEM17>.ladi-frame:hover~.ladi-frame-bg,


#IMAGE2:hover>.ladi-image,


#CAROUSEL_ITEM18>.ladi-frame:hover,


#CAROUSEL_ITEM18>.ladi-frame:hover~.ladi-frame-bg,


#IMAGE3:hover>.ladi-image,


#CAROUSEL_ITEM19>.ladi-frame:hover,


#CAROUSEL_ITEM19>.ladi-frame:hover~.ladi-frame-bg,


#IMAGE4:hover>.ladi-image,


#CAROUSEL_ITEM20>.ladi-frame:hover,


#CAROUSEL_ITEM20>.ladi-frame:hover~.ladi-frame-bg,


#IMAGE5:hover>.ladi-image,


#CAROUSEL_ITEM21>.ladi-frame:hover,


#CAROUSEL_ITEM21>.ladi-frame:hover~.ladi-frame-bg,


#IMAGE6:hover>.ladi-image,


#CAROUSEL_ITEM25>.ladi-frame:hover,


#CAROUSEL_ITEM25>.ladi-frame:hover~.ladi-frame-bg,


#IMAGE10:hover>.ladi-image,


#CAROUSEL_ITEM22>.ladi-frame:hover,


#CAROUSEL_ITEM22>.ladi-frame:hover~.ladi-frame-bg,


#IMAGE7:hover>.ladi-image,


#CAROUSEL_ITEM26>.ladi-frame:hover,


#CAROUSEL_ITEM26>.ladi-frame:hover~.ladi-frame-bg,


#IMAGE11:hover>.ladi-image,


#CAROUSEL_ITEM23>.ladi-frame:hover,


#CAROUSEL_ITEM23>.ladi-frame:hover~.ladi-frame-bg,


#IMAGE8:hover>.ladi-image,


#CAROUSEL_ITEM24>.ladi-frame:hover,


#CAROUSEL_ITEM24>.ladi-frame:hover~.ladi-frame-bg,


#IMAGE9:hover>.ladi-image,


#CAROUSEL_ITEM27>.ladi-frame:hover,


#CAROUSEL_ITEM27>.ladi-frame:hover~.ladi-frame-bg,


#IMAGE12:hover>.ladi-image,


#HEADLINE60>.ladi-headline:hover{
    opacity: 1;
}

#BOX12>.ladi-box{
    background-size: cover;
    background-origin: content-box;
    background-position: 100% 50%;
    background-repeat: repeat;
    background-attachment: scroll;
}

#FRAME15.ladi-animation>.ladi-frame,


#BOX15.ladi-animation>.ladi-box{
    animation-name: fadeInLeft;
    animation-delay: 0s;
    animation-duration: 1s;
    animation-iteration-count: 1;
}

#FRAME15>.ladi-frame{
    position: relative;
    display: inline-flex;
    flex-direction: column;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    margin: 0px auto auto 0px;
    overflow: initial;
}

#HEADLINE57>.ladi-headline{
    font-family: Exo, sans-serif;
    font-weight: bold;
    line-height: 1.4;
    color: rgb(0, 0, 0);
    letter-spacing: 0px;
    text-align: left;
}

#PARAGRAPH18{
    order: 276;
}

#PARAGRAPH18>.ladi-paragraph{
    font-size: 16px;
    line-height: 1.6;
    color: rgb(0, 0, 0);
    text-align: left;
}

#HEADLINE58{
    order: 274;
}

#HEADLINE58>.ladi-headline{
    font-size: 20px;
    line-height: 1.4;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    text-align: left;
}

#BOX15>.ladi-box{
    border-radius: 80px 0px 80px 80px;
    background-size: cover;
    background-origin: content-box;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

#HEADLINE59{
    width: 475px;
}

#HEADLINE59,


#CAROUSEL_ITEM17,


#CAROUSEL_ITEM18,


#CAROUSEL_ITEM19,


#CAROUSEL_ITEM20,


#CAROUSEL_ITEM21,


#CAROUSEL_ITEM22,


#CAROUSEL_ITEM26,


#CAROUSEL_ITEM23,


#CAROUSEL_ITEM24,


#CAROUSEL_ITEM27,


#HEADLINE60{
    top: 0px;
}

#HEADLINE59>.ladi-headline{
    font-size: 20px;
    line-height: 1.6;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    text-align: center;
}

#CAROUSEL1,


#CAROUSEL2{
    height: 80px;
}

#CAROUSEL1 .ladi-carousel .ladi-carousel-arrow,


#CAROUSEL2 .ladi-carousel .ladi-carousel-arrow{
    display: none;
}

#CAROUSEL_ITEM16,


#CAROUSEL_ITEM17,


#CAROUSEL_ITEM18,


#CAROUSEL_ITEM19,


#CAROUSEL_ITEM20,


#CAROUSEL_ITEM21,


#CAROUSEL_ITEM25,


#CAROUSEL_ITEM22,


#CAROUSEL_ITEM26,


#CAROUSEL_ITEM23,


#CAROUSEL_ITEM24,


#CAROUSEL_ITEM27{
    width: 200px;
    height: 80px;
}

#CAROUSEL_ITEM16>.ladi-frame-bg>.ladi-frame-background,


#CAROUSEL_ITEM22>.ladi-frame-bg>.ladi-frame-background{
    background-color: rgba(255, 255, 255, 0);
}

#IMAGE1,


#IMAGE1>.ladi-image>.ladi-image-background,


#IMAGE2,


#IMAGE2>.ladi-image>.ladi-image-background,


#IMAGE3,


#IMAGE3>.ladi-image>.ladi-image-background,


#IMAGE4,


#IMAGE4>.ladi-image>.ladi-image-background,


#IMAGE5,


#IMAGE5>.ladi-image>.ladi-image-background,


#IMAGE6,


#IMAGE6>.ladi-image>.ladi-image-background,


#IMAGE10,


#IMAGE10>.ladi-image>.ladi-image-background,


#IMAGE7,


#IMAGE7>.ladi-image>.ladi-image-background,


#IMAGE11,


#IMAGE11>.ladi-image>.ladi-image-background,


#IMAGE8,


#IMAGE8>.ladi-image>.ladi-image-background,


#IMAGE9,


#IMAGE9>.ladi-image>.ladi-image-background,


#IMAGE12,


#IMAGE12>.ladi-image>.ladi-image-background{
    width: 200px;
    height: 83.3333px;
}

#IMAGE1>.ladi-image>.ladi-image-background,


#IMAGE7>.ladi-image>.ladi-image-background{
    background-image: url("../assets/ladicdn/s550x400__57b167c9ca57d39c18a1c57c__01-20231109035203-oxx05.png");
}

#IMAGE1>.ladi-image,


#IMAGE2>.ladi-image,


#IMAGE3>.ladi-image,


#IMAGE4>.ladi-image,


#IMAGE5>.ladi-image,


#IMAGE6>.ladi-image,


#IMAGE10>.ladi-image,


#IMAGE7>.ladi-image,


#IMAGE11>.ladi-image,


#IMAGE8>.ladi-image,


#IMAGE9>.ladi-image,


#IMAGE12>.ladi-image{
    opacity: 0.3;
}

#CAROUSEL_ITEM17>.ladi-frame-bg>.ladi-frame-background,


#CAROUSEL_ITEM18>.ladi-frame-bg>.ladi-frame-background,


#CAROUSEL_ITEM19>.ladi-frame-bg>.ladi-frame-background,


#CAROUSEL_ITEM20>.ladi-frame-bg>.ladi-frame-background,


#CAROUSEL_ITEM21>.ladi-frame-bg>.ladi-frame-background,


#CAROUSEL_ITEM25>.ladi-frame-bg>.ladi-frame-background,


#CAROUSEL_ITEM26>.ladi-frame-bg>.ladi-frame-background,


#CAROUSEL_ITEM23>.ladi-frame-bg>.ladi-frame-background,


#CAROUSEL_ITEM24>.ladi-frame-bg>.ladi-frame-background,


#CAROUSEL_ITEM27>.ladi-frame-bg>.ladi-frame-background{
    background-color: rgba(244, 244, 244, 0);
}

#IMAGE2,


#IMAGE4,


#IMAGE10,


#IMAGE8{
    top: 0px;
    left: 1px;
}

#IMAGE2>.ladi-image>.ladi-image-background,


#IMAGE8>.ladi-image>.ladi-image-background{
    background-image: url("../assets/ladicdn/s550x400__57b167c9ca57d39c18a1c57c__02-20231109035203-gytf0.png");
}

#IMAGE3,


#IMAGE6,


#IMAGE9,


#IMAGE12{
    top: 0px;
    left: -1px;
}

#IMAGE3>.ladi-image>.ladi-image-background,


#IMAGE9>.ladi-image>.ladi-image-background{
    background-image: url("../assets/ladicdn/s550x400__57b167c9ca57d39c18a1c57c__03-20231109035203-4ohia.png");
}

#IMAGE4>.ladi-image>.ladi-image-background,


#IMAGE10>.ladi-image>.ladi-image-background{
    background-image: url("../assets/ladicdn/s550x400__57b167c9ca57d39c18a1c57c__04-20231109035203-_2l6m.png");
}

#IMAGE5,


#IMAGE11{
    top: 0px;
    left: 2px;
}

#IMAGE5>.ladi-image>.ladi-image-background,


#IMAGE11>.ladi-image>.ladi-image-background{
    background-image: url("../assets/ladicdn/s550x400__57b167c9ca57d39c18a1c57c__05-20231109035204-3iopa.png");
}

#IMAGE6>.ladi-image>.ladi-image-background,


#IMAGE12>.ladi-image>.ladi-image-background{
    background-image: url("../assets/ladicdn/s550x400__57b167c9ca57d39c18a1c57c__06-20231109035208-d0lqh.png");
}

#FORM11,


#FORM_ITEM12,


#FORM_ITEM14{
    left: 0px;
}

#FORM11>.ladi-form{
    font-size: 14px;
    line-height: 1.6;
    color: rgb(217, 217, 217);
}

#FORM11 .ladi-form .ladi-form-item.ladi-form-checkbox .ladi-form-checkbox-item span[data-checked="false"],


#FORM11 .ladi-form .ladi-form-item.ladi-form-checkbox .ladi-form-checkbox-item .ladi-editing,


#FORM11 .ladi-form .ladi-form-item.ladi-form-checkbox .ladi-form-checkbox-item .ladi-editing::placeholder,


#FORM11 .ladi-form .ladi-survey-option .ladi-survey-option-label,


#FORM11 .ladi-form-item .ladi-form-control::placeholder,


#FORM11 .ladi-form-item select.ladi-form-control[data-selected=""]{
    color: rgb(217, 217, 217);
}

#FORM11 .ladi-form-item{
    padding-left: 16px;
    padding-right: 16px;
}

#FORM11 .ladi-form-item.otp-countdown:before{
    right: 21px;
}

#FORM11 .ladi-form-item.ladi-form-checkbox{
    padding-left: 21px;
    padding-right: 21px;
}

#FORM11 .ladi-form-item-container .ladi-form-item .ladi-form-control-select{
    background-image: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2232%22%20height%3D%2224%22%20viewBox%3D%220%200%2032%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20points%3D%220%2C0%2032%2C0%2016%2C24%22%20style%3D%22fill%3A%20rgb(217%2C%20217%2C%20217)%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
}

#FORM11 .ladi-survey-option{
    text-align: left;
}

#FORM11 .ladi-form-item-container,


#FORM11 .ladi-form-label-container .ladi-form-label-item{
    border-width: 1px;
    border-radius: 32px;
    border-style: solid;
    border-color: rgb(237, 201, 108);
}

#FORM11 .ladi-form-item-container .ladi-form-item.ladi-form-quantity{
    width: calc(100% + 1px);
}

#FORM11 .ladi-form-item-container .ladi-form-quantity .button{
    background-color: rgb(237, 201, 108);
}

#FORM11 .ladi-form-item-background{
    border-radius: 31px;
    background-color: rgba(242, 236, 220, 0.3);
}

#BUTTON14{
    width: 160px;
    height: 48px;
}

#BUTTON14>.ladi-button>.ladi-button-background{
    background-color: rgb(135, 182, 161);
}

#BUTTON14>.ladi-button{
    border-radius: 32px;
}

#BUTTON_TEXT14{
    width: 160px;
    top: 9px;
    left: 0px;
}

#BUTTON_TEXT14>.ladi-headline{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
    color: rgb(0, 0, 0);
    text-align: center;
}

#FORM_ITEM11,


#FORM_ITEM12,


#FORM_ITEM13{
    height: 48px;
}

#FORM_ITEM14{
    height: 100px;
}

#HEADLINE60>.ladi-headline{
    font-family: Exo, sans-serif;
    font-weight: bold;
    line-height: 1.4;
    color: rgb(255, 255, 255);
    letter-spacing: 0px;
    text-align: center;
}

#BOX17{
    width: 224px;
    height: 320px;
}

#BOX17>.ladi-box{
    border-radius: 0px 200px 200px;
    background-image: url("../assets/ladicdn/s550x650__57b167c9ca57d39c18a1c57c__ptb_xmtq20240125040100.jpg");
    background-size: cover;
    background-origin: content-box;
    background-position: 50% 50%;
    background-repeat: repeat;
    background-attachment: scroll;
}

#BOX17.ladi-animation>.ladi-box{
    animation-name: fadeInUp;
    animation-delay: 0s;
    animation-duration: 1s;
    animation-iteration-count: 1;
}

#BOX18>.ladi-box{
    border-radius: 200px 200px 200px 0px;
    background-size: cover;
    background-origin: content-box;
    background-position: 50% 50%;
    background-repeat: repeat;
    background-attachment: scroll;
    transform: perspective(1000px) rotateY(180deg);
}

@media (min-width: 768px) {
    #SECTION10{
        height: 557.458px;
    }

    #FRAME13{
        top: 120px;
        left: 0px;
    }

    #FRAME13>.ladi-frame{
        gap: 32px;
    }

    #HEADLINE53{
        width: 885px;
    }

    #HEADLINE53>.ladi-headline,


    #HEADLINE57>.ladi-headline,


    #HEADLINE60>.ladi-headline{
        font-size: 56px;
    }

    #GROUP17{
        width: 997px;
        height: 128px;
    }

    #GROUP17.ladi-animation>.ladi-group{
        animation-name: fadeIn;
        animation-delay: 0.5s;
        animation-duration: 1s;
        animation-iteration-count: 1;
    }

    #PARAGRAPH14{
        width: 456px;
    }

    #PARAGRAPH15{
        width: 485px;
        top: 0px;
        left: 512px;
    }

    #BOX23,


    #BOX24,


    #BOX25{
        width: 480px;
        height: 480px;
    }

    #BOX23{
        top: -158px;
        left: 915px;
    }

    #PEN_TOOL31{
        width: 2936.83px;
        height: 906.376px;
        top: 287.808px;
        left: -1224.41px;
    }

    #SECTION5{
        height: 820.75px;
    }

    #PARAGRAPH16{
        width: 556px;
        top: 314.375px;
        left: 0px;
    }

    #GROUP18{
        width: 466px;
        height: 580.75px;
        top: 120px;
        left: 757px;
    }

    #GROUP18.ladi-animation>.ladi-group{
        animation-name: fadeInDown;
        animation-delay: 0s;
        animation-duration: 1s;
        animation-iteration-count: 1;
    }

    #BOX11,


    #BOX12{
        width: 440px;
        height: 572px;
    }

    #BOX11{
        top: 8.75px;
        left: 26px;
    }

    #BOX12>.ladi-box{
        background-image: url("../images/aboutus.jpg");
    }

    #SECTION11{
        height: 639.998px;
    }

    #FRAME15{
        top: 112.613px;
        left: 680px;
    }

    #FRAME15>.ladi-frame{
        gap: 32px;
        padding-bottom: 0.354187px;
    }

    #HEADLINE57,


    #PARAGRAPH18{
        width: 520px;
    }

    #HEADLINE58{
        width: 404px;
    }

    #BOX15{
        width: 1166px;
        height: 640px;
        top: -0.002px;
        left: -550px;
    }

    #BOX15>.ladi-box{
        background-image: url("../images/slider_2.webp");
    }

    #SECTION12{
        height: 527.461px;
    }

    #GROUP20{
        width: 1224px;
        height: 288px;
        top: 119.461px;
        left: -12px;
    }

    #HEADLINE59{
        left: 374.5px;
    }

    #CAROUSEL1,


    #CAROUSEL2{
        width: 1224px;
    }

    #CAROUSEL1{
        top: 88.0004px;
        left: 0px;
    }

    #CAROUSEL1 .ladi-carousel .ladi-carousel-content,


    #CAROUSEL2 .ladi-carousel .ladi-carousel-content{
        width: 1480px;
    }

    #CAROUSEL_ITEM17,


    #CAROUSEL_ITEM22{
        left: 256px;
    }

    #CAROUSEL_ITEM18,


    #CAROUSEL_ITEM26{
        left: 512px;
    }

    #CAROUSEL_ITEM19,


    #CAROUSEL_ITEM23{
        left: 768px;
    }

    #CAROUSEL_ITEM20,


    #CAROUSEL_ITEM24{
        left: 1024px;
    }

    #CAROUSEL_ITEM21,


    #CAROUSEL_ITEM27{
        left: 1280px;
    }

    #CAROUSEL2{
        top: 208px;
        left: 0px;
    }

    #SECTION13{
        height: 658.667px;
    }

    #GROUP21{
        width: 877.112px;
        height: 418px;
        top: 120px;
        left: 161.448px;
    }

    #FORM11{
        width: 877.112px;
        height: 292px;
        top: 126px;
    }

    #BUTTON14{
        top: 244px;
        left: 358.556px;
    }

    #FORM_ITEM11,


    #FORM_ITEM13{
        width: 430.556px;
    }

    #FORM_ITEM12,


    #FORM_ITEM14{
        width: 877.112px;
    }

    #FORM_ITEM12{
        top: 64px;
    }

    #FORM_ITEM13{
        top: 0px;
        left: 446.556px;
    }

    #FORM_ITEM14{
        top: 128px;
    }

    #HEADLINE60{
        width: 598px;
        left: 139.556px;
    }

    #BOX17{
        top: 338.667px;
        left: 1236px;
    }

    #BOX18{
        width: 224px;
        height: 320px;
        top: 0px;
        left: -263px;
    }

    #BOX18>.ladi-box{
        background-image: url("../images/products/cay-trong-nha.jpg");
    }

    #BOX24{
        top: 185.333px;
        left: -332px;
    }

    #BOX25{
        top: -132.667px;
        left: 1122px;
    }
}

@media (max-width: 767px) {
    #SECTION10{
        height: 653.486px;
    }

    #FRAME13{
        top: 40px;
        left: 15.8333px;
    }

    #FRAME13>.ladi-frame{
        gap: 24px;
    }

    #HEADLINE53,


    #PARAGRAPH14,


    #PARAGRAPH16,


    #HEADLINE57,


    #PARAGRAPH18,


    #HEADLINE58,


    #FORM_ITEM11,


    #FORM_ITEM12,


    #FORM_ITEM13,


    #FORM_ITEM14,


    #HEADLINE60{
        width: 388px;
    }

    #HEADLINE53>.ladi-headline,


    #HEADLINE57>.ladi-headline,


    #HEADLINE60>.ladi-headline{
        font-size: 44px;
    }

    #GROUP17{
        width: 388px;
        height: 357px;
    }

    #PARAGRAPH15{
        width: 373px;
        top: 178px;
        left: 0px;
    }

    #BOX23,


    #BOX24,


    #BOX25{
        width: 400px;
        height: 400px;
    }

    #BOX23{
        top: 0px;
        left: 203.833px;
    }

    #PEN_TOOL31{
        width: 400px;
        height: 156.486px;
        top: 413.781px;
        left: 540px;
    }

    #SECTION5{
        height: 882px;
    }

    #PARAGRAPH16{
        top: 535.356px;
        left: 16px;
    }

    #GROUP18{
        width: 375.814px;
        height: 468.356px;
        top: 43px;
        left: 22.093px;
    }

    #BOX11,


    #BOX12{
        width: 354.846px;
        height: 461.3px;
    }

    #BOX11{
        top: 7.05659px;
        left: 20.9682px;
    }

    #BOX12>.ladi-box{
        background-image: url("../images/aboutus.jpg");
    }

    #SECTION11{
        height: 745.867px;
    }

    #FRAME15{
        top: 331.554px;
        left: 16px;
    }

    #FRAME15>.ladi-frame{
        gap: 24px;
        padding-bottom: 0.25px;
    }

    #BOX15{
        width: 372.168px;
        height: 307.554px;
        top: 0px;
        left: 47.8321px;
    }

    #BOX15>.ladi-box{
        background-image: url("../images/slider_2.webp");
    }

    #SECTION12{
        height: 289px;
    }

    #GROUP20{
        width: 475px;
        height: 240px;
        top: 0px;
        left: -29.75px;
    }

    #HEADLINE59,


    #HEADLINE60{
        left: 0px;
    }

    #CAROUSEL1,


    #CAROUSEL2{
        width: 424px;
    }

    #CAROUSEL1{
        top: 56px;
        left: 25.5px;
    }

    #CAROUSEL1 .ladi-carousel .ladi-carousel-content,


    #CAROUSEL2 .ladi-carousel .ladi-carousel-content{
        width: 1320px;
    }

    #CAROUSEL_ITEM17,


    #CAROUSEL_ITEM22{
        left: 224px;
    }

    #CAROUSEL_ITEM18,


    #CAROUSEL_ITEM26{
        left: 448px;
    }

    #CAROUSEL_ITEM19,


    #CAROUSEL_ITEM23{
        left: 672px;
    }

    #CAROUSEL_ITEM20,


    #CAROUSEL_ITEM24{
        left: 896px;
    }

    #CAROUSEL_ITEM21,


    #CAROUSEL_ITEM27{
        left: 1120px;
    }

    #CAROUSEL2{
        top: 160px;
        left: 25.5px;
    }

    #SECTION13{
        height: 591px;
    }

    #GROUP21{
        width: 388px;
        height: 551px;
        top: 40px;
        left: 16px;
    }

    #FORM11{
        width: 388px;
        height: 407px;
        top: 144px;
    }

    #BUTTON14{
        top: 316px;
        left: 114px;
    }

    #FORM_ITEM12{
        top: 128px;
    }

    #FORM_ITEM13{
        top: 64px;
        left: 0px;
    }

    #FORM_ITEM14{
        top: 192px;
    }

    #BOX17{
        top: -12px;
        left: -328px;
    }

    #BOX18{
        width: 154.7px;
        height: 221px;
        top: 321px;
        left: 550.65px;
    }

    #BOX18>.ladi-box{
        background-image: url("../images/products/cay-trong-nha.jpg");
    }

    #BOX24{
        top: 187px;
        left: -312px;
    }

    #BOX25{
        top: -107px;
        left: 284px;
    }
}

.ladi-section{
    margin: 0 auto;
    position: relative;
}

.ladi-section[data-tab-id]{
    display: none;
}

.ladi-section.selected[data-tab-id]{
    display: block;
}

.ladi-section .ladi-section-background{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    overflow: hidden;
}

.ladi-box{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ladi-group{
    position: absolute;
    width: 100%;
    height: 100%;
}

.ladi-headline{
    width: 100%;
    display: inline-block;
    word-break: break-word;
    background-size: cover;
    background-position: center center;
}

.ladi-headline a{
    text-decoration: underline;
}

@media (max-width: 767px) {
    .ladi-element.ladi-auto-scroll{
        overflow-x: auto;
        overflow-y: hidden;
        width: 100% !important;
        left: 0 !important;
        -webkit-overflow-scrolling: touch;
    }

    [data-hint]:not([data-timeout-id-copied]):before,


    [data-hint]:not([data-timeout-id-copied]):after{
        display: none !important;
    }

    .ladi-section.ladi-auto-scroll{
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
}

.ladi-section{
    margin: 0 auto;
    position: relative;
}

.ladi-section[data-tab-id]{
    display: none;
}

.ladi-section.selected[data-tab-id]{
    display: block;
}

.ladi-section .ladi-section-background{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    overflow: hidden;
}

.ladi-box{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ladi-frame{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ladi-frame-bg .ladi-frame-background{
    height: 100%;
    width: 100%;
    pointer-events: none;
    transition: inherit;
}

.ladi-frame-bg:not(.ladi-frame){
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ladi-button{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ladi-button:active{
    transform: translateY(2px);
    transition: transform 0.2s linear;
}

.ladi-button .ladi-button-background{
    height: 100%;
    width: 100%;
    pointer-events: none;
    transition: inherit;
}

.ladi-button>.ladi-button-headline,


.ladi-button>.ladi-button-shape{
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    display: table;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.ladi-button>.ladi-button-shape .ladi-shape{
    margin: auto;
    top: 0;
    bottom: 0;
}

.ladi-button>.ladi-button-headline .ladi-headline{
    display: table-cell;
    vertical-align: middle;
}

.ladi-form{
    position: absolute;
    width: 100%;
    height: 100%;
}

.ladi-form>.ladi-element{
    text-transform: inherit;
    text-decoration: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    color: inherit;
    background: none;
}

.ladi-form .ladi-button>.ladi-button-headline{
    color: initial;
    font-size: initial;
    font-weight: initial;
    text-transform: initial;
    text-decoration: initial;
    font-style: initial;
    text-align: initial;
    letter-spacing: initial;
    line-height: initial;
}

.ladi-form>.ladi-element .ladi-form-item-container{
    text-transform: inherit;
    text-decoration: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    color: inherit;
    background-size: inherit;
    background-attachment: inherit;
    background-origin: inherit;
}

.ladi-form>[data-quantity="true"] .ladi-form-item-container{
    overflow: hidden;
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item{
    text-transform: inherit;
    text-decoration: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    color: inherit;
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item-background{
    background-size: inherit;
    background-attachment: inherit;
    background-origin: inherit;
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-size: 9px 6px !important;
    background-position: right .5rem center;
    background-repeat: no-repeat;
    padding-right: 24px;
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select-2{
    width: calc(100% / 2 - 5px);
    max-width: calc(100% / 2 - 5px);
    min-width: calc(100% / 2 - 5px);
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select-2:nth-child(3){
    margin-left: 7.5px;
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select-3{
    width: calc(100% / 3 - 5px);
    max-width: calc(100% / 3 - 5px);
    min-width: calc(100% / 3 - 5px);
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select-3:nth-child(3){
    margin-left: 7.5px;
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select-3:nth-child(4){
    margin-left: 7.5px;
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select option{
    color: initial;
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control:not(.ladi-form-control-select){
    text-transform: inherit;
    text-decoration: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    color: inherit;
    background-size: inherit;
    background-attachment: inherit;
    background-origin: inherit;
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select{
    text-transform: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    color: inherit;
    background-size: inherit;
    background-attachment: inherit;
    background-origin: inherit;
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select:not([data-selected=""]){
    text-decoration: inherit;
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-checkbox-item{
    text-transform: inherit;
    text-decoration: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    color: inherit;
    background-size: inherit;
    background-attachment: inherit;
    background-origin: inherit;
    vertical-align: middle;
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-checkbox-box-item{
    display: inline-block;
    width: fit-content;
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-checkbox-item span{
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-checkbox-item span[data-checked="true"]{
    text-transform: inherit;
    text-decoration: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    color: inherit;
    background-size: inherit;
    background-attachment: inherit;
    background-origin: inherit;
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-checkbox-item span[data-checked="false"]{
    text-transform: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    color: inherit;
    background-size: inherit;
    background-attachment: inherit;
    background-origin: inherit;
}

.ladi-form .ladi-form-item-container{
    position: absolute;
    width: 100%;
    height: 100%;
}

.ladi-form .ladi-form-item-title-value{
    font-weight: bold;
    word-break: break-word;
}

.ladi-form .ladi-form-label-container{
    position: relative;
    width: 100%;
}

.ladi-form .ladi-form-control-file{
    background-repeat: no-repeat;
    background-position: calc(100% - 5px) center;
}

.ladi-form .ladi-form-label-container .ladi-form-label-item{
    display: inline-block;
    cursor: pointer;
    position: relative;
    border-radius: 0px !important;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.ladi-form .ladi-form-label-container .ladi-form-label-item.image{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.ladi-form .ladi-form-label-container .ladi-form-label-item.no-value{
    display: none !important;
}

.ladi-form .ladi-form-label-container .ladi-form-label-item.text.disabled{
    opacity: 0.35;
}

.ladi-form .ladi-form-label-container .ladi-form-label-item.image.disabled{
    opacity: 0.2;
}

.ladi-form .ladi-form-label-container .ladi-form-label-item.color.disabled{
    opacity: 0.15;
}

.ladi-form .ladi-form-label-container .ladi-form-label-item.selected:before{
    content: '';
    width: 0;
    height: 0;
    bottom: -1px;
    right: -1px;
    position: absolute;
    border-width: 0 0 15px 15px;
    border-color: transparent;
    border-style: solid;
}

.ladi-form .ladi-form-label-container .ladi-form-label-item.selected:after{
    content: '';
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 12 12' viewBox='0 0 12 12' x='0' fill='%23fff' y='0'%3E%3Cg%3E%3Cpath d='m5.2 10.9c-.2 0-.5-.1-.7-.2l-4.2-3.7c-.4-.4-.5-1-.1-1.4s1-.5 1.4-.1l3.4 3 5.1-7c .3-.4 1-.5 1.4-.2s.5 1 .2 1.4l-5.7 7.9c-.2.2-.4.4-.7.4 0-.1 0-.1-.1-.1z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: bottom right;
    width: 7px;
    height: 7px;
    bottom: 0;
    right: 0;
    position: absolute;
}

.ladi-form .ladi-form-item{
    width: 100%;
    height: 100%;
    position: absolute;
}

.ladi-form .ladi-form-item-background{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}

.ladi-form .ladi-form-item.ladi-form-checkbox{
    height: auto;
}

.ladi-form .ladi-form-item .ladi-form-control{
    background-color: transparent;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    padding: 0 5px;
    color: inherit;
    font-size: inherit;
    border: none;
}

.ladi-form .ladi-form-item.ladi-form-checkbox{
    padding: 0 5px;
}

.ladi-form .ladi-form-item.ladi-form-checkbox.ladi-form-checkbox-vertical .ladi-form-checkbox-item{
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: flex;
    align-items: center;
    border: none;
}

.ladi-form .ladi-form-item.ladi-form-checkbox.ladi-form-checkbox-horizontal .ladi-form-checkbox-item{
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 10px !important;
    display: inline-flex;
    align-items: center;
    border: none;
    position: relative;
}

.ladi-form .ladi-form-item.ladi-form-checkbox .ladi-form-checkbox-item input{
    margin-right: 5px;
    display: block;
}

.ladi-form .ladi-form-item.ladi-form-checkbox .ladi-form-checkbox-item span{
    cursor: default;
    word-break: break-word;
}

.ladi-form .ladi-form-item textarea.ladi-form-control{
    resize: none;
    padding: 5px;
}

.ladi-form .ladi-button{
    cursor: pointer;
}

.ladi-form .ladi-button .ladi-headline{
    cursor: pointer;
    user-select: none;
}

.ladi-form .ladi-element .ladi-form-otp::-webkit-outer-spin-button,


.ladi-form .ladi-element .ladi-form-otp::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
}

.ladi-form .ladi-element .ladi-form-item .button-get-code{
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    line-height: initial;
    padding: 5px 10px;
    height: max-content;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.ladi-form .ladi-element .ladi-form-item .button-get-code.hide-visibility{
    display: block !important;
    visibility: hidden !important;
}

.ladi-form .ladi-form-item.otp-resend .button-get-code{
    display: block;
}

.ladi-form .ladi-form-item.otp-countdown:before{
    content: attr(data-countdown-time) "s";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: max-content;
    line-height: initial;
}

.ladi-form [data-variant="true"] select option[disabled]{
    background: #fff;
    color: #b8b8b8 !important;
}

.ladi-google-recaptcha-checkbox{
    position: absolute;
    display: inline-block;
    transform: translateY(-100%);
    margin-top: -5px;
    z-index: 90000010;
}

.ladi-group{
    position: absolute;
    width: 100%;
    height: 100%;
}

.ladi-shape{
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.ladi-cart-number{
    position: absolute;
    top: -2px;
    right: -7px;
    background: #f36e36;
    text-align: center;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    border-radius: 100%;
}

.ladi-headline{
    width: 100%;
    display: inline-block;
    word-break: break-word;
    background-size: cover;
    background-position: center center;
}

.ladi-headline a{
    text-decoration: underline;
}

.ladi-paragraph{
    width: 100%;
    display: inline-block;
    word-break: break-word;
}

.ladi-paragraph a{
    text-decoration: underline;
}

@media (max-width: 767px) {
    .ladi-element.ladi-auto-scroll{
        overflow-x: auto;
        overflow-y: hidden;
        width: 100% !important;
        left: 0 !important;
        -webkit-overflow-scrolling: touch;
    }

    [data-hint]:not([data-timeout-id-copied]):before,


    [data-hint]:not([data-timeout-id-copied]):after{
        display: none !important;
    }

    .ladi-section.ladi-auto-scroll{
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
}

#CAROUSEL1,


#CAROUSEL2{
    overflow: hidden;
}

#CAROUSEL1 .ladi-carousel-content,


#CAROUSEL2 .ladi-carousel-content{
    transform: translate3d(0, 0, 0);
}

.vergarden-reveal{
    opacity: 0;
    transform: translate3d(0, 28px, 0);
    transition: opacity 760ms ease, transform 760ms cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: var(--vergarden-reveal-delay, 0ms);
}

.vergarden-reveal.is-visible{
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
}

.vergarden-reveal--soft{
    transform: translate3d(0, 20px, 0);
}

.vergarden-reveal--left{
    transform: translate3d(-28px, 0, 0);
}

.vergarden-reveal--right{
    transform: translate3d(28px, 0, 0);
}

.vergarden-reveal--zoom{
    transform: translate3d(0, 18px, 0) scale(0.96);
}

@media (prefers-reduced-motion: reduce) {
    .vergarden-reveal{
        opacity: 1;
        transform: none;
        transition: none;
    }
}