/** Shopify CDN: Minification failed

Line 1437:21 Expected ":"

**/
/*================== Custom Style Sheet ===================== */




/* ================================== Home Page Styling Start Here ============================================= */




/*============================
     Overall Styling Start
==============================*/

.heading, .inline-richtext, button, .button, p, a, .p, li, span, strong, b, ul, ol, .header__menu-item span, .link, label, .label, small, input, li strong, li span, th, td, table, tr {
  font-family: 'Roboto', sans-serif !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
  font-family: 'Urbanist', sans-serif !important;
}
.button--primary,
.customer .button--primary {
  /* background-color: #1d293d; */
  min-height: 50px !important;
  font-family: 'Roboto', sans-serif !important;
  text-transform: none;
  font-size: 16px;
  color: white;
  font-weight: 600;
  border-radius: 10px;
  border: 2px solid #1d293d;
}
.button--primary:hover, .customer .button--primary:hover {
    background-color: white;
    /* color: #1d293d; */
}
.container{
  max-width: 1540px;
}
.announcement-bar{
  /* background: linear-gradient(90deg, rgba(17, 24, 39, 1), rgba(55, 65, 81, 1) 100%); */
}
.announcement-bar .announcement-bar__message .announcement-bar__text {
  opacity: 1 !important;
}
.announcement-bar .announcement-bar__message a svg{
  stroke: oklch(70.4% .14 182.503);
}
.announcement-bar .announcement-bar__message a span{
  background: transparent;
}
.announcement-bar .announcement-bar__message p{
  font-size: 16px;

}
.scroll-top:hover svg{
  color: black;
  stroke: black; 

}
.custom-search .predictive-search__results-groups-wrapper .predictive-search__results-list{
  grid-template-columns: repeat(2, 1fr);
  display: grid !important;
}

/* .CarouselWidget-prefix .CarouselWidget{
  padding: 0 !important;
} */
@media(max-width:768px){
  .container{
    padding-inline: 24px;
  }
}
@media(max-width:350px){
  .container{
    padding-inline: 16px;
  }
}
/*============================
     Overall Styling end
==============================*/


/*============================
     Header Styling Start
==============================*/

@media screen and (max-width: 768px) {
  .custom-mobile-link.custom-see-al{
    visibility: visible!important;
  }

  /* Header spacing */
  .header .container{
    padding-inline: 16px; 
  }
  
  .header .menu-drawer__navigation{
    padding-inline: 0;
    padding-bottom: 0;
  }

  #shopify-section-template--29282909159761__product-carousel{
    display: none;
  }
  
  .header .menu-drawer{
    top: 0;
  }
  
  /* Drawer full screen */
  .custom-mobile-drawer {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    background-color: #ffffff !important;
    z-index: 99999 !important;

    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    visibility: hidden;
  pointer-events: none;
  opacity: 0;
  transition: all 0.3s ease;
  }
  /* Jab menu open ho (Body class) */
  body.menu-open .custom-mobile-drawer {
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
  }
  /* Inner layout */
  .menu-drawer__inner-container {
    display: flex !important;
    flex-direction: column !important;
    height: 100dvh !important; /* Full height */
    overflow: hidden !important;
  }
 

  /* Body scroll lock */
  body.menu-open {
    overflow: hidden !important;
  }
  /* Scroll area ko relative rakhein taake submenu iske bahar na jaye */
  .custom-nav-wrapper {
    position: relative !important;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%; /* Zaroori hai taake submenu scroll pakar sake */
  }



  .drawer-footer-custom {
    position: relative !important; /* Absolute hatayein */
    bottom: 0 !important;
    width: 100%;
    background-color: #ffffff;
    border-top: 1px solid #e2e8f0;
    padding: 20px 20px 70px !important;
    z-index: 20; /* Submenu se upar rakhein */
  }

  /* Reset details */
  .custom-mobile-details > summary {
    list-style: none;
  }
  .custom-mobile-details > summary::-webkit-details-marker {
    display: none;
  }

  /* Links */
  .custom-mobile-link {
    display: block;
    padding: 15px 20px;
    color: #475569;
    font-size: 16px;
    text-decoration: none;
    transition: background-color 0.2s ease;
  }

  .custom-mobile-summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
  }

  .custom-mobile-summary:hover {
    color: #1e293b;
    font-weight: 500;
  }

  /* Arrow */
  .custom-mobile-arrow {
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    padding: 6px;
    display: flex;
    color: #64748b;
  }

  .custom-mobile-submenu {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    
    /* Height fix: Ye container ki poori height lega */
    height: 100% !important; 
    min-height: 100%;
    
    background-color: #ffffff !important; 
    z-index: 100;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    
    /* Scrolling properties */
    display: flex;
    flex-direction: column;
    overflow-y: auto !important; /* Force scroll */
    -webkit-overflow-scrolling: touch; /* Smooth scroll for iPhone */
  }

  /* Back button */
  .custom-mobile-back {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 20px;
    background: #f8fafc;
    color: #1e293b;
    font-weight: bold;
    border: none;
    border-bottom: 1px solid #e2e8f0;
    width: 100%;
    font-size: 16px;
    cursor: pointer;
    text-align: left;
  }

  .custom-see-all {
    padding-left: 20px;
    font-weight: 500;
  }

  /* Social icons */
  .custom-social-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #64748b;
    color: white;
    border-radius: 50%;
  }

  .custom-social-circle svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
  }

  /* Cart button */
  .custom-drawer-cart-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background-color: #1e293b;
    color: #ffffff;
    width: 100%;
    padding: 12px;
    border-radius: 6px;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
  }

  .custom-drawer .header__wrapper svg {
    color: #000000 !important;
  }
  /* Level 1 Submenu (Parker, Patricks etc) *
  /* Level 1 & 2 Base Submenu */
  .custom-mobile-submenu {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important; 
    min-height: 100%;
    background-color: #ffffff !important; 
    z-index: 100;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  /* Level 3 (Grandchild) Unique Fix */
  .grandchild-drawer {
    z-index: 200 !important; /* Level 2 se upar */
    background-color: #ffffff !important;
  }

  /* Jab details open ho to slide in karein */
  .custom-mobile-details[open] > .custom-mobile-submenu {
    transform: translateX(0);
  }

  /* Header Visibility Toggle */
  .custom-mobile-back {
    transition: visibility 0s, opacity 0.2s linear;
  }

  /* Scroll area fix taake pichla content hilay nahi */
  .custom-nav-wrapper {
    overflow-x: hidden !important;
    position: relative !important;
  }


}


@media(max-width:330px){
  .header .container {
    padding-inline: 5px;
  }
  .header .header__localization{
    padding-inline: 0;
  }
}

/*============================
     Banner Styling Start
==============================*/
.Home-Banner .slideshow__swiper .slidershow__wrapper {
  height: 450px;
}
.Home-Banner .slideshow__swiper .slidershow__wrapper  .slideshow__slide{
  text-decoration: none;
}
.Home-Banner .slideshow__swiper .slidershow__wrapper  .slideshow__slide .slideshow__content-wrapper h2 p{
  font-size: 78px;
  font-family: "Urbanist" !important;
  line-height: 62px;
  font-weight: 300;
}
.Home-Banner .slideshow__swiper .slidershow__wrapper  .slideshow__slide .slideshow__content-wrapper .slideshow__description{
  opacity: 1;
  max-width: 70rem;
}
.Home-Banner .slideshow__swiper .slidershow__wrapper  .slideshow__slide .slideshow__content-wrapper .slideshow__description p{
  font-size: 48px;
  line-height: 62px;
  margin-block: 10px;
  font-family: "Urbanist" !important;
  font-weight: 300;

}
.Home-Banner .slideshow__swiper .slidershow__wrapper  .slideshow__slide .slideshow__content-wrapper{
  justify-content: end;
  padding: 4rem;
}
.Home-Banner .slideshow__swiper .slidershow__wrapper  .slideshow__slide .slideshow__content-wrapper .slideshow__description.two p em{
  font-size: 36px;
  letter-spacing: 4px;
  line-height: 36px;
  font-style: normal !important; 

}
.Home-Banner .slideshow__swiper .slidershow__wrapper  .slideshow__slide .slideshow__content-wrapper .slideshow__description.two p{
  font-size: 25px;
  line-height: 40px;
  font-weight: 200;
}

@media(max-width:768px){
  .Home-Banner .slideshow__swiper .slidershow__wrapper  .slideshow__slide .slideshow__content-wrapper{
    justify-content: center;
  }
  .Home-Banner .slideshow__swiper .slidershow__wrapper .slideshow__slide .slideshow__content-wrapper .slideshow__description p{
    font-size: 35px;
    line-height: 38px;
  }
  .Home-Banner .slideshow__swiper .slidershow__wrapper .slideshow__slide .slideshow__content-wrapper h2 p {
    font-size: 60px;
    line-height: 55px;
  }
  .Home-Banner .slideshow__swiper .slidershow__wrapper .slideshow__slide .slideshow__content-wrapper .slideshow__description.two p {
    font-size: 18px;
    line-height: 26px;
    margin: 0; 
  }
  .Home-Banner .slideshow__swiper .slidershow__wrapper .slideshow__slide .slideshow__content-wrapper .slideshow__description.two p em {
    font-size: 24px;
    letter-spacing: 3px;
    line-height: 34px;
  }
  .Home-Banner .slideshow__swiper .slidershow__wrapper .slideshow__slide .slideshow__content-wrapper{
    padding-bottom: 0;
  }
  .Home-Banner .slideshow__swiper .slidershow__wrapper .slideshow__slide .slideshow__content-wrapper{
    padding: 20px 20px 0;
  }
  .Home-Banner .slideshow__swiper .slidershow__wrapper {
    height: 350px;
  }
}

/*============================
     Banner Styling End
==============================*/



/*============================
     Brand Styling Start
==============================*/


.Marque-headings .rich-text__blocks .rich-text__text P a{
  letter-spacing: 2px;
  font-family: "Urbanist", sans-serif !important;
  color: rgb(var(--color-foreground-secondary));
  font-weight: 500;
  text-decoration: none;

}
.Marque-headings .rich-text__blocks .title--section p{

  font-family: "Urbanist", sans-serif !important;
  font-weight: 700;
}
.Marque-headings .rich-text__blocks .title--section{
  font-size: 36px;
  letter-spacing: 3px;
}
@media(max-width:768px){
  .Marque-headings .rich-text__blocks .title--section{
    font-size: 30px;

  }
}


/*============================
     Brand Styling End
==============================*/




/*============================
     Collection Styling Start
==============================*/

.Home-Collections .container .subtitle-wrapper h2{
  margin-top: 0;
  font-weight: 500;
  margin-bottom: 40px;
  letter-spacing: 3px;

  font-size: 18px;
  color: rgb(var(--color-foreground-secondary));
}
.Home-Collections .container .subtitle-wrapper{
  display: flex;
  justify-content: center;
}
.Home-Collections .container .title-wrapper h2{
  font-size: 36px;
  font-family: "Urbanist", sans-serif !important;
  letter-spacing: 3px;
  font-weight: 700;
}
.Home-Collections .container .title-wrapper{
  margin-bottom: 10px;
  justify-content: center;
}
.Home-Collections .container .categories-list__wrapper  .categories-list__item h3 a span{
  color: white;
}
.Home-Collections .container .categories-list__wrapper  .categories-list__item h3{
  position: absolute;
  bottom: 0;
  padding: 20px;
  width: 100%;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 2px;
  text-align: center;
}
@media(max-width:768px){
  .Home-Collections .container .categories-list__wrapper  .categories-list__item h3{
    font-size: 20px;
  }
  .Home-Collections .container .title-wrapper h2{
    font-size: 30px;
    text-align: center;
  }
  .Home-Collections .container .categories-list__wrapper {
    gap: 1.2rem;
  }
}

/*============================
     Collection Styling End
==============================*/










/*============================
    Small Banner Styling Start
==============================*/


.Home-Bannermid .banner{
  min-height: 170px ;
  height: 170px ;
}

.Home-Bannermid .banner .image-banner__wrapper .image-banner__column .image-banner__information p{
  font-size: 55px;
  font-weight: 700;
  letter-spacing: .1em;
  margin: 0;
}
.Home-Bannermid .banner .image-banner__wrapper .image-banner__column,
.Home-Bannermid .banner .image-banner__wrapper .image-banner__column .image-banner__information,
.Home-Bannermid .banner .image-banner__wrapper .image-banner__column .image-banner__heading{
  max-width: 100%;
}
.Home-Bannermid .banner .image-banner__wrapper .image-banner__column  .image-banner__text{
  opacity: 1;
}
.Home-Bannermid .banner .image-banner__wrapper .image-banner__column  .image-banner__text p{
  margin: 0;
}
.Home-Bannermid .banner .image-banner__wrapper .image-banner__column .image-banner__heading{
  font-size: 40px;
  font-weight: 400;
  letter-spacing: .1em;
}
.Home-Bannermid .banner .image-banner__wrapper .image-banner__column  .image-banner__text p strong{
  color: #fb2c36;
  font-weight: 600;
}
.Home-Bannermid.mobile{
  display: none;
}
@media(max-width:768px){
  .Home-Bannermid.mobile{
    display: block;
  }
  .Home-Bannermid.desk{
    display: none;
  }
  .Home-Bannermid.mobile .slideshow__slide{
    text-decoration: none;
  }
  .Home-Bannermid.mobile .slideshow__description{
    opacity: 1;
  }
  .Home-Bannermid.mobile .slideshow__content-wrapper{
    padding: 32px 0 10px;
  }
  .Home-Bannermid.mobile .slideshow__description.two p strong{
    font-weight: 600;
    color: #fb2c36;
  }
  .Home-Bannermid.mobile .slideshow__description.two p{
  font-size: 30px;
  line-height: 36px;
  font-weight: 600;
  letter-spacing: 3px;
    font-family: 'Urbanist', sans-serif !important;
  }
  .Home-Bannermid.mobile .slideshow__description p{
    font-size: 24px;
    letter-spacing: .1em;

    font-family: 'Urbanist', sans-serif !important;
    margin: 0;
  }
}

/*============================
    Small Banner Styling End
==============================*/





/*============================
  HOme Products Styling Start
==============================*/



.Home-Products .title-wrapper{
  position: relative;
}
.Home-Products .title-wrapper h2{
  font-family: "Urbanist", sans-serif !important;
  text-align: center;
  font-size: 36px;
  width: 100%;
  letter-spacing: .1em;
  font-weight: 700;
}
.Home-Products .card-wrapper .card-information  .Card-info-top{
  height: 85px;
}
.Home-Products .collection-product-card {
  border: 1px solid rgb(2, 6, 24);
  border-radius: 5px;
  padding: 16px;
}
.Home-Products .card-wrapper .card-information{
  padding-top: 10px;
}
.Home-Products .card-wrapper .card-information .card__title-block h3 a{
  font-size: 18px;
    font-weight: 600;
}
.Home-Products .card-wrapper .card-information .card__view-details .price .price__sale span,
.Home-Products .card-wrapper .card-information .card__view-details .price .price__regular span{
  font-size: 20px;
  font-weight: 600;
}
.Home-Products .card-wrapper product-form button{
  border: 2px solid #1d293d;
  /* background-color: #1d293d; */
}
.Home-Products .card-wrapper product-form button:hover{
  /* color: #1d293d; */
  background-color: white;
}
.Home-Products .card-wrapper product-form span svg{
  margin-right: 5px;
}


/* Container for the text */
.stock-status-badge {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 15px; /* Space for the dot */
    font-size: 13.5px;
    margin-top: 8px;
    font-weight: 400;
}

/* The Green Dot using :before */
.stock-status-badge:before {
    content: "";
    position: absolute;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: #22c55e; /* This is green-500 */
    border-radius: 50%;
    display: inline-block;
}

/* Red Dot for Sold Out products */
.stock-status-badge.stock-out {
    color: #727272; /* Grey text for sold out */
}

.stock-status-badge.stock-out:before {
    background-color: #ef4444; /* red-500 */
}
/* Slider ke container ko full width force karein */
.product-carousel-swiper {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden !important; /* Takay side se cards cut na hon */
}

/* Slides ki width ko auto calculate hone dein */
.product-carousel-swiper .swiper-slide {
    width: auto; 
    box-sizing: border-box;
}

/* Pager container ko center aur slider se thora niche karne ke liye */
.product-carousel-section .snap-pager, 
.product-carousel-section .swiper-pagination {
    position: relative !important;
    bottom: 0 !important;
    margin-top: 25px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    z-index: 10;
}

/* Default Dot (Jo select nahi hai) */
.product-carousel-section .snap-marker,
.product-carousel-section .swiper-pagination-bullet {
    width: 15px !important;
    height: 15px !important;
    border: 1px solid #1d293d !important; /* Black color */
    background: transparent; 
    border-radius: 30px;
    display: inline-block;
    cursor: pointer;
    transition: all 0.3s ease;
    opacity: 1;
}

/* Active Dot (Jo product samne hai - Blue & Wide) */
.product-carousel-section .snap-marker[aria-current="true"],
.product-carousel-section .swiper-pagination-bullet-active {
    background: #1d293d !important; /* Blue color matching your theme */
    opacity: 1 !important;
    width: 35px !important; /* Isse dot lamba (pill shape) ho jayega */
    border-radius: 100px !important;
}

/* Hover effect */
.product-carousel-section .snap-marker:hover,
.product-carousel-section .swiper-pagination-bullet:hover {
    opacity: 0.7 !important;
}
.card__add-to-cart-permanent {
  position: relative;
  z-index: 2;
}
.Home-Products.product-carousel .slideshow__navigation--light svg{
 stroke: Black;
}
.Home-Products.product-carousel .swiper-button-next,
.Home-Products.product-carousel .swiper-button-prev{
  top: 0 ;
  left: auto ;
   background: #e2e8f0;
  border-radius: 5px;
}
.Home-Products.product-carousel .swiper-button-prev{
  right: 50px ;
}
.Home-Products.product-carousel .swiper-button-next{
  right: -5px;
}
@media(max-width:768px){
  .Home-Products .title-wrapper{
    padding-bottom: 50px;
  }
  .Home-Products .title-wrapper h2 {
    font-size: 30px;
  }
  .Home-Products.product-carousel .swiper-button-next, 
  .Home-Products.product-carousel .swiper-button-prev {
    top: 55%;
    /* transform: translate(-50%, -50%); */
    height: 3.5rem;
    width: 3.5rem;
  }
  .Home-Products.product-carousel .swiper-button-next{
    left: 52%;

  }
  .Home-Products.product-carousel .swiper-button-prev {
    left: 35%;
  }
}


/*============================
  HOme Products Styling End
==============================*/




/*============================
  HOme Banner2 Styling Start
==============================*/
.Home-Infocusbanner .image-banner__wrapper .image-banner__subheading {
  margin-bottom: 10px;
    font-size: 20px;
    font-family: 'Urbanist';
    font-weight: 500;
}
.Home-Infocusbanner .image-banner__wrapper .image-banner__column h2 {
      font-size: 50px;
        font-family: 'Urbanist', sans-serif !important;
  font-weight: 600;
  letter-spacing: 0.1em;
}
.Home-Infocusbanner .image-banner__wrapper .image-banner__column .image-banner__information .image-banner__text{
      font-size: 24px;
    font-weight: 300;


}
.Home-Infocusbanner .image-banner__wrapper .image-banner__column .image-banner__information .button svg{
  stroke: rgb(52, 183, 170);

}
.Home-Infocusbanner .image-banner__wrapper .image-banner__column .image-banner__information .button{
         max-width: 100%;
    width: 100%;
    background: transparent;
    border: 3px solid white;
    border-radius: 0;
    text-align: left;
    display: flex;
    justify-content: space-between;
    padding-inline: 20px;
}
.Home-Infocusbanner .image-banner__wrapper .image-banner__column .image-banner__information .button:hover{
  background-color: white; 
}
.Home-Infocusbanner .image-banner__wrapper .image-banner__column .image-banner__information .button span{
    font-family: 'Urbanist', sans-serif !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;

}
@media screen and (min-width: 990px) {
    .Home-Infocusbanner .image-banner__information {
        max-width: 450px;
    }
    
}
@media screen and (max-width: 768px) {
  .Home-Infocusbanner .banner{
      padding: 0;
  }
  .Home-Infocusbanner .banner .banner__media{
    margin: 0;
    position: relative;
    height: 600px !important;
  }
  .Home-Infocusbanner .banner .image-banner__wrapper{
    position: absolute;
    padding: 64px 48px;
  }
  .Home-Infocusbanner .image-banner__wrapper .image-banner__column h2 {
    font-size: 36px;
  }
  #shopify-section-template--29282908963153__image_banner_aEaPzX{
    padding: 0 !important;
  }
}

/*============================
  HOme Banner2 Styling End
==============================*/




/*============================
  Footer Styling Start
==============================*/



.footer .footer__blocks-container .footer-block.newsletter__form .newsletter-form__inner{
  display: flex;
    gap: 10px;
}
.footer .footer__blocks-container .footer-block.newsletter__form {
  align-items: center;
  margin-bottom: 50px;
}

.footer .footer-block.newsletter__form .button span{
  text-transform: capitalize;
}
.footer .footer-block.newsletter__form .button{
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
}
.footer .footer-block.newsletter__form .field {
  width: 600px;
  background-color: white;
}
.footer .footer-block.newsletter__form .newsletter-form__inner{
  background: none;
}
/* 1. Label ko mukammal hide kar dein agar sirf placeholder chahiye */
.footer .field__label {
  display: none !important;
}

/* 2. Placeholder ka color normal state mein */
.footer .field__input::placeholder {
  color: rgba(0, 0, 0, 0.6) !important;
  opacity: 1 !important; /* Firefox ke liye */
}

/* 3. Click (Focus) karne par placeholder ka color BLACK hi rahe */
.footer .field__input:focus::placeholder {
  color: #000000 !important;
  opacity: 1 !important;
}

/* 4. Input ke andar jo aap type karein wo bhi black ho */
.footer .field__input {
  color: #000000 !important;
  background-color: transparent !important;
  padding: 1rem 1.5rem !important; /* Spacing sahi karne ke liye */
}
.footer .newsletter-form__inner .field__label {
  color: rgba(0, 0, 0, 0.6);
  left: 1.4rem;
}
.footer .footer__blocks-wrapper .footer-block {
  max-width: 30rem;
}
.footer .footer__blocks-wrapper .footer-block ul li a{
  font-size: 16px;
  padding: 6px 0;
}
.footer .footer__blocks-wrapper .footer-block h2{
  font-size: 18px;
  margin-bottom: 16px;
  font-weight: 700;
  letter-spacing: 0.1rem;
}
.footer  .footer__blocks-container{
  position: relative;
}
.footer .footer__content-top .footer__column .list-social__item .link svg{
  width: 28px;
  height: 28px;
}
.footer .footer__content-top .footer__column .list-social__item .link{
  background: #62748e;
  border-radius: 30px;
  /* padding: 0.4rem; */
}
.footer .footer__content-top .footer__column .footer__list-social{
  gap: 6px;
}
.footer .footer__content-top .footer__column{
  position: absolute;
  right: 95px;
  max-width: 100%;
  bottom: 30px;
  padding-bottom: 30px;
}
.footer .footer__content-middle-container{
  flex-direction: column;
  padding-bottom: 20px;
}
.footer .footer__content-middle-container .policies a span,
.footer .footer__content-middle-container .copyright__content,
.footer .footer__content-middle-container .copyright__content a{
  font-size: 14px;
}
.footer .footer__content-middle-container .footer__column--payment .footer__payment .list-payment__item svg{
  height: 32px;
}
.footer .footer__content-middle-container .footer__column--payment .footer__payment .list-payment{
  justify-content: center;
}
.footer .footer__content-middle-container .footer__content-middle-main .footer__column--payment{
  width: 100%;
}
.footer .footer__content-middle-container .policies > *:nth-child(2),
.footer .footer__content-middle-container .policies > *:nth-child(3),
.footer .footer__content-middle-container .footer__column--social{
  display: none;
}
@media(max-width:768px){
  .footer .footer-block.newsletter__form .button{
    min-width: 100%;
  }
  .footer .footer-block.newsletter__form .field{
    width: 100%; 
  }
  .footer__column--social.desk{
    display: none;
  }
  .footer .footer__content-middle-container .footer__column--social{
    display: block;
  }
  .footer .footer__content-middle-container .list-social__item .link{
    background: #62748e;
    border-radius: 30px;
    /* padding: 0.4rem; */
  }
  .footer .footer__content-middle-container .footer__list-social{
    gap: 6px;
    justify-content: center;
  }
  .footer .footer__content-middle-container .list-social__item .link svg{
    width: 28px;
    height: 28px;
  }
  .footer .policies,
  .footer .footer__content-middle-main {
    justify-content: center;
  }
  .footer .footer__content-middle-main{
    flex-direction: column-reverse;
    gap: 10px;
  }
  .footer .footer__content-middle-container{
    border-top: none;
  }
  .footer .accordion li a span,
  .footer .accordion h2{
    font-size: 16px;
  }
  .footer .accordion h2{
    font-size: 16px;
    font-weight: 600;
  }

}



/*============================
  Footer Styling End
==============================*/









/* ================================== Home Page Styling End Here ============================================= */














/* ================================== Product Page Styling Start Here ============================================= */

.Shave-products .product__media-wrapper .product__media{
  background-color: transparent;
}

.Shave-products.container{
  /* max-width: 1400px; */
}
.Shave-products.container .product__main {
  width: calc(50% - 2.8rem);
}
.Shave-products.container .product__info-wrapper {
 width: calc(50% - 2.8rem);
 padding-top: 55px;
 max-width: 100%;
}
.Shave-products.container .product__main  .product__media-wrapper .product-media-collage__content {
  grid-template-columns: repeat(1, 1fr);
}
.Shave-products.container .product__main  .sticky-slider {
  display: flex;
  flex-direction: column-reverse;
}
.Shave-products .product__title{
  font-size: 30px;
  margin-top: 10px;
  margin-bottom: 30px;
  font-weight: 600;
}
.Shave-products .product__info-wrapper .price-wrapper .price__regular span{
  font-size: 30px ;
  font-weight: 600;
}
.Shave-products .installment-wrapper{
  display: none;
}
.Shave-products .product__info-wrapper .product__sku span{
  width: 50%;
  text-align: left;
}
.Shave-products .product__info-wrapper .product__sku{
  display: flex;
  border-top: 1px solid #02061830;
  border-bottom: 1px solid #02061830;
  padding-block: 10px;
  justify-content: space-between;
  font-size: 16px;
  margin-bottom: 20px;
  color: black;
}
.Shave-products .product__info-wrapper .payment_methods-wrapper {
  padding-inline: 0;
  padding-block: 10px;
}
.Shave-products .product__info-wrapper  .payment_methods__container,
.Shave-products .product__info-wrapper product-form .product-form__group-name{
  display: none;
}
.Shave-products .product__info-wrapper product-form{
  margin-top: 30px;
}
.Shave-products .product__info-wrapper .about-wrapper .about-tab span{
  padding-bottom: 1.1rem;
}
.Shave-products .product__info-wrapper .about-wrapper .about-tabs{
  justify-content: space-between;
}
.Shave-products .product__info-wrapper .about-wrapper .about-tab span{
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}
.Shave-products .product__info-wrapper .stock-status-badge{
  margin-top: 0;
}
.Shave-products .product__info-wrapper .stock .stock-quantity-left,
.Shave-products .product__info-wrapper .stock .stock-status-badge{
  font-size: 14px;
}

/* ========by shah======== */
.main_contain .second_div{
  border-left: 1px solid #02061830;
}
.main_contain{
  display: flex;
  border-top: 1px solid #02061830;
  border-bottom: 1px solid #02061830;
  padding-block: 10px;
}

.main_contain .second_div{
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main_contain .collection-logo{
  display: flex;
  align-items: center;
  flex-direction: column;
}
.main_contain .collection-logo p{
  margin: 0;
  font-size: 14px;
  opacity: 0.7;
  padding-bottom: 3px;
}
.main_contain .collection-logo img{
  max-width: 150px;
}


.product__info-container .product__shipping-fee{
  margin: 1rem 0 !important;
  margin-top: 1.5rem !important;
}
.product__info-container .product__shipping-fee p{
  font-size: 15px;
}
.product__info-container .product__shipping-fee img {
  width: 20px !important;

}
.product__info-container .product__text-icon img{
  width: 20px;
  height: 20px;
}
.product__info-container .product__text-icon{
  gap: 12px !important;
}
.product__info-container .product__text-icon p{
  font-size: 15px;
  color: #000;
} 

@media(max-width:768px){
  .Shave-products.container .product__info-wrapper {
    width: 100%;
    padding-top: 0;
  }
  .Shave-products.container .product__main {
    width: 100%;
  }
  .Shave-products .product__media-sublist-outer{
    display: none;
  }
  .Shave-products .product__title {
    margin-bottom: 20px;
  }
  .Shave-products .product__info-wrapper .product__sku{
    margin-top: 30px;
  }
  .Shave-products .stock{
    flex-direction: column;
  }
  .Shave-products .product__info-wrapper .payment_methods-wrapper{
    border: none;
  }
  .main_contain .collection-logo p {
    font-size: 12px;
    padding: 2px;
  }
  .product__info-container .product__text-icon p {
    font-size: 14px;
  }
  .product__info-container .product__shipping-fee p {
    font-size: 14px;
  }
}


/* ================================== Product Page Styling End Here ============================================= */
















/* ================================== Blog Page Styling Start Here ============================================= */




.template-blog .Shave-Blogs .main-page-title{
  font-size: 30px;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
}
.template-blog .Shave-Blogs .blog-articles {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 0;
}
.template-blog .Shave-Blogs .blog-articles .blog-articles__article{
  width: 100%;
}
.custom-blog-layout .pagination__item-arrow{
  background: transparent;
}
.custom-blog-layout .pagination__item-arrow svg{
  width: 24px;
}
.custom-blog-layout .pagination__item--current{
  background-color: #e2e8f0;
  box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
}

@media(max-width:768px){
  .Shave-Blogs.main-blog .page-header{
    margin-bottom: 24px;
    margin-top: 24px;
  }
}




/* ================================== Blog Page Styling End Here ============================================= */











/* ================================== Cart Page / Cart Drawr Styling Start Here ============================================= */

cart-drawer .drawer__inner {
  width: 640px;
}
cart-drawer .drawer__inner .drawer__header .drawer__heading{
  font-size: 24px;
  font-weight: 600;
  font-family: 'Roboto', sans-serif !important;
}
.template-cart .cart__contents .cart-items th{
  background-color: white;
}
.template-cart .cart__contents .cart-items th,
.template-cart .cart__contents .cart-items .cart-item__totals .price,
.template-cart .cart__contents .cart-items .cart-item__prices .price,
.template-cart .cart__contents .cart-items .cart-item__details a,
cart-drawer .drawer__inner .cart-item__bottom .cart-item__final-price,
cart-drawer .drawer__inner .cart-item__inner-top .cart-item__info a {
  font-size: 16px;
  font-weight: 600;
  font-family: 'Roboto', sans-serif !important;
}
.template-cart .cart__contents .cart-items .cart-item__prices .price{
  color: #45556c;
}
cart-drawer .drawer__inner .cart-item:first-child{
  border-top: none;
}
cart-drawer .drawer__inner .cart-item{
  border-bottom: 1px solid oklch(92.9% .013 255.508);
}
cart-drawer .drawer__inner .drawer__footer .tax-note{
  display: none;
}
cart-drawer .drawer__inner .drawer__footer .totals__subtotal-value{
  font-family: 'Roboto', sans-serif !important;
  font-size: 16px;

} 
cart-drawer .drawer__inner .drawer__footer .totals__subtotal{ 
  font-size: 16px;
  font-weight: 600;
  color: oklch(55.4% .046 257.417);
  font-family: 'Roboto', sans-serif !important;

}
cart-drawer .drawer__inner .cart-drawer__bottom .cart__link.button{
  border: 2px solid oklch(86.9% .022 252.894);
  width: 100%;
  /* text-align: center; */
  min-height: 50px;
  border-radius: 10px;
  display: flex;
  font-weight: 600;
  font-size: 16px;
  margin: 0;
  text-transform: none;
  justify-content: center;
  align-items: center;
}
cart-drawer .drawer__inner .drawer_name{
  align-items: center;
}
cart-drawer .drawer__inner .drawer__close{
  border: 2px solid oklch(86.9% .022 252.894);
  padding: 12px;
  border-radius: 30px;
}
cart-drawer .drawer__inner .cart-item__details .quantity{
  background: transparent;
  border-color: oklch(92.9% .013 255.508);
}

cart-drawer .drawer__inner .drawer__footer,
cart-drawer .drawer__inner .drawer__contents,
cart-drawer .drawer__inner .drawer__header{
  padding-inline: 22px;
}
.template-cart .page-header__inner{
  justify-content: center; 
}
.template-cart .page-header__inner .main-page-title{
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
}
.template-cart .cart__footer .totals{
  align-items: center;
}
.template-cart .cart__footer .totals__wrapper p{
  font-size: 16px;
}
.template-cart .cart__warnings .cart__empty-text,
.template-cart .cart__footer .totals__wrapper h3{
  font-size: 18px;
  font-weight: 600;
}


@media(max-width:768px){
  .template-cart .cart_items_mobile .info_line .cart-item__remove{
    width: 100%;
  }
  .template-cart .cart_items_mobile .quantity{
    background-color: white !important;
    padding-right: 0 !important;
  }
  .template-cart .cart_items_mobile .info_line .cart-item__details{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .template-cart .cart_items_mobile .info_line{
    background-color: white !important;
     flex-direction: column;
  }
  .template-cart .cart_items_mobile  .cart-item__price-wrapper span{
    font-size: 16px;s 
  }
  .template-cart .cart_items_mobile  .caption-with-letter-spacing,
  .template-cart .cart_items_mobile .cart-item__details a{
    font-size: 16px !important;
    font-weight: 600 !important;
  }


}





/* ================================== Cart Page / Cart Drawr Styling End Here ============================================= */