.hero-slider-1 .slider-content .sidetext{
    font-size: 13px !important;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 5px;
    padding: 0 40px;
    color: #7E7E7E;

}

.hero-slider-1 .slider-content{
    		position: absolute;
		top: 50%;

}

.tdinput{
  height: 40px !important;
}

.hero-slider-1 img {
    max-height: 538px;
    width: 50px !important;
    border-radius: 30px;
}

.banner-left2-icon .banner-icon2 {
    max-width: 60px;
    transition-duration: 0.3s;
}

.banner-left2-icon{
    position: relative;
    background: transparent !important; 
    padding: 20px;
    border-radius: 10px;

}


.product-content-wrap2{
    margin: 20px;
    border-radius: 11px;
    
}

.brand-1:hover, .brand-2:hover, .brand-3:hover, .brand-4:hover, .brand-5:hover, .brand-6:hover, .brand-7:hover, .brand-8:hover, .brand-9:hover, .brand-10:hover, .brand-11:hover, .brand-12:hover {
    transition: .3s;
}

.brand-1 {
    background-position: 7px -9px;
}

.brand-2 {
    background-position: -177px 0;
}

.brand-3 {
    background-position: -390px 0;
}

.brand-4 {
    background-position: -571px 0;
}

.brand-5 {
    background-position: -777px 0;
}

.brand-6 {
    background-position: -229px -122px;
    width: 215px !important;
}

.brand-7 {
    background-position: -544px -396px;
    width: 220px;
}

.brand-8 {
    background-position: -43px -392px;
}

.brand-9 {
    background-position: -11px -797px;
}

.brand-10 {
    background-position: -419px -550px;
}

.brand-11 {
    background-position: -720px -708px;
}

.brand-12 {
    background-position: -23px -671px;
    width: 220px;
}

.brand-13 {
    background-position: -272px -1010px
}

.brand-14 {
    background-position: 17px -1016px
}

.brand-15 {
    background-position: -536px -1025px
}

.brand-16 {
    background-position: -776px -1057px
}

.brand-17 {
    background-position: -254px -1171px
}

.brand-18 {
    background-position: 2px -1172px
}

.brand-19 {
    background-position: -536px -1218px
}

.brand-20 {
    background-position: -784px -1245px
}

.brand-1, .brand-10, .brand-11, .brand-12, .brand-13, .brand-14, .brand-15, .brand-16, .brand-17, .brand-18, .brand-19, .brand-2, .brand-20, .brand-3, .brand-4, .brand-5, .brand-6, .brand-7, .brand-8, .brand-9 {
    background-image: url(https://hm.imimg.com/imhome_gifs/big-buyers-new1.png);
    background-repeat: no-repeat;
    height: 100px;
    width: 205px;
    margin: 20px 0;
    display: block;
}

.parent {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-template-rows: auto;
    grid-column-gap: 16px;
    box-sizing: border-box;
}

.parent ul {
  background-color: aliceblue;
  /* background: url(../imgs/blog/header-bg.png) no-repeat center center; */
  border-radius: 11px;
  padding: 10px;
  margin: 10px;

}

/* Optional: Fine-tune for smaller screens */
@media (max-width: 768px) {
    .parent {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        padding: 12px;
    }
}

@media (max-width: 480px) {
    .parent {
        grid-template-columns: 1fr; /* Single column for very small screens */
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        padding: 8px;
    }
}

.Partytype {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.custome-checkbox .form-check-label2 {
    position: relative;
    cursor: pointer;
    padding: 0;
    vertical-align: middle;
}

.custome-checkbox .form-check-label2::before{
    content: "";
    border: 2px solid #ced4da;
    height: 22px;
    width: 22px;
    margin: 0px 8px 0 0;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50px;
}

.custome-checkbox input[type=checkbox] + .form-check-label2::after {
    content: "";
    width: 11px;
    position: absolute;
    top: 50%;
    left: 5px;
    opacity: 0;
    height: 6px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: translateY(-65%) rotate(-45deg);
}

.custome-checkbox input[type=checkbox]:checked + .form-check-label2::before {
    background-color: #3BB77E;
    border-color: #3BB77E;
}

.custome-checkbox input[type=checkbox]:checked + .form-check-label2::after {
    opacity: 1;
}

.form-check-label2 {
        display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #253D4E;
    font-family: "Quicksand", sans-serif;
}

.earnwith{
    background-color: #3BB77E;
    color: #fff;
    border: 0px
}

.parent {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
} 

.cart-dropdown-wrap ul li{
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 20px;
  text-align: center;
  justify-content: center;
}

.header-style-1 .header-middle-ptb-1 {
  padding: 16px 0 !important;
}

.categories-flex { 
  /* display: flex;  */
  flex-wrap: nowrap; 
  gap: 15px;  
  padding: 11px 11px 0 11px;
}

.category-card {
  position: relative; /* parent reference for dropdown */
  cursor: pointer;
  padding: 8px 12px;
  background: #f9f9f9;
  display: inline-block;
  border-radius: 6px;
  border: 1px solid #ddd;
  width: auto; 
  text-wrap: nowrap; 
  background-color: #f8f8f8; 
  padding: 11px ; 
  border-radius: 8px; 
  text-align: center; 
  box-shadow: 0 2px 6px rgba(0,0,0,0.1); 
  max-width: 200px;
  z-index: 90;      /* make sure card is also above */
    gap: 40px;
}

.category-card:hover { 
  transform: translateY(4px); 
  box-shadow: 0 4px 12px rgba(0,0,0,0.15); 
}

.desktop-categoryName{
  color: #7E7E7E;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  font-weight: 600;
  margin: 20px 0 !important;
}
.desktop-categoryName strong{
  padding: 20px 0 !important;
}

.dropdown-wrap {
  display: none;
  position: absolute;
  top: 100%;   /* right below the category */
  z-index: 2000;      /* make sure card is also above */
  padding: 12px;
  width: auto;
  border-radius: 8px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
  z-index: 90;   /* super high so always on top */
  background-color: #fff;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
  padding: 30px 20px 27px;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  border-radius: 10px;
  border: 1px solid #ececec;

}

.desktop-hrLine{
  margin: 10px 0px;
  height: 2px;
  width: 100%;
  background-color: #ddd;
}

.categories-flex,
.header,
.header-middle {
  overflow: visible !important;
}

/* show dropdown only for hovered category */
.category-card:hover > .dropdown-wrap {
  display: block;
}

 /* Container for header action icons */
    .header-action-icon-2 {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      padding: 12px;
      margin: 0 12px;
      min-width: 60px; /* Prevent containers from becoming too narrow */
    }

    /* Style for SVG images */
    .header-action-icon-2 img.svgnav {
      max-width: 100%; /* Prevent overflow */
      width: 5vw; /* Base size: 5% of viewport width */
      min-width: 25px; /* Minimum size for small screens */
      max-width: 50px; /* Maximum size for large screens */
      height: auto; /* Maintain aspect ratio */
      display: block; /* Remove inline spacing */
    }

    /* Style for side text */
    .header-action-icon-2 .sidetext {
      margin: 6px 0 0 0;
      font-size: 0.9rem; /* Base text size */
      color: #333;
    }

    /* Link styling */
    .header-action-icon-2 a {
      text-decoration: none;
      color: inherit;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    /* Large screens (≥1200px) */
    @media (min-width: 1200px) {
      .header-action-icon-2 {
        padding: 10px;
        margin: 0 10px;
      }
      .header-action-icon-2 img.svgnav {
        width: 30px; /* Larger size for desktops */
      }
      .header-action-icon-2 .sidetext {
        font-size: 0.9rem;
      }
    }

    /* Medium screens (768px–1199px) */
    @media (max-width: 1199px) and (min-width: 768px) {
      .header-action-icon-2 {
        padding: 10px;
        margin: 0 10px;
      }
      .header-action-icon-2 img.svgnav {
        width: 30px; /* Slightly smaller for tablets */
      }
      .header-action-icon-2 .sidetext {
        font-size: 0.9rem;
      }
    }

    /* Small screens (480px–767px) */
    @media (max-width: 767px) and (min-width: 480px) {
      .header-action-icon-2 {
        padding: 8px;
        margin: 0 8px;
      }
      .header-action-icon-2 img.svgnav {
        width:30px; /* Smaller for mobile */
      }
      .header-action-icon-2 .sidetext {
        font-size: 0.85rem;
      }
    }

    /* Very small screens (<480px) */
    @media (max-width: 479px) {
      .header-action-icon-2 {
        padding: 6px;
        margin: 0 6px;
      }
      .header-action-icon-2 img.svgnav {
        width: 30px; /* Smallest for tiny screens */
      }
      .header-action-icon-2 .sidetext {
        font-size: 0.75rem;
      }
    }


	.search-style-2 form {
		border-radius: 4px;
		max-width: 622px !important;
		background-color: #fff;
    }
.svgnav{
      fill: #7E7E7E !important;
      opacity: 70%;
}

.search-style-2 form select {
			width: 145px;
			padding: 3px 20px 3px 20px;


        }


@media only screen and (max-width:768px) {
    .logo h2 {
        font-size: 22px !important;
    }
  }

  @media only screen and (min-width: 1200px) {
  .header-action-right {
    display: flex;
    justify-content:center;
    flex-shrink: 0;
    align-items: center;
  }
}