/** Shopify CDN: Minification failed

Line 2557:0 Unexpected "}"
Line 2559:2 A nested style rule cannot start with "a" because it looks like the start of a declaration

**/
/*Hi I am Started From Here*/
/* variables */
:root {
  --context: 14.4;
  --orange: #d74e27;
  --orange2: #f26729;
  --black: #24272a;
  --black2: #333f4c;
  --color-white: #fff;
  --color-yellow: #f3eec7;
  --color-grey: #858c94;
  --color-light-grey: #e6e6e6;
}
.row-reverse {
  flex-direction: row-reverse;
}
.m-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.orange {
  color: var(--orange);
}
.container-md {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  padding-left: calc(95vw / var(--context));
  padding-right: calc(85vw / var(--context));
}

/* ....proExtreme css.... */
.proextreme-section {
  position: relative;
  margin: 0 0 calc(10vw / var(--context)) 0;
}
.proextreme-content-wrapper {
  position: absolute;
  right: 19%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
}

.proextreme-content-wrapper .content-box h1 {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 900;
  font-size: calc(72vw / var(--context));
  line-height: 1.2;
  color: #24272a;
  margin: 0;
}
.proextreme-content-wrapper .content-box p {
  font-style: normal;
  font-weight: 600;
  font-size: calc(14vw / var(--context));
  line-height: 1.2;
  color: #333f4c;
  margin-bottom: calc(10vw / var(--context));
}

.shop-btn {
  background: #d74e27;
  mix-blend-mode: normal;
  font-style: italic;
  font-weight: 700;
  font-size: calc(16vw / var(--context));
  line-height: 1.18;
  text-align: center;
  letter-spacing: 0.02em;
  color: var(--color-yellow);
  mix-blend-mode: normal;
  background: #d74e27;
  padding: calc(9vw / var(--context)) calc(12vw / var(--context));
  margin-right: 5px;
}

.shop-btn .icon {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  margin-top: -2px;
}

.proextreme-section figure {
  position: relative;
  mix-blend-mode: multiply;
  margin: 0;
  z-index: 8;
}
.proextreme-image-wrapper {
  background: url("/cdn/shop/files/Rectangle_139.png?v=1676979835");
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.proextreme-section figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cross-1 {
  position: absolute;
  left: 10.3%;
  top: 50%;
  transform: translateY(-50%);
}
.cross-1 img {
  width: calc(521vw / var(--context));
}
.cross-2 img {
  width: calc(258vw / var(--context));
}
.cross-2 {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
/* .ooo-instagram-feed__list .slick-list .slick-track,
.ooo-instagram-feed__list .slick-list {
  width: 100%!important;
} */

/* .kt-social-wrapper .ooo-instagram-feed__list {
    display: unset!important;
}
.kt-social-wrapper .ooo-instagram-feed__list .slick-slide {
  float: none!important;
}
.kt-social-wrapper .ooo-instagram-feed__list .ooo-instagram-media {
  display: inline-block;
  margin: 0 5px;
} */
.kt-social-wrapper {
  margin: 0;
  padding: calc(50vw / var(--context)) 0 calc(75vw / var(--context));
  background: #f4f4f4;
  mix-blend-mode: normal;
}
#shopify-section-template--15228749152300__featured-collection {
  margin-top: 0;
}

.ooo-instagram-feed__list .slick-arrow {
  position: absolute;
  top: calc(-61vw / var(--context));
  bottom: 100%;
  background: #ffffff;
  width: calc(42vw / var(--context));
  height: calc(42vw / var(--context));
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: calc(48vw / var(--context));
  right: 0;
  transition: 0.5s ease;
}
.btn-wrapper > button {
  background: #ffffff;
  width: calc(42vw / var(--context));
  height: calc(42vw / var(--context));
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s ease;
}
.ooo-instagram-feed__list .slick-arrow:hover {
  background: #d74e27;
}
.ooo-instagram-feed__list .slick-arrow:hover svg path {
  fill: #fff !important;
}
.ooo-instagram-feed__list .slick-arrow.insta-leftbtn {
  margin-right: calc(100vw / var(--context));
}
/* ....proExtreme css..end.. */
/* ....featured-product-section csss start ....*/
span.quick-product__label.link {
  pointer-events: all;
  text-align: left;
  text-transform: uppercase;
  opacity: 1;
  cursor: pointer;
}
.featured-product-section {
  background: #f4f4f4;
  margin: 10px 0;
}
.featured-product-section .container-full {
  width: 100%;
  overflow: hidden;
}
.featured-product-section .title h3 {
  font-style: italic;
  font-weight: 600;
  font-size: calc(30vw / var(--context));
  line-height: 1.2;
  text-align: center;
  letter-spacing: 0.02em;
  color: #000000;
  mix-blend-mode: normal;
  margin-top: calc(33vw / var(--context));
  margin-bottom: calc(36vw / var(--context));
  text-align: center;
}
.featured-wrapper {
  display: flex;
  margin: 0 -6px;
}
.featured-wrapper .quick-product__btn {
  display: block !important;
}
.featured-wrapper .featured-box {
  position: relative;
}
.featured-wrapper .featured-box .feature-caption {
  width: calc(380vw / var(--context));
  height: calc(145vw / var(--context));
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.9);
  padding: calc(29vw / var(--context)) calc(26vw / var(--context))
    calc(25vw / var(--context));
}
.featured-wrapper .featured-box .feature-caption a {
  cursor: pointer;
}
.featured-wrapper .featured-box .feature-caption h6 {
  font-style: normal;
  font-weight: 700;
  font-size: calc(14vw / var(--context));
  letter-spacing: 0;
  line-height: 1.2;
  color: #333f4c;
  margin-bottom: calc(-9vw / var(--context));
}
.featured-wrapper .featured-box .feature-caption h2 {
  font-style: normal;
  font-weight: 900;
  font-size: calc(40vw / var(--context));
  line-height: 1.2;
  margin: 0;
}
.featured-wrapper .featured-box .feature-caption .rating-box {
  display: flex;
  align-items: center;
}
.featured-wrapper .featured-box .feature-caption .rating-box span.rating-text {
  font-style: normal;
  font-weight: 600;
  font-size: calc(12vw / var(--context));
  line-height: 1;
  color: #333f4c;
  margin-left: 7px;
}
.featured-wrapper .featured-box .feature-caption .rating-box .star {
  display: flex;
  align-items: center;
  margin-top: calc(-3vw / var(--context));
}
.featured-wrapper .featured-box .feature-caption .rating-box .star svg {
  width: calc(14vw / var(--context));
  height: calc(14vw / var(--context));
  margin-right: 1.2px;
}
.featured-wrapper .featured-box .feature-caption .link {
  font-family: "barlow";
  font-style: normal;
  font-weight: 700;
  font-size: calc(12vw / var(--context));
  line-height: 1;
  color: #f26729;
}

.featured-wrapper
  .featured-box
  .feature-caption
  .rating-box
  .star:hover
  svg
  path {
  fill: #f26729;
}
.featured-wrapper .featured-box figure {
  margin: 0;
}
.featured-wrapper .featured-box figure img {
  width: 100%;
}
.custom-col-4 {
  width: 33.33%;
  padding: 0 6px;
}
/*.... featured-product-section csss end ....*/

/* .........more-from-kt section.....start..... */
.more-kt-sec {
  margin-top: 10px;
  margin-bottom: 0;
}
.more-from-kt-section {
  background: #333f4c;
  padding-top: calc(60vw / var(--context));
  padding-bottom: calc(90vw / var(--context));
}
.more-from-kt-section .section-header {
  margin-bottom: 0;
}
.more-from-kt-section .section-header h2 {
  font-style: italic;
  font-weight: 600;
  font-size: 30px;
  line-height: 1.16;
  text-align: center;
  letter-spacing: 0.02em;
  color: #bfcfcc;
  mix-blend-mode: normal;
  margin-bottom: 70px;
}
.more-from-kt-section .page-width {
  max-width: 100%;
  padding: 0 calc(40vw / var(--context));
}

.more-from-kt-section .page-width .grid__item {
  padding-left: calc(22vw / var(--context));
}
.more-from-kt-section .page-width .grid__item h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  color: #f26729;
  margin-bottom: 5px;
}
.more-from-kt-section .page-width .grid__item .rte-setting {
  margin-bottom: 0;
}
.more-from-kt-section .page-width .grid__item .image-wrap {
  margin-bottom: 34px;
}
.more-from-kt-section .page-width .grid__item .rte-setting p {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.166;
  text-align: center;
  color: #f4f4f4;
  margin-bottom: 0;
}
.more-from-kt-section .page-width .grid__item > div {
  max-width: 100% !important;
}

/* .........more-from-kt section.....end..... */

/* .....how to apply section css.....start....... */

.how-to-apply-section {
  background: #f4f4f4;
  mix-blend-mode: multiply;
  margin-top: 10px;
  position: relative;
}
.feature-img-box {
  position: relative;
}
.proextreme-content-wrapper.feature-content-wrapper {
  right: 10%;
}
.how-to-apply-section .feature-img-box img.desktop-img {
  width: calc(1440vw / var(--context));
  height: calc(950vw / var(--context));
}

.hover_effect .element {
  position: relative;
}
.hover_effect {
  position: absolute;
  left: 0;
  top: 0;
}
.hover_effect.one {
  left: calc(518vw / var(--context));
  top: calc(214vw / var(--context));
}
.hover_effect.two {
  left: calc(332vw / var(--context));
  top: calc(328vw / var(--context));
}
/* .hover_effect.three {
    left: calc(332vw / var(--context));
    top: calc(328vw / var(--context));
} */
.hover_effect.three {
  left: calc(438vw / var(--context));
  top: calc(352vw / var(--context));
}
.hover_effect.four {
  left: calc(342vw / var(--context));
  top: calc(528vw / var(--context));
}
.hover_effect.five {
  left: calc(135vw / var(--context));
  top: calc(673vw / var(--context));
}
.hover_effect.six {
  left: calc(286vw / var(--context));
  top: calc(674vw / var(--context));
}
.hover_effect.seven {
  left: calc(681vw / var(--context));
  top: calc(289vw / var(--context));
}
.hover_effect.eight {
  left: calc(731vw / var(--context));
  top: calc(334vw / var(--context));
}
.hover_effect.nine {
  left: calc(624vw / var(--context));
  top: calc(389vw / var(--context));
}
.hover_effect.ten {
  left: calc(584vw / var(--context));
  top: calc(448vw / var(--context));
}
.hover_effect.eleven {
  left: calc(664vw / var(--context));
  top: calc(541vw / var(--context));
}
.hover_effect.twelve {
  left: calc(554vw / var(--context));
  top: calc(592vw / var(--context));
}
.hover_effect.thirteen {
  left: calc(551vw / var(--context));
  top: calc(669vw / var(--context));
}

.hover_effect h3 {
  margin: 0;
  width: calc(30vw / var(--context));
  height: calc(30vw / var(--context));
  background: #545861;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  line-height: 1.2;
  cursor: pointer;
  font-size: calc(24vw / var(--context));
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s ease;
  position: relative;
  z-index: 2;
}
.how-to-apply-section .hover_effect h3 {
  background: transparent;
}
.how-to-apply-section .hover_effect h3 svg {
  width: 100%;
  height: 100%;
}
.how-to-apply-section .hover_effect h3 svg path {
  transition: 0.5s ease;
}
.how-to-apply-section .hover_effect h3:hover svg path:first-child {
  fill: var(--color-white);
}
.how-to-apply-section .hover_effect h3:hover svg path:last-child {
  stroke: var(--orange2);
}
.hover_effect .element:hover h3,
.hover_effect .element h3:hover {
  background: #f26729;
  z-index: 9;
}
.hover_effect h3 img {
  width: calc(10.37vw / var(--context));
  height: calc(10.37vw / var(--context));
}
.hover_effect h3:hover + div,
.hover_effect .element:hover div {
  display: block;
  /*     z-index: 99; */
}
.hover_effect .element > div {
  background: #fff;
  padding: calc(20vw / var(--context)) calc(15vw / var(--context))
    calc(17vw / var(--context)) calc(18vw / var(--context));
  z-index: 1;
  position: relative;
  width: calc(225vw / var(--context));
  display: none;
  position: absolute;
  right: calc(19vw / var(--context));
  bottom: calc(19vw / var(--context));
  z-index: 6;
  transition: 0.5s ease;
  animation: anim1 0.7s ease;
  /*    transform: translateX(-20px); */
}
.hover_effect.five .element > div {
  left: calc(19vw / var(--context));
}
.hover_effect .element div h6 {
  font-style: normal;
  font-weight: 800;
  font-size: 12px;
  line-height: 1.2;
  color: #333f4c;
  letter-spacing: 0;
  margin-bottom: calc(4vw / var(--context));
}
.hover_effect .element > div p {
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 1.2;
  color: #333f4c;
  /*   margin-bottom: calc(5vw / var(--context)) */
  margin-bottom: 0;
}
.hover_effect .element > div a {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.2;
  color: #f26729;
  text-transform: uppercase;
}

@keyframes anim1 {
  0% {
    transform: translateX(-20px);
    opacity: 0.2;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
    z-index: 7;
  }
}

/* .....how to apply section css.....end......... */

/* instagram and you may like section css... start */

.ooo-instagram-header h2 {
  font-style: italic;
  font-weight: 600;
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #000000;
  mix-blend-mode: normal;
  margin-bottom: 42px;
}
.you-may-like-wrapper .section-header h2 {
  font-style: italic;
  font-weight: 600;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: 0.02em;
  color: #000000;
  mix-blend-mode: normal;
}
.you-may-like-wrapper .section-header {
  display: flex;
  justify-content: space-between;
  align-items: end;
  padding: 0 49px;
}
.you-may-like-wrapper .section-header .btn-wrapper {
  display: flex;
  align-items: center;
}
.you-may-like-wrapper .section-header .btn-wrapper button {
  margin-right: 10px;
  transition: 0.5s ease;
  background: #f4f4f4;
}
.you-may-like-wrapper .section-header .btn-wrapper button:last-child {
  margin-right: 0;
}
.you-may-like-wrapper .section-header .btn-wrapper button:hover {
  background: var(--colorBtnPrimary);
}
.you-may-like-wrapper .section-header .btn-wrapper button:hover svg path {
  fill: #fff;
}
.you-may-like-wrapper {
  background: #fff;
  border: 0;
  padding-bottom: 70px;
  padding-top: 40px;
}
.grid__item .grid-product__content .grid-product__image-mask {
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2);
  margin-top: 5px;
}
.grid__item .grid-product__content .grid-product__meta {
  display: flex;
  justify-content: space-between;
  align-items: self-start;
}

.you-may-like-wrapper
  .grid__item
  .grid-product__content
  .grid-product__meta
  > div:nth-child(2) {
  margin-left: auto;
  margin-top: 6px;
}
.quick-product__btn {
  padding: calc(8vw / var(--context)) calc(14vw / var(--context));
}
.grid-product__price {
  /* Commenting this as we want to remove prices from collections - remove later   
  margin-top:0px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
  color: #24272A; */
  display: none;
}
.grid__item .grid-product__content .grid-product__title {
  font-style: normal;
  font-weight: 800;
  font-size: calc(20vw / var(--context));
  line-height: 1.2;
  color: #24272a;
  text-align: left;
}
.template-collection .yotpo-reviews-star-ratings-widget {
  margin-top: 3px;
}
#shopify-section-template--15228749152300__featured-collection {
  margin-bottom: 0;
}
.grid-product__content:hover .quick-product__btn .quick-product__label {
  font-weight: 700;
  font-size: calc(16vw / var(--context));
  line-height: 1.16;
  text-align: center;
  letter-spacing: 0.02em;
  color: var(--color-yellow);
  font-style: italic;
  text-transform: uppercase;
}

/*......slider section end...... */
/* news letter section csss......starts */
.newsletter-container .newsletter-section {
  padding: calc(70vw / var(--context)) 0;
  margin-bottom: 10px;
}
.newsletter-container .newsletter-section .newsletter-section__content {
  max-width: 100%;
  padding-left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.newsletter-container .newsletter-section .newsletter-section__content .h2 {
  font-weight: 900;
  font-size: calc(72vw / var(--context));
  line-height: 1.19;
  color: var(--black);
  mix-blend-mode: normal;
  text-transform: uppercase;
  margin-bottom: 0;
}
.newsletter-section .newsletter-section__content .enlarge-text p {
  font-style: normal;
  font-weight: 600;
  font-size: calc(16vw / var(--context));
  line-height: 1.2;
  color: var(--black2);
  text-transform: uppercase;
}
.newsletter-section .newsletter__input-group {
  width: calc(506vw / var(--context));
  max-width: 100%;
}
.newsletter-section .newsletter__input-group input {
  padding: calc(8vw / var(--context)) calc(15vw / var(--context));
  background: var(--color-white);
  border: 0;
  font-weight: 500;
  font-size: calc(16vw / var(--context));
  line-height: 1.2;
  color: var(--black2);
}
.newsletter-section .newsletter__input-group input:focus {
  border: 1px solid var(--orange);
  box-shadow: -2px 0 6px rgba(0, 0, 0, 0.2);
}
.newsletter-section .newsletter__input-group input::placeholder {
  text-transform: uppercase;
}
.newsletter-section .newsletter__input-group .input-group-btn button {
  font-style: italic;
  font-weight: 700;
  font-size: calc(16vw / var(--context));
  line-height: 1.42;
  text-align: center;
  letter-spacing: 0.02em;
  color: var(--color-yellow);
  padding: calc(5vw / var(--context)) calc(18vw / var(--context));
}
.newsletter-section .theme-block {
  margin-bottom: 5px;
}
/* news letter section csss......End */

/* .....pdp-gallery-section css ...........start... */
.custom-col-6 {
  width: 50%;
}
.pdp-gallery-section {
  overflow: hidden;
  /*   height: 100vh; */
}
.pdp-gallery-section .pdp-gallery-wrapper.row {
  display: flex;
  margin: 0 -6px;
}
.pdp-gallery-section .pdp-gallery-wrapper.row .custom-col-6 {
  padding: 0 6px;
}
.pdp-gallery-section .pdp-gallery-wrapper.row img {
  width: 100%;
  height: 100%;
}
.pdp-gallery-section .pdp-gallery-wrapper.row figure {
  margin: 0;
  height: 100%;
}

.pdp-gallery-section .pdp-gallery-wrapper.row .right-img {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pdp-gallery-section .pdp-gallery-wrapper.row .left-img {
  height: 100%;
}
.pdp-gallery-section .pdp-gallery-wrapper.row figure:first-child {
  margin-bottom: 12px;
}
/* .....pdp-gallery-section css ...........end... */

/*............ pdp-hotspot-section css............start.. */
.pdp-hotspot-section {
  position: relative;
}
.pdp-hotspot-section figure {
  margin: 0;
  width: 100%;
  height: 100%;
}
.pdp-hotspot-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.pdp-hotspot-section figure img {
  width: 100%;
  /*   height: 100vh; */
  object-fit: cover;
}
.pdp-hotspot-section .pdp-hotspot-wrapper .container-md {
  padding: 0 calc(90vw / var(--context));
}
.pdp-hotspot-content-wrap {
  border-top: 1.5px solid var(--color-grey);
  padding-top: 10px;
  position: relative;
  margin-top: calc(41vw / var(--context));
}
.pdp-hotspot-content-wrap h6 {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.18;
  color: var(--black2);
  letter-spacing: 0;
  margin-bottom: 0;
  margin-left: 4px;
}
.pdp-hotspot-content-wrap h1 {
  font-weight: 900;
  font-size: calc(90vw / var(--context));
  line-height: 0.8;
  color: var(--orange);
  margin-bottom: 0;
  margin-top: 0;
}
.pdp-hotspot-content-wrap .desc p {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.214;
  color: var(--black2);
  margin-top: 10px;
  margin-bottom: 0;
  margin-left: 3px;
}
.pdp-hotspot-content-wrap .hover_effect h3 {
  border: 1px solid #fff;
  background: transparent;
  width: calc(45vw / var(--context));
  height: calc(45vw / var(--context));
}
.pdp-hotspot-content-wrap .hover_effect h3 svg path {
  fill: #fff;
}
.pdp-hotspot-content-wrap .hover_effect {
  top: 0;
}

/* hotspot postion css.... */

.pdp-hotspot-content-wrap .hover_effect.one {
  left: calc(359vw / var(--context));
  top: calc(-101vw / var(--context));
}
.pdp-hotspot-content-wrap .hover_effect.two {
  left: auto;
  top: calc(-100vw / var(--context)) !important;
  right: 2px;
}
.pdp-hotspot-content-wrap .hover_effect.three {
  left: auto;
  top: calc(40vw / var(--context));
  right: calc(236vw / var(--context));
}
.pdp-hotspot-content-wrap .hover_effect.four {
  left: calc(484vw / var(--context));
  top: calc(176vw / var(--context));
}
.kt-tape-pro-oxygen .pdp-hotspot-content-wrap .hover_effect.one {
  left: calc(775vw / var(--context));
  top: calc(-50vw / var(--context));
}
.kt-tape-pro-oxygen .pdp-hotspot-content-wrap .hover_effect.three {
  left: auto;
  top: calc(60vw / var(--context));
  right: calc(300vw / var(--context));
}
.kt-tape-pro-oxygen .pdp-hotspot-content-wrap .hover_effect.one h3 svg path {
  fill: #fff;
}
.kt-tape-pro-oxygen .pdp-hotspot-content-wrap .hover_effect.two {
  right: calc(156vw / var(--context));
  top: calc(-56vw / var(--context)) !important;
}
.kt-tape-pro-oxygen .pdp-hotspot-content-wrap .hover_effect.one h3 {
  border-color: #ffff;
}
/* lookbook-kt-tape-pro ..hostspot css */
.lookbook-kt-tape-pro .pdp-hotspot-content-wrap {
  margin-top: calc(-170vw / var(--context));
}
.lookbook-kt-tape-pro .pdp-hotspot-content-wrap .hover_effect.one {
  left: calc(601vw / var(--context));
  top: calc(90vw / var(--context));
}
.lookbook-kt-tape-pro .pdp-hotspot-content-wrap .hover_effect.two {
  left: auto;
  top: calc(98vw / var(--context)) !important;
  right: calc(226vw / var(--context));
}
.lookbook-kt-tape-pro .pdp-hotspot-content-wrap .hover_effect.three {
  left: auto;
  top: calc(172vw / var(--context));
  right: calc(467vw / var(--context));
}
.lookbook-kt-tape-pro .pdp-hotspot-content-wrap .hover_effect.one h3 {
  border-color: var(--color-white);
}
.lookbook-kt-tape-pro
  .pdp-hotspot-content-wrap
  .hover_effect
  .element:hover
  h3
  svg
  path,
.lookbook-kt-tape-pro .pdp-hotspot-content-wrap .hover_effect.one h3 svg path {
  fill: var(--color-white);
}

/* tape-pro-extreme-tone..hostspot css */
.lookbook-kt-tape-pro-extreme-tone-series
  .pdp-hotspot-content-wrap
  .hover_effect.one {
  left: calc(592vw / var(--context));
  top: calc(-210vw / var(--context));
}
.lookbook-kt-tape-pro-extreme-tone-series
  .pdp-hotspot-content-wrap
  .hover_effect.two {
  left: auto;
  right: calc(355vw / var(--context));
  top: calc(19vw / var(--context)) !important;
}
.lookbook-kt-tape-pro-extreme-tone-series
  .pdp-hotspot-content-wrap
  .hover_effect.three {
  left: auto;
  top: calc(157vw / var(--context));
  right: calc(200vw / var(--context));
}
.lookbook-kt-tape-pro-extreme-tone-series
  .pdp-hotspot-content-wrap
  .hover_effect.one
  h3 {
  border-color: var(--color-white);
}
.lookbook-kt-tape-pro-extreme-tone-series
  .pdp-hotspot-content-wrap
  .hover_effect
  .element:hover
  h3
  svg
  path,
.lookbook-kt-tape-pro-extreme-tone-series
  .pdp-hotspot-content-wrap
  .hover_effect.one
  h3
  svg
  path {
  fill: var(--color-white);
}
/* tape-pro-wide..hostspot css */
.lookbook-kt-tape-pro-wide .pdp-hotspot-content-wrap {
  margin-top: calc(-170vw / var(--context));
}
.lookbook-kt-tape-pro-wide .pdp-hotspot-content-wrap .hover_effect.one {
  top: calc(245vw / var(--context));
  right: calc(454vw / var(--context));
  left: auto;
}
.lookbook-kt-tape-pro-wide .pdp-hotspot-content-wrap .hover_effect.two {
  left: auto;
  right: calc(200vw / var(--context));
  top: calc(297vw / var(--context)) !important;
}
.lookbook-kt-tape-pro-wide .pdp-hotspot-content-wrap .hover_effect.three {
  left: auto;
  top: calc(176vw / var(--context));
  right: calc(331vw / var(--context));
}
.lookbook-kt-tape-pro-wide .pdp-hotspot-content-wrap .hover_effect.one h3 {
  border-color: var(--color-white);
}
.lookbook-kt-tape-pro-wide
  .pdp-hotspot-content-wrap
  .hover_effect
  .element:hover
  h3
  svg
  path,
.lookbook-kt-tape-pro-wide
  .pdp-hotspot-content-wrap
  .hover_effect.one
  h3
  svg
  path {
  fill: var(--color-white);
}
/* kt-tape-pro-extreme hostspot css... */
.lookbook-kt-tape-pro-extreme .pdp-hotspot-content-wrap {
  margin-top: calc(-170vw / var(--context));
}
.lookbook-kt-tape-pro-extreme .pdp-hotspot-content-wrap .hover_effect.one {
  left: calc(627vw / var(--context));
  top: calc(71vw / var(--context));
}
.lookbook-kt-tape-pro-extreme .pdp-hotspot-content-wrap .hover_effect.two {
  left: auto;
  right: calc(139vw / var(--context));
  top: calc(272vw / var(--context)) !important;
}
.lookbook-kt-tape-pro-extreme .pdp-hotspot-content-wrap .hover_effect.three {
  left: auto;
  top: calc(172vw / var(--context));
  right: calc(471vw / var(--context));
}
.lookbook-kt-tape-pro-extreme .pdp-hotspot-content-wrap .hover_effect.one h3 {
  border-color: var(--color-white);
}
.lookbook-kt-tape-pro-extreme
  .pdp-hotspot-content-wrap
  .hover_effect
  .element:hover
  h3
  svg
  path,
.lookbook-kt-tape-pro-extreme
  .pdp-hotspot-content-wrap
  .hover_effect.one
  h3
  svg
  path {
  fill: var(--color-white);
}
/*  tape-original-cotton... */
.lookbook-kt-tape-original-cotton .pdp-hotspot-content-wrap {
  margin-top: calc(-173vw / var(--context));
}
.lookbook-kt-tape-original-cotton .pdp-hotspot-content-wrap .hover_effect.one {
  left: calc(450vw / var(--context));
  top: calc(-79vw / var(--context));
}
.lookbook-kt-tape-original-cotton .pdp-hotspot-content-wrap .hover_effect.two {
  left: auto;
  right: calc(673vw / var(--context));
  top: calc(150vw / var(--context)) !important;
}
.lookbook-kt-tape-original-cotton
  .pdp-hotspot-content-wrap
  .hover_effect.three {
  left: auto;
  top: calc(76vw / var(--context));
  right: calc(498vw / var(--context));
}
/* .lookbook-kt-tape-original-cotton .pdp-hotspot-content-wrap .hover_effect.one h3 {
  border-color: var(--color-white);
} */
.lookbook-kt-tape-original-cotton
  .pdp-hotspot-content-wrap
  .hover_effect
  .element:hover
  h3
  svg
  path {
  fill: var(--color-white);
}

/* lookbook-kt-tape-gentle-tape-1.. */
.lookbook-kt-tape-gentle-tape-1 .pdp-hotspot-content-wrap {
  margin-top: calc(-173vw / var(--context));
}
.lookbook-kt-tape-gentle-tape-1 .pdp-hotspot-content-wrap .hover_effect.one {
  left: calc(758vw / var(--context));
  top: calc(18vw / var(--context));
}
.lookbook-kt-tape-gentle-tape-1 .pdp-hotspot-content-wrap .hover_effect.two {
  left: auto;
  right: calc(378vw / var(--context));
  top: calc(178vw / var(--context)) !important;
}
.lookbook-kt-tape-gentle-tape-1 .pdp-hotspot-content-wrap .hover_effect.three {
  left: auto;
  top: calc(222vw / var(--context));
  right: calc(246vw / var(--context));
}
.lookbook-kt-tape-gentle-tape-1 .pdp-hotspot-content-wrap .hover_effect.one h3 {
  border-color: var(--color-white);
}

.lookbook-kt-tape-gentle-tape-1
  .pdp-hotspot-content-wrap
  .hover_effect
  .element:hover
  h3
  svg
  path,
.lookbook-kt-tape-gentle-tape-1
  .pdp-hotspot-content-wrap
  .hover_effect.one
  h3
  svg
  path {
  fill: var(--color-white);
}

.pdp-hotspot-content-wrap .hover_effect.one h3 {
  border-color: var(--color-grey);
}
.pdp-hotspot-content-wrap .hover_effect.one h3 svg path {
  fill: #858c94;
}
.pdp-hotspot-content-wrap .hover_effect .element > div {
  display: none;
  left: calc(27vw / var(--context));
  top: calc(13vw / var(--context));
  background: transparent;
  /*   position: relative; */
}
.pdp-hotspot-content-wrap .hover_effect .element > div {
  padding-left: calc(40vw / var(--context));
}
.pdp-hotspot-content-wrap .hover_effect .element:hover > div {
  display: block;
  transform: translateX(0px);
}
.pdp-hotspot-content-wrap .hover_effect .element > div h6 {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
  color: var(--colorTextBody);
}
.pdp-hotspot-content-wrap .hover_effect .element > div .tooltip-context ul {
  margin: 0;
  list-style: none;
}
.pdp-hotspot-content-wrap .hover_effect .element > div .tooltip-context {
  width: calc(241vw / var(--context));
  background: rgba(255, 255, 255, 0.85);
  padding: 15px;
}
.pdp-hotspot-content-wrap
  .hover_effect
  .element
  > div
  .tooltip-context
  ul
  li
  p {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.14;
  color: var(--colorTextBody);
  margin-bottom: 25px;
}

.pdp-hotspot-content-wrap .hover_effect .element:hover h3 {
  border-color: transparent;
}
.pdp-hotspot-content-wrap .hover_effect .element h3 svg {
  width: calc(16vw / var(--context));
  height: calc(16vw / var(--context));
}
.pdp-hotspot-content-wrap .hover_effect .element:hover h3 svg path {
  fill: var(--color-grey);
}
.pdp-hotspot-content-wrap .tooltip-context .progress-bar {
  height: 8px;
  /*   background: #BFCFCC; */
  position: relative;
  margin-bottom: 3px;
}
.pdp-hotspot-content-wrap .tooltip-context .progress-bar .filled {
  background: var(--orange);
  width: 90%;
  height: 100%;
}
.pdp-hotspot-content-wrap .hover_effect .element > div {
  width: auto;
  padding-top: 0;
  width: calc(241vw / var(--context));
  height: calc(222vw / var(--context));
  transform: translateX(-40px);
}
.pdp-hotspot-content-wrap .hover_effect.two .element > div {
  right: calc(87vw / var(--context));
  left: auto;
}
.pdp-hotspot-content-wrap
  .hover_effect
  .element
  > div
  .tooltip-context
  ul
  li:last-child
  p {
  margin-bottom: 0;
}
.pdp-hotspot-content-wrap .hover_effect .element > div .tooltip-context a {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.14;
  color: #bfcfcc;
  transition: 0.4s ease;
}
.pdp-hotspot-content-wrap
  .hover_effect
  .element
  > div
  .tooltip-context
  a:hover {
  color: var(--orange);
}
.pdp-hotspot-content-wrap .tooltip-context .progress-bar:before {
  content: "";
  position: absolute;
  left: 27%;
  height: 19px;
  background: #46505a;
  width: 9px;
  top: -6px;
  transform: rotate(42deg);
  display: none;
}

.pdp-hotspot-content-wrap .tooltip-context .progress-bar:after {
  content: "";
  position: absolute;
  left: 66%;
  height: 19px;
  background: #46505a;
  width: 9px;
  top: -6px;
  transform: rotate(42deg);
  display: none;
}
.more-from-kt-section .page-width .grid__item .rte-setting p {
  text-transform: uppercase;
}

/*............ pdp-hotspot-section css............End.. */

/* colection page css  start */
.template-collection
  .yotpo-reviews-star-ratings-widget
  .yotpo-widget-clear
  .star-container
  svg {
  width: calc(15vw / var(--context));
  height: calc(15vw / var(--context));
}
/* colection page css  end */

/* .............. responsive .............. */
@media (min-width: 1441px) {
  .pdp-hotspot-content-wrap .tooltip-context .progress-bar:before,
  .pdp-hotspot-content-wrap .tooltip-context .progress-bar:after {
    height: calc(19vw / var(--context));
    width: calc(9vw / var(--context));
    top: calc(-6vw / var(--context));
  }
  .pdp-hotspot-content-wrap .tooltip-context .progress-bar {
    height: calc(8vw / var(--context));
    margin-bottom: calc(3vw / var(--context));
  }
  .pdp-hotspot-content-wrap .hover_effect .element > div h6 {
    font-size: calc(14vw / var(--context));
  }
  .pdp-hotspot-content-wrap .hover_effect .element > div .tooltip-context a {
    font-size: calc(16vw / var(--context));
  }
  .pdp-hotspot-content-wrap
    .hover_effect
    .element
    > div
    .tooltip-context
    ul
    li
    p {
    font-size: calc(16vw / var(--context));
    margin-bottom: calc(25vw / var(--context));
  }

  .pdp-hotspot-content-wrap .hover_effect.two {
    right: calc(2vw / var(--context));
  }
  .pdp-hotspot-content-wrap .hover_effect h3 {
    border-width: calc(1vw / var(--context));
  }
  .pdp-hotspot-content-wrap h6 {
    font-weight: 700;
    font-size: calc(16vw / var(--context));
    margin-left: calc(4vw / var(--context));
  }
  .pdp-hotspot-content-wrap h1 {
    font-size: calc(90vw / var(--context));
    margin-top: calc(-5vw / var(--context));
  }
  .pdp-hotspot-content-wrap .desc p {
    font-size: calc(14vw / var(--context));
    margin-top: calc(6vw / var(--context));
  }

  .pdp-hotspot-content-wrap {
    border-top: calc(1.5vw / var(--context)) solid var(--color-grey);
    padding-top: calc(10vw / var(--context));
  }
  .pdp-gallery-section .pdp-gallery-wrapper.row figure:first-child {
    margin-bottom: calc(12vw / var(--context));
  }
  .pdp-gallery-section .pdp-gallery-wrapper.row {
    margin: 0 calc(-6vw / var(--context));
  }
  .pdp-gallery-section .pdp-gallery-wrapper.row .custom-col-6 {
    padding: 0 calc(6vw / var(--context));
  }
  .m-10 {
    margin-top: calc(10vw / var(--context));
    margin-bottom: calc(10vw / var(--context));
  }
  /*   .pdp-gallery-section .pdp-gallery-wrapper.row {
    margin: 0 calc(-12vw / var(--context));
  }
  .pdp-gallery-section .pdp-gallery-wrapper.row .custom-col-6 {
    padding: 0 6px;
  } */
  .grid-product__price {
    font-size: calc(16vw / var(--context));
  }
  .more-from-kt-section .page-width .grid__item h3 {
    font-size: calc(14vw / var(--context));
    margin-bottom: calc(5vw / var(--context));
  }
  .hover_effect .element div p {
    font-size: calc(10vw / var(--context));
  }
  .hover_effect .element div a,
  .hover_effect .element div h6 {
    font-size: calc(12vw / var(--context));
  }
  .more-from-kt-section .page-width .grid__item .rte-setting p {
    font-size: calc(12vw / var(--context));
    text-transform: uppercase;
  }
  .more-from-kt-section {
    padding: calc(60vw / var(--context)) 0 calc(90vw / var(--context));
  }
  .more-from-kt-section .section-header h2 {
    font-size: calc(30vw / var(--context));
  }
  .more-from-kt-section .section-header h2 {
    margin-bottom: calc(70vw / var(--context));
  }
  .more-from-kt-section .page-width .grid__item .image-wrap {
    margin-bottom: calc(34vw / var(--context));
  }
  .more-from-kt-section .page-width .grid {
    margin-left: calc(-22vw / 14.4);
  }
}

@media (max-width: 1280px) {
  .you-may-like-wrapper
    .grid__item
    .grid-product__content
    .grid-product__meta
    > div:nth-child(2) {
    margin-top: 3px;
  }
  .kt-social-wrapper .ooo-instagram {
    margin-top: 0;
    margin-bottom: 0;
  }
  .you-may-like-wrapper {
    padding-bottom: 40px;
  }
}

@media (max-width: 992px) {
  .featured-wrapper .featured-box .feature-caption .rating-box .star svg {
    width: 9px;
    height: 9px;
    margin-right: 1.2px;
  }
  .featured-wrapper .featured-box .feature-caption .rating-box .star {
    margin-top: 0;
  }
  .featured-wrapper .featured-box .feature-caption h6 {
    font-size: 9px;
    line-height: 1.2;
  }
  .featured-wrapper .featured-box .feature-caption {
    height: calc(166vw / var(--context));
  }
  .featured-wrapper .featured-box .feature-caption .link {
    font-size: 9px;
    line-height: 1;
  }
  .featured-wrapper
    .featured-box
    .feature-caption
    .rating-box
    span.rating-text {
    font-size: 9px;
  }
  .pdp-hotspot-content-wrap
    .hover_effect
    .element
    > div
    .tooltip-context
    ul
    li
    p {
    font-size: calc(18vw / var(--context));
  }
  .pdp-hotspot-content-wrap h1 {
    margin-top: -13px;
  }
  .pdp-hotspot-content-wrap .hover_effect .element > div .tooltip-context {
    width: calc(272vw / var(--context));
  }
  .pdp-hotspot-content-wrap .hover_effect .element > div h6 {
    font-size: calc(18w / var(--context));
  }
  .pdp-hotspot-content-wrap
    .hover_effect
    .element
    > div
    .tooltip-context
    ul
    li
    p {
    margin-bottom: 12px;
  }
  .pdp-hotspot-content-wrap .hover_effect .element > div .tooltip-context a {
    font-size: 14px;
    line-height: 1.14;
  }
  .pdp-hotspot-content-wrap .hover_effect .element > div .tooltip-context ul {
    margin-bottom: 10px;
  }
}

@media (max-width: 767.5px) {
  :root {
    --context: 3.9;
  }
  .how-to-apply-section .feature-img-box img.desktop-img {
    width: calc(390vw / var(--context));
    height: calc(700vw / var(--context));
  }
  .more-from-kt-section .page-width .grid__item {
    padding-left: 0;
  }
  .more-from-kt-section .page-width .grid {
    margin-left: 0;
  }
  .more-from-kt-section .page-width {
    padding: 0 calc(20vw / 3.9);
  }
  .proextreme-content-wrapper .content-box h1 {
    font-size: calc(52vw / var(--context));
    line-height: 1;
    margin-top: calc(18vw / var(--context));
  }
  .proextreme-content-wrapper.feature-content-wrapper {
    right: 0;
  }
  .proextreme-content-wrapper {
    height: 100%;
    text-align: center;
  }
  .proextreme-content-wrapper.feature-content-wrapper .content-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    z-index: -1;
  }
  .proextreme-content-wrapper.feature-content-wrapper .content-box .desc {
    margin-top: auto;
    padding-left: calc(31vw / var(--context));
    padding-right: calc(33vw / var(--context));
  }
  .proextreme-content-wrapper.feature-content-wrapper .content-box .desc p {
    margin-bottom: calc(20vw / var(--context));
  }

  .proextreme-content-wrapper.feature-content-wrapper .content-box .desc p br {
    display: none;
  }

  .proextreme-content-wrapper.feature-content-wrapper .content-box .shop-btn {
    margin-bottom: calc(20vw / var(--context));
    margin-left: calc(20vw / var(--context));
    margin-right: calc(20vw / var(--context));
    padding: calc(15vw / var(--context)) 0;
  }

  .hover_effect h3 {
    width: calc(17vw / var(--context));
    height: calc(17vw / var(--context));
  }
  .hover_effect h3 img {
    width: calc(5.88vw / var(--context));
    height: calc(5.88vw / var(--context));
  }
  .hover_effect.one {
    left: calc(224vw / var(--context));
    top: calc(174vw / var(--context));
  }
  .hover_effect.two {
    left: calc(117vw / var(--context));
    top: calc(243vw / var(--context));
  }
  .hover_effect.three {
    left: calc(175vw / var(--context));
    top: calc(255vw / var(--context));
  }
  .hover_effect.four {
    left: calc(123vw / var(--context));
    top: calc(352vw / var(--context));
  }
  .hover_effect.five {
    left: calc(11vw / var(--context));
    top: calc(432vw / var(--context));
  }
  .hover_effect.six {
    left: calc(99vw / var(--context));
    top: calc(432vw / var(--context));
  }
  .hover_effect.seven {
    left: calc(314vw / var(--context));
    top: calc(217vw / var(--context));
  }
  .hover_effect.eight {
    left: calc(342vw / var(--context));
    top: calc(244vw / var(--context));
  }
  .hover_effect.nine {
    left: calc(287vw / var(--context));
    top: calc(276vw / var(--context));
  }
  .hover_effect.ten {
    left: calc(258vw / var(--context));
    top: calc(314vw / var(--context));
  }
  .hover_effect.eleven {
    left: calc(304vw / var(--context));
    top: calc(360vw / var(--context));
  }
  .hover_effect.twelve {
    left: calc(242vw / var(--context));
    top: calc(385vw / var(--context));
  }
  .hover_effect.thirteen {
    left: calc(240vw / var(--context));
    top: calc(429vw / var(--context));
  }
  .hover_effect {
    z-index: 2;
  }
  .hover_effect.five .element > div,
  .hover_effect.six .element > div {
    left: calc(10vw / var(--context));
  }
  .hover_effect.five {
    z-index: auto;
  }
  .proextreme-content-wrapper {
    z-index: 1;
  }
  .hover_effect .element > div {
    padding: calc(6vw / var(--context)) calc(7.5vw / var(--context))
      calc(10vw / var(--context)) calc(10vw / var(--context));
    width: calc(130vw / var(--context));
    right: calc(0vw / var(--context));
    bottom: calc(5vw / var(--context));
  }
  .hover_effect .element div h6 {
    font-size: calc(10vw / var(--context));
  }
  .index-section.newsletter-container {
    display: none;
  }
  .custom-col-4 {
    width: 100%;
    padding: 0 6px;
  }
  .featured-wrapper {
    display: block;
  }
  .featured-wrapper .featured-box {
    margin-bottom: calc(10.5vw / var(--context));
  }
  .featured-wrapper .featured-box .feature-caption {
    height: calc(145vw / var(--context));
    width: calc(350vw / var(--context));
    padding: calc(31vw / var(--context)) calc(27vw / var(--context))
      calc(26vw / var(--context));
  }
  .featured-wrapper .featured-box .feature-caption h6 {
    font-size: calc(14vw / var(--context));
    letter-spacing: normal;
  }
  .featured-wrapper .featured-box .feature-caption .rating-box span.rating-text,
  .featured-wrapper .featured-box .feature-caption .link {
    font-size: calc(12vw / var(--context));
  }
  .proextreme-section .proextreme-content-wrapper {
    height: 100%;
    text-align: center;
    display: flex;
    align-items: end;
    right: 0;
    z-index: 9;
  }
  .proextreme-section .proextreme-content-wrapper .content-box h1 {
    font-size: calc(62vw / var(--context));
    line-height: 1;
    margin-top: 0;
    text-align: left;
    margin-bottom: calc(7vw / var(--context));
  }
  .proextreme-section .proextreme-content-wrapper .content-box p {
    text-align: left;
    font-size: calc(16vw / var(--context));
    line-height: 1.3;
  }
  .proextreme-section .proextreme-content-wrapper .content-box {
    padding: calc(20vw / var(--context)) calc(20vw / var(--context))
      calc(10vw / var(--context));
  }
  .proextreme-section .proextreme-content-wrapper .content-box .btn.shop-btn {
    width: 100%;
    padding: calc(15vw / var(--context)) 0;
  }
  .proextreme-section a.shop-btn:nth-of-type(2) {
    margin-top: 10px;
  }
  .more-from-kt-section {
    padding-top: calc(44vw / var(--context));
    padding-bottom: 0;
  }
  .more-from-kt-section .section-header h2 {
    margin-bottom: calc(42vw / var(--context));
  }
  .more-from-kt-section .page-width .grid__item .image-wrap {
    width: calc(350vw / var(--context));
    height: calc(350vw / var(--context)) !important;
  }
  .more-from-kt-section .page-width .grid__item .image-wrap {
    margin-bottom: calc(42vw / var(--context));
  }
  .more-from-kt-section .page-width .grid__item h3 {
    font-size: calc(16vw / var(--context));
  }
  .more-from-kt-section .page-width .grid__item {
    margin-bottom: 40px;
  }
  .more-from-kt-section .page-width .grid__item:last-child {
    margin-bottom: 60px;
  }

  .template-index .you-may-like-wrapper .grid {
    display: grid;
  }
  .template-index .you-may-like-wrapper .grid .grid__item {
    width: 100%;
    padding: 30px;
  }
  .pdp-hotspot-section figure {
    background: #f4f4f4;
    mix-blend-mode: multiply;
  }
  .pdp-hotspot-section .pdp-hotspot-wrapper .container-md {
    padding: 0 calc(17vw / var(--context));
    height: 100%;
  }
  .pdp-hotspot-content-wrap {
    border: 0;
  }
  .template-product .pdp-hotspot-content-wrap {
    margin-top: calc(14vw / var(--context)) !important;
    padding-top: 0;
  }
  .pdp-hotspot-content-wrap h6 {
    font-size: calc(16vw / var(--context));
  }
  .pdp-hotspot-content-wrap h1 {
    font-size: calc(75vw / var(--context));
  }
  .pdp-hotspot-content-wrap .hover_effect.one {
    left: calc(89vw / var(--context));
    top: calc(291vw / var(--context));
  }
  .pdp-hotspot-content-wrap .hover_effect.two {
    left: auto;
    top: calc(339vw / var(--context)) !important;
    right: calc(0vw / var(--context)) !important;
  }
  .pdp-hotspot-content-wrap .hover_effect.three {
    left: auto;
    top: calc(407vw / var(--context));
    right: calc(160vw / var(--context));
  }
  .pdp-hotspot-content-wrap .hover_effect.four {
    left: calc(70vw / var(--context));
    top: calc(597vw / var(--context));
  }

  /*.....lookbook-kt-tape-pro..... */
  .lookbook-kt-tape-pro .pdp-hotspot-content-wrap .hover_effect.one {
    left: calc(93vw / var(--context));
    top: calc(303vw / var(--context));
  }
  .lookbook-kt-tape-pro .pdp-hotspot-content-wrap .hover_effect.two {
    top: calc(339vw / var(--context)) !important;
    right: calc(0vw / var(--context)) !important;
  }
  .lookbook-kt-tape-pro .pdp-hotspot-content-wrap .hover_effect.three {
    top: calc(370vw / var(--context));
    right: calc(101vw / var(--context));
  }
  /*...   .lookbook-kt-tape-pro-extreme-tone-series ... */

  .lookbook-kt-tape-pro-extreme-tone-series
    .pdp-hotspot-content-wrap
    .hover_effect.one {
    left: calc(-13vw / var(--context));
    top: calc(216vw / var(--context));
  }
  .lookbook-kt-tape-pro-extreme-tone-series
    .pdp-hotspot-content-wrap
    .hover_effect.two {
    left: auto;
    right: calc(155vw / var(--context)) !important;
    top: calc(341vw / var(--context)) !important;
  }
  .lookbook-kt-tape-pro-extreme-tone-series
    .pdp-hotspot-content-wrap
    .hover_effect.three {
    left: auto;
    top: calc(475vw / var(--context));
    right: calc(49vw / var(--context));
  }

  /*   ....lookbook-kt-tape-pro-extreme.... */

  .lookbook-kt-tape-pro-extreme .pdp-hotspot-content-wrap .hover_effect.one {
    left: calc(9vw / var(--context)) !important;
    top: calc(265vw / var(--context));
  }
  .lookbook-kt-tape-pro-extreme .pdp-hotspot-content-wrap .hover_effect.two {
    left: auto;
    right: calc(260vw / var(--context)) !important;
    top: calc(416vw / var(--context)) !important;
  }
  .lookbook-kt-tape-pro-extreme .pdp-hotspot-content-wrap .hover_effect.three {
    left: auto;
    top: calc(433vw / var(--context));
    right: calc(108vw / var(--context));
  }
  /* ...lookbook-kt-tape-pro-wide....... */
  .lookbook-kt-tape-pro-wide .pdp-hotspot-content-wrap .hover_effect.one {
    top: calc(431vw / var(--context));
    right: calc(305vw / var(--context));
    left: auto;
  }
  .lookbook-kt-tape-pro-wide .pdp-hotspot-content-wrap .hover_effect.two {
    left: auto;
    right: calc(97vw / var(--context)) !important;
    top: calc(480vw / var(--context)) !important;
  }
  .lookbook-kt-tape-pro-wide .pdp-hotspot-content-wrap .hover_effect.three {
    left: auto;
    top: calc(374vw / var(--context));
    right: calc(149vw / var(--context));
  }

  /*   .lookbook-kt-tape-gentle-tape-1... */
  .lookbook-kt-tape-gentle-tape-1 .pdp-hotspot-content-wrap .hover_effect.one {
    left: calc(268vw / var(--context));
    top: calc(219vw / var(--context));
  }
  .lookbook-kt-tape-gentle-tape-1 .pdp-hotspot-content-wrap .hover_effect.two {
    left: auto;
    right: calc(39vw / var(--context)) !important;
    top: calc(315vw / var(--context)) !important;
  }
  .lookbook-kt-tape-gentle-tape-1
    .pdp-hotspot-content-wrap
    .hover_effect.three {
    left: auto;
    top: calc(222vw / var(--context));
    right: calc(110vw / var(--context));
  }

  /*   ....lookbook-kt-tape-original-cotton .... */
  .lookbook-kt-tape-original-cotton
    .pdp-hotspot-content-wrap
    .hover_effect.one {
    left: calc(119vw / var(--context));
    top: calc(158vw / var(--context));
  }
  .lookbook-kt-tape-original-cotton
    .pdp-hotspot-content-wrap
    .hover_effect.two {
    left: auto;
    right: calc(117vw / var(--context)) !important;
    top: calc(348vw / var(--context)) !important;
  }
  .lookbook-kt-tape-original-cotton
    .pdp-hotspot-content-wrap
    .hover_effect.three {
    left: auto;
    top: calc(284vw / var(--context));
    right: calc(-7vw / var(--context));
  }
  .lookbook-kt-tape-original-cotton
    .pdp-hotspot-content-wrap
    .hover_effect
    .element
    h3.active
    svg
    path {
    fill: var(--color-white);
  }
  .hover_effect .element h3.active,
  .hover_effect .element h3.active {
    background: #f26729;
    z-index: 9;
  }
  .pdp-hotspot-content-wrap .hover_effect.one h3.active {
    border-color: var(--orange);
  }

  .pdp-hotspot-content-wrap h1 {
    margin-top: 0;
  }
  .custom-col-6 {
    width: 100%;
  }
  .pdp-gallery-section .pdp-gallery-wrapper.row {
    display: block;
  }
  .pdp-hotspot-content-wrap .hover_effect .element > div {
    display: none;
  }
  .pdp-hotspot-content-wrap .hover_effect h3 {
    width: calc(43.1vw / var(--context));
    height: calc(43.1vw / var(--context));
  }
  .pdp-hotspot-content-wrap
    .mobile-hotspot-tab-content-wrapper
    .hover_effect
    .element
    > div {
    display: block;
  }

  .pdp-hotspot-content-wrap {
    height: 100%;
  }
  .pdp-hotspot-content-wrap .mobile-hotspot-tab-content-wrapper div {
    position: unset !important;
  }
  .pdp-hotspot-content-wrap .mobile-hotspot-tab-content-wrapper {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 100%;
  }
  .pdp-hotspot-content-wrap
    .mobile-hotspot-tab-content-wrapper
    .hover_effect
    .element
    > div {
    width: auto;
    height: auto;
  }
  .pdp-hotspot-content-wrap
    .mobile-hotspot-tab-content-wrapper
    .hover_effect
    .element
    > div
    .tooltip-context {
    margin: 0 auto;
  }
  .pdp-hotspot-content-wrap
    .mobile-hotspot-tab-content-wrapper
    .hover_effect
    .element
    > div {
    width: auto;
    height: auto;
    transform: none;
    padding: 0;
  }
  .template-product
    .pdp-hotspot-content-wrap
    .mobile-hotspot-tab-content-wrapper
    .hover_effect {
    position: absolute !important;
    bottom: calc(32vw / var(--context));
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
  }
  .pdp-hotspot-content-wrap
    .mobile-hotspot-tab-content-wrapper
    .hover_effect
    .element
    > div
    .tooltip-context
    a {
    display: flex;
    justify-content: center;
    color: #333f4c;
  }
  .pdp-hotspot-content-wrap
    .mobile-hotspot-tab-content-wrapper
    .hover_effect
    .element
    > div
    .tooltip-context {
    width: calc(240vw / var(--context));
  }
  .pdp-hotspot-content-wrap
    .mobile-hotspot-tab-content-wrapper
    .hover_effect
    .element
    > div
    h6 {
    text-align: center;
    margin-bottom: calc(27vw / var(--context));
    margin-left: 0;
  }
  .pdp-hotspot-content-wrap
    .hover_effect
    .element
    > div
    .tooltip-context
    ul
    li
    p,
  .pdp-hotspot-content-wrap
    .hover_effect
    .element
    > div
    .tooltip-context
    ul
    li:last-child
    p {
    margin-bottom: calc(24vw / var(--context));
  }
  .pdp-hotspot-content-wrap
    .mobile-hotspot-tab-content-wrapper
    .hover_effect
    .element
    > div
    h6,
  .pdp-hotspot-content-wrap
    .hover_effect
    .element
    > div
    .tooltip-context
    ul
    li
    p {
    color: #333f4c;
  }
  .pdp-hotspot-content-wrap
    .mobile-hotspot-tab-content-wrapper
    .hover_effect:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 10px;
    height: 10px;
    background: #333f4c;
    border-radius: 50%;
    left: 50%;
    top: calc(-31vw / var(--context));
  }
  .pdp-hotspot-content-wrap .hover_effect .element:hover h3 + div {
    display: none !important;
  }
  .pdp-hotspot-content-wrap
    .mobile-hotspot-tab-content-wrapper
    .hover_effect.active:before {
    background: var(--orange);
  }
  .pdp-hotspot-content-wrap
    .mobile-hotspot-tab-content-wrapper
    .hover_effect.one:before {
    left: calc(149vw / var(--context));
  }
  .pdp-hotspot-content-wrap
    .mobile-hotspot-tab-content-wrapper
    .hover_effect.two:before {
    left: calc(170vw / var(--context));
  }
  .pdp-hotspot-content-wrap
    .mobile-hotspot-tab-content-wrapper
    .hover_effect.three:before {
    left: calc(190vw / var(--context));
  }
  .pdp-hotspot-content-wrap
    .mobile-hotspot-tab-content-wrapper
    .hover_effect.four:before {
    left: calc(211vw / var(--context));
  }
  .pdp-hotspot-content-wrap
    .mobile-hotspot-tab-content-wrapper
    .hover_effect:before {
    display: none;
  }
  .pdp-hotspot-content-wrap
    .mobile-hotspot-tab-content-wrapper
    .hover_effect
    .tooltip-context {
    opacity: 0;
    visibility: hidden;
    transform: translateY(40px);
    transition: 0.6s ease-in;
  }
  .pdp-hotspot-content-wrap
    .mobile-hotspot-tab-content-wrapper
    .hover_effect.active
    .tooltip-context {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
  }
  .hover_effect h3.active {
    background: var(--orange);
    border-color: var(--orange);
  }
  .hover_effect .element > div a {
    font-size: calc(12vw / var(--context));
  }
  .hover_effect .element > div p {
    font-size: calc(10vw / var(--context));
  }
  .yotpo-display-s
    .yotpo-filters-container
    .yotpo-filters-container-inner
    .yotpo-filters-top-panel {
    width: 76%;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-basis: 97%;
  }
}
.var_image {
  display: none;
}
.modal__inner .var_image {
  display: none;
}

/* 13th march css.... */

.modal-open .modal:before {
  animation: overlay-on-custom 0.5s forwards;
  cursor: pointer;
  background: #24272a;
  mix-blend-mode: multiply;
}
.modal__inner .product__thumbs--beside.product__thumbs-placement--left {
  display: none !important;
}
.modal.modal--square.modal--quick-shop .modal__inner {
  margin: 40px 50px;
  max-width: calc(100% - 100px);
}
.modal__inner .modal__centered .modal__centered-content {
  max-height: 90vh;
  max-width: 1440px !important;
}
.modal__inner
  .medium-up--one-half.product-single__sticky
  + div
  > .product-single__meta
  > div.data-blocks-wrapper-custom {
  display: flex;
}
.modal__inner .secondary-image-wrapper {
  margin-top: -100px;
  width: 39%;
}
.modal__inner .product-detail-wrapper {
  flex: 1;
}
.modal__inner .secondary-image-wrapper .var_image {
  height: 100%;
  max-height: 90vh;
}
.modal__inner .secondary-image-wrapper .var_image img {
  height: auto;
  object-fit: scale-down;
  width: 100%;
}
/* .modal__inner .grid.grid--product-images--partial.no-custom-sec-image .medium-up--one-half.product-single__sticky,
.modal__inner .grid.grid--product-images--partial.no-custom-sec-image .medium-up--one-half.product-single__sticky+div  {
  width: 50%!important
} */
.modal--square .modal__close {
  background: #fff;
  margin-right: 15px;
  margin-top: 15px;
}
.modal__inner .medium-up--one-half.product-single__sticky {
  width: 40%;
  padding-left: 0;
}
.modal__inner .medium-up--one-half.product-single__sticky + div {
  width: 60%;
}
.modal__inner
  .medium-up--one-half.product-single__sticky
  + div
  > .product-single__meta {
  padding-left: 0;
}

@media (max-width: 992px) {
  .modal__inner
    .medium-up--one-half.product-single__sticky
    + div
    > .product-single__meta
    > div.data-blocks-wrapper-custom {
    display: block;
  }
  .modal__inner .secondary-image-wrapper {
    margin-top: 0px;
  }
  .modal__inner .secondary-image-wrapper {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .template-product .grid-overflow-wrapper .grid__item {
    width: 31vw;
    flex: 0 0 31vw;
  }
}

@media (max-width: 770px) {
  .modal__inner .medium-up--one-half.product-single__sticky + div,
  .modal__inner .medium-up--one-half.product-single__sticky,
  .modal__inner
    .grid.grid--product-images--partial.no-custom-sec-image
    .medium-up--one-half.product-single__sticky,
  .modal__inner
    .grid.grid--product-images--partial.no-custom-sec-image
    .medium-up--one-half.product-single__sticky
    + div {
    width: 100% !important;
  }
  .modal__inner
    .medium-up--one-half.product-single__sticky
    + div
    > .product-single__meta
    .product-block {
    text-align: left;
  }
  .modal__inner .custom-field__product-bullets ul {
    margin: 25px 15px;
    text-align: left;
  }
  .modal__inner
    .medium-up--one-half.product-single__sticky
    + div
    > .product-single__meta
    > div.data-blocks-wrapper-custom {
    display: block;
  }
  .modal__inner .secondary-image-wrapper {
    margin-top: 0px;
  }
  .featured-product-section .modal--square .modal__close {
    margin-right: 20px;
    margin-top: 15px;
  }
  .modal__inner .product__main-photos .flickity-page-dots {
    display: none;
  }
  .modal.modal--square.modal--quick-shop .modal__inner {
    margin: 40px 20px;
    max-width: calc(100% - 40px);
  }
  .modal__inner .product__main-photos {
    margin-bottom: 30px;
    margin-left: 0;
    margin-right: -17px;
    border-bottom: 6px solid #fff;
  }
  .modal__inner
    .medium-up--one-half.product-single__sticky
    + div
    > .product-single__meta
    .product-block {
    margin-bottom: 15px;
  }
  .modal__inner
    .medium-up--one-half.product-single__sticky
    + div
    > .product-single__meta
    .product-block.product-block--price {
    margin-bottom: 12px;
  }
  .modal__inner .custom-field__product-bullets ul {
    margin-top: 12px;
  }
  .modal__inner .custom-field__product-bullets ul li {
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 0;
  }
  .modal__inner .variant-input .color-swatch {
    height: 22px;
    width: 22px;
    padding: 0;
  }
  .modal__inner .product__price {
    color: #333f4c;
  }
  .modal__inner .color-swatch:before {
    border-radius: 100%;
    border-width: 4px;
    top: -1px;
    left: -1px;
    right: -2px;
    bottom: -2px;
  }
}
/*Article page */
nav.breadcrumb.breadcrumbs-article {
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}

.article-title-nolink {
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  color: #939393;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
}
/*Article page */

.modal-open .modal:before {
  width: 100vw;
  /*     left: -28px; */
}
.modal--is-active {
  display: flex !important;
  overflow: hidden;
  width: 100vw;
  /*     left: -30px; */
}
.modal-open .modal:before {
  left: 0;
}
html.modal-open .custom-slider .slick-track {
  transform: inherit !important;
}
html.modal-open .custom-slider .slick-list {
  transform: inherit !important;
}
@media (max-width: 767.5px) {
  .collection-grid__wrapper
    .grid__item
    .grid-product__content
    .grid-product__meta,
  .template-collection .yotpo-reviews-star-ratings-widget {
    display: block;
    text-align: left;
    justify-content: left !important;
  }
  .collection-grid__wrapper
    .grid__item
    .grid-product__content
    .grid-product__title {
    font-size: calc(16vw / var(--context));
    line-height: 1.2;
  }
  .collection-grid__wrapper .title-uppercase {
    font-size: calc(14vw / var(--context));
    line-height: 1.2;
  }
  .featured-box .quick-product__btn {
    display: block !important;
    pointer-events: all;
  }
  .grid-overflow-wrapper .grid__item {
    display: inline-table;
  }
  .modal__inner .medium-up--one-half.product-single__sticky {
    width: 100%;
    padding-left: 0;
    position: unset;
    /*     margin-bottom: 30px; */
  }
  .modal__inner .medium-up--one-half.product-single__sticky + div {
    width: 100%;
  }
  .modal.modal--square.modal--quick-shop .modal__inner {
    max-width: calc(100% - 100px);
  }
  .custom-slider {
    transform: inherit !important;
  }
  .grid-overflow-wrapper .custom-slider .grid__item:first-child {
    margin-left: 0;
  }
  .you-may-like-wrapper .grid-overflow-wrapper {
    overflow: hidden !important;
  }
  .template-index .you-may-like-wrapper .custom-slider {
    padding-bottom: 50px;
  }
  .custom-slider {
    padding-bottom: calc(30vw / var(--context));
  }
  .custom-slider .slick-dots {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    bottom: calc(-14vw / var(--context));
  }
  .custom-slider .slick-dots li {
    list-style: none;
    color: transparent;
    padding: 0;
    display: flex;
    align-items: center;
  }
  .custom-slider .slick-dots li button {
    width: 10px;
    height: 10px;
    background: #bfcfcc;
    border-radius: 50%;
    padding: 0;
    margin-right: 10px;
  }
  .custom-slider .slick-dots li:last-child button {
    margin-right: 0;
  }
  .custom-slider .slick-dots li.slick-active button {
    background: #d74e27;
  }
  .you-may-like-wrapper .section-header .btn-wrapper {
    display: none;
  }
  .you-may-like-wrapper .section-header {
    justify-content: center;
    align-items: center;
  }
  .you-may-like-wrapper .section-header {
    padding: 0 15px;
  }
  .template-collection .yotpo-reviews-star-ratings-widget .yotpo-widget-clear {
    margin: calc(3vw / var(--context)) 0;
  }
  .template-collection
    .yotpo-reviews-star-ratings-widget
    .yotpo-widget-clear
    .star-container
    svg {
    width: auto;
    height: auto;
  }
  .template-collection .grid__image-ratio img.grid__image-contain {
    object-fit: cover;
  }
  .template-product .grid-overflow-wrapper .grid__item {
    width: 50%;
    flex: 0 0 50%;
    padding: 0 calc(10vw / var(--context));
    margin: 0;
    margin-bottom: calc(20vw / var(--context));
  }
  .template-product .grid-overflow-wrapper .grid {
    flex-wrap: wrap;
    margin: 0;
  }
  /*   .template-product .grid__item .grid-product__content .grid-product__meta {
    flex-direction: column;
  }
  .template-product  .grid__item .grid-product__content .grid-product__title {
    font-size: calc(16vw / var(--context));
  } */
  /*   .page-content--product .product-single__meta {
    text-align: left;
  } */
  .pdp-hotspot-content-wrap:before {
    content: "";
    position: absolute;
    left: -2px;
    right: 0;
    width: 100%;
    height: calc(132vw / var(--context));
    background: rgba(255, 255, 255, 0.85);
    top: -6px;
  }
  .pdp-hotspot-content-wrap h6,
  .pdp-hotspot-content-wrap h1,
  .pdp-hotspot-content-wrap .desc {
    position: relative;
  }
}

@media (max-width: 576px) {
  .template-index .you-may-like-wrapper .grid .grid__item {
    padding: 0 calc(10vw / var(--context));
  }
  .template-index .you-may-like-wrapper .grid {
    display: flex;
    align-items: flex-start;
  }
  .modal--is-active {
    width: 100%;
  }
  .modal.modal--square.modal--quick-shop .modal__inner {
    max-width: calc(100% - 40px);
  }
}
.title-uppercase {
  text-transform: uppercase;
  font-family: "Barlow";
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0em;
  text-align: left;
  color: #333f4c;
}
.margin-date {
  margin-top: 15px;
}
/* html.modal-open .custom-slider .slick-track {
  transform: none!important;
    width: 100%!important;
} */

/* App Launch CSS */
.app-button-row {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.app-download-button,
.app-learn-button {
  margin-right: 20px;
}
.app-hero-content-wrapper {
  left: 10%;
}
.app-hero-content-wrapper .content-box p {
  font-size: calc(24vw / var(--context));
}
.cta_text p {
  margin-top: 100px;
  font-size: calc(32vw / var(--context));
}
a.app-learn-button {
  border-radius: 5px;
  padding: calc(12vw / var(--context)) calc(20vw / var(--context));
  max-height: 40px;
  font-size: calc(14vw / var(--context));
}
.app-hero-content-wrapper h2.h1 {
  font-size: calc(var(--typeHeaderSize)*1.2);
  line-height: 1.05;
}

 .screenshot-grid {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
  }
  .screenshot-grid .grid__item {
    width: unset;
    margin-bottom: 20px;
  }
@media (max-width: 767.5px) {
  .proextreme-section .app-hero-content-wrapper {
    top: 47%;
    right: 0;
    left: 5%;
  }
    .template-page-kt-mobile-app .proextreme-section .app-hero-content-wrapper {
    top: 44%;
    right: 0;
    left: 5%;
  }
  .proextreme-section .app-hero-content-wrapper .content-box {
    padding: 0;
  }
  .app-hero-content-wrapper h2.h1 {
    font-size: calc(var(--typeHeaderSize)*.85);
    text-align: left;
  }
  .cta_text p {
    margin-top: 40px;
  }
  .app-download-button {
    margin-bottom: 20px;
  }
  a.app-learn-button {
  max-height: 50px;
}
  .template-page-kt-mobile-app .proextreme-section {
    margin-bottom: 0;
    border-bottom: 1px solid var(--colorSmallImageBg);
  }
    .screenshot-grid .grid__item {
    width: 50%;
  }
}

.app-button-row a.app-download-button:after {
  display: none;
}

@media only screen and (min-width: 768px) and (max-width: 1023.5px) {
  a.app-learn-button {
    padding: calc(20vw / var(--context)) calc(20vw / var(--context));
    font-size: calc(25vw / var(--context));
  }
  .app-hero-content-wrapper h2.h1 {
    font-size: calc(var(--typeHeaderSize)*.85);
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
  a.app-learn-button {
    padding: calc(12vw / var(--context)) calc(20vw / var(--context));
  }
}
}
@media only screen and (min-width: 1280.5px) {
  a.app-learn-button {
    padding: calc(8vw / var(--context)) calc(20vw / var(--context));
  }
}
@media only screen and (min-width: 1650.5px) {
  a.app-learn-button {
    padding: calc(5vw / var(--context)) calc(20vw / var(--context));
  }
}

/* Professional Pricing Page */
.professional-pricing-section .page-width .grid__item .rte-setting p,
.professional-pricing-section .page-width .grid__item h3 {
  text-align: left;
}

.professional-pricing-section .page-width .grid__item .rte-setting .image-wrap {
  background: none;
}

.professional-pricing-section .page-width .grid__item .rte-setting p {
  text-transform: none;
  line-height: 1.5;
  font-size: 15px;
}

.professional-pricing-section.page-width .grid__item .rte-setting h3 {
  margin-top: 15px;
  font-size: 15px;
}

.professional-pricing-section .page-width .grid__item .rte-setting .btn--primary {
  margin: 0;
}

.professional-pricing-section .page-width .grid__item .rte-setting .professional-logo-wrap {
  display: flex;
  align-items: center;
  height: 60px;
}

.professional-pricing-section .page-width .grid__item .rte-setting h3.professional-column-heading {
  color: #fff;
  font-size: 22px;
  margin-bottom: 18px;
}

@media only screen and (max-width: 767.5px) {
  .professional-pricing-section .page-width .grid__item.text-left .rte-setting p,
  .professional-pricing-section .page-width .grid__item.text-left h3,
  .professional-pricing-section .page-width .grid__item.text-left a.btn,
   .professional-pricing-section .page-width .grid__item.text-left {
    text-align: center !important;
  }
  
  .professional-pricing-section .page-width .grid__item .professional-logo-wrap img {
    max-width: 160px;
    margin: 0 auto 30px;
  }
}