.vendor-login {
    transition: .3s all;
}

.header.sticky .vendor-login {
    /* display:none;
    height:0; */
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
}

.header .container {
    background: #fff;
}



/*Css Start For Dynamic Subcategory Row*/

.sub-category-grid {
    display: grid;
    gap: 20px;
}

.subcategory-card {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    aspect-ratio: 1;
    box-sizing: border-box;
}

/* Dynamic grid columns based on the number of cards per row */

.sub-category-grid[data-cards-per-row="10"] {
    grid-template-columns: repeat(10, 1fr);
}

.sub-category-grid[data-cards-per-row="10"] .category-card .card-title {
    font-size: 14px;
}

.sub-category-grid[data-cards-per-row="10"] .category-card .card-detail p {
    font-size: 10px;
}

.sub-category-grid[data-cards-per-row="10"] .btn.btn-tertiary {
    font-size: 12px;
    padding: 10px;
}

.sub-category-grid[data-cards-per-row="10"] .sub-category-grid[data-cards-per-row="10"] .btn.btn-tertiary {
    font-size: 10px;
    padding: 7px;
}

.sub-category-grid[data-cards-per-row="10"] .category-card .card-detail {
    gap: 4px;
}

.sub-category-grid[data-cards-per-row="9"] {
    grid-template-columns: repeat(9, 1fr);
}

.sub-category-grid[data-cards-per-row="9"] .category-card .card-title {
    font-size: 14px;
}

.sub-category-grid[data-cards-per-row="9"] .category-card .card-detail p {
    font-size: 10px;
}

.sub-category-grid[data-cards-per-row="9"] .btn.btn-tertiary {
    font-size: 12px;
    padding: 10px;
}

.sub-category-grid[data-cards-per-row="8"] {
    grid-template-columns: repeat(8, 1fr);
}

.sub-category-grid[data-cards-per-row="8"] .category-card .card-title {
    font-size: 14px;
}

.sub-category-grid[data-cards-per-row="8"] .category-card .card-detail p {
    font-size: 10px;
}

.sub-category-grid[data-cards-per-row="8"] .btn.btn-tertiary {
    font-size: 12px;
    padding: 10px;
}

.sub-category-grid[data-cards-per-row="7"] {
    grid-template-columns: repeat(7, 1fr);
}

.sub-category-grid[data-cards-per-row="7"] .category-card .card-title {
    font-size: 14px;
}

.sub-category-grid[data-cards-per-row="7"] .category-card .card-detail p {
    font-size: 10px;
}

.sub-category-grid[data-cards-per-row="7"] .btn.btn-tertiary {
    font-size: 12px;
}

.sub-category-grid[data-cards-per-row="6"] {
    grid-template-columns: repeat(6, 1fr);
}


.sub-category-grid[data-cards-per-row="5"] {
    grid-template-columns: repeat(5, 1fr);
}

.sub-category-grid[data-cards-per-row="4"] {
    grid-template-columns: repeat(4, 1fr);
}

.sub-category-grid[data-cards-per-row="3"] {
    grid-template-columns: repeat(3, 1fr);
}

.sub-category-grid[data-cards-per-row="2"] {
    grid-template-columns: repeat(2, 1fr);
}

.sub-category-grid[data-cards-per-row="1"] {
    grid-template-columns: repeat(1, 1fr);
}

.top-sub {
    margin-top: 50px;
    margin-bottom: 40px;
}

.slick-lightbox .slick-prev {
    z-index: 1111;
}

.fixed-container {
    margin: 0 64px;
}

.newsletter-section {
    padding: 48px 0 !important;
}

.hero-section {
    padding-top: 0px;
    margin: 0 0 32px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.hero-section.hero-overlay{
    min-height: 400px;
}

.fullwidth-slider .slick-list {
    min-height: 400px;
}

.hero-overlay {
    min-height: 400px;
    padding: 0 !important;
}

.full-img-div {
    min-height: 400px; 
    overflow: hidden;
}

.video-stream {
    width: 100% !important;
    left: 0 !important;
}

.rating i {
    font-family: "Font Awesome 6 Free" !important;
}

.fullwdith-home-page-slider .mobile-image {
    height: 100%;
}

.card_sku {
    color: #71717A;
    font-feature-settings: 'ss01' on;
    font-family: "Fjalla One";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -0.1px;
    margin-bottom: 10px;
}

.product-info h2 {
    margin-bottom: 0;
}

.aws-search-result .aws_result_sku {
    margin-top: 3px;
    color: #aaa;
    color: #71717A;
    font-feature-settings: 'ss01' on;
    font-family: "Fjalla One";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -0.1px;
}

.ytp-popup.ytp-contextmenu {
    width: 100% !important;
    height: 100% !important;
}

.video-background iframe {
    width: 100% !important;
    height: 100% !important;
}

.fullwdith-home-page-slider {
    margin-bottom: 32px;
}
.product-section p {
    margin-bottom: 0;
}
.card_sku{
    margin-bottom: 17px!important;
}

.continue-shopping-btn {
    margin: 20px 0;
}
.continue-shopping-empty-btn {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    width: 200px;
}
.mobile-info{
    padding: 20px 30px;
    display:none;
}
.mobile-info .socials{
    display: flex;
    flex-direction: row;
    padding: 20px 0;
}
.mob-search-btn{
    display:none;
}
.mob-search-btn i{
    font-family: "Font Awesome 6 free" !important;
    color: #D42531;
    font-size: 21px;
    font-weight: 900;
    margin-top: 3px;
}
.xoo-wsc-icon-cart2:before {
    /* font-family: "Font Awesome 6 free" !important; */
    font-weight: 400 !important;
}
.xoo-wsc-sc-subt .amount bdi{
    display:none;
}
a:focus , a:focus-visible{
    outline: 0 !important;
}

@media (max-width: 1200px) {
    .subcategory-card {
        width: 100%;
    }
}

/* For 2 cards per row (tablets) */
@media (max-width: 1024px) {
    .sub-category-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .subcategory-card {
        width: 100%;
    }

    .fixed-container {
        margin: 0 30px;
    }
}

/* For 1 card per row (mobile screens) */
@media (max-width: 480px) {
    .sub-category-grid {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .subcategory-card {
        width: 100%;
        /* 1 card per row */
    }

    .home .fixed-container {
        margin: 0;
    }

    .hero-section{
        margin-bottom: 16px;
    }
    
    .full-img-div {
        min-height: auto;
        overflow: hidden;
    }
}

/*Css End For Dynamic Subcategory Row*/

/*Css Start For Dynamic Product Row*/

/* Dynamic grid columns based on the number of cards per row */
.product-dynamic-grid[data-cards-per-row="1"] {
    grid-template-columns: repeat(1, 1fr);
}

.product-dynamic-grid[data-cards-per-row="2"] {
    grid-template-columns: repeat(2, 1fr);
}

.product-dynamic-grid[data-cards-per-row="3"] {
    grid-template-columns: repeat(3, 1fr);
}

.product-dynamic-grid[data-cards-per-row="4"] {
    grid-template-columns: repeat(4, 1fr);
}

.product-dynamic-grid[data-cards-per-row="5"] {
    grid-template-columns: repeat(5, 1fr);
}

.product-dynamic-grid[data-cards-per-row="6"] {
    grid-template-columns: repeat(6, 1fr);
}

.product-dynamic-grid[data-cards-per-row="7"] {
    grid-template-columns: repeat(7, 1fr);
}

.product-dynamic-grid[data-cards-per-row="8"] {
    grid-template-columns: repeat(8, 1fr);
    gap: 6px !important;
}

.product-dynamic-grid[data-cards-per-row="9"] {
    grid-template-columns: repeat(9, 1fr);
}

.product-dynamic-grid[data-cards-per-row="10"] {
    grid-template-columns: repeat(10, 1fr);
    gap: 3px;
}

.product-dynamic-grid[data-cards-per-row="10"] .btn.btn-primary {
    padding: 14px 7px;
    font-size: 10px;
}

.product-dynamic-grid[data-cards-per-row="10"] .product-card .product-detail .product-price {
    ffont-size: 16px;
    height: 20px;
}

.product-dynamic-grid[data-cards-per-row="10"] .product-card .product-detail {
    flex-direction: column;
}

.topbar .notice-container {
    min-height: 50px;
    height: 50px;
    max-height: 50px;
}

.page-id-8.woocommerce-account.woocommerce-page .u-column2 {
    display: none;
}

.page-id-8.woocommerce-account.woocommerce-page .u-column1 {
    float: none !important;
    width: 100% !important;
    margin: 0 auto !important;
}

/* .page-id-8.woocommerce-account.woocommerce-page .woocommerce p{
    text-align: center;
} */
.page-id-8.woocommerce-account.woocommerce-page .woocommerce-form p {
    text-align: left;
}

.wholesale_login {
    margin-top: 60px;
}

.wholesale_login h2 a {
    font-family: "Fjalla One", sans-serif;
    font-size: 48px;
    font-weight: 400;
    line-height: 52px;
    letter-spacing: -0.03em;
    color: #0f172a;
}

.wholesale_login_card {
    border: 1px solid var(--ast-border-color);
    padding: 20px;
    margin: 2em 0;
    text-align: left;
}

.wholesale_login_card p {
    margin-bottom: 30px;
}

.wholesale_login_card p a {
    font-size: 16px;
    color: #3a3a3a;
}

.wholesale_login_btn {
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    color: var(--ast-global-color-5);
    border-color: var(--ast-global-color-0);
    background-color: var(--ast-global-color-0);
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-family: 'Fjalla One', sans-serif;
    font-weight: inherit;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1em;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-top: 20px;
}

.wholesale_login_btn:hover {
    color: #fff;
    background-color: #cc1939;
    border-color: #cc1939;
}

.homepage.product-grid .slick-prev,
.homepage.product-grid .slick-next {
    width: 48px;
    height: 48px;
    border: 1px solid #E4E4E7;
    border-radius: 100%;
    top: inherit !important;
    bottom: -36px !important;
    z-index: 1;
}

.homepage.product-grid .slick-prev:before,
.homepage.product-grid .slick-next:before {
    display: none !important;
}

.homepage.product-grid .slick-next {
    right: 0 !important;
}

.homepage.product-grid .slick-prev {
    left: inherit !important;
    right: 5% !important;
}

.homepage.product-grid .slick-prev {
    background: url(../../../images/left-arrow-alt.webp) no-repeat center;
    background-size: 50%;
}

.homepage.product-grid .slick-next {
    background: url(../../../images/right-arrow-alt.png) no-repeat center;
    background-size: 50%;
}

.product-slider .slick-arrow {
    display: none !important;
}

.product-thumbnails .slick-list {
    margin: 0 40px !important;
}

.product-thumbnails .slick-arrow,
.product-slider .slick-arrow {
    width: 28px;
    height: 28px;
    border: 1px solid #E4E4E7;
    border-radius: 100%;
}

.product-thumbnails .slick-prev:before,
.product-thumbnails .slick-next:before,
.product-slider .slick-prev:before,
.product-slider .slick-next:before {
    display: none !important;
}

.product-thumbnails .slick-prev {
    background: url(../../../images/left-arrow-alt.webp) no-repeat center;
    background-size: 70%;
    left: 4px;
}

.product-thumbnails .slick-next {
    background: url(../../../images/right-arrow-alt.png) no-repeat center;
    background-size: 70%;
    right: 4px;
}

.product-slider .slick-prev {
    background: url(../../../images/left-arrow-alt.webp) no-repeat center;
    background-size: 70%;
    left: 0;
    z-index: 1;
    background-color: #fff;
}

.product-slider .slick-next {
    background: url(../../../images/right-arrow-alt.png) no-repeat center;
    background-size: 70%;
    right: 0;
    background-color: #fff;
}

.home-page-slider .slick-dots {
    bottom: 10px;
}

.home-page-slider .slick-dots li button:before {
    font-size: 9px;
    width: 30px;
    height: 31px;
    opacity: .5;
    color: #fffdfd;
}

.home-page-slider .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #D42531;
}

.home-page-slider .btn.btn-primary {
    margin-top: 15px;
}

.home-page-slider .btn.btn-primary:hover {
    border: 1px solid #D42531;
    background: #D42531;
}

.home-page-slider .slick-dots li {
    margin: 0;
}

.product-section.related-products .product-grid {
    display: flex;
    gap: 20px;
    /* justify-content: space-around; */
}

.product-section.related-products .product-grid .product-card {
    width: 33.33%;
}

.product-section.related-products .product-img {
    height: 235px;
    overflow: hidden;
}

.product-section.related-products .product-img a {
    width: 100%;
    height: 100%;
}

.product-section.related-products .product-img a img {
    height: 100%;
    max-width: 100%;
    object-fit: contain !important;
}

/* .home-page-slider , .home-page-slider .slick-dotted.slick-slider {
    margin-bottom: 0 !important;
} */
/* @media(min-width: 1200px) and (max-width:1500px){
    .homepage.product-grid  .product-card.slick-slide{
        width: 253px!important;
    }
}
@media(min-width: 1501px) and (max-width:1800px){
    .homepage.product-grid  .product-card.slick-slide{
        width: 350px!important;
    }
} */
/* @media(min-width: 1801px) and (max-width:2000px){
    .homepage.product-grid .product-card.slick-slide {
        width: 545px !important;
    }
} */


.fullwdith-home-page-slider .slider-item {
    position: relative;
    text-align: center;
    height: 400px;
    min-height: 400px;
}

.fullwdith-home-page-slider .desktop-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0 0;
}

.fullwdith-home-page-slider .mobile-image {
    display: none;
    width: 100%;
}

.fullwdith-home-page-slider .hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 35%);
    display: flex;
    justify-content: center;
}

.slick-dotted.slick-slider {
    margin-bottom: 32px;
}

.embeded-video-background {
    position: relative !important;
    width: 100% !important;
    min-height: 400px !important;
    padding-top: 56.25%;
    overflow: hidden !important;
}

.embeded-video-background iframe {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.product-card .product-detail .card_title {
    line-height: 26px;
    height: 52px;
}

.woocommerce-cart .page-content {
    min-height: 80vh;
}
.desk-search-btn{
    margin-top: 4px;
}
.desk-search-btn i{
    color: #D42531;
    font-size: 22px;
}
.search-bar{
    display:none;
}
.search-bar.show-search{
    display:block !important;
}
.header-account i {
    font-size: 24px;
}

.woocommerce-thankyou-order-received{
    margin-bottom: 20px;
    font-size: 40px;
    font-weight: 600;
}
.woocommerce-js ul.order_details li {
    font-weight: 600;
    margin-bottom: 10px;
}

.nav {
    background-color: #fff;
    padding: 0!important;
    border-top: 0!important;
    margin: 0 10px!important;
}
.navlist ul {
   gap: 22px !important;
}
/* .navlist a {
   font-size: 14px!important;
} */
.search-bar {
    min-width: 100%;
    order: 1;
    border-top: solid 1px #E4E4E7;
    padding: 10px 5px;
}
.aws-container {
    width: 56% !important;
    margin: 0 auto;
}
.acc_mob{
    display:none;
}
/* @media(min-width:2000px){
    
} */
@media (max-width: 768px) {
    .fullwdith-home-page-slider .desktop-image {
        display: none;
    }

    .fullwdith-home-page-slider .mobile-image {
        display: block;
    }
    .acc_desktop{
        display:none;
    }
    .acc_mob{
        display:block;
    }
}
@media(min-width:1800px){
    .product-card .product-detail {
        margin-bottom: 0px;
    }
    .product-card .product-detail .card_title {
        height: 55px;
    }
}
@media (min-width: 1501px) {

    /* .homepage.product-grid .product-card.slick-slide {
        width: 350px !important;
    } */
    .homepage.product-grid .slick-prev {
        right: 5% !important;
    }

    .homepage.product-grid .slick-next {
        right: 1% !important;
    }
    .product-card .product-detail p {
        height: auto;
    }
    .card_sku {
        margin-bottom: 20px !important;
    }
    
}

/* @media (min-width: 2000px) {
    .homepage.product-grid .product-card.slick-slide {
        width: 545px !important;
    }
} */
@media (max-width: 1024px) {
    .product-dynamic-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 480px) {
    .product-dynamic-grid {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

/*Css End For Dynamic Product Row*/
@media(max-width:991px) {
    .newsletter-section {
        padding: 0 15px 48px !important;
    }
}
@media(min-width:992px) and (max-width:1199px){
    .product-card .product-detail .product-price{
        height:auto;
    }
    .product-card .product-detail {
        gap: 10px;
    }
    .navlist ul {
        gap: 18px !important;
    }
    .navlist a {
        font-size: 10px !important;
    }
}
@media(min-width:768px) and (max-width:991px) {
    .navlist ul {
        gap: 8px !important;
    }
    .navlist a {
        font-size: 8px !important;
    }
    .homepage.product-grid .slick-prev {
        right: 7% !important;
    }

    /* .product-card {
        width: 49%;
    } */
    .product-section.related-products .product-grid .product-card {
        width: 23.33%;
    }

    .hero-overlay {
        padding: 0 20px !important;
    }

    .btn.btn-primary {
        margin-top: 10px;
    }
    .product-card .product-detail .card_title {
        height: 53px;
    }
    .product-card .product-detail .product-price{
        height:auto;
    }
    .product-card .product-detail {
        margin-bottom: 16px;
    }
    .card_sku {
        margin-bottom: 12px !important;
    }
}
@media(min-width:615px) and (max-width:767px){
    .product-card .product-detail {
        margin-bottom: 0px;
    }
}
@media(max-width:767px) {
    .mobile_hide_breadcrumb {
        display: none;
    }

    .wholesale_login h2 a {
        font-size: 32px;
    }

    .woocommerce-js h2 {
        margin-bottom: -0.3em;
    }

    /* header.sticky {
        padding-top: 11px !important;
    } */
    .homepage.product-grid .slick-prev {
        left: inherit !important;
        right: 16% !important;
    }

    .product-slider .slick-arrow {
        display: block !important;
    }

    .product-thumbnails {
        display: none;
    }

    /* .gform-theme--foundation .gform_fields {
        grid-template-columns: none !important;
    } */

    .newsletter-form-container {
        width: 100%;
    }

    .newsletter-form .gfield--type-email{
        grid-column: span 8 !important;
    }

    .newsletter-form .gfield--type-submit{
        grid-column: span 4 !important;
    }

    .product-grid {
        gap: 0;
        flex-wrap: wrap;
    }

    .product-card {
        width: 100%;
    }

    .woocommerce-js .woocommerce-breadcrumb a {
        font-size: 12px;
    }

    h2 {
        margin-bottom: 0.7em !important;
    }

    .product-rating {
        gap: 1px;
        flex-direction: column;
    }

    .product-form .btn {
        font-size: 10px;
    }

    .product-section.related-products .product-grid .product-card {
        width: 100%;
    }

    .hero-section.hero-overlay {
        min-height: 270px;
    }

    .hero-overlay {
        min-height: 270px;
    }

    .btn.btn-primary {
        font-size: 10px;
        margin-top: 10px;
    }

    .hero-overlay {
        padding: 0 20px !important;
    }

    .hero-section.hero-overlay {
        min-height: 400px;
    }
    .product-card .product-detail .card_title {
        height: auto;
    }
    /* .continue-shopping-btn a{
        text-
    } */
    .continue-shopping-btn {
        text-align: right;
    }
    .continue-shopping-btn .btn.btn-secondary {
        font-size: 11px;
    }
    .wc-block-cart__main{
        overflow: hidden;
        overflow-x: scroll;
        width: 100%;
    }
    .mobile-info{
        display:block;
    }
    .header-buttons {
        gap: 10px !important;
    }
    .topbar p {
        font-size: 13px;
        line-height: 16px;
    }
    .btn.btn-small {
        padding: 4px 7px;
        font-size: 10px;
    }
    .header.sticky .topbar{
        display:none!important;
    } 
    .topbar .notice-container {
        gap: 4px;
    }
   /* .topbar .slick-slide{
        width: 100% !important;
    } */
    .topbar.slick-slider .slick-prev, .topbar.slick-slider .slick-next{
        display:none !important;
    }
    body{
        overflow-x:hidden!important;
    }
    .menu-open {
        gap: 11px !important;
    }
    .topbar .slick-prev {
        left: 0!important;
    }
    .search-bar{
        display:none;
    }
    .search-bar.show{
        display:block;
    }
    .mob-search-btn{
        display:block;
    }
    span.xoo-wsc-sc-count {
        right: 0px!important;
    }
    .menu-open {
        margin-right: 5px;
    }
    nav.navlist {
    height: 100vh !important;
    overflow-y: scroll;
   }
   .desk-search-btn{
    display:none;
   }
   .woocommerce-page.woocommerce-checkout .woocommerce-order ul.order_details {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    }
   .woocommerce-js ul.order_details li {
    margin-bottom: 14px;
    width: 42%;
    }
    .menu-open i {
        font-size: 20px;
    }
    .menu-open span {
        font-size: 18px;
        margin-left: 5px;
    }
    .header .container {
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .header-account {
        margin: 0 3px;
     }
    .category-card {
         margin-bottom: 10px;
    }
    .nav {
        /* display: none; */
        position: absolute;
    }
    .aws-container {
        width: 100% !important;
    }
    .woocommerce-thankyou-order-received {
        margin-bottom: 29px;
        font-size: 32px;
        font-weight: 600;
        line-height: 39px;
    }
}

/* @media only screen and (max-width: 768px) {
    .topbar {
        display: none !important;
    }
} */

.card_sku {
    font-family: "Fjalla One", sans-serif;
    color: #71717A;
    font-size: 16px;
    line-height: 1;
}

.card_title {
    font-family: "Fjalla One", sans-serif;
    font-weight: 400;
    font-size: 22px;
}


/* @media only screen and (max-width:399px){
    .menu-open span {
        margin-left: 5px;
    }
    .header-account {
       margin: 0 3px;
    }
    .category-card {
        margin-bottom: 10px;
    }
} */

.remove-sticky {
  position: static !important;
}
.menu-item-has-children:hover .sub-menu {
    z-index: 11;
}
.navlist .sub-menu {
    z-index: 1111;
}

.wp-block-woocommerce-checkout .wc-block-checkout__login-prompt {
    background-color: #000;
    color: #fff;
    border: solid 1px #000;
    font-family: "Fjalla One", sans-serif;
    font-size: 14px!important;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0.25em;
    padding: 11px 13px 11px 15px;
    border-radius: 6px;
}


.notice-container a{    color: #ffffff !important;}

@media (max-width:500px) {
    .topbar p span{display: table;text-align: center;
    width: 100%;}
    .topbar p{line-height: 18px;}
    }