@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

  html {
    scroll-behavior: smooth;
  }


  body,
  a,
  p,
  h2,
  h1,
  h3,
  h4,
  h5,
  h6,
  span,
  label,
  input,
  textarea,
  button {
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif !important;
  }

  body {
    background: #f3f5f9;
  }

  .fs-22 {
    font-size: 22px;
  }

  .fs-28 {
    font-size: 28px;
  }

  .fs-12 {
    font-size: 12px;
  }

  .fs-14 {
    font-size: 14px;
  }

  .fs-15 {
    font-size: 15px;
  }

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

  .fs-18 {
    font-size: 18px;
  }

  .fs-20 {
    font-size: 20px;
  }

  .fs-24 {
    font-size: 24px;
  }

  .fw-400 {
    font-weight: 400;
  }

  .fw-500 {
    font-weight: 500;
  }

  .fw-600 {
    font-weight: 600;
  }

  .fw-700 {
    font-weight: 700;
  }

  .color00000085 {
    color: #00000085;
  }

  .color202223 {
    color: #202223;
  }

  .color000 {
    color: #000;
  }

  html body .container {
    max-width: 1260px !important;
    margin: 0 auto;
    padding: 0px !important;
  }

  input::placeholder {
    color: rgba(0, 0, 0, 0.52) !important;
  }

  input:focus {
    outline: none;
  }

  .contactHomeform .custom-select:focus,
  textarea:focus,
  .form-control:focus,
  .custom-select:focus,
  input:focus {
    border-color: #FC7044 !important;
  }

  input[type=checkbox]:focus,
  input[type=radio]:focus {
    border-color: #bbbbbb !important;
  }

  /* Global Reset */
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  body.home {
    background-color: #fff;
  }

  /* Body */
  body {
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    margin: 0;
  }

  .d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .align-items {
    align-items: center;
  }

  .justifyspace-between {
    justify-content: space-between;
  }

  /* Header */

  .mobHeadSec {
    display: none;
  }

  .user-menu.menu .rightMenu svg {
    margin-right: 5px;
  }

  .header-nav {
    position: fixed;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    padding: 12px 50px;
    box-shadow: 0px 6px 24px 1px #0000001F;
    top: 0;
    width: 100%;
    z-index: 999;
  }

  .header-nav .container {
    align-items: center;
    justify-content: space-between;
  }

  .search-container {
    position: relative;
    display: inline-block;
    padding-right: 35px;
  }

  .search-results {
    position: absolute !important;
    background: white !important;
    width: 91%;
    max-height: 147px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    margin-top: 1px;
  }

  .search-results li {
    padding: 1px 15px;
  }

  .search-container svg {
    position: absolute;
    top: 50%;
    left: 17px;
    transform: translateY(-50%);
    pointer-events: none;
    /* Prevent the icon from interfering with typing */
  }

  .search-container input:placeholder {
    color: #00000085;
    font-size: 15px;
    font-weight: 600;
  }

  .search-container input {
    padding: 5px 10px 7px 48px;
    width: 364px;
    border-radius: 8px;
    border: 1px solid #0F294B33;
    color: #000;
    font-size: 15px;
    font-weight: 600;
  }

  .search-container input:focus {
    outline: none;
    /* Removes the default outline */
    box-shadow: none;
    /* Removes any box-shadow effect */

  }

  /* .contactUsSec,
.productOuterSec ,.profileSec ,.certificateSec{
  padding-top: 50px;
  margin-top: -50px;
} */















  .user-menu {
    display: flex;
    align-items: center;
  }

  .searchInput::placeholder {
    font-size: 15px;
    color: #00000085;
    font-weight: 500;
    font-family: "Inter", sans-serif !important;
  }

  .page-link:focus {
    box-shadow: none;
  }

  .nav-links .menuItem a {
    font-size: 15px;
    margin-right: 35px;
    text-decoration: none;
    color: #00000085;
    font-weight: bold;
    transition: fill 0.3s ease;
    display: flex;
    gap: 5px;
    align-items: center;
  }

  .headfilter {
    display: flex;
    justify-content: space-between;
    height: 36px;
  }

  .headfilter .filter svg {
    margin-right: 5px;
    transition: all 0.6s ease-in-out;
  }

  .headfilter .filter:nth-child(2) ul.variationstwo {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 16px;
    position: absolute;
    left: 0px;
    top: 48px;
    width: 200px;
    z-index: 2;
    text-align: left;
    right: 0px;
  }

  .headfilter .filter {
    background-color: #f3f5f9;
    border: 1px solid #20222385;
    padding: 5px 17px;
    border-radius: 10px;
    height: auto;
    cursor: pointer;
    color: #202223;
    transition: all 0.3s ease-in-out;
  }

  .menu.nav-links .menu-link.menuActive {
    color: #FC7044;
  }

  .menu.nav-links .menuActive svg path {
    fill: #FC7044;
    fill-opacity: 1;
  }


  .menu.nav-links .menuItem a:hover {
    color: #FC7044;

  }

  .menu.nav-links .menuItem a:hover svg path {
    fill: #FC7044;
    fill-opacity: 1;

  }

  .rightMenu {
    transition: fill 0.3s ease;
  }


  .headerdesk .user-menu ul.dropdownMenu {
    border-radius: 12px;
    display: none;
    list-style: none;
    padding: 16px;
    margin: 0;
    background-color: #fff;
    border: 1px solid #0000001F;
    position: absolute;
    top: 40px;
    right: 0;
    width: 210px;
    z-index: 10;
    box-shadow: 0px 6px 24px 1px #0000001F;

  }

  .dropdownMenu .dropMenu {
    cursor: pointer;
  }

  .dropdownMenu .dropMenu+.dropMenu {
    cursor: pointer;
    margin: 20px 0px 0;
  }


  .dropdownMenu .dropMenu a {
    align-items: center;
    display: flex;
    text-decoration: none;
  }

  .dropMenu p.dropText {
    padding-left: 10px;
    color: #202223;
  }

  .droplogOut .dropText {
    color: #E12C2C !important;
  }

  .usernameDrop {
    border-bottom: 1px solid #0000001F;
  }

  .userinfoDrop {
    padding-bottom: 10px;
    margin: 0 !important;
  }

  /* Optional: Style the dropdown trigger (userName) */
  .rightMenu {

    align-items: center;
  }

  .dropDownArrow {
    margin-left: 5px;
  }

  .usernum {
    color: #000000;
  }

  .contactUsSec,
  .productOuterSec,
  .updateOuterSec {
    padding-top: 60px;
    margin-top: -50px;
  }

  .menu .rightMenu:hover,
  .menu .rightMenu:hover a {
    color: #FC7044;
  }

  .menu .rightMenu:hover svg path {
    fill: #FC7044;
    fill-opacity: 1;
  }

  .user-menu {
    position: relative;
  }

  .cartCount {
    margin: 0px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 8px;
    top: -7px;
    font-size: 10px;
    border-radius: 50%;
    background-color: #fd714c;
    color: #fff !important;
  }

  .messageBtn .msgBtn {
    background: transparent;
  }

  .user-menu .userName {
    font-size: 15px;
    margin-right: 15px;
    font-weight: 600;
  }

  .user-menu .dropDownArrow {
    margin-left: 8px;
  }

  .user-menu span a {
    color: #00000085;
  }

  .user-menu span {
    margin-right: 45px;
    cursor: pointer;
    color: #00000085;

  }

  .user-menu.menu .rightMenu {
    position: relative;
  }

  /* Categories Section */
  .catOption {
    line-height: 1;
    text-transform: capitalize;
    padding-top: 10px;
    color: #00000085;
    transition: all 0.5s ease-in-out;
  }

  .categories {
    justify-content: center;
    gap: 60px;
    margin: 0 auto;
  }

  .category {
    text-align: center;
    border-radius: 25px;
    cursor: pointer;
    display: block;
    justify-items: center;
  }

  .category img {
    border-radius: 50%;
    width: 100px;
    border: 2px solid #ffffff00;
    transition: all 0.5s ease-in-out;
  }

  /* Product Section */
  .product-section {
    padding: 15px;
    text-align: center;
  }

  .textleft {
    text-align: left;
  }

  .filterbox a.filter:focus svg path,
  .filterbox a.filter.active svg path,
  .filterbox a.filter:hover svg path,
  .filterbox button.filter:focus svg path,
  .filterbox button.filter:hover svg path {
    fill: #FC7044;
    color: #FC7044;
  }

  .filterbox a.filter:focus,
  .filterbox a.filter.active,
  .filterbox a.filter:hover,
  .filterbox button.filter:focus,
  .filterbox button.filter:hover {
    color: #FC7044;
    background-color: #FC70441F;
    border-color: #FC7044;
  }

  /* Product Grid */
  .product-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 38px;
    padding: 24px 0px 40px;
  }


  .product-card {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease;
  }

  .productImg {
    max-height: 288px;
    border-radius: 12px;
    object-fit: cover;
    min-height: 288px;
  }

  .product-card .productImgWraaper {
    overflow: hidden;
    border-radius: 12px;
    display: block;
  }

  .product-card:hover .productImg {
    transform: scale(1.1);
  }

  .product-card img {
    transition: all 0.5s ease-in-out;
    width: 100%;
    height: auto;
    display: block;
  }

  html body .badge {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #FC7044;
    color: #fff;
    font-family: "Inter", sans-serif !important;
    padding: 4px 10px;
    border-radius: 0px 12px 0px 12px;
    line-height: 1em;
  }

  .product-card .product-info {
    text-align: left;
    padding: 10px 0px 0;
    min-height: 61px;
  }

  .product-min-height {
    min-height: 144px !important;
  }

  .servicesHomeSec .product-card .product-info p {
    color: #0000009e;
  }

  .servicesHomeSec .product-card .product-info .colors {
    display: none;
  }

  .product-card .product-info .colors li span {
    height: 20px;
    width: 20px;
    display: block;
    border-radius: 50px;
  }

  /* .product-card .product-info .colors li span.white { 
  background-color: #ffffff; 
  border: 1px solid #2022231f;
}
.product-card .product-info .colors li span.black { 
  background-color: #000; 
  border: 1px solid #000;
}
.product-card .product-info .colors li span.gray { 
  background-color: #EBEBEB; 
  border: 1px solid #EBEBEB;
}
.product-card .product-info .colors li span.blue { 
  background-color: #3A6A90; 
  border: 1px solid #3A6A90;
} */
  .product-card .product-info .colors li:last-child {
    margin: 0;
  }

  .product-card .product-info .colors li {
    margin-right: -13px;
  }



  /* Hide the default checkbox */
  /* Hide the default checkbox */
  .custom-checkbox input[type="checkbox"],
  .color-checkbox input[type="checkbox"],
  .color-checkbox input[type="radio"] {
    display: none;
  }

  .checkbox-box.active {
    border: 2px solid #fc7044 !important;
  }

  .color-options {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 15px;
  }

  .product-info .size-options label,
  .product-info .color-options label {
    margin: 0;
  }

  .color-options .custom-checkbox .checkbox-box {
    width: max-content !important;
    min-width: 75px;
    height: 40px !important;
    padding: 5px !important;
    border-radius: 6px;
    border-width: 1px;
  }

  .color-options .custom-checkbox .checkbox-box:hover,
  .color-options .custom-checkbox input[type="checkbox"]:checked+.checkbox-box {
    border-color: #FC7044;
  }

  .size-options .custom-checkbox input[type="checkbox"]:checked+.checkbox-box::before,
  .color-options .custom-checkbox input[type="checkbox"]:checked+.checkbox-box::before {
    display: none;
  }

  .size-options .custom-checkbox .checkbox-box {
    background-color: #f3f5f9;
    border: 1px solid #E6E6E6;
    border-radius: 6px;
    width: 72px;
    height: 35px;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #00000085;
  }

  .size-options .custom-checkbox .checkbox-box:hover,
  .size-options .custom-checkbox input[type="checkbox"]:checked+.checkbox-box {
    background: #fc70441f;
    border-color: #FC7044;
    color: #000;
    font-weight: 700;
  }


















  /* Custom checkbox appearance */
  .custom-checkbox .checkbox-box {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid #e4e4e5;
    border-radius: 5px;
    background: #F3F5F9;
    position: relative;
    transition: background 0.3s, border 0.3s;
  }

  .custom-checkbox {
    display: flex;
    align-items: center;
    margin-right: 5px;
  }

  /* Add checkmark when checked */
  .custom-checkbox input[type="checkbox"]:checked+.checkbox-box::before {
    content: '';
    position: absolute;
    left: 3px;
    top: -1px;
    width: 7px;
    height: 12px;
    border: solid #fff;
    border-width: 0 1px 2px 0;
    transform: rotate(45deg);
  }

  .variations li,
  .variationstwo li {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
  }

  .variations li:last-child,
  .variationstwo li:last-child {
    margin: 0;
  }

  /* Checkbox checked state */
  .custom-checkbox input[type="checkbox"]:checked+.checkbox-box {
    background: rgba(55, 209, 71);
    /* Change the background color when checked */
    border-color: rgba(55, 209, 71);
    /* Change the border color when checked */
  }

  /* Optional: Adding hover effect */
  .custom-checkbox .checkbox-box:hover {
    background: #E6E8EC;
    border-color: #B0B5BB;
  }

  .filterbox .variations .filterTitle,
  .filterbox .variationstwo .filterTitle {
    display: none;
  }

  .filterbox {
    position: relative;
  }

  .filterbox .variations,
  .filterbox .variationstwo {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 16px;
    position: absolute;
    left: -100px;
    top: 40px;
    width: 200px;
    z-index: 2;
    text-align: left;
    box-shadow: 0 6px 24px 1px rgba(0, 0, 0, 0.12);
    /* Adjusted for your values */
    display: none;

  }

  .filterbox .variationRange {
    width: 320px;
    left: -210px;
  }

  .filterbox .variationRange .sorting {
    justify-content: space-between;
    padding: 0 0 12px;
    border-bottom: 1px solid #0000001F;
    margin-bottom: 15px;
  }

  .filterbox .variationRange .rangePrice .slider-container {
    width: 100%;
    margin: 12px 0px 0px;
  }

  .filterbox .variationRange .sorting h6 {
    color: #000000B8;
  }

  .noUi-horizontal .noUi-handle {
    width: 12px;
    height: 12px;
    right: -5px;
    top: -5px;
  }

  .noUi-target {
    background: #fc7044;
    border-color: #fc7044;
    box-shadow: none;
    height: 4px;
    margin: 0 5px;
  }

  .noUi-connect {
    background: #fc7044;
  }

  .noUi-handle:after,
  .noUi-handle:before {
    display: none;
  }

  .noUi-handle {
    border: none;
    border-radius: 50px;
    background: #FC7044;
    cursor: default;
    box-shadow: none;
  }

  .filterbox .variationRange .price-range {
    display: inline-block;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
  }

  .filterbox .variationRange .price-range span {
    font-size: 14px;
    font-weight: 600;
    color: #202223B8;
  }











  .filterbox .variationstwo {
    right: 0;
    left: auto;
  }

  .variations li,
  .variationstwo li {
    font-size: 14px;
    color: #000000B8;
    font-weight: 500;
  }

  .headfilter .filter:first-child {
    margin-right: 20px;
  }

  .product-info .productName {
    margin: 10px 0px 20px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    min-height: 55px;
  }

  .product-info .productName a {
    color: #000;
  }

  .product-info .serviceTitle {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }

  .product-info .serviceTitle a {
    color: #000;
  }

  .rating {
    margin-right: 5px;
  }

  .clrRating {
    justify-content: space-between;
    align-items: center;
  }

  .priceOffer {
    align-items: center;
    margin-bottom: 10px;
    min-height: 24px;
  }

  .price {
    color: #202223;
  }

  .original-price {
    text-decoration: line-through;
    color: #757575;
    margin: 0px 5px;

  }

  .discount {
    background: linear-gradient(90deg, rgba(252, 112, 68, 24%) 0%, rgba(252, 112, 68, 12%) 100%);
    border-radius: 8px;
    padding: 2px 6px;
    color: #202223B8;
    border: 1px solid #fc704429;
  }

  /* Button Styling */
  .servicesHomeSec .product-actions {
    padding: 15px 0 0px;
  }

  .messageBtn .msgBtn:hover {
    color: #fff;
    background-color: #FC7044;
  }

  .buy-now {
    font-weight: bold;
    background-color: #FC704414;
    color: #FC7044;
    padding: 9px 20px;
    border-radius: 10px;
    display: flex;
    font-size: 16px;
    transition: all 0.2s ease-in-out;
    border: 1px solid #FC7044;
    width: 100%;
    gap: 10px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }

  html body .unavailableBtn:hover {
    pointer-events: none;
    background-color: #fff !important;
    color: #0000003d !important;
  }

  html body .unavailableBtn {
    border: 1px solid #2022233d;
    color: #0000003d;
    background-color: #fff;
    cursor: none;
  }

  a:hover {
    text-decoration: none;
    color: #FC7044;
  }

  .textCenter {
    text-align: center;
  }

  li.amazonIcon {
    margin: 0 5px 0 -8px;
  }


  ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  li.blue {
    margin-right: -13px;
  }

  li.gray {
    margin-right: -13px;
  }

  li.white {
    margin-right: -13px;
  }

  .socialIconSec .socialIconGride .socialIconList span.socialIcon {

    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .socialIconSec .iconText {
    font-size: 14px;
    font-weight: 600;
    color: #000000B8;
    line-height: 20px;
    padding-top: 4px;
    text-transform: capitalize;
  }


  .footer .footerLinkOuter ul {
    display: flex;
    gap: 30px;
    align-items: center;
    padding: 0;
    margin: 0px;
  }

  .footer .row {
    justify-content: space-between;
    align-items: center;
  }

  .footer .footerLinkOuter ul li.footerLink a {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color: #000;
    text-decoration: underline;
    text-underline-offset: 5px;
  }

  .moblefttab a {
    color: #000000;
    text-decoration: none;
  }

  .moblefttab .mobleftText {
    padding-left: 5px;
  }

  .msgBtn {
    font-weight: 600;
    background-color: #FC704414;
    color: #FC7044;
    padding: 8px 10px;
    border: none;
    border-radius: 10px;
    width: 100%;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    border: 1px solid #FC7044;
  }

  .socialIconSec {
    display: none;
  }

  .socialIconSec .socialIconGride {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(5, 1fr);
  }

  .monHeadGride {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }

  .categoriesOuter {
    padding: 50px 15px 0px;
  }

  .productspage .categoriesOuter {
    padding: 120px 15px 0px;
  }

  .categoryHeading {
    margin-left: 20px;
    color: #00000085;
    display: none;
  }

  .footer {
    padding: 0 15px;
  }


  .profileSec .coupenmain .coupen .coupendata {
    filter: blur(5px);
    opacity: inherit;
    width: -webkit-fill-available;
  }

  .shareIconPopup .externalLinkGride {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 80px;
    padding-right: 30px;
  }

  .shareIconPopup.show {
    display: inline-block;
    opacity: 1;
  }

  .shareIconPopup {
    display: none;
    opacity: 0;
    padding: 16px;
    width: auto;
    position: absolute;
    left: 15px;
    top: 30px;
    background-color: #fff;
    box-shadow: 0 6px 24px 0 #0000001F;
    border: 1px solid #0000001F;
    border-radius: 12px;
    z-index: 99;
    transition: opacity 0.5s ease-in-out;
  }

  .shareIconPopup .externalLinkGride a {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    display: inline-flex;
    align-items: center;
    gap: 5px;
  }

  .shareIconPopup .externalLinkGride a img {
    width: 24px;
  }

  .profileSec .profilebox li.shareicon svg {
    width: 20px;
  }

  .profileSec .profilebox li.shareicon:hover svg g {
    opacity: 1;
  }

  .coupen .percentinfo .unclokofer:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }

  .profileSec .coupenmain .percentinfo .unclokofer {
    color: #FD7156 !important;
    cursor: pointer;
  }

  .swiper-button-prev,
  .swiper-button-next,
  .swiperGallery-prev,
  .swiperGallery-next,
  .swiperCertificate-prev,
  .swiperCertificate-next {
    background: none !important;
  }

  .profileSec .row {
    display: flex;
    border-radius: 20px;
    justify-content: space-between;
    align-items: center;
    margin: 0 0px 30px 0;
    gap: 40px;
  }

  .profileSec .linkQrCode {
    margin: 0 10px 30px 10px;
  }

  .linkQrCode .swiper-slide-next+.swiper-slide+.swiper-slide {
    opacity: 30%;
  }

  .linkQrCode .swiper-slide:last-child {
    opacity: 1 !important;
  }

  .socialIconLeft img {
    padding-left: 24px;
  }

  .profileSec a.showNoBtn.btnGroup.textCenter {
    border: 1px solid #FC7044;
    text-decoration: none;
    padding: 8px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 700;
    transition: all 0.5s ease-in-out;
    color: #FC7044;
    width: 400px;
    background: #FC704414;
  }

  .socialIconLeft {
    display: flex;
    align-items: center;
  }

  .profileSec .second-col.col p.para {
    color: #000000B8;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    padding: 5px 0 12px;
  }

  .socialinfo {
    display: flex;
    align-items: center;
    background: #6D5D5814;
    padding: 8px 12px;
    border-radius: 12px;
    min-height: 56px;
    cursor: pointer;
  }

  .profileSec .first-col {
    padding: 0px;
    width: 50%;
  }

  .profileSec .second-col {
    padding: 0px;
    width: 50%;
  }

  .profileSec ul.profilebox {
    position: relative;
  }

  .profileSec .profilebox li:nth-child(2) {
    padding-left: 10px;
  }

  ul.profilebox li:last-child {
    padding-left: 10px;
  }

  .profilebox li {
    list-style: none;
    line-height: 1;
  }

  .socialIconGride {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
  }

  .socialcontent {
    padding-left: 10px;
    line-height: 1;
  }

  .socialinfo .socialcontent span {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .socialinfo .socialcontent span,
  .socialinfo .socialcontent .seAll {
    font-weight: 600;
    font-size: 16px;
    color: #202223;
    line-height: 1;
  }

  .socialcontent p {
    font-size: 12px;
    font-weight: 500;
    color: #00000085;
    line-height: 1;
    padding-top: 5px;
  }

  .profileSec .second-col.col p.para a {
    font-weight: 700;
    color: #000000B8;
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  .strickyIcon {
    background-color: #FFF4F0;
    padding: 16px;
    border-radius: 0px 12px 12px 0px;
    display: inline-block;
    position: fixed;
    top: 120px;
    left: 0px;
    z-index: 99;
  }

  .strickyIcon ul li a {
    display: block;
    color: #FC7044;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
  }

  .strickyIcon ul li+li {
    padding-top: 24px;
  }

  .strickyIcon ul li a img {
    display: block;
    place-self: center;
    padding-bottom: 10px;
  }



  .profileSec .coupenmain .coupen {
    background: #fff;
  }

  .profileSec {
    padding: 120px 15px 60px;
    border-bottom: 1px solid #0000001f;
  }

  .profileSec .second-col ul li p {
    color: #000000B8;
    font-size: 16px;
    padding-top: 5px;
  }

  /* Style for the unordered list */
  .profileSec .icon-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }

  .profileSec ul.icon-list span.icon {
    padding-right: 5px;
  }

  .profileSec ul.icon-list span.icon svg path {
    stroke: #23B33A;
  }

  .profileSec ul.icon-list li {
    font-size: 10px;
    color: #23B33A;
    border-radius: 90px;
    background: #23B33A14;
    padding: 5px 10px;
    line-height: 10px;
  }

  .profileSec .icon-list {
    margin-bottom: 30px;
  }

  .profileSec .icon-list li {
    display: inline-flex;
    align-items: center;
    margin-right: 5px;
  }

  .profileSec .second-col .profilebox h1 {
    font-size: 22px;
    font-weight: 700;
    color: #000;
  }

  .profileSec .second-col .profilebox .logoImg {
    width: 58px;
    height: 58px;
    object-fit: cover;
    border-radius: 50px;
  }

  .profileSec .second-col .profilebox {
    display: flex;
    align-items: center;
  }

  .profileSec .imageSlider .openCloseTagMob {
    display: none;
  }

  .opentag a {
    color: #fff;
    display: flex;
    align-items: center;
  }

  .opentag {
    font-size: 10px;
    font-weight: 500;
    border-radius: 40px;
    background: #403F3FAD;
    padding: 5px;
    color: #fff;
    display: flex;
    align-items: center;
    width: 93px;
    justify-content: center;
    margin-bottom: 12px;
  }

  ul.profilebox li.shareicon {
    position: absolute;
    right: 0;
    top: 10px;
    background-color: #00000014;
    padding: 0;
    width: 32px;
    height: 32px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .first-col.col.imageSlider .bannerlist {
    z-index: 0;
  }

  .main-containerInfo .contact-itemSec {
    display: flex;
    padding-bottom: 8px;
    align-items: center;
  }

  .main-containerInfo .contact-infosec .contact-number a {
    text-decoration: none;
    list-style-type: none;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #202223;

  }

  .contactPoup .main-containerInfo .popup-information .container-row {
    width: 60%;
  }

  .contactPoup .contactUsSec .locationMap {
    height: fit-content;
    background-color: #F4F4F4;
  }











  .contactform.contactHomeform .send-enquiry:hover {
    background: #FC7044;
    color: #ffffff;
  }

  .contactform.contactHomeform .send-enquiry {
    color: #FC7044;
    background: #FC704414;
    transition: all 0.3s ease-in-out;
  }

  .contactPoup .popup-contentMain {
    padding: 24px 0;
    border-top: 1px solid #0000001f;
    margin-top: 24px;
  }

  .contactPoup .popup-contentMain ul .contactDetail,
  .contactPoup .popup-contentMain ul .contactDetail a {
    text-decoration: underline;
    font-size: 16px;
    font-weight: 400;
    color: #202223;
    text-underline-offset: 5px;
  }

  .contactPoup .popup-contentMain ul .contactDetail {
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 1;
  }

  .contactPoup .popup-contentMain ul .contactDetail+.contactDetail {
    padding-top: 10px;
  }

  .main-containerInfo button.popup-close-btn {
    border: none;
    background-color: transparent;
  }

  .main-containerInfo .popup-title {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
  }

  .main-containerInfo .button.popup-close-btn {
    border: none;
    background: transparent;
  }

  .main-containerInfo .contact-itemSec .contact-icon {
    padding-right: 8px;
  }


  .main-containerInfo .popup-body {
    padding-top: 24px;
  }

  .main-containerInfo .email-infoSec {
    display: flex;
    padding-bottom: 8px;
    align-items: center;
  }

  .main-containerInfo .email-infoSec .email-icon {
    padding-right: 8px;
  }

  .main-containerInfo .email-details .email-address a {
    font-size: 16px;
    color: #202223;
    line-height: 20px;
    list-style-type: none;
    text-decoration: none;
    font-weight: 500;
  }

  .main-containerInfo .contact-infosec .store-info {
    display: flex;
    padding-bottom: 8px;
    align-items: center;
  }

  .main-containerInfo .store-details .store-url a {
    text-decoration: none;
    font-size: 16px;
    line-height: 20px;
    color: #202223;
    font-weight: 500;

  }


  .main-containerInfo .popup-body hr {
    margin: 24px 0px;
  }

  .main-containerInfo .groupinputInfo-btn {
    display: flex;
    gap: 24px;
  }

  .main-containerInfo .contactstore .secHeading {
    font-size: 18px;
    font-weight: 700;
    margin: 0px;
    padding: 0px;
  }

  .main-containerInfo .contactUsSection {
    padding: 40px 15px 40px;
  }

  .main-containerInfo .contactUsSection .contactstoreOuterSec {
    width: 100%;
    padding-right: 0px;
  }

  .contactPoup .contactUsSec .locationMapInformation {
    background-color: #fff;
    width: 40%;
    border-radius: 20px;
  }

  .main-containerInfo .contactUsSection .locationMapInformation img {
    width: 100%;
    max-height: 510px;
  }

  .main-containerInfo .contact-infosec {
    border-bottom: 1px solid #0000001f;
    padding-bottom: 24px;
    margin-bottom: 24px;
  }

  .main-containerInfo .contactstore-formSec {
    max-width: 100%;
    margin: 0;
    text-align: left;
  }

  .main-containerInfo .contactstore {
    background-color: #fff;
  }

  .orangecolor {
    color: #FC7044;
  }


  .main-containerInfo .groupinput {
    display: flex;
    gap: 24px;
  }

  .main-containerInfo .contact-infosec .store-icon {
    padding-right: 8px;
  }

  .main-containerInfo .popup-information {
    display: flex;
    gap: 37px;
  }

  .main-containerInfo .popup-headersec {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .main-containerInfo .contactstore {
    padding: 0px;
  }

  .contactPoup .contactUsSec {
    padding: 0px;
  }

  .coupenavailable .row>div .coupentitle {
    margin-bottom: 5px;
  }

  .locationMapInformation .timeDirection.row {
    display: flex;
    align-items: end;
    justify-content: space-between;
    background-color: #F4F4F4;
    border-radius: 0px 0px 20px 20px;
    padding: 20px;
    margin-top: -25px;
  }

  .locationMapInformation img {
    width: 100%;
  }


  .linkQrCode .swiper-button-prev::before {
    width: 24px;
    height: 24px;
    left: -33px !important;
    background-size: 12px !important;
  }

  /* .linkQrCode .col:after {
  content: "";
  background: #ffffff;
  width: 150px;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
  opacity: 70%;
  z-index: 1;
  border-radius: 12px;
} */
  .linkQrCode .col {
    padding: 0;
  }

  .linkQrCode .swiper-button-next::before {
    width: 24px;
    height: 24px;
    right: -33px !important;
    background-size: 12px !important;
  }

  .homeoffers form.userform button {
    background: #FC7044 !important;
    padding: 8px 13px;
    border-radius: 12px;
    right: 10px;
  }

  .addessspopup .form-group input:focus-visible,
  .coupenpopup .form-group input:focus-visible {
    outline: 0 !important;
  }

  .homeoffers form.userform {
    margin-top: 15px;
  }

  .homeoffers .formtitle {
    border: 0;
    margin: 0 !important;
    padding: 0 !important;
  }

  .homeoffers .modal-content {
    background: #fff;
  }



  .error-page {
    padding: 120px 15px;
    display: flex;
    justify-content: center;
  }

  .error-page .container {
    text-align: center;
  }

  .error-page-image {

    padding-bottom: 30px;
  }

  .error-page-image img {
    max-width: 100%;
  }

  .error-page-content .btn-shop-now:hover {
    background: transparent;
    color: #FC7044;
  }

  .error-page-message {

    font-size: 24px;
    font-weight: 600;
    line-height: 28.8px;
    color: rgba(32, 34, 35, 1);
    padding-bottom: 46px;
  }


  .btn-go-to-home {
    width: 296px;
    padding: 13px 10px;
    background-color: rgba(252, 112, 68, 1);
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    border: 1px solid;
    transition: all 0.3s ease-in-out;
    max-width: 100%;
    align-items: center;
    display: inline-block;
  }

  .btn-go-to-home:hover {
    background-color: transparent;
    color: rgba(252, 112, 68, 1);
    border: 1px solid rgba(252, 112, 68, 1);
  }


  /*-------------------- Popup Style -----------------*/


  .externalLinksModal .modal-dialog {
    top: 50%;
    margin: 0;
    left: 50%;
    transform: translate(-50%, -50%) !important;
  }


  .externalLinks .externalLinkSec {
    padding-bottom: 16px;
    text-align: left;
    border-bottom: 1px solid rgb(0 0 0 / 12%);
    margin-bottom: 20px;
  }

  .externalLinks .externalLinkSec .secHeading {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    line-height: 20px;
    margin: 0;
    padding-bottom: 16px;
  }

  .externalLinks .externalLinkSec .externalLinkGride {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 0px;
  }

  .externalLinks .externalLinkSec .externalLinkGride a img {
    width: 24px;

  }

  .externalLinks .externalLinkSec .externalLinkGride a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .externalLinksModal .externalLinks {
    padding-top: 20px;
  }

  .externalLinks .externalLinkSec .externalLinkGride a img {
    width: 20px;
  }

  .outerSec img {
    max-width: 100%;
  }

  .externalLinksModal .modal-header {
    border: none;
  }

  .privacy .pagenavBreadcrum-Sec ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    padding-bottom: 24px;
  }

  .privacy .pagenavBreadcrum-Sec .navLink a {
    color: rgb(0 0 0 / 52%);
    font-weight: 600;
  }

  .privacy .pagenavBreadcrum-Sec .navLink {
    font-size: 15px;
    margin-left: 0px;
    list-style-type: none;
    font-weight: 500;
    color: rgb(0 0 0 / 52%);
  }

  .privacy .pagenavBreadcrum-Sec .navLink.active {
    font-size: 15px;
    color: rgb(0 0 0 / 24%);
    position: relative;
    list-style-type: none;
    font-weight: 500;
  }

  .pagenavBreadcrum-Sec ul li.navLink::before {
    content: " ";
    position: absolute;
    left: -26px;
    top: 50%;
    width: 15px;
    height: 15px;
    transform: translateY(-50%);
    background-image: url(../images/arrow-brdcm.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
  }

  .privacy .pagenavBreadcrum-Sec ul {
    display: flex;
    gap: 40px;
    align-items: center;
  }




  .privacy {
    padding: 120px 15px;
  }

  .privacy .privacy-policy-Information p {
    font-size: 20px;
    font-weight: 500;
    color: rgb(0 0 0 / 62%);
    line-height: 1.4em;
    max-width: 1250px;
  }

  .privacy .privacy-policy-Information .productHeading {
    padding-bottom: 28px;
  }

  .privacy .privacy-policy-Information .purpose-heading {
    font-size: 20px;
    font-weight: 700;
    padding: 28px 0px 16px 0px;
  }

  .privacy .privacy-policy-Information ol li {
    font-size: 20px;
    font-weight: 500;
    color: rgb(0 0 0 / 62%);
    line-height: 1.4em;
    margin-left: 45px;
  }

  .privacy .privacy-policy-Information ul li {
    font-size: 20px;
    font-weight: 500;
    color: rgb(0 0 0 / 62%);
    line-height: 1.4em;
    list-style-type: disc;
    margin-left: 25px;
  }

  .privacy .privacy-policy-Information ::marker {
    color: rgb(0 0 0 / 62%);
  }

  .privacy .privacy-policy-Information .company-namePP {
    padding-top: 28px;
  }

  .privacy .privacy-policy-Information p a {
    font-size: 20px;
    font-weight: 500;
    color: rgb(0 0 0 / 62%);
    text-decoration: none;
  }

  .privacy .privacy-policy-Information .bullet-point::before {
    content: "•";
    font-size: 20px;
    margin-right: 10px;
  }

  .privacy .privacy-policy-Information h1 {
    font-size: 38px;
    font-weight: 600;
    line-height: 48px;
  }



  .bannerImg>img {
    width: 100%;
    border-radius: 26px;
    max-height: 258px;
    object-fit: cover;
  }

  .opentag img {
    margin-right: 5px;
  }

  .bannerImg {
    position: relative;
  }

  ul.bannerlist {
    justify-content: space-between;
    background-color: #403F3FAD;
    border-bottom-right-radius: 26px;
    border-bottom-left-radius: 26px;
    margin-top: -35px;
    z-index: 9999;
    position: relative;
  }

  .imageSlider ul.bannerlist li {
    list-style: none;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    padding: 8px 20px;
  }

  .imageSlider ul.bannerlist li:first-child {
    padding: 8px 20px 8px 40px;
  }

  .imageSlider ul.bannerlist li:first-child:before {
    content: " ";
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #7ED321;
    width: 7px;
    height: 7px;
    border-radius: 50px;
  }

  .swiperGallery-prev.swiper-button-disabled,
  .swiperGallery-next.swiper-button-disabled,
  .swiperCertificate-prev.swiper-button-disabled,
  .swiperCertificate-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }

















  .swiperGallery-prev::before,
  .swiper-button-prev::before,
  .swiperCertificate-prev::before {
    top: 50%;
    left: -33px;
    transform: translateY(-50%) rotate(180deg);
  }

  .swiperGallery-next::before,
  .swiper-button-next::before,
  .swiperCertificate-next::before {

    right: -33px;
    top: 50%;
    transform: translateY(-50%);
  }

  .swiperGallery-prev::before,
  .swiperGallery-next::before,
  .swiperCertificate-prev::before,
  .swiperCertificate-next::before,
  .swiper-button-prev::before,
  .swiper-button-next::before {
    background-image: url("../images/next.svg") !important;
    background-repeat: no-repeat;
    background-size: 18px !important;
    background-color: #000 !important;
    padding: 10px !important;
    border-radius: 50% !important;
    background-position: center;
    z-index: 9999;
  }

  .swiperGallery-prev::before,
  .swiperGallery-next::before,
  .swiperCertificate-prev::before,
  .swiperCertificate-next::before,
  .swiper-button-prev::before,
  .swiper-button-next::before {
    content: " ";
    position: absolute;
    top: 50%;
    background: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 50px;
    height: 50px;
  }


  .secHeading {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
  }

  .gallerySec .gallerynewOuter {
    position: relative;
    width: 100%;
    display: block;
  }

  .gallerynew .swiper-slide img {
    border-radius: 30px;
  }

  .gallerySec .outerSec img {
    max-width: 100%;
    width: auto;
    height: 350px;
  }

  .gallerynew {
    display: flex;
    width: 100%;
    overflow: visible;
    padding: 0 0 20px;
  }

  .gallerynew .swiper-container {
    overflow: visible;
  }

  html body .swiper-wrapper {
    height: auto;
    z-index: 0;
  }

  .swiper-container {
    width: 100%;
    height: auto;
  }


  .footer {
    padding: 40px 15px;
  }

  .footer .row {
    justify-content: space-between;
    align-items: center;
  }

  .footer .footerLinkOuter ul {
    display: inline-flex;
    gap: 30px;
    align-items: center;
    padding: 0;
    margin: 0px;
  }

  .footer .footerLinkOuter ul li.footerLink {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color: #000;
  }

  .footer .footerLinkOuter ul li.footerLink a {
    color: #000;
    text-decoration: underline;
    text-underline-offset: 5px;
  }

  .footer .logoWrapper span {
    font-size: 16px;
    font-weight: 500;
    color: #202223B8;
    padding-right: 12px;
    line-height: 1;
  }

  .footer .logoWrapper>img {
    width: 158px;
  }

  /* ----------------contact section----------- */
  .groupinput {
    display: flex;
    gap: 24px;
  }

  .formgroup {
    position: relative;
  }

  .email-error {
    position: absolute;
    left: 0px;
    bottom: 0px;
    font-size: 14px;
  }

  .groupinput .formgroup {
    width: 50%;

  }

  .contactstore input {
    line-height: 26px;
  }

  .groupinput .input-group {
    width: 50%;
  }

  .contactstore .secHeading {
    font-size: 18px;
    font-weight: 700;
    margin: 0px;
    padding: 0 0 30px;
  }

  .contactUsSec {
    padding: 100px 15px 250px;
  }

  .contactUsSec .locationMap {
    background-color: #f4f4f4;
    border-radius: 12px;
  }

  .contactUsSec .contactstoreOuter {
    width: 60%;
    padding-right: 40px;
  }

  .contactUsSec .locationmapinfo {
    width: 40%;
    border-radius: 20px;
  }

  .contactPoup .contactUsSec .locationmapinfo .locationMap {
    width: 100%;
    margin: 0;
  }

  .contactPoup .contactUsSec .locationmapinfo iframe {
    width: 100%;
    max-height: 330px;
    object-fit: cover;
    border-radius: 20px 20px 0 0;
  }

  .contactUsSec .locationMap {
    width: 40%;
    border-radius: 20px;
  }

  .contactUsSec .locationmapinfo iframe {
    width: 100%;
    max-height: 438px;
  }

  .contactUsSec .locationMap iframe {
    width: 100%;
    max-height: 438px;
    border-radius: 20px 20px 0 0;
  }

  .contactstore {
    background-color: #f4f4f4;
    padding: 38px;
    border-radius: 20px;
    margin-bottom: 0px;
  }

  .contactstore-form {
    max-width: 100%;
    margin: 0;
    text-align: left;
  }

  .contactstore-form .tabcontent.contactstore {
    padding: 20px;
  }

  .contactstore-form .form-icon {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    pointer-events: none;
    color: #888;
  }

  .contactstore-form .input-group {
    position: relative;
  }

  .contactstore-form .input-group .form-control {
    padding-left: 40px;
  }

  .contactHomeform .radioSelector {
    display: flex;
    gap: 16px;
    align-items: center;
    padding-bottom: 25px;
  }

  .contactHomeform .radioSelector .form-check {
    width: 100%;
    padding: 0;
    background-color: #fff;
    border: 1px solid #0f294b33;
    border-radius: 12px;
    cursor: pointer;
  }

  .contactHomeform .radioSelector .form-check label {
    padding: 10px 18px;
    line-height: 1.3;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-size: 18px;
    color: #00000085;
  }

  .contactHomeform .form-check-input {
    width: 20px !important;
    height: 20px;
    position: relative !important;
    margin: 0px !important;
  }

  .contactHomeform .formSendInquiry,
  .formAppointment {
    padding: 0;
  }

  /* .formSendInquiry, .formAppointment {
  padding:20px 0px 25px;
  
  opacity: 0;
  visibility: collapse;
  transition: all 0.5s ease-in-out;
} 
.formSendInquiry.active, .formAppointment.active {  
   
  visibility: visible;
  opacity: 1;
}  */

  .formSendInquiry,
  .formAppointment {
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    transition: opacity 0.3s ease, visibility 0s 0.3s, height 0s 0.3s;
  }

  .formSendInquiry.active,
  .formAppointment.active {
    opacity: 1;
    visibility: visible;
    height: auto;
    transition: opacity 0.3s ease, height 0.3s ease;
  }














  .contactHomeform input,
  textarea {
    width: 100%;
    border: 1px solid #1d24341f;
    border-radius: 12px;
    padding: 10px 18px;
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: 500;
    color: #00000085;
    font-family: "Inter", sans-serif;
  }

  .contactHomeform .form-group .picker {
    padding: 10px 18px !important;
    border: 1px solid #1d24341f;
    border-radius: 12px !important;
    height: 48px;
  }

  .contactHomeform .form-group .form-icon {
    position: absolute;
    top: 64%;
    left: inherit;
    right: 20px;
    transform: translateY(-50%);
    z-index: 7;
  }


  .custom-radio input[type="radio"] {
    display: none;
  }

  .radio-checkmark {
    display: inline-flex;
    width: 20px;
    height: 20px;
    border: 1px solid #0f2a4d33;
    border-radius: 50%;
    background-color: white;
    align-items: center;
  }

  .custom-radio input[type="radio"]:checked+.radio-checkmark {
    background-image: url("../images/radioCheck.svg");
    background-repeat: no-repeat;
    border: 1px solid #FC7044;
    background-position: center;
  }

  .contactHomeform input[type=email] {
    margin: 0px 0px;
  }

  .contactHomeform .formAppointment .form-group.input-group {
    margin: 0px 0px 25px;
  }

  .contactHomeform .form-control:focus,
  .contactHomeform .custom-select:focus {
    box-shadow: none;
  }

  .contactHomeform .custom-select {
    padding: 10px 18px !important;
    border: 1px solid #1d24341f !important;
    border-radius: 12px !important;
    height: 48px !important;
    background-image: url("../images/timerDropdown.svg") !important;
    background-position: center right 20px !important;
    background-size: 14px !important;
  }

  .contactHomeform option {
    font-size: 16px;
    font-weight: 500;
    color: #00000085 !important;
  }

  .contactform label {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    line-height: 1;
    width: 100%;
    display: block;
    padding-bottom: 10px;
    margin: 0px;
  }

  form.contactform {
    text-align: left;
    margin-bottom: 0px;
  }

  .contactform .send-enquiry {
    background-color: #FC704414;
    color: #FC7044;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 15px;
    border-radius: 12px;
    border: 1px solid #FC7044;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 8px;
  }

  .datepicker {
    border: 1px solid #0f294b1f !important;
    padding: 8px !important;
    border-radius: 8px !important;
  }

  .datepicker td,
  .datepicker th {
    font-size: 14px;
    width: 35px !important;
    height: 35px !important;
    color: #000;
    font-weight: 500;
    font-family: "Inter";
    border-radius: 8px !important;
  }

  .datepicker table tr td.new,
  .datepicker table tr td.old {
    color: #ddd !important;
  }

  .datepicker table tr td.day.focused,
  .datepicker table tr td.day:hover {
    background: #FC7044 !important;
    cursor: pointer !important;
    color: #fff !important;
  }

  .datepicker table tr td.active.active {
    background-color: #FC7044 !important;
    background-image: none;
  }

  .datepicker .datepicker-switch:hover,
  .datepicker .next:hover,
  .datepicker .prev:hover,
  .datepicker tfoot tr th:hover {
    background: #FC7044 !important;
    color: #fff;
  }

  .datepicker .datepicker-switch {
    pointer-events: none;
  }

  .contactHomeform option {
    font-size: 16px;
    font-weight: 500;
    color: #00000085 !important;
  }

  .businessOuter .businessInner {
    padding: 20px !important;
    position: absolute;
    background-color: #fff;
    z-index: 1;
    width: 320px;
    left: -10px;
    margin: 0 !important;
    border: none;
    box-shadow: 0 6px 24px 0 rgba(0 0 0 / 12%);
    border-radius: 12px !important;
  }

  .businessHours {
    font-size: 16px;
    font-weight: 500;
    color: #000000b8;
    padding-bottom: 0px;
    cursor: pointer;
    display: inline-block;
    margin: 0;
  }

  .businessOuter .businessInner ul {
    list-style: none;
    padding: 0;
    margin: 0px;
    display: block;
    width: 100%;
  }

  .businessOuter .businessInner ul li {
    padding: 5px 10px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    gap: 38px;
  }

  .businessOuter .businessInner ul li:hover {
    background-color: #F4F4F4;
  }

  .businessOuter .businessInner ul li em {
    font-size: 14px;
    font-weight: 500;
    color: #000000b8;
    font-style: normal;
    display: block;
  }

  .businessOuter .businessInner ul li+li {
    margin-top: 12px;
  }

  .contactUsSec .locationMap .businessHours .dropDown {
    padding-left: 10px;
  }

  .businessOuter {
    display: none;
  }

  .locationButton a:hover {
    text-decoration: none;
    background-color: #FC7044;
    color: #fff;
  }

  .locationButton a:hover svg path {
    fill: #fff;
  }

  .locationButton a svg path {
    transition: all 0.3s ease-in-out;
  }

  .locationButton a {
    background-color: #FC704414;
    color: #FC7044;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 15px;
    border-radius: 12px;
    border: 1px solid #FC7044;
    width: auto;
    display: inline-flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
    transition: all 0.3s ease-in-out;
  }

  .profileSec .businessHours .dropDown.rotated {
    transform: rotate(180deg);
  }

  .profileSec .businessHours .dropDown {
    transition: transform 0.5s;
  }

  .contactUsSec .locationMap .timeDirection {
    justify-content: space-between;
    align-items: flex-end;
  }

  .contactUsSec .locationMap .timeDirection {
    justify-content: space-between;
    align-items: flex-end;
    margin: 0px;
    padding: 20px;
  }

  .contactUsSec .locationMap .timer {
    position: relative;
  }

  .gallerySec {
    overflow: hidden;
    padding: 0 15px;
  }

  .gallerySec .lightbox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 99991;
    background-color: #0000009e;
    backdrop-filter: blur(8px);
  }

  .close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 40px;
    height: 40px;
    background-color: #ffffff52;
    margin: 0px;
    padding: 10px;
    cursor: pointer;
    opacity: 1 !important;
    border-radius: 50px;
    z-index: 99;
  }

  .close:after {
    content: " ";
    position: absolute;
    background-image: url("../images/closeGallery.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 15px;
    height: 15px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }


  .arrowl {
    left: 40px;
  }

  .arrowr,
  .arrowl {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    background-color: #ffffff52;
    width: 42px;
    height: 42px;
    border-radius: 50px;
  }

  .arrowl:after {
    content: " ";
    position: absolute;
    background-image: url("../images/sliderLeft.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 18px;
    height: 18px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .arrowr {
    right: 40px;
  }

  .gallerySec .lightbox img {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 20px;
    transform: translate(-50%, -50%) rotateY(0deg);
    transition: 0.8s cubic-bezier(0.7, 0, 0.4, 1);
    transform-style: preserve-3d;
  }

  .lightbox img {
    max-width: calc(40vw - 100px);
  }

  .arrowr:after {
    content: " ";
    position: absolute;
    background-image: url("../images/sliderRight.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 18px;
    height: 18px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .certificateSec {
    padding: 0px 15px 60px;
    overflow: hidden;
  }

  .certificateSec .outerSec .swiperCertificate {
    overflow: visible;
  }

  .outerSec img {
    max-width: 100%;
    width: 100%;
  }

  .certificateSec .outerSec img {
    height: 350px !important;
    object-fit: contain;
  }

  .play-icon {
    height: 50px !important;
    position: absolute;
    top: 46%;
    left: 42%;
    pointer-events: none;
  }

  .certificateSec .outerSec .swiperCertificate .swiper-slide,
  .gallerySec .gallerynew .swiper-slide {
    transition: all 0.5s ease-in-out;
  }

  .blogsSec .swiper-wrapper .swiper-slide.swiper-slide-prev,
  .blogsSec .swiper-wrapper .swiper-slide-next+.swiper-slide+.swiper-slide,
  .certificateSec .outerSec .swiperCertificate .swiper-slide.swiper-slide-prev,
  .certificateSec .outerSec .swiperCertificate .swiper-slide-next+.swiper-slide+.swiper-slide,
  .gallerySec .gallerynew .swiper-slide.swiper-slide-prev,
  .gallerySec .gallerynew .swiper-slide-next+.swiper-slide+.swiper-slide {
    opacity: 30%;
  }

  .blogsSec .blogList>img {
    border-radius: 12px;
    margin-bottom: 16px;
    max-height: 350px;
    min-height: 350px;
    object-fit: cover;
  }

  .blogsSec .blogList .blogTitle a {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 8px;
    color: #000;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }

  .blogsSec .blogList .blogTitle a:hover {
    text-decoration: none;
  }

  .blogsSec .blogList p.blogContent {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    margin: 0px;
    color: #20222385;
  }

  .seeAllBtn {
    display: block;
    color: #fc7044;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
  }

  .blogsSec a.seeAllBtn>img {
    padding-left: 5px;
    width: auto;
  }

  .blogsSecOuter {
    padding: 60px 15px 40px;
    overflow: hidden;
  }

  .blogsSec .swiperBlogSlider {
    height: auto;
    overflow: visible;
    margin-bottom: 40px;
  }

  .blogsSec .swiper-wrapper {
    height: auto;
  }

  .blogsSec .blogList .readMoreBtn {
    font-size: 14px;
    font-weight: 500;
    color: #FC7044;
    text-underline-offset: 3px;
    text-decoration: underline;
  }

  .buy-now ul.buyNowIconList img {
    width: 20px !important;
  }

  .buy-now ul.buyNowIconList {
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    margin: 0;
  }

  .buy-now ul.buyNowIconList li.hide {
    display: none;
  }

  .buy-now ul.buyNowIconList li.show {
    display: block;
    line-height: 0;
  }

  .buy-now ul.buyNowIconList li+li {
    margin-left: -5px;
  }

  .productHomeSec {
    padding: 30px 15px 60px;
  }

  .vs-hidden {
    visibility: hidden;
  }

  .category:hover img,
  .category.active img {
    border: 2px solid #FC7044;
  }

  .category:hover .catOption,
  .category.active .catOption {
    color: #FC7044;
  }

  .servicesHomeSec {
    padding-top: 0px;
  }

  .servicesHomeSec .product-card .clrRating {
    padding-bottom: 10px;
  }

  .contactUsSec .locationButton .locationText {
    display: none;
  }

  .businessHourSec {
    display: none;
  }

  .businessHourSec {
    display: none;
  }

  .filterboxmobile {
    display: none;
  }

  .filterboxmobile ul.variations li:first-child {
    display: flex;
    justify-content: space-between;
  }

  /* .delivery-address-container {
  height: 100vh;

} */




  /* moadl css */

  .viewOffersModal .modal-dialog {
    top: 100%;
    margin: 0;
    left: 50%;
    transform: translate(-50%, -50%) !important;
  }

  #exampleModal .modal-dialog {
    max-width: 550px;
  }

  #exampleModal {
    padding: 0;
  }





  /* General page layout */
  .product-detail-page {
    display: flex;
    justify-content: space-between;
    padding: 120px 15px 80px;
    overflow: hidden;
    position: relative;
  }

  .product-detail-page>.container {
    padding: 0px 0px 80px !important;
    border-bottom: 1px solid #6c849d2e;
  }

  .product_detail {
    background: #f3f5f9;

  }

  .add-to-cart-btn svg {
    width: 25px;
  }

  .add-to-cart-btn:hover svg path {
    fill: #FC7044;
  }

  .viewAllProdutBtn {
    text-align: center;
  }

  .viewAllProdutBtn .view {
    color: #FC7044;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  .relatedproducts h2.faq {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  /* Left side product gallery */
  .product-gallery {
    width: 45%;
    padding-right: 75px;
  }

  .product-gallery .main-image img {
    width: 100%;
    border-radius: 10px;
    height: 485px;
    object-fit: cover;
  }

  .product-gallery .thumbnail-images {
    display: flex;
    margin-top: 24px;
  }

  .product-gallery .thumbnail-images img {
    width: 80px;
    /* Thumbnail image size */
    margin-right: 30px;
    /* Space between thumbnails */
    border-radius: 5px;
    cursor: pointer;
    /* Change cursor to pointer when hovering over thumbnail */
  }

  /* Right side product info */

  .product-detail-page .product-info .product-title>img {
    background-color: #00000014;
    border-radius: 50px;
    width: 32px;
    height: 32px;
    padding: 5px;
  }

  .product-title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  .productpricing {
    display: flex;
    align-items: center;
  }

  .product-price {
    font-size: 28px;
    color: #333;
    /* margin-bottom: 20px; */
    font-weight: bold;
  }

  .product-color {
    margin-bottom: 24px;
  }

  .product-size {
    margin-bottom: 10px;
  }

  .product-color label,
  .product-size label {
    font-weight: bold;
    margin-right: 20px;
  }

  .btn.focus,
  .btn:focus {
    box-shadow: none !important;
  }

  .product-color select,
  .product-size select {
    padding: 5px;
    font-size: 16px;
    width: 100%;
    max-width: 200px;
  }

  .product-description h3 {
    margin-top: 20px;
    font-size: 20px;
    color: #202223;
    font-weight: 600;
  }

  .product-description p {
    font-size: 16px;
    color: #555;
  }

  .faq-section .accordion .card .card-header .btn {
    text-align: left;
    padding: 0;
    color: #000000b8 !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.25;
  }

  .add-to-cart-btn:hover {
    background-color: #FC7044;
    color: #fff;
  }

  #commentform .form-submit input:hover {
    background: transparent;
    color: #FC7044;
  }

  .add-to-cart-btn {
    background-color: transparent;
    color: #FC7044;
    padding: 12px 20px;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
    transition: all 0.3s ease-in-out;
    border: 1px solid#FC7044;
  }

  .product-info .product-actions .proBtnGroupMobFixed .buy-now-btn svg path {
    fill: #fff;
  }

  .buy-now-btn {
    transition: all 0.3s ease-in-out;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #FC7044;
    border-radius: 12px;
    width: 320px;
    max-width: 100%;
    padding: 16px 20px;
    background-color: #FC7044;
  }

  .buy-now .buyNowIconList li svg path {
    transition: all 0.3s ease-in-out;
  }

  .buy-now:hover .buyNowIconList li svg path {
    fill: #fff;
  }

  .product-detail-page .product-info ul li {
    font-size: 18px;
    color: rgb(32 34 35 / 72%);
    font-weight: 400;
    line-height: 24px;
    max-width: 600px;
  }

  .add-to-cart-btn img {
    width: 25px;
  }

  .product-detail-page .product-info {
    width: 55%;
  }

  .product-detail-page .product-info .shareicon .shareIconPopup {
    left: inherit;
    right: 10px;
  }

  .product-detail-page .product-info .shareicon:hover svg g {
    opacity: 1;
  }

  .product-detail-page .product-info .shareicon svg {
    width: 20px;
  }

  .product-detail-page .product-info .shareicon {
    position: relative;
    line-height: 0;
    background-color: #00000014;
    padding: 0;
    width: 32px;
    height: 32px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .offer {
    color: #000000b8;
    font-size: 16PX;
    font-weight: 500;
    background: linear-gradient(90deg, rgba(252, 112, 68, 24%) 0%, rgba(252, 112, 68, 12%) 100%);
    border-radius: 8px;
    padding: 3px 7px;
    opacity: 1;
    border: 1px solid rgb(252 112 68 / 16%);
    margin-left: 10px;
  }

  .product-color label,
  .product-size label {
    color: #20222385;
    font-size: 20px;
    font-weight: 500;
  }

  .product-size label,
  .product-color label {
    margin-bottom: 15px;
  }

  .cutprice {
    font-size: 16px;
    color: #20222385;
    font-weight: 500;
    text-decoration: line-through;

  }

  /* General container for quantity controls */
  .product-quantity {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    font-family: Arial, sans-serif;
  }

  .product-quantity label {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 20px;
    color: #333;
  }

  .quantity-controls {
    display: flex;
    align-items: center;
    border-radius: 12px;
    background: #Fff;
    width: 136px;
    border: 1px solid #2022231F;
  }

  .quantity {
    width: 50px;
    padding: 10px;
    font-size: 1rem;
    text-align: center;
    border: transparent;
    outline: none;
    color: #20222385;
    font-size: 16px;
  }

  .quantity:focus {
    border-color: #FC7044;
  }

  /* Style for buttons */
  .quantity-btn {
    width: 40px;
    border-radius: 10px;
    height: 40px;
    background-color: #fff;
    border: transparent;
    font-size: 1.5rem;
    color: #333;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.3s;
  }



  /* popup checkout css */
  .checkoutpop input::placeholder {
    color: #20222352;
  }

  ul.cancellist li img {
    margin-right: 10px;
  }

  .modal .modal-header .close {
    padding: 0;
    margin: 0;
    width: 28px;
    height: 28px;
    background: #20222352;
    color: #fff;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 12px;
    top: 12px;
  }

  .checkoutpop input:focus {
    outline: 0 !important;
  }

  .checkoutpop input:focus {
    color: #202223;
  }

  .checkoutpop .rightinfo {
    padding-left: 10px;
  }

  .checkoutpop ul.listcheckout li img {
    padding: 0 15px;
  }

  .checkoutpop p {
    font-size: 14px;
    font-weight: 400;
    color: #000000B8;
  }

  .checkoutpop ul.listcheckout li.active {
    color: #FC7044 !important;
  }

  .checkoutpop ul.listcheckout li {
    font-size: 16px;
    font-weight: 600;
    color: #0000003D;
  }

  .checkoutpop .headingpopup {
    font-size: 20px;
    font-weight: 700;
    color: #000000;
  }

  .checkoutpop .modal-header.d-flex {
    justify-content: flex-start;
    align-items: center;
  }

  .modal .modal-content {
    border-radius: 12px;
    height: auto;
    border: 0;
  }

  .modal,
  .modal-open {
    padding: 0 !important;
  }

  .modal .close:after {
    display: none;
  }

  .checkoutpop .modal-header.d-flex {
    background: linear-gradient(252.5deg, #FC7044 2.54%, #FC7044 49.36%, #FF9777 81.98%);
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    padding: 15px 24px;
  }


  /* Disabled button styling when quantity is at minimum (1) */
  .quantity-btn:disabled {
    background-color: #e0e0e0;
    cursor: not-allowed;
  }

  /* Optional styling to ensure the buttons and input align nicely */
  .quantity-controls button:focus,
  #quantity:focus {
    outline: none;
  }

  .product-color span,
  .product-quantity label,
  .product-size span {
    font-weight: 600;
    font-size: 20px;
    line-height: 1;
    color: #202223;
  }

  .product-color {
    margin-top: 100px;
  }

  .product-size button.size-btn {
    border: 1px solid;
    border-color: #E6E6E6;
    color: #20222385;
    font-size: 16px;
    border-radius: 6px;
    padding: 8px 20px;
    background-color: transparent;
    transition: all 0.5s ease-in;
    margin: 0 0;
    width: 100%;
  }

  button.color-btn {
    width: 60px;
    padding: 18px 36px;
    border-radius: 8px;
    border: 1px solid transparent;
    margin-right: 10px;
    transition: all 0.3s ease-in-out;
  }

  .product-size button.size-btn.active,
  .product-size button.size-btn:hover {
    border-color: #FC7044;
    background: #FC70441F;
    color: #202223;
    font-weight: 600;
  }

  .avilbleoffertitle {
    font-size: 16px;
    color: #00000085;
    font-weight: 500;
    margin-top: 28px;
    margin-bottom: 12px;
  }

  .percentinfo {
    flex-wrap: wrap;
    position: relative;
    font-size: 14px;
    color: #fff;
    padding: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    display: flex;
    align-items: center;
    line-height: 0;
    /* width: 38%; */
    min-width: 108px;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    background: linear-gradient(2deg, rgb(253 113 76 / 18%) 0%, rgb(253 118 87 / 21%) 100%);
  }

  .product-info .detailCoupanSlider {
    position: absolute;
    width: 53vw;
  }

  .profileSec .coupenmain .percentinfo {
    background: linear-gradient(2deg, rgb(253 113 76 / 18%) 0%, rgb(253 118 87 / 21%) 100%);
  }


  .showOffers .percentinfo img.lock {
    display: none;
  }

  .showOffers .percentinfo .unclokofer {
    font-size: 0 !important;
  }

  .showOffers .percentinfo .unclokofer:before {
    content: "%";
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    transform: translate(-50%, -50%);
    width: auto;
    display: inline-block;
    font-family: "Inter", sans-serif;
  }

  .showOffers .percentinfo {
    background-color: #FC7044 !important;
    min-width: 60px;
    height: inherit;
  }

  html body .showOffers .coupendata {
    filter: none !important;
    opacity: 1 !important;
    /* width: 80%; */
    padding: 12px 5px 12px 10px;
  }



  .product-color .color-btn.active,
  .product-color .color-btn:hover {
    border-color: #FC7044;
  }

  .coupendata p {
    font-size: 14px;
    font-weight: 500;
    color: #00000085;
    margin: 0;
    padding: 0;

  }

  .coupendata {
    padding: 12px 5px 12px;
    /* width: 64%; */
  }

  .coupen {
    width: 100%;
    background: #fff;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border: 1px solid rgb(0 0 0 / 12%);
    border-radius: 12px;
    position: relative;
    overflow: hidden;

  }

  .product-info .detailCoupanSlider .coupen .coupendata {
    filter: blur(5px);
    opacity: inherit;
  }

  .coupentitle {
    margin: 0;
    font-size: 13px;
    color: #202223;
    font-weight: 600;
  }

  .colorblack {
    background-color: #11171D;
  }

  .colorblue {
    background-color: #3A6A90;
  }

  .colorgry {
    background-color: #EBEBEB;
  }

  .colorwhite {
    background-color: #fff;
  }

  .btn.focus,
  .btn:focus,
  textarea:focus {
    outline: 0;
    box-shadow: none;
  }

  .faq-title {
    padding: 0;
    font-size: 18px;
    font-weight: 500;
    color: #202223B8 !important;
    text-decoration: none !important;
    width: 100%;
    text-align: left;
  }

  .accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px;
    background: #fff;
    border-radius: 12px;
    border: 0;
  }

  .faq-section .accordion .card .card-header {
    padding: 18px 12px;
    line-height: 0;
  }

  .faq-section .card {
    border: 0;
    margin-bottom: 10px;
    border-radius: 12px !important;
  }

  .faq-section span.accordion-icon {
    position: absolute;
    right: 20px;
    transition: all 0.5s ease-in-out;
  }

  .faq {
    font-size: 28px;
    font-weight: 600;
    color: #202223;
  }

  .collapse.show .faq-title::after {
    transform: rotate(180deg);
    /* Rotate arrow when expanded */
  }

  .custom-accordion-container .custom-faq-card-header {
    position: relative;
  }

  .custom-faq-section button {
    font-size: 20px;
    color: #202223;
    font-weight: 600;
    padding: 10px 0 18px;
    width: 100%;
    text-align: left;
    text-decoration: none !important;
  }

  .custom-faq-section button:hover {
    color: #202223;
  }

  .size-options {
    max-width: 340px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px 10px;
  }

  .product-actions .add-to-cart-btn,
  .product-actions .buy-now-btn {
    width: 100%;
  }

  .product-actions .add-to-cart-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    line-height: 1;
  }

  .custom-accordion-container .custom-faq-arrow-icon {
    position: absolute;
    right: 20px;
    top: 20px;
  }

  .pincode {
    position: relative;
    width: 420px;
    max-width: 100%;
  }

  .product-info .product-actions {
    padding: 0 0 30px;
    display: flex;
    gap: 20px;
    border-bottom: 1px solid #6c849d2e;
    margin-bottom: 30px;
  }

  .product-info .product-actions .proBtnGroupMobFixed {
    width: 100%;
    display: flex;
    gap: 20px;
    padding-top: 20px;
  }

  .product-info .product-actions .proBtnGroupMobFixed .buy-now-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    line-height: 1;
  }

  .pincode-field {
    position: relative;
    padding-bottom: 18px;
  }

  .pincode input {
    width: 100%;
    border-radius: 8px;
    padding: 20px 15px;
    border: 1px solid #2022233D;
    background-color: transparent;
    font-size: 14px;
    color: #20222352;
  }

  .pincode-field label {
    position: absolute;
    top: -10px;
    left: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #202223;
    z-index: 9;
    background: #f3f5f9;
  }

  .pincode input:focus-visible {
    outline: 0 !important;
  }

  .pincode input::placeholder {
    color: #20222352;
  }

  .pincode button {
    background: transparent;
    position: absolute;
    right: 20px;
    width: auto;
    border: 0;
    font-size: 16px;
    font-weight: 500;
    color: #FC7044;
    padding: 0;
    top: 18px;
  }

  .filter-section img {
    width: 18px;
    position: relative;
    top: -2px;
  }

  .rating-filter {
    border: 1.5px solid #C4C8CC;
    margin-right: 10px;
  }

  .rating svg {
    width: 16px;
    margin-right: 5px;
  }

  .filter-section label {
    font-size: 16px;
    color: #818B9C;
    font-weight: 600;
    display: flex;
    align-items: center;
  }

  .ratingstitle {
    font-size: 16px;
    color: #141414;
    font-weight: 600;
    margin-bottom: 15px;
  }

  .filter-section label img {
    margin-right: 5px;
  }

  /* Filter Section */
  .filterleft {
    margin-bottom: 20px;
    width: 25%;
    padding-right: 40px;
  }

  .filter-section label {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
  }

  .filter-section select {
    padding: 8px;
    font-size: 16px;
  }

  input#formFile {
    position: absolute;
    bottom: 20px;
    width: auto;
    background: transparent;
    left: 20px;
    border: 0;
  }

  /* Reviews List */

  .reviews-outer {
    width: 70%;
    list-style-type: none;
    padding: 0;
  }

  .review-item {
    margin-top: 30px;
    border-top: 1px dashed #A3A3A3;
    padding-top: 30px;
  }

  .authorinfo {
    align-items: center;
  }

  .authorinfo.d-flex span:nth-child(2) {
    padding-left: 10px;
    font-weight: 500;
  }

  .review-item h3 {
    margin: 0;
    font-size: 18px;
    color: #141414;
    font-weight: 600;
    margin-top: 10px;
  }

  .review-item p {
    /* margin: 10px 0 24px; */
    color: #818B9C;
    font-size: 16px;
    font-weight: 400;
  }

  form#commentform {
    position: relative;
  }

  #commentform .form-submit input {
    border-radius: 12px;
    background: #FC7044;
    border: 0;
    padding: 7px 9px;
    font-size: 16px;
    color: #fff;
    transition: all 0.5s ease-in-out;
    border: 1px solid;
  }

  .filter-sectionouter {
    border: 0.8px dashed #BBBBBB;
    padding: 24px;
  }

  .buy-now-btn:hover {
    color: #fff;
    background: #FC7044;
  }

  .review-item .rating {
    font-size: 18px;
    font-weight: bold;
    color: #ff9800;
  }

  .review-outer h5 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 35px;
  }

  .reviefilter .sectionouter {
    border: 0.8px dashed #BBBBBB;
    padding: 24px;
    border-radius: 8px;
  }

  textarea#comment {
    background: transparent;
    border: 1px solid #0000001F;
    border-radius: 12px;
    padding: 12px;
    height: 150px;
    width: 100%;
    resize: none;
    color: #00000085;
    font-weight: 400;
    margin: 0;
  }

  .reviefilter .sectionouter h3 {
    font-size: 20px;
    font-weight: 600;
    border-bottom: 0.5px dashed #A3A3A3;
    padding-bottom: 15px;
    margin-bottom: 25px;
  }

  .faq-section {
    margin-top: 90px;
  }

  .relatedproducts {
    padding: 80px 0 130px;
  }

  .productImg {

    width: 100%;
  }

  .clrRating span:nth-child(2) {
    color: #666666;
    padding-left: 8px;
  }

  .product-cardrelated .product-info .productName {
    padding: 15px 10px 0px 0px;
    font-size: 18px;
    font-weight: 600;
    width: 100%;
  }

  .product-cardrelated {
    position: relative;
  }

  .product-cardrelated .rating svg {
    margin-right: 5px;
  }

  .product-cardrelated .product-info {
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
  }

  .product-cardrelated img {
    width: 100%;
    height: 285px;
    object-fit: cover;
    display: block;
  }

  .percentinfo .doted {
    position: absolute;
    right: -4px;
  }

  .unclokofer {
    color: #FD7156;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    display: block;
    width: 100%;
  }

  .coupenmain {
    max-width: 1260px;
    gap: 20px;
  }

  .product-description ul {
    padding-left: 30px;
    color: rgb(32 34 35 / 72%);
    margin-bottom: 30px;
  }

  .product-description ul li {
    list-style: disc;
  }

  .filter-section.reviewtopics {
    border-top: 0.8px dashed #BBBBBB;
    padding-top: 30px;
    margin-top: 30px;
  }

  .faq-title {
    transition: all 0.5s ease-in-out;
  }

  .faq-title.active span.accordion-icon {
    transform: rotate(90deg);
  }

  .common-section {
    display: flex;
    border: 1px dashed rgba(184, 184, 184, 1);
    padding: 24px;
    margin-bottom: 24px;
    border-radius: 8px;
  }

  .main-heading {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
  }

  .rating-circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(32, 34, 35, 1);
    font-size: 24px;
    font-weight: bold;
    background: conic-gradient(#E6E6E6 0deg 72deg,
        /* Grey color from 0deg to 72deg (20% of the circle) */
        rgba(255, 164, 57, 1) 72deg 360deg
        /* Yellow for the remaining 80% of the circle */
      );
  }

  .rating-circle::before {
    content: "";
    position: absolute;
    width: 70px;
    /* Inner circle to create spacing */
    height: 70px;
    border-radius: 50%;
    background-color: #f3f5f9;
    /* White background to hide the center */
    z-index: 1;
  }

  .rating-text {
    position: relative;
    /* To keep the text above the center */
    margin: 0;
    z-index: 2;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
  }

  .common-rating {
    display: flex;
    gap: 16px;
    align-items: center;
    align-items: center;
  }

  .rating-no {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    color: #000;
  }

  .rating-stars {
    display: flex;
    justify-content: left;
  }

  .star.full {
    color: #F39C12;
  }

  .star-breakdown {
    display: flex;
    flex-direction: column;
  }

  .starinfo {
    align-items: center;
  }

  .numbers {
    margin-left: 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }

  .commntform {
    width: 75%;
  }

  .product-cardrelated .clrRating span {
    border: 0;
  }

  /* Basic styling for pagination */
  /* .pagination-container {
  text-align: center;
  margin: 20px 0;
}

.pagination {
  list-style: none;
  padding: 0;
  display: inline-flex;
}

.page-item {
  margin: 0 8px;
}

.page-link {
  display: flex;
  padding: 12px 20px;
  color: #7A7A7A;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid #E4E9EE;
  border-radius: 8px !important;
  align-items: center;
  justify-content: center;
  height: 44px;
  width: 44px;
}

.page-link:hover {
  background-color: transparent;
  border-color: #ddd;
  color: #FC7044 !important;
}
.page-link:focus {

  box-shadow: none !important;
} */
  /* .page-item.active .page-link {
  background-color: #fff;
  color: #141414;
  font-size: 14px;
  z-index: 3;
  color: #141414;
  border-color: #333333;
}
.page-item.disabled .page-link {
  color: #ccc;
  pointer-events: none;
} */

  .filersection .page-item.active .page-link {
    z-index: 3;
    color: #141414;
    background-color: #fff;
    border-color: #FC7044;
    border-radius: 8px;
  }

  .filersection ul.pagination li {
    margin-right: 5px;
  }

  .filersection a.page-link {
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #7A7A7A;
    font-size: 14px;
    font-weight: 500;
    background-color: transparent;
    border-radius: 8px;
  }

  .review-item .rating img {
    margin-right: 5px;
    width: 20px;
  }


  /* slder css product gallery */
  .image-thumbnail-carousel {
    padding: 1rem;
    width: clamp(360px, 90vw, 820px);
    display: flex;
    flex-flow: column;
    gap: 1rem;
    position: relative;
  }

  .product-gallery .image-display .screen img {
    min-height: 485px;
    object-fit: cover;
    width: 100%;
    border-radius: 8px;
  }

  .screen {
    display: flex;
    position: relative;
    user-select: none;
    margin-bottom: 24px;
    border-radius: 8px;

  }

  .carousel__slide:last-child {
    margin: 0 !important;
  }

  .thumbnail-carousel {
    display: flex;
    gap: var(--gap);
    block-size: inherit;
  }

  .product-gallery .thumbnail-carousel li.carousel__slide.active .thumbnail img {
    border: 2px solid #FC7044;
    border-radius: 8px;
  }

  .carousel__btn {
    flex: 1 0 max(2.75rem, 5.834%);
    background: #0000;
    border: 1px solid #0000;
    cursor: pointer;
    display: flex;
    align-items: center;
    display: none;
  }

  .arrow-icon {
    margin-inline: auto;
    outline: none;
    border: 0;
    scale: 1;
    display: inline grid;
    width: 80px;
    height: 80px;
  }

  .product-gallery .thumbnail-carousel .thumbnail img {
    height: 74px;
    width: 100%;
  }

  .carousel__btn:disabled {
    opacity: 0.1;
    pointer-events: none;
    display: none;
  }

  .carousel__slider {
    user-select: none;
    flex-grow: 999;
    list-style: none;
    display: flex;
    padding: 0.5rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .carousel__slider::-webkit-scrollbar {
    display: none;
  }

  .carousel__slide {
    cursor: pointer;
    border-radius: var(--border-m);
    overflow: hidden;
    scroll-snap-align: center;
    margin-right: 30px;
  }

  .carousel__slide .thumbnail {
    border-radius: 6px;
  }

  .coupenmainmob.swiper-container {
    display: none !important;
  }

  .product-gallery .pagination-mobile {
    display: none;
  }

  .submitconainer {
    position: absolute;
    bottom: 20px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 20px;
    left: 0;

  }

  /* checkbox css */

  /* Hide the default checkbox */
  .rating-filter {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 2px solid #C4C8CC;
    background-color: transparent;
    /* Make background transparent */
    position: relative;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }

  /* Style when the checkbox is checked */
  .rating-filter:checked {
    background-color: #37d147;
    border-color: #37d147;
    border-radius: 4px;
  }

  /* Create the checkmark */
  .rating-filter:checked::before {
    content: '';
    position: absolute;
    left: 5px;
    top: 1px;
    width: 8px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);

    border-radius: 0;
  }

  /* Add a hover effect */
  .upload-button {
    display: inline-block;
    color: rgb(0 0 0 / 52%);
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    border-radius: 12px;
    border: 1px solid rgb(0 0 0 / 12%);
    padding: 7px 10px;
    margin: 0;
  }


  .comment-form-image img {
    margin-right: 10px;
  }

  #formFile {
    display: none;
  }


  /* review css */
  .common-section {
    display: flex;
    border: 0.8px dashed #B8B8B8;
    padding: 24px;
  }

  .rating-summary {
    width: 35%;
  }

  .rating-breakdown {
    width: 65%;
  }

  .rating-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .rating-reviews-section .main-heading {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 10px;
  }

  .rating-stars {
    display: flex;
    justify-content: left;
  }

  .star {

    color: #ddd;
    margin-right: 5px;
  }

  .star.full {
    line-height: 0;
    font-size: 0px;
    color: #F39C12;
  }

  .common-section .common-rating .stars {
    line-height: 0;
    padding-bottom: 5px;
  }

  .star-breakdown {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .star-item {
    display: flex;
    align-items: center;
  }

  .numbers {
    margin-left: 20px;
  }

  .progress-bar {
    width: 100%;
    height: 10px;
    background-color: #ddd;
    border-radius: 5px;
    position: relative;
  }

  .progress-fill-two {
    height: 100%;
    background-color: rgba(32, 34, 35, 1);
    border-radius: 5px;
    width: 45%;
  }

  .progress-fil-three {
    height: 100%;
    background-color: rgba(32, 34, 35, 1);
    border-radius: 5px;
    width: 20%;
  }

  .progress-fill-four {
    height: 100%;
    background-color: rgba(32, 34, 35, 1);
    border-radius: 5px;
    width: 0%;
  }

  .progress-fill-five {
    height: 100%;
    background-color: rgba(32, 34, 35, 1);
    border-radius: 5px;
    width: 0%;
  }

  .rating-breakdown .star img {
    position: relative;
    top: -4px;
    left: 5px;
  }

  .progress-fill-one {
    height: 100%;
    background-color: rgba(32, 34, 35, 1);
    border-radius: 5px;
    width: 80%;
  }

  .rating-breakdown .star {
    margin-right: 20px;
    color: rgba(255, 164, 57, 1);
    margin-left: 0px;
  }

  .rating-stars {
    display: block;
  }

  .rating-stars .text p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: rgba(82, 82, 82, 1);
  }

  .progress {
    width: 80px !important;
    height: 80px !important;
    font-size: 30px;
    color: #07070C;
    ;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    text-align: center;
    line-height: 200px !important;
    background-color: transparent !important;
  }

  .progress::after {
    content: "%";
  }

  .progress .title {
    position: absolute;
    z-index: 99;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: rgba(32, 34, 35, 1) !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .progress .overlay {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: transparent;
  }

  .progress .left,
  .progress .right {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 4px solid rgba(255, 164, 57, 1);
    border-radius: 100px 0px 0px 100px;
    border-right: 0;
    transform-origin: right;
    background-color: transparent;
  }

  .progress .left {
    animation: load1 1s linear forwards;
  }

  .progress:nth-of-type(2) .right,
  .progress:nth-of-type(3) .right {
    animation: load2 .5s linear forwards 1s;
  }

  .progress:last-of-type .right,
  .progress:first-of-type .right {
    animation: load3 .8s linear forwards 1s;
  }

  @keyframes load1 {
    0% {
      transform: rotate(0deg);
    }

    100% {
      transform: rotate(180deg);
    }
  }

  @keyframes load2 {
    0% {
      z-index: 100;
      transform: rotate(180deg);
    }

    100% {
      z-index: 100;
      transform: rotate(270deg);
    }
  }

  @keyframes load3 {
    0% {
      z-index: 100;
      transform: rotate(180deg);
    }

    100% {
      z-index: 100;
      transform: rotate(315deg);
    }
  }


  /* filter toggle */
  .filter-header {
    padding: 0 0px 20px;
    cursor: pointer;
    width: 100%;
    text-align: left;
    border: 0 !important;
    background-color: transparent;
    font-size: 16px;
    color: #141414;
    font-weight: 600;
  }

  .filter-content label+label {
    padding-top: 10px;
  }

  .filter-info {
    overflow: hidden;
    height: 0;
    transition: height 0.3s ease-out;

  }

  .relatedproducts .original-price {
    display: block;
    /* font-size: 12px; */
  }

  .filter-info.show {
    height: auto;
  }

  .rating-breakdown .progress-bar {

    background-color: #E4E9EE;

  }

  .filter-accordion .filter-header,
  .filter-accordionfilter .filter-header {
    position: relative;
  }

  .filter-accordion button.filter-header.active:after,
  .filter-accordionfilter button.filter-header.active:after {
    transform: rotate(0deg);

  }

  .filter-accordion button.filter-header:after,
  .filter-accordionfilter button.filter-header:after {
    content: "";
    position: absolute;
    right: 12px;
    width: 12px;
    height: 12px;
    top: 8px;
    background-image: url(../images/arrwup.svg);
    background-repeat: no-repeat;
    background-size: 12px;
    background-color: transparent;
    padding: 0;
    border: 0;
    transition: all 0.3s ease-in-out;
    transform: rotate(180deg);
  }

  #reviewTopicsFilter {
    border-top: 1px dashed #A3A3A3;
    margin-top: 24px;
    padding-top: 24px;
  }

  .filter-content label {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #818B9C;
    font-weight: 600;
  }

  .filter-content label img {
    margin-right: 5px;
  }


  .buy-now ul.buyNowIconList li:first-child img {
    width: 23px !important;
  }

  /* btn hover */

  .buy-now:hover {
    color: #fff !important;
    background: #FC7044 !important;
  }

  .filersection ul.pagination {
    justify-content: center;
    margin: 30px 0;
  }

  /* -------------------------Cart page---------------------- */
  .cartinformation {
    background-color: rgba(243, 245, 249, 1);
    padding: 40px 15px;
  }

  .pricingblock .delete-icon {
    position: absolute;
    bottom: 10px;
    right: 10px;
  }

  .cart-p-common {
    position: relative;
    display: flex;
    margin-bottom: 24px;
    background-color: rgba(255, 255, 255, 1);
    padding: 12px;
    border-radius: 12px;
    justify-content: space-between;
  }

  .cart-details {
    display: flex;
    align-items: center;
  }

  .cart-details .cart-img {
    max-width: 100%;
    width: 102px;
    height: 65px;
    object-fit: contain;
    border-radius: 10px;
  }

  .billing-summary .cartName,
  .billing-summary .cartName-delivery,
  .heading-content .size {
    color: #202223B8;
  }

  .heading-content {
    padding-left: 24px;
  }

  .runningHead {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    /* margin-bottom: 15px; */
    min-width: 255px;
  }

  /* Delivery Options Section */
  .second {
    background-color: rgba(255, 255, 255, 1);
    padding: 12px;
    border-radius: 12px;
  }

  .delivery-buttons {
    display: flex;
    gap: 16px;
  }

  .greenTick {
    width: 20px;
    height: 20px;
    margin-right: 10px;
  }

  .one-btn-submit,
  .two-btn-submit {
    width: 50%;
  }

  /* Third Cart Section */
  .cartinformation .heading-s-cart {
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    padding: 12px 0px;
    color: #202223;
  }

  .cartinformation .heading-s-cart-head {
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    padding-bottom: 5px;
  }

  .cartinformation .heading-s-cart-dop {
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    padding-bottom: 12px;
  }




  .image-content-cart {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #6c849d2e;
    padding: 12px 12px 25px;
  }

  .coupon-icons {
    align-items: center;
  }

  .cartinformation .main-content {
    display: flex;
    gap: 24px;
  }

  .cartinformation .main-content .third-cart {
    width: 45%;
  }

  .cartinformation .main-content .base-content {
    width: 55%;
  }

  .heading-content .price {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    padding-bottom: 4px;
  }

  .cart-parah {
    font-size: 14px;
    font-weight: 400;
    line-height: 18.2px;
    color: rgba(32, 34, 35, 0.72);
  }

  .policy-head {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 12px;
    line-height: 24px;
    color: rgba(32, 34, 35, 1);
  }

  /* Button styling */
  .delivery-buttons .one-btn,
  .delivery-buttons .two-btn {
    width: 50%;
  }

  .delivery {
    width: 100%;
    display: flex;
    max-width: 100%;
    align-items: center;
    justify-content: flex-start;
    padding: 13px 20px;
    background-color: #fff;
    cursor: pointer;
    border: 1px solid #2022231F;
    font-size: 16px;
    font-weight: 500;
    border-radius: 8px;
    line-height: 20px;
    gap: 15px;
  }

  button.delivery img.greenTick {
    margin-right: 10px;
    width: 20px;
    height: auto;
    max-width: 100%;
  }

  .viewOffers {
    display: flex;
    align-items: center;

  }

  .cartName {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }

  .cartName-delivery {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }

  .cartInfo .toPay {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
  }

  .cartinformation .cartInfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
  }

  .cartinformation .price-info {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: rgba(32, 34, 35, 1);
    padding: 0;
  }

  .price-info-zero {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: rgba(32, 34, 35, 1);
  }

  #increase,
  #decrease {
    font-size: 24px;
  }

  .quantity-section {
    border: 1px solid rgba(32, 34, 35, 0.12);
    border-radius: 12px;
    cursor: pointer;
    text-align: center;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 95px;
    max-width: 100%;
    padding: 0px 0px;
  }

  .quantity-btn {
    font-size: 16px;
    color: #000;
  }

  .quantity-value {
    font-size: 16px;
    color: rgba(32, 34, 35, 0.72);
  }

  .heading-content .prodSizeColor .color .red {
    width: 20px;
    height: 14px;
    display: inline-block;
    background-color: #FB2626;
    border-radius: 50px;
  }

  .heading-content .size {
    margin: 0px 0px 0px 0px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
  }

  .heading-content .prodSizeColor .color {
    margin: 0px 0px 0px 8px;
    padding: 0px 0px 0px 8px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    color: #202223B8;
    /* border-left: 1px solid #6c849d1f; */
    display: inline-flex;
    align-items: center;
    gap: 8px;

  }

  .prodSizeColor {
    padding: 8px 0px;
  }

  /* .slider-vector {
  padding-right: 12px;
} */

  .price-info-rupee {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: rgba(32, 34, 35, 1);
  }

  .third-cart .btn-checkout {
    width: 100%;
    padding: 10px;
    background-color: rgba(252, 112, 68, 1);
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: background-color 0.3s;
    margin-bottom: 24px;
    border: 1px solid rgba(252, 112, 68, 1);
    padding: 13px 0px;
  }

  .third-cart .btn-checkout:hover {
    background-color: transparent;
    border: 1px solid rgba(252, 112, 68, 1);
    color: rgba(252, 112, 68, 1);
  }

  .billing-summary {
    padding: 12px;
    border-radius: 12px;
    background-color: rgba(255, 255, 255, 1);
    margin-bottom: 16px;
  }

  .cancelation button.btn.btn-checkout {
    display: none;
  }

  /* ---------Card header------------- */
  .cardHeader {
    padding: 10px 15px;
    border-bottom: 1px solid #6c849d2e;
  }

  .cardHeader .cardHeaderInner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
  }

  .cardHeader .cardHeaderInner .cardHeaderLeft a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }

  .cardHeader .cardHeaderInner .cardHeaderLeft .logoWrapper img {
    width: 48px;
  }

  .cardHeader .cardHeaderInner .cardHeaderLeft span {
    font-size: 14px;
    font-weight: 700;
    color: #000;
    line-height: 1.2;
  }

  .cardHeader .cardHeaderInner .navBreadcrum ul {
    display: flex;
    gap: 50px;
    align-items: center;
  }

  .cardHeader .cardHeaderInner .navBreadcrum ul li.navLink {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.1;
    color: #000;
    position: relative;
    cursor: pointer;
  }

  .cardHeader .cardHeaderInner .navBreadcrum ul li.navLink.active {
    color: #FC7044;
  }

  .cardHeader .cardHeaderInner .navBreadcrum ul li.navLink.upcomingStep {
    color: #0000003d;
  }

  .cardHeader .cardHeaderInner .navBreadcrum ul li.navLink:first-child::before {
    display: none;
  }

  .cardHeader .cardHeaderInner .navBreadcrum ul li.navLink::before {
    content: " ";
    position: absolute;
    left: -30px;
    top: 50%;
    width: 15px;
    height: 15px;
    transform: translateY(-50%);
    background-image: url("../images/arrwBreadcrumBlack.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
  }

  .cardHeader .cardHeaderInner .navBreadcrum ul li.navLink.upcomingStep::before {
    background-image: url("../images/arrwBreadcrumBlure.svg");
  }

  .cardHeader .cardHeaderInner .cardHeaderRight span {
    font-size: 12px;
    font-weight: 700;
    color: #24334b80;
    text-transform: uppercase;
    line-height: 1.1;
  }

  .cardHeader .cardHeaderInner .cardHeaderRight {
    display: inline-flex;
    align-items: center;
    gap: 10px;
  }

  .cardHeader .cardHeaderInner .cardHeaderRight .logoWrapper img {
    width: 18px;
  }

  .cartInfo.deliveryPrice {
    border-top: 1px solid #6c849d2e;
    padding: 12px 0px;
  }

  .cartInfo.cartTotal {
    border-top: 1px solid #6c849d2e;
    padding: 24px 0px 0px;
  }

  .cart-details .quantity {
    width: 30px;
    padding: 0px;
  }

  .cart-details .quantity-controls {
    width: 95px;
  }

  .cart-details .quantity-btn {
    height: 35px;
  }

  .cardInnerMob,
  .cartinformation .couponOfferMob {
    display: none;
  }

  .cartinformation .pricingblockMob {
    display: none;
  }

  .cardHeader .cardInnerMob {
    align-items: center;
    justify-content: space-between;
  }

  .cardHeader .cardInnerMob .steps {
    font-size: 14px;
    font-weight: 400;
    color: #00000085;
  }

  /* --------------------Empty BAge css0=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
  .empty-cart-image {
    text-align: center;
    padding-bottom: 16px;
  }

  .empty-cart-content .btn-shop-now:hover {
    background: transparent;
    color: #FC7044;
  }

  .empty-cart-text {
    text-align: center;
  }

  .empty-cart-heading {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    padding-bottom: 12px;
  }

  .empty-cart-message {
    font-size: 16px;
    font-weight: 500;
    line-height: 19.2px;
    color: rgba(32, 34, 35, 0.72);
    padding-bottom: 36px;
  }

  .empty-cart-image img {
    max-width: 100%;
  }

  .empty-cart {
    background: #f3f5f9;
    padding: 120px 15px;
  }

  .empty-cart-content .btn-shop-now {
    width: 485px;
    display: block;
    padding: 13px 10px;
    background-color: rgba(252, 112, 68, 1);
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: background-color 0.3s;
    border: 1px solid;
    transition: all 0.5s ease-in-out;
    max-width: 100%;
    margin: 0 auto;
  }

  /* home popup success css  */
  .calendersuccesffull {
    width: 100%;
    text-align: center;
    /* display: inline-block; */
    padding-top: 25px;
    display: none;
  }

  .calendersuccesffull .popuptitle {
    font-size: 16px;
    max-width: 285px;
    margin: 0 auto;
    color: #000000;
    text-align: center;
    margin-top: 24px;

    margin-bottom: 12px;
  }

  .calendersuccesffull .content {
    font-size: 18px;
    color: #000000;
    font-weight: 600;
    text-align: left;
    border-top: 0.5px solid #0000001F;
    padding: 12px 0;
  }

  .calendersuccesffull ul li a {
    font-size: 16px;
    color: #000000B8;
    font-weight: 400;
    text-align: left;
  }

  .calendersuccesffull ul li {
    text-align: left;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
  }

  .calendersuccesffull ul li img {

    margin-right: 10px;
  }


  /* chcekout popup css */
  .checkoutpop form button {
    width: 100%;
    padding: 10px;
    background-color: #fc7044;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: background-color 0.3s;
    margin-bottom: 24px;
    border: 1px solid transparent;
    padding: 13px 0px;
  }

  .checkoutpop .filled button {
    background-color: #fc7044;
  }

  .btn.focus,
  .btn:focus {
    box-shadow: none !important;
  }

  .checkoutpop form p {
    font-size: 12px;
    font-weight: 400;
    color: #202223B8;
    max-width: 300px;
    margin: 0 auto 60px;
    text-align: center;
  }

  .checkoutpop .enterOTPFormPoup .otpform {
    margin: 0 0 60px;
  }

  .checkoutpop .formtitle {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    color: rgb(0 0 0 / 72%);
  }

  .checkoutpop form p a {
    font-weight: 400;
    text-decoration: underline;
    color: #202223;
    text-underline-offset: 3px;
  }

  .checkoutpop .modal-body ul.listcheckout {
    justify-content: center;
    margin-bottom: 24px;
    border-bottom: 1px solid rgb(108 131 157 / 18%);
    padding-bottom: 20px;
  }


  .modal .modal-dialog {
    top: 50%;
    margin: 0;
    left: 50%;
    max-width: 530px;
    transform: translate(-50%, -50%) !important;
  }

  .checkoutpop input {
    width: 100%;
    width: 100%;
    border-radius: 8px;
    padding: 18px 20px;
    border: 1px solid #2022233D;
    background-color: transparent;
    color: #20222352;
    font-size: 18px;
  }

  .poweredby {
    align-items: center;
    justify-content: center !important;
  }

  .checkoutpop .form-group label {
    position: absolute;
    top: -10px;
    left: 12px;
    font-size: 14px;
    font-weight: 500;
    color: #202223;
    z-index: 9;
    background-color: #F3F5F9;
    padding: 0px 4px;
  }


  .poweredby img {
    padding: 5px;
    height: 25px;
    object-fit: contain;
  }

  .checkoutpop .modal-footer {
    font-size: 14px;
    color: #202223B8;
  }

  .checkoutpop .modal-footer {
    justify-content: center;
    border: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }

  .checkoutpop .modal-footer {
    justify-content: center;
    border: 0;
  }

  .checkoutpop .form-group {
    position: relative;
  }

  .checkoutpop .modal-body {
    padding: 24px;
    background: #f3f5f9;
    border-radius: 0 0 12px 12px;
  }

  .otp-container input {
    width: 52px;
    min-height: 60px;
    border: 1px solid #2022231F;
    background-color: #fff;
    border-radius: 12px;
    padding: 10px;
    text-align: center;
    font-size: 22px;
  }

  .otp-container {
    margin-bottom: 15px;
    gap: 10px;
  }

  .poweredby.mobile {
    display: none !important;
  }

  .third-cart .btn-checkout:hover,
  .checkoutpop form button:hover {
    background: #eb673f;
    color: #fff;
  }

  .otpform.filledOtp .otp-container .otp-input {
    color: #202223;
  }

  .checkoutpop .filledOtp button {
    background-color: #FC7044;
  }

  /* ----------------Dileverey popuipo----------- */
  .delvryaddress {
    background-color: rgba(243, 245, 249, 1);


  }

  .addessspopup .addesssFeild .custom-select::placeholder {
    color: #00000052;
  }

  .addessspopup .addesssFeild .custom-select:focus {
    box-shadow: none;
  }

  .addessspopup .addesssFeild .custom-select {
    background-image: url(../images/searchOrange.svg);
    background-position: right 20px center;
    background-repeat: no-repeat;
    background-size: 20px;
    border-radius: 12px;
    padding: 12px 20px;
    border: 1px solid #2022233D;
    background-color: transparent;
    font-size: 16px;
    color: #202223;
    line-height: 1;
    height: 50px;
  }

  .deliveryAddressSec {
    padding: 60px 15px;
  }

  .delivery-address-header {
    display: flex;
  }

  .addessspopup .addesssFeild .custom-select option {
    font-size: 16px;
  }

  .btn-add-new:hover {
    background-color: #fc7044;
    color: #fff;
  }

  .btn-add-new svg path {
    transition: all 0.3s ease-in-out;
  }

  .btn-add-new:hover svg path {
    fill: #fff;
  }

  .btn-add-new {
    display: flex;
    align-items: center;
    color: rgba(252, 112, 68, 1);
    border: 1px solid rgba(252, 112, 68, 1);
    border-radius: 12px;
    width: 132px;
    max-width: 100%;
    padding: 7px 0px;
    text-align: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    background-color: transparent;
    transition: all 0.3s ease-in-out;
  }

  .delivery-address-title {
    line-height: 28px;
    font-size: 16px;
    font-weight: 600;
  }

  .delivery-address-header a {
    text-decoration: none;
    color: rgba(252, 112, 68, 1);
    display: flex;
    align-items: center;
  }

  .delivery-address-header {
    display: flex;
    max-width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 24px;
  }

  .common-home {
    display: flex;
    align-items: center;
  }

  .home-basicInfo {
    display: flex;
    justify-content: space-between;

  }

  .deliveryAddressLeft .infoBox {
    padding: 20px;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 12px;
    transition: all 0.5s ease-in-out;
    margin-bottom: 24px;
  }

  .deliveryAddressLeft .infoBox:hover,
  .deliveryAddressLeft .infoBox.active {
    border: 1px solid rgba(252, 112, 68, 1);
    background-color: rgba(252, 112, 68, 0.04);

  }

  .deliveryAddressLeft .infoBox .home-basicInfo {
    border-bottom: 1px solid #6C849D2E;
    padding-bottom: 12px;
    margin-bottom: 12px;
  }

  .homeheading {
    font-size: 14px;
    line-height: 28px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.72);
  }


  .home-icon {
    padding-right: 12px;
  }

  span.bullet {
    padding: 0px 12px;
    color: rgba(32, 34, 35, 0.52);
  }

  .person-info {
    display: flex;
    align-items: center;
    padding-bottom: 12px;
  }

  .customername {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
  }

  .person-info ul li a {
    color: rgba(32, 34, 35, 1);
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    padding-left: 20px;
  }

  .proper-address {
    line-height: 20px;
    font-size: 16px;
    font-weight: 500;
    color: rgba(32, 34, 35, 0.72);
  }




  .common-contentBox {
    display: flex;
    gap: 24px;
  }



  .estimate-heading {
    line-height: 24px;
    font-size: 14px;
    font-weight: 600;
    color: rgba(32, 34, 35, 1);
    padding-bottom: 12px;
  }

  .deliveryAddressRight .estimate-section .content-img {
    display: flex;
    align-items: center;
    gap: 28px;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #6C849D2E;
  }

  .deliveryAddressRight .estimate-section .content-img>img {
    width: 50px;
    border-radius: 12px;
  }

  .deli-parah {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: rgba(32, 34, 35, 0.72);
  }

  .bolddates {
    font-weight: 700;
    color: rgba(32, 34, 35, 1);
  }

  .estimate-section hr {
    margin: 12px 0px;
    border: 0.5px solid;
  }


  .viewOffers {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .deliveryAddressRight .image-content-cart {
    padding: 0px 12px 12px 0px;
    margin-bottom: 12px;
  }

  .deliveryAddressRight {
    width: 40%;
    background-color: rgba(255, 255, 255, 1);
    padding: 12px;
    border-radius: 12px;
    height: fit-content;
  }

  .heading-s-cart-head {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: rgba(32, 34, 35, 1);
    padding-bottom: 4px;
  }

  .couponsHead {
    line-height: 18.2px;
    font-size: 14px;
    font-weight: 400;
    color: #000000b8
  }

  .couponsHead a {
    color: #000000b8
  }


  .heading-s-cart {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: rgba(32, 34, 35, 1);
    padding-bottom: 12px;
  }

  .cartName {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: rgba(32, 34, 35, 0.72);
  }


  .cartInfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
  }



  .price-info {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: rgba(32, 34, 35, 1);
  }

  .price-info-zero {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: rgba(32, 34, 35, 1);
  }

  .btn-checkout {
    width: 100%;
    padding: 10px;
    background-color: rgba(252, 112, 68, 1);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: background-color 0.3s;
    transition: all 0.5s ease-in-out;

    border: 1px solid rgba(252, 112, 68, 1);
    padding: 4px 0px;
  }

  .deliveryAddressRight .billing-summary {
    padding: 0px;
    margin-bottom: 24px;
  }

  .btn-checkout:hover {
    background-color: transparent;
    border: 1px solid rgba(252, 112, 68, 1);
    color: rgba(252, 112, 68, 1);
  }


  ::marker {
    color: rgba(32, 34, 35, 0.52);
  }

  .back-arrow {
    display: none;
  }

  .paymore.cards {
    border: 0 !important;
    margin: 0;
    padding: 0;
  }

  .coupenandofersinformation .paymore.cards .paymnetoptions {
    margin: 0;
  }

  .home-basicInfocards span.coupenoffer {
    font-size: 16px;
    color: #202223;
    font-weight: 600;
  }

  .home-basicInfocards .authorimage {
    margin-right: 10px;
  }

  .paymore {
    border-bottom: 1px solid #6C849D2E;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  .home-basicInfocards span.view {
    display: block;
    font-size: 14px;
    color: #202223B8;
    line-height: 1;
    font-weight: 400;
    margin-top: 5px;
    text-decoration: none;
  }

  /* adres popup */
  .addessspopup .formtitle {
    font-size: 16px;
    margin-bottom: 24px;
    font-weight: 600;
    color: #000;
  }

  .addessspopup .modal-content {
    background: #f3f5f9;
  }

  .addessspopup .form-group input:focus {
    outline: 0 !important;
  }

  .modal .close,
  .addessspopup .close,
  .coupenpopup .modal-header .close {
    padding: 0;
    margin: 0;
    width: 28px;
    height: 28px;
    background: #20222352;
    color: #fff;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 17px;
    top: 17px;
  }

  .addessspopup .form-group input,
  .coupenpopup .form-group input {
    width: 100%;
    width: 100%;
    border-radius: 12px;
    padding: 12px 20px;
    border: 1px solid #2022233D;
    background-color: transparent;
    font-size: 16px;
    color: #202223;
  }

  .coupenpopup .form-group input {
    font-size: 14px;
  }

  .coupenpopup .form-group input::placeholder {
    color: #00000052 !important;
    font-size: 14px !important;
  }

  .addessspopup form button:hover {
    background: #f07b57;
    color: #fff;
  }

  .addessspopup .modal-content {
    border-radius: 12px;
    padding: 10px 0px;
  }

  .addessspopup .userform {
    border-top: 1px solid #6C849D2E;
    padding-top: 30px;
  }

  .addessspopup .form-group {
    position: relative;
    margin-bottom: 30px !important;
  }

  .addessspopup .email-error {
    bottom: -20px;
    font-size: 12px;
  }

  .addessspopup label,
  .coupenpopup label {
    background-color: #f3f5f9;
    position: absolute;
    top: -10px;
    left: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #202223;
    z-index: 9;
  }

  .addessspopup .modal-header {
    background: transparent !important;
    padding: 0 !important;
  }

  .radioAddressSelect {
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
  }

  .radioAddressSelect .custom-radio {
    position: inherit;
    width: 100%;
    cursor: pointer;
    border-radius: 50px;
    background-color: transparent;
  }

  .radioAddressSelect .custom-radio input[type=radio] {
    display: none;
  }

  .radioAddressSelect .custom-radio input[type="radio"]:checked+.radio-checkmark svg path {
    stroke: #fc7044;
  }

  .radioAddressSelect .custom-radio input[type="radio"]:checked+.radio-checkmark {
    background: #FC70441F;
    color: #fc7044;
  }

  .radioAddressSelect .radio-checkmark {
    border: none !important;
  }

  .radioAddressSelect li:hover .radio-checkmark {
    color: #fc7044;
    background-color: #f4e5e3;
  }

  .radioAddressSelect .custom-radio .radio-checkmark {
    display: flex;
    gap: 10px;
    height: 30px;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #000000B8;
    width: 100%;
    line-height: 1;
    padding: 8px 12px;
    border-radius: 50px;
    background-color: #00000014;
    transition: all 0.3s ease-in-out;
  }






  .addessspopup .form-group input::placeholder,
  .coupenpopup .form-group input::placeholder {
    font-size: 16px;
    color: #202223;
  }

  .addessspopup .close:after {
    display: none;
  }

  .addessspopup form button {
    width: 100%;
    padding: 10px;
    background-color: #FC7044;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: background-color 0.3s;
    border: 1px solid transparent;
    margin: 0;
  }

  /* .addessspopup .userform ul li {
padding: 8px 12px;
background: #20222314;
border-radius: 100px;
font-size: 14px;
margin-right: 12px;
transition: all 0.5s ease-in-out;
display: flex;
  align-items: center;
  gap: 10px;
} */


  .checkbox-group input[type="checkbox"] {
    appearance: none;
    /* Remove default checkbox */
    width: 10px;
    height: 10px;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    transition: background-color 0.3s ease, border-color 0.3s ease;
  }

  /* -----------------------Coupen popup--------- */
  .coupenpopup .modal-body {
    border-radius: 12px;
  }

  .coupenpopup .formtitle {
    padding-bottom: 15px;
    color: #000000;
    margin-bottom: 15px;
  }

  .coupenpopup .form-group {
    position: relative;
    margin-bottom: 16px !important;
  }

  .coupenpopup .userform button {
    font-size: 16px;
    line-height: 1;
    color: #FC7044;
    background: transparent;
    border: 0;
    position: absolute;
    right: 15px;
    top: 25px;
    width: auto;
    transform: translateY(-50%);
    padding: 0px;
    margin: 0px;
  }

  .homeoffers form.userform {
    border-bottom: 1px solid rgb(0 0 0 / 12%);
    margin-bottom: 15px;
  }

  .coupenpopup .userform button:hover {
    background-color: transparent;
    color: #fc7044;
  }

  .coupenpopup form.userform {
    margin-top: 24px;
    position: relative;
  }

  .coupenpopup .modal-header {
    padding: 0;
    border: 0
  }

  .coupenpopup .modal-content {
    background: #f3f5f9;
  }

  .coupenpopup .modal-content {
    border-radius: 12px;
    padding: 0px 0px;
    height: auto;
  }

  /* When checked, change background color and border color */
  .checkbox-group input[type="checkbox"]:checked {
    background-color: rgba(55, 209, 71, 1);
    border-color: rgba(55, 209, 71, 1);
  }

  .upi img {
    padding-right: 10px;
  }

  .paymore .coupenheading {
    padding-bottom: 15px;
    line-height: 1;
    color: #000000b8;
    font-size: 14px;
    font-weight: 400;
  }

  /* Tick mark styling */
  .checkbox-group input[type="checkbox"]:checked::before {
    content: '✔';
    /* Unicode for checkmark */
    color: white;
    font-size: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .addessspopup .modal-header {
    padding: 0;
    border: 0;
  }

  .addessspopup .userform ul {
    margin-bottom: 20px;
  }

  .addessspopup .userform ul li svg path {
    stroke: #202223B8;
  }

  .addessspopup .userform ul li:hover svg path,
  .addessspopup .userform ul li.active svg path {
    stroke: #FC7044;
  }

  /* .addessspopup .userform ul li:hover{
color: #FC7044;
background-color: #FC70441F;
} */
  .addessspopup .form-group input:focus {
    color: #202223;
  }

  .addessspopup .form-group input[type=checkbox] {
    width: auto;
    padding: 2px 6px;
  }

  .addessspopup .form-group.checkbox-group {
    display: flex;
    align-items: center;
  }

  .addessspopup input[type="checkbox"]:checked+.checkbox-box {
    background: rgba(55, 209, 71);
    border-color: rgba(55, 209, 71);
  }

  .addessspopup input[type="checkbox"]:checked+.checkbox-box::before {
    content: '';
    position: absolute;
    left: 3px;
    top: -1px;
    width: 7px;
    height: 12px;
    border: solid #fff;
    border-width: 0 1px 2px 0;
    transform: rotate(45deg);
  }

  .addessspopup input[type="checkbox"] {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid #ccc;
    border-radius: 5px;
    background: #F3F5F9;
    position: relative;
    transition: background 0.3s, border 0.3s;
  }

  .addessspopup .form-group.checkbox-group label {
    position: unset;
    padding-left: 10px;
  }

  .coupensandoffers .view {
    display: block;
    font-size: 14px;
    color: #202223B8;
    font-weight: 400;
    margin-top: 5px;
    line-height: 1;
    text-decoration: none;
  }

  .coupensandoffers .coupenoffers {
    padding-bottom: 20px;
    border-bottom: 1px solid #6C849D2E;
    margin-bottom: 20px;
  }

  .coupenandofersinformation .paymnetoptions {
    margin-bottom: 16px;
  }

  .coupensandoffers .name-author .authorimage {
    margin-right: 10px;
  }

  .coupensandoffers .name-author {
    align-items: center;
  }

  .coupensandoffers .coupenheading {
    color: #000000b8;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
  }

  .coupensandoffers .coupenoffers {
    justify-content: space-between;
    align-items: center;
  }

  .coupenandofersinformation {
    padding: 24px;
    background: #fff;
    border-radius: 12px;
  }

  .coupensandoffers span.coupenoffer {
    font-size: 16px;
    color: #202223;
    font-weight: 600;
  }

  .coupensandoffers.paymntoffers {
    border-bottom: 1px solid #6C849D2E;
    margin-bottom: 20px;
  }

  .coupenavailable .coupens {
    max-width: 290px;
    border-bottom: 1px solid #0F294B1F;
    padding-bottom: 6px;
    margin-bottom: 6px;
  }

  .available_coupens p {
    color: #00000085;
    font-weight: 500;
    line-height: 1;
  }

  .feedbackpopup .formtitle {
    font-size: 16px;
    font-weight: 600;
    margin: 0px;
  }

  .coupenavailable {
    background: linear-gradient(130deg, rgba(252, 112, 69, 0) 70%, rgba(252, 112, 69, 0.06) 90%, rgba(252, 112, 69, 0.14) 100%), #FFF;
    border-radius: 12px;
    box-shadow: 0 0 5px #9E9E9E17;
    margin-bottom: 15px;
    border: 1px solid rgb(0 0 0 / 12%);
  }

  .coupenavailable .coupens {
    width: 100%;
  }

  .coupenpopup .coupenavailable:last-child {
    margin: 0px;
  }

  .coupenavailable .row {
    padding: 12px 12px;
    display: block !important;
    width: 100%;
  }

  .coupenavailable .row>div {
    width: 100%;
  }

  .coupenavailable .coupenAppBtn {
    text-align: center;
  }

  .coupenavailable .percentinfo {
    background: linear-gradient(180deg, #fc7044 0%, #fc7044 100%);
    width: auto;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    font-size: 18px;
  }

  .coupenavailable a {
    display: inline-block;
    text-align: center;
    color: #FC7044;
    font-weight: 600;
    width: auto;
    background: linear-gradient(90deg, #FC7044 0%, #FC7044 100%);
    background-clip: text;
    font-size: 16px;
    line-height: 1;
  }

  .coupensandoffers .modal-body {
    padding: 24px 12px;
  }

  .coupensandoffers .view a {
    color: #202223B8;
  }

  .coupenpopup .coupentitle {
    font-weight: 600;
  }

  .coupenpopup .offertitle {
    font-weight: 700;
    font-size: 20px;
    color: #000000;
    margin-bottom: 15px;
  }

  .coupenpopup .availableCoupen .coupendata {
    filter: blur(5px);
    opacity: inherit;
    pointer-events: none;
    padding: 15px 10px;
    width: -webkit-fill-available;
    background: linear-gradient(130deg, rgba(252, 112, 69, 0) 70%, rgba(252, 112, 69, 0.06) 90%, rgba(252, 112, 69, 0.14) 100%), #FFF;

  }

  .coupenpopup .availableCoupen .showOffers .coupendata {
    filter: none;
    opacity: 1;
    pointer-events: initial;
  }

  .coupenpopup .availableCoupen .coupen+.coupen {
    margin-top: 15px;
  }


  .coupenpopup .availableCoupen .coupendata .coupenAppBtn a {
    display: inline-block;
    text-align: center;
    color: #FC7044;
    font-weight: 600;
    width: auto;
    background: linear-gradient(90deg, #FC7044 0%, #FC7044 100%);
    background-clip: text;
    font-size: 16px;
    line-height: 1;
  }

  .coupenpopup .availableCoupen .coupendata .coupenAppBtn {
    text-align: center;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    transition: all 0.3s ease-in-out;
  }

  .coupenpopup .availableCoupen .showOffers .percentinfo {
    min-width: 120px;
  }

  .coupenpopup .availableCoupen .showOffers .percentinfo {
    min-width: 55px;
  }

  .coupenpopup .availableCoupen .showOffers .coupendata .coupenAppBtn {
    display: block;
  }







  .coupenpopup .modal-header.d-flex {
    background: transparent !important;
    padding: 0;
  }

  .feedbackpopup .modal-body {
    background: #f3f5f9;
  }

  .feedbackpopup .modal-body {
    padding: 15px 24px;
  }

  .feedbackpopup .titleinfo {
    margin-top: 10px;
  }

  ul.cancellist li input {
    margin-right: 10px;
  }

  ul.cancellist {
    margin-top: 24px;
  }

  ul.cancellist li {
    border: 1px solid #2022231F;
    border-radius: 8px;
    padding: 12px 15px;
    font-weight: 500;
    color: #202223;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
  }

  ul.cancellist input[type="checkbox"] {
    padding: 0;
    appearance: none;
    /* Remove default checkbox styling */
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    border-radius: 50%;
    /* Makes the checkbox circular */
    cursor: pointer;
    position: relative;
    transition: background-color 0.3s ease, border-color 0.3s ease;
  }


  /* Checkbox color when checked */
  ul.cancellist input[type="checkbox"]:checked {
    background: rgba(55, 209, 71);
    border-color: rgba(55, 209, 71);
  }

  /* Optional: Add a custom tick mark */
  ul.cancellist input[type="checkbox"]:checked::before {
    content: '✔';
    /* Unicode for checkmark */
    color: white;
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }


  .deliveryAddressSec .deliveryAddressLeft {
    width: 60%;
  }

  .paymen-info {
    background-color: rgba(243, 245, 249, 1);
    height: auto;
    display: flex;
    align-items: center;
    padding: 120px 15px;
  }

  .main-hea-done {
    font-size: 22px;
    line-height: 24px;
    font-weight: 600;
    width: 309px;
    max-width: 100%;
    padding-bottom: 12px;
    margin: 0 auto;
    color: rgba(32, 34, 35, 1);
    text-align: center;

  }

  .parah-payment {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    padding-bottom: 16px;
    color: rgba(32, 34, 35, 0.52);
    text-align: center;
  }

  .content-info {
    display: flex;
    /* justify-content: center; */
    width: 479px;
    max-width: 100%;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 12px;
    padding: 12px;
    gap: 24px;
    margin-bottom: 16px;
  }

  .content-info .boiimage img {
    width: 110px;
    height: 110px;
    object-fit: cover;
  }

  .content-donePayment .prodFeature .color {
    border-radius: 50px;
    border: 1px solid #E6E6E6;
    display: inline-block;
    width: 20px;
    position: relative;
    margin-left: 10px;
    height: 14px;
  }

  .content-donePayment .prodFeature .color:before {
    content: " ";
    position: absolute;
    left: -10px;
    top: 0;
    width: 1px;
    background-color: #E6E6E6;
    height: 100%;
  }

  .running-tee-head {
    line-height: 24px;
    font-size: 20px;
    font-weight: 700;
  }

  .sizeinfo {
    line-height: 20px;
    font-size: 16px;
    font-weight: 500;
    color: rgba(32, 34, 35, 0.72);
    padding-bottom: 10px;
  }

  .price-info {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    padding-bottom: 10px;

  }

  .orderListInfo .content-donePayment .price-info {
    line-height: 1;
    padding: 5px 0 15px;
  }

  .track_order {
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    color: rgba(252, 112, 68, 1);
  }

  .btn-back .options-btn {
    background-color: rgba(252, 112, 68, 1);
    border: 1px solid rgba(252, 112, 68, 1);
    color: #fff;
    width: 503px;
    margin: 0px auto 0;
    max-width: 100%;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    padding: 18px 20px;
    border-radius: 12px;
    transition: all 0.3s ease-in-out;
    display: block;
  }

  .btn-back .options-btn:hover {
    background-color: transparent;
    border: 1px solid rgba(252, 112, 68, 1);
    color: rgba(252, 112, 68, 1);
  }

  .btn-back {
    text-align: center;
  }

  .info-common {
    justify-content: center;
    display: flex;
  }

  .img-done {
    text-align: center;
    position: relative;
  }

  .img-done .animationGif {
    position: absolute;
    top: -15px;
    left: 50%;
    z-index: 99;
    transform: translateX(-50%);
  }

  .done-paymentImg {
    width: 10%;
    padding-bottom: 24px;
  }

  .back-arrow {
    display: none;
  }

  .arrow {
    margin-right: 8px;
    /* Spacing between arrow and text */
  }


  .failed-pay-container {
    padding: 120px 15px;
    background-color: rgba(243, 245, 249, 1);
  }

  .failed-payment-content {
    text-align: center;
  }

  .main-h-failed {
    font-size: 22px;
    line-height: 24px;
    font-weight: 600;
    width: 309px;
    max-width: 100%;
    padding-bottom: 12px;
    margin: 0 auto;
    color: rgba(32, 34, 35, 1);
  }

  .parah-payment {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    padding-bottom: 16px;
    color: rgba(32, 34, 35, 0.52);
  }

  .failed-payment-content img {
    max-width: 100%;
    padding-bottom: 24px;
  }

  .option-one-btn {
    background-color: rgba(252, 112, 68, 1);
    border: 1px solid rgba(252, 112, 68, 1);
    color: rgba(255, 255, 255, 1);
    width: 503px;
    max-width: 100%;
    margin: 0 auto;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    border-radius: 12px;
    padding: 18px 20px;
    margin-bottom: 16px;
    transition: all 0.5s ease-in-out;
    display: block;
  }

  .option-one-btn:hover {
    background-color: transparent;
    border: 1px solid rgba(252, 112, 68, 1);
    color: rgba(252, 112, 68, 1);
  }

  .option-two-btn:hover {
    color: #fff;
    background: #FC7044;
  }

  .option-two-btn {
    margin: 0 auto;
    display: block;
    border: 1px solid rgba(252, 112, 68, 1);
    color: rgba(252, 112, 68, 1);
    width: 503px;
    max-width: 100%;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    border-radius: 12px;
    padding: 18px 20px;
    background-color: transparent;
    transition: all 0.5s ease-in-out;
  }

  .back-arrow {
    display: none;
  }

  .dashboard {
    background-color: #ffffff;
    padding: 120px 15px 120px;
    min-height: 690px;
  }

  .shortName {
    padding: 15px;
    background: #f0f0f0;
    border-radius: 50%;
    font-weight: 900;
  }

  .reviewShortName {
    padding: 5px;
    background: #f0f0f0;
    border-radius: 50%;
    color: black;
  }

  .dashboard .cart-p-common {
    position: relative;
    display: flex;
    margin-bottom: 24px;
    background-color: #ffffff;
    padding: 12px;
    border-radius: 12px;
    justify-content: space-between;
  }

  .dashboard .delete-icon .btn {
    transition: all 0.5s ease-in-out;
    color: #FC7044;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #FC704480;
    border-radius: 12px;
    width: 320px;
    max-width: 100%;
    padding: 7px 20px;
    margin-left: 20px;
    background-color: transparent;
  }

  .dashboard .cartouterinfo .delete-icon .btn {
    margin: 0;
    font-weight: 700;
    line-height: 1.5;
  }

  .dashboard .manager_address {
    padding-top: 100px;
    margin-top: -50px;
  }

  .dashboard .manager_address .adresheading {
    justify-content: space-between;
    gap: 10px;
  }

  .dashboard .manager_address .adresheading .addAddress {
    color: #FC7044;
    font-size: 16px;
    font-weight: 400;
    gap: 10px;
  }

  .dashboard .manager_address .adresheading .addAddress svg {
    width: 15px;
  }

  .dashboard .manager_address .adresheading .addAddress svg path {
    fill: #FC7044;
  }

  .dashboard .cart-details {
    display: flex;
    align-items: center;
  }

  .sidebar span {
    display: block;
  }

  .profileusername {
    padding-left: 10px;
  }

  .dashboard .cart-p-common {
    border: 1px solid #0000001F;
    align-items: flex-start;
  }

  .dashboard .heading-content {
    padding-left: 10px;
  }

  .dashboard .cart-p-common .cart-details {
    width: 60%;
  }

  .dashboard .sidebarInner {
    position: relative;
    border: 1px solid #0000001F;
    border-radius: 12px;
    padding: 20px 16px;
  }

  .dashboard .sidebar .sticky {
    position: fixed;
    top: 0;
    width: auto;
    z-index: 100;
  }

  .dashboard .sidebar {


    width: 25%;
    height: fit-content;
  }

  .dashboard .sidebar .userimage img {
    width: 68px;
    height: 68px;
    object-fit: cover;
    border-radius: 50px;
  }

  .dashboard .delete-icon {
    width: 40%;
    gap: 10px;
  }

  .dashboard .main-content {
    display: block;
  }

  .dashboard .main-content {
    width: 75%;
    padding-left: 35px;
  }

  .dashboardlistMobile {
    display: none;
  }

  ul.dashboardlist li.dashboardLink.active a,
  ul.dashboardlist li.dashboardLink:hover a {
    color: #FC7044;
    background: #FC704414;
  }

  ul.dashboardlist li.dashboardLink.active a svg path,
  ul.dashboardlist li.dashboardLink:hover a svg path {
    fill: #FC7044;
  }

  ul.dashboardlist .dashboardLink.dashboardLogout a {
    color: #E12C2C;
  }

  .dashboard .delete-icon .btn:hover {
    color: #fff !important;
    background: #FC7044 !important;
  }

  ul.dashboardlist .dashboardLink a svg {
    width: 20px;
  }

  ul.dashboardlist .dashboardLink a {
    padding: 12px;
    display: inline-flex;
    border-radius: 8px;
    width: 100%;
    color: #202223;
    gap: 12px;
    align-items: center;
  }

  ul.dashboardlist .dashboardLink+.dashboardLink {
    margin-top: 10px;
  }

  ul.dashboardlist li a img {
    margin-right: 10px;
  }

  ul.dashboardlist {
    margin-top: 24px;
  }

  .dashboard .main-content .cart-one img {
    width: 120px;
    height: 130px;
    object-fit: cover;
    border-radius: 12px;
  }

  .dashboard .heading-content .runningHead {
    font-size: 18px;
    font-weight: 700;
  }

  .delete-icon button {
    transition: all 0.5s ease-in-out;
    color: #FC7044;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #FC704480;
    border-radius: 12px;
    width: 320px;
    max-width: 100%;
    padding: 7px 20px;
    margin-left: 20px;
    background-color: transparent;
  }

  .cartouterinfo .ordereddate {
    color: #202223B8;
  }

  .color000000B8 {
    color: #000000B8;
  }

  .dashboard .main-content .size {
    color: #202223B8;
    padding: 0;
  }

  .manage_outeraddress {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }

  .manage_outeraddress .editRemoveAddBox {
    border: 1px solid #0000001F;
    padding: 24px;
    border-radius: 12px;
  }

  .adresheading {
    margin-bottom: 24px;
    line-height: 1;
  }

  .editbtns a {
    color: #FC7044;
  }

  .manager_address .user_addres {
    margin: 12px 0 20px;
  }

  .manage_outeraddress .editRemoveAddBox .editbtns li:first-child {
    padding-left: 0;
  }

  .manage_outeraddress .editRemoveAddBox .editbtns li {
    padding: 0px 12px;
    line-height: 1.25;

  }

  .manage_outeraddress .editRemoveAddBox .editbtns li+li {
    border-left: 1px solid #0000001f;
  }

  /* -----------------Buy now poup---------------- */
  .modal .modal-body {
    padding: 24px;
    max-height: 80vh;
    overflow-y: auto;
  }

  .offersGride {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .offerList {
    text-align: center;
    background-color: #fc70440f;
    border: 2px dashed #FC7044;
    border-radius: 8px;
    box-shadow: 0 100px 195px 0 rgba(0 0 0 / 7%);
    padding: 16px;
  }

  .buyNowPoup .modal-content .selectTitle {
    font-size: 20px;
    font-weight: bold;
    margin: 0px;
    padding-bottom: 20px;
  }

  .offerList .imgBox p {
    font-size: 14px;
    font-weight: 600;
    color: #00000085;
  }

  .offerList .imgBox {
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
    padding-bottom: 12px;
    border-bottom: 1px solid #0f294b1f;
  }

  .offerList .btnTapToApply {
    color: #FC7044;
    font-size: 16px;
    font-weight: 600;
    margin-top: 12px !important;
    display: inline-block;
  }

  .offerList .imgBox .offerName span {
    font-size: 12px;
    color: #00000085;
    font-weight: 600;
  }

  .buyNowPoup .productBuy .cart-img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 12px;
  }

  .offerList .imgBox .offerName {
    margin: 0px;
    font-size: 14px;
    color: #000;
    font-weight: 600;
    line-height: 1.3;
  }

  .offerList .imgBox .offerImg {
    width: 37px;
    height: 37px;
    object-fit: cover;
    border-radius: 8px;
  }

  .buyNowPoup .productBuy {
    display: flex;
    align-items: center;
    padding: 20px 0 20px;
    border-bottom: 1px solid rgb(0 0 0 / 12%);
    margin-bottom: 20px;
    gap: 12px;
  }

  .buyNowPoup .productBuy img.productImg {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 12px;
  }

  .buyNowPoup .productBuy .productName {
    font-size: 14px;
    color: #000;
    font-weight: 700;
    line-height: 1.3;
  }

  .buyNowPoup .productBuy .productName a {
    color: #000;
  }

  .buyNowPoup .productBuy .pricing {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    line-height: 1.3;
    padding: 0px 0px 12px;
  }

  .buyNowPoup .productBuy .btnViewProDetail {
    color: #FC7044;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 12px;
    line-height: 1.2;
  }

  .contactPoup .modal-dialog {
    max-width: 1180px;
  }

  .calenderPoup .datepicker {
    border: none !important;
    padding: 0px !important;
    border-radius: 0 !important;
    width: 100%;
  }

  .calenderPoup .datepicker table.table-condensed {
    width: 100%;
  }

  .calenderPoup .calenderOuter {
    display: flex;
    padding-top: 30px;
    gap: 10px;
  }

  .calenderPoup .calenderOuter .datepickerOuter {
    width: 70%;
    border: 1px solid #0000001f;
    padding: 10px;
  }

  .calenderPoup .calenderOuter .datepicker table tr td.disabled,
  .calenderPoup .calenderOuter .datepicker table tr td.disabled:hover {
    color: #00000014;
    cursor: default;
    pointer-events: none;
  }

  .calenderPoup .calenderOuter .timeSelector {
    width: 30%;
    max-height: 380px;
    overflow-y: auto;
  }

  .calenderPoup .calenderOuter .datepicker table tr td.today {
    background: #fff3f0 !important;
    cursor: pointer !important;
    color: #000000 !important;
  }

  /* .calenderPoup .calenderOuter .datepicker table tr td {
  background: #FC7044 !important;
  cursor: pointer !important;
  color: #fff !important;
} */
  .calenderPoup .modal-body .btnContinue {
    border: 1px solid #FC7044;
    text-decoration: none;
    padding: 10px 45px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    transition: all 0.5s ease-in-out;
    color: #FC7044;
    width: auto;
    background: #FC704414;
    float: right;
    margin-top: 12px;
  }

  .calenderPoup .modal-body .btnContinue:hover {
    color: #fff;
    background: #FC7044;
  }

  .calenderPoup .calenderOuter .timeSelector .timeSelect {
    padding: 10px 0 0;
  }

  .calenderPoup .calenderOuter .timeSelector .timeSelect:hover a,
  .calenderPoup .calenderOuter .timeSelector .timeSelect.active a {
    border: 1px solid #FC7044;
    background-color: #fc704415;
  }

  .calenderPoup .calenderOuter .timeSelector .timeSelect a {
    padding: 10px 15px;
    border: 1px solid #0000001f;
    border-radius: 12px;
    display: block;
    text-align: center;
    color: #000000b8;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    transition: all 0.5s ease-in-out;
  }

  .calenderPoup .calenderOuter .timeSelector .headingSelect {
    font-size: 16px;
    font-weight: 500;
    color: #000;
  }

  .calenderPoup .datepicker table.table-condensed th.datepicker-switch {
    font-size: 18px;
    font-weight: 600;
    color: #000;
  }

  .calenderPoup .datepicker table.table-condensed th.prev {
    background-image: url("../images/prevMonth.svg") !important;
    float: left;
  }

  .calenderPoup .datepicker table.table-condensed th.next {
    background-image: url("../images/nextMonth.svg") !important;
    float: right;
  }

  .calenderPoup .datepicker table.table-condensed th.prev,
  .calenderPoup .datepicker table.table-condensed th.next {
    font-size: 0px;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 15px !important;
    border: 1px solid #0000001f !important;
    overflow: hidden;
    border-radius: 8px !important;
    display: inline-block;

  }

  .calenderPoup .calenderOuter .datepicker td,
  .calenderPoup .calenderOuter .datepicker th {
    width: 45px !important;
    height: 45px !important;
  }

  .shareIconPopup .textShare {
    display: none;
  }

  .mobMenuHere {
    display: none;
  }

  .contactUsSec .locationMap .businessHours .dropDown.rotated svg {
    transform: rotate(180deg);
  }

  .contactUsSec .locationMap .businessHours .dropDown svg {
    transition: all 0.5s ease-in-out;
  }

  .footerLinkOuter .footerCopyright {
    display: inline-block;
    padding-right: 30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color: #000;
  }

  .logoutBtnMob {
    display: none;
  }

  .swiper-pagination-bullet-active {
    background: #FC7044 !important;
  }

  .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #D9D9D9;
  }

  .swiper-pagination,
  .swiper-pagination1,
  .swiper-paginationC {
    display: none;
    bottom: -35px !important;
  }

  .productDetailMobOuter {
    display: none;
  }

  .reviewFilterOuter .reviewFilter {
    display: none;
  }

  .reviewFilterOuter {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .reviewFilterOuter .sectionouter {
    display: none;
  }

  .outerSec .externalLinkSec:last-child {
    margin: 0 !important;
    border: 0 !important;
  }

  .coupenpopup .noCoupenAvailable {
    text-align: center;
  }

  .coupenpopup .noCoupenAvailable .imgWrapper img {
    width: 250px;
  }

  .coupenpopup .noCoupenAvailable .noOfferTitle {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    padding: 15px 0px 70px;
  }

  .homeoffers .modal-body {
    background: #fff;
  }

  .calenderPoup .calenderOuter .timeSelector .headingSelect img,
  .calenderPoup .date img {
    display: none;
    padding-right: 10px;
  }

  .coupenpopup .form-group input::placeholder {
    color: rgb(0 0 0 / 52%) !important;
    font-weight: 500;
  }

  .calenderPoup .titledate {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    display: none;
  }

  .calenderPoup .date {
    font-size: 20px;
    font-weight: bold;
    display: flex;
    align-items: center;
  }

  .calendersuccesffull .chvronlleft {
    display: none;
  }

  .homeoffers .userform {
    margin-top: 15px !important;
  }

  /* contact popup css */
  .contactPoup .contactform.contactHomeform .send-enquiry {

    transition: all 0.5s ease-in-out;
  }

  .contactPoup .send-enquiry:hover {
    background-color: transparent;
    border: 1px solid rgba(252, 112, 68, 1);
    color: rgba(252, 112, 68, 1);
  }

  .contactPoup .popup-title {
    margin-bottom: 24px;
  }

  .locationMap .popup-contentMain img {
    width: auto;
  }

  .contactPoup .contactform.contactHomeform .send-enquiry {
    background: #FC7044;
    color: #fff;
  }

  .contactnum {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }

  .locationmapinfo ul li img {
    width: auto !important;
  }

  .contactPoup .locationMap {
    margin-top: 20px;

  }

  .contactstore-formSec .popup-title {
    margin-bottom: 20px;
  }

  .prodColorFilterPoup .productBuy {
    display: flex;
    gap: 16px;
    padding: 12px 12px 25px;
    margin-bottom: 15px;
    border-bottom: 1px solid #0000001f;
  }

  .prodColorFilterPoup .productBuy .heading-content {
    padding-left: 0;
  }

  .prodColorFilterPoup .productBuy .heading-content .priceOffer {
    margin: 10px 0px 0px;
    display: flex;
    align-items: center;
    gap: 3px;
  }

  .prodColorFilterPoup .productBuy .heading-content .priceOffer span {
    line-height: 1;
    padding: 0px;
  }

  .prodColorFilterPoup .filterSize .selectTitle,
  .prodColorFilterPoup .filterColor .selectTitle {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    padding-bottom: 12px;
  }

  .buyNowPoup .filterColor .selectTitle {
    font-size: 14px !important;
    padding-bottom: 5px !important;
  }

  .buyNowPoup .color-options .checkbox-box {
    text-align: center;
    align-content: center;
  }

  .prodColorFilterPoup .filterSize ul {
    align-items: center;
    gap: 10px;
    margin-bottom: 25px;
  }

  .prodColorFilterPoup .filterSize ul li:hover .custom-checkbox .checkbox-box,
  .prodColorFilterPoup .filterSize .custom-checkbox input[type="checkbox"]:checked+.checkbox-box,
  .prodColorFilterPoup .filterSize ul li:hover a {
    color: #FC7044;
    border: 1px solid #FC7044;
  }

  .prodColorFilterPoup .filterSize .custom-checkbox input[type="checkbox"]:checked+.checkbox-box::before {
    display: none;
  }

  .filterSize .custom-checkbox .checkbox-box,
  .prodColorFilterPoup .filterSize ul li a {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    border: 1px solid #0000001f;
    border-radius: 50px;
    text-align: center;
    align-content: center;
    display: inline-block;
    transition: all 0.3s ease-in-out;
  }

  .prodColorFilterPoup .color-options {
    padding-bottom: 90px;
  }

  .prodColorFilterPoup .color-options .color-btn.active {
    border-color: #FC7044;
  }

  .prodColorFilterPoup .doneBtn a {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    background-color: #FC7044;
    border: 1px solid #FC7044;
    padding: 15px 20px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    transition: all 0.3s ease-in-out;
  }

  .prodColorFilterPoup .doneBtn a:hover {
    color: #FC7044;
    background-color: #FC704414;
  }



  .delivery-buttons {
    display: flex;
    gap: 20px;
  }

  .delivery-buttons .delivery input[type="radio"]:checked+.radio-checkmark {
    background-image: url(../images/checkGreen.svg);
    background-repeat: no-repeat;
    border: 1.5px solid #37D147;
    background-position: center;
    background-size: cover;
  }

  .delivery-buttons .radio-checkmark {
    display: inline-flex;
    width: 20px;
    height: 20px;
    border: 1.5px solid #C4C8CC;
    border-radius: 4px;
    background-color: white;
    align-items: center;
  }

  .delivery-buttons .radio-btn {
    width: 20px !important;
    height: 20px;
    position: relative !important;
    margin: 0px !important;
  }

  .delivery-buttons .radio-btn {
    display: none;
  }




  .multyLocationStorepopup .multyLocationHeader {
    padding: 24px 0px 16px !important;
    background: none !important;
    display: flex;
    justify-content: flex-start;
    gap: 12px;
    align-items: center;
    border-bottom: 1px solid #0000001f;
    margin-bottom: 16px;
  }

  .multyLocationStorepopup .modal-body {
    padding-bottom: 0px !important
  }


  .multyLocationStorepopup .storesList {
    max-height: 512px;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .multyLocationStorepopup .storesList::-webkit-scrollbar {
    display: none;
  }

  .multyLocationStorepopup .storesList li {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    padding: 20px 15px;
    border-bottom: 1px solid #0000001f;
    border-radius: 12px;
  }

  .multyLocationStorepopup .storesList li img {
    margin-right: 12px;
    width: 20px;
  }

  .storesList li .store,
  .storesList li .location {
    margin: 0;
  }

  .multyLocationStorepopup .headingpopup {
    font-size: 18px;
  }

  .multyLocationStorepopup .storesList li .location {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
  }

  .multyLocationStorepopup .storesList li .store {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
  }

  .deliveryAddressSec .cartinformation {
    display: none;
  }

  .deliveryAddressSec .deliveryAddressRight .btn-checkout {
    padding: 15px 15px;
    line-height: 1.5;
  }

  .deliveryAddressSec .deliveryAddressRight .totalPayAmountBtn .totalPayAmount {
    display: none;
  }

  .deliveryAddressSec .deliveryAddressRight .coupenandofersinformationMob {
    display: none;
  }

  .content-donePayment .prodFeature {
    display: flex;
    align-items: center;
    padding-bottom: 0px;
    gap: 8px;
  }

  .content-donePayment .prodFeature .sizeinfo {
    padding: 0;
  }

  .searchproduct {
    padding: 100px 15px;
  }

  .contactUsSec .locationMap .timer p {
    -webkit-box-orient: vertical;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px;
  }

  .contactPoup .contactUsSec {
    padding: 0px !important;
    margin: 0 !important;
  }



  @media (max-width: 1440px) {
    .ml-75 {
      margin-left: 75px;
    }

    .contactUsSec {
      padding: 40px 15px 150px;
    }

    .header-nav1 {
      margin-left: -75px;
    }
  }

  @media (max-width: 1360px) {

    /* .percentinfo { 
    width: 38%; 
}
.product-info .detailCoupanSlider .coupen .coupendata{
  width: 62%; 
} */
    .product-info .detailCoupanSlider .coupen .unclokofer {
      font-size: 12px;
      text-wrap-mode: nowrap;
    }

    .product-info .detailCoupanSlider .coupen .coupentitle {
      font-size: 12px;
    }

    .product-info .detailCoupanSlider .coupen .coupendata p {
      font-size: 12px;
    }

  }


  @media (max-width: 1200px) {
    .nav-links .menuItem a {
      font-size: 14px;
    }

    .search-container input {
      padding: 13px 10px 13px 48px;
      width: 180px;
      border-radius: 8px;
      border: 1px solid #0F294B33;
    }

  }




  @media (max-width: 1024px) {
    .cover-image-responsive {
      left: 25% !important;
    }

    .profileSec .imageSlider .openCloseTagMob {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      display: flex;
      width: 100%;
      padding: 7px;
    }

    .openCloseTagMob .opentag {
      margin: 0;
      justify-content: flex-start;
    }

    .openCloseTagMob .searchicon-download {
      position: absolute;
      right: 10px;
    }

    .mobilesearchinput {
      margin-top: 30px;
      width: 100%;
    }

    .openCloseTagMob .closeTag {
      background-color: #E12C2C;
      display: none;
    }

    .openCloseTagMob .searchicon {
      background-color: #403f3f66;
      width: 30px;
      height: 30px;
      border-radius: 50px;
      text-align: center;
      align-content: center;
      line-height: 1;
      display: inline-block;
      margin-left: 8px;
    }

    .searchInput {
      display: none;
      width: 100%;
      padding: 10px;
      border: 1px solid #ccc;
      border-radius: 5px;
      margin-top: 10px;
    }

    .searchInput.show {
      display: block;
      /* Show input when toggled */
    }

    .ml-75 {
      margin-left: 0px;
    }

    .fs-28 {
      font-size: 24px;
    }

    .fs-24 {
      font-size: 22px;
    }

    .fs-18 {
      font-size: 16px;
    }

    .fs-16 {
      font-size: 14px;
    }

    .categoryHeading {
      font-size: 14px;
      margin: 0px 0px 10px;
    }

    .socialIconSec {
      display: block;
    }

    .mobHeadSec {
      display: block;
    }

    .productImg {
      min-height: 288px;
    }

    .socialIconSec .iconText {
      margin: 0px;
    }

    .headerdesk {
      display: none;
    }

    .strickyIcon {
      display: none;
      padding: 10px;
    }

    .strickyIcon ul li a img {
      width: 15px;
    }

    .footerdesk {
      display: none;
    }

    .mobHeadSec {
      box-shadow: 0px 5px 7px 0px #0000000A;
      background-color: #FFFFFF;
      padding: 15px;
      border-bottom: 1px solid #0000001F;
      border-radius: 0px;
      position: fixed;
      top: -2px;
      width: 100%;
      z-index: 9999;
    }

    .mobHeadSec .messageBtn .msgBtn {
      display: flex;
      align-items: center;
      gap: 7px;
    }

    .mobHeadSec .messageBtn .msgBtn img {
      width: 20px;
    }

    .socialIconSec {
      background-color: #FFF;
      padding: 10px 15px;
      border-top: 1px solid #51515152;
      border-radius: 0 0;
      position: fixed;
      bottom: -2px;
      width: 100%;
      z-index: 9999;
      left: 0px;
    }

    .product-grid {
      grid-template-columns: 1fr 1fr 1fr;
      gap: 30px;
      padding: 25px 0px 40px;
    }

    .footer {
      margin-bottom: 75px;
    }

    .footer .footerLinkOuter ul li.footerLink a {
      font-size: 14px;
    }

    .footer .logoWrapper>img {
      width: 120px;
    }

    .footer .logoWrapper span {
      font-size: 14px;
    }

    .categoriesOuter {
      padding: 100px 15px 0px;
    }

    .catOption {
      text-wrap-mode: nowrap;
      font-size: 14px !important;
    }

    .custom-max-width {
      max-width: 200px;
      /* Adjust as needed */
      white-space: nowrap;
      /* Prevents text from wrapping */
      overflow: hidden;
      /* Hides overflowing text */
      text-overflow: ellipsis;
      /* Adds "..." at the end */
    }

    .categories {
      justify-content: center;
      gap: 60px;
      margin: 0 auto;
      overflow-x: auto;
      overflow-y: hidden;
      white-space: nowrap;
      scrollbar-width: none;
      -webkit-overflow-scrolling: touch;
    }

    .product-section {
      padding: 25px 15px;
      text-align: center;
    }

    .categories {
      margin: 0 auto 0 0px;
    }

    .secHeading {
      font-size: 24px;
    }

    .swiperGallery-prev::before,
    .swiperGallery-next::before,
    .swiperCertificate-prev::before,
    .swiperCertificate-next::before,
    .swiper-button-prev::before,
    .swiper-button-next::before {
      background-size: 14px !important;
      width: 35px;
      height: 35px;
    }

    .swiperGallery-next::before,
    .swiperCertificate-next::before,
    .swiper-button-next::before {
      right: -15px;
    }

    .swiperGallery-prev::before,
    .swiperCertificate-prev::before,
    .swiper-button-prev::before {
      left: -15px;
    }

    .blogsSec .blogList>img {
      max-height: 230px;
    }

    .contactUsSec {
      padding: 20px 15px 40px;
      margin: 0;
    }

    .blogsSecOuter {
      padding: 40px 15px 20px;
    }

    .certificateSec {
      padding: 0px 15px 40px;
    }

    .categoriesOuterHome {
      padding: 50px 15px 0;
    }

    .contactUsSec .row {
      display: block;
    }

    .contactUsSec .contactstoreOuter {
      width: 100%;
      padding: 0px 0px 25px;
    }

    .contactUsSec .locationMap {
      width: 100%;
    }

    .contactUsSec .locationMap .timeDirection {
      display: flex;
    }

    .blogsSec .blogList .blogTitle a {
      font-size: 18px;
    }

    .blogsSec .blogList p.blogContent {
      font-size: 14px;
    }

    .rating-summary {
      margin-bottom: 24px;
    }

    .relatedproducts {
      margin-top: 24px;
    }

    .common-section {
      display: block;
    }

    .product-detail-page .product-info {
      width: 100%;
    }

    .rating-reviews-section,
    .filersection,
    .faq-section {
      padding: 0 15px;
    }

    .product-detail-page>.container {
      padding: 0px 0px 40px !important;
    }

    .product-detail-page {
      padding: 120px 15px 40px;
    }

    .product-detail-page .pincode-field .pincode {
      width: 100%;
      max-width: 100%;
    }

    .relatedproducts {
      padding: 0 15px 60px;
    }

    .rating-summary,
    .rating-breakdown {
      width: 100%;
    }

    .profileSec {
      padding: 0px 15px 40px;
      overflow: hidden;
    }

    .profileSec .coupenmain .coupen .coupendata p,
    .profileSec .coupenmain .coupen .coupendata .coupentitle {
      font-size: 12px;

    }

    .profileSec .coupenmain .coupen .coupendata {
      padding-left: 5px;
    }

    .filterleft {
      display: none;
      width: 100%;
    }

    .rating-container {
      padding-left: 20px;
      padding-right: 20px;
    }

    .buy-now-btn {
      width: 240px;

    }

    .add-to-cart-btn {
      width: 200px;
    }

    .product-color {
      margin-top: 24px;
    }

    .coupendata {
      padding: 12px 0px 12px;
    }

    .percentinfo img {
      position: relative;
    }

    .filersection .commntform {
      width: 100%;
    }

    .product-info .coupenmain {
      display: none !important;
    }

    .coupenmainmob .swiper-pagination-bullet-active {
      background: #20222385;
    }

    .coupenmainmob .swiper-pagination-bullets {
      width: auto;
      right: 10px;
      left: auto;
      bottom: 30px;
      display: none;
    }

    .coupenmainmob .swiper-pagination-fraction {
      text-align: right;
      position: relative;
      top: -60px;
      z-index: 2;
      margin-right: 15px;
      width: auto;
      font-size: 14px;
      color: rgb(32 34 35 / 52%);
      display: none;
    }

    .coupenmainmob.swiper-container {
      display: block !important;
    }

    .product-info {
      width: 100%;
    }

    .mobileCart {
      position: relative;
    }

    .socialIconList .cartCount {
      position: absolute;
      left: 14px;
    }

    .product-gallery {
      width: 100%;
      padding-right: 0px;
      position: relative;
    }

    .cartinformation .main-content {
      display: block;
    }

    .cardHeader .cardHeaderInner .navBreadcrum ul {
      gap: 30px;
    }

    .cardHeader .cardHeaderInner .navBreadcrum ul li.navLink::before {
      left: -20px;
      width: 12px;
      height: 12px;
    }

    .cardHeader .cardHeaderInner .cardHeaderRight .logoWrapper img {
      width: 90px;
    }

    .cardHeader .cardHeaderInner .cardHeaderRight span {
      font-size: 11px;
    }

    .cardHeader .cardHeaderInner .cardHeaderLeft span {
      font-size: 12px;
    }

    .cardHeader .cardHeaderInner .cardHeaderLeft .logoWrapper img {
      width: 40px;
    }

    .cartinformation .second {
      margin-bottom: 25px;
    }

    .cartinformation .main-content .base-content,
    .cartinformation .main-content .third-cart {
      width: 100%;
    }

    .cardHeader .cardHeaderInner {
      display: none;
    }

    .cardInnerMob {
      display: flex;
    }

    .cardHeader {
      border: none;
      border-radius: 20px 20px 0 0;
      /* background-color: #ffffffcc; */
      padding: 22px 15px;
    }

    .cardInnerMob .backToPrev {
      display: flex;
      align-items: center;
      gap: 12px;
      font-size: 22px;
      font-weight: 600;
      color: #202223;
    }

    .delivery-address-header,
    .home-info,
    .other-info,
    .deliveryAddressRight {
      width: 100%;
    }

    .common-contentBox {
      display: block;
    }

    .common-contentBox {
      padding: 20px;
    }

    .btn-add-new {
      width: 100%;
    }

    .delivery-address-header a {
      font-size: 14px;
    }

    .btn-add-new {
      width: 100%;
    }

    .other-info {
      margin-bottom: 24px;
    }

    .delivery-address-container {
      border-radius: 20px 20px 1px 1px;
    }

    .arrow {
      padding: 20px 20px;
    }

    .back-arrow {
      display: block;
    }

    .deliveryAddressSec .deliveryAddressLeft {
      width: 100%;
    }

    .dashboard .sidebar {
      width: 35%;
    }

    .dashboard .main-content {
      width: 65%;
      padding-left: 30px;
    }

    .dashboard .cart-p-common {
      display: block;
    }

    .dashboard .cart-p-common .cart-details {
      width: 100%;
    }

    .dashboard .delete-icon {
      width: 100%;
      padding-top: 20px;
    }

    .coupenpopup .back-arrow {
      font-size: 22px;
      font-weight: 600;
      padding: 0;
      color: #202223;
      margin-bottom: 24px;
    }

    section.privacy {
      padding: 100px 16px;
    }

    .profileSec .row {
      flex-direction: column-reverse;
      margin: 0;
    }

    .profileSec .second-col,
    .profileSec .first-col {
      width: 100%;
    }

    .bannerImg>img {
      width: 100%;
      border-radius: 15px;
    }

    .profileSec .first-col .bannerImg .bannerlist {
      border-bottom-right-radius: 15px;
      border-bottom-left-radius: 15px;
    }

    .linkQrCode .col:after {
      width: 165px;
    }

    .profileSec .second-col .linkQrCode {
      margin: 0px 20px 30px 20px;
    }

    .profileSec .second-col .socialIconSecDesk {
      margin-bottom: 30px;
    }

    .linkQrCode .swiper-button-next::before {
      right: -40px !important;
    }

    .linkQrCode .swiper-button-prev::before {
      left: -40px !important;
    }

    .profileSec .coupenmain .percentinfo .unclokofer {
      font-size: 12px;
      line-height: 1.5;
    }

    .footer .row {
      justify-content: center;
      align-items: center;
      gap: 40px;
    }

    .shareIconPopup {
      left: inherit;
      right: 0px;
    }


    .dropdownMenuMob {
      border-radius: 12px;
      display: none;
      list-style: none;
      padding: 16px;
      margin: 0;
      background-color: #fff;
      border: 1px solid #0000001F;
      position: absolute;
      bottom: 70px;
      right: 15px;
      width: 210px;
      z-index: 10;
      box-shadow: 0px 6px 24px 1px #0000001F;
    }

    .dropdownMenuMob .userinfoDrop {
      color: #00000085;
    }

    .product-info .detailCoupanSlider {
      position: unset;
      overflow: visible;
      width: 100%;
    }

    .deliveryAddressSec .deliveryAddressLeft .coupenandofersinformation {
      margin-bottom: 20px;
    }

    .search .mobHeadSec .search-container {
      display: block;
      display: block;
      padding: 0;

    }

    .search .mobHeadSec .header_right {
      width: 60%;
      display: block !important;
    }

    .search .mobHeadSec .search-container input {
      width: 100%;
      display: block;
    }

    .search .product-section {
      padding: 120px 15px 50px;
    }

    .contactPoup .modal-dialog {
      max-width: 95vw;
    }

    .contactPoup .main-containerInfo .popup-information {
      display: block;
    }

    .contactPoup .main-containerInfo .popup-information .container-row {
      width: 100%;
      padding-bottom: 30px;
    }

    .contactPoup .contactUsSec .locationmapinfo {
      width: 100%;
      border-radius: 20px;
    }

    .modal-content1 {
      width: 40%;
    }







  }

  @media (max-width: 767px) {
    .mobile-rating-reviews {
      margin-bottom: 80px;
    }

    .search-results {
      width: 77%;
    }

    .modal-content1 {
      width: 90% !important;
    }

    .modal-content1 {
      top: 45%;
      max-height: 75vh;
      overflow: auto;
    }

    .contactUsOuterSec,
    .productOuterSec,
    .profileSec,
    .updateOuterSec {
      padding-top: 50px !important;
      margin-top: -50px;
    }

    .fs-24 {
      font-size: 20px;
    }

    .strickyIcon {
      display: none;
    }

    .filersection .page-item.active .page-link {

      border-color: #FC7044;
    }

    .faq-section .accordion .card .card-header .btn {

      font-size: 14px;

    }

    .filersection a.page-link {
      width: 36px;
      height: 36px;

    }

    .product-info .detailCoupanSlider .coupen .coupendata {
      width: 67%;
      padding: 12px 10px 12px 0px;
    }

    .product-info .detailCoupanSlider .coupen.showOffers .coupendata {
      width: 80%;
    }

    .mobMenuHere.sticky .tabOuterDesktop {
      position: fixed;
      top: -2px;
      width: 100%;
    }

    .contactPoup .modal-dialog {
      max-width: 100%;
    }

    .contactHomeform .formSendInquiry,
    .formAppointment {
      padding: 0;
    }

    .email-error {
      bottom: -20px;
      font-size: 12px;
    }

    .filterboxmobile ul.variations li:nth-child(2) {
      display: block;
    }

    .formAppointment .groupinput:last-child input {
      margin: 0;
    }

    input#price-max {
      width: 100%;
    }

    .back-arrow {
      display: block !important;
      padding: 0 20px;
    }

    .checkoutpop .modal-dialog {
      top: initial;
      margin: 0;
      width: 100%;
      transform: translate(-50%, -50%) !important;
      position: absolute;
      bottom: 0 !important;
      max-width: 100%;
    }

    .calenderPoup .calenderOuter .datepickerOuter,
    .calenderPoup .calenderOuter .timeSelector {
      width: 100%;

    }

    .calenderPoup .calenderOuter .timeSelector .headingSelect {
      font-size: 20px;
      font-weight: 700;
      margin-top: 20px;
      display: flex;
      align-items: center;
    }

    .calendersuccesffull ul li a {
      font-size: 14px;
      font-weight: 400;

    }

    .calendersuccesffull .chvronlleft {
      display: block;
    }

    .calenderPoup .modal-body .btnContinue {
      width: 100%;
    }

    .calenderPoup .modal-dialog {
      transform: none !important;
      left: 0 !important;
    }

    .calenderPoup .calenderOuter {
      display: block;

    }

    .calenderPoup .modal-content {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
    }

    .dashboard .sidebar .dashboardlist {
      display: none;
    }

    .dashboard .heading-content .runningHead {
      font-size: 14px;
    }

    .dashboard .manager_address {
      padding-top: 100px;
    }

    /* For Webkit browsers (Chrome, Safari) */

    /* Style the range input */
    input[type="range"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      width: 100%;
      height: 5px;
      background: #FC7044;
      /* Track color */
      border-radius: 5px;
      outline: none;
      transition: background 0.15s ease-in-out;
    }

    /* Style the thumb (circle) of the range slider */
    input[type="range"]::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 10px;
      height: 10px;
      background: #FC7044;
      /* Thumb color */
      border-radius: 50%;
      cursor: pointer;
    }

    input[type="range"]::-moz-range-thumb {
      width: 10px;
      height: 10px;
      background: #FC7044;
      /* Thumb color */
      border-radius: 50%;
      cursor: pointer;
    }

    input[type="range"]:focus {
      background: #FC7044;
    }

    .cartCount {
      left: unset;
      right: 110px;
      top: 0px;
    }

    /* Optional: Add a color for the range track based on the value */
    input[type="range"]:focus::-webkit-slider-runnable-track {
      background: #FC7044;
    }

    /* html body .coupenmain {
  display: none !important;
} */

    /* modal css */


    .modal,
    .modal-contact {
      display: none;
      z-index: 99999 !important;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: #00000080;
      text-align: left;
      padding: 60px 15px 35px;
    }

    .buyNowModal .modal-content,
    .viewOffersModal .modal-content {
      width: 100% !important;
      top: initial !important;
      bottom: 0px !important;
      max-height: inherit !important;
      transform: none;
      left: 0px;
      z-index: 9999;
      position: fixed !important;
      border-radius: 20px 20px 0 0 !important;
    }

    /* .viewOffersModal  .modal-dialog{
  position: fixed !important;
  top: initial !important;
  bottom: 0px !important;
} */
    .filterboxmobile {
      display: block;
    }

    .categoryHeading {
      font-size: 12px;
    }

    .product-grid {
      grid-template-columns: 1fr 1fr;
      /* 2 products per row */
    }

    .headerdesk {
      display: none;
    }

    .footerdesk {
      display: none;
    }

    .categories {
      justify-content: space-between;
      margin-bottom: 0px;
      overflow-x: scroll;
      gap: 20px;
      overflow-y: hidden;
      max-width: 100%;
      padding-bottom: 10px;
    }

    ul.mobilevariation li {
      padding-bottom: 24px;
    }

    .viewOffersModal .modal-body {
      padding: 35px 15px 70px;
    }

    .modal-header {
      padding: 0;
      border: 0;
    }

    .filterboxmobile button {
      background-color: #f3f5f9;
      border: 1px solid #20222385;
      padding: 5px 17px;
      border-radius: 10px;
      height: auto;
      color: #202223;
    }

    ul.mobilevariation li {
      justify-content: space-between;
    }

    .buy-now ul.buyNowIconList img {
      width: 18px !important;
    }

    #viewOffersModal ul.variations li:nth-child(2) {
      display: block;
    }

    #viewOffersModal ul li {
      justify-content: space-between;
      margin-bottom: 24px;
    }

    #viewOffersModal ul {
      position: unset;
      background: transparent;
      box-shadow: none;
      padding: 36px 20px 75px;
    }

    .closepop,
    .triggerModalClose {
      color: #19223f85;
      font-size: 36px;
      font-weight: 300;
      position: absolute;
      line-height: 0.5;
      right: 15px;
      top: 15px;
    }

    .filterbox .variations,
    .filterbox .variationstwo {
      background: #FFFFFF;
      border-radius: 12px 12px 0 0;
      padding: 16px;
      position: fixed;
      left: 0;
      top: auto;
      width: 100%;
      z-index: 99999;
      text-align: left;
      box-shadow: 0 6px 24px 1px rgba(0, 0, 0, 0.12);
      bottom: 0px;
    }

    .headfilter .filter:first-child {
      margin-right: 10px;
    }

    .headfilter {
      display: flex;
    }


    .empty-cart {
      padding: 50px 15px;
      height: 100vh;
      align-content: center;
    }

    /* .mobHeadSec{
    background-color: #FFFFFFEB;
    padding: 15px;
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: #51515152;
    border-radius: 0 0 20px 20px;
    position: fixed;
    top: -2px;
    width: 100%;
    z-index: 9999;
  }


  .socialIconSec {
    background-color: #FFFFFFEB;
    padding: 10px;
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: #51515152;
    border-radius: 0 0 20px 20px;
    position: fixed;
    bottom: -2px;
    width: 100%;
    z-index: 9999;
} */
    .socialIconSec .socialIconGride .socialIconList span.socialIcon img {
      width: 32px;
    }

    .socialIconSec .socialIconGride .socialIconList:last-child span.socialIcon {
      border: none;
      padding: 0px;
    }

    .category img {
      width: 70px;
    }

    .categoriesOuter {
      padding: 20px 15px 0px;
    }

    ul.mobilevariation li:first-child {
      border-bottom: 0.5px solid #0000001F;
      margin-bottom: 12px;
    }

    .catOption {
      text-wrap-mode: nowrap;
      font-size: 13px !important;
    }

    .productImg {
      min-height: 288px;
    }

    .badge {
      display: none;
    }

    .clrRating {
      display: none !important;
    }

    .product-info .productName {
      padding: 0px;
      min-height: 45px;
    }

    .product-info {
      padding: 0;
    }

    .original-price {
      display: none;
    }

    .discount {
      display: none;
    }

    .buy-now {
      font-size: 14px;
      padding: 7px 10px;
    }

    .buy-now ul.buyNowIconList li:first-child img {
      width: 20px !important;
    }

    .buy-now ul.buyNowIconList svg {
      width: 18px !important;
    }

    .fs-28 {
      font-size: 20px;
    }

    .product-grid {
      padding: 16px 0;
      gap: 15px;
    }

    .fs-16 {
      font-size: 14px;
    }

    .fs-18 {
      font-size: 14px;
    }

    .productName {
      font-weight: 700;
    }

    .footer .footerLinkOuter {
      display: block;
      width: 100%;
    }

    .footer .footerLinkOuter ul {
      justify-content: space-between;
      gap: 10px;
      display: flex;
    }

    .logoWrapper {
      padding: 0px 0px;
      margin: 0 auto;
      text-align: center;
    }

    .footer {
      margin-bottom: 75px;
      padding: 40px 15px 60px;
    }

    .footer .logoWrapper span {
      font-size: 16px;
      display: block;
      padding: 0 0 15px;
    }

    .footer .logoWrapper>img {
      width: 158px;
    }

    .secHeading {
      font-size: 20px;
    }

    .contactUsSec .locationMap .timer .locationText {
      display: block;
    }

    .contactUsSec {
      padding: 20px 0px 0px;
      margin: 0;
    }

    .footer .footerLinkOuter .footerCopyright {
      display: block;
      text-align: center;
      padding: 0 0 12px;
      font-size: 14px;
    }

    .contactHomeform .radioSelector .form-check label {
      font-size: 14px;
    }

    .contactstore .secHeading {
      font-size: 20px;
      padding: 0 0 15px;
    }

    .contactform label {
      font-size: 12px;
      padding-bottom: 8px;
    }

    .contactHomeform input {
      font-size: 16px;
    }

    textarea {
      font-size: 14px;
    }

    .groupinput {
      gap: 15px;
    }

    .formAppointment .groupinput:last-child {
      display: block;
    }

    .formAppointment .groupinput:last-child .input-group {
      width: 100%;
      padding-bottom: 25px;
    }

    .formAppointment .groupinput:last-child .formgroup {
      width: 100%;
    }

    .contactUsSec .locationMap .timer .locationText {
      display: block;
      font-size: 18px;
      padding-bottom: 10px;
      line-height: 1.2;
    }

    .businessHours {
      font-size: 14px;
    }

    .contactUsSec .locationButton {
      width: 100%;
    }

    .contactUsSec .locationButton a {
      display: flex;
      margin-top: 15px;
    }

    .businessHourSec {
      padding: 0px 15px 40px;
      display: block;
    }

    .businessHourSec .businessInner {
      display: block !important;
    }

    .businessHourSec ul {
      padding: 0px;
      margin: 0px;
      list-style: none;
    }

    .businessHourSec ul li,
    .businessHourSec ul li em {
      font-size: 16px;
    }

    .businessHourSec ul li {
      font-size: 18px;
      font-weight: 500;
      font-family: 'Inter';
      color: #00000085;
      line-height: 1.2;
      display: flex;
      gap: 20px;
      justify-content: space-between;
    }

    .businessHourSec ul li+li {
      padding-top: 15px;
    }

    .businessHourSec ul li em {
      font-style: normal;
      display: block;
    }

    .businessHourSec ul li em+em {
      padding-top: 10px;
    }

    .businessHourSec .upcomingOff h4 {
      font-size: 16px;
      font-weight: 600;
      margin: 0px;
      padding: 20px 0px;
      line-height: 1;
    }

    .businessHourSec .col {
      padding: 0px;
    }

    .businessHourSec .row {
      display: flex;
    }

    .gallerySec .outerSec {
      background-color: #f4f4f4;
      border-radius: 32px;
      margin: 30px 0px 0px;
      padding: 30px 15px;
    }

    .gallerySec {
      padding: 0;
    }

    .swiperGallery-next::before,
    .swiperCertificate-next::before,
    .swiper-button-next::before {
      right: -10px;
    }

    .swiperGallery-prev::before,
    .swiperCertificate-prev::before,
    .swiper-button-prev::before {
      left: -10px;
    }

    .gallerynew .swiper-slide img {
      border-radius: 12px;
    }

    .contactUsSec .locationMap .timeDirection {
      padding: 15px;
      background-color: #F4F4F4;
      border-radius: 0 0 12px 12px;
      flex-direction: column-reverse;
      align-items: flex-start;
    }

    .contactUsSec .locationMap {
      background: #fff;
      padding: 0px 15px;
    }

    .contactUsSec .locationMap iframe {
      width: 100%;
      max-height: 290px;
      object-fit: cover;
      border-radius: 12px 12px 0 0;
    }

    .review-item h3 {
      font-size: 14px;

    }

    .progress-bar {
      background-color: #E4E9EE;
    }

    .progress {
      width: 60px !important;
      height: 60px !important;
      font-size: 28px;
      z-index: 8;
    }

    .progress .title {
      font-size: 18px;
    }

    .star-item {
      margin-bottom: -10px;
    }

    .rating-stars .text p,
    .rating-no,
    .numbers {
      font-size: 12px;
      font-weight: 500;

      color: #202223;
    }

    .progress-fill-one,
    .progress-bar,
    .progress-fill-two,
    .progress-fil-three {
      border-radius: 0;
    }

    .coupentitle {
      /* font-size: 12px; */

    }

    .coupendata {
      padding: 9px 0px 9px;
    }

    .relatedproducts h2.faq {
      font-size: 16px;
      margin-bottom: 20px;
    }

    .view {
      font-size: 16px;
    }

    .product-quantity label {

      margin-bottom: 12px;
    }

    .custom-accordion-container .custom-faq-card:first-child {
      padding-bottom: 0px;
    }

    .container .custom-faq-section {
      margin-bottom: 130px;
    }

    .product-info p,
    .product-description ul li {
      font-size: 14px;

    }

    .product-detail-page>.container {
      padding: 0px 0px 0px !important;
    }

    .product-detail-page .product-info ul li {
      font-size: 14px;
      font-weight: 400;
      max-width: 100%;
    }

    .pincode button {

      top: 22px;
    }

    .pincode input {

      padding: 18px 20px;

    }

    .product-gallery .pagination-mobile {
      position: absolute;
      bottom: 82px;

      left: 50%;
      transform: translate(-50%, -50%);
    }

    .product-gallery .pagination-mobile span.page-num.current {
      border-radius: 50%;
      background: #FC7044;
      font-size: 0;
      width: 10px;
      height: 10px;
      padding: 5px;
    }

    .product-detail-page .product-info {
      padding: 0 15px;
    }

    .product-gallery .pagination-mobile span.page-num {
      border-radius: 50%;
      background: rgb(32 34 35 / 12%);
      font-size: 0;
      width: 6px;
      height: 6px;
      padding: 3px;
      margin: 0 1px;
    }

    .product-detail-page {

      padding: 0px;
    }

    .product-gallery ul.carousel__slider {
      padding: 0 15px;
      margin-bottom: 24px;
      gap: 15px;
    }

    .product-cardrelated .product-info {

      margin-bottom: 0px;
    }

    .product-cardrelated .product-info .productName {
      font-size: 14px;
      margin-bottom: 20px;
      font-weight: 700;

    }

    .rating-reviews-section .main-heading {
      font-size: 16px;
      margin: 0px;

    }

    .product-cardrelated .clrRating span {
      font-size: 12px;
      border: 0;
    }

    .product-cardrelated img {
      height: 168px;

    }

    .rating-reviews-section {
      margin-top: 20px;
    }

    .card-body.faq-answer {
      font-size: 14px;
    }

    .relatedproducts {
      padding: 24px 15px 130px;
    }

    .faq-title {
      font-size: 14px;
    }

    .faq-section {
      margin-top: 0px;
    }

    .page-link {
      padding: 9px 14px;
      font-size: 11px;
    }

    .page-item.active .page-link {

      border-color: #FC7044;
    }

    .review-item {
      margin-bottom: 20px;
      padding-top: 20px;
      margin-top: 20px;
    }

    .product-cardrelated .rating svg {
      margin-right: 5px;
      width: 12px;
    }

    .commntform {
      width: 100%;
    }

    .review-item p {
      margin: 10px 0 10px;
      font-size: 12px;
    }

    .authorinfo.d-flex span:nth-child(2) {
      font-size: 12px;
    }

    .review-outer {
      width: 100%;
    }

    .coupenmainmob .swiper-pagination-bullet {
      margin: 0 2px;
    }

    .product-color span,
    .product-quantity label,
    .product-size span,
    .product-color label,
    .product-size label {
      font-size: 16px;
    }

    .product-title,
    .product-price {
      font-size: 20px;

    }

    .review-outer h5 {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 12px;
    }

    #quantity {
      width: 20px;
      height: 30px;

      padding: 5px 0px;

    }

    .faq-section .accordion .card .card-header {
      padding: 12px 12px;
      line-height: 0;
    }

    .quantity-btn {
      width: 50px;
      height: 30px;
      padding: 5px 12px;
      display: flex;
      align-items: center;
    }

    .quantity-controls {

      width: 95px;
    }

    .cutprice {
      font-size: 14px;
      margin-top: 0px;
    }

    .common-section {
      display: block;
      padding: 16px;
    }

    .upload-button {
      font-size: 14px;
    }

    #commentform .form-submit input {
      font-size: 14px;
    }

    .submitconainer {
      padding: 0 12px;
    }

    .rating-container .container h2 {
      padding: 24px 0 24px;
      margin: 0 !important;
      font-size: 16px;
    }

    .relatedproducts .product-grid {
      padding: 0 0 25px;
      gap: 22px;
    }

    .offer {
      font-size: 12px;
      padding: 3px 7px;
    }

    .pincode button {
      font-size: 12px !important;
    }

    .coupenmainmob .swiper-pagination-bullet {
      background-color: #888;
      /* Bullet color */
    }

    .coupenmainmob .swiper-pagination-bullet-active {
      background-color: rgb(32 34 35 / 52%);
    }

    .coupenmainmob .swiper-pagination-fraction {
      font-size: 14px;
      color: rgb(32 34 35 / 52%);
      font-weight: bold;
    }

    .coupenmain {
      display: flex;
      justify-content: space-between;
    }

    /* Swiper Styles */
    .coupenmainmob.swiper-container {
      width: 100%;
      height: 100%;
      margin-top: 30px;
    }

    .coupenmainmob .swiper-wrapper {
      display: flex;
    }

    .custom-faq-section button {
      font-size: 16px;
    }

    .coupen {
      display: flex;
      width: 100%;
      align-items: center;
    }

    .profileSec .coupenmain .percentinfo {
      min-height: 60px;
    }

    .coupendata {
      margin-left: 10px;
    }

    .image-thumbnail-carousel {
      width: 90vw;
    }

    .active.carousel__slide {
      outline-offset: 3px;
    }

    .carousel__btn {
      flex-grow: 0;
    }

    .product-gallery .thumbnail-carousel {
      user-select: none;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .product-gallery .thumbnail-carousel .thumbnail img {
      height: 100%;
      width: 100%;
    }

    .product-gallery .thumbnail-carousel li.carousel__slide.active .thumbnail img {
      border: 2px solid #FC7044;
      border-radius: 8px;
    }

    .product-gallery .thumbnail-carousel .carousel__slide {
      width: 60px;
      height: 60px;
      margin-right: 0;
    }

    .product-gallery .image-display {
      padding-bottom: 12px;
    }

    .product-gallery .thumbnail {
      z-index: 99;
      transition: opacity 150ms ease-out;
      bottom: 20%;
    }

    .product-gallery .image-display .screen img {
      min-height: 395px;
      border-radius: 0;
    }

    .carousel__slide:not(.active):hover .thumbnail {
      opacity: 1;
      display: block;
      animation: show 250ms ease-out forwards;
      box-shadow: 0 0.375em 0.67em #0003, 0 0.5em 1.3em #0002;
    }

    .modal .modal-body {
      padding: 24px 16px;
    }

    @keyframes show {
      from {
        opacity: 0;
        transform: scale(0);
      }

      to {
        display: block;
        transform: scale(1);
        opacity: 1;
      }
    }

    /* ---------------------Cart page-------------- */
    .cartinformation .main-content,
    .couponOfferMob {
      display: block;

    }

    .heading-content .prodSizeColor .color .red {
      width: 18px;
      height: 12px;
    }

    .heading-content .prodSizeColor .color {
      font-size: 14px;
    }

    .prodColorFilterPoup .productBuy {
      display: none;
    }

    .cart-details .cart-img {
      max-width: unset;
    }

    .pricingblockMob .priceOffer .original-price,
    .pricingblockMob .priceOffer .discount {
      display: block;
    }

    .pricingblockMob .priceOffer>span {
      padding: 0 !important;
    }

    .pricingblockMob .priceOffer .discount {
      margin-left: 5px;
    }

    .heading-s-cart-head,
    .heading-s-cart-dop {
      font-size: 16px;
      line-height: 1;

    }

    .prodColorFilterPoup .filterSize {
      padding-top: 20px;
    }

    .prodColorFilterPoup .close {
      display: none;
    }

    .prodColorFilterPoup .color-options {
      padding-bottom: 30px;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;

    }

    .billing-summary .couponsHead {
      line-height: 1;
      padding-top: 5px;
    }

    .checkout {
      position: fixed;
      bottom: 0px;
      width: 100%;
      left: 50%;
      padding: 5px 15px 20px;
      transform: translateX(-50%);
      background-color: #f3f5f9;
    }

    .checkout .btn-checkout {
      margin: 0px;
    }

    .billing-summary .heading-s-cart {
      font-size: 16px;
      padding-top: 0;
    }

    .delivery {
      max-width: 100%;
      width: 160px;
    }

    .cartinformation .second {

      margin-bottom: 20px;
    }

    .cartinformation .pricingblock .priceOffer {
      display: none !important;
    }

    .cartinformation .pricingblockMob {
      display: block;
    }

    .cartinformation {
      padding: 0 15px 100px;
    }

    .cancelation {
      padding: 0 15px 50px;
    }

    .third-cart .btn-checkout {

      padding: 8px 0px;
    }

    .cancelation button.btn.btn-checkout {

      margin-top: 80px;
      display: block;
    }

    .cart-p-common {

      margin-bottom: 15px;

    }

    .heading-content {
      padding-left: 15px;
    }

    .couponOfferDesk {
      display: none;
    }


    .cartinformation .delivery-buttons .one-btn,
    .delivery-buttons .two-btn {
      width: 47%;
    }

    .heading-content .size {
      font-size: 14px;
    }

    .cartinformation .runningHead {
      padding-bottom: 5px;
    }

    .cartinformation .cart-details .quantity-btn {
      height: 31px;
      width: 25px;
    }

    .cartinformation .delete-icon img {
      width: 20px;
    }

    .cartinformation .second {
      margin-bottom: 16px;
    }

    .cartinformation .delivery-buttons .delivery {
      width: 100%;
    }

    .cartinformation .couponOfferMob {
      background-color: #fff;
      border-radius: 12px;
      border: none;
      margin-bottom: 15px;
      padding: 12px;
      display: flex;
    }

    .couponOfferMob .viewOffers .heading-s-cart-head {
      padding-bottom: 10px;
    }

    .couponOfferMob .slider-vector {
      padding-right: 10px;
    }

    .empty-cart-content .btn-shop-now {
      font-size: 16px;
      line-height: 1.3;
    }

    .empty-cart-content .btnShopNow {
      position: fixed;
      bottom: 0px;
      width: 100%;
      left: 50%;
      transform: translateX(-50%);
      padding: 5px 15px 20px;
      background-color: #f3f5f9;
    }

    .checkoutpop form p {
      margin: 0 auto 0px;
    }

    .modal-header .leftinfo,
    .modal-header .rightinfo {
      display: none;
    }

    .otp-container {
      margin-bottom: 100px;
    }

    .modal-header {
      background: transparent !important;
      padding: 0 !important;
    }

    .checkoutpop .modal-body {
      background: #fff;
    }

    ul.listcheckout {
      display: none !important;
    }

    .poweredby.mobile {
      display: block !important;
      font-size: 14px;
      color: #202223B8;
      justify-content: flex-start !important;
      margin-bottom: 24px;
    }

    .cartinformation .main-content {
      display: block;

    }

    .otp-container input {
      width: 100%;
      font-size: 18px;
    }

    .checkoutpop input {
      font-size: 14px;
    }

    .checkoutpop .modal-body {
      padding: 30px 15px;
      border-radius: 16px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }

    .checkoutpop .form-group {
      margin-bottom: 40px;
    }

    .checkoutpop form {
      border-top: 0;
      padding: 0;
    }

    .checkoutpop .modal-footer,
    .checkoutpop .modal-header .close {
      display: none;
    }

    .checkoutpop {
      padding: 0 !important;
    }

    .checkoutpop .modal-content {
      height: auto;
      overflow: inherit;
    }

    .checkoutpop .modal-header.d-flex {
      padding: 15px 15px;
    }

    .heading-s-cart-head,
    .heading-s-cart-dop {
      font-size: 16px;

    }

    .checkoutpop .modal-dialog {

      transform: translate(-50%, 0%) !important;
    }

    .delivery {
      max-width: 100%;
      width: 160px;
    }

    .third-cart .btn-checkout {

      padding: 8px 0px;
    }

    .third-cart .btn-checkout,
    .checkoutpop form button {
      margin-bottom: 10px;
      font-size: 16px;
    }

    .cancelation button.btn.btn-checkout {

      margin-top: 80px;
      display: block;
    }

    .heading-content {
      padding-left: 15px;
    }

    .third-cart .btn-checkout,
    .checkoutpop form button {

      padding: 8px 0px;
    }

    .checkoutpop .form-group label {
      background-color: #ffffff;
    }

    .coupenpopup button {

      right: 5%;
    }

    .coupenavailable .coupens {

      margin-bottom: 5px;
    }

    .coupenavailable .percentinfo {
      padding: 10px 10px;

    }

    .coupenpopup .back-arrow {
      font-size: 22px;
      font-weight: 600;
      padding: 0;
      color: #202223;
      margin-bottom: 24px;
    }

    /* .coupenpopup .formtitle {
  display: none;
} */
    body.delvryaddress {
      height: auto;

    }

    .coupenpopup .offertitle {
      font-size: 18px;

    }

    .coupenpopup .modal-content {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;

    }

    .feedbackpopup a.back-arrow {
      padding: 0 !important;
      margin-bottom: 24px;

    }

    .feedbackpopup .arrow {
      padding: 0;
    }

    .feedbackpopup .modal-body {
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      padding: 20px 15px;
    }

    .checkoutpop .modal-header.d-flex {
      display: none !important;
    }

    ul.cancellist li {
      font-size: 14px;
    }

    ul.cancellist input[type="checkbox"] {
      width: 15px;
      height: 15px;

    }

    .delivery-address-container .back-arrow span.arrow {
      padding: 0 !important;
    }

    .addessspopup .modal-dialog {
      top: auto;
      margin: 0;
      width: 100%;
      transform: translate(-50%, -50%) !important;
      position: absolute;
      bottom: 0 !important;
      max-width: 100%;
      transform: translate(-50%, 0%) !important;
    }

    .addessspopup form button {

      font-size: 16px;
      padding: 8px 0px;
    }

    .addessspopup .modal-body {
      padding: 30px 15px;
      border-radius: 16px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }

    .addessspopup .modal-content {
      border-radius: 16px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      padding: 0;
    }

    .delivery-address-header,
    .home-info,
    .other-info,
    .deliveryAddressRight {
      width: 100%;
    }

    .common-contentBox {
      display: block;
    }

    .common-contentBox {
      padding: 20px;
    }

    .btn-add-new {
      width: 100%;
    }

    .delivery-address-header a {
      font-size: 14px;
    }

    .addessspopup .formtitle {
      font-size: 20px;

    }

    .failed-payment-content .btns {
      position: fixed;
      left: 0;
      right: 0;
      padding: 5px 20px 10px;
      bottom: 0;
      background-color: #f3f5f9;
    }

    .orderListInfo {
      position: fixed;
      bottom: 0px;
      padding: 5px 16px 10px;
      background-color: #f3f5f9;
      left: 50%;
      transform: translateX(-50%);
      width: 100%;
    }

    .content-donePayment .sizeinfo {
      font-size: 14px;
    }

    .content-donePayment .price-info {
      font-size: 14px;
      line-height: 1;
    }

    .content-donePayment .track_order {
      font-size: 16px;
    }

    .paymentFailed .cardHeader,
    .paymentDone .cardHeader,
    .error .cardHeader,
    .emptyBag .cardHeader {
      position: fixed;
      top: 0;
      width: 100%;
      left: 0px;
    }

    .error-page {
      padding: 50px 15px;
      height: 100vh;
      align-content: center;
      align-items: center;
    }






    .addessspopup .userform {
      border-top: 0;
      padding-top: 0px;
    }

    .btn-add-new {
      width: 100%;
    }

    .other-info {
      margin-bottom: 24px;
    }

    .delivery-address-container {
      border-radius: 20px 20px 1px 1px;
    }

    .arrow {
      padding: 20px 20px;
    }

    .back-arrow {
      display: block;
    }

    .btn-back .options-btn {
      width: 100%;
      font-size: 16px;
      padding: 13px 0px;
    }

    .btn-back .options-btn {
      width: 100%;
    }

    .content-info {
      width: 100%;
    }

    .paymen-info .main-containerBox {
      padding: 0;
    }

    .back-arrow {
      display: block;
    }

    .paymen-info {
      padding: 50px 15px 150px;
      border-radius: 20px 20px 0px 0px;
      height: 100vh;
      align-content: center;
    }

    .done-paymentImg {
      width: 40%;
      padding-bottom: 24px;
    }

    .option-two-btn {
      width: 100% !important;
      font-size: 16px;
      padding: 15px 12px;
    }

    .failed-payment-content {
      padding: 0px;
    }

    .option-one-btn {
      width: 100%;
      font-size: 16px;
      padding: 15px 12px;

    }

    .failed-pay-container {
      border-radius: 20px 20px 0px 0px;
      padding: 50px 15px;
      align-content: center;
      height: 100vh;
    }

    .dashboard .sidebar {
      width: 100%;
      margin-bottom: 25px;
    }

    .socialIconSec .socialIconGride .socialIconList span.socialIcon svg {
      width: 24px;
      min-height: 25px;
    }

    .dashboard .main-content {
      padding: 0;
      width: 100%;
    }

    .dashboard .cart-p-common .cart-details {
      width: 100%;
    }

    .dashboard .cart-p-common {
      display: block;
    }

    .dashboard .delete-icon {
      width: 100%;
      gap: 10px;
      padding-top: 20px;
    }

    .manage_outeraddress {
      grid-template-columns: 1fr;
    }

    .dashboard .manager_address .adresheading p {
      font-size: 18px;
    }

    .dashboard .main-content .adresheading {
      font-size: 18px;
    }

    .homeoffers .modal-dialog {
      top: initial;
      margin: 0;
      width: 100%;
      transform: translate(-50%, -50%) !important;
      position: absolute;
      bottom: 0 !important;
      max-width: 100%;
      transform: translate(-50%, 0%) !important;
    }

    .linkQrCode .col:after,
    .linkQrCode .swiper-button-next::before,
    .homeoffers button.close,
    .linkQrCode .swiper-button-prev::before {
      display: none;
    }

    .error-page-content .btn-shop-now {
      display: none;
    }

    section.privacy {
      padding: 100px 16px;
    }

    .privacy .privacy-policy-Information p {
      font-size: 16px;
    }

    .privacy .privacy-policy-Information ul li {
      font-size: 16px;
      margin-left: 20px;
    }

    .privacy .privacy-policy-Information ol li {
      font-size: 16px;
      margin-left: 35px;
    }

    .privacy .privacy-policy-Information p a {
      font-size: 16px;
    }

    .privacy .privacy-policy-Information h1 {
      font-size: 30px;
    }

    .privacy .privacy-policy-Information .productHeading {
      padding-bottom: 20px;
    }

    .dropdownMenuMob {
      width: 100%;
      right: 0px;
      bottom: 0px;
      padding: 34px 16px;
      border-radius: 12px 12px 0 0;
    }

    .dropdownMenuMob .userinfoDrop p,
    .dropdownMenuMob .dropMenu p.dropText {
      font-size: 16px !important;
    }

    .dropdownMenuMob .dropdownMenu .dropMenu+.dropMenu {
      margin: 15px 0px 0;
    }

    /* .mainHome .mobHeadSec {
  display: none;            // comment for not showing in mobile view
} */

    .profileSec .bannerImg {
      margin: 0 -15px;
    }

    .profileSec .bannerImg>img {
      border-radius: 0;
      min-height: 200px;
      object-fit: cover;
    }

    .profileSec .first-col .bannerImg .bannerlist {
      border-radius: 0;
    }

    .profileSec .row {
      gap: 0;
    }

    .mobMenuHere .tabOuterDesktop {
      display: flex;
      overflow-x: scroll;
      border-radius: 0;
      padding: 12px 10px;
      border: none;
      box-shadow: 0 5px 5px 0 rgba(0 0 0 / 12%);
      background-color: #fff;
      z-index: 9;
      margin: 0px -15px;
      transition: all 0.5s ease-in-out;
    }

    .mobMenuHere .menu-item-desk.active {
      color: #FC7044;
      font-weight: 600;
      position: relative;
    }

    .mobMenuHere {
      display: block;
    }

    .mobMenuHere.sticky {
      z-index: 999;
    }

    .mobMenuHere .menu-item-desk {
      color: #00000085;
      font-weight: 500;
      font-size: 14px;
      text-wrap: nowrap;
      line-height: 15px;
      padding: 0 5px;
    }

    .mobMenuHere .menu-item-desk+.menu-item-desk {
      margin-left: 20px;
    }

    .mobMenuHere .menu-item-desk.active:after {
      content: " ";
      position: absolute;
      bottom: -12px;
      left: 0;
      background: #FC7044;
      width: 100%;
      border-radius: 10px 10px 0 0;
      height: 4px;
    }

    .profileSec .second-col .opentag {
      display: none;
    }

    .profileSec .second-col .profilebox {
      margin: 20px 0px 0px;
    }

    .profileSec .second-col .profilebox h1 {
      font-size: 18px;
    }

    .profileSec .second-col ul li p {
      font-size: 14px;
    }

    .profileSec .icon-list {
      padding-bottom: 15px;
      margin-bottom: 15px;
      border-bottom: 1px solid #0000001f;
      gap: 10px;
      display: flex;
      justify-content: space-between;
    }

    .profileSec .icon-list li {
      margin-right: 0;
    }

    .profileSec .second-col .linkQrCode {
      margin: 0px 0px 20px;
    }

    .profileSec .second-col .linkQrCode .socialcontent p {
      text-wrap-mode: nowrap;
    }

    .socialIconSecDesk .socialIconLeft {
      display: block;
      width: 100%;
      text-align: center;
    }

    .socialIconSecDesk .socialIconLeft .showNoBtn {
      width: 100% !important;
      margin-bottom: 10px;

    }

    .socialIconSecDesk .socialIconLeft img {
      padding-left: 0;
    }

    .profileSec .second-col .linkQrCode .swiper-container,
    .profileSec .coupenmain .swiper-container {
      overflow: visible;
    }

    .shareIconPopup {
      position: fixed;
      bottom: -100%;
      top: initial;
      z-index: 999999;
      width: 100%;
      padding: 30px 15px;
      border-radius: 12px 12px 0 0;
      opacity: 1;
      transition: all 0.6s ease-in-out;
    }

    .shareIconPopup .externalLinkGride {
      display: grid;
      grid-template-columns: 1fr;
      gap: 20px 80px;
      padding-right: 0px;
    }

    .shareIconPopup .textShare {
      display: block;
      padding-bottom: 25px;
    }

    .product-detail-page .product-info .shareicon .shareIconPopup {
      left: inherit;
      right: 0px;
    }

    .product-actions .proBtnGroupMobFixed .add-to-cart-btn,
    .product-info .product-actions .proBtnGroupMobFixed .buy-now-btn {
      line-height: 1;
      padding: 12px 15px;
      font-size: 16px;
    }

    .product-detail-page .product-info .shareicon {
      display: none;
    }

    .shareIconPopup.show {
      display: inline-block;
      bottom: 0px;
    }

    .product-section {
      border-bottom: 1px solid #0000001f;
    }

    .certificateSec {
      padding: 25px 15px 40px;
    }

    .contactHomeform .formSendInquiry .groupinput {
      display: block;
      padding-bottom: 30px;
    }

    .contactHomeform .formSendInquiry .groupinput .input-group,
    .contactHomeform .formSendInquiry .groupinput .formgroup {
      width: 100%;
    }

    .contactUsSec .locationButton .locationText {
      display: block;
      font-size: 18px;
      font-weight: 700;
      color: #000;
    }

    .contactUsSec .locationMap .timer {
      padding-top: 12px;
      width: 100%;
    }

    .contactUsSec .locationMap .timer>p {
      display: none;
    }

    .businessOuterMob .businessInner {
      position: initial;
      width: 100%;
      background-color: transparent;
      box-shadow: none;
      padding: 12px 0px !important;
    }

    .businessOuter .businessInner ul {
      margin: 0px 0px 0px -10px;
    }

    .logoutBtnMob {
      display: block;
    }

    .logoutBtnMob a {
      color: #E12C2C;
      padding: 12px;
      margin-top: 24px;
      display: inline-flex;
      font-size: 16px;
      gap: 12px;
    }

    .swiper-pagination,
    .swiper-pagination1,
    .swiper-paginationC {
      display: block;
    }

    .swiper-pagination-bullet {
      width: 8px;
      height: 8px;
    }

    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
      margin: 0 2px;
    }

    .headfilter .filter {
      padding: 5px 10px;
    }

    .filterbox .variations .filterTitle,
    .filterbox .variationstwo .filterTitle {
      display: block;
      font-size: 18px;
      padding-bottom: 10px;
      margin-bottom: 16px;
      border-bottom: 1px solid #0000001f;
    }

    .filterbox .variations,
    .filterbox .variationstwo {
      padding: 35px 16px;
    }

    .product-gallery .pagination-mobile {
      display: block;
    }

    .coupenmainmob.swiper-container {
      display: block !important;
      position: relative;
    }

    .product_detail .mobHeadSec {
      display: none;
    }

    .productDetailMobOuter {
      display: block;
    }

    .productDetailMobIcon {
      display: flex;
      justify-content: space-between;
      width: 100%;
      position: absolute;
      top: 50px;
      left: 0;
      z-index: 999;
      padding: 15px;
    }

    .productDetailMobIcon span {
      background-color: #00000052;
      width: 36px;
      height: 36px;
      text-align: center;
      align-content: center;
      line-height: 0;
      border-radius: 50px;
    }

    body.overlay:before {
      content: " ";
      position: absolute;
      left: 0;
      top: 0;
      background-color: #0000009e;
      width: 100%;
      height: 100%;
      z-index: 9999;
    }

    body.overlay {
      overflow: hidden;
      position: relative;
    }

    .productDetailMobIcon .goBackIcon {
      display: inline-flex;
    }

    .productDetailMobIcon span img {
      width: 18px;
      height: 18px;
    }

    .productDetailMobIcon .shareCartIcon {
      display: flex;
      gap: 12px;
    }

    .productDetailMobIcon .cardIcon {
      position: relative;
    }

    .productDetailMobIcon .cardIcon .cartCount {
      position: absolute;
      right: 0px;
      left: initial;
      top: -5px;
      font-size: 10px;
      border-radius: 50%;
      background-color: #fd714c;
      color: #fff !important;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      width: 15px;
      height: 15px;
    }

    .product-detail-page .product-info .product-title>img {
      display: none;
    }

    .product-info .product-color .color-options {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .product-info .product-actions .proBtnGroupMobFixed {
      position: fixed;
      background-color: #fff;
      border-top: 1px solid #00000033;
      bottom: 0px;
      left: 0;
      width: 100%;
      padding: 12px 15px 20px;
      z-index: 99;
    }

    .product-info .product-actions .proBtnGroupMobFixed button {
      font-size: 16px;
      padding: 12px;
      line-height: 1;
    }

    .reviewFilterOuter .reviewFilter {
      display: inline-flex;
      border: none;
      background-color: transparent;
      align-items: center;
      justify-content: center;
      line-height: 1;
      gap: 10px;
      font-size: 14px;
      font-weight: 500;
      color: #000000b8;
    }

    .reviewFilterOuter {
      padding-bottom: 12px;
    }

    .reviewFilterOuter .sectionouter.show {
      display: block;
      position: fixed;
      bottom: 0;
      background-color: #fff;
      z-index: 9999;
      width: 100%;
      left: 0px;
      padding: 38px 15px;
      border-radius: 12px 12px 0 0;
    }

    .reviewFilterOuter .sectionouter h3 {
      border-bottom: 1px solid #0000001f;
      padding-bottom: 10px;
      margin-bottom: 10px;
    }

    .reviewFilterOuter .sectionouter .reviewtopics {
      border-top: 1px solid #0000001f !important;
    }

    .modal .modal-dialog {
      left: 0;
      bottom: 0;
      top: auto;
      transform: none !important;
      position: absolute;
      bottom: 0;
      width: 100%;
    }

    .modal .modal-content {
      border-radius: 12px 12px 0 0;
    }

    .product-info .detailCoupanSlider .percentinfo {
      line-height: 2;
      padding: 10px 5px;
      min-width: 90px;
    }

    .product-info .detailCoupanSlider .showOffers .percentinfo {
      min-width: 60px;
    }

    .showOffers .percentinfo {
      min-height: 63px;
    }

    .calenderPoup .calenderOuter .timeSelector .headingSelect img,
    .calenderPoup .date img,
    .calenderPoup .titledate {
      display: block;
    }

    .available_coupens {
      overflow: scroll;
      height: 500px;
    }

    .main-containerInfo .popup-information {
      display: block;
    }

    .contactPoup .locationmapinfo,
    .contactPoup .main-containerInfo .popup-information .container-row {
      width: 100%;
    }

    .contactPoup .locationmapinfo {
      margin-top: 16px;
      border-radius: 12px !important;
    }

    .contactPoup .locationMap .timeDirection {
      flex-direction: column;
      padding: 0px 12px 0px;
    }

    .contactPoup .contactUsSec .locationmapinfo .locationMap {
      border-radius: 12px 12px;
      padding: 0px 0 20px;
    }

    /* .coupenpopup .availableCoupen .percentinfo {
  width: 35%;
}
.coupenpopup .availableCoupen .coupendata {
  width: 65%;
} */
    .coupenpopup .availableCoupen .coupen {
      align-items: normal;
    }

    .contactPoup .contactUsSec .locationMap .timer>p {
      display: block;
    }

    .contactPoup .contactnum {
      grid-template-columns: 1fr;
      padding-bottom: 30px;
    }

    .groupinput.groupinputBlock {
      display: block;
      padding-bottom: 30px;
    }

    .groupinput.groupinputBlock .formgroup,
    .groupinput.groupinputBlock .input-group {
      width: 100%;
    }

    .mapifno {
      width: 100%;
      text-align: center;
    }

    .contactPoup .locationButton a {
      line-height: 1;
      display: block;
    }

    .businessOuter .businessInner {

      width: 100%;
      left: 0;

    }

    .contactPoup .locationMap iframe {
      max-height: 174px;

    }

    .contactPoup .contactnum input {
      margin: 0;
    }

    .contactPoup .businessOuter .businessInner {
      position: initial;
      width: 100%;
      background-color: transparent;
      box-shadow: none;
      padding: 12px 0px !important;
    }

    .contactPoup .locationButton svg {
      margin-right: 10px;
    }

    .error-page .backBtn {
      width: 100%;
      position: fixed;
      bottom: 0px;
      left: 0;
      padding: 0 15px 20px;
      background-color: #fff;
      z-index: 999;
    }

    .error-page .backBtn .btn-go-to-home {
      font-size: 16px;
      line-height: 1;
      width: 100%;
    }

    .error-page .error-page-message {
      font-size: 18px;
      line-height: 1.2;
      padding: 0;
    }

    .dashboard {
      padding: 100px 15px 40px;
    }

    .deliveryAddressSec {
      padding: 30px 15px 60px;
    }

    .deliveryAddressSec .common-contentBox {
      padding: 0;
      display: flex;
      flex-direction: column-reverse;
    }

    .deliveryAddressSec .common-contentBox .deliveryAddressRight {
      padding: 0px;
      background-color: transparent;
    }

    .deliveryAddressSec .common-contentBox .deliveryAddressRight .estimate-section {
      background-color: #fff;
      padding: 12px;
      border-radius: 12px;
      margin-bottom: 25px;
    }

    .deliveryAddressSec .common-contentBox .deliveryAddressRight .estimate-section .content-img:last-child {
      border: none;
      margin: 0px;
      padding: 0;
    }

    .deliveryAddressSec .cartinformation {
      display: block;
      padding: 0px;
    }

    .deliveryAddressSec .deliveryAddressRight .billing-summary {
      padding: 12px;
      margin: 22px 0px 0px;
    }

    .deliveryAddressSec .deliveryAddressRight .billing-summary .image-content-cart {
      display: none;
    }

    .deliveryAddressSec .deliveryAddressRight .totalPayAmountBtn {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      background-color: #fff;
      padding: 10px 15px 20px;
      border-top: 1px solid #0000001f;
    }

    .deliveryAddressSec .deliveryAddressRight .totalPayAmountBtn .totalPayAmount {
      display: block;
      font-size: 16px;
      color: #303437;
      font-weight: 700;
      line-height: 1.2;
      width: 50%;
    }

    .deliveryAddressSec .deliveryAddressLeft {
      background-color: #fff;
      padding: 12px;
      border-radius: 12px;
      margin-bottom: 100px;
    }

    .payNow {
      margin-bottom: 10px;
    }

    .deliveryAddressSec .deliveryAddressLeft .delivery-address-header {
      display: block;
      width: 100%;
      padding-bottom: 15px;
    }

    .deliveryAddressSec .deliveryAddressLeft .delivery-address-header .btn-add-new {
      width: 100%;
      margin-top: 10px;
    }

    .deliveryAddressSec .deliveryAddressLeft .infoBox .proper-address {
      font-size: 15px;
    }

    .deliveryAddressSec .deliveryAddressLeft .infoBox .person-info .customername {
      font-size: 14px;
    }

    .deliveryAddressSec .deliveryAddressLeft .infoBox {
      padding: 12px;
    }

    .deliveryAddressSec .deliveryAddressLeft .infoBox:last-child {
      margin: 0;
    }

    .deliveryAddressSec .deliveryAddressLeft .coupenandofersinformation {
      padding: 0px;
    }

    .deliveryAddressSec .deliveryAddressRight .coupenandofersinformationMob {
      display: block;
      padding: 12px;
      margin-top: 24px;
    }

    .deliveryAddressSec .deliveryAddressLeft .coupenandofersinformation {
      display: none;
    }

    .searchresult {
      width: 140px;
    }

    .searchproduct {
      padding: 100px 15px;
    }

    .search .mobHeadSec .header_right {
      width: 85%;
      display: inline-block !important;
      margin: 0 auto;
      padding-left: 20px;
    }

    .search .mobHeadSec .search-container input {
      padding: 6px 10px 6px 40px;
    }

    .color-options .custom-checkbox .checkbox-box {
      width: 70px;
      height: 35px;
    }

    .color-options {
      gap: 15px;
    }

    .dashboardlistMobile {
      display: block;
    }

    .dashboardlistMobile .dashboardlist {
      margin: 0 0 25px;
      display: flex;
      align-items: center;
    }

    .dashboardlistMobile .dashboardlist .dashboardLink+.dashboardLink {
      margin: 0;
    }

    .dashboardlistMobile .dashboardlist li.dashboardLink.active a,
    ul.dashboardlist li.dashboardLink:hover a {
      color: #FC7044;
      border-bottom: 2px solid #FC7044;
      border-radius: 0;
      background: transparent;
    }

    .profileSec .coupenmain .showOffers .percentinfo {
      min-height: 60px;
      text-align: center;
    }

  }


  @media (max-width:375px) {
    .footer .footerLinkOuter ul li.footerLink a {
      font-size: 12px;
    }

    .footer .logoWrapper>img {
      width: 140px;
    }

    .footer .logoWrapper span {
      font-size: 14px;
    }

  }


  @media (max-width:374px) {
    .prodColorFilterPoup .color-options {
      display: inline-grid;
      grid-template-columns: 1fr 1fr 1fr;
    }

    .headfilter {
      display: inline-block;
      width: 100%;
    }

    .searchresult {
      width: 100%;
      margin-bottom: 10px;
    }

    .filterbox button {
      width: 100%;
    }

    .headfilter .filterbox {
      margin: 15px 0px;
      display: block;
    }
  }




  @media only screen and (max-width: 340px) {
    .cart-details .cart-img {
      max-width: unset;
    }

    .viewOffers {
      padding: 12px 0px 24px;
    }

    .delivery {
      max-width: 100%;
      width: 125px;
    }
  }

  .modal1,
  .modal-contact1 {
    display: none;
    /* Hidden by default */
    z-index: 999;
    /* Sit on top */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: #00000080;
  }

  /* Modal Content */
  .modal-content1,
  .modal-contact-content1 {
    background-color: #fff;
    margin: auto;
    padding: 60px 40px 40px;
    border: none;
    width: 20%;
    border-radius: 20px;
    text-align: center;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
  }

  .modal-content1 h4.textAccept {
    margin: 0px;
    font-size: 16px;
    font-weight: 700;
    line-height: 12px;
    color: #fc7044;
    text-transform: uppercase;
    padding: 10px 0px 30px;
    letter-spacing: 2px;
  }

  .modal-content1 p,
  .modal-contact-content1 p {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #000;
    padding: 20px 0px;
  }

  .modal-content1 .qrCodeImg,
  .modal-contact-content1 .qrCodeImg {
    width: 100%;
  }

  /* Contact form */
  .modal-contact-content1 h4.textAccept {
    margin: 0px;
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    padding: 0px 0px 30px;
  }

  /* The Close Button */
  .closepop {
    color: #19223f85;
    font-size: 36px;
    font-weight: 300;
    position: absolute;
    line-height: 0.5;
    right: 15px;
    top: 15px;
    cursor: pointer;
  }

  .product_img1 {
    display: block;
    bottom: 0;
    text-align: center;
    background-color: #ff7722;
    border-color: #ff7722;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    padding: 6px;
    cursor: pointer;
  }

  .delete_img {
    display: block;
    bottom: 0;
    text-align: center;
    background-color: #000000ad;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
  }

  .cover-image-responsive {
    color: #FC7044;
    position: absolute;
    top: 37%;
    left: 9%;
  }