/********** Template CSS **********/
:root {
    --primary: #4761FF;
    --secondary: #555555;
    --light: #F1F3FA;
    --dark: #1C2035;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 30px;
    z-index: 99;
}

.fw-medium {
    font-weight: 500;
}


/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}

/*font*/

@font-face {
    font-family: 'Playfair Display';
    src: url(/fonts/PlayfairDisplay-Regular.woff2?c2403f979c3fdd78e6e5c23f562a7f6c) format('woff2'),
        url(/fonts/PlayfairDisplay-Regular.woff?0b1dd434c867eba985db6fff537b0e9c) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Arial';
    src: url(/fonts/ArialMT.woff2?a3b1fd98ecdf5d3ffe61a4fec256faf7) format('woff2'),
        url(/fonts/ArialMT.woff?c8ae177ef2a0f5f5d10a356b8ca7ee95) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url(/fonts/Inter-Regular.woff2?b8da4862b6b9f9768018d1acb1bfd68d) format('woff2'),
        url(/fonts/Inter-Regular.woff?2e264d7acdc4e1725acc41cc3df7dc03) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lexend Deca';
    src: url(/fonts/LexendDeca-Regular.woff2?6c9b84a5f036a2829c21dad4f7b571ae) format('woff2'),
        url(/fonts/LexendDeca-Regular.woff?15c08ae77f9046e2fdeb46852813bafd) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



/*** Button ***/
.btn {
    transition: .5s;
    font-weight: 500;
}

.btn-primary,
.btn-outline-primary:hover {
    color: var(--light);
}

.btn-secondary,
.btn-outline-secondary:hover {
    color: var(--dark);
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}


/*** Navbar ***/

.navbar .navbar-nav .nav-link {
    margin-right: 35px;
    padding: 25px 0;
    color: var(--dark);
    font-size: 18px;
    font-weight: 500;
    outline: none;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: var(--primary);
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

@media (max-width: 991.98px) {
    .navbar .navbar-nav .nav-link  {
        margin-right: 0;
        padding: 10px 0;
    }

    .navbar .navbar-nav {
        margin-top: 15px;
        border-top: 1px solid #EEEEEE;
    }
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}


/*** Header ***/
.carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, .1);
    z-index: 1;
}

.carousel-control-prev,
.carousel-control-next {
    width: 15%;
    opacity: 1;
}
.carousel-control-prev .carousel-control-prev-icon:hover,
.carousel-control-next .carousel-control-next-icon:hover{
        background: rgba(255, 255, 255, 0.9);
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    border-radius: 3.5rem;
    width: 56px;
    height: 56px;
    background: rgba(255, 255, 255, 0.8);
    padding: 16px;
    opacity: 0.9;
}

@media (max-width: 768px) {
    #header-carousel .carousel-item {
        position: relative;
        min-height: 450px;
    }
    
    #header-carousel .carousel-item img {
        position: absolute;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }
}

.page-header {
    background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url(/images/carousel-1.jpg?b7f40bb6af0530196d6e0b71ff29df31) center center no-repeat;
    background-size: cover;
}

.page-header .breadcrumb-item+.breadcrumb-item::before {
    color: var(--light);
}

.page-header .breadcrumb-item,
.page-header .breadcrumb-item a {
    font-size: 18px;
    color: var(--light);
}


/*** Features ***/
.feature-row {
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
}

.feature-item {
    border-color: rgba(0, 0, 0, .03) !important;
}


/*** About ***/

.btn-play {
    position: relative;
    display: block;
    box-sizing: content-box;
    width: 36px;
    height: 46px;
    border-radius: 100%;
    border: none;
    outline: none !important;
    padding: 18px 20px 20px 28px;
    background: var(--primary);
}

.btn-play:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 90px;
    height: 90px;
    background: var(--primary);
    border-radius: 100%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
            animation: pulse-border 1500ms ease-out infinite;
}

.btn-play:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 90px;
    height: 90px;
    background: var(--primary);
    border-radius: 100%;
    transition: all 200ms;
}

.btn-play span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    left: 3px;
    border-left: 30px solid #FFFFFF;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
}

@-webkit-keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2);
        opacity: 0;
    }
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2);
        opacity: 0;
    }
}

.modal-video .modal-dialog {
    position: relative;
    max-width: 800px;
    margin: 60px auto 0 auto;
}

.modal-video .modal-body {
    position: relative;
    padding: 0px;

}

.modal-video .close {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0px;
    top: -30px;
    z-index: 999;
    font-size: 30px;
    font-weight: normal;
    color: #FFFFFF;
    background: #000000;
    opacity: 1;
}


/*** Service ***/
.service-item .service-text {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0 0 45px rgba(0, 0, 0, .06);
    transition: .5s;
    z-index: 2;
}

.service-item:hover .service-text {
    top: -1.5rem;
}

.service-item .service-text h5 {
    transition: .5s;
}

.service-item:hover .service-text h5 {
    color: var(--primary);
}

.service-item .service-btn {
    position: absolute;
    width: 80%;
    height: 3rem;
    left: 10%;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    box-shadow: 0 0 45px rgba(0, 0, 0, .07);
    transition: .5s;
    z-index: 1;
}

.service-item:hover .service-btn {
    bottom: -1.5rem;
}


/*** Project ***/
.project-item {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 45px rgba(0, 0, 0, .07);
}

.project-item .project-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    padding-top: 60px;
    transition: .5s;
}

.project-item:hover .project-overlay {
    opacity: 1;
    padding-top: 0;
}

.project-carousel .owl-nav {
    position: absolute;
    top: -100px;
    right: 0;
    display: flex;
}

.project-carousel .owl-nav .owl-prev,
.project-carousel .owl-nav .owl-next {
    margin-left: 15px;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--secondary);
    border-radius: 55px;
    box-shadow: 0 0 45px rgba(0, 0, 0, .15);
    font-size: 25px;
    transition: .5s;
}

.project-carousel .owl-nav .owl-prev:hover,
.project-carousel .owl-nav .owl-next:hover {
    background: var(--primary);
    color: #FFFFFF;
}

@media (max-width: 768px) {
    .project-carousel .owl-nav {
        top: -70px;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }

    .project-carousel .owl-nav .owl-prev,
    .project-carousel .owl-nav .owl-next {
        margin: 0 7px;
        width: 45px;
        height: 45px;
        font-size: 20px;
    }
}


/*** Team ***/
.team-item {
    position: relative;
    text-align: center;
    box-shadow: 0 0 45px rgba(0, 0, 0, .07);
}

.team-item .team-social {
    position: absolute;
    padding: 0;
    top: 15px;
    left: 0;
    overflow: hidden;
}

.team-item .team-social li {
    list-style-type: none;
    margin-bottom: 10px;
    margin-left: -50px;
    opacity: 0;
    transition: .5s;
}

.team-item:hover .team-social li {
    margin-left: 15px;
    opacity: 1;
}

.team-item .team-social li .btn {
    background: #FFFFFF;
    color: var(--primary);
    border-radius: 40px;
    transition: .5s;
}

.team-item .team-social li .btn:hover {
    color: #FFFFFF;
    background: var(--primary);
}

.team-item .team-social li:nth-child(1) {
    transition-delay: .1s;
}

.team-item .team-social li:nth-child(2) {
    transition-delay: .2s;
}

.team-item .team-social li:nth-child(3) {
    transition-delay: .3s;
}

.team-item .team-social li:nth-child(4) {
    transition-delay: .4s;
}

.team-item .team-social li:nth-child(5) {
    transition-delay: .5s;
}


/*** Testimonial ***/
.testimonial-item {
    box-shadow: 0 0 45px rgba(0, 0, 0, .07);
    transition: .5s;
}

.owl-item .testimonial-item,
.testimonial-item * {
    transition: .5s;
}

.owl-item.center .testimonial-item,
.testimonial-item:hover {
    background: var(--primary);
}

.owl-item.center .testimonial-item *,
.testimonial-item:hover * {
    color: #FFFFFF !important;
}

.testimonial-item img {
    width: 100px !important;
    height: 100px !important;
    border-radius: 100px;
}

.testimonial-carousel .owl-nav {
    position: absolute;
    top: -100px;
    right: 0;
    display: flex;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
    margin-left: 15px;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--secondary);
    border-radius: 55px;
    box-shadow: 0 0 45px rgba(0, 0, 0, .15);
    font-size: 25px;
    transition: .5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
    background: var(--primary);
    color: #FFFFFF;
}

@media (max-width: 768px) {
    .testimonial-carousel .owl-nav {
        top: -70px;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }

    .testimonial-carousel .owl-nav .owl-prev,
    .testimonial-carousel .owl-nav .owl-next {
        margin: 0 7px;
        width: 45px;
        height: 45px;
        font-size: 20px;
    }
}


/*** Footer ***/
.footer {
    color: #B0B9AE;
    background-image: url(/images/background3.png?23e0f68f412b0bae5769ff61bc1b3c93);
    border-top: 5px solid #E5BA51;
}

.footer .btn.btn-link {
    display: block;
    margin-bottom: 10px;
    padding: 0;
    text-align: left;
    color: #ffffff;
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
}

/*.footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
}*/

.footer .btn.btn-link:hover {
    color: var(--light);
    letter-spacing: 1px;
    box-shadow: none;
}
.footer h4{
    font-family: 'Arial';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 28px;
/* identical to box height, or 140% */


color: #DBAF56;
}

.footer .content-footer{
    margin-left: 15px;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
}

.panel-half,
.panel-quar{
    padding: 20px;
    margin: 10px;
    background-color: #171A1D;
}
.no-background-clor{
    background-color: unset;
}
.footer .container .row{
    margin-bottom: 30px;
}
.footer p{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
}
.panel-quar p{
    margin-bottom: 2px;
}
.content-footer p span{
    margin-right: 10px;
}
.copyright {
    color: #B0B9AE;
    border-top: 2px solid #E5BA51;
    background-image: url(/images/background3.png?23e0f68f412b0bae5769ff61bc1b3c93);
    
}
.content-copyright{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;  
    color: #FFFFFF;
}
.content-copyright a{
    color: #DBAF56;
}

.content-copyright a:hover {
    color: #c08f2e !important;
}

.navbar-toggler{
    background-color:#ffffff ;
}
/*css top-bar*/


.top-bar{
    background-color: #01111D;
    height: 130px;
}
.top-bar .align-items-center{
    height: 130px;
}
.icon-search{
    position: absolute;
    right: 15px;
    top: 17px;
    color: #DBAF56;
    font-size: 20px;
    cursor: pointer;
}
.input-search{
    width: 445px;
    height: 50px;
    padding: 12px 20px;
    padding-right: 40px;
    background: rgba(1, 17, 29, 0.6);
    border: 1px solid #1C252C;
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
    color: #C3BCB3;
    border-radius: unset;
}
.search-box{
    margin-right: 15px;
}
.phone-box{
    height: 50px;
    line-height: 50px;
    padding: 7px 15px 7px 7px;
    border: 1px solid ;
    margin-right: 15px;
    -o-border-image: linear-gradient(45deg, rgba(1, 17, 29, 1), rgba(219, 175, 86, 0.82)) 1;
       border-image: linear-gradient(45deg, rgba(1, 17, 29, 1), rgba(219, 175, 86, 0.82)) 1;
}
.phone-icon{
    height: 36px;
    width: 36px;
    color: rgba(14, 26, 57, 1);
    line-height: 36px;
    font-size: 15px;
    margin-right: 7px;
}
.content-phone{
    height: 36px;
    line-height: 36px;
    font-size: 20px;
    color: #DBAF56;
    font-weight: 700;
}
.icon-search-hide,.cart-box{
     height: 50px;
     width: 50px;
    line-height: 50px;
    border: 1px solid;
    padding: 7px;
    margin-right: 15px;
    -o-border-image: linear-gradient(45deg, rgba(1, 17, 29, 1), rgba(219, 175, 86, 0.82)) 1;
       border-image: linear-gradient(45deg, rgba(1, 17, 29, 1), rgba(219, 175, 86, 0.82)) 1;
}
.cart-iton{
    height: 36px;
    width: 36px;
    line-height: 36px;
    color: #0E1A39;
    position: relative;
}
.cart-iton .number-item-cart{
    position: absolute;
    color: #DBAF56;
    bottom: -10px;
    right: -13px;
    padding-left: 5px;
    line-height: initial;
    width: 20px;
    height: 20px;
    border: 1px solid #d09215;
    border-radius: 50%;
}
.language-box{
    height: 50px;
    line-height: 50px;
}
.flag-image{
    float: left;
    margin-right: 15px;
}
.language-box .box-dropdown{
    width: 100%;
}
.flag-image img{
    border-radius: 3px;
}
#dropdownLanguage{
    border-radius: unset;
    background-color: #01111D;
    color: #FFFFFF;
    border: 0px;
    font-weight: 100;
    font-size: 18px;
}
#dropdownLanguage:focus{
    box-shadow: unset;
}
#dropdownLanguage i{
    font-size: 10px;
    position: absolute;
    top: 20px;
    right: -10px;
}
.language-box .dropdown{
    margin-right: 10px;
}
.box-dropdown{
    z-index: 99999;
    min-width: 5rem;
    border-radius: unset;
    padding-top: 0px;
    padding-bottom: 0px;

}
.dropdown-toggle::after{
    display: none;
}

/*menu*/

.menu-bar{
    background-color: #141A20;
}
.menu-bar:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0px;
    top: 0px;
    background: linear-gradient(90deg, #01111D 0%, #DBAF56 50.03%, #01111D 100%);
}
.menu-bar .navbar .navbar-nav .nav-link{
   margin-right: 0px;
    color: #FFFFFF;
    font-family: 'Arial';
    font-size: 16px;
    font-weight: normal;
    outline: none;
    height: 60px;
    padding: 0px;
    line-height: 60px;
    padding-left: 30px;
    padding-right: 30px;
}
.menu-bar .navbar .navbar-nav .nav-link.active{
    color: #DBAF56;
    border-bottom: 2px solid #DBAF56;
}
.home-menu{
    width: 60px;
    padding-left: 19px !important;
}
.home-menu i{
    font-size: 20px;
}
.menu-bar .navbar .navbar-nav .nav-link:hover{
    color: #DBAF56;
    border-bottom: 2px solid #DBAF56;
}
.nav-item .dropdown-menu{
    width: 760px;
    /*height: 374px;*/
    padding: 30px;
    border-bottom: 4px solid #DBAF56 !important;
    background: rgba(255, 255, 255, 0.9);
}
.nav-item .dropdown-menu.only-left{
    width: 380px;
}
.nav-item .dropdown-menu.only-left .left-block{
    border-right: 0px;
}
.icon-search-hide{
    display: none;
    margin-right: 0px;
    cursor: pointer;
}
.icon-search-hide .box-seach{
    height: 35px;
    text-align: center;
    width: 35px;
    background: #DBAF56;
    color: #444444;
    border: 1px solid #D2A13C;
}
.icon-search-hide .box-seach i{
    display: block;
    line-height: 35px;
}
.slider-container .container .swiper-button-next{
    right: var(--swiper-navigation-sides-offset,-30px) !important;
    left: auto;
}
.slider-container .container .swiper-button-prev{
    left: var(--swiper-navigation-sides-offset,-30px) !important;
    right: auto;
}
.search-box-mobile{
    display: none !important;
}
.list-products .product-block{
    padding: 20px !important;
}
#nav-tabContent ul{
    list-style: none;
    padding: 0px;
}
#nav-tabContent ul li{
    padding: 0.5rem 0.5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
#nav-tabContent ul li:nth-of-type(odd){
    background-color: #EFF1F4;
    --bs-table-accent-bg: unset;
}
/*.section-product .swiper-button-next{
    top: -40px !important;
    right: 0px !important;
}
.section-product .swiper-button-prev{
    top: -40px !important;
    right: 67px !important;
    left: auto !important;
}*/
.section-product .swiper-button-next{
    right: var(--swiper-navigation-sides-offset,-15px) !important;
    left: auto !important;
    top: var(--swiper-navigation-top-offset,50%) !important;
}
.section-product .swiper-button-prev{
    left: var(--swiper-navigation-sides-offset,-15px) !important;
    right: auto !important;
    top: var(--swiper-navigation-top-offset,50%) !important;
}
#modalImage  .modal-content{
    border-radius: 0px;
    width: 100%;
}
#modalImage .modal-body{
    padding: 0px;
}
#modalImage .modal-body img{
    width: 100%;
}
#modalImage .modal-dialog {
    width: 800px;
    max-width: initial;
}
.block-mobile{
    display: none;
}
.about::before { /* Apply blend mode to this pseudo element */
    content: '';
    background-image: url(/images/background-intro2.jpg?6ff3cfab56fe4c079e1f00a673be90cd) !important;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.7;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
}
@media (max-width: 1200px){
    .menu-bar .navbar .navbar-nav .nav-link{
        padding-left: 0px;
    }
    .content-phone{
        font-size:14px;
    }
    .input-search{
        width: 300px;
    }
    .logo-toancau img{
        width: 90px;
    }

    .icon-search-hide{
        display: none;
    }
    .search-box .input-search,.icon-search{
        display: block;
    }
    .link-category{
        font-size: 15px !important;
    }
    .link-category.active{
        padding: 12px !important;
    }
    .list-trace span{
        margin-right: 10px !important;
    }
    .about-page::before { /* Apply blend mode to this pseudo element */
        background-image: unset !important;
    }
}
@media (max-width: 990px){
    .dropdownRangePrice{
        width: auto !important;
    }
    .info-block-mobile,
    .policy-panel-mobile{
        display: block !important;
    }
    .info-block-pc{
        display: none !important;
    }
    .search-box-pc{
        display: none !important;
    }
    .list-trace span{
        margin-right: 5px !important;
    }
    .input-search{
        width: 250px;
    }
    .link-category.active{
        padding: 10px !important;
    }
    .content-phone{
       display: none;
    }
    .phone-box{
        cursor: pointer;
        padding: 7px;
    }
    .phone-icon{
        margin-right: 0px;
    }
    .logo-toancau img{
        width: 80px;
    }
    .link-category{
        font-size: 14px !important;
    }
    .block-mobile{
        display: block;
        margin-top: 35px;
    }
    .block-pc{
        display: none;
    }
    /*.icon-search-hide{
        display: block;
    }*/
   /* .search-box .input-search{
        display: none;
    }
    .icon-search{
        display: none;
    }*/
    .top-bar{
        height: 90px;
    }
    .top-bar .align-items-center{
        height: 90px;
    }
    .flag-image{
        margin-right: 0px;
    }
    #dropdownLanguage{
        font-size: 14px;
    }
    .language-box .box-dropdown{
        min-width: 4rem;
    }
    .left-block{
        margin-bottom: 25px;
    }
    .title-feature-products{
        font-size: 42px !important;
    }
    .item-phone{
        padding: 11px 10px !important;
        font-size: 13px !important;
    }
    .btn-play-video{
        right: calc(50% - 75px) !important;
    }
    .search-box-mobile{
        margin-right: 0px !important;
        display: flex !important;
    }
    .content-about{
        padding: 0px !important;
    }
    .list-social-contact{
        right: 30px !important;
    }
    .text-end div.top{
        font-size: 60px !important;
        line-height: 100px!important;
        height: 90px !important;
        line-height: 1 !important;
    }
    .text-end div.bottom{
        margin-top: 0px !important;
        font-size: 85px !important;
    }
    .list-products .product-block{
        padding: 5px !important;
    }
    .list-products .product-block .name-product-slide{
        overflow: hidden;
        max-height: 25px;
        min-height: unset;
    }
    .section-product .main-image{
        width: 100% !important;
        padding-top: 100% !important;
    }
    .section-product .list-image{
        width: 100% !important;
    }
    .section-product .item-image{
        float: left;
        width: 25% !important;
        padding-top: 25% !important;
        position: relative;
        height: 100% !important;
        background-repeat: no-repeat;
        background-size: cover !important;
    }

}
@media (max-width: 830px){
    .banner{
        min-height: 100px !important;
    }
    .banner .container{
        padding-top:30px !important;
    }
    #modalImage .modal-dialog {
        width: 100%;
    }
    .list-social-contact{
        right: 15px !important;
    }
    .section-product .line-border{
        display: none;
    }
    .nav-item .dropdown-menu{
        width: auto;
    }
    .dropdown-menu .left-block {
        border-right: unset !important;
    }
    .features img{
        display: none;
    }
    .title-feature-products{
        font-size: 33px !important;
        margin-bottom: 15px !important;
        display: initial;
        position: unset !important;
        width: 100% !important;
    }
    .content-title {
        position: unset; 
       display: block !important; 
       float: unset; 
       text-align: center;
   }
    .slider-container .container .row{
        margin-top: 10px !important;
    }
    .feature-products{
        padding-top: 30px !important;
    }
    .list-phone-brand{
        margin-bottom: 35px;
    }
    .about .left-block img{
        width: 100%;
    }
    .btn-play-video {
         right: calc(50% - 75px) !important;
    }
    .img-intro-2{
        display: none;
    }
    .slider-container .container .swiper-button-next{
        right: var(--swiper-navigation-sides-offset,-20px) !important;
    }
    .slider-container .container .swiper-button-prev{
        left: var(--swiper-navigation-sides-offset,-20px) !important;
    }
    .about .left-block{
        min-height: 400px !important;
    }
    .product-block .name-product-slide{
        max-height: 50px;
        overflow: hidden;
    }
    .text-end p{
        font-size: 30px !important;
    }
    .text-end div.top{
        font-size: 60px !important;
        line-height: 100px!important;
        height: 90px !important;
        line-height: 1 !important;
    }
    .text-end div.bottom{
        margin-top: 0px !important;
        font-size: 85px !important;
    }
    #dropdownLanguage .content-language{
        display: none !important;
    }
    #dropdownLanguage{
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    #dropdownLanguage i{
        display: none !important;
    }
    .language-box .dropdown{
        margin-right: 0px !important;
    }
    .section-product .swiper-button-next{
        right: var(--swiper-navigation-sides-offset,-15px) !important;
        left: auto !important;
        top: var(--swiper-navigation-top-offset,50%) !important;
    }
    .section-product .swiper-button-prev{
        left: var(--swiper-navigation-sides-offset,-15px) !important;
        right: auto !important;
        top: var(--swiper-navigation-top-offset,50%) !important;
    }
    .row-filter .col-6{
        margin-bottom: 12px !important;
    }
    .fancybox-content img{
        width: 100% !important;
        height: auto !important;
    }
    .dropdownRangePrice{
        width: auto !important;
    }
    .formContact input.form-control{
        font-size: 12px !important;
    }
    .table-cart table td{
        line-height: 1 !important;
    }
    .link-detail-product{
        width: 110px !important;
        left: calc(50% - 110px/2 + 0.5px) !important;
        font-size: 12px !important;
    }
    

}

.active-search-box,
.active-phone-box{
    position: relative;
}
/*active box search start*/
.active-search-box .logo-toancau,
.active-search-box .icon-search-hide,
.active-search-box .phone-box,
.active-search-box .cart-box,
.active-search-box .language-box{
    display: none !important;
}
.active-search-box,
.active-search-box .search-box,
.active-search-box .navbar,
.active-search-box .form-inline,
.active-search-box .align-items-center,
.active-search-box .form-inline input{
    width: 100% !important;
}
.active-search-box .form-inline input,
.active-search-box .icon-search{
    display: block !important;
}
.active-search-box .search-box{
    margin-right: 0px;
}


.icon-close{
    display: none;
    position: absolute;
    right: -15px;
    top: 0px;
    opacity: 0.7;
    cursor: pointer;
}
.active-search-box:hover .icon-close{
    opacity: 1;
}
.active-search-box .icon-close{
    display: block;
}

/*active phone box*/
.active-phone-box .search-box{
    display: none !important;
}
.active-phone-box .content-phone{
    display: block !important;
}
.active-phone-box .phone-icon{
    margin-right: 7px;
}


/*active box search end*/

.left-block,.right-block{
    /*width: 50%;*/
    float: left;
    position: relative;
}
.title-brand{
    color: #DBAF56;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}
.dropdown-menu .list{
    list-style: none;
    padding-left: 15px;
    margin: 0px;
}
.dropdown-menu .list li{
    margin-bottom: 15px;
    font-size: 16px;
    position: relative;
    color: #333333;
}
.dropdown-menu .list li a{
    color: #333333;
    font-family: 'Arial';
}
.dropdown-menu .list li:before{
    content: '';
    width: 5px;
    height: 5px;
    background-color: #CECFCF;
    border-radius: 50%;
    left: -13px;
    top: 8px;
    position: absolute;
}
.dropdown-menu .left-block{
    border-right: 1px solid #CECFCF;
    max-height: 350px;
    overflow: auto;
}
.dropdown-menu .left-block::-webkit-scrollbar {
  width: 5px;
}

.dropdown-menu .left-block::-webkit-scrollbar-track {
  background-color: #ffffff;
  border-radius: 100px;
  opacity: 0.9;
}

.dropdown-menu .left-block::-webkit-scrollbar-thumb {
  background-color: #DBAF56;
  border-radius: 100px;
}
.right-block{
    /*padding-left: 30px;*/
}

/*banner slider*/

.text-end p{
    font-family: 'Playfair Display';
    font-size: 38px;
    font-weight: 700;
    text-transform: uppercase;
    color: #DBAF56;
    letter-spacing: 0.36em;
    text-transform: uppercase;
    line-height: 51px;
    margin: 0px;
}
.text-end div.top{

    height: 146px;

    font-family: 'MTD Valky Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 128px;
    line-height: 146px;

    letter-spacing: 0.06em;

    background: linear-gradient(91.67deg, #FFD072 0.89%, #F5E782 36.78%, #EDDECB 49.02%, #E8B862 55.64%, #B77B43 62.14%, #F2C26A 69.69%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin-right: 0px;



}
.text-end div{
    font-family: 'MTD Valky Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 128px;
    line-height: 25px;
    letter-spacing: 0.06em;
    color: #DBAF56;
}
.text-end div.bottom{
    margin-bottom: 100px;
}
.btn-explore{
    width: 196px;
    height: 60px;
    border: 1.5px solid #DBAF56;
    padding: 17px 30px;
    border-radius: 0px;
    color: #DBAF56;
    font-family: 'Arial';
    font-weight: 700;
    font-size: 18px;
}
.btn-explore:hover{
    color: #DCC48F;
    box-shadow: 0 0 11px rgba(33,33,33,.2); 
}



/*featured product*/
.feature-products{
    background-image: url(/images/background.png?6765be63d63f8ef5a478b1e0a6ec6bfd);
    padding-bottom: 60px ;
    padding-top: 60px ;
}
.title-feature-products{
    height: 64px;
    position: relative;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 64px;

    letter-spacing: 0.02em;
    text-transform: uppercase;
    font-feature-settings: 'ss01' on;

    color: #DBAF56;

    text-align: center;

    margin-bottom: 55px;
}
.content-title{
    margin: 0 auto;
    font-weight: 700;
    position: relative;
    display: initial;
    /*float: left;*/
}
.line-title{
    /*float: left;*/
    /*height: 100%;*/
    position: absolute;
}
.line-title{
    width: 70px;
    height: 3px;
    position: absolute;
    display: block;
    /*left: -65px;*/
    /*top: 34px;*/
    background: linear-gradient(69.96deg, #9E6C3E -83.79%, #F9E398 -41.76%, #AA7E52 7.81%, #DDC185 40.54%);

}
.line-title-left{
    left: -90px;
    top: 50%;
}
.line-title-right{
    right: -90px;
    bottom: calc(50% - 3px);
}
@media (max-width: 1120px){
    .line-title{
        display: none;
    }
}
/*.content-title:before{
    content: '';
    width: 70px;
    height: 3px;
    position: relative;
    display: block;
    left: -65px;
    top: 34px;
    background: linear-gradient(69.96deg, #9E6C3E -83.79%, #F9E398 -41.76%, #AA7E52 7.81%, #DDC185 40.54%);
}
.content-title:after{
    content: '';
    width: 70px;
    height: 2px;
    position: relative;
    display: block;
    left: 510px;
    top: -34px;
    background: linear-gradient(69.96deg, #9E6C3E -83.79%, #F9E398 -41.76%, #AA7E52 7.81%, #DDC185 40.54%);
}*/
/*.line-title{
    width: 70px;
    height: 2px;

    background: linear-gradient(69.96deg, #9E6C3E -83.79%, #F9E398 -41.76%, #AA7E52 7.81%, #DDC185 40.54%);
}*/
.swiper-backface-hidden .swiper-slide,
.product-block{
    background-color: #ffffff;
    text-align: center;
    padding: 20px;
    border: 1px solid #E2E2E2;
    cursor: pointer;
    height: auto !important;
}
.swiper-backface-hidden .swiper-slide:hover{
    background-color: #01111D;
}
#modalImage .swiper-backface-hidden .swiper-slide:hover{
    background-color: #fff;
}
#modalImage .swiper-backface-hidden .swiper-slide:hover .image-product-slide{
    opacity: 1;
}
.swiper-backface-hidden .swiper-slide:hover .name-product-slide{
    color: #ffffff;
}
.swiper-backface-hidden .swiper-slide:hover .image-product-slide{
    background-color: #ffffff;
    opacity: 0.3;

}
.image-product-slide{
    margin-bottom: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 100%; 
    position: relative; 
    background-position: center;
}
.image-product-slide img{
    width: 100%;
}
.name-product-slide{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    /*width: 340px;*/
    text-align: center;
    margin: 0 auto;
    color: #414042;
    margin-bottom: 20px;

}
.price-product-slide{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #DBAF56;
}
.slider-container .container .row{
    position: relative;
    margin-top: 55px;
}


.swiper-button-next,
.swiper-button-prev{
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px;
    position: absolute !important; 
    width: 56px !important;
    height: 56px !important;
    /* left: 1566px; */
    /* top: 385px; */
    background: #FFFFFF;
    border: 1px solid #ECEAE6;
     box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1); 
    border-radius: 34px;
    transform: matrix(-1, 0, 0, 1, 0, 0);

}
.swiper-button-next:after,
.swiper-button-prev:after{
    content: '' !important;
}
.link-detail-product{
    box-sizing: border-box;
    display: none;
    width: 130px;
    text-align: center;
    align-items: center;
    padding: 10px 20px;
    position: absolute;
    height: 46px;
    left: calc(50% - 130px/2 + 0.5px);
    top: calc(50% - 46px/2 - 50px);
    border: 1px solid #DBAF56;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #DBAF56;
    opacity: 0.8;
}
.swiper-backface-hidden .swiper-slide:hover .link-detail-product{
    display: block;
}
.link-detail-product:hover{
    color: #DBAF56;
    opacity: 1;
}

/*Brand Rolex Products*/
.brand-rolex-product{
    background-image: url(/images/background-rolex.png?147deb29e9d924a937426ccd1f888250) !important;
    background: rgba(3, 8, 18, 0.7);
    background-size: cover;
}
.image-brand{
    width: 100%;
}
.brand-rolex-product .container{
    opacity: 1;
}
.product-block{
    border: 0px;
    background: unset;
}
.product-block .image-product-slide,
.product-block .info-product-slide{
    background-color: #fff;
}
.product-block .image-product-slide{
    width: 100%;
    padding-top: 100%;
    position: relative;
    background-size: contain;
    background-position: center;
    margin-bottom: 10px;
}
.product-block .info-product-slide{
    padding-top: 10px;
    padding-bottom: 5px;
}
.product-block .name-product-slide{
    width: auto;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
    min-height: 48px;
    /*margin-right: 5px;*/
    /*margin-left: 5px;*/
}
.product-block:first-child,
.product-block:nth-child(2){
    padding-top: 0px;
} 
.content-block{
    background-color: #fff;
    border: 1px solid #E2E2E2;
    position: relative;
    padding: 10px;
}
.features{
    text-align: center;
    margin-top: 25px;
}

.link-list-product{
    padding: 8px 20px;
    border: 1px solid #DBAF56;
    filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.1));
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #DBAF56;
    opacity: 0.8;
}
.link-list-product:hover{
    color: #DBAF56;
    opacity: 1;
}
.product-block:hover .content-block{
    border: 0px;
    background-color: #01111D;
}
.product-block:hover .image-product-slide,
.product-block:hover .info-product-slide{
    background-color: #01111D;
}
.product-block:hover .name-product-slide{
    color: #ffffff;
}
.product-block:hover .image-product-slide img{
    background-color: #ffffff;
    opacity: 0.3;

}
.product-block:hover .link-detail-product{
    display: block;
}


/*Brand patek Products*/
.brand-patek-product{
    background-image: url(/images/background-patek.png?1a4899e030fe06e7188856e525422b12) !important;
    background-position: center;
    background-size: cover;
}
/*Brand richart Products*/
.brand-richart-product{
    background-image: url(/images/background-richartmile.png?008e5e32eb72ff04aa34a040929b8064) !important;
    background-repeat: no-repeat;
    background-position-x: left;
    background: rgba(3, 8, 18, 0.7);
}
/*Brand longines Products*/
.brand-longines-product{
    background-image: url(/images/background-longines.png?d6abc67918092b75d32fcbc6330dca91) !important;
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: cover;
}

/*Brand vertu Products*/

.section-slider-products{
    border-top: 5px solid #DBAF56;
}
.footer-section{
    margin-top: 70px;
    text-align: center;
}
.link-list-products{
    box-sizing: border-box;
    flex-direction: row;
    align-items: center;
    padding: 10px 20px;
    gap: 10px;
    height: 46px;
    border: 1px solid #DBAF56;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #DBAF56;
    opacity: 0.8;
}
.link-list-products:hover{
    color: #DBAF56;
    opacity: 1
}
/*.vertu-products .title-feature-products .line-title-left{
    left: 36%  !important;
}
.vertu-products .title-feature-products .line-title-right{
    right: 0px !important;
}
*/
/*Section phone Products*/
.phone-products{
    background-image: url(/images/background2.png?8713f7e9d419bfd8394888e9f9829faf) !important;
}

.list-phone-brand{
    text-align: center;
}
.item-phone{
    box-sizing: border-box;
    flex-direction: row;
    align-items: flex-start;
    padding: 13px 20px;
    gap: 10px;
    width: 75px;
    height: 48px;
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid #E2E2E2;
    font-family: 'Lexend Deca';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #414042;
}
.item-phone:hover{
    background-color: #01111D;
    color: #ffffff;
}

/*Section introduce*/

.about{
 position: relative; /* Make position relative */
 width: 100%;
 height: 100%;
 background: unset;
 padding-top: 60px;
 padding-bottom: 60px;

}


.img-intro{
    position: absolute;
    border: 10px solid #FFFFFF;
    box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.25);
}
.img-intro-1{
    z-index: 9;
}
.img-intro-2{
    z-index: 10;
    bottom: 0px;
    right: 0px;
}
.btn-play-video{
    z-index: 11;
    position: absolute;
    position: absolute;
    right: 80px;
    top: 25%;
    width: 150px;
    height: 150px;
    border: 0px;
    background: #DBAF56;
    opacity: 0.8;
}
.btn-play-video:hover{
    opacity: 1;
}
.btn-play-video:before{
    content: '';
    background-image: url(/images/Subtract.png?e8a631303eb80de50df80b2d4f8471fc) !important;
    width: 44px;
    height: 52px;
    background-size: contain;
    position: absolute;
    top: calc(50% - 26px);
    left: calc(50% - 18px);
    background-repeat: no-repeat;

}
.about .left-block{
    min-height: 600px;
}
.title-about{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 64px;

    letter-spacing: 0.02em;

    color: #DBAF56;
    position: relative;
    margin-bottom: 60px;
}
.title-about .line-title{
    position: absolute;
    bottom: -5px;
}
.content-about{
    padding-left: 70px;
}
.content-about p{
    color: #333333;
    font-family: 'Arial';
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 30px;
}
.about-company{
    color: #DBAF56;
    font-weight: 700;
}
.about .link-list-products{
    margin-top: 5px;
    display: inline-block;
    cursor: pointer;
    flex-direction: row;
    align-items: flex-start;
    padding: 10px 40px;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}
.about .link-list-products:hover{
    opacity: 1;
}
.about .container{
    position: relative;
    z-index: 2;
}

/*news*/
.img-news img{
    width: 100%;
}
.img-news{
    margin-bottom: 20px;
}
.title-news{
    margin-bottom: 20px;
}
.detail-news .title-news,
.title-news a{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.05em;
    color: #DBAF56;
}

.content-news{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #444444;
}
.content-news img{
    width: 100% !important;
}
.right-block .title-news a{
    font-size: 18px;
    line-height: 24px;
}


.list-social-contact{
    position: fixed;
    bottom: 50px;
    right: 50px;
    width: 58px;
    z-index: 999999;
}
.btn-contact{
    width: 56px;
    height: 56px;
    background: #FFFFFF;
    border-radius: 30px;
    position: relative;
    margin-bottom: 15px;
    padding: 7px;
    background: linear-gradient(126.08deg, #8B5837 3.16%, #F7F2A3 54.16%, #A5713D 105.16%);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    opacity: 0.7;
}
.btn-contact:hover{
   opacity: 1;
}
/*.btn-zalo img{
    position: absolute;
    top: 21px;
    left: 7px
}*/
.btn-cicle{
    width: 40px;
    height: 40px;
    display: block;
    width: 40px;
    height: 40px;
    display: block;
    line-height: 36px;
    border: 2px solid #FFF7AE;
    border-radius: 50%;
}
/*.btn-phone-contact .btn-cicle{
     border: 1px solid #EF5261;
    
}*/

.banner{
    min-height: 450px;
    background: rgba(3, 8, 18, 1);

}
.list-trace{
    text-align: center;
}
.banner .container{
    padding-top: 351px;
}
.link-home{
    /*margin-right: 15px;*/
}
.list-trace span{
    margin-left: 15px;
    margin-right: 15px;
}
.link-category{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
}
.link-category.active{
    padding: 13px 28px;
    background: #DBAF56;
    border: 1px solid #D2A13C;
}
.link-category:hover{
    color: #FFFFFF;
}
.vertu-products .image-product-slide,
.phone-products .image-product-slide{
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#formFilter .dropdown{
    padding-right: 30px;
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid #E2E2E2;

}

.list-products .btn-dropdown-filter{
    display: block;
    padding: 13px 15px;
    height: 48px;
    border-radius: 0px;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #414042;
    text-align: left;
    position: relative;
    overflow: hidden;
}
.list-products .btn-dropdown-filter:hover{
    color: #414042;
}
.list-products .dropdown-item{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    /*white-space: break-spaces;*/
}
.list-products .dropdown-menu{
    border: 1px solid #E2E2E2;
    width: 100%;
}
.list-products .icon-arrow-down{
    position: absolute;
    right: 10px;
    top: 21px;

}
.list-products .btn-search{
    display: block;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    width: 100%;
    height: 48px;
    line-height: 48px;
    background: #DBAF56;
    border: 1px solid #D2A13C;
}
.list-products .btn-search:hover{
    color: #fff;
    background-color: #da9e23;
}
.list-products .row-filter{
    margin-bottom: 10px;
}
.list-products .order-block{
    text-align: right;
    line-height: 51px;
    position: relative;
}
.list-products .line-order{
    float: left;
    width: calc(100% - 135px);
    position: absolute;
    top: 50%;
    display: block !important;
}
.list-products .title-order{
    height: 51px;
    display: block;
    line-height: 51px;
    font-family: 'Arial';
    color: #414042;
    font-size: 16px;
}

.list-products .list-btn{
    display: initial;
    position: relative;
}
.list-products .list-btn .line-title{
    width: 449px;
    height: 1px;
    background: linear-gradient(90deg, rgba(219, 175, 86, 0) 0%, #DBAF56 51.56%, rgba(219, 175, 86, 0) 100%);
}
.list-products .list-btn .line-title-right{
    right: -449px;
    bottom: calc(50% - 1px);
}
.list-products .list-btn .line-title-left{
    left: -449px;
    bottom: calc(50% - 1px);
}
 .link-page{
    padding: 11px;
    display: inline-block;
    min-width: 48px;
    height: 48px;
    background: #ffffff;
    border: 1px solid #E2E2E2;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #4F4F4F;
}
 .link-page.active{
   background: #DBAF56;
   border: 1px solid #D2A13C;
   color: #ffffff;
}
 .link-page:hover{
    background: #DBAF56;
    border: 1px solid #D2A13C;
    color: #ffffff;
}
.list-products .description{
    margin-top: 80px;
}
.list-products .description p{
   font-family: 'Arial';
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   color: #444444;
}
.list-products .description h4{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: #DBAF56;
}

/*css product*/

.section-product .container{
    background-color: #ffffff;
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);
    min-height: 300px;
    padding-top: 20px;
}
.section-product{
    padding-top: 0px;
    padding-bottom: 0px;
}
.section-product .list-image{
    width: 132px;
    float: left;
    margin-right: 20px;
}
.section-product .item-image{
    width: 132px;
    height: 132px;
    text-align: center;
    background-size: contain;
    /*line-height: 132px;*/
    border: 1px solid #E2E2E2;
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}
.section-product .item-image img{
    width: 100%;
}
.section-product .item-image.active{
    border: 3px solid #DBAF56;
    line-height: 126px;
}
.section-product .main-image{
    float: left;
    width: calc(100% - 152px);
    min-height: 575px;
    position: relative;
    background-size: contain;
    text-align: center;
    border: 1px solid #E2E2E2;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}
.section-product .main-image img{
    width: 100%;
}
.info-block-mobile,
.policy-panel-mobile{
    display: none;
}
@media (max-width: 800px) {

    .section-product .main-image{
        width: 100%;
    }
    .section-product list-image{
        width: 100%;
    }
    .section-product .item-image{
        float: left;
        width: 25%;
    }
}
.section-product .logo-brand{
    text-align: center;
    margin-bottom: 10px;
    min-height: 100px;
    width: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.section-product .title-name-product{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 40px;
    text-align: center;
    font-feature-settings: 'liga' off;
    color: #414042;
    margin-bottom: 15px;
}
.section-product .info-product-block{
    border-bottom: 1px solid #E0E0E0;
}
.section-product .code-product{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #828282;
    border-right: 1px solid #828282;
    margin-right: 10px;
    padding-right: 10px;
}
.section-product .status-product{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #219C73;
}
.section-product .code-product,
.section-product .status-product{
    display: initial;
}
.section-product .bottom-info{
    text-align: center;
    margin-bottom: 15px;
}
.section-product .price-block{
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}
.section-product .price-block .price-product{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 22px;
    text-align: center;
    color: #DBAF56;
}
.section-product .price-block .price{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    color: #444444;
}
.section-product .note{
    font-family: 'Arial';
    font-style: italic;
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    text-align: center;
    color: #828282;
}
.section-product .note-price{
    margin-bottom: 30px;
}
.section-product .list-btn{
    margin-bottom: 20px;
}
.section-product .list-btn a{
    display: block;
    height: 56px;
    border: 1px solid #D2A13C;
    text-align: center;
    line-height: 56px;
    font-family: 'Arial';
    font-style: normal;
    font-size: 18px;
}
.section-product .btn-purchase{
    background: #DBAF56;
    color: #ffffff;
    margin-bottom: 15px;
    font-weight: 700;
}
.section-product .btn-purchase:hover{
    color: #ffffff;
}
.section-product .btn-advise{
    background: #ffffff;
    color: #DBAF56;
}
.section-product .btn-advise:hover{
    color: #DBAF56;
}
.section-product .list-btn a img{
    margin-right: 15px;
}

.section-product #nav-tab{
    height: 44px;
    background: #F6F7F9;
    border: 0px;
}
.section-product .nav-tabs .nav-link{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 42px;
    align-items: center;
    color: #444444;
    border-radius: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.section-product .nav-tabs .nav-link.active{
    color: #DBAF56;
    border: 0px;
    font-weight: 700;
    border-bottom: 3px solid #DBAF56;
    background: unset;
}

.section-product .policy-panel{
    background: #FFFFFF;
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    /*padding: 10px;*/
    margin-bottom: 30px;
}
.section-product .policy-panel .panel-heading a{
    color: #fff;
}
.section-product .panel-heading{
    text-align: center;
    padding: 10px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background: #DBAF56;
}
.section-product .panel-heading h4{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #FFFFFF;
    margin-bottom: 0px;
}
.section-product .panel-heading p{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    line-height: 28px;
    text-align: center;
    font-feature-settings: 'salt' on;
    color: #FFFFFF;
    margin-bottom: 0px;
}
.section-product .panel-body{
    padding: 15px;
}
.section-product .title-panel{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #414042;
    margin-bottom: 15px;
}
.section-product .step-item{
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative;
}
.section-product .step-item h5{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #DBAF56;
    margin-bottom: 0px;
}
.section-product .step-item h6{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #444444;
    margin-bottom: 0px;
}
.section-product .step-item:before{
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    bottom: 0px;
    background: linear-gradient(90deg, rgba(219, 175, 86, 0) 0%, #DBAF56 51.56%, rgba(219, 175, 86, 0) 100%);
}
.section-product .step-item:last-child:before{
    background: unset;
}

.section-product .step-item ul{
    margin-bottom: 0px;
}
.section-product .step-item ul li{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #444444;
    margin-bottom: 5px;
}
.section-product .news-heading{
    height: 50px;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 1;
    position: relative;
    color: #3A3026;
    margin-bottom: 15px;
}
.section-product .news-heading:before{
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    bottom: 0px;
    background: linear-gradient(90deg, rgba(219, 175, 86, 0) 0%, #DBAF56 51.56%, rgba(219, 175, 86, 0) 100%);
}
.section-product .image-news,
.section-product .content-news{
    float: left;
}
.detail-news .image-news{
    min-height: 400px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}
.section-product .news-item{
    float: left;
    margin-bottom: 15px;
    /*width: 110px;*/
    min-height: 85px;
    background-position: center;
    background-size: contain;

}
.section-product .content-news{
    width: calc(100% - 120px);
    padding-left: 10px;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: #414042;
}
.section-product .content-news a{
    color: #414042;
}
.section-product .content-news a:hover{
    color: #DBAF56;
}
.section-search .title-spec{
    text-align: left;
    text-transform: none;
}
.title-spec,
.section-product .name-product{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    color: #DBAF56;
    margin-top: 30px;
    margin-bottom: 20px;
}
.table-spec table tbody tr:nth-of-type(odd){
    background-color: #EFF1F4;
    --bs-table-accent-bg: unset;
    border: 0px;
}
.table-spec table tbody tr td{
    width: 50%;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #777777;
}
.table-spec table tbody tr td:first-child{
    border-right: 1px solid #ffffff;
}
.table-spec table tbody tr td:last-child{
    font-weight: 400;
}
/*.table-spec table tbody tr td:first-child,
.table-spec table tbody tr td:last-child{
    width: 50%;
}*/
.section-product .table>:not(caption)>*>*{
    border: 0px;
}
.section-product .descrition-product{
    padding-bottom: 35px;
    position: relative;
    margin-bottom: 30px;
}
.section-product .descrition-product div{
    float: initial !important;
}
.section-product .descrition-product img{
    width: 100% !important;
    height: auto !important;
    cursor: pointer;
}
.section-product .descrition-product p{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #444444;
    margin-bottom: 20px;
}
.section-product .descrition-product a{
    color: #DBAF56;
}

.section-product .image-descrition{
    margin-bottom: 20px;
}
.section-product .image-descrition img{
    width: 100%;
}
.section-product .descrition-product:before{
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    bottom: 0px;
    background: linear-gradient(90deg, rgba(219, 175, 86, 0) 0%, #DBAF56 51.56%, rgba(219, 175, 86, 0) 100%);
}
.section-product .btn-like-facebook{
    font-family: 'Arial';
    width: 65px !important;
    height: 20px;
    line-height: 20px;
    padding-left: 15px;
    text-align: center;
    background: linear-gradient(180deg, #3975EA 0%, #3975EA 100%);
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    position: relative;
    border-radius: 2px;
    color: #ffffff !important;
}
.section-product .btn-fb:hover{
    color: #fff;
    background-color: #0e3580 !important;
}
.section-product .btn-like-facebook img{
    position: absolute;
    left: 6px;
    top: 2px;
}
.section-product .btn-share-facebook{
    font-family: 'Arial';
    width: 91px;
    height: 20px;
    color: #ffffff !important;
    background: linear-gradient(180deg, #3975EA 0%, #3975EA 100%);
    border-radius: 2px;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    position: relative;
    padding-left: 22px;
}
.section-product .list-btn-facebook{
    line-height: 20px;
    height: 20px;
}
.section-product .btn-share-facebook img{
    position: absolute;
    left: 7px;
    top: 4px;
}
.section-product .video-content{
    height: 550px;
    
}
.section-product .video-content iframe{
    width: 100%;
    height: 100%;
}
.section-product .video-product{
    padding-bottom: 35px;
    position: relative;
    margin-bottom: 30px;
}
.section-product .video-product:before{
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    bottom: 0px;
    background: linear-gradient(90deg, rgba(219, 175, 86, 0) 0%, #DBAF56 51.56%, rgba(219, 175, 86, 0) 100%);
}
.section-product .related-products{
    margin-bottom: 45px;
}
.section-product .related-products .row{
    position: relative;
}
.section-product .title-related-product{
    margin-bottom: 20px;
    position: relative;
}
.section-product .line-border{
    height: 1px;
    top: 21px;
    width: calc(100% - 270px);
    position: absolute;
    background: linear-gradient(90deg, rgba(219, 175, 86, 0) 0%, #DBAF56 51.56%, rgba(219, 175, 86, 0) 100%);
}
.section-product .title-related-product .content-title{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0.02em;
    font-feature-settings: 'liga' off;
    color: #DBAF56;

}

.description-category,
.descrition-product{
    font-size: 16px;
    font-family: Arial;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.description-category a{
    color: #DBAF56;
    font-size: 24px;
    font-family: Arial;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.gallery-image-product{
    /*margin-bottom: 50px;*/
    float: left;
    width: 100%;
}
.detail-product{
    float: left;
     width: 100%;
}
.news-page .left-block{
    padding-right: 25px
}
.news-page .header-block{
    position: relative;
    float: left;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.news-page .item-news-block{
    position: relative;
    float: left;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.news-page .header-block:before,
.news-page .item-news-block:before{
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    bottom: 0px;
    background: linear-gradient(90deg, rgba(219, 175, 86, 0) 0%, #DBAF56 51.56%, rgba(219, 175, 86, 0) 100%);
}
.created-time{
    font-family: 'Arial';
    font-size: 13px;
    margin-bottom: 5px;
}
.detail-news .created-time{
    font-size: 16px;
    margin-bottom: 20px;
}
.created-time i{
    margin-right: 5px;

}
.news-page .title-news{
    margin-bottom: 10px;
}
.news-page .block-news{
    margin-bottom: 20px;
}
.news-page .right-block .title-news a{
    font-size: 16px;
}
.news-page .right-block .info-news .content-news{
    font-size: 14px;
}
.section-product .news-item .image-news{
    width: 110px;
    min-height: 85px;
    background-position: center;
    background-size: contain;
}
.section-product .news-item .image-news img{
    width: 100%;
}
#nav-home{
    font-family: 'Arial';
}
.section-news .left-block .img-news{
    min-height: 450px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.section-news .right-block .img-news{
    min-height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.section-result-product-search .footer-section{
    margin-top: 30px;
}
.section-result-product-search{
    margin-top: 80px;
}
.total-result{
    color: #414042;
    font-family: "Arial";
    font-weight: bold;
}
.section-result-news-search{
    margin-top: 50px;
}
.section-result-news-search .total-result{
    margin-bottom: 20px;
}
.section-result-news-search .image-block{
    min-height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
        background-color: #fff;
}
.section-result-news-search .content-block{
    border: 0px;
    min-height: 132px;
}
.news-block{
    margin-bottom: 20px;
}
.news-block .title-news a{
    font-size: 20px;
}
.content-about{
    margin-top: 50px;
}
.content-about h4{
    margin-bottom: 20px;
    font-size: 30px;
}
.content-about h4,
.title-info,
.content-about strong{
    color: #DBAF56;
    font-weight: 700;
}
.title-info{
    font-size: 20px;
    margin-bottom: 20px;
}
.about-page .content-about p{
    margin-bottom: 15px;
}
.contact-page{
    padding-top: 40px;
    padding-bottom: 40px;
}
.formContact .form-group{
    margin-bottom: 20px;
}

.footer-contact button{
    background-color: #DBAF56;
    font-weight: 700;
    border: 0px;
    border-radius: 0px;
    padding-right: 20px;
    padding-left: 20px;
}
.information-page{
    background-image: url(/images/background.png?6765be63d63f8ef5a478b1e0a6ec6bfd);
}
.content-contact h4{
    font-size: 22px;
}
.cart-page{
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom:0px;
}


.table-cart .counter {
    width: 150px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.table-cart .counter input {
    width: 50px;
    /*border: 0;*/
    line-height: 2;
    border: 1px solid;
    font-size: 14px;
    text-align: center;
    background-color: #fff;
    color: #555555;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    outline: 0;
    font-weight: bold;
}
.table-cart  span.down {
    vertical-align: middle;
    font-size: 23px;
    margin-top: -2px;
    margin-right: 2px;
}
.table-cart .counter span {
    display: block;
    font-size: 20px;
    padding: 0 10px;
    cursor: pointer;
    color: #555555;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    font-weight: bold;
}
.counter span:hover{
    color: #90a7d1;
}
.table-cart table th,
.table-cart table td{
    text-align: center;
    height: 100px;
    line-height: 100px;
    position: relative;
}
.table-cart thead tr th{
    height: auto;
    line-height: 1;
}
.table-cart table td a{
    color: #000;
}

.table-cart .row-total td{
    font-size: 18px;
    font-weight: bold;
}
.form-info-payment .form-group{
    margin-bottom: 10px;
}
.form-info-payment .form-control{
    border-radius: 0px;
}

.form-info-payment .btn-checkout{
    border-radius: 0px;
}
.table-cart .btn-delete{
    position: absolute;
    right: 0px;
    cursor: pointer;

}
.swiper-gallery-image .swiper-button-next{
    right: var(--swiper-navigation-sides-offset,0px) !important;
}
.swiper-gallery-image .swiper-button-prev{
    left: var(--swiper-navigation-sides-offset,0px) !important;
}

.img-maintain{
    height: 100%;
    background-image: url(/images/maintenance-background-design_1294-45.avif?1ea168ddfa8440934faeb0ea1e28936c);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
textarea {
    padding: 10px;
    vertical-align: top;
    width: 100%;
}
.banner-listing.none-padding-top{
    background-repeat: no-repeat;
    background-size: cover;
}
.banner.none-padding-top .container{
    padding: 0px;
    
}
.section-video video{
    width: 100%;
    height: auto;
}
.section-video .video{
    padding: 50px;
    padding-right: 0px;
}
.right-layout-video{
    margin: 50px;
    margin-left: 0px;
    margin-right: 0px;
    background-color: rgb(207 203 203 / 50%);
    border-radius: 25px;
    text-align: center;
}
.right-layout-video .title-brand{
    color:#000;
    margin-top: 50px;
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;

}
.content-video{
    color: #ffffff;
    text-align: center;
    margin-bottom: 30px;
}
.right-layout-video a{
    color: #fff;
    background-color: #6c6666;
    padding: 10px;
    border-radius: 15px;
    font-size: 14px;
}
.right-layout-video a:hover{
    background-color: #615c5c;
}
.image-collection img{
    width: 100%;
    height: 100%;
}
.collection-item{
    position: relative;
    text-align: center;
}
.collection-item a{
    position: absolute;
    top: 50%;
    left: calc(50% - 90px);
    padding: 15px;
    background-color: #fff;
    color: #000;
    border-radius: 30px;
    display: none;
}
.collection-item:hover a{
    display: block;
    opacity: 0.6;
}
.collection-item a:hover{
    opacity: 1;
}
.name-collection{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}