﻿.wrapper{flex-direction:column}
.w-container.body-wrapper{margin-top:130px}
.container{background:unset;padding:unset;margin-bottom:unset}
.product-info-left{flex:none;width:60%;max-width:688px;height:max-content;height:max-content;position:sticky;top:70px}
footer .bg {
    width: calc(1200px - 40px);
}
/*hình ảnh*/
.slider-banner .slick-list {
    border: 1px solid #d1d5db;
    border-radius: 10px
}
/*css trang chi tiết*/
.navbar-burger,blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0}
/*thông tin sản phẩm*/
.product-detail .product-details-container{display:flex;align-items:start;justify-content:center;gap:12px;margin:12px auto}
.product-detail .product-details-container .product-info{width:100%;display:flex;flex-direction:column;gap:10px;height:max-content;position:sticky;top:12px}
.product-detail .product-details-container .product-image{margin-top:12px}
.product-image .img{background:white;display:flex;align-items:center;justify-content:center;border-radius:10px}
.product-image .Slideshow-show{margin-top:12px}
.product-info .box-linked h5{margin:0;font-size:15px;font-weight:600;line-height:20.43px}
.slick-thumb{margin-top:12px}
.slick-thumb .slick-slide{margin-right:10px;/* nếu là vertical:true */}
.product-image .slick-thumb .img{border:.5px solid hsla(0,0%,51%,.239);border-radius:10px;box-shadow:0 1px 4px #00000010;cursor:pointer;overflow:hidden;padding:5px}
.product-image .slick-thumb .slick-current.slick-active .img,.product-image .slick-thumb.selected .img{border:.5px solid rgba(216,0,0,.831)}
.slick-thumb .slick-track{margin-left:unset;margin-right:auto}
.box-linked{margin-bottom:5px;display:flex;flex-direction:column;gap:12px}
.custom-thumb-transform{text-align:center;margin-top:15px}
.left-info-thumb .img-thumb{width:60px;height:60px}
.slick-thumb-modal .left-info-thumb .img-thumb{width:75px;height:75px}
.left-info-thumb .img-thumb{border-radius:10px;background-color:#FFF;display:flex;justify-content:center;align-items:center}
.left-info-thumb .img-thumb img{width:100%}
.left-info-thumb .img-thumb i{font-size:24px}
.product-image .left-info-thumb{cursor:pointer;display:inline-block;margin-right:10px;text-align:center;vertical-align:top;width:60px}
.custom-thumb-transform .item{cursor:pointer;display:inline-block;margin-right:10px;text-align:center;vertical-align:top;width:60px;color:black}
.product-image .left-info-thumb p{font-size:12px;line-height:1.3;margin:0;margin-top:5px;white-space:normal;font-weight:500}
.Slideshow-show{display:flex;justify-content:center;margin:10px 0 15px}
.Slideshow-show .Slideshow-counter{font-weight:500;height:24px}
.Slideshow-show .Slideshow-counter a{color:#2f80ed;display:inline-block;margin-right:10px}
.Slideshow-show .Slideshow-zoom{background-color:unset;border:unset}
.Slideshow-show .Slideshow-zoom i{font-size:24px;line-height:24px}
.box-price strong{font-feature-settings:'clig' off,'liga' off;font-size:20px;font-style:normal;line-height:127.682%;color:#FD475A;font-weight:700}
.box-price span{font-size:13px;font-weight:400;line-height:15.73px;text-decoration:line-through}
.list-option{display:flex;gap:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex-wrap:wrap;margin-top:12px}
.list-option .item-option{border-radius:10px;background-color:#ffffff;border:1px solid #C9C9C9;position:relative;overflow:hidden;display:flex;text-align:center;/* justify-content:center;*/
        align-items:center;cursor:pointer;min-height:44px}
.list-option .item-option a{margin-left:-35px}
#option-version .item-option{justify-content:center}
#option-version a{margin-left:0;display:flex;width:100%;flex-direction:column}
#option-version span{padding:0 5px;margin:auto;text-align:center}
#option-color .item-option{padding:0 0 0 10px}
.list-option .item-option:before{color:#fff;width:24px;height:20px;background-color:#009981;position:absolute;bottom:-1px;right:-1px;border-top-left-radius:10px;border-bottom-right-radius:10px;opacity:0;transition:opacity 0.3s ease;display:flex;align-items:center;justify-content:center;content:"\69";font-family:'icomoon'!important;speak:never;font-style:normal;overflow:hidden;font-weight:300;font-variant:normal;font-size:9px;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}
.list-option .item-option img{height:30px;position:absolute;left:10px;width:30px}
.list-option .item-option span{line-height:15.73px;color:#191919;padding:5px 1px 5px 35px}
.list-option .item-option .color-price{display:flex;flex-direction:column;gap:4px;padding:5px 1px 5px 35px;font-size:13px;font-weight:600;text-align:left}
.list-option .item-option .color-price span{line-height:15.73px;color:#191919;padding:0}
.list-option .item-option p{font-size:12px;line-height:15.73px;color:#FD475A;margin:0}
.list-option .item-option:hover,.list-option .item-option.active,.list-option .item-option.selected{border:1.5px solid #00957C}
.list-option .item-option.active:before{opacity:1!important}
.list-option .item-option.selected:before{opacity:1!important}
.note-info .banner-title{padding:13px 22px 13px 22px;gap:8px;background:#00957C;color:white;display:flex;align-items:center}
.note-info .banner-title i{font-size:24px;line-height:24px;width:24px}
.note-info .banner-title h5{margin:0;font-size:15px;font-weight:600;line-height:20.43px;text-align:left}
.note-info .note-info-detail{margin:0;font-size:13px;font-weight:400;line-height:17.7px;text-align:left;background:white}
.note-info .note-info-detail a{margin:0;font-size:13px;font-weight:600;line-height:17.7px;text-align:left}
.note-info.none-after .note-info-detail{padding:12px}
.note-info.none-after .view-promotion-content{display:none}

.box-content-text .text-after {
    max-height: 500px;
    overflow: hidden;
    transition: max-height 0.5s ease;
    background-color: white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: relative;
    padding: 12px;
    padding-bottom: 35px
}
.box-content-text .text-after.note-info-detail{max-height:200px}
.box-content-text .text-after:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:110px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-image:linear-gradient(transparent,rgba(255,255,255,1))}
.box-content-text .text-after.no-after:after{content:unset}
.button-add{text-align:center;padding:0.5rem}
.product-info .note-info{position:relative;border:1px solid var(--black-black-3,#C9C9C9);border-radius:10px;overflow:hidden}
.product-info .button-add p{margin:0;font-size:13px;font-weight:400;line-height:17.7px;text-align:center}
.product-info .button-add a{color:white}
.product-detail .block-content-product{display:flex;justify-content:space-between;margin:12px auto}
.block-content-product .block-content-product-left{width:830px;background:#fff;border-radius:10px;box-shadow:0 1px 2px 0 rgba(60,64,67,.1),0 2px 6px 2px rgba(60,64,67,.15)}
.block-detail-product .block-content-product .block-content-product-right{width:calc(100% - 830px)}
#productContent_hcare{margin-top:12px}
.toc-container{margin-bottom:20px}
.toc-container h2{text-align:center;color:red}


/*css bên phải*/
#popup-modal{border-radius:10px}
.view-box-content,.view-specs-content{background:var(--white-white-1,#FFF);cursor:pointer;margin:0 auto;display:flex;padding:7.5px 30px;justify-content:center;align-items:center;gap:10px;border-radius:5px;border:1px solid var(--black-black-3,#C9C9C9);display:flex;bottom:13px;left:50%;font-size:15px;font-weight:700;color:#4B4B4B;cursor:pointer;transition:background-color 0.5s ease;z-index:2}
.view-specs-content{padding:7.5px 30px;margin-bottom:12px}
.btn-view a{color:#4B4B4B;font-size:13px;font-weight:700;line-height:15.73px;text-align:center;text-transform:uppercase}
.box-content-text:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:110px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-image:linear-gradient(transparent,rgba(255,255,255,1))}
.box-content-text.no-after:after{content:unset}
.detail-info-left .box-content * img{max-width:100%}
.box-detail-info .detail-info-right{height:max-content;width:100%;text-align:start;display:flex;flex-direction:column;gap:12px;height:max-content;position:sticky;height:max-content;position:sticky;top:12px}
.View-landding .box-detail-info .detail-info-right{top:130px}
.detail-info-right .alert-add{padding:4px 12px;text-align:center;border-radius:5px;background:var(--red-red-4,#FFDADE);width:auto}
.detail-info-right .alert-add strong{font-size:15px;font-weight:700;line-height:18.15px;text-align:left;color:#FD475A}
.item-site-banner{display:flex;padding:12px 20px;align-items:flex-start;justify-content:space-between;border-radius:10px 10px 0 0;background:var(--black-black-4,#EBEBEB)}
.item-site-banner .site-banner-content{display:flex;align-items:center;gap:12px}
.item-site-banner .site-banner-content .description{font-size:15px;font-weight:700;line-height:18.15px;text-align:left}
.item-site-banner .site-banner-content i{font-size:24px;line-height:24px;width:24px}
.item-site-banner .fs-closes{width:30px;height:30px;color:#fff;line-height:1.28;text-align:center;text-decoration:none;text-indent:0;background:#fd5465;-webkit-border-radius:26px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer}
.detail-info-right .box-price strong{font-feature-settings:'clig' off,'liga' off;font-size:20px;font-style:normal;line-height:127.682%;color:#FD475A;font-weight:700}
.detail-info-right .box-price span{font-size:13px;font-weight:400;line-height:15.73px;text-decoration:line-through}

/*div xem thêm*/
    .cps-block-content{border-radius:10px;display:block;margin-right:auto;max-height:700px;min-height:0;overflow:hidden;padding:15px;position:relative;text-align:justify;border:1px solid var(--black-black-3,#C9C9C9);background:white}
.cps-block-content p{font-size:15px;font-weight:500;line-height:1.5;margin:0 0 10px;text-align:justify}
/*nút xem thêm*/
.view-more-container{padding:8px 10px;text-align:center}
.view-more-container a{text-transform:uppercase;font-weight:bold;font-size:15px;color:#00957C}
.view-more-container a:hover{color:#00483d}
.view-more-container{cursor:pointer;border:1px solid #F4F4F4;position:absolute;bottom:1px;left:50%;transform:translate(-50%,0);z-index:100;display:flex;padding:6px 20px;justify-content:center;align-items:center;gap:12px;border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;border:1px solid var(--black-black-3,#C9C9C9);border-bottom:none;background:#FFF}
.view-more-container a{color:#4B4B4B;font-size:13px;font-weight:700;text-align:center;text-transform:uppercase}
/*cam kết Hoàng Hà*/
.box-warranty{padding:20px;border-radius:10px;border:1px solid var(--black-black-3,#C9C9C9);background:var(--white-white-1,#FFF);margin-top:12px}
.box-warranty .commitment{text-align:center;color:#DD283B;font-size:15px;line-height:18.15px;padding-bottom:12px}
.box-warranty .warranty-content{display:flex;flex-direction:column;gap:12px}
.BoxDescription{text-align:center}
.BoxDescription p{padding:0;margin:0;font-weight:400;line-height:1.4;text-align:justify}
.BoxDescription img{margin-top:12px;max-width:100%}
.warranty-content .item-warranty-info{display:flex;justify-content:start;align-items:center;gap:10px}
.warranty-content .item-warranty-info i{font-size:21px;line-height:21px;width:21px;color:#009981}
.warranty-content .item-warranty-info .description{color:var(--black-black-2,#4B4B4B);font-feature-settings:'clig' off,'liga' off;font-size:13px;font-weight:400;font-style:normal;line-height:normal}
.warranty-content .item-warranty-info .description a{color:#009981;font-weight:700}

/*khuyến mãi không lớn hơn 6*/
.box-promotion.non-after .box-promotion-content{padding-bottom:14px;max-height:unset;display:flex}
.box-promotion.non-after .box-promotion-content:after{content:unset}
.box-promotion.non-after .view-promotion-content{display:none}
/*dịch vụ mở rộng*/
.detail-info-right .promotion-addon .item-site-banner{background:#DD283B;color:#fff}
.promotion-addon .box-promotion-content{align-items:stretch!important}
.detail-info-right .promotion-addon .add-on-group a{color:#191919}
.detail-info-right .promotion-addon .final-price{border:1px solid #DD283B;padding:8px 12px;border-radius:5px}
/*ưu đãi hoàng hà*/
.box-promotion .item-site-banner {
    background: #FFDADE;
    color: #FD475A
}
/*ưu đãi thêm */
.detail-info-right .box-promotion {
    display: flex;
    flex-direction: column;
    position: relative
}

.detail-info-right .promotion-more .item-site-banner{background:#DBF9EB;color:#009981}
.box-promotion .box-promotion-content {
    max-height: 200px;
    overflow: hidden;
    transition: max-height 0.5s ease;
    background-color: white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 12px;    
}
.box-promotion .box-content-text {
    padding-bottom: 35px
}
.box-promotion .box-promotion-content .promotion-item{display:flex;gap:5px;text-align:center;justify-content:center;font-size:13px;align-items:center}
.box-promotion .box-promotion-content .promotion-item .item-container{display:flex;gap:5px}
.box-promotion .box-promotion-content .promotion-item .item-container img{height:30px;-o-object-fit:cover;object-fit:cover;width:auto}
.box-promotion .box-promotion-content .promotion-item strong{min-width:25px;width:25px;height:25px;border-radius:50%;color:white;background:#009981;text-align:center;display:flex;justify-content:center;align-items:center
            
/*;border:2px solid #333*/}
.promotion-hoangha .box-promotion-content .promotion-item strong{background:#FD475A}
.box-promotion .box-promotion-content .promotion-item span{font-size:13px;font-weight:400;line-height:15.73px;text-align:left}
.box-promotion .box-promotion-content .promotion-item a{font-size:13px;font-weight:700;line-height:15.73px;text-align:left;color:#009981}
.view-promotion-content{cursor:pointer;border:1px solid #F4F4F4;position:absolute;bottom:0;left:50%;transform:translate(-50%,0);z-index:100;display:flex;padding:6px 20px;justify-content:center;align-items:center;gap:12px;border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;border:1px solid var(--black-black-3,#C9C9C9);border-bottom:none;background:#FFF}
.detail-info-right .box-technical-specifications{display:flex;flex-direction:column;width:100%;position:relative;background:white;border-radius:10px}
.box-technical-specifications .box-specs-content{display:flex;padding:12px;background:white;border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.box-technical-specifications .box-specs-content .specs-item .title{font-size:15px}
.box-technical-specifications .box-specs-content .specs-item{display:flex;flex-direction:column;gap:12px;padding:12px 12px 0 12px;width:100%;}
.box-technical-specifications .box-specs-content ul{border:1px solid #e5e7eb;border-radius:10px;padding:0;margin:0;overflow:hidden;width:100%}
.box-technical-specifications .box-specs-content ul li{display:flex;-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important;padding:10px;justify-content:space-between;font-size:14px;list-style:none}
.box-technical-specifications .box-specs-content ul li:nth-child(odd){background-color:#f2f2f2}
.box-technical-specifications .box-specs-content ul li strong{width:40%}
.box-technical-specifications .box-specs-content ul li strong{width:40%}
.box-technical-specifications .box-specs-content ul li span{width:60%}
/*box banner*/
.box-baner{margin:20px 0}
.box-head{background:#009981;margin-bottom:20px;display:inline-block;height:41px;overflow:hidden;border-radius:5px}
.box-content .logos .logo-title{background:#FFFFFF}
.box-head h4 a{color:white}
.box-head h4{padding:7px 40px 7px 20px;margin:0 0 0 60px;background:#00483d;color:#fff;font-size:20px;text-transform:uppercase;/* border-radius:10px;*/}
.box-baner:after{content:" ";border-top:41px solid #009981;border-right:16px solid #00483d;margin-left:44px}
/*model*/
.popup-modal{top:0;left:0;padding:10px;align-items:center;display:none;flex-direction:column;justify-content:center;overflow:hidden;position:fixed;z-index:1000;width:100%;height:100%;outline:0;opacity:0;max-width:unset}
.popup-modal.is-active{display:flex;opacity:1;background:rgba(0,0,0,.7);transform:scale(1);padding:30px}
.over{display:none;overflow:hidden;z-index:5;background:rgba(0,0,0,.6);width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;opacity:.5}
.popup-modal .modal-card{max-width:600px;width:100%;display:block}
.popup-modal .box-modal-compare{min-width:940px;width:940px;margin:0 auto;display:flex}
.box-modal-compare{display:flex;flex-direction:column;-ms-overflow-y:visible;width:940px}
.modal-card{display:flex;flex-direction:column;overflow:auto;-ms-overflow-y:visible;width:600px}
.modal-card,.form-order,.box-modal-compare{z-index:10}
.modal-card .box-specs-content,#popup-modal .box-specs-content{padding:0;padding-bottom:12px;overflow:auto;max-height:700px}
.modal-card .box-specs-content .specs-item .title{font-size:15px}
.header-model{top:auto;padding-left:1rem;padding-right:1rem;align-items:center;display:flex;flex-shrink:0;justify-content:flex-start;position:relative;border-bottom:1px solid #dbdbdb;border-top-left-radius:6px;border-top-right-radius:6px;background:linear-gradient(90deg,rgba(0,143,119,1) 20%,rgba(16,74,62,1) 100%);width:auto}
/*cấu hình chi tiết*/
.product-detail .block-content-product .block-content-product-right{width:calc(100% - 830px)}
.cps-block-technicalInfo{border-radius:10px;background:#fff;box-shadow:0 1px 2px 0 rgba(60,64,67,.1),0 2px 6px 2px rgba(60,64,67,.15);}
.cps-block-technicalInfo .technical-content{border:1px solid #e5e7eb;border-radius:10px;padding:0;margin:15px 0;overflow:hidden}
.cps-block-technicalInfo .technical-content li:nth-child(odd){background-color:#f2f2f2}
.cps-block-technicalInfo .technical-content .technical-content-item{font-size:14px;list-style:none}
.cps-block-technicalInfo .technical-content .technical-content-item p:first-child{width:40%}
.cps-block-technicalInfo .technical-content .technical-content-item a{color:#4a4a4a}
.cps-block-technicalInfo .technical-content .technical-content-item div{width:50%}
.button-configuration{background-color:#fff;border-color:#dbdbdb;border-width:1px;color:#363636;cursor:pointer;justify-content:center;padding:calc(0.5em - 1px) 1em;text-align:center;white-space:nowrap}
.cps-block-technicalInfo .button-configuration{border-radius:10px;box-shadow:0 1px 2px 0 rgba(60,64,67,.1),0 2px 6px 2px rgba(60,64,67,.15);font-size:14px;gap:5px;height:35px;transition:background-color .5s ease;width:100%}
.cps-block-technicalInfo .button-configuration:hover{background-color:#fef2f2;border:1px solid #c52927;color:#c52927;transition:background-color .5s ease-out}
.cps-block-technicalInfo .button-configuration:hover .icon-svg svg{fill:#c52927}
/*Model cấu hình chi tiết*/
.block-content-product-right .product-specs-button{bottom:-20px;align-items:center;justify-content:center;display:flex;margin:0 auto;background:#fdfdfe 0% 0% no-repeat padding-box;box-shadow:0 3px 6px #00000029;border-radius:10px;padding:2px 50px;font-size:15px;color:#191919}
.block-content-product-right .product-specs-button span{background:transparent linear-gradient(180deg,#009a82 0%,#00483d 100%) 0% 0% no-repeat padding-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:26px;margin-right:5px}
.block-content-product-right .product-specs-button strong{margin-top:-2px}

.modal-card,.form-order{z-index:1001}
.over{display:none;overflow:hidden;z-index:997;background:rgba(0,0,0,.6);width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;opacity:.5}
.modal .modal-card-body{padding:0;background-color:#fff;flex-grow:1;flex-shrink:1;overflow:auto;margin:0}
.modal .modal-card-body .modal-content{background-color:#fff;height:auto;overflow:visible;overflow:initial;width:100%;border:none}
.modal-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid #eff0f2;border-radius:0.6rem;outline:0}
.modal .modal-card-body .modal-content .technical-title-modal{background-color:#d70018;height:50px;width:100%}
.modal .modal-card-body .modal-content .technical-title-modal button{background-color:transparent;background-color:initial;border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:600;gap:5px;outline:none;padding:5px}
.modal .modal-card-body .modal-content .technical-title-modal button:hover{background-color:#9b191e;cursor:pointer}
.modal .modal-card-body .modal-content .technical-content-modal{padding-bottom:10px;width:100%;padding:0;list-style:none}
.modal .modal-card-body .modal-content .technical-content-modal .technical-content-modal-item .modal-item-description{border:1px solid #efefef;border-radius:10px;font-size:14px;overflow:hidden}
.modal .modal-card-body .modal-content .technical-content-modal .technical-content-modal-item .modal-item-description div p:first-child{width:30%}
.modal .modal-card-body .modal-content .technical-content-modal .technical-content-modal-item .modal-item-description div div:last-child{width:60%}
.modal .modal-card-body .modal-content .technical-content-modal .technical-content-modal-item .modal-item-description div:nth-child(odd){background-color:#efefef}
.modal .modal-card-foot .close-button-modal{background:linear-gradient(90deg,rgba(0,143,119,1) 20%,rgba(16,74,62,1) 100%);border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:600;outline:none;padding:3px 10px;text-align:center;justify-content:center;height:35px}
@media only screen and (min-width:541px)and (max-width:768px){.cps-block-technicalInfo{margin:0 0 10px!important;max-width:768px;padding:0 10px;width:100%}.modal .modal-content{width:100%}}
@media only screen and (max-width:540px){.cps-block-technicalInfo{margin-left:0!important;max-width:100%}.modal .modal-content{margin:0}}
/*Model*/
.modal .modal-card{max-width:600px;width:100%}
@media only screen and (max-width:640px){.modal .modal-card{max-width:unset;width:calc(100% - 40px)}}
.modal-card{display:flex;flex-direction:column;overflow:auto;-ms-overflow-y:visible}
.modal .modal-card header.modal-card-head{z-index:auto;position:static;top:auto;padding-left:1rem;padding-right:1rem;align-items:center;display:flex;flex-shrink:0;justify-content:flex-start;position:relative;border-bottom:1px solid #dbdbdb;border-top-left-radius:6px;border-top-right-radius:6px;background:linear-gradient(90deg,rgba(0,143,119,1) 20%,rgba(16,74,62,1) 100%);width:auto}
.modal .modal-card header.modal-card-head p.modal-card-title{color:#fff;font-size:18px;font-weight:600}
.modal .modal-card section.modal-card-body form#commentForm{display:flex;flex-flow:column}
.modal .modal-card section.modal-card-body form#commentForm input,.modal .modal-card section.modal-card-body form#commentForm select{border:1px solid #e4e4e4;border-radius:10px;box-shadow:none;font-size:14px;height:34px;margin-bottom:10px;padding:5px 10px;width:100%}
.modal .modal-card section.modal-card-body form#commentForm input#email_field,.modal .modal-card section.modal-card-body form#commentForm select#email_field{margin-bottom:0}
.modal .modal-card section.modal-card-body form#commentForm .recaptcha{margin-top:10px;text-align:center}
.modal .modal-card section.modal-card-body form#commentForm .recaptcha .error-text{color:#d70018}
.modal .modal-card section.modal-card-body form#commentForm .recaptcha > div > div{margin:auto}
.modal .modal-card footer.modal-card-foot button{background-color:#d70018;color:#fff;transition:.3s;width:100%}
.modal .modal-card footer.modal-card-foot button:focus,.modal .modal-card footer.modal-card-foot button:hover{background:linear-gradient(90deg,rgba(0,143,119,1) 20%,rgba(16,74,62,1) 100%);box-shadow:none}
.modal.is-active{transform:scale(1)}
.modal.is-active{display:flex;background:rgba(0,0,0,.7)}
.modal-card-foot{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top:1px solid #dbdbdb}
.modal-card-foot .button:not(:last-child){margin-right:.5em}
.modal-card-foot,.modal-card-head{align-items:center;background-color:#f5f5f5;display:flex;flex-shrink:0;justify-content:flex-start;padding:10px;position:relative}
.modal-card-head{border-bottom:1px solid #dbdbdb;border-top-left-radius:6px;border-top-right-radius:6px}
.modal-card-title{color:#363636;flex-grow:1;flex-shrink:0;font-size:1.5rem;line-height:1}
.modal-card-foot{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top:1px solid #dbdbdb}
/*text cấu hình chi tiết*/

/*.title{color:#363636;font-size:2rem;font-weight:600;line-height:1.125}
*/
.title strong{color:inherit;font-weight:inherit}
.title:not(.is-spaced) + .subtitle{margin-top:-1.25rem}
.title.is-1{font-size:3rem}
.title.is-2{font-size:2.5rem}
.title.is-3{font-size:2rem}
.title.is-4{font-size:1.5rem}
.title.is-5{font-size:1.25rem}
.title.is-6{font-size:1rem}
.title.is-7{font-size:.75rem}
.subtitle{color:#4a4a4a;font-size:1.25rem;font-weight:400;line-height:1.25}
.subtitle strong{color:#363636;font-weight:600}
.subtitle:not(.is-spaced) + .title{margin-top:-1.25rem}
.subtitle.is-1{font-size:3rem}
.subtitle.is-2{font-size:2.5rem}
.subtitle.is-3{font-size:2rem}
.subtitle.is-4{font-size:1.5rem}
.subtitle.is-5{font-size:1.25rem}
.subtitle.is-6{font-size:1rem}
.subtitle.is-7{font-size:.75rem}
/*khách hàng idol*/
.testimonial-slider{position:relative}
.testimonial-slider .owl-dots{display:none}
.testimonial-slider .owl-nav .owl-prev{position:absolute;top:40%;left:-45px}
.testimonial-slider .owl-nav .owl-prev span{display:none}
.testimonial-slider .owl-nav .owl-prev:after{content:'\0050';font-family:'hoangha';font-size:10px;background:#E3E3E3;width:50px;height:30px;padding-top:18px;border-radius:30px;display:block;color:#888;border:1px solid #E3E3E3}
.testimonial-slider .owl-nav .owl-next{position:absolute;top:40%;right:-45px}
.testimonial-slider .owl-nav .owl-next span{display:none}
.testimonial-slider .owl-nav .owl-next:after{content:'\0053';font-family:'hoangha';font-size:10px;background:#E3E3E3;width:43px;height:30px;padding-top:18px;border-radius:30px;display:block;color:#888;border:1px solid #E3E3E3;padding-left:5px}
.testimonial-slider .owl-nav .owl-prev:hover:after,.testimonial-slider .owl-nav .owl-next:hover:after{background:#91919180}
.testimonial{background:#FFFFFF 0% 0% no-repeat padding-box;box-shadow:0 4px 6px #00000029;border-radius:8px;padding:25px 0}
.testimonial-item{float:left}
.testimonial .item{display:flex;padding:0 15px}
.testimonial .item .img{width:220px;border-radius:8px;margin-right:20px}
.testimonial .item .img img{border-radius:8px;width:220px}
.testimonial .item h3{color:#191919;font-size:22px;font-weight:bold;margin:0 0 5px 0}
.testimonial .item h4{color:#009981;font-size:14px;font-style:italic;margin:0 0 5px 0}
.testimonial .item .note{font-size:14px;color:#191919;text-align:justify}
/*form*/
.price-form h2{margin:0;font-size:24px;font-weight:700;line-height:32.68px;text-align:left}
.price-form h4{margin:0;font-size:15px;font-weight:400;line-height:20.43px;text-align:left}
.btn-register{border:none;border-radius:20px;padding:10px 40px;background:#00483D;color:#fff;font-size:15px;font-weight:700;line-height:18.15px;text-align:left}
.btn-register:hover{background:#163430}
.section .box-baner{margin:20px 0}
.form-order .data-db{display:flex;gap:20px;align-items:start}
.form-order .data-db .img{width:100%;max-width:120px}
.form-order .data-db .info .title{font-size:20px;font-weight:bold}
.form-order .data-db .info .price strong{font-size:20px;font-weight:bold}
.form-order .data-db .info .price p{font-size:15px;text-decoration:line-through;font-weight:400}
/*box banner*/
.section .box-baner{margin:20px 0}
.section .box-head{background:#009981;margin-bottom:20px;display:inline-block;height:41px;overflow:hidden;border-radius:5px}
.box-content .logos .logo-title{background:#FFFFFF}
.section .box-head h4 a{color:white}
.section .box-head h4{padding:7px 40px 7px 20px;margin:0 0 0 60px;background:#00483d;color:#fff;font-size:20px;text-transform:uppercase;/* border-radius:10px;*/}
.box-baner:after{content:" ";border-top:41px solid #009981;border-right:16px solid #00483d;margin-left:44px}
.product-action{display:flex;padding:0;justify-items:stretch}
.button-add{width:100%;padding:12px 11px;color:var(--white-white-1,#FFF)!important;font-feature-settings:'clig' off,'liga' off;font-style:normal;line-height:normal;box-shadow:0 4px 6px #00000029;border-radius:10px;align-items:center;font-size:15px}
.button-orange{background:transparent linear-gradient(180deg,#ff990e 0%,#ff6801 100%) 0% 0% no-repeat padding-box}
.button-orange:hover{background:transparent linear-gradient(0deg,#ff990e 0%,#ff6801 100%) 0% 0% no-repeat padding-box}
.button-red {
    background: #FD475A;
}
    .button-red:hover {
        background: var(--red-red-2, #DD283B);
    }
    .justify-content-space-between {
        justify-content: space-between !important
    }
.align-items-center{align-items:center!important}
.p-2{padding:0.5rem!important}
.align-items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}
.d-flex{display:flex}
.d-flex-center{display:flex;justify-content:center;align-items:center;text-align:center}
.d-flex-end{display:flex;justify-content:end;align-items:center;text-align:center}
.d-flex-start{display:flex;justify-content:start;align-items:center;text-align:center}
.d-flex-center-rbs{display:flex;justify-content:center;align-items:center;text-align:center}
@media screen and (max-width:390px){.d-flex-center-rbs{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}}
.flex-column-center{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.flex-column-center-end{display:flex;flex-direction:column;justify-content:end;text-align:end}
.flex-column-center-start{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:start}
.mb-3{margin-bottom:1rem!important}
.ms-md-2{margin-left:0.5rem!important}
.pb-2{padding-bottom:0.5rem!important}
.pt-3{padding-top:1rem!important}
.px-3{padding-right:1rem!important;padding-left:1rem!important}
.form-modal *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.card{-webkit-box-shadow:0 0 6px #ebeef4;box-shadow:0 0 6px #ebeef4;width:100%;max-width:1200px}
.card{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid #eff0f2;border-radius:0.6rem}
.card-header{padding:1.1rem 1.5rem;margin-bottom:0;background-color:#fff;border-bottom:1px solid #eff0f2;display:flex;justify-content:space-between}
.card-header:first-child{border-radius:calc(.6rem - 1px) calc(.6rem - 1px) 0 0}
.card-footer{padding:1.1rem 1.5rem;background-color:#fff;border-top:1px solid #eff0f2}
.card-footer:last-child{border-radius:0 0 calc(.6rem - 1px) calc(.6rem - 1px)}
.card-title{font-size:36px;text-align:center;margin-bottom:0.5rem}
.card-body{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:1.5rem 1.5rem}
.row{--bs-gutter-x:24px;--bs-gutter-y:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:calc(-1* var(--bs-gutter-y));margin-right:calc(-.5* var(--bs-gutter-x));margin-left:calc(-.5* var(--bs-gutter-x))}
.form-modal .row > *{-ms-flex-negative:0;flex-shrink:0;padding-right:calc(var(--bs-gutter-x)* .5);padding-left:calc(var(--bs-gutter-x)* .5);margin-top:var(--bs-gutter-y)}
.form-modal .row > *{position:relative}
.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}
.form-modal label{display:inline-block}
.form-modal label{font-weight:500;margin-bottom:0.5rem;font-size:15px;font-weight:600;line-height:20.43px;text-align:left}
.form-control {
    font-family: 'Inter';
    display: block;
    width: 100%;
    padding: 0.47rem 0.75rem;
    font-size: .925rem;
    font-weight: 400;
    line-height: 1.5;
    color: #545965;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e2e5e8;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.75rem;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}
.form-select{display:block;width:100%;padding:0.47rem 1.75rem 0.47rem 0.75rem;-moz-padding-start:calc(.75rem - 3px);font-size:.925rem;font-weight:400;line-height:1.5;color:#545965;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%233F4452' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:16px 12px;border:1px solid #e2e5e8;border-radius:0.75rem;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}
select{word-wrap:normal}
button,select{text-transform:none}
textarea{height:300px;width:100%;border:1px solid #e2e5e8;border-radius:0.75rem;resize:vertical}
.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}
.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:75%}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}
.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}
.p-0{padding:0!important}
.m-0{margin:0!important}
dl,ol,ul{margin-top:0;margin-bottom:1rem}
.m-3{margin:1rem!important}
.m-2{margin:0.5rem!important}
.mx-0{margin-right:0!important;margin-left:0!important}
.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}
.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}
.mx-3{margin-right:1rem!important;margin-left:1rem!important}
.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}
.mx-5{margin-right:3rem!important;margin-left:3rem!important}
.mx-auto{margin-right:auto!important;margin-left:auto!important}
.py-2{padding-top:0.5rem!important;padding-bottom:0.5rem!important}
.px-3{padding-right:1rem!important;padding-left:1rem!important}
.gap-2px{gap:2px!important}
.gap-3px{gap:3px!important}
.gap-4px{gap:4px!important}
.gap-5px{gap:5px!important}
.gap-6px{gap:6px!important}
.gap-7px{gap:7px!important}
.gap-8px{gap:8px!important}
.gap-9px{gap:9px!important}
.gap-10px{gap:10px!important}
.gap-10px-rbs{gap:10px!important}
@media screen and (max-width:390px){.gap-10px-rbs{gap:0!important}}
.gap-11px{gap:11px!important}
.gap-12px{gap:12px!important}
.gap-13px{gap:13px!important}
.gap-14px{gap:14px!important}
.gap-15px{gap:15px!important}
.gap-16px{gap:16px!important}
.gap-17px{gap:17px!important}
.gap-18px{gap:18px!important}
.gap-19px{gap:19px!important}
.gap-20px{gap:20px!important}
.gap-21px{gap:21px!important}
.gap-22px{gap:22px!important}
.gap-23px{gap:23px!important}
.gap-30px{gap:30px!important}
.gap-48px{gap:48px!important}
.gap-53px{gap:53px!important}
.gap-100px{gap:100px!important}
.text-decoration-none{text-decoration:none!important}
.text-decoration-underline{text-decoration:underline!important}
.text-decoration-line-through{text-decoration:line-through!important}
.col-lg-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}
.col-lg-1{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333%}
.col-lg-2{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66667%}
.col-lg-3{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}
.col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333%}
.col-lg-5{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:41.66667%}
.col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}
.col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333%}
.col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:66.66667%}
.col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:75%}
.col-lg-10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333%}
.col-lg-11{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:91.66667%}
.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}
.fs-close{font-size:30px;cursor:pointer}
.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%
}

.d-flex-between {
    display: flex;
    justify-content: space-between;
}
a{cursor:pointer}
.text-white{color:white}
.text-black{color:black}
.invalid-feedback{display:none;width:100%;margin-top:0.25rem;font-size:87.5%;color:#ed5555}
.is-invalid ~ .invalid-feedback,.is-invalid ~ .invalid-tooltip,.was-validated:invalid ~ .invalid-feedback,.was-validated:invalid ~ .invalid-tooltip{display:block}
.form-control.is-valid,.was-validated .form-control:valid{border-color:#28b765;padding-right:calc(1.5em + .94rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328b765' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .235rem) center;background-size:calc(.75em + .47rem) calc(.75em + .47rem)}
.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28b765;-webkit-box-shadow:0 0 0 .15rem rgba(40,183,101,.25);box-shadow:0 0 0 .15rem rgba(40,183,101,.25)}
.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .94rem);background-position:top calc(.375em + .235rem) right calc(.375em + .235rem)}
.form-select.is-valid,.was-validated .form-select:valid{border-color:#28b765}
.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{padding-right:calc(.75em + 3.205rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%233F4452' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328b765' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.5rem;background-size:16px 12px,calc(.75em + .47rem) calc(.75em + .47rem)}
.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#28b765;-webkit-box-shadow:0 0 0 .15rem rgba(40,183,101,.25);box-shadow:0 0 0 .15rem rgba(40,183,101,.25)}
.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:#28b765}
.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:#28b765}
.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{-webkit-box-shadow:0 0 0 .15rem rgba(40,183,101,.25);box-shadow:0 0 0 .15rem rgba(40,183,101,.25)}
.form-check-input.is-valid ~ .form-check-label,.was-validated .form-check-input:valid ~ .form-check-label{color:#28b765}


/*trang đăng ký lich*/

.w-container.body-wrapper .product-booking{
    width:640px;
}

.product-booking {
    margin-top: 12px;
    max-width: 640px;
}
    .product-booking img {
        max-width: 100%;
        height: auto;
    }
    .product-booking .header {
        display: flex;
        -webkit-align-items: inherit;
        align-items: inherit;
        justify-content: center;
        text-align: center;
        position: relative;
    }
        .product-booking .header i {
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            font-size: 20px;
            color: #333
        }
.horizontal-line {
    width: 100%;
    height: 1px;
    background-color: rgb(218 218 218 / 1);
    margin: 12px 0;
}
.booking-detail .booking-info {
    display: flex;
    gap: 10px;
    align-items: start;
    -webkit-justify-content: inherit;
    justify-content: inherit;
    border-radius: 10px;
    background: white;
    padding:10px;
}
    .booking-detail .booking-info .img{
        max-width:160px;
    }
    .booking-detail .booking-info .content-text {
        display: flex;
        -ms-flex-direction: inherit;
        -webkit-flex-direction: inherit;
        flex-direction: inherit;
        align-items:start;
        text-align:start;
        flex-direction:column;
        gap: 5px;
    }
        .booking-detail .booking-info .content-text h1{
            font-size:16px;
        }
        .booking-detail .booking-info .content-text .order-price {
            font-size: 16px;
            font-weight: 600;
        }
            .booking-detail .booking-info .content-text .order-price b {
                color: red;
                font-weight: 600;
            }
        .booking-detail .booking-info .content-text .order-promotion {
            display: flex;
            flex-direction: column;
            text-align: start;
            gap: 5px;
        }
.order-color {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 5px;
    --tw-bg-opacity: 1;
    background-color: rgb(246 247 248 / var(--tw-bg-opacity));
    padding: 8px;
    text-align: left;
    font-size: 12px;
    line-height: 1rem;
    font-weight: 400;
    line-height: 14px;
    --tw-text-opacity: 1;
    color: rgb(16 24 40 / var(--tw-text-opacity));
}
.order-promotion .promotion {
    font-size:15px;
/*    --tw-text-opacity: 1;
    color: rgb(35 119 232 / var(--tw-text-opacity));
    display: flex;
    align-items: center;
    gap: 4px;*/
}
/*.order-promotion ul{
    display:none
}*/
    .order-promotion .promotion.selected > ul {
        display: block
    }
.booking-form {
    margin-top: 12px;
}
    .booking-form .header-form {
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        --tw-border-opacity: 1;
        border-color: rgb(255 203 203 / 1);
        --tw-bg-opacity: 1;
        background-color: rgb(254 242 242 / 1);
        border-top-left-radius: .75rem;
        border-top-right-radius: .75rem;
        border-width: 1px;
        border: 1px solid rgb(255 203 203 / 1);
        box-sizing: border-box;
        color: #e11b1e;
    }
#quickFormHCareBooking {
    margin-top: -10px;
    background: white;
    border-radius: 10px;
    margin-bottom: 10px;
}
.quick-order-form {
    padding: 10px;
    display: flex;
    flex-direction: column;
    text-align: start;
    gap: 12px;
}
    .quick-order-form .flex-column {
        display: flex;
        flex-direction: column;
        text-align: start;
        gap: 10px;
    }
        .quick-order-form .title {
            font-size: 16px;
            font-weight: 600;
        }
    .quick-order-form textarea{
        height:117px;
        padding:10px;
    }
    .quick-order-form .control-button{
        width:100%;
    }
        .quick-order-form .control-button button {
            --tw-bg-opacity: 1;
/*            background-color: rgb(225 27 30 / var(--tw-bg-opacity, 1));*/
            border: none;
            height: 50px;
            font-size: 16px;
            color: white;
            font-weight: 600;
            width: 100%;
            border-radius: 5px;
        }
            .quick-order-form .control-button button:hover {
/*                background-color: rgb(191 12 15);*/
            }


.custom-header-wrapper {
    position: absolute;
    top: 12px;
    right: 16px;
    width: calc(100% - 32px);
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .custom-header-wrapper h2 {
        margin: 0px;
        font-size: 15px;
    }

    .custom-header-wrapper .close-modal.icon-minutes {
        width: 24px;
        height: 24px;
        color: #fff;
        line-height: 1.28;
        text-align: center;
        text-decoration: none;
        text-indent: 0;
        background: #fd5465;
        -webkit-border-radius: 26px;
        -moz-border-radius: 26px;
        -o-border-radius: 26px;
        -ms-border-radius: 26px;
        font-size: 0px;
        cursor: pointer;
    }

.close-modal.icon-minutes:before {
    font-size: 12px;
    line-height: 24px;
}
.pd-12px{
    padding:12px;
}
/*slider*/
.slick-product-next {
    right: -10px
}
[dir=rtl] .slick-product-next{right:auto;left:-10px}
.slick-product-prev{left:-10px}
[dir=rtl] .slick-product-prev{right:-10px;left:auto}
.no-slick-transform .slick-track{transform:none!important}
.slick-slide img{max-width:100%}
.slick-product-prev{left:20px}
.slick-product-next{right:20px}
.slick-product-prev,.slick-product-next{width:40px;height:40px;background-color:#f3f4f6}
.slick-product-prev,.slick-product-next{font-size:16px;color:black}
.shadow,.shadow-1dtv{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow)}
.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}
.border-1px{border-width:1px}
.shadow-1dtv {
    --tw-shadow: 0 1px 2px 0 rgba(60, 64, 67, .1), 0 2px 6px 2px rgba(60, 64, 67, .15);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color), 0 2px 6px 2px var(--tw-shadow-color);
}
/*Thanh Scroll*/::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-thumb{background-color:#6a737a;border-radius:3px}
::-webkit-scrollbar-track{box-shadow:inset 0 0 4px rgba(0,0,0,.3);border-radius:3px}
