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

:root {
    --color-highlight: #FF3D6B;
    --color-main: #FF3D6B;
    --color-secondary: #00072B;
    --color-text: #1F1F1F;

    --white: #fff;
    --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: 'Lexend Deca', sans-serif;
    --font-primary: "Be Vietnam Pro", 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: "SVN Gilroy";
    src: url("../fonts/SVN-Gilroy-Bold-700.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SVN Gilroy";
    src: url("../fonts/SVN-Gilroy-Bold-Italic-700.otf") format("opentype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "SVN Gilroy";
    src: url("../fonts/SVN-Gilroy-SemiBold-600.otf") format("opentype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SVN Gilroy";
    src: url("../fonts/SVN-Gilroy-SemiBold-Italic-600.otf") format("opentype");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "SVN Gilroy";
    src: url("../fonts/SVN-Gilroy-Medium-500.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SVN Gilroy";
    src: url("../fonts/SVN-Gilroy-Medium-Italic-500.otf") format("opentype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "SVN Gilroy";
    src: url("../fonts/SVN-Gilroy-Regular-400.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SVN Gilroy";
    src: url("../fonts/SVN-Gilroy-Regular-Italic-400.otf") format("opentype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

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: #F6F6F6;
}

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) {
    .container {
        padding-right: 5px;
        padding-left: 5px;
    }

    .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 !important;
}

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

    .desktop-hidden {
        display: block !important;
    }
}

/* 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 {
    background: #ffffff;
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 20px;
    font-family: var(--font-primary);
}

.header .inner-topbar {
    padding: 5px 0;
    background-color: var(--color-main);
}

.header-fixed .inner-topbar {
    background-color: transparent;
    position: absolute;
    right: 13em;
}

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

.header .inner-topbar ul li {
    margin: 5px 15px;
    color: #000000;
    font-size: 13px;
}

.header .inner-topbar ul li a {
    color: #000000;
    font-weight: 600;
    font-size: 16px;
}

.header .inner-topbar ul li a i {
    font-size: 24px;
    color: var(--color-main);
}

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

.header .inner-main {
    background-color: #fff;
}

.header-fixed .inner-main {
    background-color: transparent;
    margin-top: 15px;
}

.header .inner-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    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: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

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

.header .inner-menu > ul > li > a {
    color: #000000;
    font-weight: 600;
    font-size: 16px;
}

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

.header .inner-menu > ul > li > a:hover,
.header .inner-menu > ul > li > a.active {
    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: flex;
    justify-content: space-between;
}

.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: #000000;
}

.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: #ffffff;
        padding: 0;
    }

    .header.header-fixed .inner-main .container {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }

    .header .inner-main {
        background: #ffffff;
        margin-top: 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: center;
        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-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: cover;
}

.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-search {
    position: absolute;
    left: 0;
    bottom: 60px;
    z-index: 99;
    width: 100%;
    font-family: var(--font-primary);
}

.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-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 {
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    border: 0;
    border-radius: 10px;
    font-size: 24px;
    color: var(--color-main);
    background: #fff;
}

.search-form .inner-submit:hover {
    color: #fff;
    background: var(--color-highlight);
}

.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 {
        aspect-ratio: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
        border-radius: 5px;
        font-size: 20px;
    }

    .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: 28px;
    font-weight: 600;
    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-main);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

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

/* End box-counter */

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

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

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

.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: #000000;
    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(--color-secondary);
    background: var(--color-secondary);
    padding: 5px 12px;
    border-radius: 5px;
    font-size: 15px;
    cursor: pointer;
    text-align: center;
}

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

.button-red {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: 1px solid var(--color-main);
    background: var(--color-main);
    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(--color-main);
    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;
}

.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;
}

.product-item .inner-title {
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 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;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 10px;
}

.product-item .inner-price-old,
.product-card .tour-features .inner-old-price,
.payment .payment-detail .inner-old-price {
    color: #9EA0A3;
    text-decoration: line-through;
    font-weight: 600;
    font-size: 18px;
    font-family: var(--font-primary);
}

.product-item .inner-price-new {
    color: var(--color-main);
    font-size: 25px;
    font-weight: 700;
    font-family: var(--font-primary);
    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;
    justify-content: space-evenly;
}

.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%, var(--color-main) 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: 770/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: 30px;
    font-weight: 400;
    color: var(--color-secondary);
    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: var(--color-secondary);
}

.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;
    right: 0;
    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: var(--color-main);
}

.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 {
    height: 320px;
    margin-top: 7.5rem;
}

.breadcrumb-image .inner-wrap {
    height: 320px;
    padding: 20px 0;
    display: flex;
    align-items: flex-end;
}
@media (max-width: 767.98px) {
    .breadcrumb-image .inner-wrap{
        height: 200px;
    }
    .breadcrumb-image{
        height: 200px;
    }
}
.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 6 Free';
    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-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-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-secondary);
    font-weight: 500;
    margin-left: 5px;
}

.product-detail-booking > .inner-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

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

.product-detail-booking > .inner-meta .inner-item span {
    color: var(--color-secondary);
}

.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-secondary);
}

.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-secondary);
}

.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 {
    color: #125536;
    height: 40px;
    padding: 0 15px;
    border: 1px solid var(--color-secondary);
    border-radius: 5px 0 0 5px;
    flex: 1;
    outline: none;
}

.product-detail-booking .inner-coupon button {
    background: var(--color-secondary);
    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(--color-main);
    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-secondary);
}

.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: 20px;
    color: var(--color-main);
    font-weight: 600;
    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: 20px;
    color: var(--color-main);
    font-weight: 600;
    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: 16px;
    font-weight: 600;
    color: var(--color-text);
    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: #9EA0A3;
    border-radius: 10px 10px 0px 0px;
    font-size: 14px;
    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;
    }
}

/* 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-secondary);
    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-secondary);
    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(--color-secondary);
}

@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: 600;
    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: 13px;
    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: 20px;
}

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

.news-link-list .inner-list li a {
    font-size: 13px;
    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.header-fixed .inner-main .container {
    display: flex;
    align-items: flex-end;
}

.header .inner-menu > ul > li > ul > li > ul {
    border-radius: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
}

@media (max-width: 991.98px) {
    .header .inner-main .logo {
        margin: 10px;
    }

    .header .inner-main .logo img {
        width: 94px;
        height: 50px;
    }

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

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

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

#dropdownLanguageMenu {
    font-size: 18px;
    font-weight: 700;
    font-family: var(--font-primary);
}

.header .inner-topbar ul li a.button-green {
    color: #ffffff;
}

.header .inner-topbar ul li a.button-outline-green {
    color: var(--color-main);
}
.header .inner-topbar ul li a.button-outline-green:hover{
    color: #ffffff;
}
.banner-hero > .banner-container > .banner-wrapper > img {
    width: 100%;
    height: 576px;
    object-fit: cover;
}

.banner-hero .inner-search .nav-tabs {
    justify-content: center;
}

.swiper-pagination-bullet {
    width: 40px;
    height: 5px;
    border-radius: 10px;
    background-color: #D9D9D9;
    opacity: 1;
    border: none;
}

.swiper-pagination-bullet-active {
    background-color: var(--color-main); /* Màu của thanh ngang khi active */
}

.product-item .badge, .product-card .badge, .payment .badge {
    font-size: 14px;
    font-weight: 400;
}

.custom-badge-primary {
    color: var(--color-main);
    border: 1px solid var(--color-main);
    background-color: #ffffff;
}

.custom-badge-blue {
    color: #001CAA;
    background-color: #D5DBFF;
}

.product-item .inner-location {
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 8px;
}

.product-item .inner-point, .product-card .tour-features .inner-point {
    font-weight: 400;
    font-size: 18px;
    background: #FFF5F8;
    padding: 6px 8px;
    color: var(--color-main);
    border-radius: 8px;
}

.product-item .inner-count-rating, .product-card .tour-features .inner-comments {
    margin-left: 10px;
    color: #9EA0A3;
    font-weight: 400;
    font-size: 14px;
}

.product-item .inner-brand {
    align-items: flex-end;
    display: flex;
    font-weight: 400;
    font-size: 10px;
}

.box-head-2 .inner-title {
    color: #000000;
    font-family: var(--font-primary);
}

.box-head-2 .inner-title span {
    color: var(--color-main);
}

.section-hotel .box-head-2 .inner-desc {
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: 16px;
    color: #4E4949;
}

.section-hotel .inner-filter-location .filter-item {
    padding: 4px 14px;
    color: #000000;
    background: #ffffff;
    border: 1px solid #CFCECE;
    border-radius: 16px;
}

.section-hotel .inner-filter-location .filter-item.selected {
    padding: 4px 14px;
    color: #ffffff;
    background: var(--color-main);
    border-radius: 16px;
}

.section-tour .inner-price, .section-tour .inner-meta-one {
    flex-direction: row;
    justify-content: space-between;
}

.section-tour .inner-price .inner-price-old {
    font-weight: 400;
    font-size: 14px;
}

.section-tour .inner-price .inner-price-new {
    font-weight: 700;
    font-size: 16px;
}

.section-tour .inner-meta-one .inner-text {
    font-size: 10px;
    font-weight: 200;
}

.section-tour .inner-buttons {
    display: flex;
    flex-direction: column;
}

.section-tour .inner-buttons .booking-now {
    gap: 10px;
    display: flex;
    padding: 8px 6px;
    border: 1px solid #00072B;
    color: #000000;
    width: 100%;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    font-weight: 400;
    font-size: 12px;
}

.section-tour .inner-buttons .view-product-detail {
    display: flex;
    color: var(--color-main);
    justify-content: center;
    align-items: center;
    font-weight: 300;
    font-size: 10px;
    margin-top: 10px;
}

.section-tour .container .flex-item .product-item {
    display: flex;
}

.section-tour .container .flex-item .product-item .inner-image {
    height: 100%;
    width: 160px;
    aspect-ratio: 177/194;
}

.section-tour .container .flex-item .product-item .inner-price .inner-price-old {
    font-size: 10px;
}

.section-tour .container .flex-item .product-item .inner-price .inner-price-new {
    font-size: 12px;
}

.section-tour .container .flex-item .product-item .inner-buttons {
    flex-direction: row;
    justify-content: space-around;
}

.section-tour .container .flex-item .product-item .inner-buttons .booking-now {
    color: var(--color-main);
    border: 0.5px solid var(--color-main);
    width: 53%;
}

.section-tour .container .flex-item .product-item .inner-buttons .view-product-detail {
    color: #000000;
}

.section-tour .container .flex-item .product-item .inner-buttons .view-product-detail {
    margin-top: 0;
}

.section-product-hot .box-head-2 .inner-left {
    flex-direction: row;
    align-items: center;
}

.section-airline-ticket .flight-card {
    background-color: #fff;
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    font-family: var(--font-primary);
}

.section-airline-ticket .flight-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.section-airline-ticket .time {
    text-align: center;
}

.section-airline-ticket .time span {
    font-weight: 600;
    font-size: 18px;
}

.section-airline-ticket .time .code {
    color: #FF0066;
    font-size: 18px;
    font-weight: bold;
}

.section-airline-ticket .flight-duration {
    text-align: center;
    font-size: 14px;
}

.section-airline-ticket .flight-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.section-airline-ticket .seats-left {
    font-weight: 400;
    font-size: 10px;
}

.section-airline-ticket .seats-left b {
    background: var(--color-main);
    padding: 4px;
    border-radius: 4px;
}

.section-airline-ticket .flight-detail {
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}

.section-airline-ticket .flight-price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-weight: 600;
    font-size: 14px;

}

.section-airline-ticket .flight-price strong {
    font-weight: 600;
    font-size: 18px;
}

.banner-hero .search-wrapper {
    background: #FAFAFAE5;
    font-family: var(--font-primary);
    border-radius: 11px;
}

.banner-hero .search-wrapper .form-row {
    justify-content: space-evenly;
    align-items: center;
}

.banner-hero .search-wrapper .nav-item {
    margin-right: 10px;
}

.banner-hero .search-wrapper .nav-link {
    font-weight: 600;
    font-size: 18px;
    background-color: transparent;
}

.banner-hero .search-wrapper .nav-tabs .nav-link.active {
    color: var(--color-main);
    background-color: inherit;
    border-color: #FAFAFAE5 #FAFAFAE5 var(--color-main);
}

.banner-hero .search-wrapper .tab-content .tab-pane {
    padding: 12px 36px 6px 36px;
}

.banner-hero .search-wrapper .tab-content .form-group label {
    font-weight: 400;
    font-size: 14px;
    color: var(--color-secondary);
}

.banner-hero .search-wrapper form .search-button {
    width: 95px;
    height: 65px;
    background-color: #ffffff;
    border-radius: 10px;
    font-size: 25px;
    border: none;
    margin-left: 10px;
    margin-bottom: 1rem;
    color: var(--color-secondary);
}

.banner-hero .search-wrapper .form-control {
    font-size: 14px;
}

.banner-hero .banner-wrapper .inner-text {
    position: absolute;
    left: 0;
    top: 10rem;
    z-index: 99;
    width: 100%;
}

.banner-hero .banner-wrapper .inner-text .inner-title {
    font-size: 40px;
    font-weight: 700;
    color: var(--color-secondary);
}

.banner-hero .banner-wrapper .inner-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
}

@media (max-width: 767.98px) {
    .banner-hero .banner-wrapper .inner-text {
        top: 2rem;
    }

    .banner-hero .banner-wrapper .inner-text .inner-title {
        font-size: 16px;
        font-weight: 700;
        color: var(--color-secondary);
    }

    .banner-hero .search-wrapper form .search-button {
        color: #ffffff;
        background-color: var(--color-main);
        width: 80px;
        height: 55px;
        margin-bottom: 0;
    }

    .banner-hero .inner-search .nav-tabs {
        justify-content: space-around;
    }

    .banner-hero .search-wrapper .nav-link {
        font-size: 9px;
    }
}

.breadcrumb-image .breadcrumb-overlay {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(255, 61, 107, 0.8) 100%);
    z-index: 2;
    pointer-events: none;
}

.breadcrumb-image .container {
    position: relative;
    z-index: 10;
}
.hotel-inner-search h1{
    color: var(--color-main);
    font-size: 35px;
    font-weight: 700;
}
.banner-hero .hotel-search-wrapper{
    padding: 12px 36px;
    box-shadow: 0px 0px 5px 0px #00000026;
}
.banner-hero .hotel-inner-search{
    top: 26%;
}
.banner-hero .hotel-banner-wrapper .hotel-text-left{
    top: unset;
    bottom: 22%;
}
.banner-hero .hotel-banner-wrapper .hotel-text-left .inner-title{
    font-size: 25px;
    font-weight: 700;
    width: 558px;
    color: #ffffff;
}
.hotel-banner-wrapper {
    position: relative;
    background-size: cover;
    background-position: center;
    height: 671px;
}

/* Thêm gradient vào ::before */
.hotel-banner-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(255, 61, 107, 0) 20%, #FF3D6B 100%);
    z-index: 1;
}
.banner-hero .hotel-banner-wrapper .inner-buttons{
    justify-content: flex-start;
}

.banner-hero .hotel-banner-wrapper .button-green{
    background-color: #ffffff;
    color: var(--color-main);
}
.banner-hero .hotel-banner-wrapper .button-outline-green{
    border: 1px solid #ffffff;
    color: #ffffff;
}
.banner-hero .hotel-banner-wrapper .hotel-text-right .inner-title h1{
    font-size: 30px;
    font-weight: 700;
    color: #ffffff;
}
.banner-hero .hotel-banner-wrapper .hotel-text-right .inner-title h3{
    font-size: 25px;
    font-weight: 700;
    color: #ffffff;
}
.banner-hero .hotel-banner-wrapper .hotel-text-right .inner-title p{
    font-size: 16px;
    color: #ffffff;
    font-weight: 600;
}
.banner-hero .hotel-banner-wrapper .hotel-text-right{
    top: unset;
    bottom: 9%;
    right: 0px;
    left: 10%;
    text-align: end;
}
.banner-hero .hotel-banner-wrapper .hotel-text-right .inner-buttons{
    justify-content: flex-end;
    font-size: 17px;
}
.banner-hero .hotel-banner-wrapper .hotel-text-right .button-green{
    font-size: 17px;
    font-weight: 700;
    padding: 5px 25px;
}
@media (max-width: 767.98px) {
    .hotel-banner-wrapper{
        height: 400px;
        position: relative;
    }
    .banner-hero .hotel-inner-search{
        top: 8% !important;
        position: relative;
    }

    .hotel-inner-search h1 {
        font-size: 20px;
        margin-top: 15px;
        text-align: center;
    }
    .banner-hero .hotel-banner-wrapper .hotel-text-left,
    .banner-hero .hotel-banner-wrapper .hotel-text-right{
        display: none;
    }


}

/* discount */
.discount{
    margin-top: 33px;
}
.discount h2{
    font-size: 36px;
    font-weight: 500;
}
.discount h2 .highlight{
    color: var(--color-main);
}
.discount-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffeff3;
    border: 1px solid #fa99b0;
    border-radius: 10px;
    padding:20px;
    position: relative;
}

.discount-info {
    flex: 3;
    color: #333;
    position: relative;
}

.discount-info p {
    margin: 5px 0;
    font-size: 13px;
}
.discount-info p:first-child{
    font-size: 15px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.discount-info a {
    color: var(--color-main);
    text-decoration: none;
}

.discount-code {
    flex: 1;
    text-align: center;
    border-left: 1px dashed var(--color-main);
    padding-left: 20px;
    position: relative;
}

.discount-code p {
    margin: 0 0 10px 0;
}
.discount-code p:first-child{
    font-size: 16px;
    font-weight: 600;
}


.get-code {
    background-color: var(--color-main);
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}

.discount-info::before,
.discount-info::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 15px;
    background-color: #F6F6F6;
    border: 1px solid #fa99b0;

    z-index: 3;
}

.discount-info::before {
    top: -24px;
    left: calc(100% - 15px);
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border-top: none;

}

.discount-info::after {
    bottom: -24px;
    left: calc(100% - 15px);
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom: none;
}

.discount .swiper-button-next:after{
    content: '';
}
.discount .swiper-button-next{
    background-color: #FAFAFA;
    font-size: 16px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    right: -15px;
    color: var(--color-main);
}
@media (max-width: 767.98px) {
    .discount h2{
        font-size: 18px;
        font-weight: 500;
    }
    .discount-info p:first-child,
    .discount-code p:first-child,
    .discount-code p{
        font-size: 13px;
    }
    .discount-info p,
    .discount-info a{
        font-size: 11px;
    }
    .get-code{
        font-size: 13px;
        padding: 5px 8px;
    }
}
/*khách sạn theo địa điểm*/

.hotel-place-image img{
    border-radius: 50%;
    width: 100%;
    aspect-ratio: 1/1;
}
.hotel-place-content{
    text-align: center;
    margin-top: 16px;
}
.hotel-place-content h3{
    font-size: 24px;
    font-weight: 700;
}
.hotel-place-content p{
    font-size: 14px;
    font-weight: 400;
}
@media (max-width: 767.98px) {
    .hotel-place-content{
        margin-top: 10px;
    }
    .hotel-place-content h3{
        font-size: 18px;
    }
    .hotel-place-content p{
        font-size: 11px;
    }
}
.hotel-post .inner-discount{
    left: unset;
    right: 0;
    margin: 9px;
    border-radius: 8px;
}
.hotel-post .inner-image img{
    aspect-ratio: 445/285;
}

.hotel-post .inner-title a{
    font-size: 18px;
    font-weight: 600;
}
.hotel-post .inner-content{
    padding: 15px;
}
.hotel-post .inner-content p{
    font-size: 12px;
    font-weight: 400;
}
.hotel-post .inner-content .btn-explore{
    text-align: end;
}
.hotel-post .inner-content .btn-explore a{
    color: var(--color-main);
}
@media (max-width: 767.98px) {
    .section-hotel .box-head-2 .inner-desc{
        font-size: 14px;
    }
}
.promotion-content{
    display: flex;
    align-items: center;
}
.promotion-content .content-text{
    margin-left: 32px;
}
.promotion-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f9f9f9;
    padding: 20px;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    width: 1060px;
    margin: 20px auto;
}

.promotion-content {
    flex: 1;
    margin-right: 20px;
}

.promotion-content h2 {
    font-size: 16px;
    font-weight: 700;
}

.promotion-content p {
    font-size: 12px;
    font-weight: 400;
    width: 340px;
    margin-bottom: 0;
}

.promotion-input {
    display: flex;
    align-items: center;
}

.promotion-input input {
    padding: 9px;
    border: 1px solid #dcdcdc;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    flex: 1;
}

.register-button {
    background-color: var(--color-main);
    color: white;
    border: none;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 10px 20px;
}

@media (max-width: 767.98px) {
    .promotion-wrapper {
        flex-direction: column;
        align-items: flex-start;
        width: unset;
    }

    .promotion-content {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .promotion-input {
        width: 100%;
    }

    .promotion-content p{
        width: unset;
        font-size: 10px;
    }
    .promotion-content h2{
        font-size: 14px;
    }
}

/*detail hotel*/

.text-right-breadcumbs{
    position: absolute;
    bottom: 7%;
    right: -22%;
}
.text-right-breadcumbs ul{
    display: flex;
}
.text-right-breadcumbs ul li{
    list-style: none;
    font-size: 27px;
    color: #ffffff;
    font-weight: 600;
    margin-right: 32px;
}

.hotel-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 10px 20px;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    margin-bottom: 10px;
}

.hotel-item .hotel-info {
    display: flex;
    flex-direction: column;
}

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

.hotel-item .rating-score {
    font-size: 18px;
    color: #FF3D6B;
    margin-right: 24px;
    background-color: #FFE3E9;
    border-radius: 10px;
    padding: 7px 10px;
}
.rating-score img{
    width: 36px;
    height: 36px;
}
.hotel-item .rating-text {
    font-size: 20px;
    color: #666;
    margin-right: 10px;
}

.hotel-item .stars {
    color: #FFD600;
    font-size: 18px;
    margin: 0 7px;
}
.hotel-item .stars i{
    margin-right: 8px;
}
.location {
    display: flex;
    align-items: center;
    margin-top: 5px;
    justify-content: space-between;
}

.icon {
    margin-right: 5px;
}

.location-text {
    font-size: 14px;
    color: #333;
}

.booking-info {
    background-color: #D5DBFF;
    color: #001CAA;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 12px;
    margin-left: 10px;
    margin-right: 165px;
}

.hotel-price {
    display: flex;
    align-items: center;
}

.hotel-type {
    background-color: #fff0f0;
    color: #ff3d6b;
    border: 1px solid #ff3d6b;
    padding: 5px 10px;
    border-radius: 4px;
    margin-right: 20px;
}

.price {
    display: flex;
    flex-direction: column;
    margin-right: 20px;
}

.old-price {
    text-decoration: line-through;
    color: #aaa;
    font-size: 14px;
    text-align: end;
}

.new-price {
    font-size: 28px;
    color: #ff3d6b;
    font-weight: bold;
}

.choose-room-btn {
    background-color: #ff3d6b;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.choose-room-btn:hover {
    background-color: #e63946;
}

@media (max-width: 767.98px) {
    .hotel-item, .location, .hotel-item .rating{
        flex-direction: column;
    }
    .hotel-item{
        align-items: center;
    }
    .booking-info{
        margin: 0;
    }
    .hotel-item .rating{
        gap: 7px;
    }
    .location{
        gap: 5px;
    }
    .new-price{
        font-size: 20px;
    }
    .hotel-price{
        margin-top: 15px;
    }
    .text-right-breadcumbs{
        display: none;
    }
}


.booking-time-left {
    height: 50px;
    width: 100%;
    background-color: #EDA145;
    margin-top: 7.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: 18px;
}

.product-card .card-wrapper {
    background-color: #ffffff;
    padding: 25px 18px;
    box-shadow: 0 0 5px 0 #00000026;
    border-radius: 16px;
    margin-top: 30px;
}

.product-card .flight-detail {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
}

.product-card .flight-start, .product-card .flight-end {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.product-card .flight-end {
    margin-top: 33px;

}

.product-card .flight-start i, .product-card .flight-end i {
    margin-right: 10px;
}

.product-card .flight-info {
    display: flex;
    flex-direction: column;
}

.product-card .flight-title {
    font-weight: 300;
    font-size: 12px;
}

.product-card .dashed-line {
    left: 10px;
    top: 3rem;
    width: 1px;
    height: 35px;
    background: linear-gradient(to bottom, transparent 50%, #000 50%);
    background-size: 100% 10px;
    margin-bottom: 20px;
    position: absolute;
}

.product-card .dashed-line::before,
.product-card .dashed-line::after {
    content: '';
    width: 5px;
    height: 5px;
    background-color: #000;
    border-radius: 50%;
    position: absolute;
    left: -2px;
}

.product-card .dashed-line::before {
    top: -10px;
}

.product-card .dashed-line::after {
    bottom: -10px;
}

.product-card .col-middle {
    position: relative;
}

.product-card .col-middle::before,
.product-card .col-middle::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 70%;
    background-color: #E4E4E4;
}

.product-card .col-middle::before {
    left: 0;
    top: 15%;
}

.product-card .col-middle::after {
    right: 0;
    top: 15%;
}

.product-card .inner-detail .inner-brand {
    font-weight: 400;
    font-size: 10px;
    margin-bottom: 8px;
}

.product-card .inner-detail .inner-title {
    font-family: var(--font-primary);
    color: var(--color-secondary);
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 8px;
}

.product-card .inner-meta-one {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.product-card .inner-meta-one .inner-location {
    font-weight: 300;
    font-size: 14px;
}

.product-card .inner-meta-one .inner-rating i {
    color: #FFD600;
}

.product-card .inner-detail .inner-features ul, .invoice .inner-invoice-desc ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.product-card .inner-detail .inner-features ul li {
    font-weight: 400;
    font-size: 12px;
}

.product-card .inner-detail .inner-features ul li i, .invoice .inner-invoice-desc ul li i {
    margin-right: 10px;
}

.product-card .inner-detail .inner-tag, .invoice .invoice-card .inner-invoice-desc, .invoice .invoice-card .inner-invoice-note {
    margin-bottom: 16px;
}

.custom-badge-primary {
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: 14px;
}

.product-card .tour-features, .product-card .customer-detail {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    font-family: var(--font-primary);
}

.product-card .tour-features .inner-login-discount-price,
.payment .payment-detail .inner-login-discount-price {
    font-weight: 400;
    font-size: 14px;
}

.product-card .tour-features .inner-login-discount-price > span,
.payment .payment-detail .inner-login-discount-price > span {
    color: var(--color-main);
}

.product-card .tour-features .inner-voucher,
.payment .inner-voucher {
    border: 1px dashed #FFD8E1;
    padding: 8px;
    font-family: var(--font-primary);
    font-weight: 300;
    font-size: 14px;
    color: #E4E4E4;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.badge-primary-light {
    color: var(--color-main);
    background-color: #FFF5F8;
}

.product-card .card-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.product-card .tour-features .inner-voucher .inner-discount-price,
.payment .inner-voucher .inner-discount-price {
    font-weight: 700;
    font-size: 18px;
    color: var(--color-main);
}

.product-card .tour-features .inner-price,
.payment .inner-price {
    font-weight: 400;
    font-size: 18px;
}

.product-card .tour-features .inner-price span,
.payment .inner-price span {
    font-weight: 700;
    font-size: 24px;
    color: var(--color-main);
}

.product-info {
    margin: 30px 0;
    font-family: var(--font-primary);
}

.product-info .product-info-wrapper {
    display: flex;
    justify-content: space-around;
}

.product-info .product-info-wrapper .inner-item {
    display: flex;
    flex-direction: column;
}

.product-info .product-info-wrapper .inner-item span:nth-child(1) {
    font-weight: 400;
    font-size: 18px;
}

.product-info .product-info-wrapper .inner-item span:nth-child(2) {
    font-weight: 700;
    font-size: 24px;
}

.booking-form .booking-card,
.invoice .invoice-card,
.payment .payment-methods {
    margin-bottom: 24px;
    background-color: #FFFFFF;
    border-radius: 16px;
    padding: 40px 32px;
    font-family: var(--font-primary);
}

.booking-form .booking-card .card-title {
    color: var(--color-main);
}

.booking-form .booking-card .card-title,
.booking-form .booking-card label, .invoice .invoice-card .inner-title,
.payment .inner-title {
    font-weight: 700;
    font-size: 24px;
}

.booking-form .booking-card .form-control {
    border-radius: 1rem;
    background-color: #E4E4E4;
    height: calc(1.5em + 0.75rem + 10px);
}

.invoice .invoice-card .inner-invoice-desc {
    padding: 24px;
    background-color: #FFF1F1;
}

.invoice .invoice-card .inner-invoice-desc {

}

.invoice .invoice-card .inner-invoice-desc ul li {
    font-weight: 400;
    font-size: 14px;
    color: #737373;
}

.payment .inner-title {
    margin-bottom: 8px;
}

.payment .method-item {
    margin: 8px 0;
    display: flex;
    justify-content: space-between;
}

.payment .method-item label {
    font-weight: 400;
    font-size: 18px;
}

.payment .method-item i {
    font-size: 24px;
    margin-right: 10px;
}

.payment .payment-detail {
    display: flex;
    flex-direction: column;
    align-items: flex-end;

}

.contact-form .contact-form-wrapper {
    background-color: #ffffff;
    padding: 40px 56px;
    font-family: var(--font-primary);
    border-radius: 16px;
    margin: 0 25px;
}

.contact-form .inner-content .inner-contact-img {
    margin-right: 20px;
}

.contact-form .inner-content {
    display: flex;
    align-items: center;
}

.contact-form .inner-content .inner-text {
    display: flex;
    flex-wrap: wrap;
}

.contact-form .inner-content .inner-text span:nth-child(1) {
    font-weight: 700;
    font-size: 18px;
}

.contact-form .inner-content .inner-text span:nth-child(2) {
    font-weight: 400;
    font-size: 14px;
}

.contact-form .form-inline input {
    box-shadow: none;
    background-color: #F3F3F3;
}

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

@media (max-width: 767.98px) {
    .booking-time-left {
        margin-top: 0;
    }

    .product-info .product-info-wrapper {
        flex-direction: column;
        align-items: center;
    }

    .product-info .product-info-wrapper .inner-item {
        align-items: center;
    }

    .product-card .col-middle::before,
    .product-card .col-middle::after {
        background-color: #ffffff;
    }

}

.booking-tour-info {
    font-family: var(--font-primary);
    margin-top: 9rem;
}

.booking-tour-info .inner-text {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.booking-tour-info .inner-text .inner-booking-status {
    font-weight: 700;
    color: var(--color-main);
    font-size: 32px;
}

.booking-tour-info .inner-text .inner-booking-text {
    font-weight: 400;
    color: var(--color-secondary);
    font-size: 20px;
}

.product-card .customer-detail .inner-title {
    font-weight: 700;
    font-size: 18px;
    color: var(--color-main);
}

.product-card .customer-detail .inner-info {
    font-weight: 400;
    font-size: 16px;
}

@media (max-width: 767.98px) {
    .booking-tour-info {
        margin-top: 1rem;
    }
}
.image-gallery{
    margin-top: 38px;
}
.image-gallery img{
    width: 100%;
    height: 370px;
}
.image-gallerygrid-4 img{
    height: 175px;
    object-fit: cover;
    border-radius: 5px;
}
.image-gallerygrid-4 .col-6 {
    padding-bottom: 20px;
}
.image-gallery .row{
    display: flex;
}
.image-container {
    position: relative;
    overflow: hidden;
}
.image-overlay {
    position: absolute;
    top: 1px;
    left: 10px;
    right: 10px;
    bottom: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 24px;
    font-weight: bold;
    border-radius: 5px;
    text-align: center;
    line-height: 190px;
}

@media (max-width: 767.98px) {
    .image-gallery {
        margin-top: 25px;
    }
    .image-gallery img{
        height: 170px;
    }
    .image-gallerygrid-4 img{
        height: 79px;
    }
    .image-overlay{
        line-height: 79px;
    }
    .image-overlay{
        left: 5px;
        right: 5px;
        font-size: 15px;
    }
    .image-gallerygrid-4 .col-6{
        padding-bottom: 10px;
    }
}
.check-room{
    padding: 32px;
    background-color: #ffffff;
    border-radius: 16px;
}
.check-room .form-row{
    gap: 10px;
}
#reportrange{
    border-radius:5px ;
}
.type-room{
    width: 278px;
    height: 34px;
    border: 1px solid #CFCECE;
    line-height: 34px;
    border-radius: 5px;
    padding-left: 10px;
}
.check-room .search-button{
    border: none;
    border-radius: 5px;
    padding: 6px 20px;
    color: #ffffff;
    background-color: var(--color-main);
}
.room-option{
    min-width: 330px;
    border: 1px solid #E4E4E4;
    border-radius: 5px;
    background-color: white;
}
.room-option ul{
    padding: 16px;
    margin: 0;
}
.room-option ul li{
    display: flex;
    align-items: center;
    justify-content:space-between ;
}
.room-option ul li p{
    font-size: 14px;
    font-weight: 400;
    color: var(--color-main);
}
.room-option ul li p span{
    font-weight: 300;
}
.room-option ul li input{
    width: 40px;
    padding-left: 20px;
    border: none;
    color: var(--color-main);
}
.room-option ul li button{
    border: none;
    background-color: #ffffff;
    font-size: 20px;
}
.room-option ul li button:first-child{
    color: #CCCED0;
}
.type-room-container{
    position: relative;
}
.room-option{
    position: absolute;
    left: 0;
    display: none;
}

.quick-option-title p{
    margin-top: 16px;
    font-size: 15px;
    font-weight: 600;
}
.quick-option {
    display: flex;
    gap: 20px;
    align-items: center;
}
.quick-option label {
    display: flex;
    align-items: center;
    font-family: Arial, sans-serif;
    font-size: 16px;
}
.quick-option input[type="checkbox"] {
    margin-right: 8px;
    width: 20px;
    height: 20px;
}
.flight-detail ul{
    padding-left: 0;
}
.flight-detail ul li{
    list-style: none;
    padding-left: 10px;
    color: var(--color-main);
    display: flex;
}
.flight-detail ul li .icon{
    min-width: 30px;
}

.product-card .swiper-button-next:after,
.product-card .swiper-button-prev:after{
    content: '';
}
.product-card .swiper-button-next{
    background-color: #FAFAFA;
    font-size: 16px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    right: -12px;
    color: var(--color-main);
}
.product-card .swiper-button-prev{
    color: var(--color-main);
    background-color: #FAFAFA;
    font-size: 16px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    left: -12px;
}
@media (max-width: 767.98px) {
    .check-room .form-row{
        flex-direction: column;
    }
    .check-room .form-row #reportrange{
        padding: 5px 9px !important;
    }
    .type-room-container{
        margin-left: -5px;
    }
    .quick-option{
        flex-wrap: wrap;
    }
    .quick-option label{
        min-width: 152px;
        font-size: 14px;
    }
    .quick-option input[type="checkbox"]{
        width: 15px;
        height: 15px;
    }
}
.product-card-hotel .inner-detail .inner-features ul li{
    display: flex;
    margin-bottom: 16px;
}
.product-card-hotel .pagination-bottom{
    padding-bottom: 21px;
}
.product-hotel-info .product-info-wrapper .inner-item span:nth-child(1){
    font-weight: 700;
    font-size: 24px;
}
.product-hotel-info .product-info-wrapper .inner-item span:nth-child(2){
    font-weight: 400;
    font-size: 18px;
}
.booking-form .booking-card select.form-control{
    width: unset;
    margin-right: 8px;
}
.booking-form .booking-card .booking-helper label{
    font-size: 18px;
    font-weight: 400;
}
.booking-form .booking-card .booking-helper input{
    width: 20px;
    height: 20px;
}
.required{
    color: red;
}
.payment-hotel-logo{
    margin: 22px auto;
    width: 171px;
}
.payment-hotel-logo img{
    width: 171px;
    height: 90px;
}
.payment-hotel-time{
    margin-top: 0px;
}
.payment-info{
    display: flex;
    align-items: center;
    margin-top: 39px;
}
.payment-info .logo img{
    width: 96px;
    height: 96px;
    margin-right: 20px;
}
.payment-info .payment-details p:first-child{
    font-size: 24px;
    font-weight: 700;
}
.payment-info .payment-details p{
    font-size: 16px;
    font-weight: 400;
}
.payment-container .payment-price{
    display: flex;
    justify-content: space-between;
    margin: 59px 0 65px;
}
.payment-container .payment-price span{
    font-size: 24px;
    font-weight: 400;
}
.payment-qr{
    display: flex;
    align-items: center;
    margin-bottom: 86px;
}
.payment-qr .qr-code{
    margin: 0 41px;
}
.payment-qr .payment-steps p{
    font-size: 22px;
}

@media (max-width: 767.98px) {
    .payment-container .payment-price {
        flex-direction: column;
        margin: 20px 0;
    }

    .payment-qr {
        flex-direction: column;
    }

    .payment-qr .qr-code {
        margin-bottom: 10px;
    }
}

.blog-page {
    margin-top: 7.5rem;
}

.post-widget .featured-posts .inner-right {
    font-size: 14px;
    font-family: var(--font-primary);
}

.post-widget .featured-posts .inner-right .inner-title {
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3em;
}

.post-widget .featured-posts .inner-right .inner-bottom {
    font-weight: 400;
}

.post-widget .featured-posts ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.post-widget .featured-posts ul li {
    display: flex;
    margin-bottom: 15px;
}

.post-widget .featured-posts ul li img {
    width: 100px;
    margin-right: 10px;
    border-radius: 6.5px;
}

.post-widget .featured-banner {
    width: auto;
    margin-top: 30px;
}

.post-widget .featured-banner img {
    width: 360px;
    height: 360px;
    object-fit: cover;
    border-radius: 12px;
}

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

.pagination a {
    color: black;
    text-decoration: none;
    padding: 10px 16px;
    margin: 0 5px;
    border: 1px solid #ddd;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.pagination a:hover {
    background-color: #ddd;
}

.pagination a.active {
    background-color: var(--color-main);
    color: white;
    border: 1px solid var(--color-main);
}

.pagination a.prev:hover, .pagination a.next:hover {
    background-color: #ddd;
}

@media (max-width: 767.98px) {
    .blog-page {
        margin-top: 0;
    }
}
.breadcrumb-image .inner-item::after,
.breadcrumb-image .inner-item a{
    color: #A6A6A6;
}
.section-contact-title h2{
    font-size: 27.88px;
    font-weight: 600;
    color: var(--color-main);
}
.offices-section{
    margin-bottom: 32px;
}
.office-info .head-office img{
    width: 100%;
}
.office-info .international-offices h3,
.office-info .head-office h3{
    font-size: 24px;
    font-weight: 700;
}
.office-info .international-offices ul{
    list-style: none;
    padding-left: 0;
}
.office-info .international-offices ul li p,
.office-info .head-office p{
    font-size: 14px;
    margin-bottom: 4px;
}
.branch-offices{
    margin-bottom: 65px;
}
.branch-offices .branch-addresses{
    padding-top: 35px;
    border-top: 1px solid #DBDDE0;
    margin-bottom: 75px;
}

.branch-offices .branch-addresses{
    display: flex;
    justify-content: space-between;
}
.branch-offices .branch-addresses .address{
    display: flex;
    align-items: center;
}
.branch-offices .branch-addresses .address i{
    font-size: 21px;
    color: var(--color-main);
}
.branch-offices .branch-addresses .address p{
    margin-bottom: 0;
    margin-left: 9px;
    font-size: 18px;
    font-weight: 600;
}
.branch-offices .branches .branch{
    margin-bottom: 28px;
}
.branch-offices .branches h3{
    font-size: 17.42px;
    font-weight: 600;
    margin-bottom: 40px;
}
.branch-offices .branches .branch p{
    font-size: 16px;
}
.branch-offices .branches .branch a,
.branch-offices .branches .branch p span{
    color: var(--color-main);
}
.branch-offices .branches .branch a{
    text-decoration: underline;
}
.form-contact{
    padding-top: 40px;
    border-top: 1px solid #DBDDE0;
}
.form-contact .form-check:last-child{
    padding-left: 40px;
}
.form-contact input.form-control{
    padding: 27px 23px;
    color: #828282;
}
.form-contact input[type=submit]{
    padding: 12px 100px;
    border-radius: 11px;
    background-color: var(--color-main);
    color: #ffff;
    border: none;
    margin-left: 10px;
}
@media (max-width: 767.98px) {
    .section-contact-title h2{
        font-size: 24px;
    }
    .office-info .international-offices h3, .office-info .head-office h3{
        font-size: 20px;
    }
    .breadcrumb-image{
        margin-top: unset;
    }
    .office-info .head-office img{
        display: none;
    }
    .office-info{
        margin-top: 25px;
    }
    .branch-offices .branch-addresses{
        flex-direction: column;
    }
    .branch-offices .branch-addresses{
        padding-top: 20px;
        margin-bottom: 30px;
    }
    .branch-offices .branches h3{
        margin-bottom: 30px;
    }
    .branch-offices .branch-addresses .address{
        margin-bottom: 10px;
    }
    .branch-offices .branches .branch p{
        font-size: 14px;
    }
    .form-contact input.form-control{
        padding: 0 15px;
    }
    .form-contact textarea.form-control{
        height: 5em;
    }
    .form-contact input[type=submit]{
        margin-top: 15px;
    }
}

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

.tour-item .inner-price-old {
    font-size: 14px;
    font-weight: normal;
    font-family: var(--font);
}

.tour-item .inner-price-new {
    font-size: 15px;
    font-weight: 600;
    font-family: var(--font);
}

.product-item .inner-stock span {
    background-color: var(--color-main);
    color: #ffffff;
}

.tour-item .inner-price {
    flex-direction: row;
}

.custom-section-tour .product-item {
    display: flex;
}

.custom-section-tour .product-item .inner-image {
    height: 100%;
    width: 160px;
    aspect-ratio: 177/194;
}

.custom-section-tour .product-item .inner-price .inner-price-old {
    font-size: 10px;
}

.custom-section-tour .product-item .inner-price .inner-price-new {
    font-size: 12px;
}

.custom-section-tour .product-item .inner-buttons {
    flex-direction: row;
    justify-content: space-around;
}

.custom-section-tour .product-item .inner-buttons .booking-now {
    color: var(--color-main);
    border: 0.5px solid var(--color-main);
    width: 53%;
}

.custom-section-tour .product-item .inner-buttons .view-product-detail {
    color: #000000;
}

.custom-section-tour .product-item .inner-buttons .view-product-detail {
    margin-top: 0;
}
.my-order .main-content,
.sidebar{
    padding: 37px 21px;
    border-radius: 16px;
    background-color: #FFFFFF;
}
.my-order{
    margin-top: 10.5em;
    margin-bottom: 34px;
}
.sidebar-top{
    display: flex;
    align-items: center;
}
.sidebar-top img{
    width: 67px;
    height: 78px;
}
.sidebar-top h3{
    font-size: 18.88px;
    font-weight: 700;
    margin-bottom: 0;
}
.sidebar-top p{
    font-size: 10.79px;
    font-weight: 400;
}
.sidebar-body ul{
    padding-left: 0;
}
.sidebar-body ul li{
    list-style: none;
    padding: 17px 5px;
}
.sidebar-body ul li i{
    margin-right: 15px;

}
.sidebar-body ul li a{
    color: #00072B;
    font-size: 18.88px;
    font-weight: 300;
    padding: 14px 5px;
    margin-bottom: 5px;
}
.sidebar-body .active{
    color: var(--color-main);
}
.line-container {
    display: flex;
    align-items: center;

}

.dot {
    width: 8px;
    height: 8px;
    background-color: #c6c6c6;
    border-radius: 50%;
}

.line {
    flex-grow: 1;
    height: 1px;
    background-color: #c6c6c6;
}
.sidebar .signout a{
    font-size: 18.88px;
    font-weight: 300;
    color: #464646;
}
.sidebar .signout{
    margin-top: 24px;
    margin-left: 10px;
}
.my-order .main-content{
    background-color: #FAFAFA;
}
.my-order .main-content h1{
    font-size: 32px;
    font-weight: 700;
    color: var(--color-main);
}
.tabs {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.tabs a {
    text-decoration: none;
    color: #333;
    padding-bottom: 5px;
    border-bottom: 2px solid transparent;
    font-size: 14px;
}
.tabs a.active {
    border-bottom: 2px solid #434345
}
.my-order .inner-item img{
    width: 100%;
}
.tour-order{
    margin-top: 32px;
}
.tour-order .tour-header .company-info{
    display: flex;
    justify-content: space-between;
}
.tour-order .tour-header .company-info p{
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 0;
}
.tour-order .tour-header .company-info .right{
    display: flex;
    align-items: center;
}
.tour-order .tour-header .company-info .right img{
    width: 24px;
    height: 24px;
}
.tour-order .tour-header .company-info .right span{
    margin: 0 5px;
    font-size: 10px;
}
.tour-order .tour-header .company-info i{
    margin-left: 4px;
}
.my-order .tour-header .status{
    padding: 8px 12px;
    background-color: #FFFFFF;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 16px 0;
}
.my-order .tour-header .status p{
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 300;
}
.my-order .tour-header .status p:first-child{
    font-size: 14px;
    font-weight: 400;
}
.tour-order .inner-title{
    font-size: 18px;
    font-weight: 600;
}
.tour-order .inner-meta-one{
    font-size: 12px;
    font-weight: 250;
}
.tour-order .tour-price {
    font-size: 12px;
    font-weight: 400;
    text-align: end;
}
.tour-order .tour-price span{
    font-size: 16px;
    font-weight: 600;
    color: var(--color-main);
}

.tour-order .actions a{
    padding: 8px 10px;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 400;
    background-color: var(--color-main);
    color: #ffffff;
}
.tour-order .actions a.secondary{
    background-color: #000F48;
}
.order .line-container{
    width: 304px;
    margin: 0 auto;
}
.tour-order .details {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    gap: 70px;
}
.tour-order .details .place {
    text-align: center;
}

.tour-order .details .place span {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: var(--color-main);
}
.tour-order .details .place small {
    display: block;
    color: #666;
}
.tour-order .details .icon {
    font-size: 24px;
    color: var(--color-main);
}
.tour-order .info {
    margin-bottom: 20px;
}
.tour-order .info p {
    margin: 5px 0;
    color: #333;
    font-size: 12px;
    font-weight: 300;
}
.tour-order .info p span {
    font-weight: 400;
}
@media (max-width: 767.98px) {
    .my-order{
        margin-top: 20px;
    }
    .tour-order .actions{
        margin: 20px 0;
    }
    .my-order .main-content{
        margin-top: 10px;
    }
    .my-order .main-content h1{
        font-size: 24px;
    }
}

.jsSwiperPartner .swiper-slide .inner-item img:nth-child(1) {
    margin-bottom: 20px;
}

.jsSwiperPartner .swiper-slide img {
    height: 100%;
    width: 100%;
}

.partner-slide .swiper-button-next:after, .partner-slide .swiper-button-prev:after {
    font-family: 'FontAwesome';
}

.partner-slide .swiper-button-prev:after {
    content: "\f060";
    font-size: 16px;
}

.partner-slide .swiper-button-next:after {
    content: "\f061";
    font-size: 16px;
}

.partner-slide .swiper-button-prev {
    background-color: #FAFAFA;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    left: -5px;
    color: var(--color-main);
    top: 44%;
}

.partner-slide .swiper-button-next {
    background-color: #FAFAFA;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    right: -5px;
    color: var(--color-main);
    top: 44%;
}
.schedule-days{
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
}
.schedule-days .day{
    border-radius: 8px;
    background-color: #FFFFFF;
    text-align: center;
    padding: 14px 18px;
    box-shadow: 0px 0px 5px 0px #00000026;
    color: var(--color-text);
}
.schedule-days .day p{
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 300;
}
.schedule-days .day p:first-child{
    font-size: 14px;
    font-weight: 400;
}
.schedule-days .active{
    background-color: #04003A;
    color: #ffffff;
}
.schedule-tours .tour-order{
    border-left: 1px dashed;
    margin-top: unset;
    padding-left: 20px;
}
.schedule-tours .tour{
    position: relative;
}
.timeline-dot-end,
.timeline-dot-start {
    width: 10px;
    height: 10px;
    background-color: #32cd32;
    border-radius: 50%;
    position: absolute;
}
.timeline-dot-end{
    left: -4px;
    bottom: -17px;
}
.timeline-dot-start{
    left: -4px;
    top: 7px;
}
.schedule-tours .date{
    padding-left: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
}
.horizontal-line{
    width: 150px;
    background-color: var(--color-text);
    height: 1px;
}
.schedule-tours{
    margin-top: 16px;
}
.schedule-tours .card-wrapper{
    display: flex;
    justify-content: space-between;
}
.schedule-tours .tour-order .info{
    text-align: end;
}
.schedule-tours .tour:last-child::before {
    width: 10px;
    height: 10px;
    background-color: #32cd32;
    border-radius: 50%;
    left: -4px;
    position: absolute;
    bottom: 7px;
}
@media (max-width: 767.98px){
    .schedule-tours .card-wrapper{
        flex-direction: column;
    }
}

.profile-container {
    display: flex;
    align-items: center;
    padding: 23px 42px 50px;
    border-radius: 16px;
    background-color: #F6F6F6;
    margin: 16px auto;
}

/* Custom file input styles */
.personal-head .profile-pic {
    position: relative;
    width: 148px;
    height: 148px;
    border-radius: 50%;
    border: 2px solid #ccc;
    margin-right: 20px;
}
.personal-head .profile-pic .text-desc{
    position: absolute;
    bottom: -30px;
    color: #04003A;
    font-size: 14px;
    font-weight: 300;
}
.profile-pic>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;

}

.change-pic-label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s ease;
    cursor: pointer;
    border-radius: 50%;
    margin-bottom: 0;
}

.change-pic-label input[type="file"] {
    display: none;
}


.personal-head .info-section {
    flex: 1;
}

.personal-head  .info-section h3 {
    margin: 0;
    font-size: 24px;
    font-weight: 400;
}
.personal-head .info-section h3 i{
    color: var(--color-main);
    margin-right: 11px;
}

.personal-head .info-section .info-item {
    margin: 5px 0;
    font-size: 18px;
    font-weight: 400;
    display: flex;
    justify-items: center;
    margin-bottom: 0;
}
.personal-head .info-section .info-item p{
    margin-bottom: 0;
}
.personal-head .info-section .info-item span{
    font-size: 14px;
    font-weight: 400;
    min-width: 80px;
}
.personal-body .form-container{
    padding: 23px 42px;
    border-radius: 16px;
    background-color: #F6F6F6;
    margin: 16px auto;
}
.personal-body .form-container h3{
    font-size: 24px;
    font-weight: 400;
}
.personal-body .form-container h3 i{
    color: var(--color-main);
    margin-right: 11px;
}
.personal-body .form-group label{
    font-size: 14px;
    font-weight: 400;
    min-width: 170px;
}
.personal-body .form-group input{
    border-radius: 8px;
    padding: 9px 16px;
    border: none;
    box-shadow: 0px 0px 5px 0px #00000026;
    font-size: 12px;
    font-weight: 400;
    width: 250px;
}
.personal-body .btn-submit{
    padding: 8px 16px;
    border-radius: 20px;
    border: none;
    font-size: 14px;
    font-weight: 400;
    background-color: #00072B;
    color: #ffffff;
}
@media (max-width: 767.98px){
    .profile-container{
        flex-direction: column;
    }
    .personal-head .info-section{
        margin-top: 35px;
    }
}
.detail-post .post-widget .card .card-header{
    font-size: 23px;
    font-weight: 700;
    text-align: center;
    color: #FFFFFF;
    background-color: var(--color-main);
}
.detail-post .card-header:first-child {
    border-radius: 7px 7px 0 0;
}
.detail-post .list-group-flush>.list-group-item:last-child,
.detail-post .card{
    border-radius: 7px;
}
.detail-post .list-group-item{
    display: flex;
    justify-content: space-between;
    color: #AAB8FF;
    font-size: 18px;
    font-weight: 400;
    border: none;
    padding: 17px 30px;
}
.detail-post li.active{
    background-color: #D5DBFF;
    color: #000000;
}
.detail-head .post-title h1{
    font-size: 32px;
    font-weight: 700;
    color: #004FA8;
    margin-bottom: 20px;
}
.toc-container {
    background-color: #DDEAF7;

    padding: 16px 30px;
    border-radius: 8px;
    margin-bottom: 20px;
    max-width: 600px;
}
.toc-container h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}
.toc-list {
    list-style: none;
    padding-left: 20px;
}
.toc-list li {
    margin-bottom: 8px;
}
.toc-list li:last-child{
    margin-bottom: 0;
}
.toc-list li a {
    text-decoration: none;
    color: #007bff;
}
.toc-list li a:hover {
    text-decoration: underline;
}
.toc-sublist {
    list-style: none;
    padding-left: 20px;
}
.detail-body .thumbnail img{
    width: 100%;
    height: 635px;
    object-fit: cover;
    border-radius: 10px;
    margin-top: 10px;
}
.detail-body .content{
    margin-top: 34px;
    margin-bottom: 15px;
}
.detail-body  h3{
    font-size: 32px;
    font-weight: 700;
    color: #004FA8;
    margin-top: 30px;
}
.detail-body .content .product-page-title{
    font-size: 28px;
    font-weight: 400;
    color: #00072B;
}
.detail-post .button-blue{
    background-color: #242C8A;
}
@media (max-width: 767.98px){
    .detail-body .thumbnail img{
        height: 234px;
    }
    .detail-head .post-title h1{
        font-size: 27px;
    }
    .detail-body .content .product-page-title,
    .toc-container h3,
    .detail-body h3{
        font-size: 22px;
    }
}

.custom-search .hotel-banner-wrapper::before {
    content: none;
}

.custom-search .hotel-inner-search {
    top: unset;
    bottom: 1rem;
}

.custom-search .hotel-banner-wrapper {
    height: 17rem;
}

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

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

.custom-breadcrumb .inner-item::after {
    content: "\f101";
    font-family: "FontAwesome";
    font-weight: 900;
    color: #4E4949;
    padding-left: 10px;
}

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

.custom-breadcrumb .inner-item a {
    font-size: 18px;
    font-weight: 400;
    font-family: var(--font-primary);
    color: #4E4949;
}

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

.custom-breadcrumb .inner-title {
    display: flex;
}

.custom-breadcrumb .inner-title {
    font-family: var(--font-primary);
    font-size: 24px;
    font-weight: 400;
}

.custom-breadcrumb .inner-title .inner-place {
    font-weight: 700;
    padding-right: 10px;
}

.custom-breadcrumb .inner-title .inner-place:after {
    content: "\f061";
    font-family: "FontAwesome";
    font-weight: 900;
    color: #4E4949;
    padding-left: 10px;
}

.custom-breadcrumb .inner-place:last-child::after {
    content: none;
}

.box-filter .inner-head .inner-title, .box-filter .inner-head > i {
    color: var(--color-secondary);
}

.box-filter .form-group .select-brand ul,
.select-stops ul,
.seat-class ul {
    list-style: none;
    padding: 0;
}

.box-filter label {
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: 14px;
    color: #898B8D;
}

.box-filter .form-group .select-brand ul li,
.select-stops ul li,
.seat-class ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.box-filter .form-group .select-brand ul li .inner-right {
    font-weight: 300;
    font-size: 12px;
    color: #1F1F1F;
}

.box-filter .form-group .select-brand ul a {
    font-weight: 400;
    font-size: 10px;
    color: var(--color-secondary);
}

.select-stops ul li .stop-times,
.seat-class ul li .seat-class-item {
    font-weight: 400;
    font-size: 16px;
    color: #000F48;
}

.box-filter .filter-buttons {
    display: flex;
    justify-content: space-between;
}

.form-filter-reset-button {
    padding: 8px 20px;
    border: 0.5px solid #04003A;
    border-radius: 30px;
    background-color: #ffffff;

}

.form-filter-submit-button {
    padding: 8px 20px;
    border: 0.5px solid #04003A;
    border-radius: 30px;
    color: #ffffff;
    background-color: #000F48;

}

.flight-item {
    background-color: #ffffff;
    padding: 10px 20px;
}

.flight-item .inner-flight-detail {
    font-family: var(--font-primary);
}

.flight-item .inner-flight-detail img {
    width: 76px;
    margin-right: 10px;
}

.flight-item .flight-logo {
    display: flex;
    align-items: center;
}

.flight-item .flight-logo .inner-right {
    display: flex;
    flex-direction: column;
}

.flight-item .flight-logo .inner-right .flight-name {
    font-weight: 700;
    font-size: 16px;
    color: #04003A;
}

.flight-item .flight-logo .inner-right .flight-id {
    font-weight: 400;
    font-size: 10px;
}

.flight-item .flight-info {
    display: flex;
    justify-content: space-around;
}

.inner-flight-detail > .row {
    align-items: center;
}

.inner-flight-detail .flight-info .time {
    font-weight: 600;
    font-size: 18px;
}

.inner-flight-detail .flight-info .place-code {
    font-weight: 600;
    font-size: 28px;
    color: #83BB41;
}

.inner-flight-detail .flight-info .flight-type {
    font-weight: 400;
    font-size: 14px;
}

.inner-flight-detail .flight-info .flight-from,
.inner-flight-detail .flight-info .flight-time,
.inner-flight-detail .flight-info .flight-to{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.inner-flight-detail .flight-price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.inner-flight-detail .flight-price .right-price {
    font-weight: 600;
    font-size: 16px;
    color: var(--color-secondary);
}

.inner-flight-detail .flight-price .available-seats {
    font-weight: 400;
    font-size: 10px;
    margin-top: 10px;
}

.inner-flight-detail .flight-price .available-seats span {
    padding: 4px;
    background-color: #FF6B00;
    border-radius: 4px;
    color: #ffffff;
    margin-left: 5px;
}

.flight-item .inner-flight-tag {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 10px;
}

.flight-item .inner-flight-tag .tag-item {
    padding: 6px 12px;
    border-radius: 12px;
    border: 1px solid var(--color-secondary);
}

.flight-item .inner-flight-tag .tag-item.primary-tag{
    color: #ffffff;
    background-color: var(--color-main);
    border: none;
}

.flight-item .flight-list-price{
    display: flex;
    flex-wrap: wrap;
}
.flight-item .flight-list-price .price-item input{
    display: none;
}
.flight-item .flight-list-price .price-item {
    background-color: #EEEEEE;
    border-radius: 8px;
    padding: 12px 32px 4px 9px;
    margin-right: 5px;
}
.flight-item .flight-list-price .price-item .ticket-name{
    font-weight: 400;
    font-size: 16px;
}
.flight-item .flight-list-price .price-item .ticket-price {
    font-weight: 300;
    font-size: 10px;
}
.flight-item .flight-list-price .price-item.selected {
    background-color: #FFE177;
}
.flight-item .flight-seat-detail .inner-seat-price{
    display: flex;
    justify-content: space-between;
}

.flight-item .flight-seat-detail .inner-seat-features ul li {
    display: flex;
    gap: 10px;
}

.flight-item .flight-seat-detail .inner-seat-features ul {
    list-style: none;
    padding: 0;
}

.flight-total-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 300;
    font-size: 10px;
}

.flight-total-price .total-price {
    font-weight: 400;
    font-size: 16px;
    color: var(--color-main);
}

.flight-item form{
    display: none;
}
.flight-item form.show{
    display: block;
}

.flight-item .view-more{
    display: flex;
    justify-content: center;
}

.cart-flight-item .inner-flight-detail > .row {
    justify-content: space-between;
}

.cart-flight-item.flight-item .flight-info {
    justify-content: space-evenly;
}
.visa-container {
    background-color: #FAFAFA;
    border-radius: 16px;
    margin-top: 10.5em;
}
.visa-container .visa-left{
    padding: 0;
}
.visa-container .visa-header{
    text-align: center;
    padding: 64px 0 44px;
}
.visa-container .visa-left img{
    border-radius: 16px;
}
.visa-container .visa-header h1{
    font-size: 30px;
    font-weight: 700;
    color: var(--color-main);
}
.visa-container .visa-header p{
    font-size: 15px;
    font-weight: 400;
    width: 406px;
    margin: 0 auto;
}
.visa-form .booking-form .booking-card{
    background-color: #FAFAFA;
}
.visa-form .booking-form .booking-card .form-control{
    padding: 24px 32px;
}
.visa-form .booking-form .booking-card select.form-control{
    background-color: #FAFAFA;
    padding: 10px;
    height: 52px;
    font-size: 11px;
    font-weight: 400;
}
.visa-form button{
    width: 100%;
    padding: 14px 0;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    background-color: var(--color-main);
    border: none;
    border-radius: 16px;
}
.visa-form{
    display: flex;
    align-items: center;
}
.visa-desc{
    background-color: #FFF4F7;
    box-shadow: 0px 0px 5px 0px #00000026;
    border-radius: 16px;
    padding: 23px 46px;
    margin-top: 24px;
}
.visa-desc h3{
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
}
.visa-desc p{
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
}
.visa-form .booking-form .booking-card label{
    font-size: 20px;
}
@media (max-width: 767.98px){
    .visa-container{
        margin-top: 0;
    }
    .visa-container .visa-left img{
        border-radius: unset;
        width: 100%;
    }
    .visa-container .visa-left{
        text-align: center;
    }
    .visa-container .visa-header p {
        font-size: 12px;
        width: 336px;
    }
}

.gradient-background {
    background: linear-gradient(90deg, #F6F6F6 4.68%, rgba(246, 246, 246, 0) 11.01%, rgba(246, 246, 246, 0) 88.06%, #F6F6F6 95.64%);
    width: 100%;
    height: 300px;
    top: 0;
    z-index: 99;
    pointer-events: none;
}
.container-custom{
    max-width: 1255px;
}
@media (max-width: 767.98px){
    .gradient-background{
        height: 150px;
        background: linear-gradient(90deg, #F6F6F6 1.68%, rgba(246, 246, 246, 0) 9.01%, rgba(246, 246, 246, 0) 88.06%, #F6F6F6 95.64%);
    }
    .banner-hero > .banner-container > .banner-wrapper > img{
        height: 483px;
    }
    .banner-hero .inner-search{
        bottom: 20px;
    }
}
.breadcrumb-image .inner-item::after, .breadcrumb-image .inner-item a{
    color: #ffffff;
}

.product-card .swiper-slide .inner-item img {
    width: 100%;
}

@media (max-width: 767.98px) {
    .discount .swiper-button-next {
        right: 0px;
    }
}
.room-option .quantity{
    min-width: 105px;
}
.post-related{
    margin-top: 70px;
}
.post-related h3{
    color: #004FA8;
    font-size: 24.5px;
    font-weight: 700;
}
.post-related li::marker {
    color: #C4C4C4;
}
.post-related ul{
    padding-left: 20px;
}
.post-related li a{
    color: #52575C;
}
.post-related li a.active{
    color: #004FA8;
}
@media (max-width: 767.98px) {
    .post-related{
        margin-top: 40px;
    }
}
.hotel-product-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.blog-container{
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-template-rows: auto;
    gap: 24px;
}
.blog-container .blog-item-2{
    grid-area: 1/2/3/3;
}

@media (max-width: 768px) {
    .hotel-product-container {
        display: flex;
        gap: 0;
    }
    .blog-container{
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .blog-container .blog-item-2{
        grid-area: 1/1/2/2;
    }
    .blog-item-1{
        position: unset;
        aspect-ratio: unset;
        overflow: unset;
        display: flex;
        gap: 11px;
    }
    .blog-item-1 .inner-content{
        position: unset;
        padding: unset;
        background: unset;
        justify-content: flex-start;
    }
    .blog-item-1 img{
        width: 150px;
        height: 103px;
        border-radius: 7px;
    }
    .blog-item-1 .inner-content .related span{
        font-size: 8.49px;
        font-weight: 700;
        color: #ffffff;
        padding: 2px 5px;
        background-color: #00072B;
    }
    .blog-item-1 .inner-title{
        font-size: 12px;
        font-weight: 600;
        color: var(--color-main);
    }
    .blog-item-1 .inner-date,
    .blog-item-1 .inner-desc{
        font-size: 10px;
        font-weight: 400;
        color: #434345;
    }
    .blog-item-2 .inner-title{
        font-size: 13.49px;
        font-weight: 400;
    }
    .blog-item-2 .inner-desc{
        font-size: 6.74px;
        font-weight: 300;
    }
    .section-hotel .pagination-bottom{
        padding-bottom: 0;
    }
}
.inner-list-breadcumb{
    display: flex;
    margin-top: 7.9rem;
    padding-top: 47px;
}
.inner-list-breadcumb .inner-item a{
    font-size: 13.5px;
    font-weight: 600;
    color: #A6A6A6;
}
.inner-list-breadcumb .inner-item:after{
    content: "\f105";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: #A6A6A6;
    margin-right: 5px;
}
.inner-list-breadcumb .inner-item:last-child:after{
    content: '';
}
.about-us{
    margin-top: 27px;
    display: grid;
    grid-template-columns: 63% 34%;
    grid-template-areas:
        "image description"
        "image links"
;
    column-gap: 29px;
    row-gap: 6px;
}
.about-us-image{
    grid-area: image;
    width: 100%;
}
.about-us-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.about-us-description{
    grid-area: description;
}
.about-us-description h1{
    font-size: 32px;
    font-weight: 700;
    color: var(--color-main);
}
.about-us-description p{
    font-size: 13px;
    font-weight: 400;
    text-align: justify;
}
.about-us-links{
    grid-area: links;
}
.about-us-links ul{
    padding-left: 0;
    margin-bottom: 0;
}
.about-us-links ul li{
    padding: 15px 13px;
    background-color: #FFFFFF;
    list-style: none;
    border-bottom: 1px solid #E8E8E8;
    border-left: 1px solid #E8E8E8;
    border-right: 1px solid #E8E8E8;
}
.about-us-links ul li:first-child{
    border-top:  1px solid #E8E8E8;
    border-radius: 10px 10px 0px 0px;
}
.about-us-links ul li:last-child{
    border-radius: 0px 0px 10px 10px;
}
.about-us-links ul li a{
    font-size: 15px;
    font-weight: 600;
    color: #FF3D6B;
}
@media (max-width: 768px) {
    .about-us {
        grid-template-areas:
        "image"
        "description"
        "links";
        grid-template-columns: 1fr;
    }
    .inner-list-breadcumb {
        display: flex;
        margin-top: 0;
        padding-top: 19px;
    }
}
.business-area{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 27px;
}
.area-img{
    position: relative;

}
.area-img img{
    width: 100%;
    border-radius: 8px;
    aspect-ratio: 1/1;
    object-fit: cover;
}
.area-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    display: flex;
    align-items: end;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    color: #ffff;
    border-radius: 8px;
    text-align: center;
    padding: 0px 5px;
}
.area-overlay p{
    margin-bottom: 0;
}
.section-about-head{
    font-size: 36px;
    font-weight: 700;
    color: var(--color-main);
    margin-top: 47px;
}
@media (max-width: 768px) {
    .business-area{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .area-overlay{
        font-size: 10px;
    }
}

.vision-mission {
    display: flex;
    background-color: var(--color-main);
    padding: 20px;
    border-radius: 10px;
    color: #fff;
}

.vision-mission__column {
    flex: 1;
    padding: 10px 20px;
}

.vision {
    text-align: left;
}

.mission {
    text-align: left;
}
.vision-mission__column{
    display: flex;
    justify-content: space-around;
}
.vision-mission__title {
    font-size: 27px;
    font-weight: 700;
}

.vision-mission__description {
    font-size: 12px;
    font-weight: 400;
    width: 204px;
    margin-top: 10px;
}

.vision-mission__divider {
    width: 2px;
    background-color: #ffffff;
    margin: 0 20px;
}
@media (max-width: 768px) {
    .vision-mission {
        flex-direction: column;
    }
}
.partner-container{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    padding: 33px 24px;
    background-color: #ffffff;
    gap: 13px;
    border-radius: 10px;
}
.partner-container .partner img{
    width: 100%;
    object-fit: cover;
}

.certification-container{
    display: grid;
    gap: 22px;
    grid-template-columns: repeat(6,1fr);
}
.certification-container .certification-item img{
    width: 100%;
}
@media (max-width: 768px) {
    .certification-container,
    .partner-container{
        grid-template-columns: repeat(3, 1fr);
    }
}
.image-activity{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas:
        "image-left iamge-right iamge-right"
        "image-left iamge-right iamge-right"
;
    gap: 24px;
    margin-bottom: 155px;
}
.image-activity .iamge-item{
    position: relative;
}
.image-activity .iamge-item:first-child{
    grid-area: image-left;
}
.image-activity .iamge-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.image-activity .iamge-item .desc{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
    display: flex;
    justify-content: end;
    flex-direction: column;
    padding-left: 24px;
    border-radius: 10px;
}
.image-activity .iamge-item .desc .title{
    font-size: 21.11px;
    font-weight: 700;
    color: #ffffff;
}
.image-activity .iamge-item .desc .date{
    font-size: 11.99px;
    font-weight: 500;
    color: white;
}
@media (max-width: 768px) {
    .image-activity{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
        "image-left image-left"
        "image-right image-right"
    ;
        gap: 24px;
        margin-bottom: 30px;
    }
    .image-activity .iamge-item .desc .title{
        font-size: 16px;
    }
    .image-activity .iamge-item:first-child{
        font-size: 21.11px;
    }
    .banner-hero .search-wrapper .tab-content .form-group label{
        font-size: 7px;
    }
    .banner-hero .search-wrapper .form-control{
        font-size: 8px;
        font-weight: 400;
    }
    .product-mobile .flex-item .swiper-slide {
        width:90%;
    }
    .banner-hero .search-wrapper form .search-button{
        width: 60px;
        height: 45px;
        font-size: 18px;
    }
    .discount .swiper-slide{
        width: 97%;
    }
}