/* variables */
:root {
  --fontHeading: "Days One", sans-serif;
  --fontBody: "Archivo", sans-serif;
  --font-family-inter:  "Inter", sans-serif;
  --colorPrimaryBg: #f2f5fa;
  --colorHeading: #171151;
  --colorBody: #8a879f;
  --colorGreen: #10d0a1;
  --colorBorder: #eceef3;
  --iconsBg: #e7efff;
  --borderRadius: 10px;
  --transition: all 0.3s ease-in-out;
}

html, body{
  font-size:10px;
}
/*site*/
*, body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  letter-spacing: 0;
  color: var(--colorBody);
  font-family: var(--fontBody);
}

a {
  text-decoration: none;
  cursor: pointer;
}

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

img {
  vertical-align: middle;
  width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--fontHeading);
  color: var(--colorHeading);
  font-weight: 400;
}

p{
  font-size: 1.6rem;
  color: var(--colorBody);
  line-height: 2.6rem;
}

/*components*/
.page-width {
    padding-inline: 20px;
    margin-inline: auto;
    width: 100%;
    max-width: 1400px;

    @media(max-width: 1400px){
      max-width: 1320px;
    }
}



[class*="-sectionOuter"], .search .site-main{
  padding-top: clamp(4rem, 5vw, 10rem);
  padding-bottom: clamp(4rem, 5vw, 10rem);
}
button, a{
  cursor: pointer;
}
/* layout */


/* ------  grid based layout ------- */

.d-grid {
    display: grid;
    gap: 3rem;
}

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

.grid-column-1 {
    grid-template-columns: repeat(1, 1fr);
}

.grid-column-2 {
    grid-template-columns: repeat(2, 1fr);
}

.grid-column-3 {
    grid-template-columns: repeat(3, 1fr);
}


.grid-column-4 {
    grid-template-columns: repeat(4, 1fr);
}

.grid-column-5 {
    grid-template-columns: repeat(5, 1fr);
}


/* ------ layoout breaking points ------ */

@media (min-width: 576px) {
    .grid-column-sm-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid-column-sm-3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .grid-column-sm-4 {
        grid-template-columns: repeat(4, 1fr);
    }

    .grid-column-sm-5 {
        grid-template-columns: repeat(5, 1fr);
    }

}

@media (min-width: 768px) {
    .grid-column-md-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid-column-md-3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .grid-column-md-4 {
        grid-template-columns: repeat(4, 1fr);
    }

    .grid-column-md-5 {
        grid-template-columns: repeat(5, 1fr);
    }

    .integritas-content-column-outer .section-heading~.section-heading {
        margin-top: 30px;
    }
}


@media (min-width: 992px) {
    .gap-lg-0 {
        gap: 0 !important;
    }

    .grid-column-lg-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid-column-lg-3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .grid-column-lg-4 {
        grid-template-columns: repeat(4, 1fr);
    }

    .grid-column-lg-5 {
        grid-template-columns: repeat(5, 1fr);
    }

}

@media (min-width: 1200px) {
    .grid-column-xl-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid-column-xl-3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .grid-column-xl-4 {
        grid-template-columns: repeat(4, 1fr);
    }

    .grid-column-xl-5 {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (min-width: 1400px) {
    .grid-column-xxl-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid-column-xxl-3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .grid-column-xxl-4 {
        grid-template-columns: repeat(4, 1fr);
    }

    .grid-column-xxl-5 {
        grid-template-columns: repeat(5, 1fr);
    }

}
input:focus-visible, input:focus, textarea:focus-visible, textarea:focus, select:focus-visible, select:focus, a:focus-visible, a:focus, button:focus-visible, button:focus, img:focus-visible, img:focus {
  outline: 0 !important;
}
/* Wrapper */
.search-wrapper {
    position: relative;
}

/* Initially show only icon */
.search-toggle {
    display: inline-block;
    cursor: pointer;
    position: relative;
    z-index: 999;
}

/* WP search form hidden initially */

.header-search-form {
    display: none;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 0;
    overflow: hidden;
    transition: width 0.3s ease;
}

input#searchsubmit {
    position: absolute;
    z-index: 122;
    right: 0;
    width: 50px;
    opacity: 1;
    padding: 0;
    height: 100%;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5613 19C15.9796 19 19.5613 15.4183 19.5613 11C19.5613 6.58172 15.9796 3 11.5613 3C7.143 3 3.56128 6.58172 3.56128 11C3.56128 15.4183 7.143 19 11.5613 19Z' stroke='%23171151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.5612 21L17.2112 16.65' stroke='%23171151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: top 10px right 9px;
    font-size: 0;
    background-color: transparent;
}

a.search-toggle.hide{
  opacity: 0;
  z-index: -11 !important;
}

span.cart-count {
    color: #ffffff;
    background: var(--colorGreen);
    width: 20px;
    display: inline-block;
    height: 20px;
    padding: 5px 0px;
    border-radius: 20px;
    position: absolute;
    top: -13px;
    text-align: center;
    font-size: 10px;
    line-height: 11px;
}

.headerIcons li a {
    position: relative;
}

/* Show input when active */
.header-search-form.active {
    display: block;
    width: 300px;
}

.header-search-form input {
    width: 100%;
    padding: 16px 60px 16px 10px;
    border: none;
    border-radius: 6px;
    background: #f3f7ff;
}
/* Hide icon when form active */


/* Style the default search input */
.header-search-form .search-field {
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 3px 0 0 3px;
    outline: none;
}

/* Style the submit button */
.header-search-form .search-submit {
    background: #fff;
    border: 1px solid #ccc;
    border-left: none;
    padding: 5px 8px;
    cursor: pointer;
    border-radius: 0 3px 3px 0;
}

.header-search-form .search-submit img {
    width: 16px;
    height: 16px;
}
section.up-sells.upsells.products, .tabs.wc-tabs {
display: none;
}
.d-grid.feature-content-row img {
    height: 40px;
}
.sectionSubHeading {
  position: relative;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: var(--colorGreen);
  margin-block: 0 8px;
  padding-inline: 40px 0;
  font-family: var(--fontBody);
}
.sectionSubHeading::before, .testimonial-sectionOuter  .sectionSubHeading::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 30px;
  background: var(--colorGreen);
  left: 0;
  top: 9px;
}
.sectionHeadingMain {
  font-size: clamp(2.4rem, 3vw, 5.4rem);
  line-height: 1.25;
}
.sectionHeading {
    font-size: clamp(2.4rem, 3vw, 4.4rem);
    line-height: 1.2;
    margin-bottom: 1.5rem;
}
.sectionDescription p {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  margin: 0;
}
.sectionDescription p + p {
  margin-top: 15px;
}
.sectionbuttonsOuter {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    margin: 40px 0 0;
}
.sectionButton, .custom-btn , [aria-label="Contact form"] .submit-btn input[type="submit"], .single-product .woocommerce .single_add_to_cart_button.button.alt,
#customer_login  form.woocommerce-form.woocommerce-form-login.login .woocommerce-button.button, 
#customer_login form.woocommerce-form.woocommerce-form-register.register .woocommerce-button.button,
.woocommerce-lost-password  form.woocommerce-ResetPassword.lost_reset_password .woocommerce-Button.button{
    font-size: 16px;
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    background: #1b2328;
    padding: 18px 42px;
    border-radius: 6px;
    transition: var(--transition);
    display: inline-block;
    @media (max-width: 1279px){
      padding: 15px 38px;
    }

    @media (max-width: 991px){
      padding: 11px 26px;
    }
}
.sectionButton:hover, .custom-btn:hover,
#customer_login  form.woocommerce-form.woocommerce-form-login.login .woocommerce-button.button:hover, 
#customer_login form.woocommerce-form.woocommerce-form-register.register .woocommerce-button.button:hover,
.woocommerce-lost-password form.woocommerce-ResetPassword.lost_reset_password 
.woocommerce-Button.button:hover{
  background: var(--colorGreen);
}
.sectionButtonGreen, .custom-secondary-btn, [aria-label="Contact form"] .submit-btn input[type="submit"], .single-product .woocommerce .single_add_to_cart_button.button.alt{
  background: var(--colorGreen);
}
.sectionButtonGreen:hover, .custom-secondary-btn:hover, [aria-label="Contact form"] .submit-btn input[type="submit"]:hover,
.single-product .woocommerce .single_add_to_cart_button.button.alt:hover{
  background: #1b2328;
}

[aria-label="Contact form"] .submit-btn input[type="submit"] {
  width:auto;
}

.headingPartWithArrows {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px;
  align-items: center;
}
.sectionWithSlider {
  overflow-x: hidden;
}
.linkText {
    font-size: 16px;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--colorHeading);
    transition: var(--transition);
    
}
.cardContent > a ~ .linkText, .cardContent > .cardTitle + .linkText{
  margin-top: auto;
}
.linkText:hover {
  color: var(--colorGreen);
}



.background-gray-100{
  background: var(--colorPrimaryBg);
}

/* home banner */

.homeBannerSlider{
  overflow: hidden;
}
.homeBanner .page-width {
  margin-inline: auto 0;
  padding-inline: 30px 0 !important;
  max-width: 1630px !important;
}
.homeBanner .content {
  display: grid;
  grid-template-columns: 1fr 722px;
  gap: 20px;
  align-items: flex-start;
}
.homeBanner .content .left {
  padding-top:242px;
  padding-bottom: 100px;
  
}
.homeBanner .left .sectionSubHeading {
    padding-inline: 0;
    margin-block: 0 20px;
}
.homeBanner .left .sectionSubHeading::before {
  display: none;
}
.homeBanner .left .sectionDescription {
    max-width: 650px;
    margin-block: 30px 0;
}
.homeBanner .sectionDescription p {
  font-weight: 500;
  line-height: 30px;
}

.homeBanner .left .features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 11rem;
    max-width: 620px;
}

.homeBanner .features li {
  border: 1px solid var(--colorBorder);
  border-radius: 10px;
  padding: 18px 22px;
  display: grid;
  grid-template-columns: 50px 1fr;
  align-items: center;
  gap: 15px;
}
.homeBanner .features .icon {
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  background: var(--iconsBg);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 0.9 / 1;
  width: 50px;
  height: auto;
}
.homeBanner .features .icon img {
  width: auto;
  height: auto;
  object-fit: contain;
}
.homeBanner .features .text h4 {
  font-family: var(--fontHeading);
  color: var(--colorHeading);
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}
.homeBanner .features .text p {
  display: block;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: var(--colorHeading);
  margin-block: 2px 0;
}
.homeBanner .content .right {
  position: relative;
  padding-block: 0 100px;
}
.homeBanner .right .image {
  border-radius: 0 0 360px 360px;
  aspect-ratio: 0.78 / 1;
  object-fit: cover;
}
.homeBanner .right .imageOverlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

/* home categories */
.categorySlider {
  padding-top: clamp(3rem, 5vw, 7rem);
  max-width: 1630px;
  margin-inline: auto 0;
  width:100vw;
}
.productCard {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    height: 100%;
    display: flex;
    flex-flow: column;
}
.productCard img {
  aspect-ratio: 1.5 / 1;
  object-fit: contain;
  width: 100%;
}
.productCard .cardContent {
    border-top: 1px solid var(--colorBorder);
    padding-block: 30px 0;
    margin-block: 30px 0;
    display: flex;
    flex-flow: column;
    height: 100%;
}
.cardOuterLink {
    display: flex;
    flex-flow: column;
    height: 100%;

  }
.productCard .cardContent h3 {
  font-size: clamp(1.8rem, 2vw, 2.4rem);
  line-height: 1.2;
  margin-block: 0px;
}
.productCard .sectionDescription {
    margin-block: 0 18px;
}
.productCard .sectionDescription p {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/*slick slider*/
.sliderHidden {
  display: none;
}
.slick-initialized.slick-slider {
  display: block;
}
.slick-slider .slick-track {
  display: flex;
}
.slick-slider .slick-track .slide-item {
  height: auto;
  padding-inline: 15px;
}
.slick-slider .slick-list.draggable {
  margin-inline: -15px;
}
.slider-arrows {
  display: flex;
  gap: 20px;
}
.slick-arrow {
  height: 50px;
  width: 50px;
  background: transparent;
  border: 1px solid #d7e1f3;
  border-radius: 50%;
  cursor: pointer;
  transition: var(--transition);
}
.slick-arrow:hover {
  border-color: var(--colorHeaing);
}
.slick-arrow img {
  width: auto;
  height: auto;
}


.slider-bottom-btn {
    margin-top: clamp(5rem, 5vw, 10rem) !important;
}

.slick-dots {
    display: flex;
    gap: 10px;
    justify-content: center;
    position: absolute;
    bottom: 30px;
    width: 100%;
}

.slick-dots li button {
    font-size: 0;
    border: 0;
    background: #d9d9d9;
    padding: 7px;
    border-radius: 20px;
}

.slick-dots li.slick-active button {
  background: var(--colorHeading);
}

/* innovation section */


.paddingTop-0 {
    padding-top: 0;
}

.gridColumn-image img{
  max-width:578px;
  width:100%;
}

.gridColumn-image {
    padding-right: 3rem;
}

.contentList-heading {
    font-size: clamp(1.8rem, 5vw, 2.4rem);
    line-height: normal;
    margin: 0 0 20px;
} 

.contentList-wrap li {
    padding-left: 30px !important;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 26px;
    position: relative;
    color: var(--colorBody);
    font-family: var(--font-family-inter);
}

.contentList-wrap li + li {
    margin-top: 12px;
}

.contentList-wrap li:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 6px;
    border-left: 2px solid var(--colorGreen);
    border-bottom: 2px solid var(--colorGreen);
    transform: rotate(-45deg);
    left: 0;
    top: 7px;
}

.contentList-outer {
    margin: 30px 0 0;
}


/* product section */

.productSlider{
  padding-top: clamp(3rem, 5vw, 7rem);
  width:100vw;
}


.d-flex{
  display: flex;
  gap: 30px;
}
.justify-content-between {
    justify-content: space-between;
}

.justify-content-end {
    justify-content: flex-end;
}

.price{
  font-size: 1.8rem !important;
  color: var(--colorBody);
}

.price-outer {
    margin-top: auto;
    padding-top: 2rem;
    .linkText{
      margin-top:0;
    }
}



/* kist test*/

.gridColumn-reverse .gridColumn-content{
  @media(min-width:992px){
  order: -1;
  }
}

.gridColumn-reverse .gridColumn-image {
    padding-right: 0;
    padding-left: 30px;
    text-align: right;
}

.gridColumn-content p + p {
    margin-top: 3rem;
}

.gridColumn-content p ~ .custom-btn {
    margin-top: 2.5rem;
}

.feature-outer {
    margin-top: 3.5rem;
    margin-bottom: 0.5rem;
}

.feature-content-row{
  grid-template-columns: 76px 1fr;
  align-items: center;
  .icon{
        clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    background: var(--iconsBg);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 0.9 / 1;
    width: 100%;
    height: auto;
  }
}

.feature-content-row + .feature-content-row {
    margin-top: 3rem;
}

.feature-content h4{
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
}


.align-end {
    align-items: self-end;
}


/* formula section */


.formulaSection-inner .gridColumn-content{
  padding: 30px 60px;
}

.formulaSection-inner{
  border-radius: 10px;
  background: #ffffff;
  
  @media(min-eidth:992px){
    gap:0;
  }

}

.formulaSection-inner.gridColumn-reverse .gridColumn-content {
  @media (min-width: 768px) {
    order: -1;
  }  
}

.formulaSection-inner .gridColumn-image img {
    height: auto;
    overflow: hidden;
    object-fit: cover;
    object-position: center right;
    border-radius: 170px 10px 10px 170px;
    max-width: 100%;
    @media(max-width:991px){
      height: auto;
    }
}

.formulaSection-inner.gridColumn-reverse .gridColumn-image {
    padding-left: 0;
}

/* testimonial */

.testimonial-sectionOuter .headingPart {
  text-align: center;
}

.testimonial-sectionInner {
    padding:0;
    padding-top: clamp(5rem, 5vw, 8rem);
}

.testimonial-sectionOuter .sectionSubHeading {
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
}

.testimonial-sectionOuter .sectionSubHeading::before {
    left: -25px;
}

.testimonial-sectionOuter .sectionSubHeading::after {
    left: auto;
    right:-25px;
}

.testimonial-content.card-outer {
    box-shadow: 0 0 44px 0px rgba(129, 138, 159, 0.2);
    padding: 40px;
    border-radius: 10px;
    display: flex;
    flex-flow: column;
}
.cardTitle, .cardTitle a {
    font-size: clamp(2rem, 5vw, 2.4rem);
    line-height: 1.2;
    margin-block: 0 15px;
    font-family: var(--fontHeading);
    color: var(--colorHeading);
    @media(max-width:574px){
        line-height: normal;
    }
  }
  .cardTitle a{
    margin:0;
    display: block;
  }

.quotes {
    margin: 0 0 3.5rem;
}

.author-wrap {
    margin-top: auto;
}

.testimonial-content > p {
    margin-bottom: 1.5rem;
}

.degination{
  color:#171151;
  font-weight: 500;
}

.department{
  color: #8A879F;
}

/* footer */

.footer{
  background: #050A09;
  padding:0;
  padding-top:clamp(4rem, 5vw, 10rem);
}

.footer-logo {
    max-width: 237px;
}

.footer-logo {
    max-width: 237px;
    margin: 0 0 30px;
}

.footer-contentColumn {
    
    max-width: 404px;
}

.footerTop-innerWrap {
    display: grid;
    grid-template-columns: 34% 22% 22% 22%;
}

.footerMenu-title {
    font-size: 20px;
    line-height: 28px;
    color: var(--colorGreen);
    margin-bottom: 1rem;
}

.footer-contentMenu .menu a, .footer-contentAddress .menu li{
  font-weight: 400;
  font-size: 16px;
}

.footer-contentMenu .menu a, .footer-contentAddress .menu li a, .footer-contentAddress .menu li{
    color: #9A9A9A;
}

.footer-contentMenu li{
  line-height: 36px;
}

.footer-contentMenu .menu a:hover,  .footer-contentAddress .menu li a:hover{
  color: var(--colorGreen);
}

.footer-contentAddress .menu li + li{
    margin-top:10px;
}

.footer-contentAddress .menu li {
    padding-left: 4rem;
    position: relative;
    line-height: 26px;    
}

.footer-icon {
    position: absolute;
    left: 0;
    top: 4px;
    width: 30px;
    height: 22px;
}

.footer-socialLinks {
    display: flex;
    align-items: center;
    gap: 1.7rem;
    margin-top: 3rem;
  a{
    width: 40px;
    height: 40px;
    background: #1B2B26;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s all;
    transform: scale(1);
  }
  a:hover{
            transform: scale(1.02) translate(0px, -2px);
  }
}


.footerBottom-outer {
    padding: 18px 0;
    border-top: 1px solid #253631;
    margin-top: clamp(4rem, 5vw, 8rem);
}

.footerBottom-outer {
  p, a{
    color: #9a9a9a;
    font-size: 1.6rem;
  }
  a:hover{
    color: var(--colorGreen);
  }
}

.footerBottom-outer ul {
    gap: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.footer-contentColumn .footer-widget {
    font-size: 1.6rem;
    color: var(--colorBody);
    line-height: 2.6rem;
}

.footer-contentColumn figure img {
    max-width: 237px;
    margin: 0 0 50px;
}

.footerBottom-outer ul li{
  padding: 0 30px;
}

.footerBottom-outer ul li + li {
    border-left: 1px solid #253631;
}

.footerBottom-outer ul li:first-child{
  padding-left:0;
}
.footerBottom-outer ul li:last-child{
  padding-right:0;
}

.footer-column li + li:after {
    display: none;
}



/* about us page */

.page-template-about-us {
  .gridColumn-image img {
     @media(min-width:992px){
      max-width: initial;
     }
  }

  .gridColumn-content {
    @media(min-width:992px){
      padding-left: 30px;
    }
  }

 .gridColumn-reverse {

    .gridColumn-content {
       @media(min-width:992px){
        padding-left: 0px;
        padding-right: 30px;
    }
  }

    .gridColumn-image{
       @media(min-width:992px){
      text-align: left;
      img {
          max-width: 578px;
      }
    }
  }
  }
}

.breadcrumb-outer {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    /* padding: 78px 0; */
    padding-block:clamp(5rem, 5vw, 7.8rem);
}

.page-title{
  font-weight: 400;
  font-size: clamp(2.4rem, 4vw, 4.4rem);
  line-height: 100%;
  color: #ffffff
}

.breadcrumb-menu {
  gap: 0;
    li, a {
      font-weight: 400;
      font-size: 16px;
      line-height: 26px;
      color: var(--colorGreen);
     
    }
    a {
       color:#ffffff
        }
        li{
        padding: 0 20px;
        position: relative;
        span{
          color: var(--colorGreen);
          white-space: nowrap;
        max-width: 200px;
        text-overflow: ellipsis;
         overflow: hidden;
        display: block;
        }
        }
   
    }
    li:first-child{
  padding-left:0;
  
}
li:last-child{
  padding-right:0;
}
li + li:after{
    content: '';
    position: absolute;
    left: -10px;
    top: 46%;
    width: 7px;
    height: 7px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    transform: rotate(45deg) translate(0px, -50%);
}
}





/* .page-template-about-us {
  .innovation-sectionOuter{
    .gridColumn-image {
        padding-right: 5px;
            img{
            max-width: max-content;
        } 
      }
    .gridColumn-content {
        padding-left: 30px;
    }
  }
} */


/* category */

.categoryCard{
  border: 1px solid #ECEEF3;
}

/* contact-us page */
.wpcf7-response-output {
    padding: 10px 10px !important;
    font-size: 14px;
}

.contactus-innerwrap {
    grid-template-columns: 350px 1fr;
    gap: 10rem;
}

.contact-content {
    padding: 30px;
    border: 1px solid #ECEEF3;
    border-radius: 10px;
    text-align: center;
    padding-top:10px;
    img{
      max-width:60px;
    }
  }

.column-items {
    padding: 30px 10px;
    p a:hover{
      color: var(--colorGreen);
    }
}

.column-items + .column-items{
    border-top: 1px solid #ECEEF3;
}

.phoneText {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    img{
      flex-shrink: 1;
      width:18px;
      height:18px;
    }
    p{
      width:max-content;
    }
}
.contact-content h2{
  font-size: clamp(1.8rem, 2vw, 2.4rem);
  margin: 20px 0 7px;
}

[aria-label="Contact form"] {
  .form-grid {
    display: flex;
    flex-flow: column;
    gap: 30px;
}
  .form-row{
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
    .wpcf7-form-control-wrap {
      position: relative;
      display: block;
      width: 100%;
  }

  textarea, input {
    width: 100%;
    background: #F3F7FF;
    padding: 20px 20px;
    font-size: 16px;
    border: 0;
    border-radius: 6px;
}

  input[type="radio"]{
    width: auto;  
  }

  [data-name="sms-agreement"]{
   
      input[type="radio"]{
        position: absolute;
        left: -3px;
        z-index: 22;
        width: 21px;  
        height: 25px;
        opacity: 0;
        cursor: pointer;
      }
      label{
        position: relative;
        padding-left: 30px;
        font-size: 16px;
        color: var(--colorBody);
      }
      label:after{
          content: '';
          width: 10px;
          height: 10px;
          border: 3px solid #ffffff;
          position: absolute;
          left: 0;
          box-shadow: 0 0 0 2px var(--colorGreen);
         background: #ffffff;
          border-radius: 20px;
          top: 0;
      }
      label:has(input[type="radio"]:checked):after{
          background: var(--colorGreen);
      }

    span.wpcf7-radio {
        display: grid;
        grid-template-columns: repeat(2, 1fr);

        @media(max-width: 414px){
          grid-template-columns: repeat(1, 1fr);
          gap:15px;
        }
      }
      }
  }
  .form-row:has(p span textarea), .form-row.submit-btn {
    grid-template-columns: 1fr;
  }
  .form-row.submit-btn p {
      display: flex;
      justify-content: flex-start;
      flex-flow: row-reverse;
  }
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #f8d7da;
    padding: 10px 10px;
    background: #f8d7da;
    color: #dc3232;
    font-size: 1.6rem;
    border-radius: 3px;
}

.wpcf7-not-valid-tip {
    position: absolute;
    bottom: -26px;
    font-size: 14px;
}

.form-features {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    gap: 3rem;
    padding: 30px 0;
    .feature-item{
      font-size: 16px;
      font-family: var(--fontBody);
      color: var(--colorBody);
      position: relative;  
      padding-left:20px;
      a{
        color: var(--colorGreen);  
      } 
      a:hover{
        text-decoration: underline;
      }  
      
    
    }
  
  
    .feature-item:after{
      width:7px;
      height: 7px;
      background: var(--colorBody);
      content: '';
      position: absolute;
      left:0;
      top:50%;
      transform: translate(0, -50%);
      border-radius: 10px;;
    }
    .feature-item:has(a):after{
      background: var(--colorGreen);
    }

  }


  

.pagination, .woocommerce.woocommerce-page nav.woocommerce-pagination{
  margin-top: 100px;
  justify-content: center;
  gap:10px;
  flex-wrap: wrap;
  span, a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    border: 1px solid #ECEEF3;
    border-radius: 3px;
    font-size: 16px;
    color: #8A879F;
  }
  .current, a:hover{
    border: 1px solid #ECEEF3;
    color: #ffffff;
    background: var(--colorHeading);
  }
   a:hover svg path{
      stroke: #ffffff;
    }

     ul.page-numbers {
        border: none;
        margin: 0;
        display: flex;
        justify-content: center;
        gap: 10px;
      
      li {
        border-right:none;        
      }
  }
}

.woocommerce.woocommerce-page nav.woocommerce-pagination{
  margin-top: 0;
}


.loading-overlay {
    display: none;
    position: fixed;
    left: 0;
    top:0;
    width:100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    z-index: 10;
    align-items: center;
    justify-content: center;
}
.loading-overlay.active {
    display: flex;
}
.spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #0073aa;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.content-wrapper {
    position: relative;
}

.products {
  width:100%;
}


.woocommerce.woocommerce-shop, .woocommerce-page{

  .woocommerce.columns-4 {
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
      align-items: flex-start;
  }

  .woocommerce-result-count{
    color: #171151;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    margin:20px 0;
  }

  #category_filter_form {
    margin-left: auto;
}

  .woocommerce form{
    margin:0;
  }

  .woocommerce select {
     background: #F3F7FF;
      border: none;
      padding: 24px 20px;
      border-radius: 6px;
      font-size: 16px;
      color: #8A879F;
      appearance: none;
      background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L7 7L1 1' stroke='%238A879F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
      background-repeat: no-repeat;
      background-position: center right 20px;
      width: 317px;
      padding-right: 50px;
  }

  .woocommerce-notices-wrapper {
      width: 100%;
      /* margin-top:5rem;
      @media(max-width: 991px){
        margin-top:3rem;
      } */
  }

  .woocommerce-pagination {
    width: 100%;
    margin: 0 0 10rem;
  }

  .products{
    padding-bottom:clamp(5rem, 5vw, 9rem);
  }
}


/* product detail page */

.product-template-default{

  .woocommerce{
    .sectionHeading{
      text-transform: capitalize;
    }
    .product-header{
      position: relative;
      margin: 0 0 2rem;
      .product_title{
        color:var(--colorHeading);
        font-size: clamp(2rem, 4vw, 3rem);
        padding-right: 90px;
      }
      span.stock-status.in-stock {
          font-size: 16px;
          position: absolute;
          right: 0;
          top: 11px;
          color: var(--colorGreen);
      }
    }
    .woocommerce-product-details__short-description p {
      font-size: 16px;
  }

  .products{
    padding-top: clamp(3rem, 5vw, 9rem);
  }

  .related-sectionOuter .products {
      padding-bottom:0;
}
  }

p.price {
  padding: 20px 0 30px;
}

div.product form.cart {
    margin-bottom: 2em;
    padding: 30px 0;
    margin: 0;
}

.summary .woocommerce-Price-amount.amount {
    font-size: 2.4rem;
  bdi, span{
      color: var(--colorHeading);
      font-family: var(--fontHeading);
  }
 }
  .product-info-wrapper {
    .info-label{
      font-weight: 500;
      width: 150px;
    }
   .info-value, .info-label {
      font-size: 16px;
      padding: 10px 0;
    }

  .info-value .tag-item{
    background: #F7F8FD;
    font-size: 14px;
    border-radius: 6px;
    padding: 5px 10px;
    display: inline-block;
    margin: 0 10px 10px 0;
  }
   
}
  .product-full-description h4 {
      font-weight: 500;
      font-size: 16px;
      color: var(--colorBody);
      font-family: var(--fontBody);
      margin-bottom: 20px;
  }

   .woocommerce-tabs{
        position: relative;
        z-index: 2;
        padding-top: clamp(4rem, 5vw, 10rem);
        padding-bottom: clamp(4rem, 5vw, 10rem);
        margin-top:clamp(4rem, 5vw, 12rem);
        display: inline-block;
        width: 100%;
      .headingPart{
         padding-bottom: clamp(3rem, 5vw, 9rem);
         text-align: center;
      }
      table.woocommerce-product-attributes.shop_attributes{
        background: #ffffff;
        border: none;
        border-radius: 6px;
        border-collapse: collapse;
        overflow: auto;
      }

     table.shop_attributes:nth-child(even){
      th, td{
        background: none;
      }
    } 

    table.shop_attributes, table.shop_attributes tbody, table.shop_attributes tr{
      display: block;
    }

    table.shop_attributes tr{
      display: grid;
      grid-template-columns: repeat(2, 1fr);
    }

     table.shop_attributes tbody{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
     }

     table.shop_attributes th,  table.shop_attributes td{
        font-size: 16px;
        display: block;
        width: auto;
        padding:20px;
      }

       table.shop_attributes th{
        font-weight: 500;
        text-align: left;
      }

      table.shop_attributes td p{
        padding:0;
      }
    }
    .woocommerce-tabs:after{
      content:'';
      background: var(--colorPrimaryBg);
      position: absolute;
      left:50%;
      top:0;
      width: 99vw;
      height: 100%;
      transform: translate(-50%, 0);
      z-index: -1;
      @media(max-width: 1279px){
        width: 99vw;
        left: 49.5%;
      }
    }

  .woocommerce div.product form.cart div.quantity {
    margin: 0 30px 0 0;
    border: 1px solid #ECEEF3;
    border-radius: 6px;
    @media (max-width: 1279px){
      margin: 0 10px 0 0;
    }
    button, input{
      padding: 0 10px;
      text-align: center;
      font-size: 20px;
      border: none;
      height: 66px;
      @media(max-width:1279px){
        height: 60px;
      }
    }
    input{
      width: 102px;
      @media(max-width:1279px){
        width: 70px;
      }
    }
    button{
      width:66px;
      cursor: pointer;
      @media(max-width:1279px){
        width: 40px;
      }
    }
    .minus{
      border-radius: 6px 0 0 6px;
    }
    .plus{
        border-radius: 0px 6px 6px 0px;
    }
  }

.woocommerce div.product form.cart .single_add_to_cart_button.button.alt{
  @media(min-width: 769px) and (max-width:991px) {
    /* margin-top:20px; */
  }
}

.read-more-toggle {
    display: inline-block;
    margin-top: 20px;
    font-size: 1.8rem;
    color: var(--colorHeading);
}


  .product-info-wrapper, .cart, .product-full-description{
    border-top: 1px solid #ECEEF3;
  }

  .product-full-description{
    padding: 30px 0;
  }
  .product-info-wrapper{
    padding: 20px 0;
  }
     
}

.custom-product-full-description:has(a) img {
    max-width: max-content;
}

.custom-product-full-description {
  clear: both;
  padding: 5rem 0 0;

  .sectionHeading{
    margin-bottom:clamp(3rem, 5vw, 5rem);
  }

}

.custom-product-full-description ol, .custom-product-full-description ul{
    margin: 10px 0;  
  li{
        font-size: 1.6rem;
        color: var(--colorBody);
        line-height: 2.6rem;
      } 
}

.custom-product-full-description p + p{
  margin-top: 10px;
}



.woocommerce{
 .woocommerce-message::before, .cart-empty.woocommerce-info:before {
       color: var(--colorGreen);;
    }
    .woocommerce-message, .cart-empty.woocommerce-info {
      border-top-color: var(--colorGreen);;
      font-size: 16px;
      a.button.wc-forward {
          background: var(--colorGreen);
          margin-left: auto;
          display: block;
          color: #ffffff;
          padding: 14px 20px;
          text-transform: uppercase;
    }
    
  }
  .return-to-shop .button.wc-backward{
        margin-left: auto;
        font-size: 16px;
        line-height: 30px;
        font-weight: 700;
        text-transform: uppercase;
        color: #fff;
        background: #1b2328;
        padding: 18px 42px;
        border-radius: 6px;
        transition: var(--transition);
        display: inline-block;
  }

  .return-to-shop .button.wc-backward:hover{
    background: var(--colorGreen);
  }
  .woocommerce-message:focus-visible{
    outline: 0;
  }
  .woocommerce div.product div.images.woocommerce-product-gallery {
      padding: 0 50px 0 0;
  }
  .woocommerce div.product div.summary {
    padding-left: 30px;

    @media(max-width:768px){
      padding-left: 0px;
      padding-top: 30px;
    }
  }
  .woocommerce div.product div.images .flex-control-thumbs {
    margin-top: 20px;
    display: flex;
    gap: 20px;
    justify-content: center;
  }

  .woocommerce div.product div.images .flex-control-thumbs li {
    width: 15%;
  }
  
}

.single-product{
  .woocommerce div.product {
    padding-top: clamp(4rem, 5vw, 10rem);
  }

  .comments-area{
      margin-top: clamp(2rem, 3vw, 5rem);
      padding: 30px;
      background: #fff;
      border-radius: 3px;
    .comment_container img{
      width: 60px;
      height: 60px;
      border-radius: 100px;
      flex-shrink: 1;
  }
}

  .comment-list {

      margin: 0 0 30px;
      padding-bottom: 40px;
      border-bottom: 1px solid #eceef3;
    li{
      list-style: none;

      time.woocommerce-review__published-date {
        font-size: 12px;
        color: var(--colorGreen);
    }

    strong.woocommerce-review__author{
       color: var(--colorHeading);
    }
    }
    li + li{
      margin-top: 30px;
    }
  }

  .comments-title, .comment-reply-title {
    font-size: clamp(1.8rem, 2vw, 2.4rem);
    margin: 0 0 30px;
  }

  .comment_container {
      display: flex;
      align-items: flex-start;
      gap: 30px;
  }
  .comment-text {
    width: 100%;
}

p.comment-notes {
    margin: 0 0 30px;
}

[class*='comment-form-'] {
    display: grid;
    grid-template-columns: 200px calc(100% - 215px);
    gap: 15px;
    align-items: flex-start;
    margin-bottom: 15px;
    
    input, textarea{
        width: 100%;
        background: #F3F7FF;
        padding: 20px 20px;
        font-size: 16px;
        border: 0;
        border-radius: 6px;
    }
}

p.comment-form-cookies-consent {
    display: block !important;
    max-width: max-content;
    position: relative;
    padding-left: 30px;

    [type="checkbox"]{
      position: absolute;
      left: 0;
      top: 3px;
      width: 18px;
      height: 18px;
      opacity: 1;
      z-index: 12;
      cursor: pointer;
    }
}

p.logged-in-as {
    margin: 0 0 20px;
    a{
      color: var(--colorHeading);
    }
    a:hover{
      color: var(--colorGreen)
    }
}

.form-submit {
    text-align: right;
}

.comment-form .submit{
  font-size: 16px !important;
  line-height: 30px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: #fff !important;
  background: var(--colorGreen) !important;
  padding: 18px 42px !important;
  border-radius: 6px !important;
  transition: var(--transition) !important;
  display: inline-block !important;
}
.comment-form .submit:hover{
  background: #1b2328 !important;
}

}


/* login page */

#customer_login, .woocommerce-lost-password{
  /* padding-top: clamp(4rem, 3vw, 10rem);
  padding-bottom: clamp(4rem, 3vw, 10rem); */
  h2{
    font-size: 24px;
    margin-bottom: 3rem;
  }

  .woocommerce-privacy-policy-text {
    margin: 0 0 20px;
  }

 form.woocommerce-form.woocommerce-form-login.login, form.woocommerce-form.woocommerce-form-register.register, form.woocommerce-ResetPassword.lost_reset_password {
      border: none;
      padding: 0;
      label{
        font-size: 16px;
        color: var(--colorBody);
      }
      input{
        border: none;
        padding: 20px 20px;
        background: #f3f7ff;
        border-radius: 6px;
      }
      p.woocommerce-LostPassword.lost_password a {
        color: var(--colorHeading);
      }
  }
}

.woocommerce-error:focus, .woocommerce-error:focus-within, .woocommerce-error:focus-visible{
  outline: 0 !important;
}

/* cart page */

.woocommerce-cart{
  .page-content{
    padding-top: clamp(2rem, 5vw, 8rem);
    padding-bottom: clamp(4rem, 5vw, 10rem);
  }
  .woocommerce + p {
    margin: 30px 0 0;
  }

  .cart{
    th, td{
      font-size: 16px;
    }
    th{
      font-weight: 500;
    }
  }

  .cart-collaterals{
    h2{
      font-size: 18px;
      margin-bottom:20px;
    }
    .shop_table{
      th, td{
        font-size: 16px;
      }
      
    }
    .wc-proceed-to-checkout .checkout-button{
          font-size: 16px;
          line-height: 30px;
          font-weight: 700;
          text-transform: uppercase;
          color: #fff;
          background: #1b2328;
          padding: 18px 42px;
          border-radius: 6px;
          transition: var(--transition);
          display: inline-block;
          width: 100%;
      }

      .wc-proceed-to-checkout .checkout-button:hover{
        background-color: var(--colorGreen);
      }
  }
}

.privacy-policy, .policy-pages{
  .site-main{
    padding-top: clamp(4rem, 5vw, 9rem);
    padding-bottom: clamp(4rem, 5vw, 9rem);
  }
  .site-main{
  strong, .wp-block-heading, h2{
      font-size: 20px;
      color: var(--colorHeading);
      margin-bottom: 15px;
      margin-top: 3rem;
      font-weight: 500;
      font-family: var(--fontHeading);
      display: block;
    }
     p+ p{
      margin-top: 10px;;
     }
     ul{
              margin: 15px 0;
              li{
                font-size: 16px;
                color: var(--colorBody);
                position: relative;
                padding-left: 25px;
              }
              li:after{
                            content: '';
                    position: absolute;
                    width: 10px;
                    height: 4px;
                    border-left: 2px solid var(--colorGreen);
                    border-bottom: 2px solid var(--colorGreen);
                    transform: rotate(-45deg);
                    left: 0;
                    top: 5px;
              }

                      li + li {
            margin-top: 10px;
        }
     }
}
}

.single-product{
  .woocommerce .woocommerce-product-rating .star-rating, .woocommerce .star-rating {
    
      width: 120px;
      font-size: 20px;
      margin:4px 0 0;
  }
  .woocommerce .star-rating span::before {
      left: -90px;
  }
  .woocommerce .star-rating::before {
    color: #FFC548;
  }
  a.woocommerce-review-link {
    font-size: 16px;
    color: #171151;
    .count{
      color: #171151;
    }
  }
}

/* account page */

.woocommerce-dashboard, .woocommerce-account{
  .woocommerce{
    padding-top:clamp(4rem, 5vw, 10rem);
    padding-bottom:clamp(4rem, 5vw, 10rem);
  }

  .woocommerce-MyAccount-navigation{
    padding-right: 50px;
    ul{
      li{
        a{
          font-size: 16px;      
          padding: 18px 0;
          display: block;
      }
     
    }
     li.is-active a, li a:hover{
      color: var(--colorHeading);
      }

       li + li {
          border-top:1px solid #ECEEF3;
        }
        li.woocommerce-MyAccount-navigation-link--customer-logout a{
          color: var(--colorHeading) !important;
        }
        li.woocommerce-MyAccount-navigation-link--customer-logout a:hover{
          color: var(--colorGreen) !important;
        }
      }
  }

  .woocommerce-MyAccount-content{
    a{
      color: var(--colorHeading);
    }
    a:hover{
      color: var(--colorGreen);
    }

    .woocommerce-info {
      border-top-color: var(--colorHeading);
      font-size: 16px;

      .button{
        font-size: 14px;
        padding: 7px 22px;
        display: inline-block;
      }
    }
    .woocommerce-info::before {
      color: var(--colorHeading);
    }
       .button{
          font-size: 16px;
          line-height: 30px;
          font-weight: 700;
          text-transform: uppercase;
          color: #fff;
          background: #1b2328 !important;
          padding: 18px 42px;
          border-radius: 6px;
          transition: var(--transition);
          display: inline-block;
          
      }

      .button:hover{
        color: #fff;
        background-color: var(--colorGreen) !important;

      }
      .woocommerce-Addresses{
        padding-top: 50px;
      }
      .woocommerce-Address{
        header.woocommerce-Address-title{
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: #f3f7ff;
            padding: 20px;
            margin: 0 0 20px;
            h2{
              font-size: 18px;
            }
            a{
              font-size: 16px;
            }
        }
        header.woocommerce-Address-title:after, header.woocommerce-Address-title:before{
          display: none;
        }

        address {
          font-size: 16px;
          padding: 0 20px;
          line-height: 26px;
      }
      }


      .woocommerce-EditAccountForm, .woocommerce-address-fields {
        fieldset {
          padding: 30px ;
          margin: 30px 0 ;
          legend{
            font-size: 18px;
              font-family: var(--fontHeading);
              color: var(--colorHeading);
              font-weight: 400;
          }
      }
        input, select, .select2-container .select2-dropdown, .select2-container .select2-selection{
          background: #F3F7FF;
          border: none;
          padding: 16px 20px;
          border-radius: 6px;
          font-size: 16px;
          color: #8A879F;
        }

       
      }

      .woocommerce-address-fields__field-wrapper {
          margin-bottom: 30px;
      }

      form > h2 {
        font-size: 20px;
        margin: 0 0 20px;
    }

  }
  .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0;
  }
  .select2-results__option[aria-selected], .select2-results__option[data-selected] {
    cursor: pointer;
    font-size: 16px;
  }

  .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
     background-color: var(--colorHeading);
}
}


.categoryList-sectionOuter{
  /* padding-top: clamp(2rem, 5vw, 7rem); */
  

  .categoryContent-section {
    font-size: 16px;
    line-height: 26px;
}
  .wp-block-heading{
    font-size: 20px;
    color: var(--colorHeading);
    margin-bottom:15px;
    margin-top:3rem;
    strong{
      font-weight: 600;
      color: var(--colorHeading);
    }
  }
  p:not(.category-count){
    margin-bottom:10px;
  }

  ul{
    margin: 15px 0;
    li{
        font-size: 16px;
        color: var(--colorBody);
        position: relative;
        padding-left: 25px;
    }

    li:after {
      content: '';
      position: absolute;
      width: 10px;
      height: 4px;
      border-left: 2px solid var(--colorGreen);
      border-bottom: 2px solid var(--colorGreen);
      transform: rotate(-45deg);
      left: 0;
      top: 5px;
    }
    li + li{
      margin-top: 10px;
    }
  }

  .wp-block-buttons{
    margin-top: 3rem;
  }

  .wp-block-button__link.wp-element-button {
      padding: 14px 30px;
      border-radius: 6px;
      font-size: 16px;
      background: #1b2328;
      text-transform: uppercase;

     
  }

  .wp-block-button__link.wp-element-button:hover{
    background: var(--colorGreen); 
  }

  .wp-block-woocommerce-product-collection{
    .wp-block-heading{
      margin-bottom: 3rem !important;
      text-align: left;
      font-size:24px;
    }
  }

  .categoryContent-section {
    margin: 40px 0 20px;
    margin-bottom: 2rem !important;
}
.is-layout-flex {
    display: flex;
    gap: 2rem;
}
  .page-content.categoryContent-section{
    margin:0 !important;
  }
}


  #add_payment_method table.cart img,
  body.woocommerce-cart table.cart img,
  body.woocommerce-checkout table.cart img {
    width: 100px;
  }
body.woocommerce-cart .woocommerce .quantity .qty {
    width: 80px;
    padding: 7px 10px;
}

body.woocommerce-cart .woocommerce a.remove {
  
    width: 24px;
    display: inline-block;
    height: 24px;
    border-radius: 24px;
    text-align: center;
    font-size: 26px;
    line-height: 20px;
    text-indent: 1px;
}
/* mobile menu */
.mobileNav-slide {
    background: #ffffff;
    padding: 20px;
    height: 100%;
    width: 100%;
    padding-top: 24px;
    overflow: hidden;
    overflow-y: auto;
    position: absolute;
    right: -100%;
    transition: 0.3s all ease-out;
   
    ul {
      margin-top:30px;
      li{
        a{
          font-size: 16px;
          display: block;
          padding: 16px 0;
        }

      }
      li.current-menu-item a {
        color: var(--colorHeading);
      }

      li + li{
        border-top: 1px solid #ECEEF3;
      }
    }
}

.mobileNav-slideouter:after {
    content: '';
    position: fixed;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.2);
    height: 100vh;
    top: 0;
    z-index: -1;
}

.mobileNav-slideouter {
    position: fixed;
    right: -100px;
    z-index: 999;
    height: 100%;
    top: 0;
    max-width: 360px;
    width: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s all ease-out;

    span.cart-count {
      color: #ffffff;
      background: var(--colorGreen);
      width: 20px;
      display: inline-block;
      height: 20px;
      padding: 5px 0px;
      border-radius: 20px;
      position: absolute;
      top: -9px;
      text-align: center;
      right: -10px;
  }
}

span.close-btn {
  position: absolute;
  left: 20px;
  top: 24px;
  cursor: pointer;
  width: 20px;
  height: 20px;
    svg{
      width:100%;
      height: 100%;
    }
  }

.mobileNav-icons {
    display: flex;
    align-items: center;
    flex-flow: row-reverse;
    justify-content: flex-start;
    gap: 15px;
    margin: 0 0 20px;
}

.header .mobileNav-icons{
 .helpdesk-icon{
  width:24px;
  height: 24px;
  svg{
    width:100%;
    height: 100%;
    filter: brightness(0);
  }      
}
 a img{
  filter: brightness(0);
 }
 a{
  position: relative;
 }
}
.mobileNav-header {
  .search-wrapper a {
      display: none;
  }

  .header-search-form {
    display: block;
    position: static;
    top: -10px;
    right: -10px;
    width: 100%;
    overflow: hidden;
    transition: width 0.3s ease;
}

input#searchsubmit {
    background-position: top 10px right 17px;
}
}

.open-menu .mobileNav-slide {
    right: 0;
}

 .mobileNav-slideouter.open-menu{
    right: 0;
    width: 100%;
    opacity: 1;
    visibility: visible;
    
}

#customer_login  {
  .u-column2.col-2, .u-column1.col-1 {
      margin:30px 0;
  }
}


/**/

.categories-list {
    display: flex;
    flex-direction: column;
    width: 100%;
}


.categories-list-inner {
  width:100%;
  .listHeader > div, .listCard > div{  
    flex: 1 0 0;
  }
  .listHeader > div:nth-child(3), .listHeader > div:last-child,  .listCard > div:nth-child(3), .listCard > div:last-child  {
    width: 110px;
    flex: 0 0 auto;
  }
}


.listHeader {
    font-size: 18px;
    border-bottom: 2px solid #ECEEF3;
    padding: 0 0 20px;
}

.listHeader {
    font-size: 1.6rem;
    *{ 
       color: var(--colorHeading);
      font-weight: 500;
      }
  }

 .listCard {
    .list-title {
    font-size: 1.8em;
  }
  .product-title a{
    font-size: 1.8em;
    font-family: var(--fontHeading);
    color: var(--colorHeading);
  }
}

.listCard {
  .product-desc, .list-description {
    color: var(--colorBody);
    font-size: 1.6rem;
  }
}

.listCard {

.list-readmore, .product-link {
    color: var(--colorGreen);
    text-decoration: none;
    font-size: 1.6rem;
}
}

.listCard {

.product-link:hover, .list-readmore:hover {
  color: var(--colorHeading);
}
}

.listCard {
    padding: 20px;
    background: #fff;
}

.listCard + .listCard{
  border-top: 1px solid #ECEEF3;
}

.listCard:nth-child(even){
  background: #f7f7f7;
}

.view-toggle {
    gap: 15px;
}

.view-btn {
    width: 35px;
    padding: 0;
    background: no-repeat;
    border: none;
}
.view-btn.active svg{
  fill: var(--colorGreen);
}
.categories-list-inner{
.listDescription, .listProducts, .product-price {
    font-size: 1.6rem;
}
}

.list-view{
  display: none;
}

/*  checkout page */

.woocommerce-checkout{
  .site-main{
    padding-bottom: clamp(4rem, 5vw, 10rem);
  }
  .woocommerce-billing-fields {
    margin: 20px 0;
    h3{
      font-size:1.8rem;
      margin-bottom:2rem;
    }
    
  }

  #order_review_heading{
    font-size:1.8rem;
      margin-bottom:2rem;
  }

  .woocommerce-info {
      border-top-color: var(--colorHeading);
          font-size: 1.6rem;
          a{
            color: var(--colorHeading);
          }
          a:hover{
            color: var(--colorGreen);
          }
  }
   .woocommerce-info:before {
      color: var(--colorHeading);
  }

  .woocommerce form .form-row .input-text, 
  .woocommerce form .form-row select,
  .select2-container .select2-selection--single .select2-selection__rendered{
      width: 100%;
      background: #F3F7FF;
      padding: 20px 20px;
      font-size: 16px;
      border: 0;
      border-radius: 6px;
  }
  .select2-container .select2-dropdown, .select2-container .select2-selection{
    border: 0;
  }

  .woocommerce table.shop_table th {
    font-size: 1.6rem;
  }

  .woocommerce table.shop_table td {
    font-size: 1.6rem;
  }

  .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
      padding: 20px 50px;
      font-size: 1.8rem;
      background-color: var(--colorHeading);
      text-transform: uppercase;
  }
   .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover{
    background-color: var(--colorGreen);
   } 

}


#ship-to-different-address {
    margin: 20px 0 30px;
}

#customer_login p.form-row:not(.woocommerce-form-row) {
    display: flex;
    align-items: center;
    gap: 0;
    flex-flow: row-reverse;
    justify-content: flex-end;
}

/* custom checkbox style */
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
    line-height: 20px;
}

.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox, .woopay-save-new-user-container label,
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme{
    font-size: 18px;
    position: relative;
    padding-left: 30px !important;
    text-indent: 0 !important;
}

.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox:after, .woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox:before,
.woopay-save-new-user-container label:after, .woopay-save-new-user-container label:before,
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme:after,
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme:before{
    content: '';
    position: absolute;
    left: 0;
    width: 18px;
    height: 18px;
    top: -1px;
    border: 2px solid var(--colorHeading);
    border-radius: 3px;
}

.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox:after,
.woopay-save-new-user-container label:after,
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme:after{
    left: 4px;
    top: 5px;
    width: 12px;
    height: 5px;
    transform: rotate(-45deg);
    border-top: 0;
    border-radius: 0px;
    border-right: 0;
    opacity: 0;
}

input#ship-to-different-address-checkbox, .woocommerce form .form-row .input-checkbox, .woopay-save-new-user-container label .save-details-checkbox,
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme .woocommerce-form__input-checkbox  {
    position: absolute;
    left: 0;
    width: 23px;
    height: 20px;
    z-index: 9;
    opacity: 0;
    cursor: pointer;
}



.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox:has(input[type="checkbox"]:checked):after,
.woopay-save-new-user-container label:has(input[type="checkbox"]:checked):after,
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme:has(input[type="checkbox"]:checked):after {
  opacity: 1 !important;
}
.woocommerce{
 .woocommerce-message{
      border-top-color: var(--colorGreen);
      font-size: 1.6rem;
       div{
     margin-top:7px;
  }
}
.woocommerce-message:before{
  color: var(--colorGreen);
 
}
 .woocommerce-info{
      border-top-color: var(--colorHeading);
      font-size: 1.6rem;
       div{
     margin-top:7px;
  }
 }
 .woocommerce-info:before{
  color: var(--colorHeading);
 }

 .woocommerce-error{
  border-top-color: #dc3232;
      font-size: 1.6rem;
       div{breadcrumb-menu
     margin-top:7px;
  }
 }
 .woocommerce-error::before{
  color: #dc3232;
 }
}


.categories-list:has(.pagination) .categories-list-inner {
    padding-bottom: 0rem;
}

.categories-list-inner{
    padding-bottom: 5rem;
}

/* custom checkbox style end */

@media(min-width:1280px){
  .mobile-menuBtn{
    display: none;
  }
}

@media(min-width:992px){
  img.image.mobileImage{
    display: none;
  }
}

.search-title {
    margin-bottom:clamp(3rem, 5vw, 5rem);
}

.related-sectionOuter {
    margin: 0 -20px;
}


/* media query start */

@media only screen and (max-width: 1599px) {
    

    
    .homeBanner .content {
      grid-template-columns: 1fr 40%;
    }

    .header .headerNav ul {
      margin-right: 20px;
    }

     .homeBanner .left .features {
      margin-top: 8rem;
  }

  .homeBanner .content .left {
    padding-top: 200px;
}
}



@media (max-width: 1365px){
  .header .headerHelpdesk {
      padding: 16px 15px;
      min-height: 0;
      margin-inline: 26px 0;
  }

  .homeBanner .content .left {
      padding-bottom: 80px;
  }
  
  .homeBanner .content .left {
    padding-top: 180px;
  }

  .sectionbuttonsOuter {
    margin: 30px 0 0;
  }
  
  .homeBanner .left .sectionDescription {
    margin-block: 20px 0;
  }

  .homeBanner .left .sectionSubHeading {
    margin-block: 0 10px;
  }

  .price-outer * {
    font-size: 14px;
  }
}

@media (max-width: 1279px){
  .footerBottom-outer ul li {
    padding: 0 12px;
  }

  .quotes {
    margin: 0 0 3rem;
  }

  .footerTop-innerWrap {
    grid-template-columns: repeat(4, 1fr);
    gap: 3rem;
  }

  nav.headerNav, .headerIcons{
    display: none !important;
  }

  .homeBanner .left .features {
      margin-top: 7rem;
  }

  .headerIcons {
    margin-left: auto;
  }

  .page-template-home .humburger.mobile-menuBtn svg path{
      stroke: #ffffff;
  }

  .header .page-width {
     gap: 20px;
  }

  .header .page-width {
    grid-template-columns: auto  300px 30px;
  }

  .contactus-innerwrap {
    grid-template-columns: 270px 1fr;
    gap: 5rem;
}

[aria-label="Contact form"] {
    .form-row.form-radio {
        gap: 20px;
        grid-template-columns: repeat(1, 1fr);
    }
}

.form-features {
    grid-template-columns: repeat(1, 2fr);
    gap: 2rem;
}

  .product-template-default {
    & .product-info-wrapper {
        .info-label {
            width: 87px;
        }
    }
  }
  
    .productSlider {
        width: 100%;
    }

.homeBanner .content {
    grid-template-columns: 1fr 1fr;
}
}


@media (max-width: 991px){

  .page-template-home .humburger.mobile-menuBtn svg path {
      stroke: #171151;
  }

.page-template-home .header {
    padding-block: 24px;
    box-shadow: 0 0 30px -10px rgba(0,0,0,0.3);
    position: relative;
    background: #ffffff;
}
  .productCard {
      padding: 20px;
  }

  .gridColumn-image {
    text-align: center;
    padding: 0;
  }

  .footerTop-innerWrap {
      grid-template-columns: repeat(2, 1fr);
  }

  .footerBottom-outer .d-flex {
    flex-flow: column;
    gap: 20px;
  }

  .formulaSection-inner .gridColumn-content {    
    padding: 30px 0 30px 30px;
  }

  .homeBanner .content .right {
    display: none;
  }

  .homeBanner .content {
      grid-template-columns: 1fr;
  }
  .homeBanner .left .features{
    margin-inline: auto;
  }

  .sectionHeadingMain, .homeBanner .left .sectionSubHeading, .homeBanner .sectionDescription p {
      text-align: center;
  }
  .sectionbuttonsOuter {
    justify-content: center;
  }

  .homeBanner .left .sectionDescription {
      max-width: 540px;
      margin: 20px auto;
  }

  .homeBanner .page-width {
    padding-inline: 30px !important;
  }
  .slick-arrow {
      height: 40px;
      width: 40px;
  }

 .woocommerce-page, .woocommerce.woocommerce-shop{

   .woocommerce select {
    padding: 18px 20px;
    width: 200px;
  }
}

.contactus-innerwrap {
    grid-template-columns: 1fr;
    gap: 3rem;
}

.contact-content {
    img {
        max-width: 35px;
    }
}

  .breadcrumb-outer > .d-flex {
        flex-flow: column;    
        align-items: flex-start;
    }
  
 
  .homeBanner .content .left {
    padding-top: 0;
  }

.image.mobileImage {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100vw;
    z-index: -1;
    transform: translate(-50%, 0);
}

.bannermobile-inner {
    position: relative;
    padding: 100px 0 260px;
}

.bannermobile-inner:after {
    content: '';
    left: 50%;
    top: 0;
     transform: translate(-50%, 0);
    background: linear-gradient(to bottom, #ffffff, #ffffff, #ffffff, #ffffff, transparent,  transparent,  transparent);
    position: absolute;
    z-index: -1;
    height: 90%;
    width: 100vw;
}

.single-product {
    [class*='comment-form-'] {
        grid-template-columns: auto calc(100% - 100px);
        gap: 15px;
        align-items: flex-start;
        margin-bottom: 15px;
    }
}

.single-product .woocommerce .single_add_to_cart_button.button.alt{
  padding: 15px 20px;
}

.product-template-default {
    & .woocommerce-tabs {
        table.shop_attributes tbody {
            grid-template-columns: repeat(3, 400px);
        }
    }
}

.gridColumn-reverse .gridColumn-image {
    padding-left: 0px;
    text-align: center;
  }

  .contactus-innerwrap .contact-content{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding-top:30px;
    .column-items {
      padding: 20px 10px;
    }
    .column-items + .column-items {
      border-top: 0; 
      border-left: 1px solid #ECEEF3;
    }
  }

  [aria-label="Contact form"] .submit-btn input[type="submit"] {
    width: 250px;
  }


}


@media (max-width: 767px){

   .formulaSection-inner .gridColumn-content {    
    padding: 0px 20px 20px 20px;
  }
 
.gridColumn-image, .gridColumn-content{
  padding:0;
}

.gridColumn-reverse .gridColumn-image {
    order: -1;
    padding: 0;
}

  .formulaSection-inner .gridColumn-image img {
    border-radius: 10px 10px 0 0;
  }

  .footerTop-innerWrap {
    gap: 2rem;
    grid-template-columns: repeat(1, 1fr);
  }

  .footer-contentColumn {
      max-width: 100%;
  }

  .footer-contentColumn figure img {
    margin: 0 0 30px;
  }

  .footerBottom-outer p{
    text-align: center;
  }

  .footerBottom-outer ul {
    row-gap: 10px;
    justify-content: center;
  }

  .feature-content-row {
      align-items: flex-start;
      gap: 19px;
  }

  .sectionbuttonsOuter .sectionButtonGreen {
      display: none;
  }
  .sectionSubHeading {
    font-size: 14px;
  }

  .homeBanner .features .text h4 {
    font-size: 18px;
  }

  .header .headerHelpdesk {
      display: none;
  }
  .header .page-width {
    grid-template-columns: auto 31px;
  }
  .woocommerce-page, .woocommerce.woocommerce-shop{
    .woocommerce-result-count {
        width: 100%;
        margin:0;
    }
}
.woocommerce.woocommerce-shop, .woocommerce-page {
    #category_filter_form {
        margin-left: 0;
    }
}

.woocommerce.woocommerce-shop, .woocommerce-page {
    .woocommerce.columns-4 {
        gap: 20px;
    }
}

.contact-content {
    img {
        max-width: 40px;
    }
  }
  .contact-content h2 {
      margin: 10px 0 7px;
  }

  .column-items {
      padding: 20px 10px;
  }
  .bannermobile-inner {
    padding: 60px 0 200px;
}
 .bannermobile-inner:after {
      height: 100%;
  }

.categories-list{
  overflow: scroll;
}
.categories-list-inner {
    width: 1024px;
}
  
.contactus-innerwrap .contact-content {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}
.contactus-innerwrap .contact-content{
  .column-items + .column-items {
  border-left: 0; 
  border-top: 1px solid #ECEEF3;
  }
}

[aria-label="Contact form"] {
.form-row.submit-btn p {
    flex-flow: column;
    flex-wrap: wrap;
}
}
  [aria-label="Contact form"] .submit-btn input[type="submit"] {
    width: 100%;
  }

  .categoryList-sectionOuter .wp-block-button__link.wp-element-button{
    font-size: 14px;
  }

  .categoryList-sectionOuter .wp-block-buttons>.wp-block-button {
        width: 100%;
    }
}


@media(max-width: 574px){

 
  .homeBanner .left .features {
    grid-template-columns: repeat(1, 1fr);
    max-width: 360px;
  }

   .woocommerce-page, .woocommerce.woocommerce-shop{
  .woocommerce select {
    width: 100%;
  }

}
  [aria-label="Contact form"] {
    .form-grid {
        gap: 15px;
    }
}


  .woocommerce.woocommerce-shop, .woocommerce-page {
    .woocommerce form {
        margin: 0;
        width: 100%;
    }
  }

  [aria-label="Contact form"] {
    .form-row {

        gap: 15px;
        grid-template-columns: repeat(1, 1fr);
    }
  }

  .breadcrumb-outer .page-width > .d-flex{
    flex-flow: column;
    gap: 10px;
  }

  .page-title {
    text-align: center;
  }

    .single-product {
      [class*='comment-form-'] {
          grid-template-columns: 1fr;
          gap: 10;
          align-items: flex-start;
          margin-bottom: 15px;
      }
    }

    .single-product {
      .comment-form .submit {
          width: 100%;
      }
    }

    .woocommerce div.product form.cart div.quantity {
     margin: 0 20px 0 0;
    }

    .breadcrumb-menu {
        flex-wrap: wrap;
        justify-content: center;
    }
   }


 .category-inner-outer{
    width:100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    @media(max-width:767px){
      grid-template-columns: repeat(2, 1fr);
    }
     @media(max-width:574px){
      grid-template-columns: repeat(1, 1fr);
    }
    .productCard {
      background: none;
      transition: 0.3s all;
      align-items: center;
      position: relative;
      padding-block: 90px;
       @media(max-width:574px){
          padding-block: 40px;
        }
      .cat-icon{
        aspect-ratio: initial;
        object-fit: initial;
        width: 80px;
      }
    }
    .productCard .cardContent {
      text-align: center;
      justify-content: center;
      align-items: center;
      width: 100%;
    }
    .productCard .cardContent h3 {
      margin-bottom: 40px;
  }
  .shop-btn {
      display: flex;
      width: 40px;
      height: 40px;
      border: 1px solid var(--colorHeading);
      border-radius: 30px;
      position: relative;
      background: none;
      justify-content: center;
      align-items: center;
      opacity: 0;
  }
  .shop-btn img {
    width: 20px;
  }
  
  .cathover-img {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 0;
      aspect-ratio: initial;
      object-fit: cover;
      opacity: 0;
       transition: 0.3s all;
}

  .productCardLink:hover {
      .productCard{
        background: linear-gradient(-20deg, #07032a, #292174);
    }
    .shop-btn img, .cat-icon {
        filter: brightness(100);
    }
    .shop-btn{
      border: 1px solid #ffffff;
      opacity: 1;
    }
    .cardTitle{
      color: #ffffff;
    }
    .cathover-img{
      opacity: 0.15;
    }
  }

}


/*==new css==*/
.woocommerce-shop button.view-btn[data-view="grid"] {
    display: none;
} 
/*===new css end==*/