@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
    --white: #FFFFFF;
    --black: #25282b;
    --red: #F9313D;
    --green: #8AC43F;
    --yellow: #FFD600;
    --light: #e5e5e5;
    --blue: #242C8A;
    --purple: #6f42c1;
    --pink: #fb4e4e;
    --teal: #20c997;
    --orange: #F99A07;
    --cyan: #00c2ff;
    --gray: #898989;

    --font: 'Helvetica', sans-serif;
}

/* Background */
.bg-white {
    background-color: var(--white);
}

.bg-light {
    background-color: var(--light);
}

.bg-gray {
    background-color: var(--gray);
}

/* End Background */
@font-face {
    font-family: "Helvetica";
    src: url("../font/Helvetica.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Helvetica Bold";
    src: url("../font/Helvetica-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Helvetica Bold Oblique";
    src: url("../font/Helvetica-BoldOblique.ttf") format("truetype");
    font-weight: bold;
    font-style: oblique;
}

@font-face {
    font-family: "Helvetica Compressed";
    src: url("../font/helvetica-compressed-5871d14b6903a.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Helvetica Light";
    src: url("../font/helvetica-light-587ebe5a59211.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Helvetica Oblique";
    src: url("../font/Helvetica-Oblique.ttf") format("truetype");
    font-weight: normal;
    font-style: oblique;
}

@font-face {
    font-family: "Helvetica Rounded Bold";
    src: url("../font/helvetica-rounded-bold-5871d05ead8de.otf") format("opentype");
    font-weight: bold;
    font-style: normal;
}



html,
body {
    overflow-x: hidden;

}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font);
    font-size: 15px;
    font-weight: 400;
    color: var(--color-text);
    background-color: var(--white);
}

a:hover {
    text-decoration: none;
}

.swiper-container {
    overflow: hidden;
}

.text-red {
    color: var(--red);
}

.text-main {
    color: var(--color-main);
}

table {
    max-width: 100% !important;
}

.rotate-90 {
    transform: rotate(90deg);
}

/* Margin */
.mt-0 {
    margin-top: 0px;
}

.mb-0 {
    margin-bottom: 0px;
}

.mt-5 {
    margin-top: 5px;
}

.mb-5 {
    margin-bottom: 5px;
}

.mt-10 {
    margin-top: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mt-45 {
    margin-top: 45px;
}

.mb-45 {
    margin-bottom: 45px;
}

.mt-60 {
    margin-top: 60px;
}

.mb-60 {
    margin-bottom: 60px;
}

/* End Margin */

/* Padding */
.pt-0 {
    padding-top: 0px;
}

.pb-0 {
    padding-bottom: 0px;
}

.pt-5 {
    padding-top: 5px;
}

.pb-5 {
    padding-bottom: 5px;
}

.pt-10 {
    padding-top: 10px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pt-25 {
    padding-top: 25px;
}

.pb-25 {
    padding-bottom: 25px;
}

.pt-30 {
    padding-top: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pt-45 {
    padding-top: 45px;
}

.pb-45 {
    padding-bottom: 45px;
}

.pt-60 {
    padding-top: 60px;
}

.pb-60 {
    padding-bottom: 60px;
}

/* End Padding */

/* Scrollbar */
.scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    background-color: var(--light);
}

.scrollbar::-webkit-scrollbar {
    width: 4px;
    background-color: var(--light);
}

.scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--color-main);
}

/* End Scrollbar */

/* Custom Bootstrap */
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    padding-right: 10px;
    padding-left: 10px;
}

.row {
    margin-right: -10px;
    margin-left: -10px;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    padding-right: 10px;
    padding-left: 10px;
}

@media (max-width: 767px) {

    .row {
        margin-right: -5px;
        margin-left: -5px;
    }

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-auto {
        padding-right: 5px;
        padding-left: 5px;
    }
}

b,
strong {
    font-weight: 600;
}

.form-control:focus {
    box-shadow: none;
}

/* End Custom Bootstrap */

/* Responsive Hidden */
.desktop-hidden {
    display: none;
}

@media (max-width: 575.98px) {
    .mobi-hidden {
        display: none;
    }

    .desktop-hidden {
        display: block;
    }
}

/* End Responsive Hidden */

/* section-padding */
.section-padding-top {
    padding-top: 45px;
}

.section-padding-bottom {
    padding-bottom: 45px;
}

/* End section-padding */

/* Custom Swiper */
.swiper-pagination-bullet {
    border: 2px solid var(--color-main);
    background: transparent;
    width: 10px;
    height: 10px;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: var(--color-main);
}

/* End Custom Swiper */

/* Header */
.header {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
}

.header-fixed {
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 30px;
}

.header .inner-topbar {
    padding: 5px 0;
    background-color: #FFFFFF;
}
.header .inner-topbar .logo{
    width: 181px;
    height: 81px;
}
.header .inner-topbar .image-about{
    width: 300px;
    height: 40px;
}
.header-fixed .inner-topbar {
    background-color: transparent;
}

.header .inner-topbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

.header .inner-topbar .topbar-phone {
    display: flex;
    align-items: center;
}

.header .inner-topbar .topbar-phone a {
    font-size: 14px;
    font-weight: 400;
    color: #817E7E;
    margin-left: 12px;
}

.header .inner-topbar .topbar-phone p {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-main);
    margin-bottom: 0px;
}


.header .inner-main {
    background-color: var(--color-main);
}

.header-fixed .inner-main {
    background-color: transparent;
}

.header .inner-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--color-main);
    border-radius: 10px;
    padding: 10px 20px;
}

.header-fixed .inner-wrap {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
}

.header .inner-logo {
    border-right: 1px solid #11AC5F;
    padding-right: 15px;
    margin-right: 15px;
}

.header .inner-logo img {
    height: 56px;
    width: auto;
}

.header .inner-logo .inner-mobile {
    display: none;
}

.header .inner-menu > ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0;
}

.header .inner-menu > ul > li {
    margin: 5px 10px;
}

.header .inner-menu > ul > li > a {
    color: #FFFFFF;
}


.header .inner-menu > ul > li > i {
    color: var(--color-main);
}


.header .inner-menu > ul > li > ul {
    display: none;
    position: absolute;
    z-index: 99;
    background: #fff;
    min-width: 200px;
    border-radius: 10px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
    list-style: none;
    padding: 0;
    margin: 0;
}

.header .inner-menu > ul > li > ul a {
    display: block;
    padding: 8px 10px;
    color: var(--color-main);
    border-bottom: 1px solid #ececec;
}

.header .inner-menu > ul > li > ul a:hover {
    color: var(--color-highlight);
}

.header .inner-menu > ul > li:hover > a ~ ul {
    display: block;
}

.header .inner-actions {
    border-left: 1px solid #11AC5F;
    padding-left: 15px;
    margin-left: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header .inner-actions .inner-icon {
    padding: 5px 0 5px 15px;
    line-height: 1;
    cursor: pointer;
}

.header .inner-actions .inner-icon a {
    color: var(--color-main);
    font-size: 20px;
}

.header .inner-actions .inner-icon a:hover {
    color: var(--color-highlight);
}

.header .inner-actions .inner-icon .inner-cart {
    color: var(--color-highlight);
}

.header .inner-overlay {
    display: none;
}

@media (max-width: 1199.98px) {
    .header .inner-topbar ul li {
        font-size: 12px;
    }

    .header .inner-wrap {
        padding: 10px 15px;
    }

    .header .inner-logo {
        padding-right: 10px;
        margin-right: 10px;
    }

    .header .inner-logo img {
        height: 40px;
    }

    .header .inner-menu {
        font-size: 13px;
    }

    .header .inner-menu > ul > li {
        margin: 5px 8px;
    }

    .header .inner-actions {
        padding-left: 10px;
        margin-left: 10px;
    }

    .header .inner-actions .inner-icon a {
        font-size: 18px;
    }
}

@media (max-width: 991.98px) {
    .header .inner-topbar {
        display: none;
    }

    .header-fixed {
        position: static;
    }

    .header,
    .header-fixed {
        background: var(--color-main);
        padding: 0;
    }



    .header .inner-wrap {
        background: transparent;
        box-shadow: none;
        padding: 10px 0;
    }

    .header .inner-logo {
        padding-right: 0;
        margin-right: 0;
        border-right: 0;
    }

    .header .inner-logo .inner-desktop {
        display: none;
    }

    .header .inner-logo .inner-mobile {
        display: block;
    }

    .header .inner-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 280px;
        height: 100vh;
        background: #fff;
        z-index: 9999;
        -webkit-transition: all 0.8s ease-in-out;
        transition: all 0.8s ease-in-out;
        -webkit-transform: translate3d(-280px, 0, 0);
        -moz-transform: translate3d(-280px, 0, 0);
        -ms-transform: translate3d(-280px, 0, 0);
        -o-transform: translate3d(-280px, 0, 0);
        transform: translate3d(-280px, 0, 0);
        -webkit-transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.51, 0.82);
        transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.51, 0.82);
        overflow-y: auto;
    }

    .header .inner-menu.show {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .header .inner-menu > ul {
        display: block;
    }

    .header .inner-menu > ul > li {
        margin: 0;
        position: relative;
    }

    .header .inner-menu > ul > li > a {
        display: block;
        padding: 10px 40px 10px 10px;
        border-bottom: 1px solid #ddd;
    }


    .header .inner-menu > ul > li > i {
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        border-left: 1px solid #ddd;
        font-size: 18px;
    }

    .header .inner-menu > ul > li > ul {
        position: relative;
        box-shadow: none;
    }

    .header .inner-menu > ul > li > ul a {
        padding: 10px 20px;
    }

    .header .inner-actions {
        border-left: 0;
        padding-left: 0;
        margin-left: 0;
    }

    .header .inner-actions .inner-icon a {
        color: #fff;
    }

    .header .inner-actions .inner-icon-search {
        display: none;
    }

    .header .inner-overlay {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        background: #00000082;
        z-index: 999;
    }

    .header .inner-overlay.show {
        display: block;
    }

    .header .inner-overlay button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 10px;
        right: 10px;
        border: 0;
        background: #0000006e;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        font-size: 14px;
        color: #fff;
    }
}

/* End Header */

/* Banner Hero */
.banner-hero {
    position: relative;
}

.banner-hero .swiper-slide .inner-item {
    position: relative;
    height: 100vh;
}

.banner-hero .swiper-slide .inner-item .inner-image {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.banner-hero .inner-item .inner-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.banner-hero .inner-item .inner-image-text {
    max-height: 50vh;
}

.banner-hero .inner-seach {
    position: absolute;
    left: 0;
    bottom: 60px;
    z-index: 99;
    width: 100%;
}

.banner-hero .inner-bg-footer {
    background-image: url(../images/core/bg-slider.svg);
    position: absolute;
    width: 100%;
    height: 40px;
    z-index: 1;
    left: 0;
    bottom: -5px;
    background-size: cover;
}

.banner-hero .inner-arrow-wrap {
    max-width: 86%;
    margin: 0 auto;
    position: relative;
    margin-bottom: 5px;
}

.banner-hero .inner-arrow {
    background: #ffffff80;
    width: 180px;
    border-radius: 45px;
    position: relative;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.banner-hero .swiper-button-next,
.banner-hero .swiper-button-prev {
    border: 2px solid var(--color-main);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: static;
    margin-top: 0;
}

.banner-hero .swiper-button-next:hover,
.banner-hero .swiper-button-prev:hover {
    background: var(--color-highlight);
}

.banner-hero .swiper-button-next:after,
.banner-hero .swiper-button-prev:after {
    font-size: 20px;
    font-weight: 600;
    color: var(--color-main);
}

.banner-hero .swiper-button-prev {
    order: 0;
}

.banner-hero .inner-arrow-line {
    height: 1px;
    flex: 1;
    order: 1;
    margin: 0 5px;
    background: var(--color-main);
}

.banner-hero .swiper-button-next {
    order: 2;
}

.banner-hero .inner-pagination-line {
    position: absolute;
    bottom: 80px;
    left: 3.5%;
    width: 2px;
    background: #125536;
    height: 100vh;
}

.banner-hero .inner-pagination-line-border {
    position: absolute;
    bottom: 50px;
    left: 3.5%;
    width: 7%;
    background-image: url(../images/core/line-border.svg);
    height: 100px;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.banner-hero .swiper-pagination {
    display: flex;
    flex-direction: column;
    left: calc(3.5% - 15px);
    bottom: 80px;
    width: 30px;
    height: 60vh;
    align-items: center;
    justify-content: space-around;
}

.banner-hero .swiper-pagination-bullet {
    background: #125536;
    opacity: 1;
    width: 8px;
    height: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #125536;
    font-size: 0px;
}

.banner-hero .swiper-pagination-bullet-active {
    width: 20px;
    height: 20px;
    color: #fff;
    font-size: 14px;
}

@media (max-width: 1199.98px) {
    .banner-hero .inner-arrow {
        padding: 5px;
    }

    .banner-hero .swiper-button-next,
    .banner-hero .swiper-button-prev {
        width: 36px;
        height: 36px;
    }

    .banner-hero .inner-item .inner-image-text {
        max-height: 40vh;
        max-width: 80%;
    }
}

@media (max-width: 991.98px) {
    .banner-hero .inner-pagination-line {
        height: 80vh;
    }

    .banner-hero .swiper-slide .inner-item {
        height: calc(100vh - 60px);
    }

    .banner-hero .inner-item .inner-content {
        max-height: 50%;
    }
}

@media (max-width: 767.98px) {
    .banner-hero .inner-item .inner-image-text {
        max-height: 35vh;
    }
}

@media (max-width: 575.98px) {
    .banner-hero .inner-item .inner-content {
        max-height: 40%;
    }

    .banner-hero .inner-seach {
        position: relative;
        bottom: 50vh;
        margin-bottom: -50vh;
    }

    .banner-hero .inner-pagination {
        position: relative;
    }

    .banner-hero .inner-pagination-line-border {
        display: none;
    }

    .banner-hero .inner-pagination-line {
        position: relative;
        width: calc(100% + 30px);
        left: -15px;
        bottom: 30px;
        height: 2px;
        background: #fff;
    }

    .banner-hero .swiper-pagination {
        flex-direction: row;
        width: 90%;
        left: 5%;
        height: 20px;
        bottom: 20px;
    }

    .banner-hero .swiper-pagination-bullet {
        background: #fff;
        color: #fff;
        border-color: #fff;
    }

    .banner-hero .swiper-pagination-bullet-active {
        color: var(--color-main);
    }

    .banner-hero .inner-bg-footer {
        display: none;
    }
}

/* End Banner Hero */

/* search-form */
.search-form {
    background: #125536cc;
    border-radius: 10px;
    padding: 15px 20px;
    max-width: 86%;
    margin: 0 auto;
}

.search-form .inner-wrap {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}

.search-form .form-group {
    padding-right: 10px;
    padding-left: 10px;
}

.search-form .form-group:nth-child(1) {
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
}

.search-form .form-group:nth-child(2) {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.search-form .form-group:nth-child(3) {
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%;
}

.search-form .form-group:nth-child(4) {
    -ms-flex: 0 0 8%;
    flex: 0 0 8%;
    max-width: 8%;
}

.search-form .form-group > label {
    color: #fff;
    font-size: 14px;
}

.search-form .form-control {
    min-height: 40px;
    border-radius: 5px;
    font-size: 14px;
}



.search-form .inner-submit > span {
    display: none;
}

@media (max-width: 1199.98px) {
    .search-form .form-group:nth-child(1) {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }

    .search-form .form-group:nth-child(3) {
        -ms-flex: 0 0 37%;
        flex: 0 0 37%;
        max-width: 37%;
    }
}

@media (max-width: 991.98px) {
    .search-form .form-group:nth-child(1) {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .search-form .form-group:nth-child(2) {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .search-form .form-group:nth-child(3) {
        -ms-flex: 0 0 88%;
        flex: 0 0 88%;
        max-width: 88%;
    }

    .search-form .form-group:nth-child(4) {
        -ms-flex: 0 0 12%;
        flex: 0 0 12%;
        max-width: 12%;
    }
}

@media (max-width: 575.98px) {
    .search-form {
        max-width: 90%;
    }

    .search-form .form-group:nth-child(1),
    .search-form .form-group:nth-child(2),
    .search-form .form-group:nth-child(3),
    .search-form .form-group:nth-child(4) {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }



    .search-form .inner-submit > span {
        display: inline;
        font-size: 16px;
        margin-right: 10px;
        font-weight: 500;
    }
}

/* End search-form */

/* select-amount */
.select-amount {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.select-amount .inner-item {
    width: calc(50% - 5px);
    display: flex;
    background: #fff;
    border-radius: 5px;
    padding: 5px;
    align-items: center;
    height: 40px;
}

.select-amount .inner-item label {
    white-space: nowrap;
    font-size: 12px;
    margin-bottom: 0;
    line-height: 1;
}

.select-amount .inner-item .inner-number {
    position: relative;
    flex: 1;
}

.select-amount .inner-item input {
    width: 40px;
    border: 0;
    text-align: center;
    outline: none;
    font-size: 14px;
}

.select-amount .inner-item input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.select-amount .inner-item button {
    background: #fff;
    border: 0;
    color: var(--color-main);
    height: 12px;
    width: 30px;
    line-height: 1;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.select-amount .inner-item button:hover {
    color: var(--color-highlight);
}

.select-amount .inner-item .btn-sub {
    position: absolute;
    bottom: 0;
    right: 0;
}

.select-amount .inner-item .btn-add {
    position: absolute;
    top: 0;
    right: 0;
}


@media (max-width: 420px) {
    .select-amount .inner-item {
        width: 100%;
        margin-bottom: 5px;
    }
}

/* End select-amount */

/* section-promotion */
.section-promotion .inner-item {
    width: 100%;
    aspect-ratio: 348/200;
    border-radius: 10px;
    overflow: hidden;
}

.section-promotion .inner-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 575.98px) {
    .section-promotion .swiper-slide {
        width: 80%;
    }
}

/* End section-promotion */

/* pagination-bottom */
.pagination-bottom {
    padding-bottom: 40px;
}

.pagination-bottom.swiper-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
}

/* End pagination-bottom */

/* box-head */
.box-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.box-head .inner-title {
    margin-bottom: 0;
    font-size: 30px;
    font-weight: 700;
    color: var(--color-main);
}

.box-head-red .inner-title {
    color: var(--red);
}

@media (max-width: 1199.98px) {
    .box-head .inner-title {
        font-size: 24px;
    }
}

@media (max-width: 767.98px) {
    .box-head .inner-title {
        font-size: 20px;
    }
}

@media (max-width: 575.98px) {
    .box-head .inner-title {
        font-size: 18px;
    }
}

/* End box-head */

/* box-counter */
.box-counter {
    display: flex;
    align-items: center;
}

.box-counter .inner-number {
    width: 32px;
    height: 32px;
    border-radius: 5px;
    font-size: 18px;
    background: var(--color-highlight);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.box-counter .inner-dot {
    display: inline-block;
    padding: 0 5px;
    color: var(--color-highlight);
    font-size: 18px;
}

/* End box-counter */

/* box-head-2 */
.box-head-2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.box-head-2 .inner-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.box-head-2 .inner-title {
    margin-bottom: 0;
    font-size: 28px;
    font-weight: 600;
    color: var(--color-highlight);
}

.box-head-2 .inner-counter {
    margin-left: 20px;
}

@media (max-width: 1199.98px) {
    .box-head-2 .inner-title {
        font-size: 24px;
    }
}

@media (max-width: 767.98px) {
    .box-head-2 .inner-title {
        font-size: 20px;
    }

    .box-counter .inner-number {
        width: 24px;
        height: 24px;
        font-size: 14px;
    }
}

@media (max-width: 575.98px) {
    .box-head-2 .inner-title {
        font-size: 18px;
    }
}

/* End box-head-2 */

/* button */
.button-view-more {
    display: inline-flex;
    align-items: center;
    color: var(--color-main);
    cursor: pointer;
    text-align: center;
}

.button-view-more > i {
    margin-left: 5px;
}

.button-outline-green {
    display: inline-flex;
    align-items: center;
    color: var(--color-main);
    border: 1px solid var(--color-main);
    padding: 5px 12px;
    border-radius: 5px;
    font-size: 15px;
    cursor: pointer;
    text-align: center;
}

.button-outline-green:hover {
    background: var(--color-main);
    color: #fff;
}

.button-outline-blue {
    display: inline-flex;
    align-items: center;
    color: var(--blue);
    border: 1px solid var(--blue);
    padding: 5px 12px;
    border-radius: 5px;
    font-size: 15px;
    cursor: pointer;
    text-align: center;
}

.button-outline-blue:hover {
    background: var(--blue);
    color: #fff;
}

.button-outline-blue i {
    margin-right: 5px;
}

.button-green {
    display: inline-flex;
    align-items: center;
    color: #fff;
    background: var(--color-main);
    border: 1px solid var(--color-main);
    padding: 5px 12px;
    border-radius: 5px;
    font-size: 15px;
    cursor: pointer;
    text-align: center;
}

.button-green:hover {
    color: #fff;
    background: var(--color-highlight);
    border: 1px solid var(--color-highlight);
}

.button-blue {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: 1px solid var(--blue);
    background: var(--blue);
    padding: 5px 12px;
    border-radius: 5px;
    font-size: 15px;
    cursor: pointer;
    text-align: center;
}

.button-blue:hover {
    background: var(--blue);
    color: #fff;
}

.button-red {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: 1px solid var(--red);
    background: var(--red);
    padding: 5px 12px;
    border-radius: 5px;
    font-size: 15px;
    cursor: pointer;
    text-align: center;
}

.button-red:hover {
    background: var(--red);
    color: #fff;
}

@media (max-width: 575.98px) {
    .button-view-more {
        font-size: 13px;
    }
}

/* End button */

/* product-item */
.product-item {
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    overflow: hidden;
}

.product-item .inner-head {
    position: relative;
}

.product-item .inner-image {
    position: relative;
    width: 100%;
    aspect-ratio: 469/285;
}

.product-item .inner-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-item .inner-discount {
    position: absolute;
    top: 0;
    left: 0;
    background: var(--red);
    color: #fff;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 10px 0;
}

.product-item .inner-discount i {
    margin-right: 5px;
}

.product-item .inner-favourite {
    display: inline-flex;
    align-items: center;
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: #fff;
    font-size: 12px;
    text-shadow: 1px 1px 3px #000;
}

.product-item .inner-favourite i {
    font-size: 18px;
    margin-right: 5px;
}

.product-item .inner-favourite.active i {
    font-weight: 900;
    color: var(--color-highlight);
}

.product-item .inner-favourite i:hover {
    cursor: pointer;
    color: var(--color-highlight);
}

.product-item .inner-bookmark {
    display: inline-flex;
    align-items: center;
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #fff;
    font-size: 18px;
}

.product-item .inner-bookmark.active i {
    font-weight: 900;
    color: var(--color-highlight);
}

.product-item .inner-bookmark:hover {
    cursor: pointer;
    color: var(--color-highlight);
}

.product-item .inner-content {
    padding: 10px;
    height: 169px;
}

.product-item .inner-title {
    font-size: 14px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.product-item .inner-title a {
    color: var(--color-text);
}

.product-item .inner-title a:hover {
    color: var(--color-highlight);
}

.product-item .inner-price {
    display: flex;
    align-items: flex-end;
    margin-bottom: 10px;
}

.product-item .inner-price-old {
    color: #9EA0A3;
    font-size: 14px;
    text-decoration: line-through;
}

.product-item .inner-price-new {
    color: var(--red);
    font-size: 15px;
    font-weight: 600;
    margin-left: 15px;
}

.product-item .inner-code {
    font-size: 12px;
    margin-bottom: 10px;
}

.product-item .inner-meta-one {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.product-item .inner-rating {
    display: flex;
    align-items: center;
}

.product-item .inner-stars {
    display: flex;
    align-items: center;
    font-size: 11px;
}

.product-item .inner-stars i {
    color: var(--yellow);
    margin-right: 3px;
}

.product-item .inner-rating .inner-text {
    font-size: 11px;
    margin-left: 5px;
}

.product-item .inner-stock {
    display: inline-flex;
    align-items: center;
    font-size: 11px;
}

.product-item .inner-stock span {
    width: 20px;
    height: 20px;
    font-size: 11px;
    color: #fff;
    background: var(--color-highlight);
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
}

.product-item .inner-meta-two {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-item .button-outline-green {
    font-size: 11px;
}

.product-item .button-outline-blue {
    font-size: 11px;
}

@media (max-width: 575.98px) {
    .product-mobile .swiper-slide {
        width: 80%;
    }
}

/* End product-item */

/* banner-full */
.banner-full img {
    width: 100%;
    height: auto;
}

/* End banner-full */

/* location-highlight */
.location-highlight .inner-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}

.location-highlight .inner-item {
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
}

.location-highlight .inner-item:nth-child(1) {
    -ms-flex: 0 0 32.5%;
    flex: 0 0 32.5%;
    max-width: 32.5%;
}

.location-highlight .inner-item:nth-child(2) {
    -ms-flex: 0 0 40.6%;
    flex: 0 0 40.6%;
    max-width: 40.6%;
}

.location-highlight .inner-item:nth-child(3) {
    -ms-flex: 0 0 24.5%;
    flex: 0 0 24.5%;
    max-width: 24.5%;
}

.location-highlight .inner-item:nth-child(4) {
    -ms-flex: 0 0 24.5%;
    flex: 0 0 24.5%;
    max-width: 24.5%;
}

.location-highlight .inner-item:nth-child(5) {
    -ms-flex: 0 0 32.5%;
    flex: 0 0 32.5%;
    max-width: 32.5%;
}

.location-highlight .inner-item:nth-child(6) {
    -ms-flex: 0 0 40.6%;
    flex: 0 0 40.6%;
    max-width: 40.6%;
}

.location-highlight .inner-box {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.location-highlight .inner-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.location-highlight .inner-box .inner-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
    padding: 15px;
}

.location-highlight .inner-box .inner-title {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0;
}

.location-highlight .inner-box:hover .inner-title {
    color: var(--color-highlight);
}

@media (max-width: 1199.98px) {
    .location-highlight .inner-box .inner-title {
        font-size: 20px;
    }
}

@media (max-width: 991.98px) {
    .location-highlight .inner-box .inner-title {
        font-size: 16px;
    }
}

@media (max-width: 767.98px) {
    .location-highlight .inner-item:nth-child(1) {
        -ms-flex: 0 0 56%;
        flex: 0 0 56%;
        max-width: 56%;
        aspect-ratio: 192/130;
    }

    .location-highlight .inner-item:nth-child(2) {
        -ms-flex: 0 0 41.7%;
        flex: 0 0 41.7%;
        max-width: 41.7%;
        aspect-ratio: 143/130;
    }

    .location-highlight .inner-item:nth-child(3) {
        -ms-flex: 0 0 41.7%;
        flex: 0 0 41.7%;
        max-width: 41.7%;
        aspect-ratio: 143/130;
    }

    .location-highlight .inner-item:nth-child(4) {
        -ms-flex: 0 0 56%;
        flex: 0 0 56%;
        max-width: 56%;
        aspect-ratio: 192/130;
    }

    .location-highlight .inner-item:nth-child(5) {
        -ms-flex: 0 0 56%;
        flex: 0 0 56%;
        max-width: 56%;
        aspect-ratio: 192/130;
    }

    .location-highlight .inner-item:nth-child(6) {
        -ms-flex: 0 0 41.7%;
        flex: 0 0 41.7%;
        max-width: 41.7%;
        aspect-ratio: 143/130;
    }
}

/* End location-highlight */

/* blog-item-1 */
.blog-item-1 {
    position: relative;
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 10px;
    overflow: hidden;
}

.blog-item-1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-item-1 .inner-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 15px;
    background: linear-gradient(180deg, rgba(26, 118, 79, 0) 58.85%, rgba(31, 117, 81, 0.9) 100%);
}

.blog-item-1 .inner-date {
    color: #fff;
    font-size: 11px;
    margin-bottom: 5px;
}

.blog-item-1 .inner-title {
    color: #fff;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

@media (max-width: 575.98px) {
    .blog-mobile .swiper-slide {
        width: 80%;
    }
}

/* End blog-item-1 */

/* blog-item-2 */
.blog-item-2 {
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
}

.blog-item-2 .inner-image {
    width: 100%;
    aspect-ratio: 712/440;
}

.blog-item-2 .inner-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-item-2 .inner-content {
    padding: 15px;
}

.blog-item-2 .inner-top {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: var(--color-text);
    margin-bottom: 10px;
}

.blog-item-2 .inner-top .inner-admin {
    margin-left: 20px;
}

.blog-item-2 .inner-title {
    font-size: 20px;
    font-weight: 500;
    color: var(--color-main);
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.blog-item-2 .inner-desc {
    color: var(--color-text);
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

/* End blog-item-2 */

/* Footer */
.footer {
    background: #11844B;
}

.footer .inner-main {
    padding: 45px 0 15px 0;
}

.footer .inner-box .inner-title {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 15px;
}

.footer .inner-box .inner-info {
    color: #fff;
    font-size: 12px;
}

.footer .inner-box .inner-info p {
    margin-bottom: 8px;
    font-weight: 300;
}

.footer .inner-box .inner-info p b {
    font-weight: 500;
}

.footer .inner-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer .inner-list li {
    margin-bottom: 8px;
}

.footer .inner-list li a {
    color: #fff;
    font-size: 12px;
}

.footer .inner-payment .inner-image {
    margin-bottom: 10px;
}

.footer .inner-payment .inner-image img {
    height: 30px;
    width: auto;
}

.footer .inner-copyright {
    background: #00000024;
    padding: 10px 0;
}

.footer .inner-copyright .inner-content {
    font-size: 12px;
    color: #fff;
    text-align: center;
}

/* End Footer */

/* box-social */
.box-social-fixed {
    position: fixed;
    bottom: 10%;
    z-index: 888;
}

.box-social ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-flex;
    align-items: center;
    border-radius: 5px;
    overflow: hidden;
    flex-wrap: wrap;
}

.box-social-fixed ul {
    flex-direction: column;
}

.box-social ul li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    font-size: 18px;
    background: #fff;
    color: var(--color-main);
}

.box-social-fixed ul li a.inner-search {
    color: #fff;
    background: #007A37;
}

.box-social ul li a.inner-facebook {
    color: #fff;
    background: #1D499F;
}

.box-social ul li a.inner-youtube {
    color: #fff;
    background: #FF0000;
}

.box-social ul li a.inner-tiktok {
    color: #fff;
    background: #000000;
}

/* End box-social */

/* Breadcrumb Image */
.breadcrumb-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.breadcrumb-image .inner-wrap {
    height: 220px;
    padding: 20px 0;
    display: flex;
    align-items: flex-end;
}

.breadcrumb-image-auto .inner-wrap {
    height: auto;
}

.breadcrumb-image .inner-title {
    font-size: 28px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 10px;
    color: #fff;
}

.breadcrumb-image .inner-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.breadcrumb-image .inner-item {
    position: relative;
    padding-right: 10px;
}

.breadcrumb-image .inner-item::after {
    content: "\f101";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    color: #fff;
    padding-left: 10px;
}

.breadcrumb-image .inner-item:last-child::after {
    content: none;
}

.breadcrumb-image .inner-item a {
    font-size: 13px;
    font-weight: 400;
    color: #fff;
}

.breadcrumb-image .inner-item a:hover {
    color: var(--color-highlight);
}

@media (max-width: 575.98px) {
    .breadcrumb-image .inner-title {
        font-size: 18px;
    }
}

/* End Breadcrumb Image */

/* box-filter */
.box-filter {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    background: #fff;
    padding: 15px;
}

.box-filter .inner-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.box-filter .inner-head .inner-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-main);
    margin-top: 0;
    margin-bottom: 0;
}

.box-filter .inner-head > i {
    font-size: 20px;
    color: var(--color-main);
}

.box-filter .form-group {
    font-size: 14px;
}

.box-filter .form-control {
    font-size: 13px;
}

.box-filter .select-amount .inner-item {
    border: 1px solid #ced4da;
    width: 100%;
    margin-bottom: 10px;
}

.box-filter .select-amount .inner-item:last-child {
    margin-bottom: 0;
}

.icon-filter-advanced {
    display: none;
}

.box-filter-overlay {
    display: none;
}

@media (max-width: 991.98px) {
    .box-filter {
        position: fixed;
        top: 0;
        left: 0;
        width: 280px;
        height: 100vh;
        background: #fff;
        z-index: 9999;
        -webkit-transition: all 0.8s ease-in-out;
        transition: all 0.8s ease-in-out;
        -webkit-transform: translate3d(-280px, 0, 0);
        -moz-transform: translate3d(-280px, 0, 0);
        -ms-transform: translate3d(-280px, 0, 0);
        -o-transform: translate3d(-280px, 0, 0);
        transform: translate3d(-280px, 0, 0);
        -webkit-transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.51, 0.82);
        transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.51, 0.82);
        box-shadow: none;
        border-radius: 0;
        overflow-y: auto;
    }

    .box-filter.show {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .icon-filter-advanced {
        display: inline-flex;
        align-items: center;
        margin-bottom: 20px;
        color: var(--color-main);
        cursor: pointer;
    }

    .icon-filter-advanced > i {
        margin-left: 5px;
    }

    .box-filter-overlay {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        background: #00000082;
        z-index: 999;
    }

    .box-filter-overlay.show {
        display: block;
    }

    .box-filter-overlay button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 10px;
        right: 10px;
        border: 0;
        background: #0000006e;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        font-size: 14px;
        color: #fff;
    }
}

/* End box-filter */

/* product-page */
.product-page-title {
    font-size: 32px;
    color: var(--color-main);
    margin-bottom: 10px;
}

.product-page-desc {
    margin-bottom: 10px;
}

.product-page-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 13px;
}

.product-page-filter .inner-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.product-page-filter .inner-left > label {
    margin-bottom: 0;
    margin-right: 10px;
    white-space: nowrap;
}

.product-page-filter .inner-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.product-page-filter .inner-item {
    margin: 5px 15px 5px 0;
}

.product-page-filter .inner-item a {
    color: var(--color-text);
}

.product-page-filter .inner-item a:hover {
    color: var(--color-highlight);
}

.product-page-filter .inner-item a.active {
    color: var(--red);
}

.product-page-filter .inner-right p {
    margin-bottom: 0;
}

/* End product-page */

/* box-pagination */
.box-pagination {
    display: flex;
    justify-content: flex-end;
}

.box-pagination ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-pagination ul li a {
    display: inline-flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: var(--color-main);
    border: 1px solid var(--color-main);
    border-right: 0;
}

.box-pagination ul li a.active,
.box-pagination ul li a:hover {
    color: #fff;
    background: var(--color-main);
}

.box-pagination ul li:first-child a {
    border-radius: 5px 0 0 5px;
}

.box-pagination ul li:last-child a {
    border-radius: 0 5px 5px 0;
    border-right: 1px solid var(--color-main);
}

/* End box-pagination */

/* area-item */
.area-item .inner-box {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 10px;
    overflow: hidden;
}

.area-item .inner-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.area-item .inner-box .inner-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
    padding: 15px;
}

.area-item .inner-box .inner-title {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0;
}

.area-item .inner-box:hover .inner-title {
    color: var(--color-highlight);
}

@media (max-width: 1199.98px) {
    .area-item .inner-box .inner-title {
        font-size: 20px;
    }
}

@media (max-width: 991.98px) {
    .area-item .inner-box .inner-title {
        font-size: 16px;
    }
}

/* End area-item */

/* product-detail-booking */
.product-detail{
    padding-top: 27px;
}
.product-detail-booking {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    background: #fff;
    padding: 15px;
}

.product-detail-booking > .inner-title {
    font-size: 20px;
    font-weight: 500;
    color: var(--color-main);
    margin-bottom: 20px;
}
.product-detail .product-detail-booking > .inner-title{
    color: #3B5489;
}
.product-detail-booking > .inner-product {
    margin-bottom: 15px;
}

.product-detail-booking > .inner-code {
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px;
}

.product-detail-booking > .inner-code i {
    font-size: 15px;
    margin-right: 5px;
}

.product-detail-booking > .inner-code span {
    font-size: 14px;
    color: var(--color-main);
    font-weight: 500;
    margin-left: 5px;
}

.product-detail-booking > .inner-meta {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin-bottom: 10px;
}

.product-detail-booking > .inner-meta .inner-item {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
}

.product-detail-booking > .inner-meta .inner-item span {
    font-weight: 700;
    color: var(--color-main);
}

.product-detail-booking > .form-flex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.product-detail-booking > .form-group > label {
    font-size: 12px;
    width: 50%;
    margin-bottom: 0;
}

.product-detail-booking > .form-group > label.color-main {
    color: var(--color-main);
}

.product-detail-booking > .form-group > .form-control {
    width: 50%;
    font-size: 12px;
}

.product-detail-booking .select-amount .inner-item {
    width: 100%;
}

.product-detail-booking .select-amount .inner-item label {
    width: 70px;
}

.product-detail-booking .select-amount .inner-item .inner-number {
    flex: none;
    width: 80px;
}

.product-detail-booking .select-amount .inner-item .inner-price {
    flex: 1;
    text-align: right;
}

.product-detail-booking .select-amount .inner-item .inner-price span {
    color: var(--color-main);
}

.product-detail-booking .inner-coupon {
    margin-bottom: 15px;
}

.product-detail-booking .inner-coupon form {
    display: flex;
    align-items: center;
    font-size: 12px;
}

.product-detail-booking .inner-coupon input {
    height: 40px;
    padding: 0 15px;
    border: 1px solid var(--color-main);
    border-radius: 5px 0 0 5px;
    flex: 1;
    outline: none;
}

.product-detail-booking .inner-coupon button {
    background: var(--color-main);
    color: #fff;
    border-radius: 0 5px 5px 0;
    height: 40px;
    border: 0;
    padding: 0 15px;
}

.product-detail-booking .inner-total {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.product-detail-booking .inner-total label {
    margin-bottom: 0;
    font-size: 13px;
    color: var(--color-main);
}

.product-detail-booking .inner-total span {
    font-size: 18px;
    color: var(--red);
    font-weight: 600;
}

.product-detail-booking .inner-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.product-detail-booking .inner-buttons a {
    width: calc(50% - 10px);
}

@media (max-width: 1199.98px) {
    .product-detail-booking .inner-buttons a {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media (max-width: 991.98px) {
    .product-detail-right {
        display: none;
    }
}

/* End product-detail-booking */

/* product-item-horizontal */
.product-item-horizontal {
    display: flex;
    align-items: flex-start;
}

.product-item-horizontal .inner-image {
    width: 120px;
    aspect-ratio: 156/98;
    border-radius: 10px;
    overflow: hidden;
}

.product-item-horizontal .inner-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-item-horizontal .inner-content {
    flex: 1;
    margin-left: 10px;
}

.product-item-horizontal .inner-title {
    font-size: 13px;
    font-weight: 500;
}

.product-item-horizontal .inner-title a {
    color: var(--color-main);
}

.product-item-horizontal .inner-title a:hover {
    color: var(--color-highlight);
}

.product-item-horizontal .inner-rating {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-item-horizontal .inner-rating .inner-stars {
    font-size: 11px;
    color: var(--yellow);
}

.product-item-horizontal .inner-rating .inner-text {
    font-size: 11px;
}

@media (max-width: 1199.98px) {
    .product-item-horizontal .inner-image {
        width: 90px;
    }
}

/* End product-item-horizontal */

/* gallery-product */
.gallery-product__image {
    aspect-ratio: 955/540;
    border-radius: 10px;
}

.gallery-product__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.gallery-product__thumb {
    aspect-ratio: 955/540;
    border-radius: 10px;
    margin-top: 10px;
    width: 200px;
}

.gallery-product__small--modal .gallery-product__thumb {
    padding-top: 11%;
}

.gallery-product__thumb:hover {
    cursor: pointer;
}

.gallery-product__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.gallery-product__thumb .gallery-product__thumb-icon {
    width: 34px;
    height: 34px;
    padding: 0;
    margin: 0 auto;
    margin-top: 18px;
}

.gallery-product__thumb span {
    font-size: 11px;
    line-height: 16px;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 18px;
}

.gallery-product__button-modal {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    margin-top: 10px;
    text-decoration: underline;
    color: var(--color-main);
}

.gallery-product__button-modal:hover {
    cursor: pointer;
}

.product-detail-head__gallery .swiper-button-prev,
.product-detail-head__gallery .swiper-button-next {
    background: #f99a0780;
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.product-detail-head__gallery .swiper-button-prev:hover,
.product-detail-head__gallery .swiper-button-next:hover {
    background: var(--color-highlight);
}

.product-detail-head__gallery .swiper-button-prev::after,
.product-detail-head__gallery .swiper-button-next::after {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
}

@media (max-width: 575.98px) {
    .gallery-product__thumb {
        width: 150px;
    }
}

/* End gallery-product */

/* product-detail-head__gallery */
.product-detail-head__gallery {
    margin-bottom: 20px;
}

/* End product-detail-head__gallery */

/* product-detail-desc */
.product-detail-desc {
    margin-bottom: 20px;
}

.product-detail-desc .inner-title {
    font-size: 30px;
    color: var(--color-main);
    font-weight: 700;
    margin-bottom: 15px;
}

.product-detail-desc .inner-content {
    font-size: 14px;
}

.product-detail-desc .inner-content img {
    max-width: 100%;
    height: auto;
}

.product-detail-desc .inner-content iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
}

/* End product-detail-desc */

/* product-detail-timeline */
.product-detail-timeline {
    margin-bottom: 20px;
}

.product-detail-timeline > .inner-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.product-detail-timeline > .inner-head > .inner-title {
    font-size: 30px;
    color: var(--color-main);
    font-weight: 700;
    margin-bottom: 0;
}

.product-detail-timeline > .inner-head > .inner-right i {
    color: var(--color-main);
}

.product-detail-timeline .inner-box {
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: 15px;
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
}

.product-detail-timeline .inner-box > .inner-left {
    width: 20px;
    font-size: 14px;
    color: var(--color-main);
}

.product-detail-timeline .inner-box > .inner-right {
    flex: 1;
}

.product-detail-timeline .inner-box .inner-title {
    font-size: 18px;
    font-weight: 700;
    color: #3B5489;
    margin-bottom: 10px;
}

.product-detail-timeline .inner-box .inner-desc {
    font-size: 14px;
}

.product-detail-timeline .inner-box .inner-desc img {
    max-width: 100%;
    height: auto;
}

.product-detail-timeline .inner-box .inner-desc iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
}

/* End product-detail-timeline */

/* product-detail-sticky */
@media (min-width: 1200px) {
    .product-detail-sticky.form-fixed {
        position: fixed;
        top: 0;
        z-index: 1;
    }

    .product-detail-sticky.form-end-fixed {
        position: absolute;
        top: auto;
        bottom: 0;
    }
}

/* End product-detail-sticky */

/* product-detail-tabs */
.product-detail-tabs {
    margin-bottom: 20px;
}

.product-detail-tabs .nav-tabs {
    border-bottom: 0;
}

.product-detail-tabs .nav-tabs .nav-item {
    margin: 0 2px;
}

.product-detail-tabs .nav-tabs .nav-link {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    background: #fff;
    color: #3B5489;
    border-radius: 10px 10px 0px 0px;
    font-size: 18px;
    font-weight: 700;
    border: 0;
}

.product-detail-tabs .nav-tabs .nav-link:hover,
.product-detail-tabs .nav-tabs .nav-link.active {
    background: var(--color-highlight);
    color: #fff;
}

.product-detail-tabs .tab-content {
    position: relative;
    background: #FFFFFF;
    box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.1);
    border-radius: 0px 10px 10px 10px;
}

.product-detail-tabs .tab-pane {
    padding: 15px;
}

@media (max-width: 1199.98px) {
    .product-detail-tabs .nav-tabs .nav-link {
        font-size: 12px;
        padding: 8px;
    }
}

@media (max-width: 767.98px) {
    .product-detail-tabs .nav-tabs .nav-link {
        border-radius: 0;
        margin-top: 5px;
    }
    .product-detail-desc .inner-title{
        font-size: 16px;
    }
    .product-detail-timeline > .inner-head > .inner-title{
        font-size: 16px;
    }
}

/* End product-detail-tabs */

/* section-rating */
.section-rating {
    margin-bottom: 20px;
}

.section-rating .inner-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.section-rating .inner-head .inner-title {
    font-size: 20px;
    color: var(--color-main);
    font-weight: 600;
    margin: 10px 10px 10px 0;
}

.section-rating .inner-main {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: 15px;
}

.section-rating .inner-main .inner-left {
    width: 38%;
    text-align: center;
}

.section-rating .inner-main .inner-left .inner-number {
    font-size: 24px;
    font-weight: 500;
    color: var(--color-main);
    margin-bottom: 10px;
}

.section-rating .inner-main .inner-left .inner-stars {
    color: var(--yellow);
    margin-bottom: 10px;
}

.section-rating .inner-main .inner-left .inner-text {
    font-size: 13px;
}

.section-rating .inner-main .inner-right {
    width: 62%;
}

.section-rating .inner-main .inner-right .inner-item {
    margin: 5px 0;
    display: flex;
    align-items: center;
}

.section-rating .inner-main .inner-right .inner-item .inner-stars {
    color: var(--yellow);
    font-size: 13px;
}

.section-rating .inner-main .inner-right .inner-item .inner-process {
    width: 100%;
    height: 8px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid var(--color-main);
    flex: 1;
    margin-left: 10px;
}

.section-rating .inner-main .inner-right .inner-item .inner-process .inner-success {
    background: var(--color-main);
    height: 100%;
    border-radius: 5px;
}

@media (max-width: 575.98px) {
    .section-rating .inner-main .inner-left {
        width: 100%;
    }

    .section-rating .inner-main .inner-right {
        width: 100%;
    }
}

/* End section-rating */

/* section-comment */
.section-comment {
    margin-bottom: 20px;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: 15px;
}

.section-comment > .inner-title {
    font-size: 18px;
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: 15px;
}

.section-comment > .inner-form > form > .inner-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.section-comment > .inner-form .inner-left {
    width: 55%;
}

.section-comment > .inner-form textarea,
.section-comment > .inner-form input {
    width: 100%;
    background: #F7F7F7;
    border-radius: 5px;
    padding: 10px;
    font-size: 14px;
    outline: none;
    border: 0;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}

.section-comment > .inner-form textarea {
    height: 155px;
}

.section-comment > .inner-form .inner-right {
    width: calc(45% - 15px);
}

.section-comment > .inner-form .inner-right > .inner-wrap {
    display: flex;
    margin-bottom: 15px;
}

.section-comment > .inner-form .input-image {
    margin-right: 15px;
}

.section-comment > .inner-form button {
    margin-top: 15px;
    width: 100%;
    padding: 10px;
}

.section-comment > .inner-counter {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 14px;
}

.section-comment > .inner-list .inner-item {
    margin-bottom: 15px;
}

.section-comment > .inner-list .inner-item .inner-head {
    background: #F7F7F7;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.section-comment > .inner-list .inner-item .inner-head > img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 10px;
}

.section-comment > .inner-list .inner-item .inner-head .inner-info {
    flex: 1;
}

.section-comment > .inner-list .inner-item .inner-head .inner-name {
    font-size: 14px;
    font-weight: 500;
}

.section-comment > .inner-list .inner-item .inner-head .inner-date {
    font-size: 11px;
    margin-top: 5px;
    color: #828282;
}

.section-comment > .inner-list .inner-item .inner-main .inner-rating {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.section-comment > .inner-list .inner-item .inner-main .inner-rating .inner-stars {
    font-size: 12px;
    color: var(--yellow);
}

.section-comment > .inner-list .inner-item .inner-main .inner-rating .inner-status {
    margin-left: 15px;
    font-size: 12px;
    color: #828282;
}

.section-comment > .inner-list .inner-item .inner-main .inner-desc {
    font-size: 12px;
    margin-bottom: 5px;
}

.section-comment > .inner-list .inner-item .inner-main .inner-meta {
    display: flex;
    align-items: center;
}

.section-comment > .inner-list .inner-item .inner-main .inner-meta .inner-like {
    font-size: 12px;
    cursor: pointer;
}

.section-comment > .inner-list .inner-item .inner-main .inner-meta .inner-like:hover,
.section-comment > .inner-list .inner-item .inner-main .inner-meta .inner-like.active {
    color: var(--blue);
}

.section-comment > .inner-list .inner-item .inner-main .inner-meta .inner-like.active i {
    font-weight: 900;
}

.section-comment > .inner-list .inner-item .inner-main .inner-meta .inner-button-reply {
    color: var(--color-main);
    font-size: 12px;
    cursor: pointer;
    margin-left: 15px;
}

@media (max-width: 767.98px) {
    .section-comment > .inner-form > form > .inner-wrap {
        flex-wrap: wrap;
    }

    .section-comment > .inner-form .inner-left {
        width: 100%;
        margin-bottom: 10px;
    }

    .section-comment > .inner-form .inner-right {
        width: 100%;
    }
}

/* End section-comment */

/* input-image */
.input-image input {
    display: none;
}

.input-image label {
    background: #F7F7F7;
    border-radius: 5px;
    padding: 10px;
    font-size: 14px;
    outline: none;
    border: 0;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    white-space: nowrap;
    margin-bottom: 0;
}

.input-image label i {
    margin-right: 5px;
}

/* End input-image */

/* product-detail-form-mobile */
.product-detail-form-mobile {
    margin-bottom: 20px;
    display: none;
}

@media (max-width: 991.98px) {
    .product-detail-form-mobile {
        display: block;
    }
}

/* End product-detail-form-mobile */

/* cart-form */
.cart-form > .inner-title {
    font-size: 20px;
    color: var(--color-main);
    font-weight: 600;
    margin-bottom: 15px;
}

.cart-form > form input,
.cart-form > form textarea,
.cart-form > form select {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border: 0;
    border-radius: 5px;
    font-size: 14px;
    min-height: 40px;
}

.cart-form > form input:focus,
.cart-form > form textarea:focus,
.cart-form > form select:focus {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}

.cart-form > form > .inner-title {
    font-size: 15px;
    font-weight: 500;
    color: var(--color-main);
    margin-bottom: 10px;
}

.cart-form > form .inner-method {
    position: relative;
    margin-bottom: 15px;
}

.cart-form > form .inner-method label {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border: 0;
    border-radius: 5px;
    font-size: 14px;
    min-height: 40px;
    background: #fff;
    width: 100%;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0;
    color: var(--color-main);
    cursor: pointer;
}

.cart-form > form .inner-method label i {
    font-size: 18px;
    margin-right: 5px;
}

.cart-form > form .inner-method label img {
    height: 20px;
    width: auto;
    margin-right: 5px;
}

.cart-form > form .inner-method input {
    box-shadow: none;
    position: absolute;
    top: 0;
    right: 10px;
}

/* End cart-form */

/* blog-item-horizontal */
.blog-item-horizontal {
    display: flex;
    align-items: flex-start;
}

.blog-item-horizontal .inner-image {
    width: 250px;
    aspect-ratio: 348/256;
    border-radius: 10px;
    overflow: hidden;
}

.blog-item-horizontal .inner-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-item-horizontal .inner-content {
    margin-left: 15px;
    flex: 1;
}

.blog-item-horizontal .inner-category a {
    margin: 5px 5px 5px 0;
    display: inline-block;
    background: var(--color-main);
    color: #fff;
    padding: 4px 12px;
    font-size: 12px;
    border-radius: 5px;
}

.blog-item-horizontal .inner-title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.blog-item-horizontal .inner-title a {
    color: var(--color-main);
}

.blog-item-horizontal .inner-title a:hover {
    color: var(--color-highlight);
}

.blog-item-horizontal .inner-desc {
    font-size: 12px;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.blog-item-horizontal .inner-date {
    font-size: 12px;
    margin-top: 5px;
    color: var(--blue);
}

@media (max-width: 991.98px) {
    .blog-item-horizontal .inner-image {
        width: 180px;
    }

    .blog-item-horizontal .inner-category a {
        padding: 3px 12px;
        font-size: 10px;
    }

    .blog-item-horizontal .inner-title {
        font-size: 14px;
    }

    .blog-item-horizontal .inner-desc {
        font-size: 11px;
        -webkit-line-clamp: 2;
    }

    .blog-item-horizontal .inner-date {
        font-size: 11px;
    }
}

@media (max-width: 575.98px) {
    .blog-item-horizontal {
        flex-wrap: wrap;
    }

    .blog-item-horizontal .inner-image {
        width: 100%;
    }

    .blog-item-horizontal .inner-content {
        flex: none;
        width: 100%;
        margin-left: 0;
        margin-top: 5px;
    }
}

/* End blog-item-horizontal */

/* news-detail */
.news-detail-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--color-main);
    margin-bottom: 10px;
}

.news-detail-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 15px;
}

.news-detail-meta .inner-category {
    margin-right: 20px;
}

.news-detail-meta .inner-category a {
    font-weight: 600;
    font-size: 16px;
    color: var(--color-text);
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 5px;
}

.news-detail-meta .inner-category a:hover {
    color: var(--color-highlight);
}

.news-detail-meta .inner-date {
    font-size: 13px;
    margin-bottom: 5px;
}

.news-detail-desc {
    font-size: 14px;
    margin-bottom: 15px;
}

.news-detail-content {
    font-size: 14px;
}

.news-detail-content img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.news-detail-content h2,
.news-detail-content h3,
.news-detail-content h4,
.news-detail-content h5,
.news-detail-content h6 {
    font-weight: 500;
    color: var(--color-main);
    margin-bottom: 10px;
}

.news-detail-content h2 {
    font-size: 20px;
}

.news-detail-content h3 {
    font-size: 18px;
}

.news-detail-content h4 {
    font-size: 16px;
}

.news-detail-content h5 {
    font-size: 14px;
}

.news-detail-content h6 {
    font-size: 12px;
}

/* End news-detail */

/* news-link-list */
.news-link-list .inner-head .inner-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.news-link-list .inner-list {
    padding-left: 0px;
}

.news-link-list .inner-list li {
    margin-bottom: 15px;
    line-height: 1.3;
}

.news-link-list .inner-list li a {
    font-size: 13px;
    font-weight: 400;
    color: var(--color-text);
}

.news-link-list .inner-list li a:hover {
    color: var(--color-highlight);
}

/* End news-link-list */

/* contact-box */
.contact-box {
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: 20px;
    height: 100%;
    text-align: center;
}

.contact-box img {
    height: 150px;
    width: auto;
    margin-bottom: 10px;
}

.contact-box .inner-label {
    font-size: 14px;
    color: var(--color-main);
    margin-bottom: 5px;
}

.contact-box .inner-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-main);
}

/* End contact-box */

/* maps-box */
.maps-box {
    width: 100%;
    aspect-ratio: 4/3;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}

.maps-box iframe {
    width: 100%;
    height: 100%;
}

/* End maps-box */

/* contact-form */
.contact-form > .inner-title {
    font-size: 20px;
    color: var(--color-main);
    font-weight: 600;
    margin-bottom: 15px;
}

.contact-form input,
.contact-form textarea {
    font-size: 14px;
    min-height: 40px;
    border: 0;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}

.contact-form input:focus,
.contact-form textarea:focus {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}

/* End contact-form */


.header .padding-menu {
    padding: 22px 0;
}

header .inner-menu .icon-menu {
    vertical-align: middle;
    margin-right: 7px;
}

.header .inner-menu {
    width: 100%;
}

.header .inner-menu > ul > li > a:hover {
    color: var(--color-highlight) !important;
}

.header .inner-main {
    background: var(--color-main);
}
.header .inner-menu > ul > li > ul{
    border-radius: unset;
}
.header .inner-menu > ul > li > ul {
    top: 100%;
}
.header .inner-menu > ul > li > ul > li{
    padding: 8px 22px;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}
.header .inner-menu > ul > li > ul a {
    display: block;
    padding: 8px 10px 8px 0;
    color: var(--color-main);
    border-bottom: 1px solid #465B8E;
}

.banner-hero .swiper-slide .inner-item{
    height: 888px;
    width: 100%;
}
.banner-hero .swiper-pagination {
    display: flex;
    flex-direction: row;
    left: 46%;
    bottom: 4%;
    width: 108px;
    align-items: center;
    justify-content: space-around;
}
.banner-hero .swiper-pagination-bullet-active{
    width: 10px;
    height: 10px;
    background-color: #FF6D3A !important;
}
.banner-hero .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background-color: #FFFFFF ;
}
.banner-hero .swiper-pagination{
    height: 0px;
}

@media (max-width: 991.98px) {
    .header .inner-menu {
        width: unset;
    }
    .header .inner-main {
        background: #FFFFFF;
    }

    .header .padding-menu {
        padding: 4px 21px;
    }
    .header .inner-logo .inner-mobile {
        width: 130px;
        height: 54px;
    }
    .header .inner-menu.show{
        background-color: var(--color-main);
    }
    .header .inner-menu > ul > li > i{
        color: #FFFFFF;
        border-left: unset;
        top: -4px;
        right: -15px;
    }

    .banner-hero .swiper-slide .inner-item {
        height: 651px;
        width: 100%;
    }
    .banner-hero .swiper-pagination {
        left: 38% !important;
    }

}


.container-custom{
    width: 1436px;
    margin: 0 auto;
}

.form-search{
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-top: 30px;
    margin-bottom: 64px;
}
.form-search .form-group > label{
    font-size: 20px;
    font-weight: 400;
    color: #1F1F1F;
}
.form-search .form-group > label > i{
    color: var(--color-main);
}

.form-search .form-group > input{
    color: var(--color-main);
    height: 64px;
    width: 440px;
    font-size: 16px;
}
.form-search .input_date{
    position: relative;
}
.form-search .form-group .icon_date{
    position: absolute;
    top: 62%;
    right: 18px;
    color: var(--color-main);
}

.form-search .form-group > input::placeholder{
    color: var(--color-main);
}
.form-search .btn-search{
    border-radius: 5px;
    border: none;
    font-size: 16px;
    font-weight: 700;
    padding: 19px 91px;
    background-color: var(--color-main);
    color: #FFFFFF;
    margin-bottom: 15px;
}
.daterangepicker{
    top: 1161px !important;
}
@media (max-width: 720px) {
    .daterangepicker{
        top: 897px !important;
    }
}
@media (max-width: 991.98px) {
    .container-custom{
        width: 342px;
        margin: 0 auto;
    }
    .form-search{
        flex-direction: column;
        align-items: center;
    }
    .form-search .form-group > label{
        font-size: 14px;
        font-weight: 400;
    }
    .form-search .form-group > input{
        color: var(--color-main);
        height: 42px;
        width: 342px;
        font-size: 11px;
    }
    .form-search .btn-search{
        font-size: 11px;
        font-weight: 700;
        padding: 6px 29px;
    }
    .form-search__btn{
        align-self: center;
    }
}

.about-us {
    margin-top: 64px;
}

.about-us .title {
    font-size: 30px;
    font-weight: 700;
    color: var(--color-main);
    padding-bottom: 15px;
    text-transform: uppercase;
}

.about-us .description {
    color: #333;
    margin-bottom: 40px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;
}

.about-us .description a {
    color: #0b2e13;
    text-decoration: none;
    font-weight: bold;
}

.about-us .features {
    display: flex;
    justify-content: space-between;
}

.about-us .features .feature-item {
    display: flex;
    align-items: center;
    margin: 0 10px;
}

.feature-item img {
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.feature-item p {
    font-size: 14px;
    font-weight: bold;
    color: #FF4500;
}

@media (max-width: 991.98px) {
    .about-us .description{
        margin-bottom: 24px;
        font-size: 11px;
        font-weight: 400;
        letter-spacing: 0.25px;
    }
    .about-us .features {
        flex-direction: column;
        margin-left: 5px;
    }
    .feature-item img {
        margin: 18px 10px 18px 0;
        width: 41px;
        height: 41px;
    }
    .about-us .features .feature-item {
        margin: 0;
    }
}


.background-video {
    margin-top: 15px;
    position: relative;
    width: 100%;
    height: 660px;
    background-image: linear-gradient(180deg, #FFFFFF 1.08%, #FFFFFF 22.18%, rgba(255, 255, 255, 0) 49.38%, rgba(255, 255, 255, 0.87) 73.4%, #FFFFFF 92.66%), url(../images/banner/450-4.jpg);
    background-size: cover;
    background-position: center;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}


.video-container {
    position: relative;
    width: 1030px;
    margin: 70px auto 80px;
}

/* Định dạng thumbnail (ảnh đại diện) */
.thumbnail {
    cursor: pointer;
    width: 100%;
    height: auto;
    display: block;
}

/* Overlay làm mờ nền */
.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7); /* Làm mờ nền với độ mờ 0.7 */
    z-index: 9998;
}

/* Khung chứa iframe gần toàn màn hình */
.iframe-container {
    display: none;
    position: fixed;
    top: 10%;
    left: 10%;
    width: 80vw;
    height: 80vh;
    background-color: white;
    z-index: 9999;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
}

.iframe-container iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* Nút đóng iframe */
.close-btn {
    position: absolute;
    top: -10%;
    right: -7%;
    font-size: 24px;
    background-color: transparent;
    color: black;
    border: none;
    cursor: pointer;
    z-index: 10000;
    color: #FFFFFF;
}
@media (max-width: 768px) {
    .iframe-container {
        top: 30%; /* Khoảng cách từ trên cùng */
        left: 3%; /* Khoảng cách từ bên trái */
        width: 94vw;  /* Chiếm 94% chiều rộng */
        height: 300px; /* Chiếm 94% chiều cao */
    }

    .close-btn {
        font-size: 20px; /* Kích thước nhỏ hơn cho nút đóng */
        right: -3%;
        top: -13%;
    }

    .video-container {
        margin: 0 auto;
        width: 100%;
        height: 181px;
    }

    .background-video {
        background-image: none;
        height: 200px;
    }
}

.product-item .inner-image {
    aspect-ratio: 348 / 453;
}
.product-item .inner-favourite{
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.15px;
}

.box-head-2 .inner-title{
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--color-main);
}

.box-head-2 .inner-left{
    flex-direction: column;
    align-items: flex-start;
}
.button-view-more{
    color: #FFFFFF;
    padding: 8px;
    border-radius: 5px;
    background-color: var(--color-main);
}

.product-wrap{
    overflow: hidden;
}
.product-wrap:hover .product-overlay{
    opacity: 1;
    bottom: 0%;
}

.product-overlay{
    bottom: -100%;
    background-color: var(--color-main);
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    text-align: center;
    opacity: 0; /* Ban đầu ẩn đi */
    transition: 0.7s ease-in-out; /* Hiệu ứng khi hover */
}

.product-overlay__title{
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    background-color: #3B5489;
    padding: 17px 16px;
    margin-top: 49px;
}
.product-overlay__title p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-bottom: 0;
}
.product-overlay__info{
    padding-left: 0;
    margin: 38px 0;
}
.product-overlay__info li{
    list-style: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.product-overlay__info li span{
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 0.25px;
}

.product-overlay__btn{
    padding: 8px;
    background-color:#3B5489 ;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 400;
}
.product-overlay__btn:hover{
    color: #FFFFFF;
}
@media (max-width: 768px) {
    .product-item .inner-image {
        aspect-ratio: 167 / 218;
    }
    .product-item .inner-favourite{
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.15000000596046448px;
    }

    .box-head-2 .inner-title{
        font-size: 16px;
    }

    .box-head-2 .inner-left p{
        font-size: 11px;
        font-weight: 400;
        letter-spacing: 0.25px;
        margin-bottom: 0;
    }
    .product-overlay{
        display: none;
    }
}

.schedule-table{
    margin-top: 10px;
    margin-bottom: 5px;
}
.schedule-table img {
    width: 100%;
}
.schedule-table, .schedule-table td {
    border: 4px solid white;
    background-color: #3156D1;
}
.schedule-table td{
    color: #FFFFFF;
    padding: 13px 0;
    font-size: 14px;
    width: 412px;
}
.schedule-table .table-title{
    font-size: 24px;
    font-weight: 700;
}
.schedule-table .table-width{
    width: 160px;
    padding: 0px 54px;
}
@media (max-width: 768px) {
    .schedule-table{
        margin-top: 0px;
        width: 100%;
    }
    .schedule-table td{
        font-size: 8px;
        width: 95px;
    }
    .schedule-table .table-title{
        font-size: 8px;
    }
    .schedule-table .table-width{
        width: 42px;
        padding: 0px 5px;
    }
    .schedule-table, .schedule-table td {
        border: 2px solid white;
    }
}
.location-highlight{
    margin-top: 10px;
}
.location-highlight .box-head-2 .inner-left .inner-title{
    color: #404040;
}
.location-highlight .box-head-2 .inner-left .inner-title span{
    color: var(--color-main);
}

.testimonial-section {
    padding: 50px 0;
    text-align: center;
}

.section-header h2 {
    font-size: 28px;
    color: #F86E40;
    font-weight: bold;
}

.section-header p {
    font-size: 16px;
    color: #666;
    margin-top: 10px;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

.testimonial-slider {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0 30px;
}
.testimonial-slider.pagination-bottom.swiper-horizontal > .swiper-pagination-bullets{
    bottom: 0;
}

.testimonial-item {
    background-color: white;
    border-radius: 50%;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease-in-out;
    aspect-ratio: 1 / 1;
}

.testimonial-image img {
    border-radius: 50%;
    width: 170px;
    height: 170px;
    object-fit: cover;
    border: 4px solid #007bff;
}

.testimonial-item h3 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 9px;
}

.job-title {
    color: #999;
    font-size: 14px;
    margin-bottom: 15px;
}

.testimonial-text {
    font-size: 13px;
    color: #666;
    line-height: 1.5;
    margin-bottom: 15px;
    width: 329px;
    padding: 0 35px;
}

.rating {
    font-size: 18px;
    color: #FFD700;
}
.slider-partner .partner-item{
    text-align: center;
    height: 100px;
}


@media (max-width: 768px) {
    .slider-partner .partner-item{
        margin: 10px 0;
    }
    .slider-partner .partner-item img{
        height: 50px;
    }
    .testimonial-item {
        background-color: white;
        border-radius: 50%;
        padding: 20px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        text-align: center;
        transition: transform 0.3s ease-in-out;
    }
    .testimonial-image img {
        width: 99px;
        height: 99px;
    }

    .testimonial-slider {
        margin: 10%;
    }

    .testimonial-item h3 {
        font-size: 14px;
    }

    .job-title {
        font-size: 11px;
    }

    .testimonial-text {
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.25px;
        font-size: 8px;
        color: #666;
        line-height: 2.5;
        margin-bottom: 15px;
        width: unset;
        padding: unset;
    }
}
.section-blog .inner-image-blog{
    aspect-ratio: 475 / 256;
}
.section-blog .inner-image-blog img{
    width: 100%;
    height: 256px;
}
.section-blog .product-item .inner-title a {
    color: var(--color-main);
    font-size: 18px;
    font-weight: 700;
}

.swiper-button-next, .swiper-button-prev {
    border-radius: 50%;
    padding: 0px 16px;
    width: 20px;
    top: 35%;
    color: #F24E1E;
    border: 1px solid #F24E1E;
}


.swiper-button-next:after, .swiper-button-prev:after{
    font-size: 16px;
}
.box-social-fixed-right{
    right: 0;
}
.box-social-fixed-left{
    left: 0;
}

.footer{
    background-color: #C5461F;

}
.footer .top-footer{
    display: flex;
    padding-top: 58px;
    justify-content: space-between;
}

.footer .top-footer .inner-info{
    width: 363px;
}

.footer .bottom-footer{
    background-color: #812204;
    color: #FFFFFF;
    padding-top: 14px;
}
.footer .bottom-footer .body{
    display: flex;
    justify-content: space-between;
}
.footer .bottom-footer .certification ul{
    display: flex;
    list-style: none;
    padding-left: 0;
    gap: 10px;
    align-items: center;
}
.footer .coppyright{
    text-align: end;
    color: #FFFFFF;
    padding: 5px 0;
    background-color: #812204;
}

@media (max-width: 768px) {
    .section-blog .inner-image-blog{
        aspect-ratio: 341 / 200;
    }
    .section-blog .inner-image-blog img{
        width: 100%;
    }
    footer .inner-list li{
        margin-bottom: 10px;
    }
    .footer .top-footer{
        flex-direction: column;
        justify-content: center;
    }
    .footer .bottom-footer .body{
        flex-direction: column-reverse;
        justify-content: space-between;
        margin-right: 30px;
    }
    .footer .bottom-footer .container{
        display: flex;
        justify-content: space-between;
        padding: 10px 0;
        margin-left: 10px;
    }
    .box-social ul li a{
        width: 30px;
        height: 30px;

    }
    .box-social ul li a i{
        font-size: 15px;
    }
    .footer .bottom-footer .certification ul{
        flex-direction: row-reverse;
        justify-content: flex-end;
    }
    .footer .bottom-footer .certification ul img{
        width: 57px;
    }

    .footer .coppyright{
        font-size: 10px;
        font-weight: 400;
        letter-spacing: 0.5px;
        text-align: center;
    }
}
.banner-background{
    position: absolute;
    z-index: 2;
    bottom: -1px;
    width: 100%;
}

/*about us*/
.page-deader-banner .banner-full{
    aspect-ratio: 1728 / 354;
}
.page-deader-banner .banner-full img{
    width: 100%;
}
.about-us-page{
    text-align: center;
}
.about-us-page__title{
    font-size: 36px;
    font-weight: 700;
    color: var(--color-main);
    margin: 46px 0 30px 0;
}
.about-us-page__desc{
    font-size: 23px;
}
.about-us-page__desc span{
    color: var(--color-main);
    font-weight: bold;
}

.about-gallery-tour .gallery-product__thumb{
    width: 158px;
    height: 148px;
}
.about-gallery-tour .gallery-product__thumb{
    position: relative;
}
.about-gallery-tour .gallery-product__thumb .tour-name{
    position: absolute;
    bottom: -4%;
    color: #ffffff;
    width: 100%;
    text-align: center;
}
.about-gallery-tour .gallery-product__thumb .tour-name p{
    font-size: 16px;
}

.gallery-grid-4 {
    margin: 50px 0;
}
.gallery-grid-4 .inner-image{
    width: 100%;
    height: 211px;
    padding: 10px !important;
}
.gallery-grid-4 .inner-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.about-info h5{
    color: var(--color-main);
    font-size: 18px;
    font-weight: 700;
}
.about-info p{
    font-size: 14px;
    font-weight: 400;
}
.about-info ul{
    padding-left: 0;
}
.about-info ul li{
    list-style: none;
}

@media (max-width: 768px) {
    .about-us-page__title{
        font-size: 16px;
        margin: 20px 0;
    }
    .about-us-page__desc{
        font-size: 11px;
    }
    .about-gallery-tour .gallery-product__thumb{
        width: 125px;
        height: 125px;
    }
    .about-gallery-tour .gallery-product__thumb .tour-name p{
        font-size: 11px;
    }
    .gallery-grid-4 .inner-image{
        width: 180px;
        height: 130px;
        padding: 5px !important;
    }
    .gallery-grid-4{
        margin: 0;
    }
    .about-info{
        display: flex;
        flex-direction: column-reverse;
    }
    .about-info p{
        font-size: 11px;
    }
    .about-info ul li{
        font-size: 11px;
    }
    .about-info h5{
        font-size: 15px;
    }
    .container-fluid{
        padding: 0;
    }
}
.product-big-title{
    background: #F6EFF0;
    color: var(--color-main);
    text-align: center;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 30px;
}
.product-photo-gallery {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 100%;
    gap: 3px;
}

.big-photo img {
    width: 100%;
    height: 100%;
}

.small-photos {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 3px;
}

.small-photos img {
    width: 100%;
    height: 100%;
}

@media (max-width: 576px) {
    .product-photo-gallery  {
        height: 194px;
    }
    .product-big-title,.featured-tours,.tour-experience{
        /*display: none;*/
    }
}

.product-detail-booking > .inner-meta .inner-item i{
    color: var(--color-main);
}
.product-detail-booking > .inner-title{
    font-weight: 700;
    font-size: 22px;
}

.product-detail-booking .inner-info{
    background: var(--color-main);
    border-radius: 5px;
    color: #ffffff;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-detail-booking .inner-phone i{
    font-size: 32px;
    margin-right: 5px;
}
.product-detail-booking .inner-phone a,.product-detail-booking .inner-contact{
    font-size: 14px;
    font-weight: 400;
    color: #817E7E;
}
.product-detail-booking .inner-phone, .product-detail-booking .inner-phone a p{
    color: #CC3333;
}
.product-detail-booking .inner-phone a p{
    font-size: 22px;
    font-weight: 700;
}
.product-detail-booking .inner-form input{
    border-radius: 5px;
    padding: 9px 16px;
    width: 100%;
    border: 0.3px solid #000000 ;
}

.tour-experience {
    margin: 50px 0;
}

.tour-experience .tour-experience-title{
    font-weight: 700;
    font-size: 30px;
    color: var(--color-main);
    margin-bottom: 30px;
}

.tour-experience-slider-wrapper {
    position: relative;
}

.tour-experience .jsSwiperTourExperience {
    /*padding-bottom: 50px;*/
}

.tour-experience .swiper-slide {
    height: auto;
}

.tour-experience .tour-experience-image {
    width: 100%;
    height: 211px;
    /*padding: 5px;*/
}

.tour-experience .tour-experience-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.tour-experience .swiper-pagination {
    bottom: 0;
}

.tour-experience .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #ccc;
    opacity: 1;
}

.tour-experience .swiper-pagination-bullet-active {
    background: var(--color-main);
}

/* Desktop: 4 ảnh x 2 dòng = 8 ảnh hiển thị cùng lúc */
@media (min-width: 992px) {
    .tour-experience .jsSwiperTourExperience {
        /*overflow: visible;*/
    }

    .tour-experience .tour-experience-image {
        height: 180px;
    }
}

/* Mobile: 2 ảnh x 2 dòng */
@media (max-width: 991px) {
    .tour-experience .tour-experience-title {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .tour-experience .tour-experience-image {
        height: 150px;
    }
}

.tour-item {
    /*max-width: 348px;*/
    height: 489px;
    margin-right: 8px;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
}

.tour-image {
    height: 50%;
    object-fit: cover;
}

.list-tour-categories .tour-item .card-title {
    font-weight: 700;
    font-size: 16px;
    color: var(--color-main);
}

.list-tour-categories .tour-item .card-body {
    background: #ffffff;
    height: 100%;
}

.list-tour-categories .tour-item .tour-detail .tour-detail-item i {
    color: var(--color-main);
    font-size: 10px;
}

.list-tour-categories .tour-item .booking-now-button {
    border-radius: 5px;
    padding: 8px 16px;
    border: 1px solid #3B5489;
    background: #ffffff;
    color: #3B5489;
    font-weight: 700;
    font-size: 14px;
}

.list-tour-categories .tour-detail-button {
    position: absolute;
    bottom: 9px;
    right: 0;
    left: 0;
    margin-inline: auto;
}

.custom-tour-categories-padding {
    padding-right: 4px;
    padding-left: 8px;
}

/* order */
.order .product-detail-booking > .inner-title{
    font-size: 22px;
    font-weight: 700;
}
.order .product-detail-booking > .tour-info{
    list-style: none;
    padding-left: 0px;
}
.order .product-detail-booking > .tour-info i{
    color: var(--color-main);
    margin-right: 8px;
}
.order .product-detail-booking > .tour-info li{
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    padding-bottom: 8px;
}
.order .product-detail-booking > .tour-info span{
    color: var(--color-main);
}
.order .topbar-phone {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: var(--color-main);
    margin-top: 18px;
}
.order .btn-sold-out{
    padding: 11px 0;
    background-color: var(--color-main);
    color: #FFFFFF;
    display: block;
}
.order .topbar-phone a{
    font-size: 14px;
    font-weight: 400;
    color: #817E7E;
    margin-left: 5px;
}
.order .topbar-phone a p{
    font-size: 22px;
    font-weight: 700;
    color: var(--color-main);
}
.order .product-detail-booking p{
    color: #817E7E;
}
.order .cart-form > .inner-title{
    color: var(--color-highlight);
}

.order .cart-form > form > .inner-title {
    color: var(--color-highlight);
}

/* galley */
.gallery-section{
    margin-top: 50px;
}
.gallery-section .inner-title{
    margin-bottom: 5px;
}
.gallery-section .btn-gallery{
    color: #3B5489;
    padding: 14px 20px;
    font-size: 18px;
    font-weight: 700;
    border: 1px solid #FF6D3A;
    border-radius: 5px;
    box-shadow: 4px 4px 6px 0px #00000040;
}
.gallery-section .btn-gallery-active{
    color: #FFFFFF;
    background: #F58634;
    border: none;
}
.list-btn-gallery{
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.image-gallery{
    margin-top: 55px;
}
.image-gallery img{
    width: 100%;
    height: 441px;
}
.image-gallerygrid-4 img{
    height: 211px;
    object-fit: cover;
    border-radius: 5px;
}
.image-gallerygrid-4 .col-6 {
    padding-bottom: 20px; /* Khoảng cách giữa các hàng */
}
.image-gallery .row{
    display: flex;
}
.image-gallery .image-row:nth-child(even) {
    flex-direction: row-reverse; /* Đảo ngược thứ tự cột trong dòng chẵn */
}

@media (max-width: 768px) {
    .list-btn-gallery {
        gap: 10px;
    }

    .gallery-section {
        margin-top: 30px;
    }
    .gallery-section .inner-title{
         margin-bottom: 0;
     }

    .gallery-section .btn-gallery {
        padding: 6px 15px;
        font-size: 11px;
    }
    .image-gallery{
        margin-top: 10px;
    }

    .image-gallery img {
        height: unset;
        margin-bottom: 10px;
        height: 244px;
    }

    .image-gallerygrid-4 .col-6 {
        padding-bottom: 0;
    }

    .image-gallerygrid-4 img {
        height: 200px;
    }
}

.news-detail .news-link-list .inner-list li {
    display: flex;
    align-items: center;
    height: 70px;
}

.news-detail .news-link-list .inner-list img {
    margin-right: 15px;
    object-fit: cover;
    width: 116px;
    aspect-ratio: 116 / 71;
    border-radius: 5px;
}
#mySelect {
    color: var(--color-main);
    width: 440px;
    height: 64px;
}

/* Khi có giá trị được chọn (không phải placeholder), đổi màu */
#mySelect option:not(:first-child) {
    color: #000; /* Màu chữ cho các tùy chọn khác */
}
.list-tour-categories .tour-item .card-title{
    min-height: 38px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-deader-banner .banner-full img{
    height: 354px;
    object-fit: cover;
}
.banner-full img {
    height: 400px;
    object-fit: cover;
}

.about-us .description {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
}
.about-us .description.expanded {
    -webkit-line-clamp: unset;
    max-height: none;
}

.about-us a#toggle-btn {
    display: inline-block;
    cursor: pointer;
    color: #000000;
    font-weight: 600;
    text-decoration: underline;
}


.background-video .video-container img {
    aspect-ratio: 2.1 / 1;
    border-radius: 7px;
}

.background-video .video-container i {
    position: absolute;
    top: 45%;
    left: 45%;
    font-size: 5rem;
    color: var(--color-main);
}

@media (max-width: 576px) {
    .background-video .video-container i {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 3rem;
    }

    #mySelect {
        height: 42px;
        width: 342px;
        font-size: 11px;
    }

    .page-deader-banner .banner-full img{
        height: 180px;
    }
}
.testimonial{
    margin-top: 30px;
    background-image: url("../images/banner/background-testimonial.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 45px 0;
}

.testimonial-slider .testimonial-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.section-blog .inner-content p {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}

.blog-item-1 .inner-content {
    background: linear-gradient(180deg, rgba(245, 134, 52, 0) 58.85%, rgba(245, 134, 52, 0.9) 100%);
}

.booking-success-modal img {
    width: 250px;
    height: 180px;
}

.booking-success-modal .booking-success-modal-title {
    font-weight: 700;
    font-size: 32px;
}

.booking-success-modal .booking-success-modal-desc {
    font-weight: 400;
    font-size: 16px;
    color: #000000;
}

.product-detail-booking .booking-button {
    border-radius: 8px;
    padding: 8px;
    width: 100%;
    background: var(--color-main);
    font-weight: 700;
    font-size: 16px;
    color: #ffffff;
    border: none;
    text-transform: uppercase;
}
.product-detail .product-detail-booking .booking-button{
    background: #CC3333;
}
.banner-footer .banner-full img{
   height: 273px;
}

.location-highlight .inner-wrap{
    margin-right: -40px;
}
.big-photo img{
    height: 619px;
}

@media (max-width: 576px) {
    .location-highlight .inner-wrap{
        margin-right: -10px;
        gap: 7px;
        padding: 9px;
    }
    .location-highlight .inner-wrap .inner-item{
        padding: 0;
    }
    .location-highlight .inner-item{
        margin: 0;
        padding: 0;
    }
    .big-photo img{
        height: 194px;
    }
    .small-photos img{
        height: 96px;
    }

}
@media (min-width: 1200px) {
    .big-photo img {
        height: 100%;
    }
    .swiper-button-next, .swiper-button-prev{
        display: none;
    }
}


.swiper-button-next, .swiper-button-prev{
    height: 30px;
    padding: 0 12px;
}
@media (min-width: 992px) {
    .header .padding-menu {
        padding: 0 0;
    }

    .header .inner-menu > ul > li {
        margin: 0 10px;
        padding: 22px 0;
    }
}

@media (max-width: 767.98px) {
    .about-us .description {
        -webkit-line-clamp: 10;
    }

    .box-social-fixed-right img {
        width: 77px;
        height: 77px;
    }

    .box-social-fixed-left img {
        width: 67px;
        height: 61px;
    }
}
.slider-partner .partner-item img{
    width: 320px;
    object-fit: none;
    height: 100px;
}
.swiper-button-next, .swiper-button-prev{
    display: none;
    padding: 4px 9px;
    top: 58%;
    width: 30px;
}
@media (max-width: 768px){
    .swiper-button-next, .swiper-button-prev{
        display: block;
    }
    .banner-footer .banner-full img{
        width: 100%;
        height: auto;
    }
}
.schedule-table td{
    vertical-align: middle;
    padding: 15px 0;
}
.ck-content .table table{
    border: 4px solid white;
}
.ck-content .table table .table-title{
    font-size: 24px;
}
.ck-content .table table .table-title2{
    font-size: 18px;
}
.ck-content .table table .table-width{
    padding: 0 54px;
}
.ck-content .table table td{
    padding: 15px 0;
    border: 4px solid white;
    font-size: 20px;
    font-weight: 700;
}
.ck-content .table table th{
    padding: 0;
}
@media (max-width: 768px){
    .schedule-table td{
        padding: 10px 0;
    }
    .ck-content .table table{
        border: 2px solid white;
    }
    .ck-content .table table .table-title{
        font-size: 8px;
    }
    .ck-content .table table .table-width{
        padding: 0 6px;
    }
    .ck-content .table table td{
        padding: 10px 0;
        border: 2px solid white;
        font-size: 8px;
        font-weight: 700;
    }
}

.about-us-mobile {
    display: none;
}

@media (max-width: 768px) {
    .about-us-mobile {
        display: block;
        width: 208px;
    }
    .about-us-mobile img{
        width: 100%;
        padding: 7px 0;
        background-color: #ffff;
    }
}

a.animation_zoom img {
    animation: calltrap_spin 3s infinite linear
}
@-webkit-keyframes calltrap_spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    30% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    33% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    36% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    39% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    42% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    45% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    48% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 1
    }
    51% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    54% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    57% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
.video-container-fullscreen {
    width: 100%;
    height: 525px;
}

.video-container-fullscreen iframe {
    width: 100%;
    height: 100%;
    border: none;
    object-fit: cover;
}

@media (max-width: 768px) {
    .video-container-fullscreen {
        height: 225px;
        margin-top: 30px;
    }
    .background-video{
        margin-top: 0;
    }
}
.video-container-fullscreen {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
#popup-video-youtubeIframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.text-red {
    color: #CC3333 !important;
}

.fs-22 {
    font-size: 22px !important;
}
.testimonial .inner-left>h2,
.testimonial .inner-left>p{
    color: white;
}
.testimonial .swiper-pagination-clickable .swiper-pagination-bullet{
    background-color: white;
}
.testimonial .swiper-pagination-clickable .swiper-pagination-bullet-active{
    background-color: var(--color-main);
}
@media (max-width: 768px) {
    .testimonial{
        padding: 20px 0 0;
    }
}

.location-highlight .inner-box img, .section-blog .inner-image-blog img {
    transition: transform 0.5s ease;
}

.location-highlight .inner-box img:hover, .section-blog .inner-image-blog img:hover {
    transform: scale(1.1);
}

.testimonial-item {
    transition: transform 0.4s cubic-bezier(0.25, 1.3, 0.5, 1);
}

.testimonial-item:hover {
    transform: translateY(-8px);
    animation: smooth-bounce 0.4s ease-out;
}

@keyframes smooth-bounce {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px);
    }
    100% {
        transform: translateY(-8px);
    }
}

.custom-product-hot .product-overlay{
    width: 93.5%;
}

/* Tour Date Selector Styles */
.tour-date-selector,
.product-overlay__info select.form-control {
    display: inline-block !important;
    width: auto !important;
    max-width: 100px;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 40px;
    padding: 5px 28px 5px 10px;
    font-size: 12px;
    line-height: 1.4;
    color: #333;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 6px center;
    background-size: 16px;
    transition: all 0.3s ease;
    margin-left: 5px;
    vertical-align: middle;
    height: auto;
    min-height: 28px;
}

.tour-date-selector:hover,
.product-overlay__info select.form-control:hover {
    border-color: #999;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.tour-date-selector:focus,
.product-overlay__info select.form-control:focus {
    outline: none;
    border-color: var(--orange, #F99A07);
    box-shadow: 0 0 0 3px rgba(249, 154, 7, 0.1);
}

/* For featured tours shortcode */
.product-overlay__info select.form-control {
    font-weight: 500;
}

/* Mobile specific styles */
@media (max-width: 768px) {
    .tour-date-selector,
    .product-overlay__info select.form-control {
        font-size: 13px;
        padding: 4px 24px 4px 8px;
        background-size: 14px;
        background-position: right 4px center;
        min-height: 26px;
    }
}