/** Shopify CDN: Minification failed

Line 37:15 Expected identifier but found whitespace
Line 37:17 Unexpected "{"
Line 37:26 Expected ":"
Line 38:10 Expected identifier but found whitespace
Line 38:12 Unexpected "{"
Line 38:21 Expected ":"

**/
@import url('https://fonts.googleapis.com/css2?family=Imbue:opsz,wght@10..100,100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');


body
{
	/* font-family: 'Imbue', serif;*/
	/* font-family: 'Roboto Mono', monospace;*/
}


.main-banner-section .slider__slide {
    height: 1000px;
}
.custom-announcement-bar {
    background: #EEF8FE !important;
    padding: 10px 0;
    min-height: 33px;
}
.custom-announcement-bar .page-width.utility-bar__grid {
    padding: 0 !important;
    max-width: 100%;
}
.custom-announcement-bar {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: {{ section.settings.bg_color}};
    color: {{ section.settings.text_color}};
    border-top: 0;
    border-bottom: 0;
}

.custom-announcement-track {
    display: flex;
    width: max-content;
    animation: announcement-scroll 87s linear infinite;
    gap: 40px;
}
.custom-announcement-content {
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 0px 0;
}
.custom-announcement-item {
    display: flex;
    align-items: center;
    gap: 40px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    font-family: "Roboto Mono", monospace !important;
    color: #4E4E4E;
    line-height: 100%;
    letter-spacing: -2%;
    text-align: center;
    text-transform: uppercase;
}

body.inner-page header.header--top-center{
    background: #0678B7;
}
body.inner-page main#MainContent{
    padding: 180px 0 0;
}

.custom-announcement-item img {
  width: 14px;
  height: 14px;
  object-fit: contain;
}

@keyframes announcement-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.shopify-section-header-sticky.scrolled-past-header .header-wrapper header.page-width {
    background: #0b0a096e;
}
.header-wrapper {
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 6;
}
.header-wrapper header.page-width {
    width: 100%;
    max-width: 100%;
    padding: 10px 0 !important;
}
.tmenu_item--root>.tmenu_item_link {
    font-family: "Roboto Mono", monospace !important;
    font-weight: 300 !important;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -2%;
    color: #ffff;
    text-decoration: none;
}
nav.header__inline-menu  ul.list-menu.list-menu--inline a.list-menu__item {
    font-family: "Roboto Mono", monospace !important;
    font-weight: 300 !important;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -2%;
    color: #ffff;
    text-decoration: none;
    text-decoration: none;
}
nav.header__inline-menu ul.list-menu.list-menu--inline li {
    position: relative;
}



.tmenu_item--root>.tmenu_item_link:hover, nav.header__inline-menu  ul.list-menu.list-menu--inline a.list-menu__item:hover 
{
    color: #FEDF4E !important;
    text-decoration: none;
}
.tmenu_item--root>.tmenu_item_link:before, 
nav.header__inline-menu  ul.list-menu.list-menu--inline a.list-menu__item:before 
{
    position: absolute;
    left: 0;
    background: #FEDF4E;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
	opacity:0;
}
.tmenu_item--root>.tmenu_item_link:hover span.tmenu_item_text 
{
    text-decoration: none;
}
.tmenu_item--root>.tmenu_item_link:before:hover, 
nav.header__inline-menu  ul.list-menu.list-menu--inline a.list-menu__item:before:hover 
{
    opacity:1;
}
.header-wrapper header.page-width nav.header__inline-menu {
    width: 100%;
    text-align: center;
    border-top: 1px solid #FFFFFF61;
    border-bottom: 1px solid #FFFFFF61;
    padding: 10px 0;
}
.main-banner-section .slideshow__text.banner__box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 70.5rem;
    align-items: flex-start;
    padding: 0;
    background: transparent;
}
.main-banner-section h2.banner__heading.inline-richtext.h1 {
    font-weight: 200;
    font-size: 174px;
    line-height: 164.58px;
    letter-spacing: -2%;
    color: #fff;
    font-family: "Imbue", serif;
    text-align: left;
    padding-bottom: 120px;
}
.main-banner-section h2.banner__heading.inline-richtext.h1 strong {
    font-weight: 200;
    margin-top: 50px;
    position: relative;
    top: 120px;
    margin: 0;
    left: -10px;
}
.header-wrapper header.page-width nav.header__inline-menu ul {
    gap: 30px;
}
nav.header__inline-menu ul.list-menu.list-menu--inline a.list-menu__item:hover:before {
    opacity: 1;
}
.main-banner-section  .banner__text.rte p {
    font-family: "Roboto Mono", monospace !important;
    font-weight: 300;
    font-size: 22px;
    line-height: 29px;
    letter-spacing: -2%;
    text-transform: capitalize;
    color: #fff;
    max-width:100%;
}
nav.header__inline-menu ul.list-menu.list-menu--inline a.list-menu__item[aria-current="page"] span {
    color: #FEDF4E !important;
}
nav.header__inline-menu ul.list-menu.list-menu--inline a.list-menu__item[aria-current="page"]:before
{
	opacity:1;
}

.main-banner-section  .banner__buttons a.button {
    background: #FEDF4E;
    border-radius: 0;
    border: 0;
    height: 50px;
    font-family: "Roboto Mono", monospace !important;
    font-weight: 400;
    font-size: 16px;
    color: #182553;
    line-height: 100%;
    letter-spacing: -2%;
    vertical-align: middle;
    padding: 10px 30px;
    text-transform: capitalize;
    position: relative;
    transition: all .2s ease;
    overflow: hidden;
}
.main-banner-section  .banner__buttons a.button:hover
{
	background:#182553;
	color:#fff;
}
.main-banner-section  .banner__buttons a.button:before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 30px;
    height: 100%;
    background: none;
    transform: skew(-24deg);
    transition: left .4s ease;
    z-index: 5;
    border-left: 12px double #e9e9e9e6;
    border-right: 12px double #85b7f385;
    opacity: .5;
	    border-radius: 0;
}
nav.header__inline-menu ul.list-menu.list-menu--inline a.list-menu__item span {
    text-decoration: none;
}
.main-banner-section  .banner__buttons a.button:after
{
	display:none;
}
.main-banner-section  .banner__buttons a.button:hover:before {
    left: 120%;
}
.main-banner-section .banner__content {
    max-width: 1330px;
    padding: 0 !important;
}
.slideshow__text-wrapper.banner__content.banner__content--middle-right .slideshow__text.banner__box.content-container{
    align-items: self-end !important;
}
.slideshow__text-wrapper.banner__content.banner__content--middle-right .slideshow__text.banner__box.content-container .banner__text.rte p {
    text-align: right;
    max-width: 60%;
}
.slideshow__text-wrapper.banner__content.banner__content--middle-right .slideshow__text.banner__box.content-container .banner__text.rte {
    text-align: right;
    display: flex;
    width: 100%;
    justify-content: end;
}

.header__icon:not(.header__icon--summary) {
    background: #fff;
    border-radius: 50%;
    height: 35px;
    width: 35px;
}
.header__icons {
    gap: 8px;
}
.header__icon .icon {
    vertical-align: middle;
    color: #000 !important;
}
.header__icon:not(.header__icon--summary) {
    background: #fff;
    border-radius: 50%;
    height: 36px;
    width: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	position:relative;
}
.header__icon:not(.header__icon--summary) span.wishlist-count-bubble, .header__icon:not(.header__icon--summary) .cart-count-bubble {
    position: absolute;
    right: 0;
    background: #FEDF4E;
    width: 17px;
    height: 16px;
    border-radius: 50%;
    z-index: 3;
    top: -6px;
    color: #1E1E1E;
    font-size: 14px;
    font-weight: 400;
}
.header__icon:not(.header__icon--summary) img {
    width: 20px;
    height: 17px;
}
.header-wrapper header.page-width {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.header-top {
    display: flex;
    align-items: center;
    max-width: 100%;
    width: 100%;
    margin: auto;
    justify-content: space-between;
    max-width: 1320px;
}

.serch-out details-modal {
  display: block !important;
  visibility: visible !important;
}

.serch-out .search-modal__toggle {
  display: flex !important;
  visibility: visible !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  cursor: pointer;
  width: 35px;
  height: 35px;
  align-items: center;
  justify-content: center;
}

.serch-out .search-modal__toggle .svg-wrapper {
  display: none !important;
}

.serch-out .search-modal__toggle .visually-hidden {
  display: none !important;
}

.serch-out .search-modal__toggle::after {
  content: '';
  display: block !important;
  width: 28px;
  height: 28px;
  background-image: url('/cdn/shop/files/IconSearch.svg?v=1781237298');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.serch-out .header__icon .icon {
    color: #ffffff !important;
}
.banner__heading strong::after {
    animation: blink 0.8s infinite;
}

@keyframes blink {
    50% {
        opacity: 0;
    }
}
.main-banner-section .slideshow__controls {
    position: absolute;
    bottom: 20px;
    z-index: 4;
    left: 0;
    width: 100%;
    border: 0;
}
.main-banner-section .slideshow__controls button.slider-button {
    display: none;
}
.main-banner-section .slider-counter__link--dots .dot 
{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #fff !important;
    padding: 0;
    display: block;
}
.main-banner-section .slider-counter__link--active.slider-counter__link--dots .dot {
    background-color: #fff;
}
.main-banner-section  button.slider-counter__link {
    width: 25px;
    padding: 10px;
}
.home-why-choose {
    padding: 100px 0;
}
.home-why-choose .page-width {
    padding: 0;
    max-width: 1320px;
}
.home-why-choose .title-wrapper-with-link {
    text-align: center;
    width: 100%;
    justify-content: center;
}
.home-why-choose h2.title.inline-richtext.h1 {
    font-family: 'Imbue', serif;
    font-weight: 500;
    font-size: 46px;
    color: #182553;
    line-height: 100%;
    letter-spacing: -2%;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.home-why-choose  .multicolumn-card.content-container {
    background: transparent;
}
.home-why-choose .media.media--transparent.media--adapt img {
    max-width: 100%;
}
.home-why-choose h3.inline-richtext {
      font-family: 'Imbue', serif;
    font-weight: 500;
    font-weight: 500;
    font-size: 36px;
    color: #182553;
    line-height: 100%;
    letter-spacing: -2%;
    text-align: center;
    text-transform: capitalize;
}
.home-why-choose .rte p {
    font-family: 'Roboto Mono', monospace;
    font-weight: 400;
    color: #4E4E4E;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -2%;
    text-align: center;
}
.home-why-choose  .multicolumn-card__image-wrapper--third-width {
    width: auto;
    max-width: 110px;
}
.custom-our-story {
    padding: 100px 0 !important;
    background: #EEF8FE;
    position: relative;
}
.page-width {
    padding: 0;
    max-width: 1320px;
}
.custom-our-story  h2.image-with-text__heading {
     font-family: 'Imbue', serif;
    font-weight: 500;
    color: #182553;
    font-size: 46px;
    line-height: 100%;
    letter-spacing: -2%;
    text-transform: uppercase;
	color:#182553;
}
.custom-our-story  p.image-with-text__text.image-with-text__text--caption {
    font-family: 'Imbue', serif;
    font-weight: 300;
    color: #1E1E1E;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -2%;
    text-transform: unset;
}
.custom-our-story .image-with-text__text.rte.body p {
    font-family: Roboto Mono;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -2%;
    color: #4E4E4E;
}
.custom-our-story .image-with-text__media {
    border: 0;
}

.sun-rotate img {
animation: rotateIcon 49s linear infinite;
}

@keyframes rotateIcon {
	from{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(360deg);
	}
}
.custom-our-story .sun-rotate {
    position: absolute;
    right: 6%;
    top: 100px;
    width: auto;
}
.custom-our-story .image-with-text__grid:before {
    position: absolute;
    left: -130px;
    bottom: 10px;
    background: url(/cdn/shop/files/curve-line2.png?v=1781246228) center no-repeat;
    height: 50px;
    width: 110px;
    content: "";
    z-index: 3;

    animation: moveLeftRight 3s ease-in-out infinite;
}

@keyframes moveLeftRight {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(20px);
    }
    100% {
        transform: translateX(0);
    }
}
.custom-announcement-bar.custom-announcement-bar.yellow-layout {
    background: #fee04e !important;
    height: 67px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.custom-announcement-bar.yellow-layout .custom-announcement-item {
    color: #BD7800;
    font-family: 'Imbue', serif !IMPORTANT;
    font-weight: 500;
    font-size: 35px;
    line-height: 100%;
    letter-spacing: -2%;
    text-align: center;
    text-transform: uppercase;
}
.custom-announcement-bar.yellow-layout .custom-announcement-item img {
    width: 34px;
    height: 34px;
}
.cloud-top-shape {
    position: absolute;
    top: -60px;
    left: 0;
    width: 100%;
    height: 100px;
    overflow: hidden;
}
.custom-our-story .cloud-top-shape:before {
    position: absolute;
    left: -20%;
    top: 0;
    background: url(/cdn/shop/files/clloud-Vector-nww.png?v=1781256947) center top repeat;
    height: 100px;
    width: 130%;
    content: "";
    z-index: 3;
    animation: moveLeftRight 3s ease-in-out infinite;
    background-size: contain;
}
@keyframes moveLeftRight {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(20px);
    }
    100% {
        transform: translateX(0);
    }
}
.home-featured-main {
    padding: 100px 0 20px 0;
}
.home-featured-main > .collection {
    padding: 0;
}
.home-featured-main .collection-list-title  {
    font-family: 'Imbue', serif !important;
    font-weight: 500;
    font-size: 46px;
    color: #182553;
    line-height: 100%;
    letter-spacing: -2%;
    text-transform: uppercase;
}
.home-featured-main .title-wrapper-with-link {
    margin-bottom: 50px;
    text-align: center;
    justify-content: center;
}
.home-featured-main .page-width {
    max-width: 100%;
    width: 100%;
    padding: 0 30px;
}

.home-featured-main .grid {
    width: 100%;
    column-gap: 12px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-content: space-between;
}
.powr-popup.powrLoaded {
    display: none !important;
}
.home-featured-main .grid li {
    max-width: 100% !important;
    width: 100% !important;
}
.home-featured-main .grid li .card-wrapper {
    overflow: hidden;
    border-radius: 0px;
}
.home-featured-main .grid li .card-wrapper .card {
    border-radius: 0;
    position: relative;
}
.home-featured-main .grid li .card-wrapper .card .card__content {
    position: absolute;
    bottom: 36px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 4;
    flex-direction: column;
    display: flex;
    gap: 0px;
}
.home-featured-main .grid li {
    cursor: pointer;
}
.home-featured-main .grid li .card-wrapper .card .card__content h3.card__heading {
     font-family: 'Imbue', serif !important;
    font-weight: 400;
    font-size: 32px;
    color: #FFFFFF;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
}
.home-featured-main .grid li .card-wrapper .card .card__content h3.card__heading a
{
	text-decoration:none;
	color:#fff;
}

.home-featured-main .grid li .card-wrapper .card .ShopNow span {
    background: #FEDF4E;
    border-radius: 0;
    border: 0;
    height: 40px;
    font-family: "Roboto Mono", monospace !important;
    font-weight: 400;
    font-size: 16px;
    color: #182553;
    line-height: 100%;
    letter-spacing: -2%;
    vertical-align: middle;
    padding: 8px 20px;
    text-transform: capitalize;
    position: relative;
    transition: all .2s ease;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.home-featured-main .grid li:hover .card-wrapper .card .ShopNow span {
    background: #182553;
    color: #fff;
}
.home-featured-main .grid li .card-wrapper .card .ShopNow span:before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 30px;
    height: 100%;
    background: none;
    transform: skew(-24deg);
    transition: left .4s ease;
    z-index: 5;
    border-left: 12px double #e9e9e9e6;
    border-right: 12px double #85b7f385;
    opacity: .5;
    border-radius: 0;
}
.home-featured-main .grid li:hover .card-wrapper .card .ShopNow span:before {
    left: 120%;
}
.home-featured-main  .card__information span.icon-wrap {
    display: none;
}
.home-featured-main .grid li .card-wrapper::before {
    background: #5d9cd252;
    content: "";
    height: 100%;
    width: 100%;
    z-index: 99;
    position: absolute;
    z-index: 2;
	opacity:0;
}

.home-featured-main .grid li:hover .card-wrapper::before
{
	opacity:1;
}
.featured-banner-main {
    padding: 100px 0;
    min-height: 1000px !important;
}
.featured-banner-main .banner__box {
    background: transparent;
    padding: 0;
}
.featured-banner-main .banner__box h2.banner__heading.inline-richtext.h1 {
     font-family: 'Imbue', serif !important;
    font-weight: 400;
    font-size: 62px;
    line-height: 66px;
    letter-spacing: -2%;
    text-align: right;
    vertical-align: middle;
    text-transform: capitalize;
    color: #fff;
}
.featured-banner-main  .banner__text p {
    font-family: "Roboto Mono", monospace !important;
    font-weight: 400;
    font-size: 22px;
    color: #fff;
    line-height: 25px;
    letter-spacing: -2%;
    text-align: right;
    vertical-align: middle;
    text-transform: capitalize;
    max-width: 330px;
}
.featured-banner-main .banner__box .banner__heading+* {
    margin-top: 1rem;
    justify-content: right;
    display: flex;
}
.featured-banner-main .banner__box h2.banner__heading.inline-richtext.h1 strong {
    font-weight: 400;
}
.home-featured-main.featured-fav-product {
    padding: 100px 0;
    background: #EEF8FE;
}
.home-featured-main.featured-fav-product .collection__title.title-wrapper {
    max-width: 1320px !important;
}

.home-featured-main.featured-fav-product .collection__title.title-wrapper h2.title {
    font-family: 'Imbue', serif !important;
    font-weight: 500;
    font-size: 46px;
    color: #182553;
    line-height: 100%;
    letter-spacing: -2%;
    vertical-align: middle;
    text-transform: uppercase;
}
.home-featured-main.featured-fav-product .collection__description p {
    font-family: "Roboto Mono", monospace !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -2%;
    color: #4E4E4E;
}
.featured-fav-product1 {
    background: #EEF8FE;
    padding: 100px 0;
}
.featured-fav-product1 .collection__title h2.title {
    font-family: 'Imbue', serif !important;
    font-weight: 500;
    font-size: 46px;
    color: #182553;
    line-height: 100%;
    letter-spacing: -2%;
    text-transform: uppercase;
}
.featured-fav-product1 .collection__title .collection__description p {
     font-family: "Roboto Mono", monospace !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -2%;
    color: #4E4E4E;
}
.featured-fav-product1 .page-width {
    max-width: 100%;
    width: 100%;
    padding: 0 30px;
}
.featured-fav-product1 .collection__title {
    max-width: 1320px;
    margin: 0 auto 50px auto !important;
    position: relative;
}
.featured-fav-product1 .collection__title .ff-rotate {
    position: absolute;
    left: -200px;
    top: -40px;
}
.ff-rotate img {
    animation: hangerRotate 3s ease-in-out infinite;
    transform-origin: top center; /* top fixed */
}

@keyframes hangerRotate {
    0% {
        transform: rotate(-5deg);
    }
    50% {
        transform: rotate(5deg);
    }
    100% {
        transform: rotate(-5deg);
    }
}

.featured-fav-product1 .card__information h3 {
    font-family: 'Imbue', serif !important;
    font-weight: 400;
    font-size: 32px;
    color: #182553;
    line-height: 100%;
    letter-spacing: -2%;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 10px;
    min-height: 60px;
}
.featured-fav-product1 .card__information .card-information .price__container {
    font-family: "Roboto Mono", monospace !important;
    font-weight: 400;
    font-size: 18px;
    color: #4E4E4E;
    line-height: 100%;
    letter-spacing: -2%;
    text-align: center;
    text-transform: capitalize;
}

.featured-fav-product1  .card__information a {
    text-decoration: none !important;
}
.featured-fav-product1 .card__content {
    padding-top: 20px;
}
.featured-fav-product1 .custom-slick-slider .slick-prev, .featured-fav-product1 .custom-slick-slider .slick-next {
    width: 48px;
    height: 48px;
    z-index: 2;
    position: absolute;
    top: -90px;
    right: calc(26% - 130px);
    border: 1px solid #4E4E4E;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.featured-fav-product1 .custom-slick-slider .slick-prev:before, .featured-fav-product1 .custom-slick-slider .slick-next:before {
    content: "";
    background-image: url(/cdn/shop/files/ff-slide-arrow.svg?v=1781500866);
    background-position: center center;
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    opacity: 1;
}
.featured-fav-product1 .custom-slick-slider .slick-prev:hover, .featured-fav-product1 .custom-slick-slider .slick-next:hover {
    background-color: #FEDF4E;
    border-color: #FEDF4E;
}
.featured-fav-product1 .custom-slick-slider .slick-prev:hover::before, .featured-fav-product1 .custom-slick-slider .slick-next:hover::before {
    opacity: 0.6 !important;
}
.featured-fav-product1 .custom-slick-slider .slick-prev {
    transform: rotate(180deg);
    left: auto;
    right: 70px;
    margin: -23px 0 0 0;
    right: calc(26% - 70px);
}
.featured-fav-product1 ul.slick-dots {
    display: none !important;
}
.featured-fav-product1 .slick-dotted.slick-slider {
    margin-bottom: 0px !important;
}
.tmenu_item--root>.tmenu_item_link:hover::before {
    opacity: 1;
}
.featured-fav-product1 .banner__buttons a {
    background: #FEDF4E;
    border-radius: 0;
    border: 0;
    height: 42px;
    font-family: "Roboto Mono", monospace !important;
    font-weight: 400;
    font-size: 16px;
    color: #182553;
    line-height: 100%;
    letter-spacing: -2%;
    vertical-align: middle;
    padding: 10px 28px;
    text-transform: capitalize;
    position: relative;
    transition: all .2s ease;
    overflow: hidden;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.featured-fav-product1 .banner__buttons a:before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 30px;
    height: 100%;
    background: none;
    transform: skew(-24deg);
    transition: left .4s ease;
    z-index: 5;
    border-left: 12px double #e9e9e9e6;
    border-right: 12px double #85b7f385;
    opacity: .5;
    border-radius: 0;
}
.featured-fav-product1 .banner__buttons a:hover:before {
    left: 120%;
}
.featured-fav-product1 .banner__buttons a:hover {
    background: #182553;
    color: #fff;
}
.featured-fav-product1  .banner__buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    margin-top: 40px;
}
.custom-testimonials {
    padding: 100px 0;
}
.custom-testimonials h2.title.inline-richtext.h1 {
    font-family: 'Imbue', serif !important;
    font-weight: 500;
    font-size: 46px;
    color: #182553;
    line-height: 100%;
    letter-spacing: -2%;
    text-transform: uppercase;
}
.testimonial-short-description {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Roboto Mono", monospace !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -2%;
    color: #4E4E4E;
}
.custom-testimonials .title-wrapper-with-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 45px;
}
.testimonial-image-wrapper {
    width: 180px;
    height: 180px;
    margin: 0 auto 35px;
    border-radius: 50%;
    overflow: hidden;
}
 .custom-testimonial-slider .slick-track {
    display: flex !important;
  }
  .custom-testimonial-slider .slick-slide {
    height: auto;
    padding: 0 30px;
}
  .testimonial-image-wrapper {
    width: 180px;
    height: 180px;
    margin: 0 auto 20px;
    border-radius: 50%;
    overflow: hidden;
  }
  .testimonial-circle-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .testimonial-stars {
    margin-bottom: 18px;
    letter-spacing: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
  .testimonial-desc {
    line-height: 1.6;
    margin-bottom: 15px;
    font-family: "Roboto Mono", monospace !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -2%;
    color: #505050;
}
  .testimonial-author-name {
    font-family: 'Imbue', serif !important;
    font-weight: 400;
    font-size: 22px;
    color: #182553;
    letter-spacing: 0%;
    text-align: center;
}
  .testimonial-slider-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 35px;
    gap: 15px;
  }
.testimonial-slider-controls .slick-prev, .testimonial-slider-controls .slick-next {
	position: static;
	transform: none;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 1px solid #4E4E4E;
	border-radius: 50%;
	cursor: pointer;
	background: transparent;
	transition: all 0.3s ease;
	padding: 0;
}
.testimonial-slider-controls .slick-prev:before, .testimonial-slider-controls .slick-next:before {
    content: "";
    background-image: url(/cdn/shop/files/ff-slide-arrow.svg?v=1781500866);
    background-position: center center;
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    opacity: 1;
    background-size: 18px;
}
.testimonial-slider-controls .slick-prev {
    transform: rotate(180deg);
}
.testimonial-slider-controls .slick-prev:hover,  .testimonial-slider-controls .slick-next:hover 
{
    background-color: #FEDF4E;
    border-color: #FEDF4E;
}
.custom-testimonials {
    position: relative;
    z-index: 4;
}
.custom-testimonials .sun-rotate {
    position: absolute;
    right: auto;
    top: 60px;
    width: 90px;
    left: 130px;
    z-index: 3;
    height: 90px;
}
.custom-testimonials .multicolumn-card__info {

}
.custom-testimonials .trees-shape {
    position: absolute;
    width: auto;
    right: 110px;
    bottom: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.custom-testimonials .trees-shape img {
    max-width: 100%;
}
.custom-testimonials .trees-shape img.img1 {
    transform-origin: bottom center;
    animation: hangerSwing 7s ease-in-out infinite;
}
.custom-testimonials .trees-shape img.img2 {
    position: absolute;
    bottom: 0;
    background: #fff;
    left: 55%;
    transform: translate(-50%, 6px);
    z-index: 3;
}



@keyframes hangerSwing {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(8deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-8deg);
  }
  100% {
    transform: rotate(0deg);
  }
}


.banner-info-wrapper {
    position: relative;
    overflow: visible;
    height: 725px;
    background: #11251c;
}
.banner-image {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

video.banner-image{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.banner-content {
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
    z-index: 2;
    max-width: 460px;
}
p.banner-subheading {
    font-family: "Roboto Mono", monospace !important;
    font-weight: 300;
    font-size: 16px;
    color: #fff;
    line-height: 100%;
    letter-spacing: -2%;
    text-align: center;
    margin-top: 0;
}
.banner-heading {
    margin: 0;
    font-family: 'Imbue', serif !important;
    font-weight: 300;
    font-size: 62px;
    line-height: 55px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: #fff;
}
.banner-btn{
    border:1px solid #fff;
    color:#fff;
    padding:12px 28px;
    text-decoration:none;
    display:inline-block;
}
.banner-info-section .banner__buttons a {
    background: transparent;
    border-radius: 0;
    border: 0;
    height: 42px;
    font-family: "Roboto Mono", monospace !important;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    line-height: 100%;
    letter-spacing: -2%;
    vertical-align: middle;
    padding: 10px 28px;
    text-transform: capitalize;
    position: relative;
    transition: all .2s ease;
    overflow: hidden;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    margin-top: 20px;
}
.banner-info-section .banner__buttons a:before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 30px;
    height: 100%;
    background: none;
    transform: skew(-24deg);
    transition: left .4s ease;
    z-index: 5;
    border-left: 12px double #e9e9e9e6;
    border-right: 12px double #85b7f385;
    opacity: .5;
    border-radius: 0;
}
.banner-info-section .banner__buttons a:hover {
    background: #fedf4e;
    border-color: #fedf4e;
	color:#182553;
}
.banner-info-section .banner__buttons a:hover:before {
    left: 120%;
}

.hotspot {
    position: absolute;
    transform: translate(-50%,-50%);
    margin-top: 120px;
}

.hotspot-btn {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    border: none;
    cursor: pointer;
    color: #222;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    transition: transform 0.2s ease;
}
.hotspot-btn::before, .hotspot-btn::after {
    content: '';
    position: absolute;
    inset: -6px;
    border-radius: 50%;
    border: 10px solid rgba(255, 255, 255, 0.75);
    animation: hotspot-ring 2s ease-out infinite;
    pointer-events: none;
}
.hotspot-btn::after {
  inset: -14px;
  border-color: rgba(255, 255, 255, 0.4);
  animation: hotspot-ring 2s ease-out infinite 0.6s;
}

@keyframes hotspot-ring {
  0%   { transform: scale(1);    opacity: 1;   }
  70%  { transform: scale(1.35); opacity: 0.3; }
  100% { transform: scale(1.5);  opacity: 0;   }
}

.hotspot-btn:hover {
  transform: scale(1.08);
}

.hotspot-card {
    width: 280px;
    background: #fff;
    padding: 20px;
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    border-radius: 10px;
}

.hotspot.active .hotspot-card{
    display:block;
}

.hotspot-icon {
    width: 44px;
    margin-bottom: 5px;
}
.banner-image
{
  /* animation: boatFloat 7s ease-in-out infinite; */
}

@keyframes boatFloat{
  0%{
    transform: translateY(0px);
  }

  25%{
    transform: translateY(-4px);
  }

  50%{
    transform: translateY(-8px);
  }

  75%{
    transform: translateY(-4px);
  }

  100%{
    transform: translateY(0px);
  }
}
.hotspot-card h4 {
    font-weight: 400;
    font-size: 30px;
    line-height: 35px;
    letter-spacing: -2%;
    text-align: left;
    vertical-align: middle;
    text-transform: capitalize;
    color: rgb(24, 37, 83);
    font-family: Imbue, serif !important;
    margin: 0 0 6px 0;
}
.hotspot-card p {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -2%;
    color: rgb(78, 78, 78);
    font-family: "Roboto Mono", monospace !important;
    margin: 0;
}
section.banner-info-section {
    display: inline-block;
    width: 100%;
    margin: 0 0 0 0;
}
.watermark-logo {
    position: absolute;
    right: 60px;
    bottom: 40px;
    width: 200px;
    height: 200px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
}

.join-club-inn {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
}

.join-club-section {
    background-color: #eff8ff;
    position: relative;
    padding: 60px 0 10px 0;
}
.join-club-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 40px;
  gap: 40px;
  min-height: 420px;
}

.join-left {
    width: 45%;
    position: relative;
    z-index: 2;
}
.join-flower {
  position: absolute;
  z-index: 1;
  pointer-events: none;
}


.join-flower.join-flower--top {
    right: 180px;
    top: 20px;
}

.join-flower--right {
  top: 0px;
  right: -20px;
  animation: flower-spin-reverse 16s linear infinite, flower-float 5s ease-in-out infinite 1s;
}

.join-flower--top img {
    animation: grow 2s ease-in-out infinite alternate;
}

@keyframes grow {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.15);
    }
}

.join-flower--top .flower-svg {
  animation: none;
}

.join-stamp {
  position: absolute;
  left: -10px;
  bottom: -60px;
  opacity: 0.85;
  animation: stamp-pulse 6s ease-in-out infinite;
}

@keyframes stamp-pulse {
  0%, 100% { transform: scale(1) rotate(-3deg); opacity: 0.85; }
  50%       { transform: scale(1.04) rotate(-3deg); opacity: 1; }
}

.join-heading-wrap {
  margin-top: 10px;
  margin-bottom: 20px;
}
.join-heading p {
    margin: 0;
}
.join-the-badge {
    display: inline-block;
    background: #FEEB28;
    padding: 2px 7px;
    margin-bottom: 4px;
    font-family: Imbue;
    font-weight: 400;
    font-style: Regular;
    font-size: 37.87px;
    line-height: 100%;
    letter-spacing: 20%;
    text-transform: uppercase;
    color: #182553;
    width: auto;
    font-family: Imbue, serif !important;
    transform: rotate(-5deg);
    top: -8px;
    position: relative;
    left: 70px;
}
.join-heading h2 {
    animation: heading-fadein 0.9s ease both;
    font-family: Imbue, serif !important;
    font-weight: 400;
    color: #0678B7;
    font-size: 191.3px;
    line-height: 150px;
    letter-spacing: -2%;
    text-transform: uppercase;
    margin: 0;
}.join-heading h2 strong {
    display: inline-block;
    font-weight: 400;
    width: 100%;
    padding-left: 100px;
}

@keyframes heading-fadein {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}

.join-taglines {
    display: inline-flex;
    flex-direction: column;
    width: auto;
    max-width: unset;
    position: relative;
    margin: 0;
    align-items: baseline;
    gap: 8px;
    margin-left: 0;
    position: relative;
    top: -40px;
    right: -30px;
}
.joinn-ct-logo {
    display: inline-block;
}
.joinn-ct-logo img {
    max-width: 100%;
}
.join-tagline {
    margin: 1px 0;
    display: inline-block;
    font-family: Imbue, serif !important;
    font-weight: 400;
    font-style: Regular;
    font-size: 36.95px;
    color: #0678B7;
    line-height: 40.21px;
    letter-spacing: 0%;
    background: #fff;
    height: 55px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    padding: 5px 14px;
}

.join-tagline--highlight {
    color: #0678B7;
}
.join-tagline--filled {
    background: #0678B7;
    color: #ffffff;
    padding: 1px 8px;
    margin: 4px 0 5px 0;
    transform: rotate(6deg);
}

.koin-tagline--plain {
  color: #1a1a1a;
  font-style: italic;
}
.join-cta-wrap {
    display: flex;
    margin-top: 0;
    align-items: center;
    justify-content: center;
    position: relative;
    top: -40px;
}
.join-cta-wrap a {
    background: #FEDF4E;
    border-radius: 0;
    border: 0;
    height: 50px;
    font-family: "Roboto Mono", monospace !important;
    font-weight: 400;
    font-size: 16px;
    color: #182553;
    line-height: 100%;
    letter-spacing: -2%;
    vertical-align: middle;
    padding: 10px 36px;
    text-transform: capitalize;
    position: relative;
    transition: all .2s ease;
    overflow: hidden;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.join-cta-wrap a:before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 30px;
    height: 100%;
    background: none;
    transform: skew(-24deg);
    transition: left .4s ease;
    z-index: 5;
    border-left: 12px double #e9e9e9e6;
    border-right: 12px double #85b7f385;
    opacity: .5;
    border-radius: 0;
}
.join-cta-wrap a:hover {
    background: #182553;
    color: #fff;
}
.join-cta-wrap a:hover:before {
    left: 120%;
}

.join-right {
    width: 55%;
    position: relative;
    height: auto;
}

.join-polaroid {
    position: static;
    background: transparent !important;
    padding: 0;
    width: 100%;
    cursor: default;
}
.join-polaroid__tape {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%) rotate(-2deg);
  width: 48px;
  height: 22px;
  background: rgba(200, 220, 240, 0.65);
  border-radius: 2px;
}

.join-polaroid__img-wrap {
    width: 100%;
    background: transparent;
}

.join-polaroid__placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #c9dce8 0%, #a8c4d6 100%);
}

.join-polaroid__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.join-polaroid__caption {
  font-size: 13px;
  color: #3a3a5c;
  text-align: center;
  margin: 8px 0 0;
  padding: 0 4px;
  line-height: 1.3;
}
.join-polaroid--1 {
  left: 0;
  top: 30px;
  transform: rotate(-4deg);
  z-index: 3;
  animation: polaroid-enter-1 0.7s 0.1s ease both;
}

.join-polaroid--2 {
  left: 130px;
  top: -10px;
  transform: rotate(2deg);
  width: 200px;
  z-index: 4;
  animation: polaroid-enter-2 0.7s 0.25s ease both;
}

.join-polaroid--3 {
  left: 290px;
  top: 60px;
  transform: rotate(3.5deg);
  z-index: 3;
  animation: polaroid-enter-3 0.7s 0.4s ease both;
}


@keyframes polaroid-enter-1 {
  from { opacity: 0; transform: rotate(-8deg) translateY(30px); }
  to   { opacity: 1; transform: rotate(-4deg) translateY(0); }
}

@keyframes polaroid-enter-2 {
  from { opacity: 0; transform: rotate(5deg) translateY(30px); }
  to   { opacity: 1; transform: rotate(2deg) translateY(0); }
}

@keyframes polaroid-enter-3 {
  from { opacity: 0; transform: rotate(7deg) translateY(30px); }
  to   { opacity: 1; transform: rotate(3.5deg) translateY(0); }
}

.join-polaroid__overlay-text {
  position: absolute;
  bottom: 34px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 11px;
  color: #fff;
  text-shadow: 0 1px 4px rgba(0,0,0,0.5);
  pointer-events: none;
}
.join-polaroid .ff-rotate {
    position: absolute;
    right: -30px;
    top: 60px;
}
.join-taglines p.join-tagline.join-tagline--highlight:first-child {
    font-size: 38px;
}

p.join-tagline.join-tagline--plain {
    transform: rotate(-3deg);
}

.join-tagline:nth-child(2){
   animation: barrierMove 4s ease-in-out infinite;
    animation-delay: 0.3s;
}


@keyframes barrierMove{
    0%   { transform: rotate(0deg); }
    50%  { transform: rotate(-10deg); }
    100% { transform: rotate(0deg); }
}

.join-club-lefbar1 {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    max-width: 350px;
    margin-top: 15px;
}
.join-tags-footer {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    width: 100%;
}


.cusrve-vactorr-mz {
    display: flex;
    gap: 0px;
    flex-direction: column;
    margin-top: 50px;
}
.cusrve-vactorr-mz img {
    width: 114px;
    height: auto;
     animation: moveLR 6s ease-in-out infinite;
}

.cusrve-vactorr-mz img:nth-child(1){ animation-delay:0s; }
.cusrve-vactorr-mz img:nth-child(2){ animation-delay:0.3s; }
.cusrve-vactorr-mz img:nth-child(3){ animation-delay:0.6s; }
.cusrve-vactorr-mz img:nth-child(4){ animation-delay:0.9s; }
@keyframes moveLR{
    0%{
        transform:translateX(-6px);   /* reduced */
    }
    50%{
        transform:translateX(6px);    /* reduced */
    }
    100%{
        transform:translateX(-6px);   /* reduced */
    }
}


.join-club-section .cloud-top-shape {
    position: absolute;
    top: auto;
    left: 0;
    width: 100%;
    height: 90px;
    overflow: hidden;
    bottom: -50px;
    z-index: 4;
    background: transparent;
    transform: rotate(180deg);
}
.join-club-section .cloud-top-shape:before {
    position: absolute;
    left: -20%;
    top: 0;
    background: url(/cdn/shop/files/clloud-Vector-nww.png?v=1781256947) center top repeat;
    height: 100px;
    width: 130%;
    content: "";
    z-index: 3;
    animation: moveLeftRight 3s ease-in-out infinite;
    background-size: contain;
}

.stc-section {
    padding: 130px 0 100px 0;
    background: #ffffff;
    text-align: center;
    position: relative;
}
.stc-section:before {
    position: absolute;
    left: 0;
    top: 0;
    background-image: url('/cdn/shop/files/colection-img-curve-lines.png?v=1781586540');
    height: 100%;
    width: 100%;
    content: "";
    z-index: 1;
    background-size: cov;
    background-repeat: repeat;
    animation: waveMove 18s linear infinite;
}

@keyframes waveMove {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 520px 0;
  }
}

.stc-section .page-width {
    position: relative;
    z-index: 3;
}

.stc-heading
{
	display:inline-block;
	width:100%;
	text-align:center;
}

.stc-heading h2{
    margin-bottom: 20px;
    margin-top: 0;
    font-family: 'Imbue', serif !important;
    font-weight: 500;
    font-size: 46px;
    color: #182553;
    line-height: 100%;
    letter-spacing: -2%;
    vertical-align: middle;
    text-transform: uppercase;
}
div#shopify-section-template--25992893038879__custom_banner_info_YCfGJE {
    display: flex;
    align-items: center;
    justify-content: center;
}
.join-cta-wrap.stc-cta-wrap a.stc-cta-btn {
    padding: 10px 26px;
}
.stc-heading p {
  margin: 0;
}
.join-cta-wrap.stc-cta-wrap {
    top: 0 !important;
    margin-top: 20px;
}
.stc-image-wrap {
    width: 100%;
    max-width: 100%;
    margin: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
	/*animation: hangerRotateSoft 4s ease-in-out infinite;*/
    transform-origin: top center;
}


@keyframes hangerRotateSoft {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(0.4deg);
    }
    50% {
        transform: rotate(-0.4deg);
    }
    75% {
        transform: rotate(0.2deg);
    }
    100% {
        transform: rotate(0deg);
    }
}



.stc-image {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

.stc-image-placeholder {
  width: 100%;
  aspect-ratio: 3 / 1;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.stc-placeholder-svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.stc-cta-wrap {
  margin-top: 10px;
}

.insta-feed-section {
    padding: 70px 0 0px 0;
    background: #fff;
padding-bottom:0px !important;
}

.insta-feed-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Imbue', serif !important;
    font-weight: 400;
    font-size: 46px;
    color: #000000;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
}
.insta-feed-desc {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px 0 0px 0;
}

.insta-feed-media {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #f0f0f0;
}
.insta-feed-desc p {
   font-family: 'Roboto Mono', monospace;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    line-height: 30px;
    letter-spacing: -2%;
    text-align: center;
    margin: 0;
}

.insta-feed-img,
.insta-feed-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.insta-feed-item:hover .insta-feed-img,
.insta-feed-item:hover .insta-feed-video {
  transform: scale(1.04);
}

.insta-feed-media--empty {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #aaa;
  background: #f5f5f5;
}

.insta-feed-item {
  position: relative;
  overflow: hidden;
}

.insta-feed-caption {
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 1px 4px rgba(0,0,0,0.55);
  pointer-events: none;
  z-index: 2;
  line-height: 1.4;
}

.insta-feed-banner {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.insta-feed-banner img {
    max-width: 100%;
}
section.insta-feed-section .page-width {
    position: relative;
}
.insta-shape1 {
    position: absolute;
    right: 150px;
    top: -50px;
    width: 100px;
}
.insta-shape1 img {
    animation: starGrowRotate 6s ease-in-out infinite;
}

@keyframes starGrowRotate {
    0% {
        transform: scale(1) rotate(0deg);
    }

    50% {
        transform: scale(1.06) rotate(3deg);
    }

    100% {
        transform: scale(1) rotate(0deg);
    }
}
.custom-faq-main {
    padding-bottom: 100px;
}
.custom-faq__inner {
    padding: 0 !important;
}
.custom-faq__grid {
    display: flex;
    align-items: flex-start;
    gap: 120px;
    max-width: 1150px;
    margin: auto;
}
.custom-faq__grid .custom-faq__left {
    width: 40%;
}
.custom-faq__grid .custom-faq__right {
    width: 60%;
}
.custom-faq__left h2.custom-faq__heading.h1 {
    font-family: 'Imbue', serif !important;
    font-weight: 500;
    font-size: 46px;
    color: #182553;
    line-height: 100%;
    letter-spacing: -2%;
    vertical-align: middle;
    text-transform: uppercase;
    margin: 0 0 20px 0;
}
.custom-faq__left .custom-faq__content.rte {
    display: inline-block;
    width: 100%;
}
.custom-faq__left .custom-faq__content.rte p {
    font-family: 'Roboto Mono', monospace;
    font-weight: 400;
    font-size: 16px;
    color: #4E4E4E;
    line-height: 20px;
    letter-spacing: -2%;
}
.custom-faq__right .accordion summary h3.accordion__title {
     font-family: 'Imbue', serif !important;
    font-weight: 400;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: -2%;
    color: #182553;
    width: 100%;
}
.custom-faq__right .accordion p {
    font-family: 'Roboto Mono', monospace;
    font-weight: 400;
    font-size: 14px;
    color: #4E4E4E;
    line-height: 20px;
    letter-spacing: -2%;
}
.custom-faq__right .accordion summary {
    padding: 24px 0;
}
.custom-faq__right .accordion:first-child summary {
    padding-top: 0;
}
.custom-faq__grid .custom-faq__right .accordion:first-child {
    border-top: 0px !important;
    margin-top: 0px !important;
}
.custom-faq__grid .custom-faq__right .accordion:last-child {
    border-bottom: 0px !important;
    margin-bottom: 0px !important;
}
.custom-faq__right .accordion summary[aria-expanded="true"] {
    padding-bottom: 10px;
}

span.faq-icon.faq-icon--plus {
    background: #EEF8FE;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 2px;
    overflow: hidden;
}
span.faq-icon.faq-icon--plus img[alt="Close"] {
    display: none;
}
span.faq-icon.faq-icon--plus img[alt="Open"] {
    display: block;
}

span.faq-icon.faq-icon--plus img {
    width: 14px;
}

.custom-faq__right .accordion summary[aria-expanded="true"] span.faq-icon.faq-icon--plus img[alt="Close"]
{
    display: block;
}

.custom-faq__right .accordion summary[aria-expanded="true"] span.faq-icon.faq-icon--plus img[alt="Open"]
{
    display: none;
}
.custom-faq__right .accordion summary[aria-expanded="true"] span.faq-icon.faq-icon--plus {
    background: #182553;
}
.custom-faq-main {
    padding-bottom: 100px;
    position: relative;
    z-index: 4;
}
.custom-faq-main .trees-shape {
    position: absolute;
    width: auto;
    left: 50px;
    bottom: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.custom-faq-main .trees-shape img.img1 {
    transform-origin: bottom center;
    animation: hangerSwing 7s ease-in-out infinite;
}
.custom-faq-main .trees-shape img {
    max-width: 100%;
}
.custom-faq-main .trees-shape img.img2 {
    position: absolute;
    bottom: -8px;
    background: #fff;
    left: 55%;
    transform: translate(-50%, 6px);
    z-index: 3;
}
div#shopify-section-template--25992893038879__custom_banner_info_wH9qBp {
    display: flex;
    align-items: center;
    justify-content: center;
}
.custom-announcement-bar.custom-announcement-bar.yellow-layout.btm-lyt {
    margin: -8px 0 0 0;
    z-index: 6;
    position: relative;
}
.banner-info-section.kisuii-swimwear-footer .banner-content {
    position: absolute;
    bottom: -160px;
    top: auto;
    width: 100%;
    max-width: 100%;
}
@keyframes kissuii-color-cycle {
  0%    { color: #fee04e; }
  20%   {color: #c1ad78;}
  40%   {color: #b2cfe5;}
  60%   { color: #a5ceed; }
  80%   {color: #6795b7;}
  100%  { color: #fee04e; } 
}
.banner-info-section.kisuii-swimwear-footer .banner-content h2.banner-heading {
  font-weight: 400;
  font-family: 'Imbue', serif !important;
  font-size: 352.81px;
  line-height: 261.52px;
  letter-spacing: -0.02em;
  text-align: center;
  text-transform: uppercase;
  color: #fee04e;
  /*animation: kissuii-color-cycle 8s ease-in-out infinite;*/
      white-space: nowrap;
	      overflow: hidden;
}

.custom-footer-main {
    background: #eff8ff;
    padding: 200px 0  00px 0;
    position: relative;
}

.custom-footer__grid {
    display: grid;
    grid-template-columns: 44% 16% 16% 15%;
    gap: 40px;
    align-items: start;
}

.custom-footer__col-heading {
    text-transform: uppercase;
    margin: 0 0 20px;
    font-family: 'Imbue', serif !important;
    font-weight: 400;
    font-size: 25px;
    color: #182553;
    line-height: 100%;
    letter-spacing: 5%;
}

.custom-footer__logo {
  margin-bottom: 14px;
}

.custom-footer__logo img {
    max-width: 100%;
    display: block;
    height: auto;
}

.custom-footer__brand-text {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.custom-footer__desc {
    margin-bottom: 0px;
    font-family: 'Roboto Mono', monospace;
    font-weight: 400;
    font-size: 14px;
    color: #1E1E1E;
    line-height: 24px;
    letter-spacing: -2%;
}
.custom-footer__logo a {
    display: inline-block;
}
.custom-footer__newsletter .newsletter-form {
    margin: 0;
}
.custom-footer__newsletter {
    margin-top: 40px;
}

.custom-footer__newsletter .custom-footer__col-heading {
  margin-bottom: 14px;
}

.custom-footer__newsletter-note {
    font-family: 'Roboto Mono', monospace;
    font-weight: 400;
    font-size: 14px;
    color: #1E1E1E;
    line-height: 24px;
    letter-spacing: -2%;
    margin: 14px 0 0 0;
}
.custom-footer__newsletter-note a {
    text-decoration: underline;
	color: #1E1E1E;
}

.custom-footer__newsletter-note a:hover 
{
    text-decoration: none;
	color: #c07d04;
}

.custom-footer__nav {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.custom-footer__nav-link {
    text-decoration: none;
    transition: opacity 0.2s;
    font-family: Roboto Mono;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -2%;
    color: #1E1E1E;
}
.custom-footer__nav-link:hover {
    opacity: 1;
    color: #ab9429;
    text-decoration: underline;
}

.custom-footer__social {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 14px;
}

.custom-footer__extra-text {
  font-size: 12px;
  opacity: 0.7;
  margin-top: 10px;
}
.custom-footer__bottom {
    border-top: 1px solid rgba(30, 30, 30, 0.1);
    padding: 20px 0;
}

.custom-footer__bottom-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
}
.custom-footer__copyright {
    font-size: ;
    font-family: 'Roboto Mono', monospace;
    font-weight: 400;
    font-size: 14px;
    color: rgba(30, 30, 30, 1);
    line-height: 24px;
    letter-spacing: -2%;
    margin: 0;    text-transform: uppercase;
}

.custom-footer__copyright a {
  text-decoration: none;
}

.custom-footer__policies {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0;
  padding: 0;
}

.custom-footer__policies a {
  text-decoration: underline;
}
.custom-footer__payment .list-payment {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.custom-footer-main .ff-rotate {
    position: absolute;
    left: 5%;
    top: 140px;
}
.custom-footer-main .ff-rotate img {
    animation: hangerRotate 3s ease-in-out infinite;
    transform-origin: top center;
}
.footer-shape2 {
    position: absolute;
    right: 90px;
    bottom: 170px;
    width: 120px;
    z-index: 3;
}
@keyframes fade-pulse {
  0%, 100% { opacity: 0.3; }
  50%       { opacity: 0.8; }
}

.footer-shape2 img {
  animation: fade-pulse 4s ease-in-out infinite;
  display: block;
  max-width:100%;
}
.custom-footer__top.page-width {
    padding-bottom: 30px;
}
.newsletter-form__field-wrapper .field__input {
    padding-right: 5rem;
    border: 0 solid #1E1E1E4D;
    box-shadow: unset;
    font-family: 'Roboto Mono', monospace;
    font-weight: 500;
    font-size: 14px;
    line-height: 40px;
    letter-spacing: -2%;
    vertical-align: middle;
    color: #1E1E1E;
    background: transparent;
}
.newsletter-form__field-wrapper .field {
    z-index: 0;
    background: transparent;
    border: 1px solid #1E1E1E4D;
    background: transparent;
}
.newsletter-form__field-wrapper .field label.field__label {
    font-family: Roboto Mono;
    font-weight: 500;
    font-size: 14px;
    color: #1E1E1E;
    line-height: 22px;
    letter-spacing: -2%;
    vertical-align: middle;
}
.newsletter-form__field-wrapper  button.newsletter-form__button.field__button {
    background: #FEDF4E;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    opacity: 1;
    top: 12px;
    right: 14px;
    overflow: hidden;
}
.newsletter-form__field-wrapper .field::before, .newsletter-form__field-wrapper .field::after {
    opacity: 0 !important;
}
ul.custom-footer__social-custom {
    display: flex;
    align-items: center;
    gap: 10px;
}
ul.custom-footer__social-custom li {
    display: inline-block;
}
ul.custom-footer__social-custom li {
    display: inline-block;
}

ul.custom-footer__social-custom li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border-radius: 50%;
    padding: 5px;
    width: 42px;
    height: 42px;
    border: 2px solid #0678B7;
    transition: all 0.3s ease; /* Animation */
}

ul.custom-footer__social-custom li a:hover {
    background: #0678B7;
    border-color: #0678B7;
}

ul.custom-footer__social-custom li a img {
    width: 20px;
    transition: transform 0.3s ease;
}

ul.custom-footer__social-custom li a:hover img {
    transform: scale(1.1);
}


ul.custom-footer__social-custom li a img {
    width: 20px;
    transition: all 0.3s ease;
}

ul.custom-footer__social-custom li a:hover img {
    filter: brightness(0) invert(1);
}
.custom-footer__col.custom-footer__col--brand {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    padding-right: 190px;
}

.move-top-icon {
	position: fixed;
	left: 20px;
	bottom: 20px;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);
	transition: all 0.4s ease;
}.move-top-icon {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 999;
}

.move-top-icon a {
    width: 34px;
    height: 34px;
    background: #d2eeff;
    border: 1px solid #c8e7f9;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    text-decoration: none;
}

.move-top-icon a::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid #9fd8f7;
    border-radius: 50%;
    animation: ripple 2.5s ease-out infinite;
}

.move-top-icon a::before {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid #9fd8f7;
    border-radius: 50%;
    animation: ripple 2.5s ease-out infinite 1.2s;
}

.move-top-icon a img {
    width: 13px;
    position: relative;
    z-index: 2;
    animation: arrowFloats 2s ease-in-out infinite;
}

@keyframes arrowFloat {
    0%,100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }
}

@keyframes ripple {
    0% {
        transform: scale(1);
        opacity: 0.7;
    }

    100% {
        transform: scale(1.8);
        opacity: 0;
    }
}

.move-top-icon a:hover {
    transform: scale(1.08);
}

.move-top-icon.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.custom-slick-slider .slick-track {
    overflow: hidden;
}
.search-modal.modal__content.gradient {
    background: #eff8ff;
}
.search-modal.modal__content.gradient form.search.search-modal__form .search__input.field__input {
    padding-right: 9.8rem;
    background: #25325e;
}
.join-tagline p {
    margin: 0 !important;
}

@keyframes leftToRightFade {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

.banner__heading, 
.banner__heading strong,
.banner__text p {
/*background: linear-gradient(
90deg, 
rgba(255,255,255,0.3) 0%, 
rgba(255,255,255,1) 50%, 
rgba(255,255,255,0.3) 100%
);*/
background: #fff;
background-size: 200% auto;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: #fff;
display: inline-block; 
/*animation: leftToRightFade 3s linear infinite;*/
}

.banner__text p {
  margin: 0; 
}
.featured-banner-main .banner__content.banner__content--top-right.page-width.scroll-trigger.animate--slide-in {
    max-width: 85%;
    padding: 0;
}
.featured-banner-main.banner--mobile-bottom .banner__box {
    padding: 0;
}
.custom-faq__right .accordion__content {
    margin-bottom: 0;
	    transition: height 0.4s ease;
}

.custom-faq__right .accordion p {
    margin-bottom: 20px;
    margin-top: 0 !IMPORTANT;
}
.custom-faq__right .accordion summary {
    justify-content: space-around;
}
.tb_see_more_btn {
    background: #000;
}
.tb_see_more_btn_wrap .tb_see_more_btn {
    background: #FEDF4E !important;
    border-radius: 0;
    border: 0;
    height: 50px;
    font-family: "Roboto Mono", monospace !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    color: #182553 !important;
    line-height: 100% !important;
    letter-spacing: -2% !important;
    vertical-align: middle;
    padding: 10px 26px !important;
    text-transform: capitalize;
    position: relative !important;
    transition: all .2s ease !important;
    overflow: hidden;
    text-decoration: none;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0px !important;
    border: 0px !important;
    margin-top: 40px !important;
}
.tb_see_more_btn_wrap .tb_see_more_btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 30px;
    height: 100%;
    background: none;
    transform: skew(-24deg);
    transition: left .4s ease;
    z-index: 5;
    border-left: 12px double #e9e9e9e6;
    border-right: 12px double #85b7f385;
    opacity: .5;
    border-radius: 0;
}
.tb_see_more_btn_wrap .tb_see_more_btn:hover {
    background: #182553 !important;
    color: #fff !important;
}
.tb_see_more_btn_wrap .tb_see_more_btn:hover:before {
    left: 120%;
}
.join-polaroid-collage {
    display: flex;
    position: relative;
    justify-content: center;
}
.join-polaroid-collage .join-polaroid.join-polaroid--center {
    background: #fff !important;
    padding: 10px;
    width: 480px;
    padding-bottom: 70px;
    height: 635px;
    transform: rotate(-4deg);
    display: flex;
}
.join-polaroid.join-polaroid--right {
    position: absolute;
    bottom: -90px;
    right: 0;
    width: 240px;
    z-index: 3;
}
.join-polaroid.join-polaroid--left {
    position: absolute;
    left: -40px;
    top: 80px;
    width: 270px;
    z-index: 3;
}
.join-right {
    position: relative;
    min-height: 740px;
}
.join-polaroid-collage .join-polaroid.join-polaroid--center video.join-polaroid__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
section.join-club-section .page-width {
    position: relative;
}
.ff-rotate.rt-view {
    position: absolute;
    right: -30px;
    top: 50px;
}

.join-polaroid-collage .join-polaroid.join-polaroid--center:before {
    position: absolute;
    left: 49%;
    top: -34px;
    content: "";
    width: 170px;
    height: 70px;
    background-image: url('/cdn/shop/files/video-shape2.png?v=1781686899');
    background-repeat: no-repeat;
    background-position: center center;
    transform: rotate(5deg);
    transform: translate(-50%, 0px) rotate(5deg);
    z-index: 6;
}
.join-polaroid-collage .join-polaroid.join-polaroid--center .join-polaroid__img-wrap:after {
    position: absolute;
    left: 2px;
    top: 1px;
    content: "";
    width: 99%;
    height: 90%;
    z-index: 5;
    border: 10px solid #fff;
}
.hotspot-card h4 {
    font-size: 25px;
}
.banner-info-section .banner-info-wrapper {
    z-index: 999;
}
.top-highbar {
    z-index: 999 !important;
}




/*Media*/




@media only screen and (min-width: 1401px) and (max-width: 1600px)
{
.join-heading h2 {
font-size: 181.3px;
line-height: 140px;
}
.banner-info-section.kisuii-swimwear-footer .banner-content h2.banner-heading {
font-size: 282.81px;
line-height: 291.52px;
}
.custom-announcement-bar.yellow-layout .custom-announcement-item {
font-size: 30px;
}
.custom-our-story .image-with-text__grid:before {
left: -30px;
bottom: 10px;
height: 50px;
width: 110px;
}

}

@media only screen and (min-width: 1201px) and (max-width: 1400px)
{
.join-heading h2 {
font-size: 181.3px;
line-height: 140px;
}
.banner-info-section.kisuii-swimwear-footer .banner-content h2.banner-heading {
font-size: 242.81px;
line-height: 201.52px;
}
.banner-info-section.kisuii-swimwear-footer .banner-content {
bottom: -130px;
}
.custom-announcement-bar.yellow-layout .custom-announcement-item {
font-size: 30px;
}
.custom-our-story .image-with-text__grid:before {
left: -30px;
bottom: 10px;
height: 50px;
width: 110px;
}
.custom-footer__col.custom-footer__col--brand {
padding-right: 50px;
}
.page-width, .header-top, .home-why-choose .page-width 
{
max-width: 1150px;
}
.main-banner-section .slider__slide {
height: 900px;
padding-left: 20px;
padding-right: 20px;
}
.custom-footer__grid {
display: grid;
grid-template-columns: 43% 14% 14% 14%;
gap: 30px;
}
.custom-footer-main {
padding: 160px 0  00px 0;
}
.custom-footer-main .ff-rotate {
left: 1%;
top: 40px;
}
.join-tagline {
font-size: 27.95px;
height: 55px;
padding: 5px 14px;
}
.main-banner-section h2.banner__heading.inline-richtext.h1 {
font-size: 144px;
line-height: 124.58px;
padding-bottom: 120px;
}
.main-banner-section  .banner__text.rte p {
font-size: 20px;
line-height: 27px;
}

.join-polaroid-collage .join-polaroid.join-polaroid--center {
    width: 460px;
    padding-bottom: 70px;
    height: 615px;
}

}

@media only screen and (min-width: 992px) and (max-width: 1200px)
{
.joinn-ct-logo {
width: 170px;
}
.banner-info-section.kisuii-swimwear-footer .banner-content h2.banner-heading {
font-size: 242.81px;
line-height: 201.52px;
}
.banner-info-section.kisuii-swimwear-footer .banner-content {
bottom: -130px;
}
.custom-our-story .image-with-text__grid:before {
left: -30px;
bottom: 10px;
height: 50px;
width: 110px;
}
.custom-footer__col.custom-footer__col--brand {
padding-right: 50px;
}
.page-width, .header-top, .home-why-choose .page-width {
max-width: 950px;
}
.main-banner-section .slider__slide {
height: 900px;
padding-left: 20px;
padding-right: 20px;
}
.custom-footer__grid {
display: grid;
grid-template-columns: 43% 14% 14% 14%;
gap: 30px;
}
.custom-footer-main {
padding: 160px 0  00px 0;
}
.custom-footer-main .ff-rotate {
left: 1%;
top: 40px;
}
.join-tagline {
font-size: 25.95px;
height: 45px;
padding: 4px 10px;
}
.main-banner-section h2.banner__heading.inline-richtext.h1 {
font-size: 114px;
line-height: 74.58px;
padding-bottom: 100px;
}
.main-banner-section h2.banner__heading.inline-richtext.h1 strong {
top: 90px;
left: -10px;
}
.main-banner-section  .banner__text.rte p {
font-size: 20px;
line-height: 27px;
}
nav.header__inline-menu  ul.list-menu.list-menu--inline a.list-menu__item {
font-size: 16px;
}
.header-wrapper header.page-width nav.header__inline-menu ul {
gap: 25px;
}
.home-why-choose {
padding: 70px 0 90px 0;
}
.home-why-choose h2.title.inline-richtext.h1, .custom-our-story h2.image-with-text__heading, .home-featured-main .collection-list-title, .featured-fav-product1 .collection__title h2.title, .custom-testimonials h2.title.inline-richtext.h1, .stc-heading h2, .custom-faq__left h2.custom-faq__heading.h1
{
font-size: 40px;
}

.home-why-choose h3.inline-richtext {
font-size: 30px;
}
.custom-our-story {
padding: 40px 0 70px 0 !important;
}
.home-featured-main {
padding: 70px 0 20px 0;
}
.featured-fav-product1 {
padding: 70px 0;
}
.custom-testimonials {
padding: 70px 0;
}
.custom-faq-main {
padding-bottom: 70px;
}
.custom-faq__right .accordion summary h3.accordion__title {
font-size: 27px;
}
.custom-faq__grid {
gap: 60px;
}
.insta-feed-section {
padding: 70px 0 70px 0;
}
.custom-our-story  p.image-with-text__text.image-with-text__text--caption {
font-size: 28px;
line-height: 34px;
}
.custom-testimonials .sun-rotate {
top: 40px;
width: 80px;
left: 70px;
height: 80px;
}
.sun-rotate img {
max-width: 100%;
}
.featured-banner-main .banner__box h2.banner__heading.inline-richtext.h1 {
font-size: 52px;
line-height: 56px;
}
.featured-banner-main  .banner__text p {
font-size: 20px;
line-height: 25px;
}
.featured-banner-main {
padding: 50px 0;
min-height: 800px !important;
}
.banner-heading {
font-size: 52px;
line-height: 51px;
}
.join-heading h2 {
font-size: 130.3px;
line-height: 100px;
}
.join-polaroid .ff-rotate {
right: -10px;
top: -30px;
}
.join-tagline p {
white-space: nowrap;
}
.join-the-badge {
font-size: 28.87px;
}
.custom-announcement-bar.yellow-layout .custom-announcement-item {
font-size: 24px;
gap: 20px;
}
.custom-announcement-bar.yellow-layout .custom-announcement-item img {
width: 24px;
height: 24px;
}
.banner-info-wrapper {
height: 585px;
}
.join-polaroid-collage .join-polaroid.join-polaroid--center {
    padding: 10px;
    width: 420px;
    padding-bottom: 60px;
    height: 585px;
}
.join-polaroid.join-polaroid--left {
    left: -40px;
    top: 70px;
    width: 230px;
}
.join-polaroid.join-polaroid--right {
    bottom: -80px;
    width: 210px;
}


}

@media only screen and (min-width: 768px) and (max-width: 991px) 
{

.joinn-ct-logo {
width: 170px;
}
.banner-info-section.kisuii-swimwear-footer .banner-content h2.banner-heading {
font-size: 142.81px;
line-height: 121.52px;
}
.page-width, .header-top, .home-why-choose .page-width, .main-banner-section .banner__content
{
max-width: 700px;
}
.custom-our-story .image-with-text__grid:before {
left: -30px;
bottom: auto;
height: 50px;
width: 110px;
top: 30%;
}
.main-banner-section .slider__slide {
height: 720px;
padding-left: 20px;
padding-right: 20px;
}
.custom-footer__col.custom-footer__col--brand {
padding-right: 0;
}
.custom-footer-main {
padding: 80px 0  00px 0;
}
.custom-footer-main .ff-rotate {
left: 1%;
top: 40px;
}
.join-tagline {
font-size: 25.95px;
height: 45px;
padding: 4px 10px;
}
.main-banner-section h2.banner__heading.inline-richtext.h1 {
font-size: 75px;
line-height: 44.58px;
padding-bottom: 80px;
}
.main-banner-section h2.banner__heading.inline-richtext.h1 strong {
top: 70px;
left: -10px;
}

.main-banner-section  .banner__text.rte p {
font-size: 17px;
line-height: 25px;
}
nav.header__inline-menu  ul.list-menu.list-menu--inline a.list-menu__item {
font-size: 16px;
}
.header-wrapper header.page-width nav.header__inline-menu ul {
gap: 25px;
}
.home-why-choose {
padding: 70px 0 90px 0;
}
.home-why-choose h2.title.inline-richtext.h1, .custom-our-story h2.image-with-text__heading, .home-featured-main .collection-list-title, .featured-fav-product1 .collection__title h2.title, .custom-testimonials h2.title.inline-richtext.h1, .stc-heading h2, .custom-faq__left h2.custom-faq__heading.h1
{
font-size: 40px;
}

.home-why-choose h3.inline-richtext {
font-size: 30px;
}
.custom-our-story {
padding: 40px 0 70px 0 !important;
}
.home-featured-main {
padding: 70px 0 20px 0;
}
.featured-fav-product1 {
padding: 70px 0;
}
.custom-testimonials {
padding: 70px 0;
}
.custom-faq-main {
padding-bottom: 70px;
}
.custom-faq__right .accordion summary h3.accordion__title {
font-size: 27px;
}
.custom-faq__grid .custom-faq__left {
width: 100%;
text-align: center;
}
.custom-faq__grid .custom-faq__right {
width: 100%;
}
.insta-feed-section {
padding: 70px 0 70px 0;
}
.custom-our-story  p.image-with-text__text.image-with-text__text--caption {
font-size: 28px;
line-height: 34px;
}
.custom-testimonials .sun-rotate {
top: 40px;
width: 80px;
left: 70px;
height: 80px;
}
.sun-rotate img {
max-width: 100%;
}
.featured-banner-main .banner__box h2.banner__heading.inline-richtext.h1 {
font-size: 52px;
line-height: 56px;
}
.featured-banner-main  .banner__text p {
font-size: 20px;
line-height: 25px;
}
.banner-info-section .banner__buttons a {
height: 40px;
font-size: 14px;
padding: 10px 18px;
margin-top: 20px;
}
p.banner-subheading {
font-size: 14px;
}

.join-polaroid .ff-rotate {
right: -10px;
top: -30px;
}
.join-heading h2 {
font-size: 70.3px;
line-height: 60px;
padding-right: 30px;
}
.join-tagline p {
white-space: nowrap;
}
.custom-announcement-bar.yellow-layout .custom-announcement-item {
font-size: 24px;
gap: 20px;
}
.custom-announcement-bar.yellow-layout .custom-announcement-item img {
width: 24px;
height: 24px;
}
.banner-info-wrapper {
height: 435px;
}
.stc-section {
padding: 100px 0 60px 0;
}
.insta-shape1 img {
max-width: 100%;
}
.insta-shape1 {
right: 10px;
top: -40px;
width: 70px;
}
.custom-announcement-item {
gap: 20px;
}
.main-banner-section  .banner__buttons a.button {
height: 48px;
font-size: 15px;
padding: 10px 20px;
}
.header--top-center header-drawer {
position: absolute;
left: 40px;
}
.header-top .serch-out {
display: none;
}
.header-top {
padding-left: 40px;
}
.header--top-center header-drawer .header__icon .icon {
color: #ffd200 !important;
opacity: 1;
}
.header-top .header__icon .icon {
color: #ffffff !important;
}
.custom-our-story .sun-rotate {
right: 2%;
top: 0px;
z-index: 5;
width: 90px;
}
.custom-our-story .image-with-text__grid.grid {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.custom-our-story .image-with-text__grid.grid .grid__item {
width: 100%;
max-width: 100%;
}
.custom-our-story .image-with-text__content--top {
justify-content: flex-start;
align-self: flex-start;
justify-content: center;
align-items: center;
text-align: center;
padding: 30px 0 0 0;
}
.custom-our-story .image-with-text__content--desktop-left>* {
align-self: flex-start;
text-align: center;
}
.custom-our-story .image-with-text__heading {
margin-bottom: 0;
width: 100%;
}
.home-featured-main .grid {
column-gap: 12px;
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 10px;
}
.featured-banner-main {
padding: 50px 0;
min-height: 700px !important;
}
.featured-banner-main.banner--mobile-bottom .banner__box {
padding: 0;
}
.featured-fav-product1 .custom-slick-slider .slick-prev, .featured-fav-product1 .custom-slick-slider .slick-next {
width: 44px;
height: 44px;
}
.featured-fav-product1 .custom-slick-slider .slick-prev:before, .featured-fav-product1 .custom-slick-slider .slick-next:before {
width: 22px;
height: 22px;
background-size: contain;
}
.featured-fav-product1 .card__information h3 {
font-size: 25px;
margin-bottom: 10px;
min-height: 50px;
}
.banner-heading {
font-size: 40px;
line-height: 40px;
}
.featured-fav-product1 .card__information .card-information .price__container {
font-size: 14px;
}
.featured-fav-product1  .banner__buttons {
margin-top: 20px;
}
.custom-testimonial-slider .slick-slide {
padding: 0 20px;
}
.testimonial-author-name {
font-size: 20px;
}
.custom-announcement-bar.custom-announcement-bar.yellow-layout {
height: 54px;
}
.join-club-inn {
flex-direction: column-reverse;
}
.join-right {
width: 100%;
margin-bottom: 20px;
}
.join-left {
width: 100%;
}
.join-heading-wrap {
margin-top: 10px;
margin-bottom: 20px;
text-align: center;
}
.join-the-badge {
font-size: 24.87px;
left: -10px;
}
.join-taglines {
gap: 8px;
position: relative;
top: 0;
right: 40px;
}
.join-club-lefbar1 {
margin-top: 0;
}
.join-taglines {
gap: 8px;
right: 40px;
width: 220px;
}
.join-club-lefbar1 {
max-width: 310px;
}
.join-cta-wrap {
top: 0;
}
section.join-club-section .page-width {
position: relative;
z-index: 6;
}
.custom-faq__grid {
gap: 30px;
flex-direction: column;
}
.custom-faq__grid .custom-faq__left {
width: 100%;
text-align: center;
}
.custom-faq__grid .custom-faq__right {
width: 100%;
}

.custom-footer__grid {
display: flex;
grid-template-columns: 1f;
gap: 30px;
flex-direction: column;
text-align: center;
justify-content: center;
}
.custom-footer__col.custom-footer__col {
width: 100%;
}
ul.custom-footer__social-custom {
display: flex;
align-items: center;
gap: 10px;
justify-content: center;
margin-top: 0;
}
.custom-footer__col.custom-footer__col--brand {
flex-direction: column;
align-items: center;
}
.banner-info-section.kisuii-swimwear-footer .banner-content {
bottom: -80px;
}
ul.custom-footer__social-custom li a {
width: 40px;
height: 40px;
}
.custom-footer__nav {
gap: 3px;
}
.custom-footer__newsletter {
margin-top: 40px;
display: flex;
flex-direction: column;
justify-content: c;
align-items: center;
width: 100%;
}
.header__icon--menu .icon {
transform: scale(1.4);
}
.custom-our-story .image-with-text__text.rte.body p, .featured-fav-product1 .collection__title .collection__description p, .testimonial-desc, .custom-faq__left .custom-faq__content.rte p 
{
font-size: 14px;
line-height: 22px;
}

.join-polaroid-collage .join-polaroid.join-polaroid--center {
    padding: 10px;
    width: 350px;
    padding-bottom: 60px;
    height: 545px;
}
.join-polaroid.join-polaroid--left {
    left: 30px;
    top: 50px;
    width: 190px;
}
.join-polaroid.join-polaroid--right {
    bottom: -60px;
    width: 170px;
    right: 70px;
}
.ff-rotate.rt-view {
    right: 20px;
    top: 50px;
}
.join-right {
    min-height: 610px;
}
.join-polaroid-collage .join-polaroid.join-polaroid--center:before {
    top: -14px;
    width: 130px;
    height: 50px;
    background-size: 130px;
}



}

@media only screen and (max-width:767px)
{
	
.main-banner-section .slider__slide .slideshow__text-wrapper.banner__content {
    background: #eff8ff !important;
}
.joinn-ct-logo {
width: 170px;
}
.banner-info-section.kisuii-swimwear-footer .banner-content h2.banner-heading {
font-size: 142.81px;
line-height: 121.52px;
}
.page-width, .header-top, .home-why-choose .page-width, .main-banner-section .banner__content {
    max-width: 100%;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.custom-our-story .image-with-text__grid:before {
    left: 0;
    bottom: auto;
    height: 40px;
    width: 60px;
    top: 30%;
    background-size: contain;
}
.main-banner-section .slider__slide {
    height: 100%;
    min-height: 590px;
}
.custom-footer__col.custom-footer__col--brand {
padding-right: 0;
}
.custom-footer-main {
padding: 80px 0  00px 0;
}
.custom-footer-main .ff-rotate {
left: 1%;
top: 40px;
}
.join-tagline {
font-size: 25.95px;
height: 45px;
padding: 4px 10px;
}
.main-banner-section h2.banner__heading.inline-richtext.h1 strong {
    top: 50px;
    left: 0;
    left: 0;
}
.main-banner-section .slideshow__text.banner__box {
    padding: 30px 0 80px 0;
}
.main-banner-section h2.banner__heading.inline-richtext.h1 {
    font-size: 55px;
    line-height: 44.58px;
    padding-bottom: 55px;
    color: #182552;
    width: 100%;
    text-align: center;
}
.main-banner-section .banner__buttons {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 1rem;
    max-width: 45rem;
    word-break: break-word;
    width: 100%;
    justify-content: center;
    max-width: 100%;
}
.main-banner-section .banner__text.rte {
    width: 100%;
    text-align: center;
}
.main-banner-section .slider-counter__link--dots .dot {
    border: 1px solid #182552 !important;
}
.main-banner-section .slider-counter__link--active.slider-counter__link--dots .dot {
    background-color: #182552;
}
.main-banner-section  .banner__text.rte p {
    font-size: 15px;
    line-height: 22px;
    color: #182552;
}
.slideshow__text-wrapper.banner__content.banner__content--middle-right .slideshow__text.banner__box.content-container .banner__text.rte {
    justify-content: center;
    justify-content: center;
}
nav.header__inline-menu  ul.list-menu.list-menu--inline a.list-menu__item {
font-size: 16px;
}
.header-wrapper header.page-width nav.header__inline-menu ul {
gap: 25px;
}
.home-why-choose {
padding: 70px 0 90px 0;
}
.home-why-choose h2.title.inline-richtext.h1, .custom-our-story h2.image-with-text__heading, .home-featured-main .collection-list-title, .featured-fav-product1 .collection__title h2.title, .custom-testimonials h2.title.inline-richtext.h1, .stc-heading h2, .custom-faq__left h2.custom-faq__heading.h1 {
    font-size: 34px;
}
.join-cta-wrap a {
    font-size: 15px;
    padding: 10px 36px;
}

.home-why-choose h3.inline-richtext {
font-size: 30px;
}
.custom-our-story {
padding: 40px 0 70px 0 !important;
}
.home-featured-main {
padding: 70px 0 20px 0;
}
.featured-fav-product1 {
padding: 70px 0;
}
.custom-testimonials {
padding: 70px 0;
}
.custom-faq-main {
padding-bottom: 70px;
}
.custom-faq__right .accordion summary h3.accordion__title {
font-size: 27px;
}
.custom-faq__grid .custom-faq__left {
width: 100%;
text-align: center;
}
.custom-faq__grid .custom-faq__right {
width: 100%;
}
.insta-feed-section {
padding: 70px 0 70px 0;
}
.custom-our-story  p.image-with-text__text.image-with-text__text--caption {
font-size: 28px;
line-height: 34px;
}
.custom-testimonials .sun-rotate {
top: 40px;
width: 80px;
left: 70px;
height: 80px;
}
.sun-rotate img {
max-width: 100%;
}
.featured-banner-main .banner__box h2.banner__heading.inline-richtext.h1 {
    font-size: 42px;
    line-height: 46px;
}
.featured-banner-main  .banner__text p {
    font-size: 14px;
    line-height: 18px;
}
.featured-fav-product1 .collection__title {
    text-align: center;
}
.banner-info-section .banner__buttons a {
height: 40px;
font-size: 14px;
padding: 10px 18px;
margin-top: 20px;
}
p.banner-subheading {
font-size: 14px;
}

.join-polaroid .ff-rotate {
right: -10px;
top: -30px;
}
.join-heading h2 {
font-size: 70.3px;
line-height: 60px;
padding-right: 30px;
}
.join-tagline p {
white-space: nowrap;
}
.custom-announcement-bar.yellow-layout .custom-announcement-item {
font-size: 24px;
gap: 20px;
}
.custom-announcement-bar.yellow-layout .custom-announcement-item img {
width: 24px;
height: 24px;
}
.banner-info-wrapper {
height: 435px;
}
.stc-section {
padding: 100px 0 60px 0;
}
.insta-shape1 img {
max-width: 100%;
}
.insta-shape1 {
right: 10px;
top: -40px;
width: 70px;
}
.custom-announcement-item {
gap: 20px;
}
.main-banner-section  .banner__buttons a.button {
height: 48px;
font-size: 15px;
padding: 10px 20px;
}
.header--top-center header-drawer {
    position: absolute;
    left: 22px;
}
.header-top .serch-out {
display: none;
}
.header-top {
    padding-left: 60px !important;
}
.header--top-center header-drawer .header__icon .icon {
color: #ffd200 !important;
opacity: 1;
}
.header-top .header__icon .icon {
color: #ffffff !important;
}
.js details[open].menu-opening>.menu-drawer, details[open].menu-opening>.menu-drawer__submenu {
    width: 240px;
}
.cloud-top-shape {
    top: -40px;
    left: 0;
    width: 100%;
    height: 60px;
}
.custom-our-story .sun-rotate {
right: 2%;
top: 0px;
z-index: 5;
width: 90px;
}
.featured-banner-main .scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in {
    opacity: 1;
    animation: var(--animation-fade-in);
    background: #1825527d;
}


.custom-our-story .image-with-text__grid.grid {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.custom-our-story .image-with-text__grid.grid .grid__item {
width: 100%;
max-width: 100%;
}
.custom-our-story .image-with-text__content--top {
justify-content: flex-start;
align-self: flex-start;
justify-content: center;
align-items: center;
text-align: center;
padding: 30px 0 0 0;
}
.custom-our-story .image-with-text__content--desktop-left>* {
align-self: flex-start;
text-align: center;
}
.custom-our-story .image-with-text__heading {
margin-bottom: 0;
width: 100%;
}
.home-featured-main .grid {
column-gap: 12px;
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 10px;
}
.featured-banner-main {
    padding: 0px 0 50px 0;
    min-height: 100% !important;
    min-height: 600px;
    background: #fff;
}
.featured-banner-main.banner--mobile-bottom .banner__box .banner__text.rte.body {
    justify-content: center;
}
.featured-banner-main .banner__content {
    padding: 30px 0 0 0;
}
.featured-banner-main.banner--mobile-bottom .banner__box {
padding: 0;
}
.featured-fav-product1 .custom-slick-slider .slick-prev, .featured-fav-product1 .custom-slick-slider .slick-next {
width: 44px;
height: 44px;
}
.featured-fav-product1 .custom-slick-slider .slick-prev:before, .featured-fav-product1 .custom-slick-slider .slick-next:before {
width: 22px;
height: 22px;
background-size: contain;
}
.featured-fav-product1 .card__information h3 {
    font-size: 25px;
    margin-bottom: 10px;
    min-height: 1px;
}
.card--standard>.card__content .card__information {
    padding-bottom: 0;
}

.banner-heading {
font-size: 40px;
line-height: 40px;
}
.featured-fav-product1 .card__information .card-information .price__container {
font-size: 14px;
}
.featured-fav-product1  .banner__buttons {
    margin-top: 10px;
}
.watermark-logo {
    width: 110px;
    height: 110px;
}
.watermark-logo img {
    max-width: 100%;
}
.custom-testimonial-slider .slick-slide {
padding: 0 20px;
}
.testimonial-author-name {
font-size: 20px;
}
.custom-announcement-bar.custom-announcement-bar.yellow-layout {
height: 54px;
}
.join-club-inn {
    flex-direction: column-reverse;
    margin-bottom: 30px;
}
.join-right {
width: 100%;
margin-bottom: 20px;
}
.join-left {
width: 100%;
}
.join-heading-wrap {
margin-top: 10px;
margin-bottom: 20px;
text-align: center;
}
.join-the-badge {
font-size: 24.87px;
left: -10px;
}
.join-taglines {
gap: 8px;
position: relative;
top: 0;
right: 40px;
}
.join-club-lefbar1 {
margin-top: 0;
}
.join-taglines {
gap: 8px;
right: 40px;
width: 220px;
}
.join-club-lefbar1 {
max-width: 310px;
}
.join-cta-wrap {
top: 0;
}
section.join-club-section .page-width {
position: relative;
z-index: 6;
}
.custom-faq__grid {
gap: 30px;
flex-direction: column;
}
.custom-faq__grid .custom-faq__left {
width: 100%;
text-align: center;
}
.custom-faq__grid .custom-faq__right {
width: 100%;
}

.custom-footer__grid {
display: flex;
grid-template-columns: 1f;
gap: 30px;
flex-direction: column;
text-align: center;
justify-content: center;
}
.custom-footer__col.custom-footer__col {
width: 100%;
}
ul.custom-footer__social-custom {
display: flex;
align-items: center;
gap: 10px;
justify-content: center;
margin-top: 0;
}
.custom-footer__col.custom-footer__col--brand {
flex-direction: column;
align-items: center;
}
.banner-info-section.kisuii-swimwear-footer .banner-content {
bottom: -80px;
}
ul.custom-footer__social-custom li a {
width: 40px;
height: 40px;
}
.custom-footer__nav {
gap: 3px;
}
.custom-footer__newsletter {
margin-top: 40px;
display: flex;
flex-direction: column;
justify-content: c;
align-items: center;
width: 100%;
}
.header__icon--menu .icon {
transform: scale(1.4);
}
.custom-our-story .image-with-text__text.rte.body p, .featured-fav-product1 .collection__title .collection__description p, .testimonial-desc, .custom-faq__left .custom-faq__content.rte p 
{
font-size: 14px;
line-height: 22px;
}
.slideshow__text-wrapper.banner__content.banner__content--middle-right .slideshow__text.banner__box.content-container .banner__text.rte p {
    text-align: center;
    max-width: 100%;
}
	

.banner__heading,
.banner__heading strong,
.banner__text p {
	background: linear-gradient(
		90deg,
		rgba(24, 37, 82, 0.3) 0%,
		rgba(24, 37, 82, 1) 50%,
		rgba(24, 37, 82, 0.3) 100%
	);
	background-size: 200% auto;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
}


.join-polaroid-collage .join-polaroid.join-polaroid--center {
    padding: 10px;
    width: 350px;
    padding-bottom: 60px;
    height: 545px;
}
.join-polaroid.join-polaroid--left {
    left: 30px;
    top: 50px;
    width: 190px;
}
.join-polaroid.join-polaroid--right {
    bottom: -60px;
    width: 170px;
    right: 70px;
}
.ff-rotate.rt-view {
    right: 20px;
    top: 50px;
}
.join-right {
    min-height: 610px;
}
.join-polaroid-collage .join-polaroid.join-polaroid--center:before {
    top: -14px;
    width: 130px;
    height: 50px;
    background-size: 130px;
}



}

@media only screen and (max-width:639px)
{
.custom-slick-slider .slick-slide {
    padding: 0px;
}	
.custom-slick-slider .slick-slide {
height: auto;
padding: 0;
}
.join-flower.join-flower--top {
    right: 30px;
    top: 20px;
}
.joinn-ct-logo {
    width: 130px;
}
.cusrve-vactorr-mz img {
    width: 74px;
}
.custom-testimonials .trees-shape {
    right: 10px;
    bottom: 6px;
}
.banner-content {
    max-width: 100%;
    width: 100%;
}
.hotspot-card {
    width: 300px;
    padding: 15px;
    top: 38px;
}
.featured-fav-product1 .collection__title .collection__description p br {
    display: none;
}
.join-club-section .cloud-top-shape {
    height: 60px;
    bottom: -30px;
}
.home-featured-main .grid {
    column-gap: 12px;
    display: grid;
    grid-template-columns: 1fr;
}
.home-featured-main .grid li .card-wrapper .card .card__content h3.card__heading {
    font-size: 28px;
    margin-bottom: 16px;
}
.featured-fav-product1 .collection__title {
    margin: 0 auto 20px auto !important;
}
.home-featured-main .grid {
    padding: 0px !important;
}
.home-featured-main .title-wrapper-with-link {
    margin-bottom: 20px;
}
.footer-shape2 {
	right: 30px;
	bottom: 160px;
	width: 70px;
}
.custom-announcement-bar.custom-announcement-bar.yellow-layout {
	height:46px;
}
.custom-faq-main .trees-shape {
    left: 20px;
}
.stc-section {
    padding: 70px 0 40px 0;
}
.insta-feed-section {
    padding: 50px 0 70px 0;
}
.banner-content {
    padding-left: 15px;
    padding-right: 15px;
}
.watermark-logo {
    width: 80px;
    height: 90px;
    right: 20px;
    bottom: 20px;
}
.banner-info-wrapper {
    height: 495px;
    padding-left: 0;
}
.hotspot {
    margin-top: 90px;
}
.hotspot-btn {
    width: 35px;
    height: 35px;
}
.hotspot-card h4 {
    font-size: 22px;
    line-height: 24px;
}
.hotspot-card p {
    font-size: 10px;
    line-height: 14px;
}
.hotspot-icon {
    width: 34px;
    margin-bottom: 2px;
}
.featured-banner-main .banner__content.banner__content--top-right.page-width.scroll-trigger.animate--slide-in {
    max-width: 95%;
    padding-top: 30px;
}
.cloud-top-shape {
    top: -20px;
    left: 0;
    width: 100%;
    height: 30px;
}
.home-why-choose {
    padding: 70px 0 60px 0;
}
.custom-slick-slider .slick-slide {
    padding: 0px !important;
}
.custom-faq__right .accordion summary {
    padding: 21px 0;
    justify-content: space-between;
}
.header-top {
    padding-right: 25px !important;
}

.join-polaroid-collage .join-polaroid.join-polaroid--center:before {
    top: -34px;
    width: 110px;
    background-size: contain;
}

.join-polaroid.join-polaroid--left {
    left: 0px;
    top: 60px;
    width: 140px;
}
.join-polaroid.join-polaroid--right {
    bottom: -20px;
    width: 140px;
    right: 20px;
}
.join-polaroid-collage .join-polaroid.join-polaroid--center .join-polaroid__img-wrap:after {
    height: 94%;
}
.join-polaroid-collage .join-polaroid.join-polaroid--center {
    padding: 10px;
    width: 330px;
    padding-bottom: 40px;
    height: 495px;
}

.join-right {
    min-height: 530px;
}
.join-polaroid-collage .join-polaroid.join-polaroid--center:before {
    top: -14px;
    width: 110px;
    background-size: contain;
}
.ff-rotate.rt-view {
	right: 20px;
	top: -50px;
}
.custom-testimonials .trees-shape {
	right: 30px;
	bottom: 6px;
}
.custom-our-story .image-with-text__grid::before {
	left: 20px;
	height: 30px;
	width: 50px;
	top: 30%;
}
.custom-our-story .sun-rotate {
	right: 20px;
	width: 70px;
}
.custom-testimonials .sun-rotate {
	top: 20px;
	width: 70px;
	left: 15px;
	height: 80px;
}


}
@media only screen and (max-width: 989px) 
{
body.inner-page main#MainContent {
	padding: 80px 0 0;
}
}
@media only screen and (max-width: 479px) 
{
.header--top-center *>.header__search {
    display: none;
}	
.join-polaroid-collage .join-polaroid.join-polaroid--center {
    padding: 6px;
    width: 260px;
    padding-bottom: 30px;
    height: 425px;
}
.join-polaroid.join-polaroid--left {
    left: -10px;
    top: -50px;
    width: 110px;
}
.join-polaroid.join-polaroid--right {
    bottom: -20px;
    width: 100px;
    right: -10px;
}
.join-right {
    min-height: 470px;
}


	
}