/* body {
    font-family: 'Lato', sans-serif;
    background: #ededed;
    color: #606060;
} */
:root {
    --dark-purple: #3b0540;    
  }

.homeBanner {
    background: url(../img/layout/banner-bg.jpg) no-repeat center center;
    background-size: cover;
    /* float: left; */
    min-height: 235px;
    width: 100%;
    padding: 25px 0;
    position: relative;
    /* Ensure proper positioning for child elements */
    /* overflow: hidden; */
    /* Prevent overflowing content */
}
.product-right h2 {
    margin-bottom: 10px !important;
    margin-top: 1px !important;
}
.title2 {
    z-index: 0 !important;
}
.d-none {
    display: none;
}
.menu-container{
    padding: 2px;
}
.card-data{
    padding: 0px 20px 0px 20px;
}
.video-link {
    cursor: pointer;
}

.bannerText {
    font-size: 50px;
    font-weight: bold;
    color: #ffffff;
    padding: 30px 0 22px 0px;
}

a.btn.banner_btn.banner-cta:hover {
    color: #ffffff;
}

.btn:active,
.btn.active {
    background-image: none;
}

.btn:active,
.btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn:hover,
.btn:focus,
.btn.focus {
    color: #2e6da4;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #236496;
    text-decoration: underline;
}

a:active,
a:hover {
    outline: 0;
}
.pixelstrap .full-mega-menu {
    z-index: 10;
    left: 13% !important;
    /* right: 10% !important; */
    width: 75% !important;
    /* height: 510px; */
    height: auto;
    /* height: 15%; */
    /* overflow-y: auto; */
    overflow-y: visible !;
}
.banner_btn {
    border-radius: 4px;
    background-color: #236496;
    box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.2);
    /* padding: 10px 18px; */
    text-shadow: none;
    font-size: 24px !important;
    font-weight: bold !important;
    color: #ffffff;
    margin-bottom: 16px;
}

.btn {
    display: inline-block;
    /* padding: 6px 12px; */
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    /* border: 1px solid transparent; */
    border-radius: 4px;
}

h2,
.h2 {
    font-size: 30px;
    text-transform: capitalize;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

.content .header h1 {
    color: #236496;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.content .header h2 {
    color: #236496;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
}

.content .header h3 {
    color: #236496;

}

.content p {
    font-size: 17px;
    line-height: 26px;
}

.f14 {
    font-size: 14px;
}

.italic {
    font-style: italic;
}

.ml15 {
    margin-left: 15px;
}

.mt-10 {
    margin-top: 10px;
}

.iframe-wrapper {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
    height: 0;
}

.sm,
.sm ul,
.sm li {
    /* display: block; */
    list-style: none;
    /* margin: 0px 50px 0 2px; */
   
    padding: 0;
    line-height: normal;
    direction: ltr;
    text-align: left;
}

.pixelstrap .link-section a h5  {
    text-transform: capitalize;
}

@media (min-width: 1200px) {
    .categorysortrow{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px;
    }
    .pixelstrap ul a, .pixelstrap ul a:hover, .pixelstrap ul a:focus, .pixelstrap ul a:active, .pixelstrap ul a.highlighted {
        /* border: 0 !important; */
        background: rgba(0, 0, 0, 0);
        color: #222;
        border-radius: 0 !important;
        font-size: 14px;
        font-weight: 400;
        text-transform: capitalize;
        padding: 5px 35px;
    }
}

@media (min-width: 768px) {

}

/* Home Page Slider */
/* Custom class for 5 items per row */
.col-lg-2-4 {
    flex: 0 0 20%;  /* 20% of the row width for 5 items */
    max-width: 20%;
}

@media (max-width: 1200px) {
    .col-lg-2-4 {
        flex: 0 0 25%;  /* 4 items per row on slightly smaller screens */
        max-width: 25%;
    }
    .mr-50{
        margin-right: 50px;
    }
    
}

@media (max-width: 992px) {
    .col-lg-2-4 {
        flex: 0 0 33.33%;  /* 3 items per row on medium screens */
        max-width: 33.33%;
    }
    
}

@media (max-width: 768px) {
    .col-lg-2-4 {
        flex: 0 0 50%;  /* 2 items per row on tablets */
        max-width: 50%;
    }
}
@media (min-height: 1080px) {
    .brands-menu .mega-menu {
        max-height: 600px; /* Fixed height for high-res screens */
    }
}
@media (max-width: 576px) {
    .col-lg-2-4 {
        flex: 0 0 100%;  /* 1 item per row on mobile */
        max-width: 100%;
    }
    .better-deals-btn{
        margin-bottom: 10px;
    }
    .bannerText {
        font-size: 30px;
        font-weight: bold;
        color: #ffffff;
        padding: 0px 0px 10px 0px;
    }
    .banner_btn{
        display: block;
    }
    .best-sell{
        margin-bottom: 10px;
    }
}
.product-card, .product-card-chart{
    display: flex;
    flex-direction: column; /* Ensure vertical layout */
    justify-content: space-between; /* Distribute space between image and content */
    height: 100%; /* Make all product cards the same height */
}

.catg-content {
    margin-top: auto; /* Push content to the bottom of the card */
}

/* Optional: Add a minimum height to the product name to ensure consistency */
.catg-img-header {
    /* display: -webkit-box; */
    /* -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto;
    max-height: 60px; */
    /* line-height: 1.2em; Adjust line height if necessary */
    /* padding-bottom: 12px;
    white-space: nowrap; */

    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limits the text to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 2.4em; /* Set a fixed height based on two lines */
    line-height: 1.2em;
    white-space: normal; /* Allow multi-line */
    
    /* Vertically center the text if only one line is present */
    display: flex;
    
}
@media screen and (max-width: 1366px) and (max-height: 768px) {
    .catg-img-header {
        height: 43px;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .catg-price {
       
        font-size: 17px !important;
    }
    
}
.catg-price {
    color: #236399;
    /* font-size: 26px; */
    font-size: 23px;
    font-weight: bold;
}
.sub-card-list {
     height: 100%; /*Ensure the card takes up full height within its grid column */
}

/* Add this rule to make sure all cards have equal height */
.sub-card-list .product-card, .sub-card-list .product-card-chart {
    height: 100%; /* Full height for consistency */
}
/* Slider */

@media (min-width: 992px) {
    .col-md-4 {
        width: 33.33333333%;
    }

    .myaccount{
        display: flex;
        justify-content: flex-end;
    }
    .sm, .sm ul, .sm li {
        margin: 0px 57px 0px -15px;
    }
    .main-nav-center {
        display: flex;
        justify-content: space-between; /* Spread the menu and phone number/cart */
        align-items: center; /* Vertically align items in the center */
        padding: 0; /* Remove unnecessary padding */
    }
    
    /* Align the menu items starting below the logo */
    .main-nav-center nav {
        display: flex;
        flex-grow: 1; /* Allow the menu to take up as much space as possible */
    }
    
    /* Aligning the menu items with the left side (below the logo) */
    .main-nav-center #main-menu {
        display: flex;
        justify-content: flex-start; /* Align items to the left */
    }
    
    /* Phone number alignment on the right */
    .main-nav-center li:last-child a {
        display: inline-block;
        align-items: center;
        font-size: 16px; /* Adjust size as needed */
        padding-right: 10px;
        margin-right: 5px;
    }
    
    /* Ensure phone number aligns well with the cart */
    .cart-icon {
        display: flex;
        justify-content: flex-end; /* Align to the right */
        align-items: center; /* Vertically aligned */
    }

    .catg-img a img {
        max-width: 220px;
        max-height: 220px;
    }
    
    .catg-img a img {
        vertical-align: bottom;
    }

}
@media (min-width: 768px) and (max-width: 1400px) {
    .sm, .sm ul, .sm li {
        margin: 0px 9px 0px 0px !important;
    }

    .pixelstrap .full-mega-menu{
        z-index: 10;
        left: 13% !important;
        /*right: 10% !important;*/
        width: 80% !important;
        height: 506px;
        overflow-y: auto;
    }
}
.mr-50{
    margin-right: 50px;
}
/* End  Home Page Slider */
.centerHeading{
    
    background-color: #e7eef8;
    border-radius: 10px;
    color: #184281;
    padding: 8px 10px;
    font-size: 16px;
    font-weight: 600;
}
.mb-20{
    margin-bottom: 20px;
}

.sm li:last-child::after{
    display: none !important;
}
.pixelstrap{
    margin-block-start: 0;
    margin-block-end: 0;
    margin-right: 0 !important;
}
ul.pixelstrap>li>a {
    padding-left: 0;
    padding-right: 49px;
}
ul.pixelstrap>li>a:hover:after{
    padding-left: 25px;
    padding-right: 22px;
}

.slider-banner-catg {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15);
}

.sort-wrap-margin-bottom {
    margin-bottom: 10px !important;
}

.no-shadow {
    box-shadow: none;
}
.add-cart_package {
    background-color: rgb(59, 5, 64);
    border-radius: 4px;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.24);
    color: #ffffff;
    font-weight: bold;
}
/* Card */
.catg-img {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 200px; /* Set a fixed height to ensure consistency */
    overflow: hidden; /* Prevent overflow */
}
.catg-img img {
    /* max-width: 100% !important;
    max-height: 100% !important; */
    object-fit: contain; /* Ensures the image keeps its aspect ratio */
}
.product-card, .product-card-chart{
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15);
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    border-radius: 30px;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.sub-card-list{
    margin-bottom:15px;
}

.card-img {
   display: inline !important;
}

.slide {
    margin: 10px 10px 0px 10px;
}

a.add-plus-icon {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 60px;
    height: 60px;
    border-top: 30px solid #000000;
    border-right: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #000000;
    /* z-index: 10; */
}

a.add-plus-icon i {
    position: absolute;
    top: 0px;
    left: 0px;
    color: #fff;
    font-size: 18px;
    transform: translate(-140%,-110%);
}

.strike-price {
    font-size: 17px;
    font-weight: normal;
    color: #929292;
}
.page-item.active .page-link {
    z-index: 0;
}
@media(min-width:768px){
    .sub-card-list{
        padding-right:0px;
    }
}

@media(max-width:768px){
    .product-card, .product-card-chart{
        min-height: 210px;
        padding-left:15px;
        padding-right:15px;
    }

    .card-img {
        height: auto !important;
        max-height: 175px;
    }

    .slide {
        min-height: unset;
    }

    .catg-price {
        font-size: 19px;
    }

    .strike-price {
        font-size: 15px;
    }
}

#hot_sellers_tab h4 {
    color: #236496;
    /* padding-left: 10px; */
    font-weight: bold;
}
.wistia_responsive_wrapper :hover {
    cursor: pointer;
}

/* End Card */
.counting {
    padding: 12px 0px 12px 0px;
    color: #236496;
}
.pagination-mob{
	text-align:center;
}
.pagination{
	float: right !important;
}
.irs--flat .irs-handle>i:first-child {
    background-color: #236496!important;
}
.irs--flat .irs-bar {
    background-color: #236496!important;
}
.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
    background-color: #236496!important;
}
.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {
border-top-color: #236496!important;
}
  /* .irs-from, .irs-to, .irs-single {
    top: 40px !important;
  } */
  /* .irs--flat {
    top: -10px !important;
  } */
  
.irs-line{
    background-color: white!important;
}
.irs--flat {
    height: 65px !important;
}
.sort-wrap {
    border-radius: 8px;
    background-color: rgba(202, 202, 202,0.302);
    padding: 14px 20px;
    width: 100%;
    /* float: left; */
    margin-bottom: 30px;
    color: #236496;
    font-size: 17px;
}
/* SB */
.sbOptions{
    border-width: 1px;
    border-color: rgb(218, 218, 218);
    border-style: solid;
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    list-style: none;
    left: -1px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 40px !important;
    width:100%;
    z-index: 999;
    min-height:250px;
    overflow-y: auto;
}

.sbOptions li{
    padding: 0 7px;
    display: flow;
}

.sbOptions a{

  border-bottom: dotted 1px #515151;
  display: block;
  outline: none;
  padding: 7px 0 7px 3px;

}

/*.sbOptions a:link, .sbOptions a:visited{

  color: #ddd;

  text-decoration: none;

}

.sbOptions a:hover,

.sbOptions a:focus,

.sbOptions a.sbFocus{

  color: #EBB52D;

}*/

.sbOptions li.last a{

  border-bottom: none;

}

.sbOptions .sbDisabled{

  border-bottom: dotted 1px #515151;
  color: #999;
  display: block;
  padding: 7px 0 7px 3px;

}

.sbOptions .sbGroup{

    border-bottom: dotted 1px #515151;
    color: #000000;
    display: block;
    font-weight: bold;
    padding: 7px 0 7px 3px;

}

.sbOptions .sbSub{

  padding-left: 17px;

}
.sbHolder{

    border-width: 1px;
    border-color: rgb(218, 218, 218);
    border-style: solid;
    border-radius: 30px;
    background-color: rgb(255, 255, 255);
    position: relative;
    width: 100%;
    height:42px;

}

.sbHolder:focus .sbSelector{

}
  
.sbSelector{

    display: block;
    height: 42px;
    left: 0;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-indent: 10px;
    top:0px;
    width: 100%;
    z-index: 0;    
    padding-top: 10px;
    border-radius: 0 30px 30px;

}
  
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{

    color: #000000;  
    outline: none;  
    text-decoration: none;

}
  
.sbToggle{  
    background: url(../img/layout/drop-downArw.png) center right no-repeat;
    display: block;
    height:40px;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    /* z-index: 99; */
    z-index: 0;
    padding-top: 10px;
    border-radius: 0 30px 30px;
  
}
.quantity .sbHolder{
  
    border:0;
    border-radius: 4px;
    background-color: rgb(35, 100, 150);
    box-shadow:0px 3px 0px 0px rgba(0, 0, 0, 0.24) ;
    position: relative;
    margin-left: 10px;
    width:80px;
    float: left;
    height:42px;
  
}
.quantity .sbToggle{
  
    background: url(../img/layout/ascArw.png) center right no-repeat;
    display: block;
    height:40px;
    outline: none;
    position: absolute;
    right:5px;
    top: 0;
    width: 38px;
    z-index: 99;
  
}
.quantity .sbSelector:link, .quantity .sbSelector:visited, .quantity .sbSelector:hover {
    color: #fff;
    outline: none;
    font-size: 18px;
    font-weight: bold;
}
optgroup {
    font-weight: bold;
}
.catg-header {
    color: #236496;
    float: left;
    font-size: 45px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
}

/* .sm{
    z-index: 100;
} */

.filter-result-margin-bottom {
    margin-bottom: 10px !important;
}
.filter-result {
    margin-bottom: 25px;
    width: 100%;
    float: left;
}
.category-wrap {
    margin: 25px 0;
}

/* App new page css */
.header-style-5.color-style .main-menu .menu-right .icon-nav li img {
    -webkit-filter: unset;
    filter: unset;
}
.theme-modal .modal-dialog .modal-content .modal-body {
    background-image: none;
}

.item-product {
    padding-top: 5px !important;
    padding-bottom: 10px !important;
}
.slider-right-nav {
    max-height: 500px;
    overflow: hidden;
}

.product-slick-image {
    display: flex;
    justify-content: center; /* Horizontally center the content */
    align-items: center; /* Vertically center the content */
    height: 90px; /* Set the desired height for your container */
    background-repeat: no-repeat !important;
}
.product-slick-image>img {
    height: 100%;
    width: auto;
}

.product-slick-image-2 {
    display: flex;
    justify-content: center; /* Horizontally center the content */
    align-items: center; /* Vertically center the content */
    height: 450px; /* Set the desired height for your container */
}

.quick-view-image>img {
    max-width: 100%; /* Make sure the image doesn't exceed the container width */
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.quick-view-image>iframe {
    max-width: 100%; /* Make sure the image doesn't exceed the container width */
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.image-center-div {
    display: flex;
    justify-content: center; /* Horizontally center the content */
    align-items: center; /* Vertically center the content */
    height: 200px; /* Set the desired height for your container */
}

.image-center-image {
    max-width: 100%; /* Make sure the image doesn't exceed the container width */
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* .t-shirt {
    background: url('{{ config("app.image_url") . '/img/layout/t-shirts.png' }}') no-repeat right center !important;
} */

.fs-16 {
    font-size: 16px !important;
}

.price-detail a.big-link-green {
    text-decoration: underline;
}

#vip_request {
    padding-left: 0;
}

.breadcrumb-section {
    background-color: #f3bb64;
    padding: 0;
    color: #3b0540;
}

.breadcrumb-section .page-title h2 {
    color: #3b0540;
    text-transform: unset;
}
.breadcrumb-section .page-title h2 {
    color: #3b0540;
    text-transform: unset;
    font-size: 26px;
    font-weight: 500;
}
.breadcrumb-section .page-title a {
    color: #3b0540;
    text-transform: unset;
    font-size: 24px;
    text-decoration: underline;
}

.breadcrumb-section .breadcrumb {
    text-transform: unset;
    font-size: 14px;
    color: #3b0540;
    margin: 0;
    padding-right: 0;
    text-align: right;
}

.product-right .border-product {
    padding-top: 15px;
    padding-bottom: 15px;
}

.text-left {
    text-align: left !important;
}

.product-right h1 {
    text-transform: none;
    margin-bottom: 15px;
    font-size: 26px;
    line-height: 1.2em;
}

#product-details-section .card-body.short-description {
    max-height: 500px;
    overflow: hidden;
}

#product-details-section .card-body.full-description {
    max-height: unset;
}

#product-details-section .card-body a {
    color: var(--theme-color) !important;
}
#product-details-section .card-footer a {
    color: var(--theme-color) !important;
}
#product-details-section .card-body a:hover {
    text-decoration: underline;
    text-decoration-color: var(--theme-color) !important;;
    color: var(--theme-color) !important;
}

#product-details-section .card-body h1,
#product-details-section .card-body h2,
#product-details-section .card-body h3,
#product-details-section .card-body h4,
#product-details-section .card-body h5,
#product-details-section .card-body h6 {
    color: #767676;
    text-transform: capitalize;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.02em;
    margin-top: 10px;
}

#product-details-section .card-body h2 {
    font-size: 29px;
}
#product-details-section .card-body h3 {
    font-size: 25px;
    font-weight: 500;
}

#product-details-section .card-body p {
    font-size: 16px;
    color: #686666;
    line-height: 24px;
}

#product-details-section .card-body ul li {
    color: #686666;
    /* display: block; */
    
}
#product-details-section-first-half .card-body ul li{
    color: #686666;
    font-size: 16px;
    margin-left: 20px;
    list-style-type: disc !important;
    display: list-item;
}
#product-details-section-second-half{
    font-size: 16px;
}
#product-details-section .card-body ul{
    margin-bottom: 10px;
}
#product-details-section .card-body table {
    width: 100% !important;
}

/* Reviews,Ratings and Comment Section*/
#review-toggle-button>i, #review-toggle-button>span {
    color: white!important;
}

#review-toggle-button:hover>i, #review-toggle-button:hover>span {
    color: var(--theme-color) !important;
}

a.comment-toggle-button>i, a.comment-toggle-button>span {
    color: #3b0540 !important;
}

#question-toggle-button>i, #question-toggle-button>span {
    color: white!important;
}

#question-toggle-button:hover>i, #question-toggle-button:hover>span {
    color: var(--theme-color) !important;
}

a.answer-toggle-button>i, a.answer-toggle-button>span {
    color: #3b0540 !important;
}
/* Reviews,Ratings and Comment Section - Ends*/
.fs-17 {
    font-size: 17px;
}

.product-4 .img-wrapper a.image-item {
    background-repeat: no-repeat !important;
    background-size: auto !important;
}

.product-4 {
    max-height: 150px;
    overflow: hidden;
    padding: 0 30px;
}

.product-4 .img-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
}

.product-4 .img-wrapper img {
    max-width: 90%; /* Make sure the image doesn't exceed the container width */
    max-height: 90%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.slick-track {
    margin: 0 auto !important;
}
@media (max-width: 999px) {
    .pixelstrap .full-mega-menu {
        left: 0% !important;
        width: 300px !important;
        height: auto;
    }
}

/* For Desktop View */
@media screen and (min-width: 992px) {
    .joinpopup{
        height: 668px;
        width: 90%;
    }
}
@media screen and (max-width: 720px) {
    .joinpopup{
        height: 702px;
        width: 94%;
    }
}

/* For Tablet View */
@media screen and (min-device-width: 768px)
and (max-device-width: 1024px) {

}

/* For Mobile Portrait View */
@media screen and (max-device-width: 480px)
and (orientation: portrait) {
    .product-slick-image-2 {
        height: 250px; /* Set the desired height for your container */
    }
    .hover-unset{
        width: fit-content !important;
        background-color: #236496;
    }
    .has-submenu{
        color: #ffffffff !important;
    }
}

/* For Mobile Landscape View */
@media screen and (max-device-width: 640px)
and (orientation: landscape) {
    .hover-unset{
        width: fit-content !important;
        background-color: #236496;
    }
    .has-submenu{
        color: #ffffffff !important;
    }

}

/* For Mobile Phones Portrait or Landscape View */
@media screen
and (max-device-width: 640px) {
    .hover-unset{
        width: fit-content !important;
        background-color: #236496;
    }
    .has-submenu{
        color: #ffffffff !important;
    }

}

/* For iPhone 4 Portrait or Landscape View */
@media screen and (min-device-width: 320px)
and (-webkit-min-device-pixel-ratio: 2) {
    /* .hover-unset{
        width: fit-content !important;
        background-color: #236496;
    }
    .has-submenu{
        color: #ffffffff !important;
    } */

}

/* For iPhone 5 Portrait or Landscape View */
@media (device-height: 568px)
and (device-width: 320px)
and (-webkit-min-device-pixel-ratio: 2) {
    .hover-unset{
        width: fit-content !important;
        background-color: #236496;
    }
    .has-submenu{
        color: #ffffffff !important;
    }

}

/* For iPhone 6 and 6 plus Portrait or Landscape View */
@media (min-device-height: 667px)
and (min-device-width: 375px)
and (-webkit-min-device-pixel-ratio: 3) {
    .hover-unset{
        width: fit-content !important;
        background-color: #236496;
    }
    .has-submenu{
        color: #ffffffff !important;
    }

}
@media screen and (min-width: 481px) {
    .hide-on-desktop {
        display: none;
    }
}

@media screen and (min-width: 667px) {
.hide-on-desktop {
    display: none;
}
}

@media screen and (min-width: 568px) {
.hide-on-desktop {
    display: none;
}
}

@media screen and (min-width: 1024px) {
   .main-menu {
        width: 100%;
        margin-left: 105px;
        margin-top: -19px;
   }
   .search-bar {
        width: 50%;
   }
   .form_search {
    border-radius: 30px !important;
   } 
   .nav-search-field{
    border-radius: 30px !important;
   }
   .main-nav-center {
       margin-top: -19px;
   }
   .menu{
    font-size: 16px !important;
   }
}
@media screen and (min-width: 667px) {
@media screen and (min-width: 568px) {
@media screen and (min-width: 1024px) {
    .search-bar {
        width: 49%;
        margin-left: 11px;
        margin-top: 7px;
    }
    }
}
}

.btn-outline-border{
    border:1px solid lightgray;
    border-radius:10px;
    color:#236496;
    font-size:16px;

}
.user-icon{
    font-size:14px;
    margin-right:5px;
}

.profile-icon .fa-user ,.toll-free-num .fa-phone,.shopping-cart-icon .fa-shopping-cart{
  font-size:20px;
  color:#236496;
}
.icon-nav .mobile-cart i{
    display:none
}

@media  screen and (min-width: 1024px) {
    .main-menu {
        width: 100%;
        margin:-19px auto 0px;
    }
}

/* Add styling for the error state */
#search_input.error {
    border: 2px solid red; /* Highlight the input field in red */
    background-color: #ffe6e6; /* Light red background */
}
@media  screen and (min-width: 1400px) {
    .pixelstrap ul ul a, .pixelstrap ul ul a:hover, .pixelstrap ul ul a:focus, .pixelstrap ul ul a:active {
        border-left: 16px solid transparent !important;
    }
    
}
.pixelstrap .has-submenu.highlighted {
   padding-left: 25px;
}

.tclose:hover {
    background-position: 0 -30px;
}
.tclose {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(../../img/close.png) no-repeat;
}

.btn-solid:hover {
    color: #f2f2f2 !important;
    background-color: #458abe !important;
}
.btn-solid{
    background-color: #236496;
}
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
    .pagination {
        float: left !important;
    }
    .btn-light-green{
        width: 100%;
    }
}

.qty-box .input-group {
   
    z-index: 0;
}
/* Specific styles for the Brands submenu */
.brands-menu .mega-menu {
    min-height: 50vh;  /* Minimum height for all screens */
    max-height: 750px; 
    overflow-y: auto;  /* Add vertical scroll when content exceeds the available height */
    padding-right: 15px; /* Adds some spacing to avoid scroll bar overlapping content */
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    overscroll-behavior-y: contain;
}

/* Optional: Style for scrollbar (Webkit browsers like Chrome) */
.brands-menu .mega-menu::-webkit-scrollbar {
    width: 10px;
}
.brands-menu .mega-menu::-webkit-scrollbar-thumb {
    background-color: #e1dbdb;
    border-radius: 3px;
}
.brands-menu .mega-menu::-webkit-scrollbar-thumb:hover {
    background-color: #e1dbdb;
}

.image-container {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tbox{
    z-index: 999999999999;
}
.btn-light-green{
    background-color: #01be57;
    border-color: #01be57;
    font-size: 16px;
    font-weight: 700;
    color: white;
    border-radius: 20px;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.24);
    outline: none; 
}

/* Ensure the button retains the same styling when in focus */
.btn-light-green:focus {
    background-color: #01be57;
    border-color: #01be57;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.24);
    outline: none; /* Removes default browser outline */
    color: white;
}
.btn-light-green:hover {
    background-color: #01be57;
    border-color: #01be57;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.24);
    outline: none; /* Removes default browser outline */
    color: white;
}

/* Optional: if you want a specific hover effect */
.btn-light-green:hover {
    background-color: #019b4c; /* Darker shade for hover */
    color: #2e6da4;
    text-decoration: none;
}
/* .btn-light-green:hover{
    color: white !important;
} */
/* item blade css */
.blue-button{
    background-color:#0A92CA;
}
.round{
    border-radius: 30px;
}
.add-btn{
    border-radius: 20px;
    width: 100%;
}
@media only screen and (max-width: 767px) {
    .btn-primary {
        margin-top:5px;
    }
}
@media only screen and (max-width: 991px) {
    .btn-primary {
        margin-top:5px;
    }
}

.heading-information {
    margin: 20px 0;
}

.heading-information h1, .heading-information h2, .heading-information h3 {
    color: #236496;
    text-align: center;
}

.heading-information h1 {
    font-weight: bold;
    text-transform: capitalize;
}

.heading-information p {
    font-size: 17px;
    line-height: 26px;
    color: #606060;
}

.heading-information ul {
    margin-left: 30px;
}

.heading-information ul li {
    display: list-item !important;
    list-style-type: disc !important;
}

.dynamic-titels {
    white-space: normal !important;          /* Allow text wrapping */
    word-break: break-word !important;       /* Break long words if needed */
    text-align: left;             /* Align text if it's long */
    width: 100%;                  /* Optional: make button full width */
    padding: 10px 12px;           /* Adjust padding as needed */
    font-size: 16px;              /* Customize font size */
} 

/********** Footer css changes with New Header***************/
.footer-dark-bg{
    background-color: var(--dark-purple);
}
.footer-theme2{
    text-align: left;
}
.footer-theme2 .footer-link li.t-shirt-label{
    border-left: 1px solid #ffffff54;
}
.footer-theme2 .footer-link li.t-shirt-label .t-shirt{
    right: -100px;
    top: -30px;
}
@media (max-width: 1024px) {
    .footer-theme2 .footer-link li, .footer-theme2 .footer-link-b li {
        padding-left:12px;
        padding-right: 12px;
        padding-top: 15px;
        padding-bottom: 15px;
    }    
}
@media (max-width: 768px) {
    .footer-theme2 .footer-link li, .footer-theme2 .footer-link-b li {
        border-right: 0;
        padding: 10px;
    }
    .footer-link{
        padding: 10px 30px;
    }    
}