/** Shopify CDN: Minification failed

Line 7618:0 Expected "}" to go with "{"

**/
@font-face {
  font-family: "title_bold";
  src: url("/cdn/shop/files/TuskerGrotesk-7700Bold.ttf?v=1721207362")
    format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "title_semibold";
  src: url("/cdn/shop/files/TuskerGrotesk-5600Semibold.ttf?v=1721207413")
    format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "title_medium";
  src: url("/cdn/shop/files/TuskerGrotesk-5500Medium.ttf?v=1721207425")
    format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "title_normal";
  src: url("/cdn/shop/files/TuskerGrotesk-4800Super_80282e53-c414-425b-9e6e-7bc12fa9866a.ttf?v=1721196735")
    format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "text_bold";
  src: url("/cdn/shop/files/Aeonik-Bold.otf?v=1721193917")
    format("opentype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "text_medium";
  src: url("/cdn/shop/files/Aeonik-Medium.otf?v=1721193917")
    format("opentype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "text_regular";
  src: url("/cdn/shop/files/Aeonik-Regular.otf?v=1721193917")
    format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "text_light";
  src: url("/cdn/shop/files/Aeonik-Light.otf?v=1721193917")
    format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "text_thin";
  src: url("/cdn/shop/files/Aeonik-Thin.otf?v=1721193917")
    format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "text_air";
  src: url("/cdn/shop/files/Aeonik-Air.otf?v=1721193916")
    format("opentype");
  font-weight: 400;
  font-style: normal;
}

:root {
  --font-title-bold: "title_bold";
  --font-title-semibold: "title_semibold";
  --font-title-medium: "title_medium";
  --font-title-normal: "title_normal";
  --font-text-bold: "text_bold";
  --font-text-regular: "text_regular";
  --font-text-light: "text_light";
  --font-text-medium: "text_medium";
  --font-text-thin: "text_thin";
  --font-text-air: "text_air";
  --primary-bg: #00a1e9;
  --secondory-bg: #00a1e91a;
  --primary-color: #000000;
  --secondary-color: #ffffff;
  --sub-primary-color: #00a1e9;
  --sub-bg: #ffffff;
  --btn-bg: #00a1e9;
  --link-color: #ffffff;
  --black-slider: #000000;
}


.osr-section {
  margin-bottom: 50px;
}

/* announcementbar css start */

p.announcement-bar__message.h5 {
  font-size: 14px;
  line-height: 24px;
  font-family: var(--font-text-regular);
}

/* announcementbar css end */

/* header css start */

.list-menu__item {
  font-size: 14px;
  line-height: 24px !important;
  color: var(--primary-color);
  font-family: var(--font-text-medium);
}

svg.modal__toggle-open.icon.icon-search {
  color: #00a1e9;
}

.osr-menu-links-wrap {
  display: flex;
  align-items: center;
  gap: 20px;
}

.osr-menu-link {
  text-decoration: none;
  font-size: 14px;
  line-height: 24px !important;
  color: var(--primary-color);
  font-family: var(--font-text-medium);
}

svg.icon.icon-account path,
svg.icon.icon-account {
  width: 2.5rem;
  height: 2.5rem;
  fill: #00a1e9;
}

.header__icon--cart path,
.header__icon--cart {
  height: 2.5rem;
  width: 2.5rem;
  fill: #00a1e9;
}

.icon.icon-hamburger path,
.icon.icon-hamburger {
  fill: #00a1e9;
}

.icon.icon-close,
.icon.icon-close path {
  fill: #00a1e9;
}

.header__icons {
  gap: 10px;
}

.header__icon .icon {
  height: 2.5rem;
  width: 2.5rem;
}

.header__icon,
.header__icon--cart .icon {
  height: 2.5rem;
  width: 2.5rem;
}

.special_Link {
    display: none;
}

@media only screen and (min-width: 989px) {
.list-menu.list-menu--inline li #HeaderMenu-blog,
  .list-menu.list-menu--inline li #HeaderMenu-contact,
  .list-menu.list-menu--inline li #HeaderMenu-wholesale
  {
    display: none;
  }
}

@media only screen and (max-width: 989px) {
  .osr-menu-links-wrap {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .header__icon.header__icon--account.small-hide,
  .header__icon.header__icon--search {
    display: flex !important;
  }
}

/* header css end */

/* footer css start */

footer.footer {
  background: var(--primary-bg);
}

.footer__blocks-wrapper.grid {
  column-gap: 0;
}

.osr-footer-newsletter-title {
  font-size: 24px;
  line-height: 34px;
  margin: 0;
  padding-bottom: 15px;
  color: var(--secondary-color);
  font-family: var(--font-text-regular);
}

.osr-footer-newsletter-wrap .field:before,
.osr-footer-newsletter-wrap .field:after {
  display: none;
}

.osr-footer-newsletter-wrap .field__label {
  display: none;
}

.osr-footer-newsletter-wrap .field::placeholder,
.osr-footer-newsletter-wrap .field__input::placeholder {
  opacity: 1;
  font-size: 16px;
  line-height: 20px;
  color: var(--secondary-color);
  font-family: var(--font-text-regular);
}

.osr-footer-newsletter-wrap .field__input,
.osr-footer-newsletter-wrap .field__input:focus {
  box-shadow: none;
  outline: none;
  padding: 10px 20px;
  border-radius: 40px;
  border: 1px solid #ffffff;
  background: transparent;
}

.osr-footer-newsletter-wrap .field__input {
  font-size: 16px;
  line-height: 20px;
  color: var(--secondary-color);
  font-family: var(--font-text-regular);
}

.osr-footer-newsletter-wrap .field__button {
  position: relative;
  padding: 15px 30px;
  font-size: 16px;
  line-height: 20px;
  background-color: #fff !important;
  border-radius: 40px;
  width: fit-content;
  font-family: var(--font-text-regular);
  color: #00a1e9;
  display: flex;
  height: unset;
}

.osr-footer-newsletter-wrap .newsletter-form {
  margin: 0 0;
  max-width: 100%;
}

.osr-footer-newsletter-wrap .field {
  gap: 20px;
}

.osr-footer-newsletter-wrap .newsletter-form__field-wrapper {
  width: 100%;
  max-width: 500px;
}

.footer-block.grid__item:nth-of-type(1) {
  width: 50%;
  
}

.footer-block.grid__item:nth-of-type(2),
.footer-block.grid__item:nth-of-type(3),
.footer-block.grid__item:nth-of-type(4) {
  width: 16%;
  padding-left: 0px;
  /* border: 1px solid black; */
}

.footer-block__heading.inline-richtext {
  margin: 0;
  font-size: 24px;
  line-height: 34px;
  font-family: var(--font-text-regular);
  color: var(--secondary-color);
  padding-bottom: 15px;
}

.link.link--text.list-menu__item.list-menu__item--link {
  font-size: 14px;
  line-height: 24px;
  font-family: var(--font-text-regular);
  color: var(--secondary-color);
}

.osr-footer-social-icons-block .list-social__item .icon {
  display: none;
}

.osr-footer-social-icons-block .list-social__item .visually-hidden {
  position: relative !important;
  overflow: unset;
  width: auto;
  height: auto;
  margin: unset;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal !important;
  font-size: 14px;
  line-height: 24px;
  font-family: var(--font-text-regular);
  color: var(--secondary-color);
}

.osr-footer-social-icons-block .list-social__item .link.list-social__link {
  text-decoration: none;
  padding: 0;
  padding-bottom: 0.5rem;
}

.osr-footer-social-icons-block .list-social {
  flex-direction: column;
}

.osr-footer-large-logo {
  padding: 0 5rem;
  width: 100%;
}

.footer__content-bottom {
  border-top: none !important;
}

.copyright__content a:hover,
small.copyright__content {
  font-size: 14px;
  line-height: 24px;
  font-family: var(--font-text-regular);
  color: var(--secondary-color);
}

.copyright__content a:hover {
  color: var(--secondary-color) !important;
}

.footer__content-bottom-wrapper {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.footer__content-bottom-wrapper .policies li:before {
  display: none;
}

.footer__content-bottom-wrapper .policies li {
  margin: 0 5px;
}

.footer .footer__content-top .footer-block--newsletter {
  display: none;
}

.list-social__item .icon {

  height: 3rem !important;
  width: 3rem !important;
}

@media only screen and (max-width: 1200px) {
  .footer-block.grid__item:nth-of-type(1) {
    width: 40%;
    padding-right: 20px;
  }

  .footer-block.grid__item:nth-of-type(2),
  .footer-block.grid__item:nth-of-type(3),
  .footer-block.grid__item:nth-of-type(4) {
    width: 20%;
  }
}

@media only screen and (max-width: 1024px) {
  .footer-block.grid__item:nth-of-type(1) {
    width: 100%;
    padding-right: 0px;
  }

  .footer-block.grid__item:nth-of-type(2),
  .footer-block.grid__item:nth-of-type(3) {
    width: 50%;
  }

  .footer-block.grid__item:nth-of-type(4) {
    width: 100%;
  }

  .footer-block.grid__item {
    display: flex;
    margin-top: 0 !important;
    margin-bottom: 30px !important;
  }

  .footer-block.grid__item.footer-block--menu {
    display: block;
  }

  .osr-footer-newsletter-wrap .newsletter-form__field-wrapper {
    margin-right: auto;
  }

  .osr-footer-newsletter-wrap {
    width: 100%;
  }

  .footer__blocks-wrapper.grid {
    display: flex !important;
  }

  .footer-block__details-content {
    margin-bottom: 0 !important;
  }

  .osr-footer-social-icons-wrap {
    width: 100%;
    text-align: center;
  }

  .osr-footer-social-icons-block .list-social {
    flex-direction: row;
    gap: 15px;
    justify-content: center !important;
  }

  .footer__content-top {
    padding-bottom: 0 !important;
  }

  .footer__content-top .grid {
    row-gap: 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  .footer-block__heading.inline-richtext {
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 5px !important;
  }

  .footer-block__details-content .list-menu__item--link {
    padding-bottom: 5px !important;
    padding-top: 0px !important;
  }

  .footer__blocks-wrapper.grid {
    margin-bottom: 0 !important;
  }
}

@media only screen and (max-width: 500px) {
  .osr-footer-newsletter-title br {
    display: none;
  }

  .osr-8144410116236 .footer-block.grid__item:nth-of-type(3){
      padding-left: 25px;
  }
}

/* footer css end */

/* image banner css start */

.banner__text p {
  margin: 0;
  font-size: 28px;
  line-height: 38px;
  color: var(--primary-color);
  font-family: var(--font-text-bold);
}

.banner__heading {
  font-size: 80px;
  line-height: 90px;
  color: var(--primary-color);
  font-family: var(--font-title-bold);
  text-transform: uppercase;
}

.banner__buttons .button.button--secondary {
  font-size: 16px;
  line-height: 26px;
  border-radius: 40px;
  padding: 15px 40px;
  border: 1px solid #000000;
  background: #ffffff;
  color: var(--primary-color);
  font-family: var(--font-text-medium);
}

.banner__buttons .button.button--secondary:hover {
  border: 1px solid var(--btn-bg);
  background: var(--btn-bg);
  color: var(--secondary-color);
}

.button:before,
.button:after {
  display: none;
}

.banner__box {
  width: auto !important;
  max-width: unset !important;
  min-width: unset !important;
}

.banner__content {
  justify-content: end !important;
}

@media only screen and (max-width: 767px) {
  .banner__box {
    text-align: left !important;
  }

  .banner__heading {
    font-size: 48px;
    line-height: 58px;
  }
}

/* image banner css end */

/* image with text css start */

.osr-image-with-text-block-main-image-content {
  font-size: 0;
}

.osr-image-with-text-block-main-image { width: 100%; height: 100%; }
.osr-image-with-text-block-main-image-content { height: 100%; display: block; }
.osr-image-with-text-block-main-image-content-mobile {
  display: none;
}

.osr-image-with-text-block-row {
  background: var(--primary-bg);
}

.osr-image-with-text-block-text-content {
  padding: 50px;
}

.osr-image-with-text-block-sub-title {
  margin: 0;
  font-size: 28px;
  line-height: 38px;
  color: var(--secondary-color);
  font-family: var(--font-text-bold);
  padding-bottom: 20px;
}

.osr-image-with-text-block-main-title {
  margin: 0;
  font-size: 74px;
  line-height: 100px;
  color: var(--secondary-color);
  font-family: var(--font-title-bold);
  text-transform: uppercase;
  padding-bottom: 30px;
}

.osr-image-with-text-block-description {
  font-size: 20px;
  line-height: 30px;
  margin: 0;
  color: var(--secondary-color);
  font-family: var(--font-text-regular);
}

.osr-image-with-text-block-use-wrap {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-top: 30px;
}

.osr-image-with-text-block-use-image {
  width: 100%;
  max-width: 46px;
}

.osr-image-with-text-block-use-heading-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.osr-image-with-text-block-use-description {
  margin: 0;
  font-size: 14px;
  line-height: 24px;
  color: var(--secondary-color);
  font-family: var(--font-text-bold);
  text-align: center;
}


@media only screen and (min-width: 768px) {
  .osr-image-with-text-block-main-image {
    width: 100%;
    height: 100%;
    min-height: 60rem;
    object-fit: cover;
  }
}

@media only screen and (max-width: 1650px) {
  .osr-image-with-text-block-text-content {
    padding: 20px;
  }

  .osr-image-with-text-block-main-title {
    font-size: 50px;
    line-height: 60px;
    padding-bottom: 20px;
  }

  .osr-image-with-text-block-description {
    font-size: 16px;
    line-height: 26px;
  }

  .osr-image-with-text-block-sub-title {
    margin: 0;
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 10px;
  }

  .osr-image-with-text-block-use-wrap {
    gap: 10px;
    margin-top: 10px;
  }

  .osr-image-with-text-block-use-image {
    width: 100%;
    max-width: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .osr-image-with-text-block-main-title {
    font-size: 36px;
    line-height: 46px;
  }

  .osr-image-with-text-block-description {
    font-size: 14px;
    line-height: 24px;
  }

  .osr-image-with-text-block-sub-title {
    margin: 0;
    font-size: 16px;
    line-height: 25px;
  }

  .osr-image-with-text-block-main-title br {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .osr-image-with-text-block-main-image-content-mobile {
    display: block;
  }

  .osr-image-with-text-block-main-image-content-desktop {
    display: none;
  }

  .osr-image-with-text-block-text-content {
    padding: 40px 20px;}  

  .osr-image-with-text-block-sub-title {
    font-size: 18px;
    line-height: 28px;
    text-align: center;
  }

  .osr-image-with-text-block-main-title {
    font-size: 46px;
    line-height: 56px;
    text-align: center;
  } 

  .osr-image-with-text-block-description {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
  }
}

@media only screen and (max-width: 500px) {
  .osr-image-with-text-block-use-wrap {
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
  }
  .osr-8144410116236 .osr-image-with-text-block-use-heading-block{
    margin-top: 15px;
  }
  .osr-8144410116236 .osr-image-with-text-block-btn-content{
    margin-top: 40px;
  }
}

/* image with text css end */

/* marquee logo slider css start */

.osr-marquee-logo-slider-inner {
  background: var(--secondory-bg);
  margin: 30px 50px;
  border-radius: 10px;
}

.osr-marquee-logo-slider {
  overflow: hidden;
}

.osr-marquee-logo-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding: 20px 10px 20px 0;
}

.osr-marquee-logo-slider .swiper-slide {
  width: fit-content;
  display: flex;
  justify-content: center;
}

.osr-marquee-logo {
  width: 100%;
  max-width: 30px;
}

.osr-marquee-logo-text.osr-regular-text {
  font-size: 18px;
  line-height: 28px;
  font-family: var(--font-text-medium);
  color: #00a1e9;
}

/* marquee logo slider css end */

/* marquee text slider css start */

.osr-marquee-text-slider {
  overflow: hidden;
}

.osr-marquee-text-slider-wrapper .swiper-slide {
  min-width: 100px;
  width: fit-content;
  display: flex;
  justify-content: center;
}

.osr-marquee-text-slider-inner {
  background: var(--primary-bg);
  padding: 15px 0;
}

.osr-marquee-text.osr-medium-text {
  font-size: 18px;
  line-height: 28px;
  color: var(--secondary-color);
  font-family: var(--font-title-medium);
}

.osr-marquee-text-slide {
  display: flex;
  justify-content: center;
}

/* marquee text slider css end */

/* osr zigzag css start */

.osr-zigzag-wrapper {
  background: var(--primary-bg);
  padding: 50px;
}

.osr-zigzag-image {
  width: 100%;
}

.osr-zigzag-title {
  margin: 0;
  font-size: 48px;
  line-height: 58px;
  padding-bottom: 20px;
  color: var(--secondary-color);
  font-family: var(--font-title-bold);
  text-transform: uppercase;
}

.osr-zigzag-btn {
  text-decoration: none;
  padding: 14px 30px;
  font-size: 18px;
  line-height: 28px;
  font-family: var(--font-text-medium);
  background: #ffffff;
  color: #00a1e9;
  border-radius: 40px;
  display: block;
  width: fit-content;
  margin: 20px 0;
}

.osr-zigzag-btn:hover {
  background: #000000;
  color: #ffffff;
}

.osr-zigzag-subtitle {
  margin: 0;
  padding: 10px 0;
  font-size: 16px;
  line-height: 26px;
  color: var(--secondary-color);
  font-family: var(--font-text-medium);
}

.osr-zigzag-btn-mobile {
  display: none;
}

@media only screen and (max-width: 767px) {
  .osr-zigzag-btn-mobile {
    display: block;
  }

  .osr-zigzag-btn {
    margin: 20px auto 0 auto;
  }

  .osr-zigzag-btn-desktop {
    display: none;
  }

  .osr-zigzag-title {
    font-size: 28px;
    line-height: 38px;
    text-align: center;
    padding-bottom: 30px;
  }

  .osr-zigzag-title br {
    display: none;
  }

  .osr-zigzag-subtitle {
    text-align: center;
  }
}

/* osr zigzag css end */

/* osr product slider css start */

.osr-product-slider-main-title {
  font-size: 48px;
  line-height: 58px;
  margin: 0;
  text-transform: uppercase;
  font-family: var(--font-title-bold);
  text-align: center;
  color: var(--primary-color);
  padding-bottom: 30px;
}

.osr-product-slider {
  overflow: hidden;
  position: relative;
}

.osr-product-slide-image {
  width: 100%;
  border-radius: 40px 40px 0 0;
}

.osr-product-slide-image-content {
  font-size: 0;
}

.osr-product-slide-title {
  text-decoration: none;
  display: block;
  font-size: 36px;
  line-height: 46px;
  color: var(--secondary-color);
  font-family: var(--font-text-medium);
}

.osr-product-slide-btn-icon {
  display: block;
  width: 22px;
  color: var(--secondary-color);
}

.osr-product-slide-btn-icon svg path {
  stroke: var(--secondary-color);
}

.osr-product-slide-btn {
  padding-top: 15px;
  margin-top: 15px;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  font-size: 16px;
  line-height: 26px;
  color: var(--secondary-color);
  font-family: var(--font-text-medium);
  border-top: 1px solid var(--secondary-color);
  display: none;
  transition: all 200ms linear;
}

.swiper-slide.osr-product-slide.swiper-slide-active .osr-product-slide-btn {
  display: flex;
}

.osr-product-slide-text-content {
  padding: 20px;
}

.osr-product-slide-inner {
  border-radius: 40px;
}

.osr-product-slider-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 40%;
  z-index: 1;
}

.osr-product-slider-navigation-right {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  border: 1px solid #000;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.osr-product-slider-navigation-left {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  border: 1px solid #000;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.osr-product-slider-navigation-left svg,
.osr-product-slider-navigation-right svg {
  width: 20px;
}

.swiper-slide.osr-product-slide {
  transition: all 200ms linear;
  transform: scale(0.8) !important;
  opacity: 0.3;
}

.swiper-slide.osr-product-slide.swiper-slide-active {
  transform: scale(1) !important;
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .osr-product-slider-main-title {
    font-size: 28px;
    line-height: 38px;
  }

  .osr-product-slide-title {
    font-size: 18px;
    line-height: 28px;
  }

  .osr-product-slide-btn {
    padding-top: 10px;
    margin-top: 10px;
  }

  .osr-product-slide-text-content {
    padding: 15px;
  }

  .osr-product-slider-navigation-right,
  .osr-product-slider-navigation-left {
    width: 36px;
    height: 36px;
  }

  .osr-product-slider-navigation-left svg,
  .osr-product-slider-navigation-right svg {
    width: 16px;
  }
}

/* osr product slider css end */

/* osr image with text slider css start */

.osr-image-with-text-slider-section-wraper {
  background: var(--secondory-bg);
}

.osr-8144410116236 .osr-marquee-text-slider-inner{
  background: var(--black-slider) !important;
}

.osr-8144410116236 .osr-image-box-main-title{
  padding-top:70px;
  padding-bottom: 92px;
}

.osr-image-with-text-slider {
  overflow: hidden;
  position: relative;
}

.osr-image-with-text-slide-inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 40px;
}

.osr-image-with-text-slide-left {
  width: calc(30% - 50px);padding:50px 0px;
}

.osr-image-with-text-slide-right {
  width: calc(70% - 50px);
  padding-right: 50px;
  padding-bottom: 50px;
  padding-top: 50px;
}

.osr-image-with-text-slide-image {
  width: 100%;
}

.osr-image-with-text-slide-sub-title {
  margin: 0;
  font-size: 20px;
  line-height: 30px;
  padding-bottom: 20px;
  color: var(--primary-color);
  font-family: var(--font-text-bold);
}

.osr-image-with-text-slide-title {
  margin: 0;
  font-size: 38px;
  line-height: 48px;
  font-weight: 500;
  padding-bottom: 20px;
  color: var(--primary-color);
  font-family: var(--font-text-medium);
}

.osr-image-with-text-slide-btn {
  text-decoration: none;
  text-align: center;
  display: block;
  width: fit-content;
  padding: 18px 36px 18px 36px;
  border-radius: 40px;
  font-size: 16px;
  line-height: 20px;
  font-family: var(--font-text-medium);
  background: var(--btn-bg);
  color: var(--link-color);
}

.osr-image-with-text-slide-btn:hover {
  background: #000000;
  color: var(--link-color);
}

.osr-image-with-text-slider-navigation-left {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  border: 1px solid #000;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.osr-image-with-text-slider-navigation-right {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  border: 1px solid #000;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.osr-image-with-text-slider-navigation-right svg,
.osr-image-with-text-slider-navigation-left svg {
  width: 20px;
}

.osr-image-with-text-slider-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1;
}

@media only screen and (max-width: 991px) {
  .osr-image-with-text-slide-title {
    font-size: 26px;
    line-height: 36px;
  }

   .osr-8144410116236 .osr-image-box-main-title{
     padding-top:0px;
     padding-bottom: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .osr-image-with-text-slide-left {
    width: 100%;
  }

  .osr-image-with-text-slide-right {
    width: 100%;
    padding: 0;
  }

  .osr-image-with-text-slide-inner {
    gap: 0;
  }

  .osr-image-with-text-slide-sub-title {
    font-size: 16px;
    line-height: 26px;
    text-align: center;
  }

  .osr-image-with-text-slide-title {
    text-align: center;
  }

  .osr-image-with-text-slide-btn {
    padding: 18px 28px;
    font-size: 14px;
    line-height: 14px;
    margin: 0 auto;
  }

  .osr-image-with-text-slide-inner {
    padding: 0 20px 50px 20px;
  }

  .osr-image-with-text-slider-navigation-left,
  .osr-image-with-text-slider-navigation-right {
    width: 36px;
    height: 36px;
  }

  .osr-8144410116236 .osr-image-box-main-title{
     padding-top:0px;
     padding-bottom: 0px;
  }

  .osr-8144410116236 .osr-image-box-main-title{
    line-height: 45px;
  }
}

/* osr image with text slider css end */

/* osr featured collection css start */

.osr-featured-collection-slide-inner .jdgm-widget.jdgm-widget {
  display: block !important;
  text-align: center;
  padding-top: 10px;
}

.osr-featured-collection-slide-inner .jdgm-prev-badge[data-average-rating="0.00"] {
  display: flex !important;
  justify-content: center;
  gap: 10px;
}

.osr-featured-collection-title {
  margin: 0;
  font-size: 48px;
  line-height: 58px;
  text-align: center;
  font-family: var(--font-title-bold);
  color: var(--primary-color);
  padding-bottom: 30px;
  text-transform: uppercase;
}

.osr-featured-collection-tabs-content-inner {
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.osr-featured-collection-tab {
  cursor: pointer;
  font-size: 14px;
  line-height: 24px;
  padding: 10px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: var(--primary-color);
  font-family: var(--font-text-medium);
  border: 1px solid #000000;
  border-radius: 40px;
}

.osr-featured-collection-tab.active {
  background: var(--btn-bg);
  border: 1px solid var(--btn-bg);
  color: var(--secondary-color);
}

.osr-featured-collection-tab:hover {
    border: 1px solid var(--primary-color);
    background: #000;
    color: var(--link-color);
}

.osr-featured-collection-tab:hover .osr-featured-collection-tab-logo {
  filter: invert(1);
}

.osr-featured-collection-tab.active .osr-featured-collection-tab-logo {
  filter: invert(1);
}

.osr-featured-collection-tab-logo {
  max-width: 26px;
}

.osr-featured-collection-tabs-content {
  margin-bottom: 30px;
}

.osr-featured-collection-slider {
  clip-path: inset(-100vw -100vw -100vw -17px);
}

.osr-featured-collection-product-link {
  width: 100%;
  display: block;
  text-decoration: none;
}

.osr-featured-collection-slider-product-image {
  width: 100%;
  border-radius: 20px;
}

.osr-featured-collection-wrapper-inner-content.hide {
  display: none;
}

.osr-featured-collection-wrapper-inner-content.show {
  display: block;
  overflow: hidden;
}

.osr-featured-collection-slide-image-content {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
}

.osr-featured-collection-product-title {
  margin: 0;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  font-family: var(--font-text-medium);
  color: var(--primary-color);
  padding: 15px 0;
}

.osr-featured-collection-slider-product-price-inner {
  margin: 0;
  text-align: center;
  font-size: 24px;
  line-height: 34px;
  font-family: var(--font-text-medium);
  color: var(--primary-color);
}

.osr-featured-collection-slide-inner .product-form {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  gap: 20px;
  margin-top: 20px;
}

.osr-featured-collection-slide-inner .quantity {
  width: 100px;
  height: 100%;
  min-height: auto;
  min-width: auto;
  padding: 5px 20px;
  border: 1px solid #000000;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.osr-featured-collection-slide-inner .quantity:before,
.osr-featured-collection-slide-inner .quantity:after {
  display: none;
}

.osr-featured-collection-slide-inner .quantity-input {
  width: 20px;
  min-width: auto;
  max-width: unset;
  outline: none;
  border: none;
  box-shadow: none;
  font-size: 16px;
  line-height: 26px;
  color: var(--primary-color);
  margin: 0;
  padding: 0;
  text-align: center;
}

.osr-featured-collection-slide-inner .quantity-button {
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  font-size: 18px;
  line-height: 26px;
  color: var(--primary-color);
  margin: 0;
  padding: 0;
  text-align: center;
  cursor: pointer;
}

.osr-featured-collection-slide-inner .quantity-input::-webkit-outer-spin-button,
.osr-featured-collection-slide-inner
  .quantity-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.osr-featured-collection-slide-inner .quantity-input[type="number"] {
  -moz-appearance: textfield;
}

.osr-featured-collection-slide-inner .btn.add-to-cart-btn {
  width: 100px;
  height: 100%;
  min-height: auto;
  min-width: auto;
  padding: 6px 20px;
  border-radius: 40px;
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  border: 1px solid var(--btn-bg);
  background: var(--btn-bg);
  color: var(--link-color);
  cursor: pointer;
}

.osr-featured-collection-slide-inner .btn.add-to-cart-btn:hover {
  border: 1px solid var(--primary-color);
  background: #000000;
  color: var(--link-color);
}

.osr-featured-collection-view-btn {
  display: block;
  width: fit-content;
  text-align: center;
  margin: 40px auto 0 auto;
  text-decoration: none;
  font-size: 16px;
  line-height: 20px;
  padding: 15px 30px;
  cursor: pointer;
  border-radius: 40px;
  font-family: var(--font-text-medium);
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
}

.osr-featured-collection-view-btn:hover {
  border: 1px solid var(--primary-color);
  background: #000000;
  color: var(--link-color);
}

@media only screen and (max-width: 767px) {
  .osr-featured-collection-tabs-content-inner {
    overflow: auto;
    justify-content: unset;
  }

  .osr-featured-collection-tab {
    font-size: 12px;
    line-height: 22px;
    padding: 10px 15px;
    gap: 5px;
    min-width: 120px;
  }

  .osr-featured-collection-tab-logo {
    max-width: 15px;
  }

  .osr-featured-collection-title {
    font-size: 28px;
    line-height: 38px;
  }

  .osr-featured-collection-product-title {
    font-size: 14px;
    line-height: 24px;
  }

  .osr-featured-collection-slider-product-price-inner {
    font-size: 20px;
    line-height: 30px;
  }
}

/* osr featured collection css end */

/* Osr Product Information Start  */

span.swatch.swatch--square {
  margin: auto;
}

.product-form__input--swatch {
  display: grid;
  flex-wrap: wrap;
  grid-template-columns: repeat(5, 1fr);
  row-gap: 10px;
}

@media (max-width: 1200px) {
  .product-form__input--swatch {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 993px) {
  .product-form__input--swatch {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 767px) {
  .product-form__input--swatch {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (max-width: 576px) {
  .product-form__input--swatch {
    display: flex;
    flex: wrap;
  }
}

/* Osr Product Information End  */

/* product Faq Start */
svg.icon.icon-question-mark {
  height: 7rem;
  width: 7rem;
  object-fit: fill;
}

.faq-text-content {
  border-bottom: 1px solid rgba(112, 112, 112, 1);
  border-top: none;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}

.faq-text-content:nth-child(1) {
  border-bottom: 1px solid rgba(112, 112, 112, 1);
  border-top: 1px solid rgba(112, 112, 112, 1);
  cursor: pointer;
}

.faq-heading-summary {
  font-weight: 600;
  margin: -0.5em -0.5em 0;
  padding: 5rem 0;
  list-style-type: "+";
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.faq-text-content[open] {
  padding: 0 0 5rem 0;
}

.faq-heading-summary::marker {
  color: #0000ff;
  font-size: 1.2em;
  margin-right: 20px;
}

.faq-text-content .faq-heading-summary::after {
  content: "+";
  float: right;
  font-size: 3.4rem;
  color: black;
}

.faq-text-content[open] .faq-heading-summary::after {
  content: "-";
  float: right;
  font-size: 3.4rem;
  color: black;
}

.faq-heading {
  display: flex;
  align-items: center;
  text-align: left;
  gap: 3rem;
  color: #000;
  font-family: Inter;
  font-size: 34px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

p.faq-text-detail {
  padding: 0 9.5rem;
  margin: 0;
  line-height: 1.3;
  font-size: 20px;
}

.osr-8144410116236 .osr-container{
  padding-top: 55px;
 
}

.osr-8144410116236 .osr-faq-main-title-content{
   padding-bottom: 64px;
}

.osr-8144410116236 .osr-faq-title{
  font-size: 16px;
}

.osr-8144410116236 .osr-faq-description{
  font-size: 14px;
}

@media (max-width: 1200px) {
  h2.faq-main-heading {
    font-size: 50px;
    margin-bottom: 4rem;
  }

  p.faq-text-detail {
    padding: 0 8rem;
  }
}

@media (max-width: 993px) {
  p.faq-text-detail {
    padding: 0 7rem;
  }
}

@media (max-width: 767px) {
  h2.faq-main-heading {
    font-size: 36px;
    margin-bottom: 2rem;
    line-height: normal;
  }

  .faq-heading {
    font-size: 20px;
    gap: 1rem;
  }

  svg.icon.icon-question-mark {
    height: 4rem;
    width: 4rem;
  }

  summary.faq-heading-summary {
    padding: 3rem 0;
  }

  p.faq-text-detail {
    padding: 0 4rem;
    font-size: 16px;
  }

  .faq-text-content[open] {
    padding: 0 0 3rem 0;
  }
}

@media (max-width: 500px) {
  svg.icon.icon-question-mark {
    height: 5rem;
    width: 5rem;
  }

  .faq-heading {
    font-size: 18px;
  }

  summary.faq-heading-summary {
    padding: 2rem 0;
  }

  p.faq-text-detail {
    padding: 0 3rem;
    font-size: 14px;
  }

  .faq-text-content[open] {
    padding: 0 0 2rem 0;
  }
}

/* osr faq css end */

/* product Faq End */

/* osr featured product css start */

.osr-featured-product .jdgm-widget.jdgm-widget {
  display: block !important;
  text-align: center;
  padding-top: 10px;
}

.osr-featured-product .jdgm-prev-badge[data-average-rating="0.00"] {
  display: flex !important;
  gap: 10px;
}

.osr-featured-product-image {
  width: 100%;
}

.osr-featured-product-flex {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.osr-featured-product-view {
  text-decoration: underline;
  color: rgba(0, 0, 0, 0.3);
  font-size: 16px;
  line-height: 26px;
  display: block;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
  font-family: var(--font-text-medium);
}

.osr-featured-product-link {
  display: block;
  text-decoration: none;
}

.osr-featured-product-title {
  margin: 0;
  font-size: 32px;
  line-height: 42px;
  color: var(--primary-color);
  font-family: var(--font-text-medium);
}

.osr-featured-product-price {
  display: block;
  font-size: 24px;
  line-height: 34px;
  color: var(--primary-color);
  font-family: var(--font-text-medium);
}

.osr-featured-product .product-form {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  gap: 20px;
  margin-top: 20px;
}

.osr-featured-product .quantity {
  width: 180px;
  height: auto;
  min-height: auto;
  min-width: auto;
  padding: 5px 20px;
  border: 1px solid #000000;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.osr-featured-product .quantity:before,
.osr-featured-product .quantity:after {
  display: none;
}

.osr-featured-product .quantity-input {
  width: 20px;
  min-width: auto;
  max-width: unset;
  outline: none;
  border: none;
  box-shadow: none;
  font-size: 16px;
  line-height: 26px;
  color: var(--primary-color);
  font-family: var(--font-text-medium);
  margin: 0;
  padding: 0;
  text-align: center;
}

.osr-featured-product .quantity-button {
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  font-size: 18px;
  line-height: 26px;
  color: var(--primary-color);
  margin: 0;
  padding: 0;
  text-align: center;
  cursor: pointer;
  font-family: var(--font-text-medium);
}

.osr-featured-product .quantity-input::-webkit-outer-spin-button,
.osr-featured-product .quantity-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.osr-featured-product .quantity-input[type="number"] {
  -moz-appearance: textfield;
}

.osr-featured-product .btn.add-to-cart-btn {
  width: calc(100% - 200px);
  height: auto;
  min-height: auto;
  min-width: fit-content;
  padding: 6px 20px;
  border-radius: 40px;
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  border: 1px solid var(--btn-bg);
  background: var(--btn-bg);
  color: var(--link-color);
  cursor: pointer;
  font-family: var(--font-text-medium);
}

.osr-featured-product .btn.add-to-cart-btn:hover {
  border: 1px solid var(--primary-color);
  background: #000000;
  color: var(--link-color);
}

.osr-featured-product {
  width: 90%;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .osr-featured-product-flex {
    flex-wrap: wrap;
  }

  .osr-featured-product-title {
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 10px;
  }

  .osr-featured-product-price {
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 10px;
  }

  .osr-featured-product-view {
    padding-bottom: 10px;
  }
}

/* osr featured product css end */

/* osr image with text 2 css start */

.osr-image-with-text-block-wrapper-2
  .osr-image-with-text-block-use-description {
  font-size: 20px;
  line-height: 30px;
}

.osr-image-with-text-block-wrapper-2 .osr-image-with-text-block-use-wrap {
  flex-direction: column;
  margin-top: 0;
}

.osr-image-with-text-block-wrapper-2
  .osr-image-with-text-block-use-heading-block {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
}

.osr-image-with-text-block-btn {
  display: block;
  text-decoration: none;
  font-size: 16px;
  line-height: 20px;
  font-family: var(--font-text-medium);
  background: var(--sub-bg);
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  width: fit-content;
  padding: 15px 30px;
  border-radius: 40px;
  margin-top: 40px;
}

.osr-image-with-text-block-btn:hover {
  background: #000000;
  color: #ffffff;
  border: 1px solid #000000;
}

@media only screen and (max-width: 1450px) {
  .osr-image-with-text-block-wrapper-2 .osr-image-with-text-block-main-title {
    font-size: 40px;
    line-height: 50px;
  }
}

/* osr image with text 2 css end */

/* multicolumn css start */

.multicolumn .title.inline-richtext {
  text-align: center;
  width: 100%;
  padding-bottom: 20px;
  font-size: 48px;
  line-height: 58px;
  color: var(--primary-color);
  font-family: var(--font-title-bold);
  text-transform: uppercase;
  letter-spacing: 0;
}

.multicolumn .multicolumn-card__info .inline-richtext {
  font-size: 28px;
  line-height: 38px;
  color: var(--primary-color);
  font-family: var(--font-text-bold);
}

@media only screen and (max-width: 989px) {
  .multicolumn .title.inline-richtext {
    font-size: 28px;
    line-height: 38px;
  }

  .multicolumn .multicolumn-card__info .inline-richtext {
    font-size: 18px;
    line-height: 28px;
  }
}

/* multicolumn css end */

/* osr image css start */

.osr-image-section-image {
  width: 100%;
}

.osr-image-section-image-content-mobile {
  display: none;
}

@media only screen and (max-width: 767px) {
  .osr-image-section-image-content-mobile {
    display: block;
  }

  .osr-image-section-image-content-desktop {
    display: none;
  }
}

/* osr image css end */

/* osr testimonial css start */

.osr-testimonial-slider-main-title {
  margin: 0;
  text-align: center;
  font-size: 48px;
  line-height: 58px;
  padding-bottom: 30px;
  text-transform: uppercase;
  font-family: var(--font-title-bold);
  color: var(--primary-color);
}

 .osr-8144410116236 .osr-testimonial-slider-main-title{
    margin-bottom: 30px !important;
  }
  .swiper-slide{
    height:auto !important;
  }

.osr-testimonial-slider {
  overflow: hidden;
}

.osr-testimonial-slide-inner {
  text-align: center;
  background: var(--secondory-bg);
  padding: 30px;
  min-height: 86%;
  height: auto !important;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.osr-testimonial-slider-slide-star {
  padding-bottom: 10px;
}

.osr-testimonial-slider-slide-star .fa-solid.fa-star {
  color: #00a1e9;
}

.osr-testimonial-slider-slide-title {
  font-size: 24px;
  line-height: 34px;
  padding-bottom: 10px;
  display: block;
  font-family: var(--font-title-bold);
  color: #00a1e9;
  text-transform: uppercase;
}

.osr-testimonial-slider-slide-description {
  margin: 0;
  font-size: 16px;
  line-height: 26px;
  padding-bottom: 15px;
  color: var(--primary-color);
  font-family: var(--font-text-medium);
}

.osr-testimonial-slider-slide-image-content {
  font-size: 0;
}

.osr-testimonial-slider-slide-image {
  width: 60px;
  height: 60px;
  border-radius: 100%;
}

.osr-testimonial-slider-slide-name {
  font-size: 14px;
  line-height: 24px;
  padding-top: 10px;
  display: block;
  font-family: var(--font-text-medium);
  color: var(--primary-color);
}

@media only screen and (max-width: 767px) {
  .osr-testimonial-slider-main-title {
    font-size: 28px;
    line-height: 38px;
  }

  .osr-8144410116236 .osr-testimonial-slide-inner{
    /* border: 1px solid black; */
    /* height: 70px !important; */
    border-radius: 15px;
  }

  .osr-8144410116236 .osr-testimonial-slider-main-title{
    margin-bottom: 0px !important;
  }
}

/* osr testimonial css end */

/* osr faq css start */

.osr-faq-main-title {
  margin: 0;
  text-align: center;
  font-size: 48px;
  line-height: 140%;
  text-transform: uppercase;
  padding-bottom: 30px;
  color: var(--primary-color);
  font-family: var(--font-title-bold);
}

.osr-faq-title-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.osr-faq-icon {
  display: flex;
}

.osr-faq-icon-plus {
  width: 20px;
  display: block;
}

.osr-faq-icon-minus {
  display: none;
  width: 20px;
}

.osr-faq-content.is-open .osr-faq-icon-minus {
  display: block;
}

.osr-faq-content.is-open .osr-faq-icon-plus {
  display: none;
}

.osr-faq-icon-plus svg path,
.osr-faq-icon-minus svg path,
.osr-faq-icon-plus svg,
.osr-faq-icon-minus svg {
  color: var(--primary-color);
  fill: var(--primary-color);
  stroke: var(--primary-color);
}

.osr-faq-title {
  margin: 0;
  font-size: 20px;
  line-height: 30px;
  color: var(--primary-color);
  font-family: var(--font-text-bold);
}

.osr-faq-description {
  margin: 0;
  font-size: 18px;
  line-height: 28px;
  color: var(--primary-color);
  font-family: var(--font-text-medium);
}

.osr-faq-description .metafield-rich_text_field{
  margin: 0;
  font-size: 18px;
  line-height: 28px;
  font-family: var(--font-text-medium);
}

.osr-faq-description .metafield-rich_text_field p{
    font-size: 18px;
    line-height: 28px;
    font-family: var(--font-text-medium);
}

.osr-faq-description .metafield-rich_text_field>*+*{
   font-family: var(--font-text-medium);
}

.osr-faq-description-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s;
  transition-timing-function: linear;
}

.osr-faq-content.is-open .osr-faq-description-content {
  max-height: 100vh;
}

.osr-faq-content {
  border: 1px solid #000000;
  border-radius: 30px;
  padding: 12px 30px;
}

.osr-faq-content.is-open {
  background: #00a1e9;
}

.osr-faq-content.is-open .osr-faq-icon-plus svg path,
.osr-faq-content.is-open .osr-faq-icon-minus svg path,
.osr-faq-content.is-open .osr-faq-icon-plus svg,
.osr-faq-content.is-open .osr-faq-icon-minus svg {
  color: var(--secondary-color);
  fill: var(--secondary-color);
  stroke: var(--secondary-color);
}

.osr-faq-content.is-open .osr-faq-description,
.osr-faq-content.is-open .osr-faq-title {
  color: var(--secondary-color);
}

.osr-faq-inner {
  max-width: 850px;
  margin: 0 auto;
}

.arro-max-starter-kit .osr-faq-inner {
  max-width: 620px;
  margin: 0 auto;
}

.arro-max-starter-kit .osr-faq-container {
  display: flex;
}

.arro-max-starter-kit .osr-faq-main-title {
  text-align: left;
}

@media only screen and (max-width: 1200px) {
  .arro-max-starter-kit .osr-faq-container {
    flex-wrap: wrap;
  }

  .arro-max-starter-kit .osr-faq-main-title {
    text-align: center;
  }

  .osr-faq-main-title-content {
    max-width: 100%;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .osr-faq-main-title {
    font-size: 28px;
    line-height: 38px;
  }

  .osr-8144410116236 .osr-faq-main-title-content{
    margin-top: -50px;
    padding: 0px;
  }
  
  .osr-8144410116236 .osr-faq-title {
    font-size: 15px;
    line-height: 24px;
  }

  .osr-8144410116236 .osr-faq-description{
    font-size: 12px;
  }

  .osr-faq-description {
    font-size: 14px;
    line-height: 24px;
  }
}

/* osr faq css end */

/* product section css start */

.global-media-settings {
  border: none;
  background-color: transparent;
}

.osr-8144410116236 .thumbnail{
  background-color: #9E9E9E1A;
  border: 1px solid #D8D8D8;
}

.osr-8144410116236 .product__media{
  border: 1px solid #D8D8D8;
}
/* .product__media-list{
      background: rgba(166, 207, 228, 0.1);
      border-radius: 40px;
  }
  
  .thumbnail-list .thumbnail-list__item {
      background: rgba(166, 207, 228, 0.1);
      border-radius: 20px;
  } */

.thumbnail-list .thumbnail[aria-current] {
  border: none;
  box-shadow: none;
}

.thumbnail-list .thumbnail.global-media-settings img {
  border-radius: 20px;
}

.osr-product-tag {
  text-decoration: none;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 20px;
  background: var(--secondory-bg);
  font-family: var(--font-text-bold);
  color: var(--sub-primary-color);
  border: 1px solid var(--sub-primary-color);
  border-radius: 20px;
  text-transform: uppercase;
}

.product__title h1 {
  font-size: 80px;
  line-height: 90px;
  text-transform: uppercase;
  color: var(--sub-primary-color);
  font-family: var(--font-title-medium);
}

.product__subtitle {
  margin: 0;
}

.product__subtitle h2 {
  margin: 0;
  font-size: 24px;
  line-height: 34px;
  padding-bottom: 10px;
  display: block;
  font-family: var(--font-title-semibold);
  color: #00a1e9;
  text-transform: uppercase;
}

.price-item {
  font-size: 28px;
  line-height: 38px;
  color: var(--primary-color);
  font-family: var(--font-text-bold);
}

.product__tax.caption.rte {
  display: none;
}

.product__description p {
  font-size: 16px;
  line-height: 26px;
  font-family: var(--font-text-medium);
  color: var(--primary-color);
  opacity: 0.5;
}

.product-form__input .form__label {
  font-size: 16px;
  line-height: 26px;
  font-family: var(--font-text-medium);
  color: var(--primary-color);
  text-transform: capitalize;
}

.swatch-input__label .swatch {
  width: 60px;
  height: 60px;
  border-radius: 10px;
}

.swatch-input__input.visually-disabled + .swatch-input__label > .swatch:after {
  width: 80px !important;
}

.swatch-input__input + .swatch-input__label {
  outline-offset: 0 !important;
  border-radius: 10px !important;
}

.swatch-input__label .visually-hidden {
  font-size: 14px;
  line-height: 24px;
  margin-top: 5px;
  font-family: var(--font-text-medium);
  color: var(--primary-color);
  display: block;
  clip: unset !important;
  width: auto !important;
  height: auto !important;
  text-align: center;
  position: relative !important;
}

.visually-hidden.label-unavailable {
  display: none;
}

.swatch-input__input:checked + .swatch-input__label {
  outline: unset !important;
}

/* .swatch-input__input:checked + .swatch-input__label .swatch {
  border: 1px solid #000000;
} */

.product-form__input--pill label {
  font-size: 14px;
  line-height: 24px;
  font-family: var(--font-text-regular);
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  border-radius: 20px;
}

.product-form__input--pill input[type="radio"]:checked + label {
  background: var(--btn-bg) !important;
  border: 1px solid var(--btn-bg) !important;
  color: var(--secondary-color) !important;
}

.quantity__label.form__label {
  display: none;
}

.product-form__quantity .quantity__input {
  background: transparent !important;
  border: none;
  outline: none;
  box-shadow: none;
}

.product-form__quantity quantity-input.quantity {
  border-radius: 40px;
  border: 1px solid #000000;
}

.product-form__quantity quantity-input.quantity:after,
.product-form__quantity quantity-input.quantity:before {
  display: none;
}

.product-form__quantity .quantity__input,
.product-form__quantity .quantity__button {
  font-size: 16px;
  line-height: 26px;
  font-family: var(--font-text-medium);
  color: var(--primary-color);
}

.product-form__buttons .product-form__submit {
  border-radius: 40px;
  font-size: 18px;
  line-height: 28px;
  background: var(--btn-bg);
  color: var(--secondary-color);
  font-family: var(--font-text-medium);
}

.product-form__buttons .product-form__submit:hover {
  background: #000000;
  color: #ffffff;
}

.product__info-container {
  display: flex !important;
  flex-wrap: wrap;
}

.product__description {
  margin: 0 !important;
}

variant-selects,
.product__description,
.osr-product-price,
.product__title {
  width: 100%;
}

.osr-product-btn-wrap .product-form {
  margin: 0 !important;
}

.product-form__quantity {
  max-width: 160px !important;
  width: 100% !important;
}

.osr-product-btn-wrap {
  width: calc(100% - 180px);
}

.osr-product-ingredients-logo-wrap {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  width:100%;
  margin-bottom: 40px !important;
}

.osr-product-ingredients-logo-content {
  display: flex;
  flex-direction: column;
}

.osr-product-ingredients-logo {
  max-width: 30px;
  width: 100%;
  margin: 0 auto;
}

.osr-product-ingredients-logo-text {
  font-size: 14px;
  line-height: 24px;
  margin: 0;
  font-family: var(--font-text-bold);
  color: var(--sub-primary-color);
  text-align: center;
}

.product__accordion {
  width: 100%;
}

.product__accordion .summary__title:after {
  content: "+";
  width: 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  font-family: var(--font-text-bold);
  color: var(--primary-color);
}

.product__accordion details[open] > summary .summary__title:after {
  content: "-";
  width: 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  font-family: var(--font-text-bold);
  color: var(--primary-color);
}

.accordion .summary__title {
  display: flex;
  justify-content: space-between;
}

.product__info-container .product__accordion.accordion {
  margin: 0;
  border: 1px solid #000000;
  border-radius: 25px;
  padding: 10px 30px;
}

.product__info-container .product__accordion.accordion:nth-last-of-type(1) {
  border-bottom: 1px solid #000000;
}

.accordion__content-13-1 .osr-content-wrepper_3,
.accordion__content-13-1 .osr-content-wrepper_4 {
  display: none;
}

/* .product-starter-kit .accordion__content-14-1 .osr-content-wrepper_1,
.product-starter-kit .accordion__content-14-1 .osr-content-wrepper_3,
.product-starter-kit .accordion__content-14-1 .osr-content-wrepper_4 {
  display: none;
}
*/
.product-starter-kit .accordion__content-13-1 .osr-content-wrepper_3,
.product-starter-kit .accordion__content-13-1 .osr-content-wrepper_4 {
  display: flex;
} 
.product-starter-kit .accordion__content-14-2 .osr-content-conatiner_1{
  display:none;
}

.product__info-container .accordion summary {
  padding: 0;
}

.product__info-container .accordion__title.inline-richtext {
  font-size: 16px;
  line-height: 26px;
  font-family: var(--font-text-medium);
  color: var(--primary-color);
}

.accordion__content.rte p {
  font-size: 14px;
  line-height: 24px;
  font-family: var(--font-text-regular);
  color: var(--primary-color);
  padding: 0 10px 0 0;
  margin: 0;
}

.accordion__content.rte p:nth-last-of-type(1) {
  padding: 0 0px 0 0;
}

.accordion__content.rte {
  font-size: 14px;
  line-height: 24px;
  font-family: var(--font-text-regular);
  color: var(--primary-color);
  padding: 0;
  margin: 0;
}

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

.accordion__content.rte ul li {
  padding-bottom: 10px;
}

.accordion__content.rte ul li:nth-last-of-type(1) {
  padding: 0 0px 0 0;
}

.product__accordion .accordion__content {
  padding: 0 !important;
  padding-top: 15px !important;
}

.product__accordion .accordion__content {
  display: grid;
  gap: 2rem 0;
  grid-template-columns: repeat(2, 1fr);
}

.product__accordion:nth-child(3) .accordion__content {
  display: flex;
}

.osr-content-wrepper {
  display: flex;
  align-items: center;
}

img.osr-content-img {
  max-width: 40px !important;
  border: none;
  border: none;
  margin: 0;
}

.osr-content-wrepper {
  gap: 1rem;
}

span.osr-content-image {
  display: inherit;
}

.product--accordion13 .accordion__content {
  grid-template-columns: 1fr;
}
.product-starter-kit  .product--accordion13 .accordion__content {
  grid-template-columns: repeat(2, 1fr);
}

.accordion__content-11-2,
.accordion__content-12-2,
.accordion__content-13-2,
.accordion__content-14-1 {
  display: none !important;
}

/* .product-starter-kit .accordion__content-12-2,
.product-starter-kit .accordion__content-13-2,
.product-starter-kit .accordion__content-15-1 {
  display: none !important;
} */

.osr-8144410116236 .accordion__content-15-1{
  display: none !important;
}

/* .osr-8144410116236 .osr-content-conatiner_1{
  display: none;
} */

.osr-8144410116236 .osr-content-conatiner_2{
  width: 100%;
  margin-top: 37px;
}

.osr-8144410116236 .osr-content-wrepper osr-content-wrepper_1{
  height: 20px;
  border: 1px solid black;
}

.product-starter-kit .accordion__content-14-2{
  display:grid;
  grid-template-columns:1fr;
}

.product-starter-kit .accordion__content-14-2 .osr-content-conatiner_2 .osr-content-wrepper:nth-child(3),
.product-starter-kit .accordion__content-14-2 .osr-content-conatiner_2 .osr-contant_container-grid{
  display:none;
}

.osr-8144410116236 .osr-content-wrepper_4{
  /* border: 1px solid black; */
  width: 100% !important;
  display: flex;
  flex-direction: row !important;
}

.osr-8144410116236 .osr-content-wrepper_5{
  /* border: 1px solid black; */
  width: 100% !important;
  display: flex;
  flex-direction: row !important;
}

.osr-8144410116236 .osr-content-wrepper_6{
  /* border: 1px solid black; */
  width: 100% !important;
  display: flex;
  flex-direction: row !important;
}

.osr-8144410116236 .osr-content-text{
  margin-top: 8px;
}

.osr-8144410116236 .osr-content-conatiner_1{
  padding-top:25px;
  padding-right:25px;
}

.osr-8144410116236 .content-detail-image{
  border: 1px solid #D8D8D8;
}

.product-starter-kit .accordion__content-15-1 {
    display: none;
}

.product-starter-kit .accordion__content-15-2 .osr-content-wrepper_4, 
.product-starter-kit .accordion__content-15-2 .osr-content-wrepper_5, 
.product-starter-kit .accordion__content-15-2 .osr-content-wrepper_6 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.osr-content-conatiner_2 .osr-content-wrepper {
  margin-bottom: 1.3rem;
}

.accordion__content-14-2 .osr-content-wrepper_4,
.osr-content-wrepper_5,
.osr-content-wrepper_6 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
}

.osr-8144410116236 .accordion__content-16-1{
  /* border: 1px solid black; */
  display: none;
}

.osr-contant_container-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 1rem;
}

.osr-8144410116236 .osr-contant_container-grid{
   display: grid;
  grid-template-columns: repeat(1, 1fr);
  column-gap: 1rem;
}

.osr-content-wrepper_6 {
  grid-column: 1 / -1;
  /* Item 3 spans across all columns */
  /* grid-row: 2; */
}

@media (max-width: 1200px) and (min-width: 750px) {
  .product__accordion .accordion__content {
    display: grid;
    gap: 2rem 0;
    grid-template-columns: repeat(1, 1fr);
  }

  .product-starter-kit .product--accordion13 .accordion__content {
       grid-template-columns: repeat(1, 1fr);
}

  .product-starter-kit .accordion__content-15-1{
    display:none;
}
}

@media only screen and (max-width: 767px) {
  .product__title h1 {
    font-size: 46px;
    line-height: 56px;
  }

  .price-item {
    font-size: 20px;
    line-height: 30px;
  }

  .osr-product-ingredients-logo-text {
    font-size: 12px;
    line-height: 22px;
  }

  .osr-product-ingredients-logo-wrap {
    gap: 10px;
    margin-bottom: 30px !important;
  }

  .product__info-container .accordion__title.inline-richtext {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (max-width: 500px) {
  .product__accordion .accordion__content {
    display: grid;
    gap: 2rem 0;
    grid-template-columns: repeat(1, 1fr);
  }

  .product-starter-kit .product--accordion13 .accordion__content{
     grid-template-columns: repeat(1, 1fr);
  }

  .product-starter-kit .accordion__content-15-1{
    display:none;
  }

  .osr-8144410116236 .accordion__content-16-1{
      /* border: 1px solid black; */
      display: none;
  }
}

/* product section css end */

/* related product css start */

.jdgm-prev-badge__text {
  visibility: visible !important;
  font-size: 16px;
  line-height: 26px;
  font-family: var(--font-text-medium);
  color: var(--primary-color);
}

.osr-related-product-wrapper .jdgm-widget.jdgm-widget {
  display: block !important;
  text-align: center;
  padding-top: 10px;
}

.osr-related-product-wrapper .jdgm-prev-badge[data-average-rating="0.00"] {
  display: flex !important;
  justify-content: center;
  gap: 10px;
}

.osr-related-product-wrapper {
  background: var(--secondory-bg);
}

.osr-8144410116236 .osr-related-product-wrapper{
    background: white;
}
.related-products .related-products__heading.inline-richtext.h2 {
  text-align: center;
  margin: 0;
  text-transform: uppercase;
  font-size: 48px;
  line-height: 58px;
  padding-bottom: 30px;
  color: var(--primary-color);
  font-family: var(--font-title-bold);
}

.related-products .product-card-wrapper .card__inner {
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  background: #ffffff;
  border-radius: 20px !important;
}

.related-products .card__media {
  border-radius: 20px !important;
}

.related-products .card__heading .full-unstyled-link {
  text-decoration: none !important;
  margin: 0;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  font-family: var(--font-text-medium);
  color: var(--primary-color);
  padding: 15px 0;
}

.related-products .card__heading .full-unstyled-link:after {
  display: none;
}

.related-products .price-item {
  text-align: center;
  font-family: var(--font-text-medium);
}

.related-products .price__container {
  width: 100%;
  text-align: center;
}

.related-products .product-form {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  gap: 20px;
  margin-top: 20px;
}

.related-products .quantity {
  width: 100px;
  height: 100%;
  min-height: auto;
  min-width: auto;
  padding: 5px 20px;
  border: 1px solid #000000;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.related-products .quantity:before,
.related-products .quantity:after {
  display: none;
}

.related-products .quantity-input {
  width: 20px;
  min-width: auto;
  max-width: unset;
  outline: none;
  border: none;
  box-shadow: none;
  font-size: 16px;
  line-height: 26px;
  color: var(--primary-color);
  margin: 0;
  padding: 0;
  text-align: center;
  background: transparent;
}

.related-products .quantity-button {
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  font-size: 18px;
  line-height: 26px;
  color: var(--primary-color);
  margin: 0;
  padding: 0;
  text-align: center;
  cursor: pointer;
}

.related-products .quantity-input::-webkit-outer-spin-button,
.related-products .quantity-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.related-products .quantity-input[type="number"] {
  -moz-appearance: textfield;
}

.related-products .btn.add-to-cart-btn {
  height: 100%;
  min-height: auto;
  min-width: auto;
  padding: 6px 20px;
  border-radius: 40px;
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  border: 1px solid var(--btn-bg);
  background: var(--btn-bg);
  color: var(--link-color);
  cursor: pointer;
}

.related-products .btn.add-to-cart-btn:hover {
  border: 1px solid #000000;
  background: #000000;
  color: #ffffff;
}

.related-products .card-wrapper.product-card-wrapper {
  padding: 0 5px;
}

.osr-8144410116236 .card-wrapper{
  /* border: 1px solid black; */
  /* height: 545px; */
}
@media only screen and (max-width: 767px) {
  .related-products .related-products__heading.inline-richtext.h2 {
    font-size: 28px;
    line-height: 38px;
  }
}

/* related product css end */

/* osr image box css start */

.osr-image-box-section-wrapper {
  padding-bottom: 70px;
}

.osr-image-box-main-title {
  margin: 0;
  text-align: center;
  font-size: 48px;
  line-height: 58px;
  padding-block: 70px;
  color: var(--primary-color);
  font-family: var(--font-title-bold);
  text-transform: uppercase;
}

.osr-image-box-image {
  width: 340px;
  height: 578px;
  margin-left: 40px;
}

.osr-image-box-logo {
  width: 60%;
}

.osr-image-box-inner {
  position: relative;
}

.osr-image-box-image-content {
  max-width: 600px;
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: center;
}

.osr-image-box-image-content img{
  width: auto;
}

.osr-image-box-content {
  position: absolute;
  top: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  width: 100%;
  height: 100%;
}

.osr-image-box:nth-child(odd) {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.osr-image-box:nth-child(even) {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.osr-image-box.osr-image-box-1 {
  margin-left: 30px;
}

.osr-image-box.osr-image-box-5 {
  margin-left: 50px;
}

.osr-image-box.osr-image-box-4 {
  margin-left: 100px;
}

.osr-image-box.osr-image-box-6 {
  margin-left: 30px;
}



@media only screen and (max-width: 991px) {
  .osr-image-box-logo {
    width: 70%;
  }
}

@media only screen and (max-width: 767px) {
  .osr-image-box-main-title {
    font-size: 28px;
    line-height: 38px;
    padding-bottom: 20px;
  }

  .osr-image-box-content {
    position: unset;
  }

  .osr-image-box {
    margin: 0 !important;
  }

  .osr-image-box-logo {
    width: 100%;
  }

  .osr-image-box-image{
    margin-left: 0px;
  }
  .osr-image-box-section-wrapper {
    padding-bottom: 0px;
  }
}

/* osr image box css end */

/* instafeed css start */

#insta-feed h2 {
  font-size: 48px;
  line-height: 58px;
  margin: 0;
  text-transform: uppercase;
  font-family: var(--font-title-bold);
  text-align: center;
  color: var(--primary-color);
  text-align: left;
}

@media only screen and (max-width: 767px) {
  #insta-feed h2 {
    font-size: 28px;
    line-height: 38px;
  }
}

/* instafeed css end */

/* Osr Announcement Bar Start */

.swiper-slide.osr-announcement-bar-slider.swiper-slide-next {
  width: 100%;
}

p.osr-announcement-bar-messege.primary-messege {
  margin: 0;
}

.osr-announcement-bar-messege-inner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
  gap: 10px;
}

.myAnnouncemenBar {
  background: black;
}

p.osr-announcement-bar-messege.primary-messege {
  color: white;
  font-size: 14px;
  line-height: 24px;
  font-family: var(--font-text-regular);
}

span.secondary-messege {
  color: white;
  font-size: 14px;
  line-height: 24px;
  font-family: var(--font-text-regular);
}

/* Osr Announcement Bar End */

/* Wholesale section Start */
@media screen and (min-width: 990px) {
  .customhtml.rich-text__blocks {
    max-width: 90rem;
  }
}

.form-group .field__input::placeholder {
  opacity: 1;
}

.form-group .field__input {
  padding: 1.5rem;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  line-height: normal;
  height: auto;
}

@media screen and (min-width: 768px) {
  #wholesaleformSection form.aaaformbuilder_form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  #wholesaleformSection form.aaaformbuilder_form .div-0 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .field-wholesale-first-name,
  .field-wholesale-last-name,
  .field-wholesale-email,
  .field-wholesale-phone,
  .field-wholesale-business,
  .field-wholesale-address,
  .field-wholesale-apartment,
  .field-wholesale-city,
  .field-wholesale-zipcode,
  .field-wholesale-form-builder-country,
  .field-wholesale-customer-state,
  .field-wholesale-designation {
    width: calc(33% - 8px);
  }

  .field-wholesale-howlong,
  .field-wholesale-ageverify,
  .field-wholesale-company-type,
  .field-wholesale-store-count,
  .field-wholesale-monthly-purchase,
  .field-wholesale-interested-device {
    width: calc(50% - 8px);
  }
}

#wholesaleformSection form label {
  display: none;
}

#wholesaleformSection form .pre_next {
  width: 200px;
  margin: 0 auto;
  text-align: center;
}

#wholesaleformSection form .pre_next .button-input {
  width: 100%;
  text-align: center !important;
  font-size: 1.6rem;
}

.field-wholesale-submit {
  width: 100%;
}

.form-group.field-wholesale-ageverify {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.form-group.field-wholesale-ageverify div.radio-group {
  display: flex;
  align-items: center;
  margin-left: 10px;
}

.form-group.field-wholesale-ageverify .field__input {
  padding: 10px;
  border: solid 1px #000;
  width: 20px;
  margin-right: 10px;
  margin-left: 15px;
  min-width: auto;
  position: relative;
}

.form-group.field-wholesale-ageverify .field__input:checked::after {
  width: 10px;
  height: 10px;
  background: #000;
  display: block;
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
}

.show-hide.div-1 {
  width: 100%;
}

.wh-header {
  text-align: center;
}

p.paragraph {
  text-align: center;
}

#wholesaleformSection .aaaformbuilder_form .form-group.fb-file {
  width: 46%;
  float: left;
  border: dashed 1px;
  padding: 30px;
  margin-left: 2%;
  margin-right: 2%;
}

#wholesaleformSection .aaaformbuilder_form .form-group.fb-file .form-control {
  border: 0;
}

#wholesaleformSection .aaaformbuilder_form .form-group.fb-file label {
  display: block;
}

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

.wholesaletop .image-with-text__grid {
  align-items: center;
}

.wholesaletop .image-with-text__heading + .image-with-text__heading {
  margin-top: 0;
  opacity: 0.5;
}

.wholesaletop-btn-grp {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
}

.wholesaletop-btn-grp .button {
  margin: 0 15px;
  width: 100%;
}

@media screen and (min-width: 990px) {
  .wholesaletop .image-with-text__content {
    padding: 3rem 4rem 4rem;
  }
}

.image-with-text .wh-icon_with_text-col {
  display: flex;
  align-items: center;
}

.wh-icon_with_text-col img {
  width: 50px;
  margin-right: 7px;
}

.image-with-text .wh-icon_with_text-col {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  line-height: normal;
  margin-bottom: 10px;
}

/* Wholesale section End */

/* collection page Start  */

.quick-add__submit {
  background: #00a1e9;
  color: white;
  font-family: "text_medium";
}

.collection-hero__title {
  font-family: "title_bold";
  font-size: 32px;
  text-transform: uppercase;
}

.card .card__inner .card__media {
  border-radius: 20px !important;
}

.card__inner {
  border-radius: 20px !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.media--transparent{
  background:white;
      border-radius: 24px;
}

/* collection page End  */

/* collection filter Css start */
.search  .facets__disclosure summary div{
  display:flex;
}
.search  .facets__disclosure summary div .icon-filter-minus {
  display:none;
}
.search  .facets__disclosure summary div .icon-plus {
  display:none;
}

.search  .facets__disclosure summary div .icon-caret {
  display:block;
}

.collection  .facets__disclosure summary div .icon-filter-minus {
  display:block;
}
.collection .facets__disclosure summary div .icon-plus {
  display:block;
}

.collection .facets__disclosure-vertical .facets__summary .icon-caret{
    display:none;
}






.collection svg.icon.icon-filter {
  width: 24px;
}

.collection .facets__heading--vertical {
  font-family: "text_medium";
}

.collection .facets__disclosure-vertical summary span {
  font-size: 16px;
  font-family: "text_bold";
}

.collection  .facet-filters__field > * {
  font-family: "text_medium";
  font-size: 20px !important;
}

.collection  .select__select {
  font-family: "text_medium";
  font-size: 16px !important;
}

.collection .mobile-facets__header-inner,
.mobile-facets__heading {
  font-family: "text_bold";
}

.collection  .mobile-facets__open-label {
  font-family: text_medium;
  font-size: 18px;
}

.collection  summary.mobile-facets__summary {
  font-family: "text_medium";
  font-size: 16px;
}

.collection  h2.product-count__text {
  font-size: 16px;
  font-family: "text_medium";
}

.collection  .mobile-facets__sort label {
  font-family: "text_medium";
}

.collection  .card__information,
.card__information .price {
  text-align: center;
}

.collection  .full-unstyled-link {
  font-family: "text_medium";
  font-size: 18px;
}

.collection  .quantity-variant {
  text-align: center;
}

.collection .facet-checkbox > svg {
  margin-right: 1.2rem;
  flex-shrink: 0;
  border: 1px solid black;
  border-radius: 50%;
}

@media screen and (min-width: 750px) {
 .collection  .facets-container {
    background: #00a1e91a;
    border-radius: 30px;
  }

 .collection  .underline-links-hover:hover a {
    text-decoration: none !important;
  }

 .collection  .select__select {
    font-family: "text_medium";
    font-size: 20px !important;
  }

 .collection  .active-facets-vertical-filter {
    margin-bottom: 10px;
  }

  .collection h2.product-count__text {
    font-size: 20px;
    font-family: text_medium;
  }

  .collection .facets-vertical .active-facets facet-remove:last-of-type {
    margin-bottom: 0;
  }

  .collection .facets__disclosure-vertical[open] .facets__summary .icon-filter-minus {
    display: block;
    width: 28px;
  }

 .collection  .facets__disclosure-vertical[open] .facets__summary .icon-plus {
    display: none;
  }

 .collection  .facets__disclosure-vertical .facets__summary .icon-plus {
    display: block;
    width: 28px;
  }

  .collection .facets__disclosure-vertical .facets__summary .icon-filter-minus {
    display: none;
  }

 .collection  .facets__disclosure-vertical summary div {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

/* collection filter Css End */

/* Collection Banner Css Start  */

.osr-collection-banner-with-links-container {
  padding: 100px 15px;
}

.osr-collection-banner-heading {
  font-size: 48px;
  font-family: "title_bold";
  text-transform: uppercase;
  /* text-align: center; */
  margin: 0;
  padding-bottom: 25px;
}

.osr-collection-banner-links_container {
  display: flex;
  justify-content: center;
  width: 100%;
  /* flex-wrap: nowrap;
  overflow-x: auto; */
  row-gap: 10px;
  flex-wrap:wrap;
}

a.osr-collection-banner-text:last-of-type {
  margin: 0;
}

.osr-collection-banner-with-link-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 70rem;
  margin: 0 auto;
  text-align: center;
}

p.osr-collection-banner-text {
  font-family: "text_medium";
  font-size: 18px;
  line-height: normal;
  margin: 36px 0;
  color: black;
}

a.osr-collection-banner-text {
  text-decoration: none;
  color: #000;
  border: 1px solid black;
  padding: 5px 25px;
  border-radius: 30px;
  background: transparent;
  font-family: "text_medium";
  margin: 0 20px 0 0;
  white-space: nowrap;
}

a.osr-collection-banner-text:hover {
  background: white;
}

.osr-collection-banner-text.active {
  background: white;
}

@media(max-width:767px){
  .osr-collection-banner-links_container{
    justify-content:space-between;
  }
  
}

/* Collection Banner Css End */

/* Osr Product-Page Product Information Section  Start */

@media screen and (min-width: 750px) {
  .product-starter-kit .product__info-container {
    max-width: 70rem;
  }
}

.product-starter-kit .shopify-app-block {
  width: 100%;
  margin-top: 0;
}

.product-starter-kit .product.grid {
  gap: 0;
  background: #e5f6fd;
  padding: 30px;
  border-radius: 30px;
}

.product-starter-kit .product__media-toggle:after {
  content: "";
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  top: calc(var(--border-width) * -1);
  right: calc(var(--border-width) * -1);
  bottom: calc(var(--border-width) * -1);
  left: calc(var(--border-width) * -1);
  z-index: 2;
  border: 1px solid #0000001a;
  border-radius: 24px;
}

.product-starter-kit
  product-info
  .jdgm-preview-badge
  .jdgm-star.jdgm-star {
  color: black !important;
}

.product-bundle-image img {
    width: 90px;
    height: 90px;
    object-fit: cover;
    border-radius: 5px;
}

.product-bundles {
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
  flex-wrap:wrap;
}

.product-bundle-text p {
    font-size: 12px;
    font-family: 'text_medium';
  color: var(--btn-bg);
}

.product-bundle-image {
    display: flex;
}

.product-starter-kit span.product-bundle-inner_products {
  font-size: 14px;
  font-family: "text_medium";
  color: var(--sub-primary-color);
}

.product-starter-kit .product__title h1 {
  font-family: "title_bold";
}

.product-starter-kit .icon-with-text--horizontal .icon {
  margin: 0;
}

.product-starter-kit
  .icon-with-text--horizontal
  .icon-with-text__item {
  flex-direction: unset;
  gap: 10px;
  width: 30%;
  align-items: flex-start;
}

.product-starter-kit ul.icon-with-text {
  width: 100%;
  flex-wrap: wrap;
  gap: 2rem;
}

.product-starter-kit
  .product-form__buttons
  .product-form__submit
  ul {
  margin: 0;
}

.product-starter-kit .icon-with-text--horizontal .icon,
.icon-with-text--horizontal img {
  margin-bottom: 0;
}

.product-starter-kit .icon-with-text--horizontal img + .h4 {
  font-family: var(--font-text-bold);
  font-size: 14px;
  text-transform: uppercase;
  text-align: left;
}


/*  */
product-info .complementary-slider li {
    border: 1px solid black;
    background-color: #fff;
    border-radius: 20px;
}


.card.card--standard.card--media.card--horizontal{
  padding:10px ;
}

.product-starter-kit .complementary-slide .card-information {
  display: none;
}

.product-starter-kit
  .complementary-slide
  .jdgm-widget.jdgm-widget {
  display: none;
}

.product-starter-kit .complementary-products {
  width: 100%;
}

.product-starter-kit .complementary-products .card__content {
  display: flex;
  grid-template-rows: minmax(0, 1fr) max-content minmax(0, 1fr);
  padding: 1rem;
  width: 100%;
  height: 100%;
  min-height: 100%;
  align-items: center;
  flex-grow: 1;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.product-starter-kit
  .complementary-products__container
  .quick-add__submit:hover {
  background: black;
}

.product-starter-kit
  .complementary-products__container
  .card.card--horizontal {
  align-items: center;
}

/* .product-starter-kit
  .complementary-products__container
  .quick-add__submit {
  padding-left: 20px;
  padding-right: 20px;
} */

.product-starter-kit .complementary-products .full-unstyled-link {
  text-align: left;
  font-size: 14px;
  font-family: 'text_bold';
}

/* .product-starter-kit .complementary-slide {
  border: 1px solid black;
  background-color: white;
  border-radius: 20px;
} */

.product-starter-kit .complementary-slide .card .icon-wrap {
  display: none;
}

.arro-max-starter-kit  variant-selects#variant-selects-template--17641627844748__main {
    display: none;
}

/* .product-starter-kit .complementary-slide ul.list-unstyled {
  padding: 10px;
} */

.product-starter-kit .complementary-slide .card__heading a:after {
  display: none;
}

.product-starter-kit
  .complementary-products__container
  .card--horizontal
  .card__inner {
  max-width: 13%;
}

.product-starter-kit
  .complementary-products
  .card__information.card_review {
  max-width: 27rem;
}

.product-starter-kit
  .complementary-products__container
  .quick-add__submit {
  padding: 1.5rem 17px;
}

.product-starter-kit
  .complementary-products__container
  h2.h3.accordion__title {
  font-family: "text_bold";
  font-size: 16px;
}

.product-starter-kit .swatch-input__label .visually-hidden{
  font-size:12px;
  color:var(--primary-bg);
}

.product-starter-kit .form__label{
  display:none;
  
}

.product-starter-kit .swatch-input__label .swatch{
  height:86px;
  width:86px;
}

@media (max-width: 1200px) {
.product-starter-kit
    .icon-with-text--horizontal
    .icon-with-text__item {
    width: 45%;
  }

  .product-starter-kit .complementary-products .card__content {
    display: flex;
    grid-template-rows: minmax(0, 1fr) max-content minmax(0, 1fr);
    padding: 1rem;
    width: 100%;
    height: 100%;
    min-height: 100%;
    align-items: center;
    flex-grow: 1;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .product-starter-kit
    .complementary-products
    .card__information.card_review {
    max-width: 40rem;
  }

  .complementary-products__container .card--horizontal .quick-add {
    width: 100%;
    max-width: 100%;
  }

  .product-starter-kit
    .complementary-products
    .full-unstyled-link {
    text-align: center;
  }

  .product-starter-kit
    .complementary-products__container
    .card.card--horizontal {
    flex-wrap: wrap;
    justify-content: center;
  }

  .product-starter-kit
    .complementary-products__container
    .card--horizontal
    .card__inner {
    max-width: 40%;
  }
}

@media (max-width: 993px) {
  .product-starter-kit
    .icon-with-text--horizontal
    .icon-with-text__item {
    width: 100%;
  }

  .product-starter-kit .osr-product-btn-wrap {
    max-width: 100%;
    width: 100%;
  }

  .product-starter-kit .quantity {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .product-starter-kit product-info .page-width {
    padding: 0;
  }

  .product-starter-kit .product.grid {
    padding: 30px 15px;
  }
}

@media (min-width: 750px) {
  .product-starter-kit product-info .page-width {
    padding: 0 1rem;
  }
}

@media (min-width: 1200px) {
  .product-starter-kit product-info .page-width {
    padding: 0 5rem;
  }
}

/* Osr Product Page End */

/* Osr multicolumn Section Start */

.osr-multicolumn-background {
  background: var(--primary-bg);
  overflow: hidden;
  padding-bottom: 60px;
}

h2.osr-multicolumn-headng {
  font-size: 48px;
  font-family: "title_bold";
  text-transform: uppercase;
  color: white;
}

.osr-multicolmn-header {
  display: grid;
  gap: 4rem;
  grid-template-columns: repeat(2, 1fr);
  /* padding: 0 7rem; */
  align-items: center;
}

p.osr-multicolumn-text {
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  font-family: "text_medium";
}

.osr-multicolumn-card-content {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 20px;
  background: white;
  border-radius: 20px;
  max-width: 47rem;
}

img.osr-multicolumn-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

span.osr-multicolumn-image-block {
  width: 100%;
  height: 100%;
}

.osr-multicolumn-image-outer {
  display: flex;
  width: 100%;
  max-width: 115px;
  height: 115px;
  align-items: center;
}

h3.osr-multicolumn-card_heading {
  font-size: 24px;
  font-family: "title_bold";
  text-transform: uppercase;
  margin: 0;
}

p.osr-multicolumn-card_text {
  font-size: 16px;
  font-family: "text_medium";
  line-height: normal;
  margin: 10px 0;
  opacity: 60%;
}

/* .swiper-slide-active:first-child+.osr-multicolumn-swiper-wrepper{
      padding-left:7rem;
  } */

.osr-multicolumn-swiper-Slide {
  max-width: 50rem;
}

.osr-background-text.osr-big-heading {
  font-size: 160px;
  font-family: title_bold;
  color: #fff;
  opacity: 15%;
  text-wrap: nowrap;
}

a.osr-multicolumn-link {
  max-width: 100%;
  display: block;
  text-align: center;
  margin: 30px auto;
  border: 1px solid #ffffff;
  border-radius: 22px;
  color: white;
  text-decoration: none;
  padding: 10px 0;
  font-family: "text_medium";
  font-size: 18px;
}

a.osr-multicolumn-link:hover {
  background: white;
  color: black;
}

.osr-multicolumn-swiper-Slide.swiper-slide-active:first-child {
  padding-left: 5rem;
}

.osr-multicolumn-marquee-swiper-wrepper {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.osrMulticolumn {
  max-width: 1600px;
}



@media (max-width: 1200px) {
  .osr-background-text.osr-big-heading {
    font-size: 130px;
  }
}

@media (max-width: 993px) {
  .osr-multicolmn-header {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
  }

  .osr-background-text.osr-big-heading {
    font-size: 120px;
  }

  p.osr-multicolumn-text {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    font-family: text_medium;
    margin-bottom: 50px;
  }

  /* .osr-multicolumn-swiper-Slide.swiper-slide-active:first-Child{
       padding-left:0;
    } */

  .osr-multicolumn-swiper-Slide {
    max-width: 40rem;
  }

  .osr-multicolumn-image-outer {
    display: flex;
    width: 100%;
    max-width: 90px;
    height: 90px;
    align-items: center;
  }

  h3.osr-multicolumn-card_heading {
    font-size: 20px;
  }

  p.osr-multicolumn-card_text {
    font-size: 14px;
  }

  h2.osr-multicolumn-headng {
    margin: 10px 0;
  }

  .osr-multicolumn-swiper-Slide.swiper-slide-active:first-Child {
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .osr-multicolumn-card-content {
    flex-wrap: wrap;
    justify-content: center;
  }

  p.osr-multicolumn-text {
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    font-family: text_medium;
    margin-bottom: 50px;
  }

  h2.osr-multicolumn-headng {
    font-size: 30px;
    font-family: title_bold;
    text-transform: uppercase;
    color: #fff;
  }

  .osr-background-text.osr-big-heading {
    font-size: 110px;
  }

  .osr-multicolumn-image-outer {
    min-width: 90px;
  }

  .osr-multicolumn-info {
    text-align: center;
  }
}

@media (max-width: 500px) {
  .osr-background-text.osr-big-heading {
    font-size: 100px;
  }
}

@media(min-width:1600px){
  .osr-multicolumn-swiper-Slide.swiper-slide-active:first-Child{
    padding-left:5rem;
  }
}
  
@media(min-width:1700px){
  .osr-multicolumn-swiper-Slide.swiper-slide-active:first-Child{
    padding-left:5rem;
  }
}
  
@media(min-width:1800px){
  .osr-multicolumn-swiper-Slide.swiper-slide-active:first-Child{
    padding-left:6rem;
  }
}

/* .osr-multicolumn-link-block {
      padding: 0 7rem;
  } */

/* Osr multicolumn Section End */

/* Osr How to Use Css Start */

.osr-how-to-usr-section {
    margin: 100px 0;
}

.collection .osr-image-with-text-slider-section-wraper {
    margin-bottom: 0;
}

.osr-how-to-use-icon-block {
    /* display: flex; */
    width: 140px;
}

.osr-how-to-use-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.osr-how-to-use-icon {
    height: auto;
    width: 100%;
    object-fit: cover;
}

.osr-how-to-use-text {
    margin: 0;
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 20px;
    color: var(--primary-color);
    font-family: var(--font-text-bold);
    text-align: center;
    margin: 20px 20px;
}

.how-to-use-section-heading {
    font-family: var(--font-title-bold);
    font-size: 48px;
    text-align: center;
    margin: 0px 0 80px 0;
}

@media (max-width: 993px) {
  .osr-how-to-usr-section {
    margin: 70px 0;
  }
  
  .osr-how-to-use-text {
    font-size:20px;
    line-height: 24px;
    margin: 20px 0;
  }
  
  .osr-how-to-use-icon-block {
      width: 100px;
  }
}

@media (max-width: 767px) {
  
  .osr-how-to-usr-section {
      margin: 50px 0;
  }
  
  .how-to-use-section-heading {
      font-size: 35px;
      margin: 0 0 50px;
  }
  
 .osr-how-to-usr-section .osr-container {
      max-width: 100%;
  }

  .osr-how-to-use-icon-block {
      width: 85px;
  }

  .osr-how-to-use-text {
    font-size: 20px;
    margin:15px 5px;
  }
}

@media (max-width: 576px) {
    .how-to-use-section-heading {
        font-size: 26px;
        margin: 0 0 50px;
    }
}


   .hidden {
            display: none;
        }
 
/* Osr How to Use Css End */

/* tab Content section Start */

.osr-wrepper {
    max-width: 840px;
    border: 1px solid #ffffff1f;
    margin: 0 auto;
    padding: 30px;
    border-radius: 30px;
}

.tab-content-header>* {
    color: white;
}

.tab_content-button {
    border: 1px solid white;
    background: transparent;
    border-radius: 20px;
    width: auto;
    padding: 10px 20px;
    min-width: 130px;
    font-family: var(--font-text-medium);
    font-size: 14px;
    color:#ffffff;
    margin: 0 5px;
}

.tab_content-button:hover {
    background: white;
    color: black;
}

.tab_content-button.active {
    background: white;
    color: black;
}

.tab-content-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1px solid #ffffff1f;
    position:sticky;
    top:0;
    background-color:black;
    z-index:1;
   transition: top 0.3s ease;
}

.tab-content-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tab-content-col {
    flex:  0 0 auto;
    width: 50%;
}

.tab-media .tab_main-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  border-radius:20px;
}

.tab-icon .tab_icon {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 15px;
}

.tab-icon {
    width: 55px;
    height: 55px;
    display: block;
    border-radius: 15px;
    grid-row: span 2;
}

.tab-block {
    display: grid;
    justify-content: space-between;
    flex-wrap: wrap;
    grid-template-columns: .5fr 2fr;
    text-align: start;
    align-items: center;
    row-gap: 20px;
    margin-bottom: 30px;
}

.icon_title {
    display: block;
    font-size: 24px;
    color: white;
    margin: 0;
    font-family: var(--font-title-bold);
}

.icon_text {
    display: block;
    font-size: 16px;
    line-height: normal;
    font-family: var(--font-text-medium);
    opacity: .6;
    grid-column: 2;
    margin: 0;
}

.tab-content {
    padding-left: 30px;
}

.tab-content-heading {
    font-family: var(--font-title-bold);
    font-size: 36px;
    margin: 20px 0 30px;
}

.tab-content-body {
    margin: 40px 0 0;
}


.tab-media {
    display: flex;
    height: 100%;
}


@media(max-width:993px){
.tab-media {
    display: flex;
    height: auto;
}

  .tab-media .tab_main-image {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 20px;
}

.tab-content-header {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #ffffff1f;
    padding: 0 0 30px 0;
}

  .tab_button-container{
    display:flex;
    row-gap:10px;
    overflow-y: hidden;
    overflow-x: auto;
  }

}
@media(max-width:767px){
  .tab-content-col {
      flex: 0 0 auto;
      width: 100%;
  }
  
  .tab-content-heading br{
    display:none;
  }
  
  .tab-content-row {
      gap: 40px;
      justify-content: center;
  }
    
  .tab-content {
      padding-left: 0;
  }
}

@media(max-width:576px){
.tab-content-heading {
    text-align: center;
}
  .tab-content-heading {
    font-family: var(--font-title-bold);
    font-size: 26px;
    margin: 20px 0 30px;
}

  .tab-block{
    column-gap:10px;
    row-gap: 10px;
  }

  .icon_text {
    font-size: 14px;
}

  .icon_title {
    font-size: 18px;
}

  .image-with-text-card-section-heading {
    font-size: 28px;
    color: #00a1e9;
    font-family: var(--font-title-bold);
}
}
/* tab Content section End */

/* Image With text Card Section Start */


svg.image-with-text__card-svg {
    fill: white;
    border: 1px solid white;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card__image {
    width: 100%;
    object-fit: cover;
    height: auto;
}

.iamge__card-text {
    font-size: 14px;
    opacity: .6;
    font-family: var(--font-text-regular);
}

.iamge__card-title {
    font-size: 24px;
    margin: 10px 0;
    color: white;
    font-family: var(--font-title-bold);
}

.image-with-text-card-section-heading {
    font-size: 36px;
    color: #00A1E9;
    font-family: var(--font-title-bold);
}

section#template--17894203129996__how_to_use_2_44xaYA {
    margin: 50px 0 0;
}

@media(max-width:576px){

  .image-with-text-card-section-heading {
    font-size: 28px;
    color: #00a1e9;
    font-family: var(--font-title-bold);
}
}
/* Image With text Card  Section end */

/* Why Choose Image With Text Section Start */
.osr-why-choose-image-with-text-section{
  padding:36px 0;
  overflow:hidden;
}

.osr-image-with-text-main-title{
 font-family: var(--font-title-bold);
  font-size: 48px;
  text-align: center;
}

.osr-image-with-text-sub-title{
  font-family: "text_medium";
  font-size: 25px;
  line-height: normal;
  text-align:center;
  color: var(--primary-color);
}

.osr-image-with-text-content{
  width:100%;
  height:auto;
  margin: 5% 0 0 0;
}

.osr-iwt-content-row {
  display: flex;
  justify-content:center;
  align-items:center;
}

.osr-iwt-content-row:nth-child(odd) {
  flex-direction: row;
  margin:4% 0 4% 0;
}

.osr-iwt-content-row:nth-child(odd) .osr-text-content-data{
  margin: 0 12% 0 0;
}

.osr-iwt-content-row:nth-child(even) {
  flex-direction: row-reverse;
  margin:4% 0 4% 0;
}

.osr-iwt-content-row:nth-child(even) .osr-text-content-data{
  margin: 0 0 0 12%;
}


.osr-text-content-title{
  font-size:28px;
  font-family: "text_regular";
  line-height: normal;
  text-align:left;
  color: var(--primary-color);
  margin:0 0 10px 0;
}

.osr-text-content-description{
  font-size:20px;
  font-family: "text_light";
  line-height: 30px;
  text-align:left;
  color: var(--primary-color);
}

.osr-image-content-data{
  width:100%;
  height:auto;
}

.osr-why-choose-image{
   width:100%;
   height:auto;
  object-fit:cover;
}

@media (max-width: 1024px) {
  .osr-why-choose-image-with-text-section{
  padding:30px 0;
}

.osr-image-with-text-main-title{
  font-size: 38px;
}

.osr-image-with-text-sub-title{
  font-size: 20px;
}

.osr-iwt-content-row:nth-child(odd) {
  flex-direction: row;
  margin:4% 0 4% 0;
}

.osr-iwt-content-row:nth-child(odd) .osr-text-content-data{
  margin: 0 12% 0 0;
}

.osr-iwt-content-row:nth-child(even) {
  flex-direction: row-reverse;
  margin:4% 0 4% 0;
}

.osr-iwt-content-row:nth-child(even) .osr-text-content-data{
  margin: 0 0 0 12%;
}

.osr-text-content-title{
  font-size:28px;
  text-align:left;
  margin:0 0 10px 0;
}

.osr-text-content-description{
  font-size:18px;
  line-height: 30px;
  text-align:left;
}
}

@media (max-width: 992px) {
.osr-why-choose-image-with-text-section{
  padding:30px 0;
}

.osr-image-with-text-main-title{
  font-size: 30px;
}

.osr-image-with-text-sub-title{
  font-size: 18px;
}

.osr-iwt-content-row:nth-child(odd) {
  margin:3% 0 3% 0;
}
  
.osr-iwt-content-row:nth-child(even) {
  flex-direction: row-reverse;
  margin:3% 0 3% 0;
}

.osr-iwt-content-row:nth-child(odd) .osr-text-content-data{
  margin: 0 8% 0 0;
}

.osr-iwt-content-row:nth-child(even) .osr-text-content-data{
  margin: 0 0 0 8%;
}

.osr-text-content-title{
  font-size:20px;
  text-align:left;
  margin:0 0 10px 0;
}

.osr-text-content-description{
  font-size:14px;
  line-height: 24px;
  text-align:left;
}
}

@media (max-width: 768px) {
  .osr-why-choose-image-with-text-section {
    padding: 20px 0;
  }

  .osr-image-with-text-main-title {
    font-size: 29px;
  }

  .osr-image-with-text-sub-title {
    font-size: 16px;
    margin-bottom:3%;
  }

  .osr-iwt-content-row:nth-child(odd) .osr-text-content-data{
    margin: 0;
  }

  .osr-iwt-content-row:nth-child(even) .osr-text-content-data{
    margin: 0;
  }

  .osr-iwt-content-row {
    flex-direction: column;
    margin: 4% 0;
    align-items:center;
  }

  .osr-iwt-content-row .osr-image-column {
    order: 1;
    margin-bottom: 15px;
  }

  .osr-iwt-content-row .osr-text-column {
    order: 2;
    text-align: center;
    margin: 0;
  }

  .osr-text-content-title {
    font-size: 20px;
    margin-bottom: 8px;
    text-align:center;
  }

  .osr-text-content-description {
    font-size: 14px;
    line-height: 22px;
    text-align:center;
  }

  .osr-why-choose-image {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 576px) {
  .osr-why-choose-image-with-text-section {
    padding: 20px 0;
  }

  .osr-image-with-text-main-title {
    font-size: 27px;
  }

  .osr-image-with-text-sub-title {
    font-size: 17px;
    margin-bottom:3%;
  }

  .osr-iwt-content-row:nth-child(odd) .osr-text-content-data{
    margin: 0;
  }

  .osr-iwt-content-row:nth-child(even) .osr-text-content-data{
    margin: 0;
  }

  .osr-text-content-title {
    font-size: 18px;
    margin-bottom: 8px;
    text-align:center;
  }

  .osr-text-content-description {
    font-size: 14px;
    line-height: 22px;
    text-align:center;
  }

  .osr-why-choose-image {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 400px) {
  .osr-why-choose-image-with-text-section {
    padding: 22px 0;
  }

  .osr-image-with-text-main-title {
    font-size: 27px;
  }

  .osr-image-with-text-sub-title {
    font-size: 16px;
    margin-bottom:5%;
  }

  .osr-text-content-title {
    font-size: 18px;
  }

  .osr-text-content-description{
    font-size: 14px;
    line-height: 22px;
  }

  .osr-why-choose-image {
    width: 100%;
    height: auto;
  }
}
/* Why Choose Image With Text Section End */

#preview_header_text,#preview_sub_header_text,.normal_btns span{
  font-family: "text_medium" !important;
}

/* about us page css start */

/* banner css start */

.osr-font-0{
    font-size: 0;
}

.osr-banner-section-wrapper{
    height: 600px;
}

.osr-banner-section-inner{
    height: 100%;
}

.page-width{
    width: 100%;
}

.osr-banner-image {
    width: 100%;
    height: 100%;
}

.osr-banner-content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.osr-banner-inner-image {
    width: 100%;
    font-size: 0;
    max-height: 450px;
    height: auto;
    object-fit: contain;
}

.osr-banner-image-content {
    position: relative;
    height: 600px;
}

.osr-banner-inner {
    position: relative;
    height: 100%;
}

.osr-banner-heading {
    margin: 0;
    font-size: 80px;
    line-height: 100px;
    color: var(--secondary-color);
    font-family: var(--font-title-bold);
    text-transform: uppercase;
    padding-bottom: 30px;
}

.osr-banner-text {
    font-size: 20px;
    line-height: 30px;
    margin: 0;
    color: var(--secondary-color);
    font-family: var(--font-text-regular);
}

@media only screen and (max-width: 1650px) {
  .osr-banner-heading {
    font-size: 50px;
    line-height: 60px;
    padding-bottom: 20px;
  }

  .osr-banner-text {
    font-size: 16px;
    line-height: 26px;
  }
}

@media only screen and (max-width: 991px) {
  .osr-banner-heading {
    font-size: 36px;
    line-height: 46px;
    padding-bottom: 10px;
  }

  .osr-banner-text {
    font-size: 14px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .osr-banner-heading {
    font-size: 28px;
    line-height: 38px;
  }

  .osr-banner-text {
    font-size: 14px;
    line-height: 24px;
  }

  .osr-banner-heading br {
    display: none;
  }
  
  .osr-banner-text br{
      display: none;
  }
}

/* banner css end */

/* text slider css start */

.osr-text-slider-text {
    opacity: 0.2;
    color: #00A1E9;
    margin: 0;
    font-size: 120px;
    line-height: 140px;
    font-family: var(--font-title-bold);
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.osr-text-slider-text:after {
     content: "-";
}

@media only screen and (max-width: 1600px){
    .osr-text-slider-text {
        font-size: 100px;
        line-height: 110px;
    }  
}

@media only screen and (max-width: 1400px){
    .osr-text-slider-text {
        font-size: 80px;
        line-height: 90px;
    }  
}

@media only screen and (max-width: 1200px){
    .osr-text-slider-text {
        font-size: 60px;
        line-height: 70px;
    }  
}

@media only screen and (max-width: 991px){
    .osr-text-slider-text {
        font-size: 50px;
        line-height: 60px;
    }  
}

@media only screen and (max-width: 767px){
    .osr-text-slider-text {
        font-size: 36px;
        line-height: 46px;
    }  
}

@media only screen and (max-width: 400px){
    .osr-text-slider-text {
        font-size: 28px;
        line-height: 38px;
    }  
}

/* text slider css end */

/* timeline css start */

.osr-timeline-header-image {
    width: 180px;
    height: 180px;
    border: 2px solid #00A1E9;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    margin: 0 auto;
    background: var(--sub-bg);
    z-index: 1;
    position: relative;
}

.osr-timeline-title-image {
    width: 100%;
    height: auto;
}

.osr-timeline-text-title {
    margin: 0;
    font-size: 48px;
    line-height: 58px;
    padding-bottom: 20px;
    color: var(--primary-color);
    font-family: var(--font-title-bold);
    text-transform: uppercase;
}

.osr-timeline-text-description {
    font-size: 20px;
    line-height: 30px;
    margin: 0;
    color: var(--primary-color);
    font-family: var(--font-text-regular);
}

.osr-timeline-image {
    width: 100%;
    height: auto;
}

.osr-timeline-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    padding: 50px 0;
}

.osr-timeline-flex:nth-child(odd) {
    flex-direction: row;
}

.osr-timeline-flex:nth-child(even) {
    flex-direction: row-reverse;
}    

.osr-timeline-text-content {
    width: calc(50% - 50px);
}

.osr-timeline-image-content {
    width: calc(50% - 50px);
}

.osr-timeline-flex:before {
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    border-left-width: 2px;
    border-left-style: dashed;
    border-left-color: #00A1E9;
}

.osr-timeline-dot {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    display: flex;
    background: #00A1E9;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

@media only screen and (max-width: 1200px){
    .osr-timeline-text-title {
        font-size: 40px;
        line-height: 50px;
    }

    .osr-timeline-text-description {
        font-size: 16px;
        line-height: 26px;
    } 
}

@media only screen and (max-width: 991px){
    .osr-timeline-text-title {
        font-size: 30px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 767px){
   .osr-timeline-text-title {
        font-size: 24px;
        line-height: 34px;
    } 
  
   .osr-timeline-text-content {
        width: calc(100% - 100px);
        margin-left: auto;
    }

    .osr-timeline-image-content {
         width: calc(100% - 100px);
         margin-left: auto;
    }

    .osr-timeline-header-image{
        margin: 0 0;
    }
  
    .osr-timeline-flex:before {
        right: unset; 
        left: 58px;   
    }

    .osr-timeline-dot {
       left: 50px;
       right: unset;  
    }   
  
    .osr-timeline-flex {
        gap: 50px;
    }

    .osr-timeline-header-image {
        width: 120px;
        height: 120px;
    } 

    .osr-timeline-flex{
        padding: 20px 0;
    }
}

/* timeline css end */

/* vision css start */

.osr-vision-section-wrapper {
    background: var(--secondory-bg);
    padding: 50px 0;
}

.osr-vision-card-heading {
    margin: 0;
    font-size: 48px;
    line-height: 58px;
    padding-bottom: 30px;
    color: var(--primary-color);
    font-family: var(--font-title-bold);
    text-transform: uppercase;
    text-align: center;
}

.osr-vision-card-text {
    font-size: 20px;
    line-height: 30px;
    margin: 0;
    color: #00a1e9;
    font-family: var(--font-text-regular);
    text-align: center;
    padding-bottom: 50px;
}

.osr-vision-slider{
    overflow: hidden;
}

.swiper-slide.osr-vision {
    max-width: 300px;
    width: 100%;
}

.osr-vision-image {
    width: 100%;
    height: auto;
}

.osr-vision-slider .swiper-wrapper{
  transition-timing-function: linear !important;
}

@media only screen and (max-width: 1200px){
    .osr-vision-card-text br{
         display: none;
    }
}

@media only screen and (max-width: 767px){
    .osr-vision-card-heading {
        font-size: 28px;
        line-height: 38px;
    }  

    .osr-vision-card-text{
        font-size: 16px;
        line-height: 26px;
    }

    .swiper-slide.osr-vision {
        max-width: 100px;
        width: 100%;
    }
}

/* vision css end */

/* about us section css start */

.osr-aboutus-inner {
    background: var(--primary-bg);
    padding: 50px;
    border-radius: 40px;
    position: relative;
    overflow: hidden;
}

.osr-aboutus-title {
    margin: 0;
    font-size: 48px;
    line-height: 58px;
    color: var(--secondary-color);
    font-family: var(--font-title-bold);
    text-transform: uppercase;
    padding-bottom: 30px;
    text-align: center;
}

.osr-aboutus-text {
    font-size: 20px;
    line-height: 30px;
    margin: 0;
    color: var(--secondary-color);
    font-family: var(--font-text-regular);
    text-align: center;
}

.osr-aboutus-btn {
    text-decoration: none;
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    background: var(--sub-bg);
    border-radius: 50px;
    padding: 12px 30px;
    width: fit-content;
    color: var(--sub-primary-color);
}

.osr-aboutus-btn:hover {
    background: #000;
    color: var(--link-color);
}

.osr-aboutus-btn-content {
    margin-top: 40px;
}

.osr-aboutus-text-content {
    max-width: 800px;
    margin: 0 auto;
}

.osr-aboutus-wrapper {
    position: relative;
}

@media only screen and (max-width: 1200px){
    .osr-aboutus-text-content {
        max-width: 600px;
    } 
}

@media only screen and (max-width: 991px){
    .osr-aboutus-text-content {
        max-width: 100%;
    } 
}

@media only screen and (max-width: 767px){
    .osr-aboutus-title {
        font-size: 28px;
        line-height: 38px;
    }

   .osr-aboutus-text {
       font-size: 14px;
       line-height: 24px;
   }

   .osr-aboutus-inner {
       padding: 20px;
       border-radius: 20px;
   }  

   .osr-aboutus-text-content {  
       max-width: calc(100% - 80px);
   } 
}
  
/* about us section css end */

/* marquee slider css start */

.aboutus.page.page-aboutus .osr-marquee-text-slider-inner{
     background: #000000;
}

/* marquee slider css end */

/* zigzag textbox css start */

.osr-textbox-zigzag-box {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
}

.osr-textbox-zigzag-image-content {
    width: 80px;
    height: 80px;
}

.osr-textbox-zigzag-image {
    width: 100%;
}

.osr-textbox-zigzag-box-text {
    margin: 0;
    font-size: 20px;
    line-height: 30px;
    color: var(--secondary-color);
    font-family: var(--font-title-bold);
    text-transform: uppercase;
    width: calc(100% - 100px);
}

.osr-textbox-zigzag-title {
    margin: 0;
    font-size: 48px;
    line-height: 58px;
    color: var(--primary-color);
    font-family: var(--font-title-bold);
    text-transform: uppercase;
    padding-bottom: 30px;
}

.osr-textbox-zigzag-text {
    font-size: 20px;
    line-height: 30px;
    margin: 0;
    color: var(--primary-color);
    font-family: var(--font-text-regular);
}

.osr-textbox-zigzag-text-content {
    padding-right: 40px;
}

.osr-textbox-zigzag-btn {
    text-decoration: none;
    text-align: center;
    display: block;
    width: fit-content;
    padding: 12px 24px;
    border-radius: 40px;
    font-size: 16px;
    line-height: 20px;
    font-family: var(--font-text-medium);
    background: var(--btn-bg);
    color: var(--link-color);
}

.osr-textbox-zigzag-btn:hover {
    background: #000;
    color: var(--link-color);
}

.osr-textbox-zigzag-btn-content {
    margin-top: 30px;
}

.osr-textbox-zigzag-wrapper {
    padding: 50px 0;
}

@media only screen and (max-width: 1200px){
  .osr-textbox-zigzag-title {
      font-size: 32px;
      line-height: 42px;
  }    

  .osr-textbox-zigzag-box-text {
     font-size: 16px;
     line-height: 26px;
     width: calc(100% - 80px);
  } 

  .osr-textbox-zigzag-image-content {
      width: 60px;
      height: 60px;
  } 

  .osr-textbox-zigzag-text {
      font-size: 16px;
      line-height: 26px;
  } 
}

@media only screen and (max-width: 767px){
    .osr-textbox-zigzag-title {
        font-size: 28px;
        line-height: 38px;
    }

    .osr-textbox-zigzag-text-content {
        padding-right: 0px;
        margin-bottom: 50px;
    }

    .osr-textbox-zigzag-text {
        font-size: 14px;
        line-height: 24px;
    } 
}
/* zigzag textbox css end */

/* horizontal timeline css start */

.osr-horizontal-timeline-inner {
    background: var(--primary-bg);
    padding: 50px;
    border-radius: 40px;
    position: relative;
    overflow: hidden;
}

.osr-horizontal-timeline-main-title {
    margin: 0;
    font-size: 48px;
    line-height: 58px;
    color: var(--secondary-color);
    font-family: var(--font-title-bold);
    text-transform: uppercase;
    padding-bottom: 30px;
    text-align: center;
}

.osr-horizontal-timeline-desktop-image {
    width: 100%;
}

.osr-horizontal-timeline-mobile-image {
    width: 100%;
    display: none;
}

@media only screen and (max-width: 991px){
    .osr-horizontal-timeline-desktop-image {
        display: none;
    }
    
    .osr-horizontal-timeline-mobile-image {
        display: block;
    }

    .osr-horizontal-timeline-main-title {
        font-size: 38px;
        line-height: 48px;
    } 
}

@media only screen and (max-width: 767px){
    .osr-horizontal-timeline-main-title {
        font-size: 28px;
        line-height: 38px;
    }
}  

/* horizontal timeline css end */

/* store locator css start */

.osr-store-locator-section-wrapper {
    background: var(--secondory-bg);
}

.osr-store-locator-inner-image {
    width: 100%;
}

.osr-store-locator-heading {
    font-size: 48px;
    line-height: 58px;
    margin: 0;
    text-transform: uppercase;
    font-family: var(--font-title-bold);
    color: var(--primary-color);
}

.osr-store-locator-flex {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.osr-store-locator-flex:nth-last-of-type(1) {
    margin-bottom: 0px;
}
  
.osr-store-locator-text {
    font-size: 20px;
    line-height: 30px;
    margin: 0;
    color: var(--primary-color);
    font-family: var(--font-text-regular);
}

.osr-store-locator-icon {
    display: flex;
}

.osr-store-locator {
    border-bottom: 1px solid rgba(0, 161, 233, 0.2);
    padding: 30px 0;
}

.osr-store-locator:nth-last-child(1) {
    border-bottom: none;
}

.osr-store-locator-content {
    padding: 50px 0;
}

.osr-store-locator-text-content {
    padding-left: 50px;
}

.osr-store-locator-heading-mobile{
    display: none;
}

@media only screen and (max-width: 991px){
   .osr-store-locator-text-content {
       padding-left: 30px;
    }
     
    .osr-store-locator-heading {
        font-size: 28px;
        line-height: 38px; 
    }

    .osr-store-locator {
        padding: 15px 0;
    }

    .osr-store-locator-text {
        font-size: 14px;
        line-height: 24px;
    }
}

@media only screen and (max-width: 767px){
    .osr-store-locator-heading-desktop{
        display: none;
    }

    .osr-store-locator-heading-mobile{
        display: block;
        padding-bottom: 30px;
    }

    .osr-store-locator-content {
        padding: 30px 0;
    }

    .osr-store-locator-text-content {
        padding-left: 0px;
    }
}

/* store locator css end */

/* about us page css end */

/* max product page css start */

/* osr product max css start */

.osr-product-max-section .breadcrumbs__list {
    margin: 0;
    list-style: none;
    display: flex;
    gap: 15px;
    padding: 20px 0;
}

.osr-product-max-section .breadcrumbs__item {
    font-size: 14px;
    line-height: 24px;
    color: #00A1E9;
}

.osr-product-max-section .breadcrumbs__link {
    font-size: 14px;
    line-height: 24px;
    color: #00A1E9;
    text-decoration: none;
}

.osr-max-pdp {
    background: var(--primary-bg);
    border-radius: 40px;
    padding: 20px !important;
}

.osr-product-max-section .product__media-item {
    background: #FFFFFF;
    border-radius: 36px;
}

.osr-product-max-section .thumbnail-list__item {
    background: #ffffff;
    border-radius: 20px;
}

.osr-product-max-section .thumbnail img {
    object-fit: contain;
}  

.osr-product-max-section .osr-product-tag {
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 15px;
    background: transparent;
    font-family: var(--font-text-bold);
    color: Var(--secondary-color);
    border: 1px solid var(--secondary-color);
    border-radius: 20px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.osr-product-max-section .product__title h2 {
    /* font-size: 80px;
    line-height: 90px;
    font-family: var(--font-title-medium);
    text-transform: uppercase; */
    color: var(--secondary-color);
}

.osr-product-max-section .product__description p {
    font-size: 16px;
    line-height: 26px;
    font-family: var(--font-text-medium);
    color: var(--secondary-color);
    opacity: 1;
}

.osr-product-max-section .price-item {
    font-size: 28px;
    line-height: 38px;
    color: var(--secondary-color);
    font-family: var(--font-text-bold);
}

.osr-product-max-section .product .price .badge, 
.osr-product-max-section .product .price__container {
    margin-bottom: 0;
    vertical-align: middle;
}

.osr-product-max-section .product__info-container>*+* {
    margin: 0 0 1.5rem 0 !important; 
}

.osr-product-max-section .product-form__input .form__label {
  font-size: 16px;
  line-height: 26px;
  font-family: var(--font-text-medium);
  color: var(--secondary-color);
}

.osr-product-max-section .swatch-input__label .visually-hidden {
  font-size: 12px;
  line-height: 18px;
  /* color: var(--secondary-color); */
  opacity: 0.8;
}  

.osr-product-max-section .swatch-input__input:checked+.swatch-input__label .visually-hidden {
  opacity: 1;
}

.osr-product-max-section .product-form__input--swatch {
  display: flex;
  row-gap: 10px;
  flex-wrap: wrap;
}

/* .osr-product-max-section .swatch-input__label{
    width: 70px;
} */

.osr-product-max-section .product-form__input--pill input[type=radio]:checked+label{
    border: 1px solid var(--secondary-color) !important;
}

.osr-product-max-section .product-form__quantity quantity-input.quantity{
    border: 1px solid var(--secondary-color);
}

.osr-product-max-section .product-form__quantity .quantity__input, 
.osr-product-max-section .product-form__quantity .quantity__button {
    color: var(--secondary-color);
}

.osr-product-max-section .product-form__buttons .product-form__submit {
    border-radius: 40px;
    font-size: 18px;
    line-height: 28px;
    background: var(--sub-bg);
    color: var(--sub-primary-color);
    font-family: var(--font-text-medium);
}

.osr-product-max-section .product__info-container .product__accordion.accordion {
    margin: 0;
    border: none;
    border-radius: none;
    padding: 0px;
    border-bottom: none;
}

.osr-product-max-section .product__info-container .product__accordion.accordion:nth-last-of-type(1) {
    border-bottom: none;
}

.osr-product-max-section .product__info-container .accordion__title.inline-richtext {
    font-size: 16px;
    line-height: 26px;
    font-family: var(--font-text-medium);
    color: var(--secondary-color);
}

.osr-product-max-section .product__accordion .summary__title:after,
.osr-product-max-section .product__accordion details[open]>summary .summary__title:after{
    color: var(--secondary-color);
}

.osr-product-max-section .product__info-container .accordion summary{
     border: 1px solid var(--secondary-color);
     border-radius: 40px;
     padding: 12px 30px;
}  

.osr-product-max-section .product__accordion .accordion__content {
    display: grid;
    gap: 2rem 0;
    grid-template-columns: repeat(1, 1fr);
    font-size: 14px;
    line-height: 24px;
    font-family: var(--font-text-regular);
    color: var(--primary-color);
    padding: 12px 30px !important;
    margin: 0;
    background: var(--sub-bg);
    border-radius: 24px;
}

.osr-product-max-section .osr-content-wrepper-flex{
    display: grid;
    gap: 2rem 0;
    grid-template-columns: repeat(2, 1fr);
}  

.osr-product-max-section .osr-accordion-content-heading {
    font-size: 16px;
    line-height: 26px;
    color: var(--sub-primary-color);
    font-family: var(--font-text-medium);
    margin: 0;
}

.osr-product-max-section .accordion__content.rte p {
    font-size: 14px;
    line-height: 24px;
    font-family: var(--font-text-regular);
    color: var(--sub-primary-color);
    padding: 0;
    margin: 0;
}

.osr-product-max-section .slider-button[disabled] .icon,
.osr-product-max-section .slider-button {
    color: var(--secondary-color);
}  

.osr-product-max-section .slider-button .icon {
    height: 1.2rem;
}

.osr-product-max-section .csp-guarantee {
  color: var(--secondary-color);
}

.osr-product-max-section .csp-guarantee .csp-icon {
  color: var(--secondary-color);
}

.osr-product-max-section .jdgm-prev-badge__text,
.osr-product-max-section .jdgm-preview-badge .jdgm-star.jdgm-star {
  color: var(--secondary-color);
}

.osr-product-max-section .product__info-wrapper .osr-product-tag {
    border-color:  var(--secondary-color);
    color: var(--secondary-color);
}

.osr-product-max-section .product__info-wrapper .swatch-input__label {
  background: var(--secondary-color);
  color: var(--primary-color);
}

@media only screen and (max-width: 1200px){
    .osr-product-max-section .product__title h1 {
        font-size: 40px;
        line-height: 50px;
    } 
}

@media only screen and (max-width: 1024px){
    .osr-product-max-section .accordion__content.rte p {
        font-size: 12px;
        line-height: 22px;
    }

    .osr-product-max-section .product-form__input .form__label {
        font-size: 12px;
        line-height: 22px;
    }  
}

@media only screen and (max-width: 991px){
    .osr-product-max-section .product__title h1 {
        font-size: 34px;
        line-height: 44px;
    } 

    .osr-product-max-section .product-form__buttons {
        max-width: 100%;
        width: 100%;
    }

    .osr-product-max-section .osr-product-btn-wrap{
        width: 100%;
    }
}

@media (min-width: 750px) and (max-width: 991px){
    .osr-product-max-section .product__info-container .accordion__title.inline-richtext {
        font-size: 12px;
        line-height: 22px;
    }

    .osr-product-max-section .osr-content-wrepper-flex {
        display: grid;
        gap: 2rem 0;
        grid-template-columns: repeat(1, 1fr);
    }
}

@media only screen and (max-width: 750px){
    .osr-product-max-section .product__info-container{
         padding-top: 30px;
    }

     .osr-product-max-section .product__info-container .accordion__title.inline-richtext {
        font-size: 12px;
        line-height: 22px;
    }

    .osr-product-max-section .osr-content-wrepper-flex {
        display: grid;
        gap: 2rem 0;
        grid-template-columns: repeat(1, 1fr);
    }

    .osr-product-max-section .product__info-container .accordion summary {
        padding: 12px 14px;
    }

    .osr-product-max-section .product__accordion .accordion__content {
        padding: 12px 15px !important;
    }
}
/* osr product max css end */

/* image box zigzag css start */

.osr-image-box-zigzag-title {
    margin: 0;
    font-size: 48px;
    line-height: 58px;
    color: var(--primary-color);
    font-family: var(--font-title-bold);
    text-transform: uppercase;
    padding-bottom: 30px;
}

.osr-image-box-zigzag-image {
    width: 100%;
    height: auto;
    max-width: 400px;
    margin: 0 auto;
}

.osr-image-box-zigzag-box-content {
    background: var(--secondory-bg);
    border-radius: 40px;
    padding: 30px;
}

.osr-image-box-zigzag-box {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px
}

.osr-image-box-zigzag-image-content {
    width: 80px;
    height: 80px
}

.osr-image-box-zigzag-box-image {
    width: 100%
}

.osr-image-box-zigzag-box-text {
    margin: 0;
    font-size: 20px;
    line-height: 30px;
    color: var(--sub-primary-color);
    font-family: var(--font-title-bold);
    text-transform: uppercase;
    width: calc(100% - 100px)
}

@media only screen and (max-width: 1200px) {
    .osr-image-box-zigzag-title {
        font-size:32px;
        line-height: 42px
    }

    .osr-image-box-zigzag-box-text {
        font-size: 16px;
        line-height: 26px;
        width: calc(100% - 80px)
    }

    .osr-image-box-zigzag-image-content {
        width: 60px;
        height: 60px
    }
}

@media only screen and (max-width: 767px){
    .osr-image-box-zigzag-title {
        font-size: 28px;
        line-height: 38px;
    }

    .osr-image-box-zigzag-text-content{
        margin-bottom: 50px;
    }
}

/* image box zigzag css end */

.product-arro-max-pdp .osr-marquee-text-slider-inner{
    background: #000000;   
}

.product-arro-max-pdp .osr-image-section-wrapper.osr-section{
    margin-bottom: 0;
}

/*max product page review section css start */

.product-arro-max-pdp .osr-testimonial-slider-wrapper{
    background: var(--secondory-bg);
    padding: 50px 0;
}

.product-arro-max-pdp .osr-testimonial-slide-inner{
    background: var(--primary-bg);
}

.product-arro-max-pdp .osr-testimonial-slider-slide-star .fa-solid.fa-star {
    color: #ffffff;
}

.product-arro-max-pdp .osr-testimonial-slider-slide-title {
    color: #ffffff;
}

.product-arro-max-pdp .osr-testimonial-slider-slide-description{
    color: #ffffff;
}

.product-arro-max-pdp .osr-testimonial-slider-slide-name{
   color: #ffffff;
}

.product-arro-max-pdp .osr-testimonial-slider-main-title{
    padding-bottom: 50px;
}

@media only screen and (max-width: 767px){
    .product-arro-max-pdp .osr-testimonial-slider-slide-title {
         font-size: 14px;
         line-height: 24px;
    }
    
    .product-arro-max-pdp .osr-testimonial-slider-slide-description{
         font-size: 10px;
         line-height: 20px;
    }

    .product-arro-max-pdp .osr-testimonial-slide-inner {
        min-height: 30rem;
    } 
}
/* max product page review section css end */

/* max product page related product section css start */

.product-arro-max-pdp .related-products .card__heading .full-unstyled-link{
      padding: 5px 0 0 0;
}

.product-arro-max-pdp .card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
    margin-top: 5px;
}

.product-arro-max-pdp .related-products .price-item {
    font-size: 22px;
    line-height: 32px;
}

.product-arro-max-pdp .related-products .product-form{
    margin-top: 0;
}

.product-arro-max-pdp .card__information{
    padding: 10px 0 0 0;
}

/* max product page related product section css end */

/* image with text 3 css start */

.osr-image-with-text-block-wrapper-3 .osr-image-with-text-block-row {
    background: var(--primary-bg);
    border-radius: 40px;
    padding: 30px;
}

.osr-image-with-text-block-wrapper-3 .osr-image-with-text-block-text-content {
    padding: 0 30px 0 0;
}

.osr-image-with-text-block-wrapper-3  .osr-image-with-text-block-use-description{
   text-align: left;
}

@media only screen and (min-width: 768px) {
    .osr-image-with-text-block-wrapper-3 .osr-image-with-text-block-main-image {
        width: 100%;

        height: auto;
        min-height: unset;
        object-fit: unset;
    }
}

@media only screen and (max-width: 991px){
    .osr-image-with-text-block-wrapper-3 .osr-image-with-text-block-main-title {
        font-size: 20px;
        line-height: 30px;
    }

    .osr-image-with-text-block-wrapper-3 .osr-image-with-text-block-use-description {
        font-size: 14px;
        line-height: 26px;
    }

    .osr-image-with-text-block-btn {
        margin-top: 20px;
        padding: 10px 20px;
    }
}

@media only screen and (max-width: 767px){
    .osr-image-with-text-block-wrapper-3 .osr-text-column {
        order: 2;
        margin-top: 30px;
    }

    .osr-image-with-text-block-wrapper-3 .osr-image-with-text-block-sub-title {
        text-align: left;
    }

    .osr-image-with-text-block-wrapper-3 .osr-image-with-text-block-main-title {
        padding-bottom: 20px;
        font-size: 38px;
        line-height: 50px;
        text-align: left;
    }
}
/* image with text 3 css end */

/* max product page css end */

/* header megamenu css start */

details[open]>.header__menu-item {
    color: var(--sub-primary-color);   
}

.mega-menu__list .list-unstyled .mega-menu__link {
    margin: 0;
    font-size: 12px;
    line-height: 22px;
    font-family: var(--font-text-medium);
    color: var(--primary-color);
    text-transform: uppercase;
}

.mega-menu__link.mega-menu__link--level-2.link {
    margin: 0;
    font-size: 18px;
    line-height: 28px;
    font-family: var(--font-title-bold);
    color: var(--sub-primary-color);
    text-transform: uppercase;
}

.mega-menu__content .page-width{
    display: flex;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
}
.menu_with_product{

    width: calc(45% - 15px);
}
.menu_with_product .osr-header-megamenu-product-block-left{
  height:100%;
  width:120px;
}
.menu_with_product .osr-header-megamenu-product-block {
    background: #CF346A1A;
}
.menu_with_product .osr-product-tag{
      color:  #F34984;
    border: 1px solid  #F33778;
    padding: 7px 20px;
}
.menu_with_product .osr-header-megamenu-product-block-btn{
      background: #F34984;width: 280px;
    padding: 12px 10px;
}
.menu_with_product .osr-header-megamenu-product-block-right{
      width: calc(100% - 150px);
}
.menu_with_product .tag_width_titlle {
    display: flex;
    flex-direction: column;
}
.menu_with_product .osr-header-megamenu-product-block-right{
  display:flex;
  gap:20px;
      flex-direction: row;
      align-items:center;
}
.mega-menu__list.osr-mega-menu-width {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    list-style: none;
    padding: 0;
    margin: 0;
  /* height: 200px; */
}

.osr-header-megamenu-block{
    width: calc(50% - 15px);
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex-wrap: wrap;
}

.osr-header-megamenu-product-block {
    width: 100%;
    background: var(--secondory-bg);
    border-radius: 20px;
    padding: 20px;
}

.osr-header-megamenu-product-block-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.osr-header-megamenu-product-block-left {
    width: 200px;
    /* height:300px; */
}
.product-blue-razz .osr-product-ingredients-logo-text{
  text-transform:capitalize
}
.osr-header-megamenu-product-block-right {
    width: calc(100% - 220px);
    display: flex;
    flex-direction: column;
}

.osr-header-megamenu-product-block-image-content {
    display: block;
    text-decoration: none;
    height:100%;
}
.product__info-wrapper .osr-product-tag{
border-color:#00a1e8;
color:#00a1e8
}
.osr-header-megamenu-product-block-image {
    width: 100%;
    border-radius:10px;
    height: auto;
        height: 100%;
    object-fit: cover;
}

.osr-header-megamenu-product-block-right .osr-product-tag {
    background: transparent;
    width: fit-content;
    margin-bottom: 10px;
}

.osr-header-megamenu-product-block-title {
    margin: 0;
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 5px;
    color: var(--primary-color);
    font-family: var(--font-text-medium);
    text-decoration: none;
}

.osr-header-megamenu-product-block-price {
    margin: 0;
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 10px;
    color: var(--primary-color);
    font-family: var(--font-text-medium);
}

.osr-header-megamenu-product-block-btn {
    text-decoration: none;
    text-align: center;
    display: block;
    width: fit-content;
    padding: 15px 30px;
    border-radius: 40px;
    font-size: 14px;
    line-height: 18px;
    font-family: var(--font-text-medium);
    background: var(--btn-bg);
    color: var(--link-color)
}

.osr-header-megamenu-product-block-btn:hover {
    background:var(--sub-primary-color);
    color: var(--link-color)
}

.osr-header-megamenu-block-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.osr-header-megamenu-block-flex-1 {
    width: calc(50% - 10px);
    background: var(--primary-bg);
    border-radius: 20px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.osr-header-megamenu-block-flex-2 {
    width: calc(50% - 10px);
}

.osr-header-megamenu-block-1 {
    display: flex;
    align-items: center;
    color: var(--secondary-color);
    gap: 10px;
    text-decoration: none;
}

.osr-header-megamenu-block-1-title {
    margin: 0;
    font-size: 16px;
    line-height: 26px;
    color: var(--secondary-color);
    font-family: var(--font-text-bold);
    text-transform: uppercase;
    display: block;
    width: calc(100% - 80px);
}

.osr-header-megamenu-block-1-img {
    max-width: 70px;
    width: 100%;
    height: auto;
}

.osr-header-megamenu-block-flex-2 {
    background: #000000;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.osr-header-megamenu-block-flex-2-img {
    max-width: 120px;
    width: 100%;
    margin: 0 auto;
}

.osr-header-megamenu-block-flex-2-title {
    margin: 0;
    font-size: 24px;
    line-height: 34px;
    color: var(--sub-primary-color);
    font-family: var(--font-title-bold);
    text-transform: uppercase;
}

.osr-header-megamenu-block-flex-2-btn {
    text-decoration: none;
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    background: var(--sub-bg);
    border-radius: 50px;
    padding: 12px 30px;
    width: fit-content;
    color: var(--sub-primary-color)
}

.osr-header-megamenu-block-flex-2-btn:hover {
    background: var(--btn-bg);
    color: var(--link-color)
}

.header__active-menu-item{
    color: var(--sub-primary-color);
}

@media only screen and (max-width: 1400px){
   .osr-header-megamenu-product-block-btn {
       padding: 10px 20px; 
   }

   .osr-header-megamenu-block-1-title {
       font-size: 10px;
       line-height: 20px;
   } 

   .osr-header-megamenu-block-flex-2-title {
      font-size: 18px;
      line-height: 28px;
   }  
}

header-drawer .menu-drawer__inner-submenu .menu-drawer__menu-item.link.link--text{
    margin: 0;
    font-size: 14px;
    line-height: 24px;
    font-family: var(--font-title-bold);
    color: var(--primary-color);
    text-transform: uppercase;
}

header-drawer .osr-header-megamenu-block {
    width: 100%;
    padding: 3.2rem;
}

header-drawer .osr-header-megamenu-product-block-left {
    width: 90px;
}

header-drawer .osr-header-megamenu-product-block-right {
    width: calc(100% - 110px);
    display: flex;
    flex-direction: column;
}

header-drawer .osr-header-megamenu-product-block-btn {
    font-size: 12px;
    line-height: 16px;
}

header-drawer .osr-header-megamenu-block-1-img {
    max-width: 35px;
    width: 100%;
    height: auto;
}

header-drawer .osr-header-megamenu-block-1-title {
    width: calc(100% - 45px);
}

header-drawer .osr-header-megamenu-block-flex-2-img {
    max-width: 40px;
    width: 100%;
    margin: 0 auto;
}

header-drawer .osr-header-megamenu-block-flex-2-title {
    font-size: 12px;
    line-height: 22px;
}

header-drawer .osr-header-megamenu-block-flex-2-btn {
    font-size: 12px;
    line-height: 16px;
    padding: 10px 20px;
    margin: 10px auto 0 auto;
}

header-drawer .menu-drawer__close-button.link.link--text{
    color: var(--sub-primary-color);
}

@media only screen and (max-width: 400px){
    .osr-header-megamenu-block-flex-1,
    .osr-header-megamenu-block-flex-2 {
        width: calc(100% - 0px);
    }

    header-drawer .osr-header-megamenu-product-block-left {
        width: 100%;
    }

    header-drawer .osr-header-megamenu-product-block-right {
        width: calc(100% - 0px);
    }
}

/* header megamenu css end */



.age{
  font-size: 14px;
  font-family: var(--font-text-bold);
}
.age-description{
  font-size: 14px;
  font-family: var(--font-text-regular);
}



/* extra */
.blue-razz .product--accordion13 .osr-content-wrepper {
  width: 50% !important;
}
.blue-razz .accordion__content.accordion__content-13-1 {
    display: flex;
    width:100%;
    flex-wrap:wrap;
}
.blue-razz .price-item {
color:rgba(0, 161, 233, 1);
}
.blue-razz .accordion__content-13-1 .osr-content-wrepper_3, .blue-razz .accordion__content-13-1 .osr-content-wrepper_4
 {
    display: flex !important;
}
.blue-razz .accordion__content .osr-content-wrepper_5, .accordion__content .osr-content-wrepper_6 {
    flex-direction: row;
    display: flex;
    align-items: center;
}
.blue-razz .osr-8225784168588 .accordion__content-16-2{
  display: none !important;
}
.blue-razz .product--accordion16 .osr-content-wrepper{
      width: 100% !important;
}
.blue-razz .product--accordion16 .accordion__content{
  display:flex ;
flex-direction: column ;
}
 .blue-razz .product--accordion15 .accordion__content-15-2{
  display:none;
 }
 .blue-razz .product--accordion16 .accordion__content-16-2{
  display:none;
 }
.blue-razz .collapsible-tab-tagline {
  width: 100%;
  margin-top: 10px;
  padding: 8px 0;
  font-size: 0.9em;
  color: black;
}
.blue-razz button.thumbnail.global-media-settings.global-media-settings--no-shadow {
    border: 1px solid rgba(216, 216, 216, 1);
}
/*.blue-razz .product__media-item {
  border: 1px solid rgba(216, 216, 216, 1);
  border-radius:34px;
} */
.blue-razz .product__media.media.media--transparent {
    border: 1px solid rgba(216, 216, 216, 1);
}
.blue-razz-section .osr-image-box-card-subheading {
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
  leading-trim: both;
  text-edge: cap;
  margin: 0;
  padding-bottom: 10px;
  color: rgba(0, 161, 233, 1);
      font-family: var(--font-title-bold);
}

/* image with text */
.blue-razz-image-text .osr-image-with-text-block-row{
  border-radius: 30px 40px 40px 30px;
  padding:10px;
}
.blue-razz-image-text img.osr-image-with-text-block-main-image {
    border-radius: 20px;
}
.blue-razz-image-text .osr-image-with-text-block-row {
    border-radius: 30px 40px 40px 30px;
    padding: 10px;
}
/* faq */
.blue-razz .osr-faq-main-title{
  color: rgba(0, 161, 233, 1);

}
.blue-razz .accordion__content-13-1 .osr-content-wrepper_3,
.blue-razz .accordion__content-13-1 .osr-content-wrepper_4 {
  /* display: none; */
}
.blue-razz .related-products .related-products__heading.inline-richtext.h2{
    color: rgba(0, 161, 233, 1);
}
.blue-razz-image-text .osr-image-with-text-block-btn {
  display: flex;
  text-decoration: none;
  justify-content:center;
  font-size: 19px;
  line-height: 20px;
  font-family: var(--font-text-medium);
  background: var(--sub-bg);
  /* color: var(--primary-color); */
  color: rgba(0, 161, 233, 1);
  border: 1px solid var(--primary-color);
  width:219px;
  padding: 18px 36px;
  border-radius: 40px;
  margin-top: 40px;
}
.blue-razz .product__description p {
  font-size: 16px;
  line-height: 26px;
  font-family: var(--font-text-medium);
  color: var(--primary-color);
  /* changes */
  opacity: 30%;
}
.blue-razz-image-text .osr-image-with-text-block-use-description{
text-align:start;
font-size:17px;
}
 .blue-razz .osr-product-ingredients-logo-wrap{
    justify-content: space-around;
    flex-wrap: wrap;
}

@media only screen and (max-width:1200px) {
  .blue-razz-section .osr-image-box-card-subheading {
    font-size: 16px;
  }
}

@media only screen and (max-width:767px) {
  .blue-razz-section .osr-image-box-card-subheading {
    font-size: 14px;
    text-align: start;
    line-height: 25px;
  }
  /* image with text */
  .blue-razz-image-text .osr-image-with-text-block-container.osr-container {
    min-width: 100%;
    padding: 0;
}


.blue-razz-image-text .osr-image-with-text-block-row {
        border-radius: 0;
        padding: 15px;
    }
.blue-razz-image-text .osr-image-with-text-block-text-content {
        padding: 20px 0;
    }
    .blue-razz-image-text .osr-image-with-text-block-row {
    border-radius: 0;
    padding: 15px;
}
.blue-razz-image-text .osr-image-box-image-content img{
  height: 100%;
}
.blue-razz-section .osr-image-box-image-content img {
    width: 100%;
    height: 100%;
}
 .blue-razz-image-text .osr-image-with-text-block-main-title{
text-align: start;
        padding-bottom: 20px;
 }
.blue-razz-section .osr-image-box-main-title{
  margin-bottom: 0;
}
.blue-razz-image-text .osr-image-with-text-block-btn{
  border: none;
    height: 45px;
    align-items: center;
    font-size:14px;
}

  .blue-razz-image-text .osr-image-with-text-block-wrapper-2 .osr-image-with-text-block-main-title{
    text-align: start;
        margin-bottom: 20px;
  }
  /* faq */
  .blue-razz h4.osr-faq-title {
    font-size: 16px;
    line-height: 20px;
}
  .blue-razz .osr-faq-content.is-open .osr-faq-description-content{
        padding-top: 8px;
  }
 
/* grid */
.blue-razz .product  .grid{
      column-gap: 20px;
}

}

.fs-breadcrumb {
  margin-bottom: 20px;
  font-size: 14px;
  width: 100%;
}

.fs-breadcrumb a {
  color: inherit;
  text-decoration: none;
}
body.arro-ultra footer.footer { margin: 0; }
.arro-craving-cubes footer.footer { margin: 0; }


.fs-breadcrumb a:hover {
  text-decoration: underline;
}

.fs-breadcrumb span[aria-hidden="true"] {
  margin: 0 5px;
  color: #999;
}
/* .swiper-wrapper:not(.not-center) {
  justify-content:center;
} */

.product-blue-razz .osr-content-wrepper_6 {
    grid-column: unset;
}
.product-blue-razz .osr-content-wrepper_5,.product-blue-razz .product--accordion14 .accordion__content-14-2 .osr-content-wrepper_4{
  flex-direction:row;
  align-items:center;
}

.product-blue-razz .product--accordion13 .osr-content-wrepper.osr-content-wrepper_1 img.osr-content-img{
  width:100%;
  max-width:50% !important;
}
.product-blue-razz .product--accordion13 .osr-content-wrepper.osr-content-wrepper_2 img.osr-content-img{
  width:100%;
  max-width:50% !important;
}
.product-blue-razz .accordion__content.accordion__content-15-2 {
  display:none;
}
.product-blue-razz .product--accordion15 .accordion__content,.product-blue-razz .product--accordion14 .accordion__content,
.product-blue-razz .product--accordion14 .accordion__content-14-2 .osr-contant_container-grid{
  grid-template-columns: repeat(1, 1fr);
}
.product-blue-razz .product--accordion14 .collapsible-tab-tagline {
    font-size: 16px;
    color: #000;
    font-family: 'text_regular';
    padding-top: 20px;
}
.product-blue-razz .product--accordion15 .osr-content-wrepper_1{
  display:block !important;
}
.product-blue-razz .product--accordion14 .osr-content-conatiner_1,
.product-blue-razz .product--accordion14 .accordion__content-14-2 .osr-content-wrepper_5,
.product-blue-razz .product--accordion14 .accordion__content-14-2 .osr-content-wrepper_6{
  display:none;
}
.product-blue-razz .product--accordion15 .osr-content-wrepper{
  display:none;
}

.product-blue-razz .product--accordion14 .osr-content-conatiner_2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
}

.product-blue-razz  .price__container .price-item{
    font-family: 'text_medium';
    font-weight: 700;
    font-size: 28px;
    line-height: normal;
    letter-spacing: -.5px;
    color: #00A1E9;
}

.product-blue-razz  .thumbnail-list__item {
    border: 1px solid #DDDDDD;
    border-radius: 25px;
}

.osr-featured-collection-tab:nth-child(4){
  width:250px
} 

 
.button {    font-family: var(--font-text-regular); font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: 0; text-align: center; min-width: 181px; }
.button.button--primary { border: solid 1px; } 
.h0 {    font-family: var(--font-title-bold); margin: 0; font-size: clamp(26px,3.34vw, 48px); letter-spacing: -1%; text-transform: uppercase; line-height: 1.3; color: rgb(var(--color-foreground)); }
.hxl {margin:0; font-weight: 400; font-size: clamp(30px,5vw,64px); line-height: 140%; letter-spacing: -1%; text-align: center; text-transform: uppercase; font-family: var(--font-title-bold); }
img, video, iframe { max-width: 100%; height: auto; }
.title-wrapper { margin-bottom: 50px; }
.title-wrapper p { font-family: var(--font-text-regular); color: rgb(var(--color-foreground)); font-size: clamp(16px, 3.34vw, 20px); line-height: 140%; letter-spacing: -1%; margin-top: 32px; margin-bottom:0;}

@media(max-width:1199px){
  .title-wrapper { margin-bottom:30px; }
  .page-width { padding: 0 2rem; }

}
@media(max-width:749px){
  .page-width { padding: 0 16px;} 
 
}

/* osr video slider css start */


.osr-video-slider-wrap.osr-section { 
  position: relative; 
  width:100%; 
  overflow: hidden; 
} 

.osr-video-slider-wrap .osr-video-slider-slide-media { 
  width: 100%; 
  height:100%; 
  position: relative; 
  aspect-ratio: 2/3;
}

.osr-video-slider-wrap .osr-video-slider-slide-img { 
  width: 100%; 
  height:100%; 
  border-radius: 20px; 
  object-fit: cover; 
  display: block; 
  transition: opacity 0.3s ease; 
}

.osr-video-slider-wrap .osr-video-slider-slide-video {
  border-radius:20px; 
  width: 100%; 
  height: 100%; 
  object-fit: cover; 
  display: block; 
  position: absolute; 
  top: 0; 
  left: 0; 
  /* opacity: 0;  */
  transition: opacity 0.3s ease; 
}

.osr-video-slider-wrap .osr-video-slider-slide-video.osr-video-visible { 
  opacity: 1;
} 

.osr-video-slider-wrap .osr-video-slider-slide-img.osr-thumb-hidden { 
  opacity: 0;
} 

.osr-video-slider-wrap .osr-play-btn.osr-btn-pause svg.icon-play { 
  display: none; 
}

.osr-video-slider-wrap .osr-play-btn svg.icon-pause { 
  display: none; 
}

.osr-video-slider-wrap .osr-video-slider-slide:not(.swiper-slide-active) .osr-play-btn { 
  opacity: 0; 
  pointer-events: none; 
}

.osr-video-slider-wrap .osr-nav-btn { 
  opacity: 0.5; 
  background-color: transparent; 
  border: none; padding: 0; 
}

.osr-video-slider-wrap .osr-video-slider-slide-overlay { 
  position: absolute; 
  inset: 0; 
  background: linear-gradient(to top, rgba(0,0,0,0.28) 0%, transparent 50%); 
  pointer-events: none; 
  z-index: 3; 
}

.osr-video-slider-wrap .osr-nav-wrap { 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  margin-top:4.8rem; 
  gap: 10px; 
} 

.osr-video-slider-wrap .osr-placeholder-svg { 
  width: 100%; 
  height: 100%; 
  background: #e8e8e8; 
  display:block;
} 

.osr-video-slider-wrap .osr-video-slider-heading { 
  text-align: center;
}

.osr-video-slider-wrap .osr-play-btn { 
  position: absolute; 
  top: 50%; 
  left: 50%; 
  transform: translate(-50%, -50%); 
  width: 48px; 
  height: 48px; 
  border: none; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  z-index: 5; 
  transition: opacity 0.25s ease, transform 0.2s ease, 
  background 0.2s ease; 
  padding: 0; 
  background: transparent; 
  pointer-events: none; 
}

.osr-video-slider-wrap .osr-play-btn.osr-btn-pause svg.icon-pause { 
  display: block; 
  background: #00A1E9; 
  border-radius: 50%;
} 

.osr-video-slider-wrap .osr-video-slider-slide.swiper-slide-active { 
  cursor: pointer; 
}

.osr-video-slider-wrap .osr-video-slider-slide-media:after { 
  position: absolute; 
  left: 0; 
  top: 0; 
  width: 100%; 
  height: 100%; 
  background-color: #fff; 
  z-index: 1; 
  content: ""; 
  opacity: 0.3;
} 

.osr-video-slider-wrap .osr-video-slider-slide.swiper-slide-active .osr-video-slider-slide-media:after {
  display:none;
}

@media screen and (max-width:1199px){ 
  .osr-video-slider-wrap .osr-nav-wrap {
    margin-top:2rem;
  }

  .osr-video-slider-wrap .osr-nav-wrap svg { 
    width: 49px; 
    height: 31px; 
  }
}

/* YouTube Embed & Audio Button CSS */
.osr-video-slider-wrap .osr-video-slider-youtube-wrap {
  border-radius: 20px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  /* opacity: 0;
  transition: opacity 0.3s ease;
  overflow: hidden; */
  background: #000;
}

.osr-video-slider-wrap .osr-video-slider-youtube-wrap.osr-video-visible {
  opacity: 1;
}

.osr-video-slider-wrap .osr-video-slider-youtube-wrap iframe {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 20px;
  pointer-events: auto;
}

.osr-video-slider-wrap .osr-audio-btn {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #00A1E9;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 7;
  padding: 0;
  transition: transform 0.2s ease, background 0.2s ease, opacity 0.25s ease;
}

.osr-video-slider-wrap .osr-audio-btn.osr-is-muted .icon-audio-on {
  display: none;
}

.osr-video-slider-wrap .osr-audio-btn.osr-is-muted .icon-audio-off {
  display: block;
}

.osr-video-slider-wrap .osr-audio-btn:not(.osr-is-muted) .icon-audio-on {
  display: block;
}

.osr-video-slider-wrap .osr-audio-btn:not(.osr-is-muted) .icon-audio-off {
  display: none;
}

.osr-video-slider-wrap .osr-video-slider-slide:not(.swiper-slide-active) .osr-audio-btn {
  opacity: 0;
  pointer-events: none;
}

@media screen and (max-width:749px) { 
  .osr-video-slider-wrap .osr-video-slider-slide { 
    border-radius: 12px; 
  } 

  .osr-video-slider-wrap .osr-play-btn { 
    width: 44px; 
    height: 44px; 
  } 

  .osr-video-slider-wrap .osr-play-btn svg {
    width: 36px; 
    height: 36px; 
  } 

  .osr-video-slider-wrap .osr-audio-btn {
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
  }

  .osr-video-slider-wrap .osr-audio-btn svg {
    width: 18px;
    height: 18px;
  }
}

/* osr video slider css end */

/* osr features zigzag css start */

.osr-features-zigzag { 
  position: relative; 
  width: 100%; 
  min-height: 500px; 
  background-color: var(--osr-fz-bg-color, #b8e0f5); 
  overflow: hidden; 
  box-sizing: border-box; 
}

.osr-features-zigzag-bg-image { 
  position: absolute; 
  inset: 0; 
  z-index: 0; 
}

.osr-features-zigzag-bg-img { 
  width: 100%; 
  height: 100%; 
  object-fit: cover; 
  object-position: center right; 
  display: block; 
}

.osr-features-zigzag-overlay { 
  position: absolute; 
  inset: 0; 
  z-index: 1; 
  background: linear-gradient(to right, rgba(220, 240, 255, var(--osr-fz-overlay-opacity, 0.92)) 0%, rgba(180, 220, 248, calc(var(--osr-fz-overlay-opacity, 0.92) * 0.8)) 50%, rgba(140, 200, 240, calc(var(--osr-fz-overlay-opacity, 0.92) * 0.4)) 100%);
}

.osr-features-zigzag-subheading { 
  font-size: 12px; 
  font-weight: 600; 
  letter-spacing: 2px; 
  text-transform: uppercase; 
  color: var(--osr-fz-body-color, #1a2a3a); 
  margin: 0 0 0.75rem; 
  opacity: 0.75;
}

.osr-features-zigzag-body { 
  font-size: 14px; 
  color: var(--osr-fz-body-color, #1a2a3a); 
  line-height: 1.75; 
  margin: 0 0 1rem; 
  max-width: 520px;
} 

.osr-features-zigzag-body p { 
  margin: 0 0 0.75rem; 
}

.osr-features-zigzag-body p:last-child { 
  margin-bottom: 0;
}   

.osr-features-zigzag-cta { 
  margin-top: 1.5rem; 
} 

.osr-features-zigzag-btn { 
  display: inline-block; 
  padding: 12px 28px; 
  font-size: 13px; 
  font-weight: 700; 
  text-transform: uppercase; 
  letter-spacing: 0.8px; 
  border-radius: 50px; 
  text-decoration: none; 
  transition: opacity 0.2s ease, transform 0.15s ease; 
  background-color: var(--osr-fz-badge-color, #22b8f0); 
  color: var(--osr-fz-badge-text-color, #ffffff); 
  border: 2px solid var(--osr-fz-badge-color, #22b8f0); 
}

.osr-features-zigzag-btn--secondary { 
  background-color: transparent; 
  color: var(--osr-fz-badge-color, #22b8f0); 
}

.osr-features-zigzag-btn:hover { 
  opacity: 0.88; 
  transform: translateY(-1px); 
} 

.osr-features-zigzag-badge-row { 
  display: flex; 
  width: 100%; 
}

.osr-features-zigzag-badge-row--odd { 
  justify-content: flex-start; 
} 

.osr-features-zigzag-badge-row--even { 
  justify-content: flex-end; 
} 

.osr-features-zigzag-body { 
  color: rgba(var(--color-foreground), 1); 
  font-weight: 500; 
  font-size: clamp(16px, 2vw, 20px); 
  line-height: 140%; 
  margin:40px 0 30px 0; 
  font-family: var(--font-text-regular); 
  max-width: 520px; 
  letter-spacing:0;
} 

.osr-features-zigzag-inner {
  position:relative; 
  z-index:2; 
  display: grid; 
  grid-template-columns:0.8fr 1fr; 
  gap:2.5rem; 
  padding-top: var(--osr-fz-section-padding-top, 60px); 
  padding-bottom: var(--osr-fz-section-padding-bottom, 60px);
} 

.osr-features-zigzag-check-icon {
  width:28px; 
  height:28px;
}  

.osr-features-zigzag-checklist-item { 
  display: flex; 
  align-items: center; 
  gap: 8px; 
  font-weight: 800; 
  font-family: var(--font-title-bold); 
  margin: 0; 
  font-size: 18px; 
  letter-spacing: -1%; 
  text-transform: uppercase; 
  line-height: 1.3; 
  color: rgb(var(--color-foreground)); 
}

.osr-features-zigzag-checklist { 
  list-style: none; 
  padding: 0; 
  display: grid; 
  grid-template-columns: 1fr 0.7fr; 
  gap: 24px 30px; 
}

.osr-features-zigzag-badge { 
  background-color: rgba(0, 161, 233, 1); 
  border-radius: 50px; 
  padding: 12px 32px 12px 12px; 
  white-space: nowrap; 
  display: flex; 
  align-items: center; 
  gap: 8px; 
  font-weight: 800; 
  font-family: var(--font-title-bold); 
  margin: 0; 
  font-size: 18px; 
  letter-spacing: -1%; 
  text-transform: uppercase; 
  line-height: 1.3; 
  color: #fff; 
}

.osr-features-zigzag span.osr-features-zigzag-label { 
  padding-bottom: 4px;
}

.osr-features-zigzag-right .osr-features-zigzag-badge-row:nth-child(1), .osr-features-zigzag-right .osr-features-zigzag-badge-row:nth-last-child(1) { 
  padding-left: 15%; 
}

.osr-features-zigzag-right .osr-features-zigzag-badge-row:nth-child(2), .osr-features-zigzag-right .osr-features-zigzag-badge-row:nth-child(3) { 
  padding-right: 15%;
} 

.osr-features-zigzag-right { 
  display: flex; 
  flex-direction: column; 
  gap: 14px; 
  row-gap: 60px;
} 

.osr-section.osr-features-zigzag {
  margin-bottom: 0px;
}

@media screen and (max-width:989px){
  .osr-features-zigzag-inner, .osr-features-zigzag--full .osr-features-zigzag-inner { 
    grid-template-columns: 1fr; 
    padding-left: 2rem; 
    padding-right: 2rem; 
    gap: 2rem; 
  }
  .osr-features-zigzag-right { 
    gap: 12px; 
  }
  .osr-features-zigzag-badge-row--odd { 
    padding-left: 0; 
    justify-content: flex-start; 
  }

  .osr-features-zigzag-right .osr-features-zigzag-badge-row:nth-child(1), .osr-features-zigzag-right .osr-features-zigzag-badge-row:nth-last-child(1) { 
    padding-left: 0; 
  }

  .osr-features-zigzag-right .osr-features-zigzag-badge-row:nth-child(2), .osr-features-zigzag-right .osr-features-zigzag-badge-row:nth-child(3) { 
    padding-right: 0;
  } 

  .osr-features-zigzag-badge-row--even { 
    justify-content: flex-end; 
    padding-right: 0; 
  }
  .osr-features-zigzag-left * {
    color: #fff;
  }  
  .osr-features-zigzag-right .osr-features-zigzag-badge-row:nth-child(2), .osr-features-zigzag-right .osr-features-zigzag-badge-row:nth-last-child(2) { 
    padding-left: 4%; 
  }
}

@media screen and (max-width: 749px) {
  .osr-features-zigzag-left * {
    color: #000!important;
  } 

  .osr-features-zigzag { 
    min-height: unset; 
  }

  .osr-features-zigzag-inner, .osr-features-zigzag--full .osr-features-zigzag-inner { 
    padding-left: 1.25rem; 
    padding-right: 1.25rem; 
  }
  .osr-features-zigzag-overlay { 
    background: linear-gradient(to bottom, rgba(220, 240, 255, calc(var(--osr-fz-overlay-opacity, 0.92) * 1.05)) 0%, rgba(180, 220, 248, var(--osr-fz-overlay-opacity, 0.92)) 100%); 
  }

  .osr-features-zigzag-checklist { 
    grid-template-columns: 1fr; 
  }

  .osr-features-zigzag-badge { 
    min-width: 160px; 
    font-size: 11.5px; 
  }

  .osr-features-zigzag-badge-row--odd { 
    padding-left: 0; 
  }

  .osr-features-zigzag-badge-row--even { 
    padding-left: 5%; 
  }

  .osr-features-zigzag-bg-img { 
    width: 100%; 
    height: 100%; 
    object-fit: contain; 
    object-position:bottom; 
    display:block;
  } 
}

/* osr features zigzag css end */

/* arro-advertorials-ultra page css start */

.arro-advertorials-ultra .vs-section-wrap .vs-cell-mid {
  font-weight: 500;
}

.advertorial-arro-craving-cubes .footer,
.arro-advertorials-ultra .footer {
  margin-top: 0px;
}

.arro-advertorials-ultra .section-ts-wrap-testimonial .ts-slide-type-text {
  justify-content: space-between;
}

.arro-advertorials-ultra .section-ts-wrap-testimonial .ts-slide-type-text .ts-author {
  margin-top: 3rem;
}

@media screen and (min-width: 750px) {
  .advertorial-arro-craving-cubes .footer,
  .arro-advertorials-ultra .footer {
    margin-top: 0px;
  }
}

@media (max-width: 749px) {
  .arro-advertorials-ultra .section-featured-product .product-form__input--swatch {
    grid-template-columns: 1fr 1fr 1fr;
  }       

@media screen and (max-width: 480px) {
  .arro-advertorials-ultra .metric-cards-wrap .mc-grid {
    grid-template-columns: 1fr 1fr;
    gap: 1.2rem;
  }

  .arro-advertorials-ultra .metric-cards-wrap .mc-label {
    font-size: 16px;
  }

  .arro-advertorials-ultra .metric-cards-wrap .mc-value {
    font-size: 20px;
  }

  .arro-advertorials-ultra .metric-cards-wrap .mc-icon-wrap {
    width: 36px;
    height: 36px;
  }

  .arro-advertorials-ultra .metric-cards-wrap .mc-card {
    padding: 1.5rem 1.5rem;
    border-radius: 10px;
  }
}

@media screen and (max-width: 300px) {
  .arro-advertorials-ultra .metric-cards-wrap .mc-grid {
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }
}

/* featured product variant vise color change css start */

  .arro-advertorials-ultra .swatch-input__input:checked + .swatch-input__label .swatch {
    border: 1px solid var(--variant-color) !important;
  }


/* featured product variant vise color change css end */

/* arro-advertorials-ultra page css end */

/* Most Popular badge for Ultra product on collection page */
.badge.badge--most-popular {
  background-color: #00A1E9 !important;
  color: #ffffff !important;
  border: none !important;
  font-family: var(--font-text-medium, sans-serif);
  font-weight: 600 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border-radius: 50px !important;
  padding: 6px 14px !important;
  box-shadow: 0 2px 6px rgba(0, 161, 233, 0.3) !important;
}

/* Automatically hide default Stay AI widget, quantity selector, and default buy buttons when Custom Subscription Plan block is active */
body:has(.csp) .stayai-subscriptions,
body:has(.csp) purchase-options,
body:has(.csp) [id*="stayai-subscription"],
body:has(.csp) .product-form__quantity,
body:has(.csp) [id*="Quantity-Form"],
body:has(.csp) .product-form__buttons,
body:has(.csp) .buy-buttons-block-wrapper > .product-form__buttons,
body:has(.csp) .osr-product-btn-wrap .product-form__buttons,

.has-csp-active .stayai-subscriptions,
.has-csp-active purchase-options,
.has-csp-active [id*="stayai-subscription"],
.has-csp-active .product-form__quantity,
.has-csp-active [id*="Quantity-Form"],
.has-csp-active .product-form__buttons,
.has-csp-active .buy-buttons-block-wrapper > .product-form__buttons,
.has-csp-active .osr-product-btn-wrap .product-form__buttons,

:is(.product__info-container, .product-section, .osr-product-max-section, product-info, section, .shopify-section):has(.csp) .stayai-pdp,
:is(.product__info-container, .product-section, .osr-product-max-section, product-info, section, .shopify-section):has(.csp) .stayai-subscriptions,
:is(.product__info-container, .product-section, .osr-product-max-section, product-info, section, .shopify-section):has(.csp) purchase-options,
:is(.product__info-container, .product-section, .osr-product-max-section, product-info, section, .shopify-section):has(.csp) [id*="stayai-subscription"],
:is(.product__info-container, .product-section, .osr-product-max-section, product-info, section, .shopify-section):has(.csp) [data-stay-widget],
:is(.product__info-container, .product-section, .osr-product-max-section, product-info, section, .shopify-section):has(.csp) .stay-ai-subscription-widget,
:is(.product__info-container, .product-section, .osr-product-max-section, product-info, section, .shopify-section):has(.csp) .product-form__quantity,
:is(.product__info-container, .product-section, .osr-product-max-section, product-info, section, .shopify-section):has(.csp) [id*="Quantity-Form"],
:is(.product__info-container, .product-section, .osr-product-max-section, product-info, section, .shopify-section):has(.csp) .product-form__buttons,
:is(.product__info-container, .product-section, .osr-product-max-section, product-info, section, .shopify-section):has(.csp) .buy-buttons-block-wrapper > .product-form__buttons,
:is(.product__info-container, .product-section, .osr-product-max-section, product-info, section, .shopify-section):has(.csp) .product-form > form > .product-form__buttons,
:is(.product__info-container, .product-section, .osr-product-max-section, product-info, section, .shopify-section):has(.csp) .osr-product-btn-wrap .product-form__buttons {
  display: none !important;
}