/* Fancybox Popup */
.section.section-experiences .post-list-content .item .item-inner .item-detail .detail-content .detail-facybox .feature-image,
.section.section-experiences .post-list-content .item .item-inner .item-detail .detail-content .detail-facybox .favourites,
.section.section-experiences .post-list-content .item .item-inner .item-detail .detail-content .detail-facybox .rating {
    display: none;
}

.section.section-experiences .post-list-content .item .item-inner .item-detail .detail-content .detail-facybox {
    display: block !important;
}

/* title animation */
.section .title-animation .title-big {
    font-family: 'Baskervville';
    font-style: italic;
    color: #7499AF;
    font-size: 93px;
    line-height: 100px;
    letter-spacing: 3.038px;
    margin: 0;
    text-align: left;
    opacity: 0.0922;
}

#site-content.home-page {
    padding-bottom: 107px;
}

/* nav-dots */
.section .custom-nav .owl-nav button.owl-prev,
.section .custom-nav .owl-nav button.owl-next,
.section .owl-carousel .owl-nav button.owl-prev,
.section .owl-carousel .owl-nav button.owl-next {
    width: 68px;
    height: 69px;
    background-color: #fff;
    position: relative;
}

.section .custom-nav .owl-nav button:after,
.section .owl-carousel .owl-nav button:after {
    content: '';
    width: 34px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    margin: 0;
    margin-top: 2px;
}

.section .custom-nav .owl-nav button.disabled,
.section .owl-carousel .owl-nav button.disabled {
    opacity: 0.7;
    pointer-events: none;
}

.section .custom-nav .owl-nav button.owl-prev:after,
.section .owl-carousel .owl-nav button.owl-prev:after {
    background: url('../images/arrow-left-slide.svg') no-repeat;
    background-position: center;
    background-size: cover;
}

.section .custom-nav .owl-nav button.owl-prev:hover:after,
.section .owl-carousel .owl-nav button.owl-prev:hover:after {
    background: url('../images/arrow-left-slide-hover.svg') no-repeat;
    background-position: center;
    background-size: cover;
}

.section .custom-nav .owl-nav,
.section .owl-carousel .owl-nav {
    position: absolute;
}

.section .custom-nav .owl-nav button.owl-next:after,
.section .owl-carousel .owl-nav button.owl-next:after {
    background: url('../images/arrow-right-slide.svg') no-repeat;
    background-position: center;
    background-size: cover;
    margin-left: 3px;
}

.section .custom-nav .owl-nav button.owl-next:hover:after,
.section .owl-carousel .owl-nav button.owl-next:hover:after {
    background: url('../images/arrow-right-slide-hover.svg') no-repeat;
    background-position: center;
    background-size: cover;
}

.section .custom-nav .owl-nav:before,
.section .owl-carousel .owl-nav:before {
    content: '';
    width: 1px;
    height: 38px;
    background-color: #8D8D8D;
    position: absolute;
    left: 67px;
    top: 19px;
    z-index: 1;
    opacity: 25%;
}

.section.section-experiences .post-list-content .item .item-inner .item-detail .detail-content .title:hover {
    color: #54c8d8;
}

.section.section-experiences .post-list-content .item .item-inner .item-detail .detail-content .title {
    cursor: pointer;
}

.section .custom-nav .owl-nav button span,
.section .owl-carousel .owl-nav button span {
    display: none;
}

.section .custom-nav .owl-nav button:focus,
.section .owl-carousel .owl-nav button:focus {
    outline: none;
}

.section .custom-nav button.owl-dot:after,
.section .owl-carousel button.owl-dot:after {
    display: none;
}

.section .custom-nav button.owl-dot,
.section .owl-carousel button.owl-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 1px solid #8D8D8D;
    margin: 5px 0;
}

.section .custom-nav button.owl-dot:focus,
.section .owl-carousel button.owl-dot:focus {
    outline: none;
}

.section .custom-nav button.owl-dot.active,
.section .owl-carousel button.owl-dot.active {
    background-color: #8D8D8D;
}

.section .owl-carousel .owl-dots {
    position: absolute;
    left: 48px;
    margin-top: 6px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}

.section.section-experiences .post-list-content .item .item-inner {
    display: table;
    width: 100%;
    height: 100%;
}

.section.section-experiences .post-list-content .item .item-inner .item-detail {
    display: table-cell;
    vertical-align: middle;
}

/*end */
/* slider-section */
.section.section-slider {
    padding-top: 58px;
    position: relative;
    margin-bottom: 53px;
    overflow: hidden;
}

@media(min-width: 1200px) {
    .section.section-slider .container {
        position: relative;
    }

    .section.section-slider .container:before {
        content: '';
        width: 1000%;
        height: 91.6%;
        /*background-color: #54C8D8;*/
        position: absolute;
        right: 100%;
        top: -58px;
        opacity: 25%;
        margin-right: -160px;
    }
}

@media(max-width: 1199px) {
    .section.section-slider:before {
        content: '';
        width: 20.782%;
        height: 83.193%;
        /*background-color: #54C8D8;*/
        position: absolute;
        left: 0;
        top: 0;
        opacity: 25%;
    }
}

.section.section-slider .slider {
    padding: 0 65px 0 72px;
}

.section.section-slider .item .images {
    width: 100%;
    height: 0;
    padding-bottom: 51.14%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.section.section-slider .item .images:before {
    content: '';
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    /*background-color: rgb(0 0 0 / 0.2);*/
}

.section.section-slider .item .images img {
    display: none;
}

.section.section-slider .item {
    position: relative;
}

.section.section-slider .owl-carousel.owl-drag .owl-item {
    opacity: 0;
    transition: opacity 0.3s;
}

.section.section-slider .owl-carousel.owl-drag .owl-item.active {
    opacity: 1;
}

.section.section-slider .item .item-detail {
    position: absolute;
    top: 50%;
    margin-top: -31px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 57px;
    max-width: 320px;
    width: 100%;
    text-align: center;
}

.section.section-slider .item .item-detail * {
    color: #fff;
}

.section.section-slider .item .item-detail .sub-title {
    font-family: 'Baskervville';
    font-style: italic;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: 0.7px;
    margin-bottom: 3px;
}

.section.section-slider .item .item-detail .title h2 {
    margin: 0 0 3px;
}

.section.section-slider .item .item-detail .content p {
    line-height: 18px;
    letter-spacing: 0;
    margin-bottom: 0;
}

.section.section-slider .owl-carousel .owl-nav {
    bottom: 0;
    right: -3px;
}

/* end */
/* section-about */
.section.section-about .detail-content {
    /* opacity: 0;
    transform: matrix(1, 0, 0, 1, 0, 100);
    -webkit-transform: matrix(1, 0, 0, 1, 0, 100);
    transition: all 3s ease; */
    margin-top: -45px;
}

/* .section.section-about .detail-content.active{
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
} */
.section.section-about {
    margin-bottom: 123px;
}

.section.section-about * {
    text-align: center;
}

.section.section-about .title h2 {
    margin: 0 0 14px;
}

.section.section-about .content {
    max-width: 732px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 29px;
}

.section.section-about .content p {
    color: #8D8D8D;
    margin: 0;
    letter-spacing: 0;
}

.home .section a.arrow {
    letter-spacing: 2.5px;
}

/* end */
/* section-product */
.section.section-products {
    position: relative;
    margin-bottom: 10px;
}

.section.section-products .container {
    position: relative;
}

.section.section-products .title-animation {
    position: absolute;
    right: 0;
    text-align: left;
}

.section.section-products .link-page {
    width: 100%;
    display: block;
    overflow: hidden;
    text-align: center;
}

.section.section-products .product-list {
    margin-left: -15px;
    margin-right: -15px;
}

.section.section-products .product-list .item {
    width: 50%;
    float: left;
    padding: 0 15px;
}

.section.section-products .product-list .item.item-2 .item-inner {
    max-width: 400px;
    width: 100%;
}

.section.section-products .product-list .item.item-1 .images {
    width: 77.054%;
    padding-left: 59px;
    padding-top: 48px;
    position: relative;
    z-index: 1;
}

.section.section-products .product-list .item.item-1 .images .image-color {
    position: absolute;
    top: 0;
    left: 0;
    width: 88.865%;
    height: 83.847%;
    z-index: 0;
}

.section.section-products .product-list .item .images .image-color {
    opacity: 50.5%;
}

.section.section-products .product-list .item.item-2 .item-inner {
    max-width: 100%;
    width: 100%;
}

.section.section-products .product-list .item.item-2 {
    margin-top: 234px;
}

.section.section-products .product-list .item.item-2 .images {
    width: 99.442%;
    padding-right: 61px;
    padding-top: 40px;
    position: relative;
    z-index: 1;
    margin-left: auto;
}

.section.section-products .product-list .item.item-2 .images .image {
    padding-bottom: 75%;
}

.section.section-products .product-list .item.item-2 .images .image-color {
    position: absolute;
    top: 0;
    right: 0;
    width: 68.856%;
    height: 95.686%;
    z-index: 0;
}

.section.section-products .product-list .item.item-2 .item-detail {
    padding-left: 0.558%;
}

.section.section-products .product-list .item.item-3 {
    margin-top: -3px;
}

.section.section-products .product-list .item.item-3 .item-inner {
    max-width: 100%;
    width: 100%;
}

.section.section-products .product-list .item.item-3 .images {
    width: 99.254%;
    padding-left: 60px;
    padding-top: 50px;
    position: relative;
    z-index: 1;
}

.section.section-products .product-list .item.item-3 .images .image {
    padding-bottom: 75%;
}

.section.section-products .product-list .item.item-3 .images .image-color {
    position: absolute;
    top: 0;
    left: 0;
    width: 68.985%;
    height: 93.32%;
    z-index: 0;
}

.section.section-products .product-list .item.item-4 {
    margin-top: 132px;
}

.section.section-products .product-list .item.item-4 .item-inner {
    max-width: 415px;
    width: 100%;
    margin-left: auto;
}

.section.section-products .product-list .item.item-4 .images {
    padding-right: 61px;
    padding-top: 48px;
    position: relative;
    z-index: 1;
}

.section.section-products .product-list .item.item-4 .images .image {
    padding-bottom: 133.335%;
}

.section.section-products .product-list .item.item-4 .images .image-color {
    position: absolute;
    top: 0;
    right: 0;
    width: 88.435%;
    height: 83.848%;
    z-index: 0;
}

.section.section-products .link-page a {
    margin-top: 24px;
    margin-left: -35px;
}

.section.section-products .product-list .item.item-1 .images .image {
    padding-bottom: 133.334%;
}

.section.section-products .product-list .item .images .image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    position: relative;
    z-index: 1;
}

.section.section-products .product-list .item .images .image img {
    display: none;
}

.section.section-products .product-list .item .name h3 {
    font-family: 'Baskervville';
    font-size: 24px;
    font-weight: 400;
    color: #000;
    line-height: 31px;
    letter-spacing: 0.59px;
    padding: 36px 0 7px;
    margin: 0;
}

.section.section-products .product-list .item a {
    text-decoration: none;
}

.section.section-products .product-list .item a:hover {
    text-decoration: none;
}

.section.section-products .product-list .item a:hover h3 {
    color: #54c8d8;
}

.section.section-products .product-list .item .desc {
    margin: 0;
    letter-spacing: 0;
    line-height: 18px;
}

/* end */
/* section-experiences */
.section.section-experiences {
    margin-bottom: 80px;
}

.section.section-experiences .title-animation {
    position: relative;
    z-index: 1;
}

.section.section-experiences .post-list .item .item-inner {
    /* display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center; */
    /* margin-left: -15px;
    margin-right: -15px; */
}

.section.section-experiences .post-list-slide {
    padding: 0 30px 0 70px;
}

.section.section-experiences .post-list-slide {
    position: relative;
    z-index: 0;
    margin-top: 8px;
    padding: 0 76px;
    width: 100%;
    display: inline-block;
}

.section.section-experiences .post-list-slide:before {
    content: '';
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: absolute;
    height: 100%;
}

.section.section-experiences .owl-carousel .owl-nav {
    left: 92px;
}

.section.section-experiences .post-list-slide .post-list-images {
    width: 300px;
    position: static;
    margin-top: -45px;
    margin-bottom: 0;
}

.section.section-experiences .post-list-content .owl-nav {
    display: none;
}

/* .section.section-experiences .post-list-content .owl-stage-outer{
    overflow: initial;
} */
.section.section-experiences .post-list-content .owl-stage-outer .owl-item {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .3s ease-in-out, opacity .8s ease-in;
    -moz-transition: all .3s ease-in-out, opacity .8s ease-in;
    -ms-transition: all .3s ease-in-out, opacity .8s ease-in;
    -o-transition: all .3s ease-in-out, opacity .8s ease-in;
    transition: all .3s ease-in-out, opacity .8s ease-in;
}

.section.section-experiences .post-list-content .item .item-inner .item-detail {
    max-width: 438px;
    margin: 0 auto;
}

.section.section-experiences .post-list-content .owl-stage-outer .owl-item.active {
    opacity: 1;
    pointer-events: initial;
}

.section.section-experiences .post-list-content {
    width: 61.1%;
    float: right;
    padding: 57px 0 51px 60px;
    text-align: center;
}

.section.section-experiences .post-list-slide .item .item-inner .image img {
    display: none;
}

.section.section-experiences .post-list-slide .item-inner .image .bgk-image {
    background-size: cover;
    background-position: center;
    width: 100%;
    padding-bottom: 133.335%;
}

.section.section-experiences .post-list-slide .item .item-inner .item-detail .title h3 {
    letter-spacing: 0.59px;
    margin: 0 0 21px 0;
}

.section.section-experiences .post-list-slide .item .item-inner .item-detail .sub-title {
    font-family: 'Baskervville';
    font-style: italic;
    font-size: 15px;
    letter-spacing: 0.7px;
    line-height: 19px;
    margin-bottom: 18px;
    margin-left: 0;
}

.section.section-experiences .post-list-slide .item .item-inner .item-detail .link-page {
    margin-left: -30px;
}

.section.section-experiences .post-list-slide .item .item-inner .item-detail .content {
    letter-spacing: 0;
    margin-bottom: 29px;
}

.section.section-experiences .post-list-slide .item .item-inner .item-detail .content>* {
    color: #8d8d8d;
}

.section.section-experiences .post-list-slide .container {
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
}

.section.section-experiences .post-list-slide .post-list-images {
    width: 300px;
    margin-left: 70px;
    transform: none;
}

.section.section-experiences .owl-carousel .owl-nav {
    bottom: 0 !important;
}

/* end */
/* section-gallery */
.section.section-gallery {
    text-align: center;
    margin-top: 138px;
    display: block;
    overflow: hidden;
    width: 100%;
}

.section.section-gallery .widget-title {
    font-size: 31px;
}

.section.section-gallery .link-page {
    margin-top: 32px;
}

.section.section-gallery .title h2 {
    margin: 0 0 11px;
    text-transform: none;
}

.section.section-gallery .sub-title p {
    letter-spacing: 0;
    line-height: 18px;
    font-family: 'Karla';
    margin-bottom: 0;
}

.section.section-gallery .list-post {
    margin-top: 50px;
    padding: 0 59px 0 59px;
}

.section.section-gallery .owl-carousel .owl-nav {
    bottom: 0;
    right: -9px;
}

.section.section-gallery .list-post .item .item-inner .item-img-bkg {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    cursor: pointer;
}

.section.section-gallery .list-post .item .item-inner .item-img-bkg a {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding-bottom: 100%;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

.section.section-gallery .list-post .item .item-inner {
    overflow: hidden;
}

.section.section-gallery .list-post .item .item-inner:hover .item-img-bkg {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -ms-transform-origin: scale(1.2);
    -webkit-transform: scale(1.2);
}

.section.section-gallery .list-post .item .item-inner .item-img-bkg img {
    display: none;
}

.section.section-products .title-animation {
    right: 133px;
}

.section.section-gallery .list-post .owl-item {
    opacity: 0;
    transition: opacity 0.3s;
}

.section.section-gallery .list-post .owl-item.active {
    opacity: 1;
}

@media(max-width: 1279px) {
    .section.section-experiences .owl-carousel .owl-nav {
        left: 52px;
    }

    .section.section-products .title-animation {
        right: 50px;
    }
}

@media(min-width: 1200px) {

    /* .section.section-slider{
        padding-right: 89px;
        padding-left: 89px;
    } */
    .section.section-slider .container {
        max-width: 1197px;
        padding: 0;
    }
}

@media(max-width: 1199px) {
    .section .title-animation .title-big {
        font-size: 80px;
    }

    .section.section-experiences .post-list-slide {
        padding: 0 30px;
    }

    .section.section-experiences .post-list-content {
        width: 60%;
        padding: 50px 0 50px 40px;
    }
}

@media(max-width: 1024px) {
    .section .title-animation .title-big {
        font-size: 75px;
    }

    .section.section-about {
        margin-bottom: 80px;
    }

    .section.section-experiences .post-list-content {
        padding: 40px 0 40px 30px;
    }

    .section.section-experiences .post-list-slide {
        margin-top: 0;
    }

    .section.section-experiences .post-list {
        padding: 0 0 0 70px;
    }

    .section.section-gallery {
        margin-top: 110px;
    }

    #site-content.home-page {
        padding-bottom: 80px;
    }
}

@media(max-width: 991px) {
    .section.section-slider .slider {
        padding: 0 65px 0 65px;
    }

    .section.section-slider {
        padding-top: 40px;
        margin-bottom: 30px;
    }

    .section .owl-carousel .owl-dots {
        left: 44px;
    }

    .section.section-about {
        margin-bottom: 60px;
    }

    .section .title-animation .title-big {
        font-size: 65px;
    }

    .section .title-animation .title-big {
        line-height: 80px;
    }

    .section.section-about .detail-content {
        margin-top: -35px;
    }

    .section.section-products .product-list .item.item-1 .images {
        padding-left: 40px;
        padding-top: 30px;
    }

    .section.section-products .product-list .item.item-3 .images {
        padding-left: 50px;
        padding-top: 30px;
    }

    .section.section-products .product-list .item.item-2 .images {
        padding-right: 50px;
        padding-top: 30px;
    }

    .section.section-products .product-list .item.item-4 .images {
        padding-right: 50px;
        padding-top: 30px;
    }

    .section.section-experiences .post-list-slide {
        padding: 0;
    }

    .section.section-experiences .post-list-content {
        width: 50%;
    }

    .section.section-gallery {
        margin-top: 80px;
    }

    .section.section-experiences .post-list-slide .post-list-images {
        margin-left: 18px;
    }

    .section.section-experiences .owl-carousel .owl-nav {
        left: 0;
    }
}

@media(min-width: 768px) {
    .section.section-slider .owl-carousel .owl-nav {
        bottom: 0 !important;
    }

    .section.section-experiences .post-list .item .item-inner .item-detail,
    .section.section-slider .item .item-detail {
        height: auto !important;
    }

    .section.section-experiences .post-list-slide .item .item-inner .item-detail .sub-title br {
        display: none;
    }

    html[lang="zh-HK"] .section.section-slider .item .item-detail .title h2,
    html[lang="zh-CN"] .section.section-slider .item .item-detail .title h2 {
        font-size: 33px;
    }

    html[lang="zh-HK"] .section.section-slider .item .item-detail .sub-title,
    html[lang="zh-CN"] .section.section-slider .item .item-detail .sub-title {
        font-size: 17px;
    }

}

@media(max-width: 767px) {
    .section .owl-carousel .owl-nav button:after {
        display: block;
    }

    .section.section-slider .item .item-detail {
        max-width: 100%;
        transform: none;
        position: static;
    }

    .section.section-slider .item .item-detail .detail-content {
        padding-top: 70px;
        padding-bottom: 27px;
    }

    .section.section-slider .item .item-detail .sub-title {
        margin-bottom: 5px;
    }

    .section.section-slider .slider {
        padding: 0;
    }

    .section .owl-carousel .owl-dots {
        left: 10px;
        top: 10%;
        margin-top: 0;
    }

    .section.section-slider.full-screen-slider {
        height: auto;
    }

    .section.section-slider .item .images:before {
        display: none;
    }

    .section.section-slider .item .item-detail * {
        color: #000;
    }

    .section.section-slider .owl-carousel .owl-nav {
        bottom: auto;
        right: 0;
        top: 53.6%;
    }

    .section .owl-carousel .owl-nav button:after {
        width: 31px;
        height: 13px;
    }

    .section .owl-carousel .owl-nav button.owl-prev,
    .section .owl-carousel .owl-nav button.owl-next {
        width: 62px;
        height: 62px;
        background: transparent;
    }

    .section .owl-carousel .owl-nav:before {
        height: 34px;
        left: 62px;
        top: 15px;
        display: none;
    }

    .section .owl-carousel .owl-nav button.owl-prev:before {
        content: '';
        width: 1px;
        height: 34px;
        background-color: #8D8D8D;
        position: absolute;
        top: 50%;
        margin-top: -15px;
        z-index: 1;
        opacity: 25%;
        right: -1px;
    }

    .section.section-slider .container {
        padding: 0 0 0 12px;
    }

    .section.section-slider:before {
        width: 102px;
        height: 197px;
    }

    .section.section-slider .item .item-detail .sub-title {
        font-size: 14.04px;
        line-height: 18px;
        letter-spacing: 0.655px;
    }

    .section.section-slider .item .item-detail .title h2 {
        letter-spacing: 0.568px;
        margin: 0 0 4px;
    }

    .section.section-slider .item .item-detail {
        margin-left: 0;
        padding-right: 12px;
        padding-left: 0;
        margin-top: 0;
    }

    .section.section-slider .item .top-css {
        padding-left: 15px;
    }

    .section .title-animation .title-big {
        font-size: 37px;
        letter-spacing: 1.209px;
        line-height: 38px;
    }

    .section.section-products .product-list .item {
        width: 100%;
    }

    .section.section-products .title-animation {
        position: static;
        z-index: 1;
        margin-bottom: -15px;
    }

    .section.section-products .product-list .item.item-1 .images {
        padding-left: 30.5px;
    }

    .section.section-products .product-list .item.item-1 .images .image-color {
        width: 89.74%;
        height: 98.752%;
    }

    .section.section-products .product-list .item.item-1 .images .image {
        padding-bottom: 133.855%;
    }

    .section.section-products .product-list .item .name h3 {
        margin: 0;
        padding: 25px 0 2px;
    }

    .section.section-products .product-list .item.item-1 .item-detail {
        padding-left: 6px;
    }

    .section.section-about .detail-content {
        margin-top: -17px;
    }

    .section.section-gallery .owl-carousel .owl-nav {
        bottom: -30px;
        right: -15px;
    }

    .section.section-gallery .list-post {
        padding: 0;
        margin-left: 0;
    }

    #site-content.home-page {
        /* padding-top: 18px; */
        padding-top: 0;
    }

    .section.section-slider .item .item-detail .content p,
    .section.section-products .product-list .item .desc {
        font-size: 14.04px;
        line-height: 20px;
        letter-spacing: 0;
        margin: 0 0 27px;
    }

    .section.section-about .content {
        max-width: 100%;
        padding: 0 10px;
        margin-bottom: 20px;
    }

    .section.section-about {
        margin-bottom: 44px;
    }

    .section.section-products .product-list .item.item-1 .images {
        width: 83.335%;
        margin: 0 auto;
    }

    .section.section-about .title h2 {
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0.465px;
        margin: 0 0 27px;
    }

    .section.section-about .content p {
        font-size: 14.04px;
        line-height: 25px;
        letter-spacing: 0;
    }

    .section.section-products .product-list .item .name h3 {
        font-size: 19px;
        line-height: 25px;
        letter-spacing: 0.49px;
    }

    .section.section-gallery .title h2 {
        font-size: 21px;
        line-height: 27px;
        letter-spacing: 0.542px;
    }

    .section.section-slider {
        padding-top: 36px;
    }

    .section.section-slider .item .images {
        padding-bottom: 60.06%;
    }

    .section.section-slider .owl-carousel .owl-nav {
        top: 0;
        bottom: auto !important;
        padding-top: 58%;
    }

    .section.section-slider {
        margin-bottom: 31px;
    }

    .section.section-products .product-list .item.item-2,
    .section.section-products .product-list .item.item-3,
    .section.section-products .product-list .item.item-4 {
        margin-top: 0;
    }

    .section.section-products .product-list .item:not(:last-child) {
        margin-bottom: 50px;
    }

    .section.section-products .product-list .item.item-2 .item-inner {
        max-width: 92.401%;
        width: 100%;
        float: right;
    }

    .section.section-products .product-list .item.item-2 .images {
        padding-right: 29px;
    }

    .section.section-products .product-list .item.item-2 .images .image-color {
        width: 72.24%;
        height: 83.335%;
    }

    .section.section-products .product-list .item.item-2 .name h3 {
        margin: 0;
        padding: 23px 0 1px;
    }

    .section.section-products .product-list .item.item-2 .item-detail {
        padding-left: 3px;
        margin-left: -7.599%;
    }

    .section.section-products .product-list .item.item-3 .item-inner {
        margin-top: 3px;
    }

    .section.section-products .product-list .item.item-3 .images {
        width: 100%;
    }

    .section.section-products .product-list .item.item-3 .item-inner {
        float: right;
        max-width: 91.885%;
    }

    .section.section-products .product-list .item.item-3 .images {
        padding-left: 32px;
        padding-top: 27px;
    }

    .section.section-products .product-list .item.item-3 .images .image-color {
        width: 62.78%;
        height: 84.74%;
    }

    .section.section-products .product-list .item.item-3 .name h3 {
        margin: 0;
        padding: 23px 0 1px;
    }

    .section.section-products .product-list .item.item-3 .item-detail {
        margin-left: -8.115%;
        padding-left: 4px;
    }

    .section.section-products .product-list .item.item-4 {
        margin-top: 3px;
    }

    .section.section-products .product-list .item.item-4 .item-inner {
        max-width: 83.19%;
    }

    .section.section-products .product-list .item.item-4 .images .image-color {
        width: 89.9%;
        height: 84.82%;
    }

    .section.section-products .product-list .item.item-4 .images {
        padding-right: 29px;
        padding-top: 38px;
    }

    .section.section-products .product-list .item.item-4 .images .image {
        padding-bottom: 133.335%;
    }

    .section.section-products .product-list .item.item-4 .item-detail {
        margin-left: -17.81%;
    }

    .section.section-products .product-list .item.item-4 .name h3 {
        margin: 0;
        padding: 23px 0 1px;
    }

    .section.section-products .link-page a {
        margin-top: 13px;
        margin-left: -8px;
    }

    .section.section-products {
        margin-bottom: 62px;
    }

    .section.section-gallery {
        margin-top: 51px;
    }

    .section.section-experiences {
        margin-bottom: 51px;
    }

    .section.section-gallery .title h2 {
        margin: 0 0 16px;
    }

    .section.section-gallery .sub-title p {
        line-height: 20px;
        font-size: 14.04px;
    }

    .section.section-gallery .sub-title {
        padding: 0 15px;
    }

    .section.section-gallery .list-post {
        margin-top: 32px;
    }

    .section.section-gallery .link-page {
        margin-top: 48px;
    }

    #site-content.home-page {
        padding-bottom: 58px;
    }

    .section.section-slider .item .item-detail .content p {
        margin: 0;
    }

    .section.section-experiences .post-list-slide .post-list-images {
        margin-top: -88px;
        margin-bottom: 0;
    }

    .section.section-experiences .post-list-slide .item .item-inner .image .bgk-image {
        padding-bottom: 102.4%;
    }

    .section.section-experiences .post-list-slide .item .item-inner .item-detail {
        padding: 0 15px 0 15px;
    }

    .section.section-experiences .post-list-slide .item .item-inner .item-detail .detail-content {
        margin-top: 48px;
        margin-bottom: 42px;
    }

    .section.section-experiences .post-list-slide .item .item-inner .item-detail .link-page {
        margin-left: 0;
        margin-top: 92px;
    }

    .section.section-experiences .owl-carousel .owl-nav {
        /* top: 40.3%; */
        top: auto;
        bottom: 0;
    }

    .section.section-experiences .post-list-slide .item .item-inner .item-detail .title h3 {
        letter-spacing: 0.542px;
        margin: 0 0 6px 0;
    }

    .section.section-experiences .post-list-slide .item .item-inner .item-detail .sub-title {
        line-height: 25px;
        margin: 0;
    }

    .section.section-experiences .post-list-slide .item .item-inner .image .bgk-image {
        max-width: 76.8%;
        margin: 0 auto;
    }

    .section.section-experiences .post-list-slide .post-list-images,
    .section.section-experiences .post-list-slide .post-list-content {
        width: 100%;
    }

    .section.section-experiences .post-list-slide {
        padding: 0;
    }

    .section.section-experiences .post-list-slide {
        margin-top: 70px;
    }

    .section.section-experiences .post-list-slide .item .item-inner .item-detail .content {
        display: none;
    }

    .section.section-experiences .post-list-slide .container {
        padding: 0;
        display: block;
    }

    .section.section-experiences .post-list-slide .post-list-images {
        margin-left: auto;
        margin-bottom: 0;
    }

    .section.section-experiences .post-list-content {
        padding: 0;
    }
}

@media(max-width: 768px) {
    .section .owl-carousel .owl-nav button:after {
        display: block;
    }
}


/*------------------- Section Video ------------------------*/
.home-page .section.section-video {
    margin-bottom: 106px;
}

.home-page .section.section-video .container {
    max-width: 1145px;
}

.home-page .section.section-video .video iframe {
    max-height: 541px;
}

@media (max-width: 767px) {
    .home-page .section.section-video {
        margin-bottom: 39px;
    }

    .home-page .section.section-video .video iframe {
        max-height: 196px;
    }
}

/* ===================================================
   Full Screen Banner (.full-screen-slider)
   =================================================== */

/* Override section height to fill viewport minus fixed header */
/* ===================================================
   Full Screen Banner (.full-screen-slider)
   =================================================== */

.section.section-slider.full-screen-slider {
    padding-top: 0;
    overflow: hidden;
    margin-bottom: 0;
}

/* Fixed heights per media type */
.section.section-slider.full-screen-slider {
    height: 640px;
}

.section.section-slider.full-screen-slider.banner-type-video {
    /* height: 810px; */
}

/* Disable old decorative :before pseudo-elements */
.section.section-slider.full-screen-slider::before,
.section.section-slider.full-screen-slider .container::before {
    display: none !important;
}

/* Stretch owl carousel chain — owl-stage-outer needs !important
   because Owl Carousel JS sets an inline height that overrides CSS */
.section.section-slider.full-screen-slider .slider,
.section.section-slider.full-screen-slider .owl-carousel {
    height: 100%;
}

.section.section-slider.full-screen-slider .owl-stage-outer {
    height: 100% !important;
}

.section.section-slider.full-screen-slider .owl-stage,
.section.section-slider.full-screen-slider .owl-item,
.section.section-slider.full-screen-slider .item {
    height: 100%;
}

/* Remove default inner padding on slider */
.section.section-slider.full-screen-slider .slider {
    padding: 0 !important;
}

/* Item: stacking context for absolute children */
.section.section-slider.full-screen-slider .item {
    position: relative;
    overflow: hidden;
    width: 100%;
}

/* ---- Banner media (image & video) ---- */
.section.section-slider.full-screen-slider .banner-media {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

.section.section-slider.full-screen-slider .banner-media.banner-image {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.section.section-slider.full-screen-slider .banner-media.banner-image img {
    display: none;
}

.section.section-slider.full-screen-slider .banner-media.banner-video {
    pointer-events: auto;
}

.section.section-slider.full-screen-slider .banner-media.banner-video iframe {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100%;
    object-fit: contain;
    object-position: center;
    pointer-events: auto;
    border: 0;
}

/* HTML5 <video> — fit by height (contain) so the 16:9 clip (1137x640 at
   full banner height) never gets cropped, letterboxing left/right instead */
.section.section-slider.full-screen-slider .banner-media.banner-video-upload video {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100%;
    object-fit: contain;
    object-position: center;
    pointer-events: auto;
}

/* Dark overlay for text readability — z-index 1 */
.section.section-slider.full-screen-slider .item::after {
    content: '';
    position: absolute;
    inset: 0;
    /* background: rgba(0, 0, 0, 0.28); */
    z-index: 1;
    pointer-events: none;
}

/* ---- Item detail (text overlay) — z-index 2 ---- */
.section.section-slider.full-screen-slider .item .item-detail {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    /* Reset conflicting values from original .section-slider rule */
    margin-top: 0 !important;
    transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    /* max-width: 600px; */
    max-width: 1280px;
    /* width: 85%; */
    width: 100%;
    /* text-align: center; */
    text-align: left;
    padding: 0 89px;
}

.section.section-slider.full-screen-slider .item .item-detail * {
    color: #7499AF;
    max-width: 300px;
    width: 100%;
    text-align: center;
}

/* ---- Owl nav & dots — z-index 3 (above overlay) ---- */
.section.section-slider.full-screen-slider .owl-carousel .owl-nav {
    position: absolute;
    z-index: 3;
    bottom: 28px;
    right: 28px;
}

@media (min-width: 1441px) {
    .section.section-slider.full-screen-slider.banner-type-video {
        /* height: auto; */
        /* aspect-ratio: 16 / 9; */
    }

}

@media(min-width: 1366px) {
    .section.section-slider.full-screen-slider .owl-carousel .owl-nav {
        right: calc((100% - 1280px) / 2);
    }

    .section.section-slider.full-screen-slider .owl-carousel .owl-dots {
        left: calc((100% - 1200px) / 2);
    }
}

.section.section-slider.full-screen-slider .owl-carousel .owl-dots {
    z-index: 3;
    /* inherits: position absolute, left 48px, top 50%, flex-direction column from global rule */
}

@media (max-width: 767px) {

    /* Section wrapper: height auto on mobile */
    .section.section-slider.full-screen-slider {
        height: auto !important;
    }

    /* Item: switch to flex column so .item-detail flows below .banner-media */
    .section.section-slider.full-screen-slider .item {
        display: flex;
        flex-direction: column;
        height: auto !important;
        overflow: visible;
    }

    /* Banner media: escape absolute, give it a fixed aspect-ratio height */
    .section.section-slider.full-screen-slider .banner-media {
        position: relative;
        inset: auto;
        width: 100%;
        height: 56vw;
        /* ~16:9 */
        flex-shrink: 0;
    }

    /* Disable the dark overlay pseudo-element (no longer needed as overlay) */
    .section.section-slider.full-screen-slider .item::after {
        display: none;
    }

    /* Item-detail: exit absolute positioning, sit below the media */
    .section.section-slider.full-screen-slider .item .item-detail {
        position: relative;
        top: auto !important;
        bottom: auto;
        left: auto;
        transform: none !important;
        -webkit-transform: none !important;
        max-width: 100%;
        width: 100%;
        padding: 20px 20px;
    }

    /* Override desktop max-width: 300px — full width on mobile */
    .section.section-slider.full-screen-slider .item .item-detail * {
        max-width: 100%;
        width: 100%;
    }

    /* Owl stage & owl-item height reset for mobile */
    .section.section-slider.full-screen-slider .owl-stage,
    .section.section-slider.full-screen-slider .owl-item {
        height: auto !important;
    }
}

/* ===== End Full Screen Banner ===== */