/** Shopify CDN: Minification failed

Line 761:1 Expected "}" to go with "{"

**/
@font-face {
  font-family: 'EuclidFlex';
  src: url(//www.hoj.life/cdn/shop/t/69/assets/EuclidFlex-Regular.woff?v=41131429967004360221741657527);
  font-weight: 300;
}

@font-face {
  font-family: 'EuclidFlex';
  src: url(//www.hoj.life/cdn/shop/t/69/assets/EuclidFlex-RegularItalic.woff?v=97713794412102730691741657542);
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'EuclidFlex';
  src: url(//www.hoj.life/cdn/shop/t/69/assets/EuclidFlex-Light.woff?v=131578339209682846011741657479);
  font-weight: 300;
}

@font-face {
  font-family: 'EuclidFlex';
  src: url(//www.hoj.life/cdn/shop/t/69/assets/EuclidFlex-LightItalic.woff?v=19947860841717954521741657488);
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'EuclidFlex';
  src: url(//www.hoj.life/cdn/shop/t/69/assets/EuclidFlex-Ultralight.woff?v=8230779905312718151741657557);
  font-weight: 100;
}

@font-face {
  font-family: 'EuclidFlex';
  src: url(//www.hoj.life/cdn/shop/t/69/assets/EuclidFlex-UltralightItalic.woff?v=96285417424376839571741657567);
  font-weight: 100;
  font-style: italic;
}
body {
    font-family: 'EuclidFlex', sans-serif !important;
    font-size: 16px;
    letter-spacing: .2px;
    color: #595959;
}

/* Headings ke liye Custom Font */
h1, h2, h3, h4, h5, h6, p {
     font-family: 'EuclidFlex', sans-serif !important;
}

.flexslider,
.flex-viewport,
.flexslider .slides,
.flexslider .slides li {
  margin: 0 !important;
  background: transparent !important;
  border: none !important; }

.flexslider .slides li h3,
.flexslider .slides li p,
.flexslider .slides li img,
.flexslider .slides li a {
  display: block;
  text-align: center; }

.flexslider .slides li img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 190px;
  height: auto; }
div#shopify-section-template--18919545733372__squared_mosaic_iy34WQ {
    flex-wrap: wrap;
    grid-column-gap: unset;
}
.template-index .shopify-section.hj-canvas {
	margin-top: -341px;
    z-index: -1;
}
.template-index .shopify-section.hj-canvas figure {
	padding-top: 0;
	padding-bottom: 0; }

.background-cover {
    background-size: cover;
}
.background-top {
    background-position: top center;
}
figure {
    margin: 0;
}

.flex-wide {
  flex-grow: 1; }
.flex, .js-qty, .shopify-policy__container {
  display: flex;
}
section#shopify-section-template--18869806366972__partners_RVaHf3 {
    flex-wrap: nowrap;
}
.flex-row-reverse {
    flex-direction: row-reverse;
}
@media screen and (min-width: 640px) {
    .sm\:py-70 {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}
@media screen and (min-width: 640px) {
    .sm\:w-1\/2, .sm\:w-2\/4, .sm\:w-3\/6, .sm\:w-6\/12 {
        width: 50%;
    }
}
.flex-column, .navigation-is-open .mobile-navigation ul {
    flex-direction: column;
}
.mt-3 {
    margin-top: 1.75rem;
}
.mb-2, .product-article h3 {
    margin-bottom: 1rem;
}
.accent {
	color: #fc0d1c;
}
.mb-2, .product-article h3 {
    margin-bottom: 1rem;
}
.text-h3, .shopify-policy__body h3, .inner-content h3, #product-description h3, .shopify-policy__container .shopify-policy__body h3 {
    font-size: 24px;
    line-height: 32px;
    color: var(--color-dark);
}
.btn {
    border: 0;
    padding: .75rem 1.75rem;
    transition: background .3s;
    align-items: center;
}
.justify-center, .btn {
    justify-content: center;
}
.mt-2 {
    margin-top: 1rem;
}
.font-medium, .btn, .btn-link {
    font-weight: 400;
}
.text-h5, .btn {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .1px;
    line-height: 24px;
}
.text-center, .btn {
    text-align: center;
}
.flex-inline, .btn, .btn-link {
    display: inline-flex;
}
.hover\:light:hover, .active\:light:active, .light, .btn, [product-customization] input[type=radio]:checked+label {
	color: #E6E4E1;
}
.text-p, .product-article p, .shopify-policy__body p, .inner-content p {
    font-size: 16px;
    letter-spacing: .1px;
    line-height: 24px;
}
.text-p p {
	margin-top: 16px;
	margin-bottom: 16px;
}
div#shopify-section-template--18869806366972__image_with_text_sec_d4c9xC .container h3 {
	font-weight: bold;
    text-transform: unset;
}
.mosaic-square p strong {
    display: inline-block;
}
.squared strong {
	color: #fc0d1c;
}
@media screen and (min-width: 640px) {
    .sm\:mt-8 {
        margin-top: 10rem;
    }
}
@media screen and (min-width: 640px) {
    .btn {
        width: auto;
    }
}
section#shopify-section-template--18869806366972__partners_RVaHf3 {
	flex-wrap: unset;	
}
.my-70 {
    margin-bottom: 70px;
    margin-top: 70px;
}
body {
    font-family: EuclidFlex, sans-serif;
    font-size: 16px;
    background-color: #fffdf9;
    color: #595959;
    letter-spacing: .2px;
}
.shopify-section.editorial-article {
	background-color: #f5f3ef;
}
.items-center, .btn-link {
    align-items: center;
}
.flex-wrap, .shopify-policy__container {
    flex-wrap: wrap;
}
.py-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}
.btn-link--red {
	color: #fc0d1c;
}
.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.z-10 {
    z-index: 10;
}
.absolute {
    position: absolute;
}
.light {
	color: #E6E4E1;
}
.squared:after {
    padding-top: 100%;
}
.boxed:after, .card-image:after, .squared:after {
    content: "";
    display: block;
    position: relative;
}
.background-cover {
    background-size: cover;
}
.relative, .btn-link, .desktop-navigation a {
    position: relative;
}
.py-140 {
    padding-top: 140px;
    padding-bottom: 140px;
}
.inset-10, .inset-gutter {
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
}
.bg-grey {
    background: #595959;
}
section#shopify-section-template--18919545733372__logo_section_iHzMq9 {
    flex-wrap: unset;
}
@media screen and (min-width: 640px) {
    .sm\:flex {
        display: flex;
    }
}
.has-animation--zoomin-out:hover img {
    transform: scale(1.1);
}
@media screen and (min-width: 640px) {
    .footer__main {
        padding: 40px 16px 85px !important;
        color: #c3c3c3;
    }
@media screen and (min-width: 640px) {
    .sm\:p-70 {
        padding: 70px;
    }
}
@media screen and (min-width: 640px) {
    .sm\:pt-140 {
        padding-top: 140px;
    }
}
.has-animation--zoomin-out:hover img {
    transform: scale(1.1);
}
.squared-mosaic a.btn-link.btn-link--red {
	display: inline-block;
}
.sticky-header-show .header-shortlink {
    --padding: 8px 12px;
    cursor: pointer;
    padding: var(--padding);
    color: #000;
    font-weight: bold;
}
.btn-link:after {
    content: "";
    width: 7px;
    height: 7px;
    display: inline-block;
    border-right: 1px solid;
    border-bottom: 1px solid;
    transform: rotate(-45deg) translateY(2px);
    margin-left: 5px;
    transition: margin-left .3s;
}
.btn-link:before {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    transition: width .3s;
    position: absolute;
    bottom: -2px;
    left: 50%;
    margin-left: -8px;
    transform: translate3d(-50%, 0, 0);
}
.btn-link:hover {
    text-decoration: none;
}
.btn-link:hover:before {
    width: calc(100% - 20px);
    background: #fc0d1c;
}
.squared-mosaic .container {
      display: inline;
}
.btn-link:hover:after {
    margin-left: 8px;
}
.desktop-navigation a:hover:before, [data-tab].active:before {
    background-color: #fc0d1c;
}
@media screen and (min-width: 640px) and (min-width: 640px) {
    .sm\:text-h1 {
		font-size: 40px;
          line-height: 48px;
          text-transform: unset;
          margin-top: 33px;
          margin-bottom: 33px;
          font-weight: bold;
          letter-spacing: -1px;
          color: #1e1e1e;
    }
}
@media screen and (min-width: 640px) {
    .footer__main {
        padding: 40px 16px 85px;
        color: #c3c3c3;
    }
}
@media screen and (min-width: 640px) {
    .sm\:ml-1\/12 {
        margin-left: 8.33333%;
    }
}
.w-1\/2, .shopify-policy__container .shopify-policy__body, .w-2\/4, .w-3\/6, .w-6\/12 {
    width: 50%;
}
.flex-column, .navigation-is-open .mobile-navigation ul {
    flex-direction: column;
}
.footer__main a {
    color: #fff;
    text-decoration: none;
    line-height: 32px;
}
@media screen and (min-width: 640px) {
    .sm\:w-5\/12 {
        width: 41.66667%;
    }
}
@media screen and (min-width: 640px) {
    .sm\:w-1\/3, .sm\:w-2\/6, .sm\:w-4\/12 {
        width: 33.33333%;
    }
}
div#shopify-section-template--18869806366972__faq_pEqf6d h2.mb-16:after {
    content: "";
    width: 42px;
    height: 2px;
    margin-top: .5rem;
    background-color: #fc0d1c;
    display: block;
}

div#shopify-section-template--18869806366972__faq_pEqf6d h2.mb-16 {
    font-size: 32px;
    line-height: 38px;
}
@media screen and (min-width: 1140px) {
	div#shopify-section-template--18869806366972__image_with_text_sec_d4c9xC .container, div#shopify-section-template--18869806366972__image_with_text_sec_axQtFf .container, section#shopify-section-template--18869806366972__partners_RVaHf3, .shopify-section.editorial-article .container, .squared-mosaic.container, .squared-mosaic.container .container, section#shopify-section-16165416206da60619.container, div#shopify-section-template--18869806366972__faq_pEqf6d  {
		max-width: 1140px;
		margin: 0 auto;
	}
    .container.sm\:flex.footer__main.p-gutter, .bg-dark.p-3.font-light.text-c .container {
        max-width: 1140px;
		margin: 0 auto;
    }
    section#shopify-section-template--18869806366972__customtestimonial_Gzk4CU {
        max-width: 1140px;
        margin: 0 auto;
    }
}
.hover\:bg-dark:hover, .active\:bg-dark:active, .bg-dark, .btn {
    background-color: #1e1e1e;
}
.p-3 {
    padding: 1.5rem;
}
.justify-between {
    justify-content: space-between;
}
@media screen and (min-width: 640px) {
    .sm\:w-1\/6, .sm\:w-2\/12 {
        width: 16.66667%;
    }
}
.footer__main .profile-urls svg {
    vertical-align: middle;
}
.footer__main .profile-urls {
    font-size: 14px;
}
.mt-2 {
    margin-top: 1rem !important;
}
.footer__main ul {
    list-style: none;
    padding: 0;
}
.mt-2 {
    margin-top: 1rem;
}
@media screen and (min-width: 640px) {
    .text-h1, .product-article h3, #product-description h1, #product-description h2, .dynamic-content h2, .shopify-policy__container .shopify-policy__body h1 {
        font-size: 40px;
        line-height: 48px;
    }
}
@media screen and (min-width: 640px) {
    .sm\:w-full {
        width: 100% !important;
    }
}
@media screen and (min-width: 640px) {
    .sm\:order-last {
        order: 9999;
    }
}
div#shopify-section-template--18869806366972__faq_pEqf6d {
    padding-top: 70px;
    padding-bottom: 0px;
}
@media screen and (min-width: 640px) and (min-width: 640px) {
    .sm\:text-h2 {
        font-size: 32px;
        line-height: 38px;
    }
}
@media screen and (min-width: 640px) {
    .sm\:mt-8 {
        margin-top: 10rem;
    }
}
@media screen and (min-width: 640px) {
    .sm\:w-5\/6, .sm\:w-10\/12 {
        width: 83.33333%;
    }
}
@media screen and (min-width: 1140px) {
    div#shopify-section-template--18869806366972__blog_box_iyCwXc .sm\:w-5\/6.md\:w-full {
        max-width: 1140px;
		margin: 0 auto;
    }
}
@media screen and (min-width: 640px) {
    .h-xl {
        min-height: 900px;
    }
}
@media screen and (min-width: 640px) {
    .sm\:mt-140 {
        margin-top: 140px;
    }
}
@media screen and (min-width: 640px) {
    .sm\:px-130 {
        padding-left: 130px;
        padding-right: 130px;
    }
}
@media screen and (min-width: 900px) {
    .md\:w-full {
        width: 100% !important;
    }
}
@media only screen and (min-width: 768px) {
    .layout--top-left {
        grid-template-areas:
        "t t t t t . . . . . . ."
        "t t t t t . b b b b b b"
        ". s s s s s b b b b b b"
        ". s s s s s b b b b b b" !important;
    }
	.layout--top-right {
        grid-template-areas:
        ". . . . . . . t t t t t"
        "b b b b b b . t t t t t"
        "b b b b b b s s s s s ."
        "b b b b b b s s s s s ." !important;
    }
}
.image-duo-with-text .image-duo-grid h2 {
	font-weight: bold !important;
    font-size: 40px !important;
    letter-spacing: 0px !important;
    color: #1e1e1e !important;
    margin-bottom: 0;
    line-height: 48px;
}
  .image-duo-with-text .image-duo-grid h2 .phonetic-spelling,
.image-duo-with-text .image-duo-grid h2 span.phonetic-spelling {
    color: #fc0d1c !important;  /* Phonetic spelling in red */
}
  
.image-duo-with-text .image-duo-grid h3 {
	font-size: 24px !important;
    font-weight: bold;
} 
.image-duo-with-text .image-duo-grid p {
	font-size: 18px;
    letter-spacing: .1px;
    line-height: 24px;
    font-family: EuclidFlex, sans-serif !important;
    color: #595959;
	margin-top: 16px;
}

.image-duo-with-text .btn-group .btn {
    width: auto;
    border: 0;
    font-family: EuclidFlex, sans-serif;
    text-transform: capitalize;
    font-size: 16px;
    letter-spacing: .1px;
    line-height: 24px;
    font-weight: 500;
    margin-top: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    opacity: 1 !important;
    background: #1e1e1e !important;
}

div#template--18919546061052__rich_text_7YAMpQ .rte.rte--no-max.mt.sm-mt.size--default.sm-size--gigantic {
    padding-top: 140px;
    padding-bottom: 140px;
}
div#template--18919546061052__rich_text_7YAMpQ h2.hero__title.mt.sm-mt.size--default.sm-size--default {
    position: absolute;
    left: 15px;
    top: 0;
	font-size: 24px;
    line-height: 32px;
	font-family: 'EuclidFlex', sans-serif !important;
}
div#template--18919546061052__rich_text_7YAMpQ .rte.rte--no-max.mt.sm-mt.size--default.sm-size--gigantic p {
	font-family: 'EuclidFlex', sans-serif !important;
	font-size: 32px;
    line-height: 38px;
}
.sm-br-img h2.hero__title.mt.sm-mt.size--default.sm-size--default {
    font-size: 40px;
    line-height: 48px;
    color: #1e1e1e;
    font-family: 'EuclidFlex', sans-serif !important;
    font-weight: 700;
    text-transform: unset;
    letter-spacing: -2px !important;
}
.sm-br-img p {
	font-size: 16px;
    letter-spacing: .1px;
    line-height: 24px;
    margin-top: 16px;
    margin-bottom: 16px;
    font-family: 'EuclidFlex', sans-serif !important;
    color: #595959;
    font-weight: 500;
}
div#template--18919546061052__rich_text_7YAMpQ .rte.rte--no-max.mt.sm-mt.size--default.sm-size--gigantic {
    padding-top: 140px;
    padding-bottom: 140px;
}
div#template--18919546061052__rich_text_7YAMpQ h2.hero__title.mt.sm-mt.size--default.sm-size--default {
    position: absolute;
    left: 15px;
    top: 0;
	font-size: 24px;
    line-height: 32px;
	font-family: 'EuclidFlex', sans-serif !important;
}
div#template--18919546061052__rich_text_7YAMpQ .rte.rte--no-max.mt.sm-mt.size--default.sm-size--gigantic p {
	font-family: 'EuclidFlex', sans-serif !important;
	font-size: 32px;
    line-height: 38px;
}
.sm-br-img h2.hero__title.mt.sm-mt.size--default.sm-size--default {
    font-size: 40px;
    line-height: 48px;
    color: #1e1e1e;
    font-family: 'EuclidFlex', sans-serif !important;
    font-weight: 600;
    text-transform: unset;
}
.sm-br-img p {
	font-size: 16px;
    letter-spacing: .1px;
    line-height: 24px;
    margin-top: 16px;
    margin-bottom: 16px;
    font-family: 'EuclidFlex', sans-serif !important;
    color: #595959;
    font-weight: 500;
}



.hero__text h2.hero__title.mt.sm-mt.size--default.sm-size--default, .template-product .media-with-text h3, .container.mx-auto.flex.flex-wrap.py-35.sm\:py-70.how-to-video h2 {
    font-size: 32px;
    line-height: 38px;
    font-family: 'EuclidFlex', sans-serif !important;
    font-weight: bold;
    text-transform: unset;
    letter-spacing: -0.5px;
    color: #1e1e1e;
}
.template-product .media-with-text h3 {
   margin-bottom: 40px;
}
.template-product .richtext-section h2 strong, .template-product .hero__text .hero__text-container h2  {
    font-size: 40px;
    line-height: 40px;
    font-family: 'EuclidFlex', sans-serif !important;
    font-weight: bold;
    text-transform: math-auto;
    letter-spacing: -0.5px;
}
.container.mx-auto.flex.flex-wrap.py-35.sm\:py-70.how-to-video h2 {
  width: 100%;
}
.hero__text h2.hero__title.mt.sm-mt.size--default.sm-size--default:after, .template-product .media-with-text h3:after, .container.mx-auto.flex.flex-wrap.py-35.sm\:py-70.how-to-video h2:after {
	content: "";
    width: 42px;
    height: 2px;
    margin-top: .5rem;
    background-color: #fc0d1c;
    display: block;
}
.hero__text .rte.rte--no-max.mt.sm-mt.size--default.sm-size--default {
    margin-top: 100px;
}

.hero__text .rte.rte--no-max.mt.sm-mt.size--default.sm-size--default strong {
	line-height: 30px;
    font-size: 18px;
    font-weight: 400;
    color: #1e1e1e;
	font-family: 'EuclidFlex', sans-serif !important;
}
.hero__text .rte.rte--no-max.mt.sm-mt.size--default.sm-size--default p {
	font-family: 'EuclidFlex', sans-serif !important;
}
.flexslider .flex-direction-nav a.flex-prev:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
	width: 20px;
    height: 20px;
    border-top: 5px solid #fc0d1c;
    border-right: 5px solid #fc0d1c;
	transform: translate(-50%, -50%) rotate(-134deg);
}
  .container.mx-auto.flex.flex-wrap.py-35.sm\:py-70.how-to-video {
    grid-column-gap: unset;
    max-width: 95%;
    margin: 0 auto;
}
.flexslider .flex-direction-nav a.flex-next:before {
	content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(42deg);
    width: 20px;
    height: 20px;
    border-top: 5px solid #fc0d1c;
    border-right: 5px solid #fc0d1c;
}
.flexslider .flex-direction-nav a {
	font-size: 0;
}
  .template-product .btn-group .btn {
    color: #fc0d1c !important;
    font-weight: bold;
}

/* Image Duo Typography Controls - FIXED VERSION */
/* Use direct attribute selectors for the section */
.image-duo-with-text[data-title-size] .image-duo-grid h2 {
  font-size: attr(data-title-size px) !important;
}

.image-duo-with-text[data-subtitle-size] .image-duo-grid h3 {
  font-size: attr(data-subtitle-size px) !important;
}

.image-duo-with-text[data-body-size] .image-duo-grid .rte {
  font-size: attr(data-body-size px) !important;
}

/* Mobile styles */
@media only screen and (max-width: 767px) {
  .image-duo-with-text[data-mobile-title-size] .image-duo-grid h2 {
    font-size: attr(data-mobile-title-size px) !important;
  }
  
  .image-duo-with-text[data-mobile-subtitle-size] .image-duo-grid h3 {
    font-size: attr(data-mobile-subtitle-size px) !important;
  }
  
  .image-duo-with-text[data-mobile-body-size] .image-duo-grid .rte {
    font-size: attr(data-mobile-body-size px) !important;
  }
}

/* Critical: Preserve the phonetic spelling colors */
.image-duo-with-text .image-duo-grid h2 .phonetic-spelling,
.image-duo-with-text .image-duo-grid h2 span.phonetic-spelling,
.image-duo-with-text .image-duo-grid h2 [kli-p],
.image-duo-with-text .image-duo-grid h2 [koo-l] {
  color: #fc0d1c !important;
}