/* .header-4 .primary-navigation{
    text-align: right!import;
} */
:root{
    --input-height: 50px;
    --color-main: #EC650B;
    --sidebar-right-product: 470px;
    --black: #1E252B;
    --width-sidebar: 380px;
}
#overlay {
  z-index: 5;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.2s;
}
#primary.content-area.content-area-custom > main > .product-details-wrapper,#primary.content-area.content-area-custom > main > .product > .product-details-wrapper.product-details-wrapper-custom{
    max-width: 1580px;
    padding: 0;
    overflow: visible;
}
#gifLoading {
  z-index: 101;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  background-image: url("./../images/loading.gif");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: none;
}

#order_review .cart_item .product-total .variation > div{
    justify-content: flex-end;
}
#order_review .cart_item .product-total .variation > div .variation-title{
    margin-right: 10px;
}
.menu-primary-menu-container > ul > li:hover > a span,.menu-primary-menu-container > ul > li.current_page_item span{
    color: #dc9814;
}
.menu-primary-menu-container > ul > li.current_page_item span::before{
    transform: scale(1, 1);
    transform-origin: left center;
}
*:focus{
    outline: none !important;
}
.header-4-inner .search-trigger, .header-4-inner .site-header-cart .amount{display: none;}
footer{color: var(--white);}
footer .widget:first-child  img{
    display: inline-block;
    margin-bottom: 20px;
}
footer .widget-title{
    color: var(--orange)!important;
    font-weight: 600!important;
    font-size: 16px!important;
}
footer .widget_nav_menu a{
    line-height: normal!important;
    color: var(--white)!important;
}
footer .widget ul li{
    margin-bottom: 10px;
    position: relative;
}
footer ul.menu{min-width: auto!important;}
.list-custom .woocommerce.columns-4 .products.elementor-grid.columns-4{
    display: flex;
    justify-content: space-between;
    row-gap: 20px;
    column-gap: unset !important;
}
.woocommerce.columns-4 .products.elementor-grid.columns-4 > li > div,.products.columns-3 > li > div{
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 4px 4px;
}
.woocommerce.columns-4 ul.products li.product:not(.product-category)::before,ul.products li.product:not(.product-category)::before,ul.products::before{
    content: unset !important;
}
ul.products{
    margin-left: 0;
    width: 100%;
/*    justify-content: center;*/
}
.woocommerce.columns-4 .products.elementor-grid.columns-4 > li .swiper-wrapper .swiper-slide:hover,.columns-3 > li .swiper-wrapper .swiper-slide:hover{
    cursor: grabbing;
}
.woocommerce.columns-4 .products.elementor-grid.columns-4 > li h3,.columns-3 > li h3{
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #263238;
}
.woocommerce.columns-4 .products.elementor-grid.columns-4 > li .wrapper-meta .meta-price .price,.columns-3 > li .wrapper-meta .meta-price .price{
    margin-bottom: 0;
}
.woocommerce.columns-4 .products.elementor-grid.columns-4 > li .wrapper-meta .meta-price .price ins,.columns-3 > li .wrapper-meta .meta-price .price ins{
    color: #263238;
    font-size: 16px;
    font-weight: 600;
}
.woocommerce.columns-4 .products.elementor-grid.columns-4 > li .wrapper-meta .meta-price .price .night_on,.columns-3 > li .wrapper-meta .meta-price .price .night_on {
    color: #8D8D8D;
    font-size: 14px;
    font-weight: 400;
}
.woocommerce.columns-4 .products.elementor-grid.columns-4 > li .wrapper-meta .meta-price .price del,.columns-3 > li .wrapper-meta .meta-price .price del{
    font-size: 16px;
}
.woocommerce.columns-4 .products.elementor-grid.columns-4 > li .added_to_cart,.columns-3 > li .added_to_cart{
    position: unset !important;
    width: 100%;
    background: var(--color-main);
    color: #fff;
    opacity: 1;
}
.woocommerce.columns-4 .products.elementor-grid.columns-4 > li .wrapper-meta .meta-price,.columns-3 > li .wrapper-meta .meta-price{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.woocommerce.columns-4 .products.elementor-grid.columns-4 > li .product-meta,.columns-3 > li .product-meta{
    padding: 20px
}
.woocommerce.columns-4 .products.elementor-grid.columns-4 > li .swiper-pagination,.columns-3 > li .swiper-pagination{
    margin-bottom: 10px;
    position: unset !important;
    line-height: 0 !important;
}
.woocommerce.columns-4 .products.elementor-grid.columns-4 > li .swiper-pagination .swiper-pagination-bullet,.columns-3 > li .swiper-pagination .swiper-pagination-bullet{
    width: 14px;
    height: 4px;
    border-radius: 10px;
    background: #A6A6A6;
}
.woocommerce.columns-4 .products.elementor-grid.columns-4 > li .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.columns-3 > li .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: var(--color-main);
}
body .site-header-cart a.cart-contents .shoptimizer-cart-icon .mini-count{
    background: #FF1515;
    color: #fff;
    border-radius: 4px !important;
    width: 16px !important;
    height: 16px !important;
    line-height: 14px !important;
    top: -12px !important;
    border: unset !important;
    font-size: 10px;
}
body .site-header-cart a.cart-contents:hover .shoptimizer-cart-icon .mini-count {
    top: -12px;
}
body .site-header-cart .cart-click-custom{
    display: flex;
}
body .site-header-cart .cart-click-custom i{
    color: var(--black);
    font-size: 20px;
}
.search-homepage{
    background: rgba(255, 255, 255, 0.7);
    padding: 25px 25px 50px 25px;
    border-radius: 18px;
    position: relative;
    max-width: 340px;
    margin: 0 auto;
}
.search-homepage .meta-homepage,.search-archive .meta-archive{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.search-homepage button[type="submit"].btn-bg-main{
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--color-main);
    font-size: 20px;
    border-radius: 8px;
    padding: 10px 28px;
    min-width: 132px;
    border-color: transparent;
}
.search-archive .meta-archive{
    max-width: 39%;
    margin: 0 auto 25px;
    gap: 20px;
}
.search-homepage button[type="submit"] i{
    margin-right: 15px;
}
.search-homepage .meta-homepage > div ,.search-archive .meta-archive > div{
    flex: 1;
    position: relative;
}
.search-homepage .meta-homepage select,.search-homepage .meta-homepage input[type="text"],.search-archive .meta-archive select, .search-archive .meta-archive input[type="text"]{
    background: #fff;
    text-indent: 30px;
    position: relative;
    border-radius: 8px;
    height: var(--input-height);
    color: #000;
    margin-bottom: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.search-archive .meta-archive-bottom select{
    background: #fff;
    border-radius: 8px;
    height: var(--input-height);
    color: #000;
    margin-bottom: 0;
}
span.clear:hover{
    cursor: pointer;
}
span.clear.show{
    opacity: 1;
    visibility: visible;
    z-index: 2;
    transform: all 0.3s;
}
span.clear{
    right: 10px;
    font-size: 12px;
    text-decoration: underline;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transform: all 0.3s;
}
.search-homepage .meta-homepage i,.search-archive .meta-archive i,.clear,.rent-date > div i,.input-start-end  > .input-start > div > i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: var(--color-main);
    z-index: 1;
}
input[daterangpicker]{
    text-indent: 30px;
}
.search-homepage .meta-homepage i,.search-archive .meta-archive i,.rent-date > div i,.input-start-end  > .input-start > div > i {
    left: 15px;
    font-size: 20px;
}
#secondary .widget .list-taxonomy:not(:last-child){
    margin-bottom: 25px;
}
#secondary .widget .list-taxonomy.tag{
    border: 1px solid #EE7C3180;
}
#secondary .widget .list-taxonomy.select ul li:not(:last-child){
    margin-bottom: 20px;
}
#secondary .widget .list-taxonomy.tag ul{
    display: flex;
    row-gap: 20px;
    flex-direction: column;
}
#secondary .widget .list-taxonomy.tag ul li a{
    padding: 8px 8px 8px 12px;
    border: 1px solid #EE7C3180;
    border-radius: 8px;
    color: #2C353D;
}
#secondary .widget .list-taxonomy.select{
    background-color: #EDEDED;
}
#secondary .widget .list-taxonomy.select ul li a{
    color: #000;
}
#secondary .widget .list-taxonomy{
    padding: 20px;
    border-radius: 12px;
}
#secondary .widget .list-taxonomy h3{
    font-size: 24px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 25px;
}
#secondary .widget .list-taxonomy.select ul li a{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#secondary .widget .list-taxonomy ul li a{
    font-size: 16px;
    font-weight: 500 !important;

}
.meta-archive-bottom{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.meta-archive-bottom > div:not(:last-child) {
    margin-right: 20px;
    flex: 1;
}
.form-search-archive .head-archive{
    margin-bottom: 50px;
    text-align: left;
}
.btn-clear{
    color: var(--color-main);
    font-size: 12px;
    text-decoration: underline;
    opacity: 0;
    overflow: hidden;
    flex: 0 0 50px;
    max-width: 50px;
    margin-left: 10px;
    transition: all 0.3s;
}
.btn-clear.active{
    opacity: 1;
    overflow: visible;
    transition: all 0.3s;
}
.form-search-archive .head-archive h3{
    color: var(--color-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 20px;
}
.single-product .site-content .shoptimizer-archive > .col-full {
     background:#fff;
}
.shoptimizer-archive .archive-header{
    background: #EDEDED;
}
.form-search-archive .head-archive p{
    font-size: 16px;
    color: #000;
    font-weight: 500;
    line-height: 24px;
}
.archive .archive-header{
    padding: 90px 0;
    background: #F7F7F7;
}
.archive-header .select2-container--default .select2-selection--multiple .select2-selection__choice{
    padding-right: 20px;
    padding-left: 0;
    background-color: #EE7C31;
    color: #fff;
    margin-bottom: 0;
}
.archive-header .select2-container .select2-selection--multiple .select2-selection__rendered{
    margin-left: 0;
    margin-bottom: 0px;
}
.archive-header .select2-container--default .select2-selection--multiple .select2-selection__choice__display{
    padding: 8px 8px 8px 12px;
}
.archive-header .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{
    background-color: #fff;
    color: #EE7C31;
}
.archive-header .select2-container{
    width: 100% !important;
}
.archive-header .select2-container .select2-selection--multiple {
    min-height: 50px;
    border: 1px solid #e2e2e2;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-indent: 15px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color: #EE7C31 !important;
}
.archive-header .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    left: unset;
    right: 0;
    color: #fff;
    border-right: 1px solid #EE7C31;
}
.home .form-search-archive{
    max-width: 1168px;
}
.search-archive button[type="submit"]{
    /* max-width: 136px; */
    padding: 12px 30px;
    background-color: #EE7C31;
    color: #fff;
}
.card-product-info{
    background-color: #EDEDED;
    border-radius: 16px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
span.onsale{
    display: none;
}
.price-date > del{
    font-size: 20px;
    color: #000;
    opacity: 0.5;
    margin-right: 5px;
}
.price-date > ins bdi{
    
}
.price-date bdi{
    font-weight: 700 !important;
}
.price-date{
    font-size: 40px;
    color: var(--color-main);
}
.head-product{
    font-size: 24px;
    margin-bottom: 0;
    font-weight: 600;
    margin-bottom: 20px;
}
.woocommerce-product-gallery img{
    object-fit: cover;
}
.info-product{
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 15px;
}
.info-product > .sidebar-info-product > .sidebar-info{
    background-color: #EDEDED;
    padding: 20px;
    border-radius: 16px;
    color: #000;
}
.woocommerce-product-gallery .product-thumbnail-slider .swiper-slide{
    border-radius: 4px;
    border: 1px solid rgba(186, 195, 202, 1);
    overflow: hidden;
}
.woocommerce-product-gallery .product-main-slider{
    margin-bottom: 30px;
    border-radius: 16px;
    box-shadow: 0 1px 4px 0 rgba(12, 12, 13, 0.05);
}
.woocommerce-product-gallery .product-main-slider .swiper-slide{
    max-height: 540px;

}
.price-date .woocommerce-Price-currencySymbol,.price-date .night_on{
    color: #000;
    font-size: 20px;
    font-weight: 600;
}
.shipping input{
    margin-right: 10px;
}
.site-content .form-rent select{
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #BAC3CA;
}
.site-content .form-rent > div{
    margin-top: 15px;
}
.site-content .form-rent > div > label{
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}
.site-content .form-rent button{
    margin-top: 25px;
    background-color: var(--color-main);
    padding: 8px 8px 8px 12px;
    border-radius: 8px;
    width: 100%;
}
.relative{
    position: relative;
}
.input-start-end > .input-start > div{
    position: relative;
}

/*.site-content .card-product-info{
    min-height: 700px;
}*/
.shipping label{
    font-size: 16px;
    font-weight: 400;
    color: #000;
}
.single-product #page .product .woocommerce-product-gallery,.single-product .single-product div.product .product-details-wrapper .images {
    width: 670px;
}
.single-product .head-card h3{
    margin-bottom: 0;
}
.single-product .head-card{
    display: flex;
    justify-content: space-between;
}
.single-product .fee-shipping{
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
}
.single-product .fee-shipping i{
    margin-right: 10px;
    color: var(--black);
}
.single-product div.product .summary {
    width: var(--sidebar-right-product);
}
.date-picker-wrapper.no-topbar{
    z-index: 99;
}
@media ( min-width: 991px ) {
    .list-custom  .woocommerce.columns-4 .products.elementor-grid.columns-4 > li{
        max-width: 25%;
        flex: 0 0 25%;
    }
}
@media ( max-width: 991px ) {
    .list-custom  .woocommerce.columns-4 .products.elementor-grid.columns-4 > li{
        max-width: 50%;
        flex: 0 0 50%;
    }
}
@media ( max-width: 480px ) {
    .list-custom  .woocommerce.columns-4 .products.elementor-grid.columns-4 > li{
        max-width: 100%;
        flex: 0 0 100%;
    }
}


/* Css DaterangePicker */
/*.date-picker-wrapper .first-date-selected{
    border-radius: 8px 0 0 8px;
}
.single-product .date-picker-wrapper.no-shortcuts.no-gap.two-months .caption > th:not(.month-name){
    display: none !important;
}
.single-product .date-picker-wrapper.no-shortcuts.no-gap.two-months .caption > th.month-name{
    font-size: 24px;
    font-weight: 600;
    color: #121212;
    text-align: left;
}
.date-picker-wrapper .last-date-selected{
    border-radius: 0 8px 8px 0;
}
.single-product .date-picker-wrapper.no-shortcuts.no-gap.two-months tr.week-name{
    color: #121212;
}
.date-picker-wrapper .first-date-selected, .date-picker-wrapper .last-date-selected,.date-picker-wrapper .month-wrapper table .day.checked,.date-picker-wrapper .month-wrapper table .day.toMonth.hovering{
    background-color: var(--color-main) !important;
    color: #fff !important;
}
.date-picker-wrapper.no-shortcuts.no-gap.two-months table{
    font-size: 12px;
}
.date-picker-wrapper .month-wrapper table .day {
    padding: 10px !important;
}
.single-product .date-picker-wrapper.no-shortcuts.no-gap.two-months .month-wrapper > table {
    width: 100%;
}
.single-product .date-picker-wrapper.no-shortcuts.no-gap.two-months{
    width: calc( 100% - 15px );
    overflow-y: scroll;
    max-height: 350px;
    background: #fff;
    border: unset;
    box-shadow: unset;
    padding-right: 0 !important;
    border-radius: 8px;
    margin-bottom: 20px;
    margin-top: 10px;
}
.single-product .date-picker-wrapper.no-shortcuts.no-gap.two-months .month-wrapper{
    width: 100% !important;
    border: unset !important;
}
.single-product .date-picker-wrapper.no-shortcuts.no-gap.two-months .month-wrapper > .gap{
    width:0 !important;
    height: 0 !important;
    display: none !important;
}*/
.modalAddToCart .modal-wrapper {
    position:fixed;
    top:0px;
    left:0px;
    width:100vw;
    height:100vh;
    background:rgba(0,0,0,0.7);
    z-index:1;
    display:block;
}
.modalAddToCart{
    position: relative;
    z-index: 99;
}
.modalAddToCart .modal-d-flex {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) scale(0);
    background:#fff;
    width:768px;
    z-index:2;
    text-align:center;
    padding:20px;
    box-sizing:border-box;
    border-radius:20px;
    display: block;
    position: fixed;
    box-shadow:0px 0px 10px #111;
}
@media (max-width: 991px) {
    .modalAddToCart .modal-d-flex {width:80%;}
}
.closemodal button{
    font-size: 32px;
    color: #000;
    background: transparent;
    font-weight: 300;
    padding: 0;
}
.modalAddToCart .modal-d-flex {
    transition:all 300ms ease-in-out;
    transform:translate(-50%,-50%) scale(1);
}
.modalAddToCart .title-modal{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}
.modalAddToCart .title-modal > h3{
    font-size: 24px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 0;
}
.modalAddToCart .title-modal > button{
    font-size: 24px;
    font-weight: 300;
}
.modalAddToCart .content-modal{
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 20px;
}
.modalAddToCart .content-modal > .modal-left > img{
    width: 100%;
    border-radius: 16px;
    box-shadow: 0 1px 4px 0 #0C0C0D0D;
    margin-bottom: 15px;
}
.modalAddToCart .content-modal > .modal-left > h4{
    font-size: 16px;
    font-weight: 400;
    color: #000;
}
.modalAddToCart .content-modal > .modal-left{
    text-align: left;
}
.modalAddToCart .content-modal > .modal-right{
    background-color: #EDEDED;
    border-radius: 16px;
    padding: 20px;
    text-align: left;
}
.modalAddToCart .content-modal > .modal-right > div:not(.div-last){
    margin-bottom: 10px;
}
.modalAddToCart .content-modal > .modal-right > div.div-last{
    margin-bottom: 25px
}
.modalAddToCart .content-modal .grid-col{
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(2, 1fr);
    position: relative;
}
.modalAddToCart .content-modal .input-start-end:before{
    position: absolute;
    color: var(--color-main);
    content: "\f061";
    transform: translateX(-50%);
    bottom: 10px;
    left: 50%;
    font-weight: 700;
    font-family: 'Font Awesome 5 Pro' !important;
}
.modalAddToCart .content-modal label{
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}
.modalAddToCart  select{
    width: 100%;
    background: #fff;
    border: 1px solid #BAC3CA;
    color: #2C353D;
    font-size: 16px;
    font-weight: 600;
    padding: 8px 8px 8px 12px;
    border-radius: 8px;
}
.date-picker-wrapper.no-shortcuts.no-gap.two-months::-webkit-scrollbar-track{
    border-radius: 20px;
    background-color: #fff;
    border-radius: 0 8px 8px 0;
}

.date-picker-wrapper.no-shortcuts.no-gap.two-months::-webkit-scrollbar{
    width: 8px;
    background-color: #fff;
    border-radius: 0 8px 8px 0;
}

.date-picker-wrapper.no-shortcuts.no-gap.two-months::-webkit-scrollbar-thumb{
    border-radius: 20px;
    background-color: #E6E6E6;
}
input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #000;
  border-radius: 3px;
  position: relative;
  transition: all 0.2s ease;
}
input[type="checkbox"]::before {
    content: '';
    position: absolute;
    width: 6.67px;
    height: 5px;
    border: 2px solid #fff;
    border-right: none;
    border-top: none;
    opacity: 0;
    transition: all 0.2s ease;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(310deg);
}
input[type="checkbox"]:checked {
  background-color: var(--color-main);
  border-color: var(--color-main);
}
input[type="checkbox"]:checked::before {
  opacity: 1;
}
.shipping{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.gallery-banner .gallery .gallery-item{
    float: unset !important;
    margin-bottom: 15px !important;
}
/*.sidebar-cart{
    position: fixed;
    right: 0;
    transform: translateY(-50%);
    top: 50%;
    z-index: 9999;
    transition: all 0.3s;
}
.sidebar-cart.active{
    right: var(--width-sidebar);
    transition: all 0.3s;
}
.sidebar-cart.active i{
    transform: rotate(180deg);
}
.btn-sidebar-cart{
    max-width: 40px;
    display: flex;
    border-radius: 8px 0 0 8px;
    background-color: var(--color-main);
    padding: 8px 4px;
    flex-direction: column;
    text-align: center;
    align-items: center;
}
.btn-sidebar-cart:hover{
    cursor: pointer;
}
.btn-sidebar-cart i, .btn-sidebar-cart h5{
    color: #fff;
    transition: all 0.3s;
}
.btn-sidebar-cart h5{
    font-size: 20px;
    font-weight: 600;
}*/

.btn-bg-main.added-to-cart{
    background-color: #fff;
    color: green;
    border-color: green;
}
.btn-bg-main i{
    color: green;
    margin-left: 5px;
}
form .btn-bg-main i{
    color: #fff;
    margin-left: 0;
}
form .btn-bg-main:hover i{
    color: var(--color-main);
}

#secondary .widget .list-taxonomy.select ul li.active a,#secondary .widget .list-taxonomy.select ul li.active a i{
    font-weight: 700 !important;
    color: var(--color-main) !important;
}
.product-details-wrapper > .d-flex{
    padding-top: 25px;
}
.d-flex{
    display: flex;
}
.d-flex > .sidebar-carttotal{
    flex: 0 0 380px;
    max-width: 380px;
}
.sidebar-cartpage:not(.not-fixed){
    position: fixed;
    right: 0;
    transform: translateX(400px);
    top: 90px;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: all 0.3s;
    width: var(--width-sidebar);
}
.sidebar-cartpage .list-item-cartpage::-webkit-scrollbar {
    width: 3px;
}

.sidebar-cartpage .list-item-cartpage::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.sidebar-cartpage .list-item-cartpage::-webkit-scrollbar-thumb {
    background: #888;
}

.sidebar-cartpage .list-item-cartpage::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.sidebar-cartpage.active{
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    z-index: 99;
    transition: all 0.3s;
    overflow: hidden;
}
.sidebar-cartpage{
    border-radius: 4px;
    margin-left: 30px;
    flex: 0 0 var(--width-sidebar);
    max-width: var(--width-sidebar);
    padding: 12px 20px 20px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 4px 4px -1px rgba(12, 12, 12, 1);
    height: 100%;
}
.sidebar-cartpage:not(.not-fixed) > .list-item-cartpage{
    height: calc(100% - 145px);
    overflow-y: auto;
    padding-right: 10px;
}
.sidebar-cartpage .head-cartpage{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #BAC3CA;
    padding: 8px 0 8px;
    margin-bottom: 10px;
}
.sidebar-cartpage .head-cartpage > i{
    font-size: 16px;
    color: #000;
}
.sidebar-cartpage .head-cartpage > h4{
    color: var(--color-main);
    margin-bottom: 0;
}
.sidebar-cartpage > .list-item-cartpage > .product-cartpage > .collapse-cartpage:hover{
    cursor: pointer;
}
.sidebar-cartpage > .list-item-cartpage > .product-cartpage > .collapse-cartpage{
    padding: 4px 8px 4px 12px;
    background-color: #BAC3CA;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.sidebar-cartpage > .list-item-cartpage > .product-cartpage > .collapse-cartpage > h5{
    color: var(--black);
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 500;
}
.sidebar-cartpage > .list-item-cartpage > .product-cartpage > .collapse-cartpage > i{
    color: var(--black);
}
.sidebar-cartpage > .list-item-cartpage > .product-cartpage > .group-btncatepage.active{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 50px;
}
.collaspe{
    opacity: 0;
    overflow: hidden;
    height: 0;
    transition: all 0.2s;
}
.collaspe.active{
    transition: all 0.2s;
    opacity: 1;
    overflow: visible;
    height: fit-content;
}
.sidebar-cartpage > .list-item-cartpage > .product-cartpage > .group-btncatepage > p{
    color: #858585;
    margin-bottom: 30px;
}
.sidebar-cartpage > .list-item-cartpage > .product-cartpage > .group-btncatepage > a{
    padding: 6px 12px;
    border: 1px solid var(--color-main);
    border-radius: 4px;
    color: var(--color-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.sidebar-cartpage > .list-item-cartpage > .product-cartpage > ul{
    margin: 0;
}
.sidebar-cartpage > .list-item-cartpage > .product-cartpage > ul > li{
    list-style: none;
}
.sidebar-cartpage > .list-item-cartpage > .product-cartpage > ul .cart-item-info {
    display: flex;
}
.sidebar-cartpage > .list-item-cartpage > .product-cartpage > ul .cart-item-info > div{
    flex-direction: column;
    margin-left: 10px;
}
.sidebar-cartpage > .list-item-cartpage > .product-cartpage > ul .cart-item-info > div > a{
    font-size: 16px;
    font-weight: 600;
    color: #000;
}
.sidebar-cartpage > .list-item-cartpage > .product-cartpage > ul .cart-item-info > div > span{
    font-size: 12px;
    color: #858585;
}
.sidebar-cartpage > .list-item-cartpage > .product-cartpage > ul .cart-item-price,.sidebar-cartpage > .list-item-cartpage > .product-cartpage > ul .cart-item-price bdi .woocommerce-Price-currencySymbol{
    font-size: 20px;
    color: #000;
    font-weight: 600;
}
.sidebar-cartpage > .list-item-cartpage > .product-cartpage > ul .cart-item-price bdi{
    font-size: 40px;
    color: var(--color-main);
    font-weight: 700;
}
.sidebar-cartpage > .list-item-cartpage > .product-cartpage > ul > li > div > a.cart-item-thumbnail{
    max-width: 80px;
    flex: 0 0 80px;
    height: 80px;
    border-radius: 4px;
    border: 1px solid #BAC3CA;
}
.sidebar-cartpage > .list-item-cartpage > .product-cartpage > ul > li > div > a.cart-item-thumbnail img{
    height: 100%;
}
.sidebar-cartpage > .list-item-cartpage > .product-cartpage > ul > li:nth-child(n+2){
    border-top: 1px solid #BAC3CA;
    padding-top: 20px;
}
.sidebar-cartpage > .list-item-cartpage > .product-cartpage > ul > li .remove-item{
    flex: 0 0 20px;
    max-width: 20px;
    color: var(--color-main);
}
.product-details-wrapper.product-details-wrapper-custom{
    display: flex;
    padding: 0;
    justify-content: space-between;
}
.product-details-wrapper.product-details-wrapper-custom > div.woocommerce-product-gallery{
    margin-right: 10px !important;
}
.sidebar-cartpage .group-select-cartpage{
    padding-top: 20px;
    border-top: 1px solid #BAC3CA;
}
.sidebar-cartpage .pricetotal-cartpage{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
}
.sidebar-cartpage .pricetotal-cartpage h6{
    font-size: 16px;
    margin-bottom: 0;
}
.sidebar-cartpage .pricetotal-cartpage.pricetotal{
    border-bottom: 1px solid #BAC3CA;
    margin-bottom: 10px;
}
.sidebar-cartpage .pricetotal-cartpage.pricetotal h6{
    font-weight: 600;
    color: var(--black);
}
.sidebar-cartpage .pricetotal-cartpage.pricetotal span{
    font-size: 32px;
    font-weight: 600;
    color: var(--color-main);
}
.sidebar-cartpage .pricetotal-cartpage.priceship h6{
    font-weight: 500;
    color: #283036;
}
.sidebar-cartpage .pricetotal-cartpage.priceship span{
    font-size: 16px;
    font-weight: 500;
    color: #283036;
}
.rent-quantity{
    margin: 15px 0;
}
.rent-quantity select[name="rent-quantity"]{
    background-color: #fff !important;
    color: #2C353D;
}

.item-cart-title{
    justify-content: space-between;
    align-items: center;
}
.item-cart-thumbnail{
    align-items: flex-start;
}
.item-cart-thumbnail > a{
    flex: 0 0 115px;
    max-width: 115px;
    margin-right: 15px;
}
.item-cart-thumbnail > a img{
    border: 1px solid #BAC3CA;
    border-radius: 4px;
    object-fit: cover;
    min-height: 115px;

}
.d-flex.item-cart-title{
    padding: 8px 8px 8px 12px;
    border-radius: 8px 8px 0 0;
    background-color: #90A4B6;
}
.d-flex.item-cart-title .product-remove a{
    color: #fff;
}
.d-flex.item-cart-title h4{
    margin-bottom: 0;
    line-height: 20px;
}
.d-flex.item-cart-title h4 a{
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.d-flex.item-cart-thumbnail{
    border-radius: 0 0 8px 8px;
    border: 1px solid #BAC3CA;
    padding: 12px;
}
.d-flex.item-cart-thumbnail .variation{
    flex-wrap: wrap;
    flex-direction: column;
}
.d-flex.item-cart-thumbnail .variation > div > .variation-title{
    min-width: 80px;
    color: #667085;
    font-size: 16px;
    font-weight: 600;
}
.d-flex.item-cart-thumbnail .variation > div >.variation-content{
    font-size: 16px;
    font-weight: 500;
    color: #000;
}
.woocommerce-cart-form__contents_custom{
    padding: 20px;
    border-radius: 16px;
    box-shadow: 0px 4px 4px -1px #0C0C0D0D;
    background-color: #fff;
}
.head-cart{
    padding: 10px 16px;
    border-radius: 8px;
    background-color: var(--color-main);
    color: #fff;
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 600;
}
.woocommerce-cart-form__contents_custom .woocommerce-cart-form__cart-item.cart_item{
    margin-bottom: 20px;
}
.cart_totals_custom{
    padding: 20px;
    border-radius: 16px;
    box-shadow: 0px 4px 4px -1px #0C0C0D0D;
    background-color: #fff;
}
.cart_totals_custom .group-select-cartpage > div:nth-child(n+3){
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #283036;
    font-size: 16px;
    font-weight: 500;
}
.cart_totals_custom .group-select-cartpage > div{
    margin-bottom: 20px;
}
.woocommerce-cart .shoptimizer-archive{
    background-color: #F7F7F7;
}
.btn-bg-main,.btn-bg-white{
    display: block;
    padding: 8px 8px 8px 12px;
    border-radius: 8px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    border-width: 1px;
    border-style: solid;
}
.btn-bg-main{
    background-color: var(--color-main);
    color: #fff;
    border-color: transparent;
}
.btn-bg-white{
    background-color: #fff;
    color: var(--color-main);
    border-color: var(--color-main);
}
.wc-proceed-to-checkout > .btn-bg-main{
    margin-bottom: 20px;
}
.btn-bg-main:hover{
    background-color: #fff !important;
    color: var(--color-main) !important;
    border-color: var(--color-main) !important;
}
.btn-bg-white:hover{
    background-color: var(--color-main) !important;
    color: #fff !important;
    border-color: #fff !important;
}
ul#shipping_method li:only-child label:before{
    content: unset !important;
}
label[for="shipping_method_0_local_pickup2"]{
    font-weight: 400;
}
.woocommerce-cart .woocommerce-shipping-destination{
    display: none;
}
.order-total{
    border-top: 1px solid #BAC3CA;
    border-bottom: 1px solid #BAC3CA;
    padding-top: 25px;
    padding-bottom: 20px;
}
.order-total > .total-title{
    font-weight: 600;
    font-size: 16px;
    color: var(--black);
}
.order-total > .total-price{
    font-size: 32px;
    font-weight: 600;
    color: var(--color-main);
}
.woocommerce-cart .price-bonus{
    justify-content: center !important;
}
.form-btn-service > button{
    margin-top: 15px;
    width: 100%;
}
.search-page{
    padding: 50px 0;
}
ul.list-place-course{
    list-style: none;
    margin: 0;
}
ul.list-place-course > li{
    display: flex;
    align-items: center;
}
ul.list-place-course > li h5{
    margin-bottom: 0;
    margin-right: 10px;
}
ul.list-place-course > li span{
    color: #CCCCCC;
    font-size: 14px;
}
select {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFMNyA3TDEzIDEiIHN0cm9rZT0iIzFFMjUyQiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) !important;
  background-repeat: no-repeat !important;
  background-position: right 15px center !important;
  background-size: 14px !important;
}
select.active{
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMyA3TDcgMUwxIDciIHN0cm9rZT0iIzFFMjUyQiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) !important;
}

.btn-request{
    width: 50%;
    margin: 0 auto;
}
@media only screen and (max-width: 768px) {
    .btn-request {
        width: 100%;
    }
}

#yith-quick-view-content div.images img {
    height: auto !important;
}

.hidden-quick-view{
    display: none;
}

.img-product{
    cursor: pointer;
}

/* loading start */
.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    display: none;
}
.loading-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.product-item {
    position: relative;
    overflow: hidden;
}

.product-item img {
    display: block;
    width: 100%;
}

.quickview-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* semi-transparent overlay */
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.product-item:hover .quickview-overlay {
    opacity: 1;
}

.quickview-button {
    color: #fff;
    font-size: 2em;
    text-decoration: none;
}


/* fix blue button */
.woocommerce-account .button, .user-registration .ur-submit-button{
    margin-top: 15px !important;
    background-color: var(--color-main);
    color: #fff !important;
    border: var(--color-main) 1px solid !important;
    border-radius: 8px;
}

.woocommerce-account .button:hover, .user-registration .ur-submit-button:hover{
    background-color: #fff !important;
    color: var(--color-main) !important;
}

.woocommerce-form.woocommerce-form-login {
    max-width: 800px;
    margin: auto;
    margin-top: 30px;
}

.woocommerce-form.woocommerce-form-login input[type=checkbox] {
    width: 20px;
    height: 20px;
}

.woocommerce-form.woocommerce-form-login label {
    margin-top: 20px;
}

#yith-quick-view-content .summary.entry-summary .quantity {
    display: none;
}

.yith-quick-view-modal-background {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
}

@media (max-width: 480px) {
    #yith-quick-view-modal .yith-wcqv-wrapper {
        width: auto !important;
        height: auto !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
    }
}