/** Shopify CDN: Minification failed

Line 112:21 Expected identifier but found whitespace
Line 112:23 Unexpected "{"
Line 112:32 Expected ":"

**/
/* Font import */
  @font-face {
    font-family: 'Subjectivity';
    src: url('/cdn/shop/files/Subjectivity-Regular.woff?v=1692163833') format('woff');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Subjectivity';
    src: url('/cdn/shop/files/Subjectivity-Medium.woff?v=1692163731') format('woff');
    font-weight: 500;
    font-style: normal;
  }

  @font-face {
    font-family: 'Subjectivity';
    src: url('/cdn/shop/files/Subjectivity-Bold.woff?v=1692163732') format('woff');
    font-weight: bold;
    font-style: normal;
  }
/* Font import */


.hero-banner .image-with-text__text p {
    color: #FFF;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 164%;
}

.hero-banner a.button.button--primary {
    color: #000 !important;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    background: #fff;
    cursor:pointer;
}

.hero-banner .button:after{
  box-shadow:none;
}
.hero-banner .image-with-text__media img {
    /* position: absolute; */
    width: 300px !important;
    height: 300px !important;
    top: 40% !important;
    left: 15% !important;
}
.hero-banner .image-with-text__content {
    padding: 6rem 0rem 7rem;
}


.why-immaginal {
    display: flex;
    justify-content: space-between;
    column-gap: 100px;
    margin: 100px 0;
}
.imaginal-image {
    width: 521px;
}

.imaginal-image img {
    width: 100%;
}

.imaginal-detail h2 {
    color: #000;
    text-align: center;
    font-family: Subjectivity;
    font-size: 75px;
    font-style: normal;
    font-weight: 700;
    line-height: 100px;
}
.imaginal-detail {
    width: calc(100% - 521px);
}
.btn-tag {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    max-width: 100%;
}
.btn-tag a:nth-child(1), .btn-tag a:nth-child(2), .btn-tag a:nth-child(4), .btn-tag a:nth-child(3) {
    width: auto;
    margin-left: 20px;
    margin-bottom: 20px;
}

.btn-tag a {
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    border-radius: 50px;
    background-color: {{ section.settings.background-color }};
    padding: 25px 30px;
    color: #000;
    font-family: Poppins;
    font-weight: 600;
    font-style: normal;
    text-transform: capitalize;
    text-decoration: none;
}

.page-width {
    max-width: 1400px;
}
.btn-tag a:nth-child(3) {
    margin-left: 0;
}

.ib-block-image-outter {
    display: flex;
}

.ib-block.block-img-title {
    background: #CCFFC4;
}
.left-inner,
.right-inner{
    display: flex;
    column-gap: 21px;
    align-items: center;
}
.left-blocks-content h3,
.right-blocks-content h3{
    color: #000;
    font-family: Subjectivity;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
}

.left-blocks-content p,
.right-blocks-content p {
    color: #7F8283;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.ib-block-section {
    padding: 80px 0;
}

.youtube-video-sec span {
    color: #000;
    font-family: Subjectivity;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 80px;
}
.featured-collection-custom .color-background-1.isolate.gradient {
    background: transparent;
}

.featured-collection-custom .card.card--card.card--media.color-background-1.gradient {
    background: transparent;
}


/* Yogesh CSS */

.featured-collection-custom .card--card:after,.featured-collection-custom .button:after{
  box-shadow:none;
}
.featured-collection-custom .quick-add__submit.button span:before {
    content: '+';
    margin-right: 5px;
}
.quick-add__submit.button {
    background: #B2D334;
}

.slide-text:before {
    content: '';
    width: 103px;
    height: 100%;
    /* left: -103px; */
    left:-102px;
    background: #018cc2;
    position: absolute;
}
.featured-collection-custom h2.title.h1 b {
    color: #593A86;
}

/* Fonts */
.quick-add__submit.button {
    background: #B2D334;
    color: #000;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}
.price__container{
    color: #000;
    text-align: center;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 38.4px */
}
.card__heading.h2 a {
    color: #000;
    text-align: center;
    font-family: Subjectivity;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 115.385% */
}
.featured-collection-custom h2.title.h1 {
    color: #000;
    text-align: center;
    font-family: Subjectivity;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 80px;
}


.Hero-banner h2.banner__heading.h1 span {
    color: #FFF;
    font-family: Subjectivity;
    font-size: 75px;
    font-style: normal;
    font-weight: 400;
    line-height: 80px; /* 133.333% */
}

.Hero-banner h2.banner__heading.h1 {
    color: #FFF;
    font-family: Subjectivity;
    font-size: 75px;
    font-style: normal;
    font-weight: 700;
    line-height: 100px;
}
.Hero-banner .banner__text span {
    font-size: 18px !important;
}

.banner__text.body span {
    color: #FFF;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 38.4px */
}

.banner__buttons a.button.button--primary {
    color: #018CC2;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px; /* 100% */
    padding: 28px 70px;
}

.custom-text-wrapper h2 {
    color: #000;
    font-family: Subjectivity;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 70px; /* 116.667% */
    margin: 0;
    margin-bottom: 30px;
}

.custom-text-wrapper p {
    color: #000;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
}

h2.recent-posts-heading {
    color: #000;
    font-family: Subjectivity;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 80px; /* 133.333% */
}

/* Fonts end */

/* Yogesh CSS end */


h2.image-with-text__heading.h0 {
    font-family: Subjectivity;
    font-size: 75px;
    font-style: normal;
    font-weight: 700;
}

.image-with-text__text a.button.button--primary {
    color: #000;
}
.image-with-text__heading span {
    font-weight: normal;
}

.left-blocks {
    width: 100%;
}

.right-blocks {
    width: 100%;
}
.collection__title h2.title.h1 {
    color: #000;
    text-align: center;
    font-family: Subjectivity;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 80px;
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
}

.collection__title h2.title.h1 span {
    color: #593A86;
}

.banner__heading span {
    color: #FFF;
    font-family: Subjectivity;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 80px;
}
.banner__box .banner__text span {
    color: #FFF;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.banner__content .banner__box a.button.button--primary {
    color: #018CC2;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    background:#fff;
}

.Hero-banner .banner__content .banner__box a.button.button--primary {
    color:#000 !important;
}

.Hero-banner .button:after{
    box-shadow:unset;
}

.banner--medium.banner--desktop-transparent .banner__box {
    max-width: 75rem !important;
}
.custom-video-text-container .custom-text-wrapper h2 {
    color: #000;
    font-family: Subjectivity;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 70px;
}

.custom-video-text-container .custom-text-wrapper p {
    color: #000;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.offer-title {
    display: flex;
    border-radius: 20px 20px 0px 0px;
    background: #E8F9FF;
    padding: 38px 50px;
    column-gap:35px;
    max-width:1300px;
}
.offer-heading {
    max-width: 50%;
    color: #000;
    font-family: Subjectivity;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 80px;
}

.offer-desc p {
    color: #000;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.offer-heading span {
    color: #593A86;
    font-family: Subjectivity;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 80px;
}
.offer-desc {
    width: 50%;
}

.banner__buttons a.button.button--primary {
    padding: 25px 20px;
}

@media  (max-width:1439px){
  .Hero-banner h2.banner__heading.h1,
  .Hero-banner h2.banner__heading.h1 span{
    font-size:52px;
    line-height:67px;
  }
}

@media  (max-width:1365px){
  .Hero-banner h2.banner__heading.h1,
  .Hero-banner h2.banner__heading.h1 span{
    font-size:48px;
    line-height:65px;
  }
}
@media  (max-width:1199px){
  .Hero-banner h2.banner__heading.h1,
  .Hero-banner h2.banner__heading.h1 span{
    font-size:38px;
    line-height:55px;
  }
   h2.image-with-text__heading.h0,
  .image-with-text__heading span {
    font-size: 49px;
  }
  .why-immaginal {
    flex-wrap: wrap;
    justify-content: center;
  }
  .imaginal-detail {
    width: 65%;
  }
  .imaginal-detail h2{
    font-size:64px;
  }
  .offer-heading, .offer-heading span{
    font-size:45px;
    line-height:60px
  }
  .banner__heading span {
     font-size: 45px;
    line-height: 60px;
  }
  .banner__box .banner__text span{
    font-size:18px;
  }
  .custom-video-text-container .custom-text-wrapper h2 {
    font-size: 50px;
    line-height: 57px;
  }
}

@media (max-width:1024px){
  .imaginal-detail {
    width:100%;
  }
  .ib-block-image-outter {
    flex-wrap: wrap;
  }
  .ib-block-img {
    margin: 0 auto;
  }
 .imaginal-detail h2 {
    margin: 0;
  }
  .collection__title h2.title.h1{
    font-size:52px;
  }
  .custom-text-wrapper {
    flex-basis: 100%;
   }
  .offer-heading, .offer-heading span {
    font-size: 38px;
    line-height: normal;
  }
  h2.image-with-text__heading.h0{
    font-size:42px;
  }
  .Hero-banner h2.banner__heading.h1,
  .Hero-banner h2.banner__heading.h1 span{
    font-size:38px;
    line-height:55px;
  }
  .offer-heading, .offer-heading span, .banner__heading span {
    font-size: 32px;
    line-height: 40px;
  }
  .banner__buttons a.button.button--primary {
    padding: 15px 20px;
  }
  .banner--medium.banner--desktop-transparent .banner__box {
    max-width: 40rem!important;
  }
  .offer-title {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }
  .custom-text-wrapper {
    flex-basis: 100% !important;
    max-width: 100% !important;
    text-align: center;
  }

  
.banner__content .slideshow__text.banner__box{
    max-width:100% !important;
}
}

@media (max-width:797px){
   div#klaviyo-form {
    padding: 0 20px;
  }
}

@media (max-width:768px){
  h2.image-with-text__heading.h0, .image-with-text__heading span{
    font-size:32px;
  }
  .hero-banner .image-with-text__text p{
    font-size:12px;
  }
}

.color-transparent {
    background: transparent;
}

.slideshow__text.banner__box{
  max-width:60% !important;
}

.slides-wrapper,
.recent-posts-heading{
    padding: 0 20px;
}

@media (max-width:425px){
  .Hero-banner .banner__text span {
    font-size: 14px !important;
}
  .Hero-banner h2.banner__heading.h1, .Hero-banner h2.banner__heading.h1 span {
    font-size: 32px;
    line-height: 40px;
}
  .banner__content .banner__box a.button.button--primary {
    font-size: 14px;
 }
}

@media (max-width:375px){
  .offer-heading, .offer-heading span, .banner__heading span {
    font-size: 28px;
 }
  .custom-video-text-container .custom-text-wrapper p {
    font-size: 16px;
 }
}

.index .card--card .card__heading a:after,
.index .card--card:after,
.index .ratio:before{
  display:none;
}

html {
  scroll-behavior: smooth;
}
a.signup {
    text-decoration: underline;
    cursor: pointer;
    scroll-behavior: smooth;
  color: #ffffff
}

@media (max-width:525px){

.needsclick.kl-private-reset-css-Xuajs1 {
    flex-wrap: wrap;
    width: 100%;
}
}

.rte,
.page h1.main-page-title.page-title.h0 {
    padding: 0 15px;
}
.page h1.main-page-title.page-title.h0{
    text-align:center;
    font-family:Subjectivity;
    font-weight: 600;
}
.rte p strong {
    font-size: 20px;
}