/*  ==========================================
    Theme
    ==========================================  */
    @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
    body{
        background: #fff;
        font-family: "Inter", sans-serif;
        font-optical-sizing: auto;
        font-style: normal;
        font-size: 14px;
        color: #000000;
    }
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
        font-optical-sizing: auto;
        font-weight:500;
        font-style: normal;
    }
    @media (min-width: 1200px) {
        /*
        .h1, h1 {font-size: 2rem;}
        .h2, h2 {font-size: 1.8rem;}
        */
        .container, .container-fluid { margin: 0 auto;}
    }

/*--------- Global ---------*/
    .text-danger {color: #e6282a !important;}
    .logo-hold #logo {
      max-width: 130px;
    }
    .header-txt { background:#fff !important; color:#333 !important; border-bottom: solid 1px #eee !important;}
    .toppanel-hold svg {width: 22px !important;  height: 22px !important;}

    #user_profile svg {width: 24px;  height: 24px; border-radius: 0; border:none;}
    .toppanel-hold .shoppingcart .cart-icon span {background-color: #E8282B !important;}
    .select-hold select {}
    #header-option2 .search-input { background:none;}
    #header-option2 .input-group {border: solid 1px #d7d7d7 !important; border-radius: 4px;}
    #header-option2 .searchbar button { background-color: #f5f5f5 !important; color: #333 !important;}

    .nav-menu > li > a:after {
        position: absolute;
        content: "";
        top:37%;
        right: 0;
        width: 1px;
        height: 30%;
        border-right:solid 1px rgb(0,0,0,0.8);
    }
    .nav-menu > li:last-child > a:after {display:none;}
    @media (min-width: 992px) {
        .submenu-indicator { display: none;}
    }
     @media only screen and (min-width: 1024px) {
        .bt-slider .hero-caption {max-width: 800px;}
        .hero-slide-heading {font-size: 2.5vw;}
        .hero-caption .btn-primary {padding: 10px 2em !important;}
    }
    @media only screen and (max-width: 767px) {
        .hero-caption {max-width:90%;}
        .hero-slide-heading {font-size: 3vw;}
    }
    @media only screen and (min-width: 1024px) {
        .hero-caption {max-width: 800px;}
    }
    .bt-slider {margin-bottom:0;}
    .bt-slider .carousel-indicators {margin-bottom:1rem;}
    .flickity-page-dots {bottom: 5px !important;}
    #footer-top { border-top: solid 1px #bababa;}

    /*
    h2 {
        position:relative;
        margin-bottom:15px;
    }
    h2:after {
        content:'';
        position:absolute;
        left:0; 
        right:0;
        top:100%;
        margin:8px auto;
        width:60px;
        height:4px;
        background:#aaa;
    }
    */

    /* ========== home page ========= */
    /*--- limited deals --*/
    .daily-deals-home {border:none;padding: 0;}
    .daily-deals-home .teaser-item-div,
    .daily-deals-home .product-list-title
    { text-align:center !important;}
    .daily-deals-home .price-varient-block > div,
    .daily-deals-home .hm-product-rating-box,
    .daily-deals-home .price-hold
    {justify-content: center !important;}
    .daily-deals-home .price-hold {font-size:1.3rem;}
    .daily-deals-home .cut-price {font-size:1rem;}
    .teaser-item-div .product-list-title,
    .teaser-item-div form { margin-left: 1.3em; margin-right: 1.3em;}
    .teaser-item-div form { margin-bottom: 1em;}

    .teaser .teaser-item-div {margin: 0 0.8rem;}
    @media only screen and (min-width: 1024px) {
        .teaser .teaser-item-div {margin: 0 0.3rem;}
    }
    .div_featured_products .flickity-viewport {transition: height 0.2s;}
    
    /*--- Category section with five product----*/
    /*
    .mid-content :nth-child(1 of .home-plain-category-panel) .home-category {position: relative;}
    .mid-content :nth-child(1 of .home-plain-category-panel) .home-category figure, .mid-content :nth-child(1 of .home-plain-category-panel)  .home-category figure img{
        border-radius: 10px;
        margin-bottom: 0px;
    }
    .mid-content :nth-child(1 of .home-plain-category-panel) .home-category .category-caption{
        position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px;
        background-color: rgb(0,0,0,0.7);
        padding:11px 9px;
        border-radius: 0px 0px 10px 10px;
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
    }
    .mid-content :nth-child(1 of .home-plain-category-panel) .home-category:hover .category-caption{background-color: #000;}
    .mid-content :nth-child(1 of .home-plain-category-panel) .home-category .category-caption h3{margin: 0px;}
    .mid-content :nth-child(1 of .home-plain-category-panel) .home-category .category-caption h3 span{color: #fff !important;}

    @media(min-width:768px) {
        .mid-content :nth-child(1 of .home-plain-category-panel) .row {
           display: grid;
           grid-template-columns: 1fr 1fr 1fr;
           grid-template-rows: 1fr 1fr;
           gap: 22px;
        }
        .mid-content :nth-child(1 of .home-plain-category-panel) .col-4 {
           width: 100% !important;
           max-width: 100% !important;
           flex: none;
           padding: 0;
           margin: 0;
        }
        .mid-content :nth-child(1 of .home-plain-category-panel) .row .col-4:nth-child(1) {
           grid-row: 1 / span 2;
           grid-column: 1;
        }
        .mid-content :nth-child(1 of .home-plain-category-panel) .row .col-4:nth-child(2) figure, .mid-content :nth-child(1 of .home-plain-category-panel)  .row .col-4:nth-child(3) figure, .mid-content :nth-child(1 of .home-plain-category-panel)  .row .col-4:nth-child(4) figure, .mid-content :nth-child(1 of .home-plain-category-panel)  .row .col-4:nth-child(5) figure{
         padding-bottom: 62.085% !important;
        }
        .mid-content :nth-child(1 of .home-plain-category-panel) .row .col-4:nth-child(2) {
           grid-column: 2;
           grid-row: 1;
        }
        .mid-content :nth-child(1 of .home-plain-category-panel) .row .col-4:nth-child(3) {
           grid-column: 3;
           grid-row: 1;
        }
        .mid-content :nth-child(1 of .home-plain-category-panel) .row  .col-4:nth-child(4) {
           grid-column: 2;
           grid-row: 2;
        }
        .mid-content :nth-child(1 of .home-plain-category-panel) .row .col-4:nth-child(5) {
           grid-column: 3;
           grid-row: 2;
        }
    }
    @media(max-width:767px){
        .mid-content :nth-child(1 of .home-plain-category-panel) .row .col-6:nth-child(1){
           width: 100% !important;
        }
         .mid-content :nth-child(1 of .home-plain-category-panel) .row .col-6:nth-child(2) figure, .mid-content :nth-child(1 of .home-plain-category-panel) .row .col-6:nth-child(3) figure, .mid-content :nth-child(1 of .home-plain-category-panel) .row .col-6:nth-child(4) figure, .mid-content :nth-child(1 of .home-plain-category-panel) .row .col-6:nth-child(5) figure{
            padding-bottom: 92.085% !important;
           }
        .mid-content :nth-child(1 of .home-plain-category-panel) .home-category {margin-bottom:15px !important;}
         .mid-content :nth-child(1 of .home-plain-category-panel) .home-category .category-caption h3{
           font-size: 16px !important;
        }
         .mid-content :nth-child(1 of .home-plain-category-panel) .home-category .category-caption{
               padding: 8px 9px;
        }
         .mid-content :nth-child(1 of .home-plain-category-panel) .home-category figure img{
           object-fit: cover;
        }
    }
    */
    /*--- End Category section with five product----*/

    /*--- featured product Category tabs---*/
    .home-category-tabs .nav-item .nav-link{
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        border: 1px solid #EAEBED !important;
        border-radius: 40px !important;
        height: 100%;
        margin: 0px 10px;
        padding: 6px 1rem;
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
    }
    .home-category-tabs .nav-item .nav-link figure img{
        max-width: 22px;
        margin: 0px auto;
    }
    .home-category-tabs .nav-item .nav-link span{
        margin-left: 4px;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 14px;
    }
    .home-category-tabs .nav-item .nav-link.active{
        border-color: #464543 !important;
        background-color: #e1e0db;
    }
    /*--- end featured product Category tabs ---*/

    .teaser .teaser-item-div {}
    .teaser .product-list-title,
    .teaser form {}
    .teaser-item-div .teaser-name {
        min-height: 58px;
        /*display: flex;*/
        justify-content: center;
        align-items: center;
        line-height: 1.4;
        font-weight:600;
        -webkit-line-clamp: 3;
    }
    .layout-column .teaser {margin-bottom:2em !important;}
    .layout-column .teaser .price-hold,
    .layout-column .teaser .hm-product-rating-box,
    .layout-column .teaser .price-varient-block > div
    {justify-content: center !important;}
    .layout-column .teaser .teaser-name {text-align:center;margin-bottom:5px;}
    .layout-column .teaser .price-hold {font-size:1.3rem;}
    .layout-column .teaser .cut-price {font-size:1rem;font-weight: 500;}
    
    /* ---- Client logos ---- */
    .home-logo-panel .flickity-enabled {padding-top: 1rem;}
    .home-logo-panel .teaser-item-div {
        background-color: #f5f5f5;
        border-radius: 8px;
        border: 1px solid #e4e2e2;
        position: relative;
        margin: .5rem 0.5rem !important;
        z-index: 2;
        padding: 8px;
    }
    .home-logo-panel .teaser-item-div figure, 
    .home-logo-panel .teaser-item-div img {
        border-radius: 8px;
    }
    .home-logo-panel .teaser-item-div::after {
        content: '';
        position: absolute;
        bottom: -4px;
        left: 0px;
        right: 0px;
        background-color: #cdcdcd;
        width: 100%;
        height: 5px;
        border-radius: 0px 0px 10px 10px;
        z-index: -1;
    }
    
/*  ======================================= 
    Pages
    ======================================= */
    .storecategory { border-bottom: solid 1px #ddd; padding-bottom: 10px;}
    .subcategory .categorycaption { background-color: #e5e8eb; border-radius: 25px; padding: 6px 1.5em; font-weight: 600;}
    .storecategory .subcategory {width: auto;}
    
    .pagination-hold .pagination li.active span {
        background-color:#ccc;
        border-radius: 50%;
        line-height: 1.25;
        text-align: center;
        font-weight: 600;
    }

    .rel-recenthold .teaser .teaser-item-div,
    .rel-recenthold .teaser-name,
    .rel-recenthold .price-hold,
    .rel-recenthold .brand-txt-listview,
    .rel-recenthold .hm-product-rating-box,
    .rel-recenthold .colorcode-dots ul
    {
        text-align: center;
        justify-content: center !important;
    }
    .rel-recenthold .price-hold { font-size: 1.3rem;}
    .rel-recenthold .price-hold .cut-price { font-size: 14px;order:2; padding-left: 5px;color: #e6282a !important;}
    .rel-recenthold .price-hold .price.text-danger {color: #000 !important;}
    
    @media only screen and (min-width: 1601px) {
        .product-inline-hold .product-inline-4 {
            width: auto;
            width: calc(100% / 4);
        }
    }

    .flickity-prev-next-button {border: solid 1px #ccc;}
    .rel-recenthold .carousel-cell .teaser-item-div {border:solid 1px #bababa;border-radius: var(--bs-border-radius) !important;}
    .rel-recenthold .flickity-page-dots {
        bottom: -22px;
    }
    /* dots are lines */
    .rel-recenthold .flickity-page-dots .dot {
        height: 4px;
        width: 40px;
        margin: 0;
        border-radius: 0;
    }

/* =========== Itinerary Tab ============================ */    
    .tab-itinerary-days .nav-tabs .nav-link {
        border: none;
        background-color: #f8f9fa;
        color: #333;
        font-weight: 500;
        padding: 10px 20px;
        border-radius: 0;
        transition: all 0.3s ease;
        position: relative;
    }
    .tab-itinerary-days .nav-tabs .nav-link:hover {background-color: #e9ecef;}
    .tab-itinerary-days .nav-tabs .nav-link.active {
        background-color: #dc3545; /* red color for active tab */
        color: #fff;
        border-radius: 4px 4px 0 0;
        position: relative;
    }
    .tab-itinerary-days .nav-tabs .nav-link.active:after{
      position: absolute;
      bottom: -8px;
      left:50%;
      margin-left: -10px;
      content:"";
      display:block;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #dc3545; 
    }
    .tab-itinerary-days .tab-content {padding: 1.5rem 0;}
    
    /* ----------Shop By Brand--------css-------end------- */
    .table-col-list-hold .list-custom-design{
         padding: 0px;
        margin: 0px;
        display: grid;
        flex-wrap: wrap;
    }
    .table-col-list-hold .list-custom-design li {
        position: relative;
        list-style: none;
        border: 1px solid #308c61;
        border-radius: 12px;
        padding: 10px;
        padding-left: 2.8rem;
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
    }
    .table-col-list-hold .list-custom-design li:hover{
    transform: translateY(-5px);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    }

    .table-col-list-hold .list-custom-design li::before {
           content: '\F26A';
        font-family: bootstrap-icons !important;
        position: absolute;
        left: 0.7em;
        margin-right: .5em;
        color: #308c61;
        text-align: center;
        top: 7px;
        font-size: 19px;
    }
    .table-col-list-hold .list-custom-design.list-red li::before{
       content: '\F622';
        color: #e8282b;
    }
    .table-col-list-hold .list-custom-design.list-red li{
       border-color: #e8282b;
    }
    /* ----------All-------Css--------End------------ */
    .dsktp-zoomer {box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);}
    
    
/* ======================================= */
    footer {
        background-color: #fff;
        color: #000;
        font-size: 14px;
    }
    footer a, footer a:hover {color: #333333;}
    
/* start transitions ============= */
   :root {
        --duration-extra-long: 0.6s;
        --ease-out-slow: cubic-bezier(0, 0, 0.3, 1);
        --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards;
        --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow);
    }
    @keyframes slideIn {
        0% {
            transform: translateY(1rem);
            opacity: 0.01;
        }
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }

    .teaser img,
    .home-category figure img,
    .zoom-bigimg img,
    .text-cl-img-hold figure img,
    .home-gallery-scroll figure img,
    .category-banner figure img,
    .mobile-slide .photo-gallery a img,
    .footer-logo figure img,
    .payment-logo img
    {
        opacity: 0.01;
        transform: translateY(1rem);
    }
    .teaser img.lazyloaded,
    .home-category figure img.lazyloaded,
    .zoom-bigimg  img.lazyloaded,
    .zoom-thumb img,
    .text-cl-img-hold figure img.lazyloaded,
    .home-gallery-scroll figure img.lazyloaded,
    .category-banner figure img.lazyloaded,
    .mobile-slide .photo-gallery a img.lazyloaded,
    .footer-logo figure img.lazyloaded,
    .payment-logo img.lazyloaded,
    .subcategory a,
    .imagetext-overlay
    {
        animation: var(--animation-slide-in);
    }

    .teaser figure,
    .home-category figure,
    .text-cl-img-hold figure,
    .home-gallery-scroll figure,
    .home-gallery-scroll figure,
    .category-banner figure
    { 
        overflow:hidden;
    }

    .teaser  img.lazyloaded,
    .home-category figure img.lazyloaded,
    .text-cl-img-hold figure img.lazyloaded,
    .home-gallery-scroll figure img.lazyloaded,
    .category-banner figure img.lazyloaded,
    .mobile-slide .photo-gallery a img.lazyloaded,
    .footer-logo figure img.lazyloaded,
    .payment-logo img.lazyloaded,
    .social-hold
    {
        transition: transform 1s ease !important;
        animation: none;
        transform: scale(1);
        opacity: 1;
    }
    
    .teaser img.lazyloaded:hover,
    .home-category figure img.lazyloaded:hover,
    .text-cl-img-hold figure img.lazyloaded:hover,
    .home-gallery-scroll figure img.lazyloaded:hover,
    .category-banner figure img.lazyloaded:hover,
    .mobile-slide .photo-gallery a img.lazyloaded:hover
    {
        transform: scale(1.02);
    }

    .hero-caption > *,
    h1, h2, h3, h4,
    .contectform-panel,
    .contactpage-address,
    footer,
    .filter-panel,
    .category-summary,
    .header-txt,
    .new-tag, .out-of-stock, .off-price, .soldcss
    {
        animation: var(--animation-slide-in);
    }
    
    .bt-slider,
    .mobile-header
    {
        animation: var(--animation-fade-in);
    }    
    
/* end =================== */
    @media (min-width: 769px) {
        .btnquick-panel { background: none !important;}
    }
    .teaser .wishlist-button,
    .teaser .btnquick {width: auto !important; margin-bottom: 10px;}
    .btnquick-panel > div {justify-content: flex-end !important; padding-right: 5px;}
    .teaser .wishlist-button {margin: unset; margin-left: 5px; margin-right: 5px;}
    .btnquick-panel .btn {
        padding: 0;
        background-color: rgba(255, 255, 255, 0.5);
        border-radius: 50% !important;
        line-height: 1;
        width: 35px !important;
        height: 35px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
    }
    .btnquick-panel .btn i { font-size:1em !important}
    .btnquick-panel .btn:hover {background-color: rgba(255, 255, 255, 1);}
    .teaser .btnquick-panel  {
        transform: translateX(0px);
        opacity: 0;
        margin-bottom: 2px;
        transition: all 0.4s;
    }
    .teaser:hover .btnquick-panel {
        transform: translateX(0px);
        opacity: 1;
        transition: all 0.6s;
    }
    .new-tag, .out-of-stock, .off-price, .soldcss {
        /*
        display: inline-block;
        letter-spacing: .0.8rem;
        line-height: 1;
        padding: .35rem 0.6rem !important;
        margin: 0.4rem !important;
        */
    }
    .caption-grid-md .span-text {font-size: 1.2rem !important;width: auto;}

/* ---- Products ----*/
    .multiple-radio-selection label {width: auto; margin-right: 10px;max-width: none;}
    .size-radio-select [type="radio"][disabled] + span.variant_size_span,
    .size-radio-select :checked + span, .radio-select-variant :checked + span.variant_size_span
    {border-radius: 25px !important;}
    .size-radio-select [type="radio"][disabled] + span.variant_size_span::before {width: 80%;left: 5px;}
    
    #price-preview {font-size: 125%;}
    #price-preview .cut-price {color: #444444;font-weight: 300;}
    #price-preview .product-price.text-danger {color: #000 !important;}

    @media (min-width: 1024px) {
        .product_detail {margin-left: 3rem;}
    }
    .product-breadcrumb { margin-top: 5px;}
    .color-thumb-module li div img {max-height: 90px;}
    .color-thumb-module li div {max-width: auto;min-width: auto;}
    .photoswipe-wrapper.photo-gallery div:first-child,.photoswipe-wrapper.photo-gallery div:nth-child(4) { width: 100%;}
    .productdetails-hold label { color: #000;}

    .sharebtn-hold .dropdown-toggle::after {color: #aaa;}
    .customer_fullname { display: none;}
    
    /*
    .product-inline-hold {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
    }
    .product-inline-4 {
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }
    .product-inline-4 .teaser {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    */