/** Shopify CDN: Minification failed

Line 2427:21 Expected identifier but found whitespace
Line 2427:23 Unexpected "{"
Line 2427:32 Expected ":"
Line 4134:21 Expected identifier but found whitespace
Line 4134:23 Unexpected "{"
Line 4134:32 Expected ":"
Line 4143:10 Expected identifier but found whitespace
Line 4143:12 Unexpected "{"
Line 4143:21 Expected ":"
Line 4151:10 Expected identifier but found whitespace
... and 22 more hidden warnings

**/
body.gradient {
    overflow-x: hidden;
} 
/* a {
    color: inherit !important;
    text-decoration: none !important;
} */
a:focus, a:hover {
    /* color: inherit ! IMPORTANT; */
    text-decoration: none ! IMPORTANT;
}
/* Annoucment bas css start  */
/* a {
    color: inherit ! IMPORTANT;
    text-decoration: none;
} */
.announcement-block p strong {
    font-size: 20px;
    font: normal normal bold 20px / 28px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
}
  .announcement-block p {
    font-size: 18px;
        color: #FFFFFF;
}
  .right-content svg.modal__toggle-open.icon.icon-search {
    color: #FBAF17;
}
.announcement-block.icon-text-block span a {
    font-size: 17px;
    font: normal normal 600 17px / 32px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.announcement-block.icon-text-block span a:hover {
    font-size: 17px;
    font: normal normal 600 17px / 32px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
}
  .announcement-block.icon-text-block img {
    margin-right: 10px;
}
  .announcement-bar-lr {
    padding: 2px 0;
}
  .icon-text-block {
    display: flex;
    align-items: center;
    padding: 0px 10px;
}
 .announcement-bar-lr p {
    margin: 0;
    color: var(--unnamed-color-ffffff);
    text-align: left;
    font: normal normal normal 18px / 28px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.announcement-bar-lr {
  background-color: #333;
  color: #fff;
  
  text-align: center;
  font-family: Arial, sans-serif;
}

.announcement-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
      padding: 0 29px;
}

.left-content,
.right-content {
  display: flex;
  align-items: center;
}

.left-content {
  justify-content: flex-start;
}

.right-content {
  justify-content: flex-end;
}

.announcement-block {
  margin: 0 10px;
}

.icon-text-block {
  display: flex;
  align-items: center;
}

.icon-text-block i {
  margin-right: 5px;
}
 .announcement-block a {
    color: #FBAF17;
    font-weight: bold;
}
.announcement-block a:hover {
    color: #FBAF17;
    font-weight: bold;
}
/* Annoucment Css End */
div#HeaderMenu-MenuList-1 .col-md-5.left-column {
    margin-top: 40px;
      width: 39%;
}
div#HeaderMenu-MenuList-1 .col-md-3 {
    width: 22%;
}
.koala-menu-lr {
    padding-left: 37px;
    padding-right: 37px;
}
.koala-mega-menu li span {
    text-transform: uppercase;
    color: #0b0a0a;
    font-family: 'geometossoft-bold';
}
/* button.nav-button {
    background: #0087a4;
    border: none;
    padding: 13px 35px;
    margin: 0 9px;
    color: #fff;
    font-size: 15px;
    border-radius: 2px;
    font: normal normal bold 15px / 28px p22-mackinac-pro,serif;
    letter-spacing: 0px;
    color: #FFFFFF;
} */
button.nav-button a{
    background: #0087a4;
    border: none;
    padding: 18px 33px;
    margin: 0 9px;
    color: #fff;
    font-size: 15px;
    border-radius: 2px;
    font: normal normal bold 15px / 28px p22-mackinac-pro,serif;
    letter-spacing: 0px;
    color: #FFFFFF;
}
button.nav-button a:hover {
    background: #0087a4;
    border: none;
    padding: 18px 33px;
    margin: 0 9px;
    color: #fff;
    font-size: 15px;
    border-radius: 2px;
    font: normal normal bold 15px / 28px p22-mackinac-pro,serif;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.header__icons {    
    align-items: center;
}
button.nav-button {
    border: 0;
    background: transparent;
}
/* button.nav-button.two {
    color: #0B0A0A;
    background: white;
    border: 1px solid #0087a4;
      font-weight: bold;
      margin-right: 0;
  
} */
button.nav-button.two a{
    color: #0B0A0A;
    background: white;
    border: 1px solid #0087a4;
      font-weight: bold;
      margin-right: 0;
  
}
button.nav-button.two a:hover{
    color: #0B0A0A;
    background: white;
    border: 1px solid #0087a4;
      font-weight: bold;
      margin-right: 0;
  
}
svg.icon.icon-cart {
    height: 20.85px;
    width: 20.85px;
}
a#cart-icon-bubble {
    margin-right: 25px;
}
.cart-count-bubble {
    position: absolute;
    background-color: #F05A28;
    color: rgb(var(--color-button-text));
    height: 17px;
    width: 17px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    bottom: 2.8rem;
    left: 2.5rem;
    line-height: calc(1 + .1 / var(--font-body-scale));
}
.col-md-6.left-column {
    text-align: left;
}
.title_of_sub_menu svg {
    margin-left: 11px;
}
li.bod::after {
    content: "";
    border-bottom: 3px solid #FBAF17;
    display: block;
    margin-left: 31px;
    margin-right: 25px;
}
span.header__active-menu-item {
    text-decoration: none;
}
.header__menu-item:hover span {
    text-decoration: none;
    text-underline-offset: .3rem;
    color: #6B9E47;
}
.header__menu-item:hover {
    color: rgb(var(--color-foreground));
    text-decoration: none;
}
.header__menu-item {
    padding: 1.2rem 26px;
    text-decoration: none;
    color: rgba(var(--color-foreground), .75);
}
.shopify-section-group-header-group {
    position: sticky;
    top: 0;
}
nav.header__inline-menu.koala-mega-menu {
    margin-left: 94px;
}
details[open]>.header__menu-item {
    text-decoration: none;
}
button.footer_btn_one {
    padding: 13px 33px;
    color: #fff;
    background: #6b9d47;
    border: none;
    border-radius: 2px;
    margin-right: 20px;
    font-size: 15px;
    font: normal normal bold 15px / 28px p22-mackinac-pro,serif;
    letter-spacing: 0px;
    color: #FFFFFF;
}
button.footer_btn_two {
    padding: 13px 32px;
    color: white;
    background: transparent;
    border: 1px solid #6B9D47;
    border-radius: 2px;
    font-size: 15px;
  font: normal normal bold 15px/28px p22-mackinac-pro,serif;
letter-spacing: 0px;
color: #F0F5EC;
opacity: 1;
}
.btn_footer_section {
    /* display: flex;   */
    margin-top: 30px;
  
}
.social-media-links {
    padding: 30px 0;
}
a.soicl_footer {
    padding: 10px 17px;
}
a.soicl_footer svg {
    height: 16px;
    width: 16px;
}
a.soicl_footer {
    background: #5c5c5c;
    margin: 5px;
    border-radius: 21px;
    padding: 13px 13px 11px;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}
.social-media-links {
    padding: 30px 0;
    margin-top: 13px;
}
.footer-block__details-content.rte p {
    padding: 3px 0;
}
.lr-newsletter {
    height: 65px;
    background: #F0F5EC;
}
.footer-block__newsletter {
    margin-bottom: 38px;
    margin-top: 14px;
}

.cont_footer {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 10px;
    padding: 6px 0;
}
button#Subscribe {
    background: #6b9d47;
    width: 59px;
    margin-right: -1px;
}
button#Subscribe svg {
    height: 29px;
    width: 35px;
}
label.field__label {
    margin-top: 10px;
    font: normal normal 300 14px / 28px Raleway;
    color: #3B3B3B;
}
.footer-block.grid__item.footer-block--menu.scroll-trigger.animate--slide-in:nth-child(3) {
    flex: 158 !important;
}
h2.footer-block__heading.inline-richtext {
    font: normal normal bold 22px / 32px p22-mackinac-pro,serif;
    color: #FFFFFF;
}
.footer-block__details-content .list-menu__item--link, .copyright__content a {
    color: #ffffff;
}
a.link.link--text.list-menu__item.list-menu__item--link {
    font: normal normal normal 15px / 28px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.footer-block__details-content.rte p {
    padding: 3px 0;
    font: normal normal normal 15px / 24px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
h3.contact_heading_footer {
    font: normal normal bold 22px / 32px p22-mackinac-pro,serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.cont_footer {
    font: normal normal normal 15px / 24px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.cont_footer p a{
    font: normal normal normal 15px / 24px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.cont_footer p a:hover  {
    font: normal normal normal 15px / 24px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.footer__content-top.page-width {
        padding: 130px 0;
}
a.link.link--text.list-menu__item.list-menu__item--link span {
    margin-right: 9px;
    color: #9D9D9D;
}
.footer-block__details-content.rte {
    margin-top: -3px;
}
input#NewsletterForm--sections--16467041583204__footer {
    color: #3B3B3B;
}
footer.footer.color-scheme-4.gradient.section-sections--16467041583204__footer-padding {
    margin-bottom: -21px;
}
.footer__content-bottom.scroll-trigger.animate--slide-in {
    padding-top: 11px;
    background: #434142;
    padding-bottom: 19px;
      margin-bottom: -15px;
}
.footer__content-bottom-wrapper {
    display: flex;
    width: 100%;
    justify-content: center;
}
.footer__copyright.caption {
    font: normal normal normal 14px / 28px Open Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.footer-image {
    position: absolute;
    right: 36px;
    margin-top: -11%;
      z-index: 2;
}
.slideshow__text.banner__box {   
    max-width: 54.5rem;
      padding: 0;
}
h2.banner__heading.inline-richtext.h1 {
    font: normal normal bold 70px / 82px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.banner__text.rte p {
    font: normal normal normal 22px / 30px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
        margin: 20px 0;
}

.slideshow__text.banner__box a.button.button--primary {
    padding: 17px 37px;
    font: normal normal bold 15px / 28px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #FFFFFF;
      border-radius: 5px;
}
.slideshow__text.banner__box a.button.button--primary::after {
    border-radius: 50%;
}

.slider-counter__link--active.slider-counter__link--dots .dot {
    background-color: #FBAF17 !IMPORTANT;
}
.slider-counter__link--dots .dot {
    width: 15px !IMPORTANT;
    height: 15px !IMPORTANT;
    border-radius: 50%;
    border: .1rem solid #FBAF17 !IMPORTANT;
    padding: 0;
    display: block;
}
.slideshow__controls.slider-buttons.no-js-hidden button.slider-button {
    visibility: hidden;
}
.slideshow__controls.slider-buttons.no-js-hidden {
    margin-top: -64px !IMPORTANT;
    border: none;
    padding-bottom: 20px !IMPORTANT;
}
.footer-image.plus_top_image {
    margin-top: -13%;
}
.slider-counter__link {
    padding: 0.6rem !important;
}

/* // image with text style 1 css  */

/* .image_with_text_style_one::before {
    content: "helo";
    background-image: url(https://cdn.shopify.com/s/files/1/0631/9112/2020/files/elements-2.svg?v=1717479577);
    position: absolute;
    width: 100%;
    height: 100%;
    left: -223px;
    right: 0;
    background-repeat: no-repeat;
}
.image_with_text_style_one:after {
    content: "helo";
    background-image: url(https://cdn.shopify.com/s/files/1/0631/9112/2020/files/elements-3.svg?v=1717479576);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 60rem;
    right: 0;
    top: 48rem;
    background-repeat: no-repeat;
    content: " ";
    bottom: 52px;
} */
.image_with_text_style_one .image-with-text__media {
    border: none;
}

.img_ones {
    position: absolute;
    margin-left: -242px;
    margin-top: 30px;
}
.img_one.and_two {
    margin-top: -142px;
    position: absolute;
    z-index: -1;
    right: -102px;
}
.style_one_img_with_text {
    padding: 40px 0;
}
.index .style_one_img_with_text {
    padding: 47px  0;
}
.image_with_text_style_one {
    /* padding: 0 45px; */
}
p.sub_heading_style_one {
    margin: 0;
    font-size: 18px;
    letter-spacing: 0px;
    color: #4D4C4D;
    text-transform: uppercase;
    font-family: 'geometossoft-bold';
      margin-bottom: 14px;
}
h2.image-with-text__heading.inline-richtext {
    font: normal normal bold 48px / 58px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #6B9D47;
    margin-top: 6px;
}
.image-with-text__text.rte.body {
    color: #4D4C4D;
    text-align: left;
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
    margin: 34px 0;
}
.image_with_text_style_one img {
    object-fit: contain;
}
a.button.button--primary:hover {
    padding: 17px 37px;
    font: normal normal bold 15px / 28px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    background: #6b9e47 !important;
    color: white;
}
a.button.button--primary {
    padding: 17px 37px;
    font: normal normal bold 15px / 28px p22-mackinac-pro, serif;
    letter-spacing: 0px;
  
}
.image-tab-section__subtitle {
    font: normal normal 18px / 28px geometossoft-bold;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
}
.image-tab-section__title {
    margin: 0;
    font: normal normal bold 48px / 58px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.button:after, .shopify-challenge__button:after, .customer button:after, .shopify-payment-button__button--unbranded:after {   
    z-index: 0;   
      box-shadow: none !important;
}

/* Image with text style one Css Start  */
  .icon-with-text-block {
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row;
    gap: 28px;
     width: calc(25% - 20px);
    text-align: center;
}
  .icon-with-text-style-1 {
  padding: 40px 0;
  background-color: #f8f8f8;

  

  .icon-with-text-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 26px;
  }

    .icon-image {
    width: 41px;
    height: 41px;
    /* object-fit: cover;
    border-radius: 50%; */
    /* margin-bottom: 20px; */
  }

  
}
  .icon_style_one {
    background: #ECF2E7;
    padding: 23px;
    border-radius: 50%;
}
  .left_style {
    text-align: left;
}
h3.icon-title {
    margin: 0;
    font: normal normal bold 56px / 66px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #2A4E1A;
}
  .left_style p.icon-description {
    text-align: left;
    color: #6B9D47;
    font-size: 18px;
    line-height: 28px;
    margin: 0;
    font-family: 'Raleway';
    font-weight: 500;
}

  .icon-with-text-style-1 {
    padding: 120px 0;
    background-color: #ecf2e740;
    background-image: url(https://cdn.shopify.com/s/files/1/0631/9112/2020/files/Group_-1.svg?v=1717493546);
    margin-top: 37px;
}
/* Image with text style one Css End  */



/* Image With tabs Css Start  */

div#imageTabSection {
    padding: 142px 0;
}
  .image-tab-section__header {
    text-align: left;
    /* margin-left: 11%; */
}
  .image-tab-section {
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;   
    color: white;
    font-size: 2em;
    text-align: center;
    transition: background-image 0.3s ease-in-out;
        background-color: #00000075;
  }

  .image-tab-section__tabs {
    display: flex;
    justify-content: center;
    margin-top: 25px;
    align-items: end;
    justify-content: space-between;
}
  .image-tab-section__tab {
    margin: 0;
    cursor: pointer;
    transition: 0.5s all;
  }

  .image-tab-section__tab img {
    /* max-width: 100px; */
    /* border: 2px solid transparent; */
    transition: border-color 0.3s;
  }

  .image-tab-section__tab img:hover,
  .image-tab-section__tab.active img {
    border-color: white;
  }

  .image-tab-section__content {
    padding: 0;
  }

  .image-tab-section__actions {
    margin-top: 20px;
  }

  .video-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
  }

  .video-popup__content {
    position: relative;
    width: 80%;
    max-width: 800px;
  }

  .video-popup__player iframe {
    width: 100%;
    height: 450px;
  }

  .video-popup__close {
    position: absolute;
    top: 10px;
    right: 15px;
    color: white;
    font-size: 35px;
    cursor: pointer;
  }
  .image-tab-section__description {
       width: 45%;
    font-size: 18px;
    margin: 35px 0;
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
}

  button.play-video {
    background: none;
    border: none;
    margin-left: 30px;
    line-height: 0;
}
  .image-tab-section__actions {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}
  .image-tab-section__content {
    margin-bottom: 114px;
}
 .image-tab-section__tab.active img {
    border-color: white;
    border-radius: 62px 0 0 1px;
    box-shadow: -15px 20px 1px 1px #6B9D47
}
.image-tab-section__tab.active {
      position: relative;
    top: -25px;
}
.image-tab-section__tab img {
    max-width: 100%;
    object-fit: cover;
      max-height: 300px;
}
.image-tab-section__tab.active img {
    max-width: 100%;
    object-fit: cover;
    max-height: inherit;
}
/* Image with tebs Css End */



/* Icon with Text STyle 2  Start*/
.title-he h3.icon-block__title {
    font-weight: 490;
    color: #0B0A0A;
}
.main-block {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}
.icon-block__description {
    width: 90%;
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
      z-index: 2;
}
  .icon-block.icon-block-2 {
    margin-top: 176px;
}
  .icon-selector-section.start .icon-block.icon-block-4 {
    margin-top: 176px;
}
.icon-selector-section.start .icon-block.icon-block-6 {
    margin-top: 176px;
}
 .icon-block__inner.icon-block-5::after,
 .icon-block__inner.icon-block-1::after {
    content: "";
    background-image: url(https://cdn.shopify.com/s/files/1/0631/9112/2020/files/elements-6.svg?v=1717506101);
    height: 41px;
    width: 80px;
    position: absolute;
    margin-top: -1%;
    margin-left: 4%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    object-fit: cover;
}
 .icon-block__inner.icon-block-5::after {
    margin-top: -2.5%;
    margin-left: 5%;
}
  .icon-block__inner.icon-block-3::after {
    height: 41px;
    width: 80px;
    position: absolute;
    margin-top: -1%;
    margin-left: 5%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    object-fit: cover;
}
  .shopify-section.icon-selector-section {
    background: #eff5ec; 
}
.icon-block__inner.icon-block-2::before {
    content: "";
    height: 47px;
    width: 81px;
    position: absolute;
    margin-top: -3%;
    margin-left: 4%;
    background-image: url(https://cdn.shopify.com/s/files/1/0631/9112/2020/files/elements-7.svg?v=1717506114);
    background-size: 100% 100%;
}
  .icon-block__inner.icon-block-4::before {
      content: "";
       height: 81px;
    width: 7%;
    position: absolute;
    margin-top: -3%;
    margin-left: 4%;
    background-image: url(https://cdn.shopify.com/s/files/1/0691/5922/3525/files/2024-05-23_18-52.png?v=1716470538);
}
 .icon-selector-section.start {
    display: grid ! IMPORTANT;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;   
    padding: 60px 0;
    margin-bottom: 7%;
}
  .image-with-text-style2 {
    display: inline;
   
    padding: 17px 18.5px;
    border-radius: 63px;
}
  .title-he {
    font: normal normal bold 24px / 32px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
}
  .icon-block__inner.icon-block-3::after {
    content: "";
    background-image: url(https://cdn.shopify.com/s/files/1/0631/9112/2020/files/elements-6.svg?v=1717506101);
    height: 41px;
    width: 81px;
    position: absolute;
    margin-top: -1%;
    margin-left: 5%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    object-fit: cover;
}
  .icon-block__inner.icon-block-4::before {
    content: "";
    height: 47px;
    width: 81px;
    position: absolute;
    margin-top: -3%;
    margin-left: 4%;
    background-image: url(https://cdn.shopify.com/s/files/1/0631/9112/2020/files/elements-7.svg?v=1717506114);
    background-size: 100% 100%;
}

/* icon with text style2 Text area css */
  .icon-with-text-subtitle {
    font: normal normal 18px / 28px geometossoft-bold;
    letter-spacing: 0px;
    color: #4D4C4D;
    text-transform: uppercase;
        margin-bottom: 10px;
}
  .icon-with-text-heading {
    text-align: left;
    font: normal normal bold 48px / 58px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #6B9D47;
}
  .discription_area {
    font: normal normal 300 20px / 32px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
}
  .icon_with_image_textarea {
    display: grid;
    grid-template-columns: 0.7fr 1fr;
    padding: 39px 0px;
    /* margin-top: 9%; */
}
  .discription_area {
    font: normal normal 300 20px / 32px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
    width: 82%;
}
.ab_imag_style_two {
    display: flex;
    align-items: flex-end;
    position: absolute;
    left: -87px;
    margin-top: 15%;
}
.ab_image_two_style_two {
    position: absolute;
    right: 0;
    margin-top: -50%;
    margin-right: -2%;
}
/* Icon with Text STyle 2  End*/


/* Multi Column With Image Css start  */

 .multirow {
       gap: 64px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 20px;
          padding: 8% 0;
}
  .multirow__content img.multirow__image {
    border-radius: 4px 137px 4px 194px;
}

  .multirow__content {
    text-align: center;
    margin-bottom: 20px;
  }

  .multirow__image {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
  }

  .multirow__heading {
    font-size: 24px;
    margin-bottom: 10px;
  }

  .multirow__buttons {
    display: flex;
    justify-content: center;
    gap: 29px;
  }

  .multirow__button {
    padding: 16px 38px;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
  }

  .multirow__items {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .multirow__items-left,
  .multirow__items-right {
    flex: 1;
    padding: 0 10px;
  }

  .multirow__item {
    text-align: center;
    margin-bottom: 20px;
  }

  .multirow__item-image {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
  }

 .multirow__item-heading {   
    font: normal normal bold 24px / 32px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 20px;
}

  .multirow__item-description {
    font-size: 14px;
    text-align: center;
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
}
  
.subheading_multirow {
    font: normal normal 28px / 28px geometossoft-bold;
    letter-spacing: 0px;
    color: #FBAF17;
    font-family: 'Raleway';
    font-weight: 700;
}
.multirow__heading {
    text-align: center;
    font: normal normal bold 48px / 58px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 10px;
}
.multirow__content .multirow__item-description {
    margin-bottom: 50px;
}
  .multirow__items-left {
    display: flex;
    flex-direction: column;
    gap: 100px;
}
 .multirow__items-right {
    display: flex;
    flex-direction: column;
    gap: 100px;
}
  .multirow__buttons a.multirow__button.one {
    background: #FBAF17;   
    font: normal normal bold 15px / 28px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.multirow__buttons {
    margin-top: 61px;
    margin-bottom: 20px;
}
  a.multirow__button.two {
    border: 1px solid #FBAF17;
    border-radius: 4px;
    background: transparent;
    text-align: center;
    font: normal normal bold 15px / 28px p22-mackinac-pro,serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
}
/* Multi Column With Image Css End  */

/* Colapsible With Image Css start */
 /* .collasible_with_image {
        background: #F0F5EC;
    padding: 116px 0;
  } */
 .collasible_with_image {
        background: #F0F5EC;
    padding: 64px 0;
  }
  .mines {
     display: none;
  }
  .collapsible-with-image__collapsible-header.active .mines {
    display: block;
}
  .collapsible-with-image__collapsible-header.active .plus {
    display: none;
}
  .collapsible-with-image__collapsibles {
    margin-bottom: 20px;
    padding-right: 9%;
}
  .collapsible-with-image {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px;
  }

  .collapsible-with-image__content {
    flex: 1;
    padding-right: 20px;
        margin-top: 33px;
  }
 .image_with_text_style5 .collapsible-with-image__content {
    flex: 1;
    padding-right: 20px;
    margin-top: 0;
  }

  .collapsible-with-image__subheading {
    font-size: 16px;
    margin-bottom: 5px;
  }

 .collapsible-with-image__heading {
   
    margin-bottom: 10px;
    text-align: left;
    font: normal normal bold 48px / 58px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #6B9D47;
    margin: 0;
    margin-bottom: 35px;
}
  .collapsible-with-image__collapsibles {
    margin-bottom: 20px;
        padding-right: 9%;
  }

  .collapsible-with-image__collapsible {
    background-color: #fff;
    /* border: 1px solid #ccc; */
    margin-bottom: 10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 30px #00000007;
    border-radius: 6px;
}

  .collapsible-with-image__collapsible-header {
    display: flex;
    align-items: center;
    padding: 19px 16px;
    cursor: pointer;
    margin-bottom: 20px;
  }

  .collapsible-with-image__collapsible-image {
        width: 29px;
    height: 29px;
    object-fit: fill;
    margin-right: 20px;
    margin-left: 9px;
  }

  .collapsible-with-image__collapsible-heading {
    flex: 1;
    font-size: 18px;
    margin: 7px 0;
    text-align: left;
    font: normal normal bold 20px / 32px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
}

  .collapsible-with-image__collapsible-icon {
    font-size: 20px;
  }

  .collapsible-with-image__collapsible-content {
    display: none;
    padding: 11px 21px;
    margin-top: -24px;
    margin-bottom: 13px;
}

.collapsible-with-image__button {
    display: inline-block;
    padding: 17px 38px
    background-color: #0087A4;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    margin-top: 7%;
}
  .collapsible-with-image__image-container {
    flex: 1;
  }

  .collapsible-with-image__image {
    max-width: 100%;
    height: auto;
        border-radius: 4px 4px 4px 336px;
  }
  p.collapsible-with-image__subheading {
    font: normal normal 18px / 28px geometossoft-bold;
    letter-spacing: 0px;
    color: #4D4C4D;
    text-transform: uppercase;
        margin-bottom: 12px;
}
 .collapsible-with-image__collapsible-description {
    padding: 0 42px;
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
    opacity: 1;
}
  a.collapsible-with-image__buttona:focus, a:hover {
    color: #FFFFFF;
    text-decoration: none;
}
  .collapsible-with-image__button {
    display: inline-block;
    padding: 17px 38px;
    background-color: #0087A4;
    text-decoration: none;
    border-radius: 4px;
    margin-top: 7%;
    font: normal normal bold 15px / 28px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.image_top_heading {
    font: normal normal bold 46px / 54px p22-mackinac-pro,serif;
    letter-spacing: 0px;
    color: #2A4E1A;
}
  .image_top_sub {
    letter-spacing: 0px;
    color: #6B9D47;
    font-family: 'Raleway';
    font-size: 18px;
    line-height: 28px;
    text-align: center;
}
  .image_top {
    position: absolute;
    background: #FFFFFF;
    padding: 17px 47px;
    margin-left: 53px;
    margin-top: 48px;
}

.image_footer {
    position: absolute;
    background: #FFFFFF;
    padding: 19px 32px;
    margin-top: -85px;
      margin-left: 25%;
}
  .image_foot_heading {
    font: normal normal bold 56px / 66px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #2A4E1A;
    opacity: 1;
}
.image_foot_sub {
    letter-spacing: 0px;
    color: #6B9D47;
    font-size: 18px;
    line-height: 28px;
    font-family: 'Raleway';
    text-align: center;
}
  .image_top svg {
    position: absolute;
    right: -13px;
    top: -15px;
}
  .image_footer svg {
    position: absolute;
    left: -12px;
}
/* Colapsible With Image Css End */

/* Image with Text Style 2  */
  .text-overlay-image-style-2 {
  position: relative;
  width: 100%;
  height: 500px;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 20px;
}

.text-overlay-image-style-2__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Adjust the opacity here */
  z-index: 1;
}

.text-overlay-image-style-2__content {
  position: relative;
  display: flex;
  width: 100%;
  z-index: 2;
}

.text-overlay-image-style-2__title {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 20px;
}

.text-overlay-image-style-2__title h2 {
    margin: 0;
    font: normal normal bold 48px / 58px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.text-overlay-image-style-2__description {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 20px;
}

.text-overlay-image-style-2__description p {
  font-size: 18px;
  margin: 0;
  text-align: right;
}
  .text-overlay-image-style-2 {
    position: relative;
    width: 100%;
    height: 500px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 20px;
}
  .text-overlay-image-style-2::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #6b9d47f0;
    z-index: 1;
}
  .text-overlay-image-style-2 {
    position: relative;
    width: 100%;
    height: 407px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 20px 66px;
    margin-bottom: 10%;
}
.text-overlay-image-style-2__description p {
    margin: 0;
    text-align: left;
    font: normal normal normal 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
}

/* Image with text style 2 END */



/* Blog tabs Css Start   */
 a.blogs-with-tabs__button span {
    margin-left: 17px;
}
  
  .blogs-with-tabs {
      padding: 7% 0;
        padding-bottom: 0;
}

.blogs-with-tabs__header {
      display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
      width: 97%;
}


.blogs-with-tabs__titles {
  flex: 1;
}

.blogs-with-tabs__subtitle {
    margin-bottom: 5px;
    font: normal normal 18px / 28px geometossoft-bold;
    letter-spacing: 0px;
    color: #4D4C4D;
    text-transform: uppercase;
      margin-bottom: 12px;
}
.blogs-with-tabs__title {
    margin: 0;
    text-align: left;
    font: normal normal bold 48px / 58px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #6B9D47;
      margin-bottom: 36px;
}
.blogs-with-tabs__tabs {
  display: flex;
      gap: 27px;
}

.blogs-with-tabs__tabs .blogs-with-tabs__tab {
    background-color: transparent;
    border: none;
    transition: background-color 0.3s ease;
    font: normal normal normal 18px / 28px p22-mackinac-pro,serif;
    letter-spacing: 0px;
    color: #4D4C4D;
}
.blogs-with-tabs__tab.active {
    font: normal normal bold 18px / 28px p22-mackinac-pro,serif;
    letter-spacing: 0px;
    color: #0B0A0A;
}

.blogs-with-tabs__tab-content {
  display: none;
}

.blogs-with-tabs__tab-content.active {
  display: block;
}

.blogs-with-tabs__item {
  display: flex;
  margin-bottom: 38px;
  flex-direction: column;
}

.blogs-with-tabs__image { 
  /* margin-right: 20px; */
}

.blogs-with-tabs__item-content {
    padding: 30px 25px;
    background: #F0F5EC 0% 0% no-repeat padding-box;
    border-radius: 4px;
      width: 92%;
}

.blogs-with-tabs__tag {
    padding: 8px 15px;
    margin-right: 10px;
    font: normal normal bold 14px / 28px p22-mackinac-pro,serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    background: #0087A4 0% 0% no-repeat padding-box;
    border-radius: 2px;
}

.blogs-with-tabs__item-title {
    font: normal normal bold 20px / 29px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
    text-transform: capitalize;
    margin-top: 21px;
      height: 93px;
}

.blogs-with-tabs__button {
    display: inline-block;
    text-decoration: none;
    text-align: left;
    font: normal normal 600 15px / 28px Raleway;
    letter-spacing: 0px;
    color: #0B0A0A;
}
.blogs-with-tabs__video {
  margin-top: 20px;
}

.video-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.video-popup__content {
  position: relative;
  background: #fff;
  padding: 20px;
  max-width: 800px;
  width: 100%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.video-popup__close {
    position: absolute;
    top: -4px;
    right: 10px;
    font-size: 24px;
    cursor: pointer;
    color: black;
}

.video-popup__player iframe {
  width: 100%;
  height: 450px;
}
button.blogs-with-tabs__tab.active::after {
    width: auto;
    content: "";
    border-bottom: 4px solid #FBAF17;
    display: block;
    margin-left: 10px;
    margin-right: 8px;
    margin-top: 7px;
    visibility: visible;
    border-radius: 15px;
}
  button.blogs-with-tabs__tab::after {
    content: "";
    width: auto;
    content: "";
    border-bottom: 4px solid #FBAF17;
    display: block;
    margin-left: 10px;
    margin-right: 8px;
    margin-top: 7px;
    visibility: hidden;
}
  .blogs-with-tabs__content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
button.play-video.blog-video {
    position: absolute;
    bottom: -27px;
    right: 65px;
}
  span.blogs-with-tabs__news-icon {
    position: absolute;
    right: 70px;
    bottom: -26px;
}
  a.blogs-with-tabs__button {
    margin-bottom: 23px;
}
  .image-box {
    position: relative;
}
  .image-box img.blogs-with-tabs__image {
    width: 92%;
    height: auto;
}
/* Blog tabs Css END   */

/* Image Overly Text Start   */

  .text-over-image {
    position: relative;
    height: 887px;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    align-content: flex-end;
}

  .text-over-image__content {
       text-align: center;
    color: #fff;
    z-index: 2;
    position: relative;
    margin-top: -28%;
    
  }


  /* .text-over-image__image {
    max-width: 200px;
    margin: 0 auto 20px;
  } */

 .text-over-image__button {
    display: inline-block;
    padding: 21px 38px;
    text-decoration: none;
    border-radius: 4px;
    opacity: 1;
    font: normal normal bold 15px / 28px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    background: #0087A4 0% 0% no-repeat padding-box;
}
  .text-over-image::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgb(1 1 1 / 44%);
    z-index: 1;
}
 .text-over-image__heading{
    text-align: left;
    color: #fff;
    font: normal normal bold 48px / 58px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #FFFFFF;
}
  .down_image {
    display: flex;
    justify-content: flex-end;
    text-align: left ! IMPORTANT;
    width: 86%;
    margin-top: -58px;
}
  h2.text-over-image__heading {
    width: 85%;
}
  .text_image_overly_btn {
    text-align: right;
       margin-right: 10px;
}
/* Image Overly Text ENd   */


/* Icon With Text Style 2 Css Start  */
 .icon-selector-section-style2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
       background: #f0f5ec;
  }
  .icon-block {
  text-align: center;
  border-radius: 5px;
  }
  .icon-block__inner {
  max-width: 300px;
  margin: 0 auto;
  }
  .icon-block__title {
  margin-bottom: 10px;
  }
  .icon-block__icon {
  font-size: 48px;
  margin-bottom: 10px;
  }
  .icon-block__icon img {
  max-width: 100%;
  height: auto;
  }
  .icon-block__description {
  margin-top: 10px;
  }
/* Icon With Text Style 2 Css End  */
button#Subscribe {
    height: 7.1rem;
}



/* Quanitity-popover.css--------------------------------------------------------------Start--------------------------------------------------------------------------------- */
quantity-popover {
  position: relative;
  display: block;
}

quantity-popover volume-pricing li:nth-child(odd) {
  background: rgba(var(--color-foreground), 0.03);
}

quantity-popover volume-pricing li {
  font-size: 1.4rem;
  letter-spacing: 0.06rem;
  padding: 0.6rem 0.8rem;
  display: flex;
  justify-content: space-between;
}

.quantity-popover__info.global-settings-popup {
  width: 100%;
  z-index: 2;
  position: absolute;
  background-color: rgb(var(--color-background));
  max-width: 36rem;
}

.quantity-popover__info .button-close,
.variant-remove-total quick-order-list-remove-all-button .button,
.quick-order-list-total__confirmation quick-order-list-remove-all-button .button,
quantity-popover quick-order-list-remove-button .button {
  --shadow-opacity: 0;
  --border-opacity: 0;
}

.quantity-popover__info-button {
  display: flex;
  align-items: center;
  margin: 0 0.4rem 0 0;
  min-width: 1.5rem;
  min-height: 1.5rem;
  --shadow-opacity: 0;
  --border-opacity: 0;
}

.quantity-popover__info-button--icon-with-label {
  align-items: flex-start;
  text-align: left;
}

.quantity-popover__info-button--icon-with-label svg {
  flex-shrink: 0;
}

.quantity-popover__info-button--open {
  text-decoration: underline;
}

.quantity-popover__info-button span {
  padding-left: 1rem;
}

@media screen and (max-width: 989px) {
  .quantity-popover__info.global-settings-popup {
    left: 0;
  }

  .quantity-popover__info-button {
    padding-left: 0;
  }
}

.quantity-popover__info .quantity__rules {
  margin-top: 1.2rem;
  margin-bottom: 1rem;
}

.quantity-popover__info .volume-pricing-label {
  display: block;
  margin-left: 1.2rem;
  margin-top: 1.2rem;
  font-size: 1.2rem;
}

.quantity-popover__info .button {
  width: 3.2rem;
  height: 3.2rem;
  position: absolute;
  top: 0.4rem;
  right: 0;
  padding: 0 1.2rem 0 0;
  display: flex;
  justify-content: flex-end;
}

.quantity-popover__info .volume-pricing-label~.button {
  top: -0.2rem;
}

.quantity-popover__info .button .icon {
  width: 1.5rem;
  height: 1.5rem;
}

quantity-popover volume-pricing {
  margin-top: 1.2rem;
  display: block;
}

quantity-popover .quantity__rules span:first-of-type {
  display: block;
}

.quantity-popover-container {
  display: flex;
  padding: 0.5rem 0.5rem 0.5rem 0;
}

.quantity-popover-container:not(.quantity-popover-container--hover) {
  align-items: center;
}

@media screen and (min-width: 990px) {
  .quantity-popover-container--hover:hover {
    background-color: rgba(var(--color-foreground), 0.03);
    border-radius: var(--inputs-radius-outset);
  }

  .quantity-popover-container--empty {
    margin-right: 2.7rem;
  }

  .quantity-popover__info.global-settings-popup {
    width: 27rem;
  }

  .quantity-popover-container {
    width: auto;
    max-width: 20rem;
  }

  .quantity-popover__info.global-settings-popup {
    transform: translateY(1rem);
  }
  .image-tab-section__tab {
     width: 22%;
     max-width: 300px;
  }
  .image-tab-section__tab.active {
     width: 27%;
     max-width: 375px;
  }
}

quantity-popover:has(.quantity__input:focus-visible) .quantity-popover__info {
  display: block;
}

quantity-popover .quantity {
  background: rgb(var(--color-background));
}

quantity-popover .quantity__rules {
  margin-left: 0.8rem;
}

quantity-popover .quantity__rules .divider:nth-child(2)::before {
  content: none;
}

quantity-popover .quantity__button:not(:focus-visible):not(.focused),
quantity-popover .quantity__input:not(:focus-visible):not(.focused) {
  background-color: initial;
}
/* Quanitity-popover.css--------------------------------------------------------------End--------------------------------------------------------------------------------- */


/* Component Loading Spinner ---------------------------------------------------------Start-----------------------------------------------------------------------------------  */
.loading__spinner {
  position: absolute;
  z-index: 1;
  width: 1.8rem;
}

.loading__spinner {
  width: 1.8rem;
  display: inline-block;
}

.spinner {
  animation: rotator 1.4s linear infinite;
}

@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}

.path {
  stroke-dasharray: 280;
  stroke-dashoffset: 0;
  transform-origin: center;
  stroke: rgb(var(--color-foreground));
  animation: dash 1.4s ease-in-out infinite;
}

@media screen and (forced-colors: active) {
  .path {
    stroke: CanvasText;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 280;
  }
  50% {
    stroke-dashoffset: 75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(450deg);
  }
}

.loading__spinner:not(.hidden) + .cart-item__price-wrapper,
.loading__spinner:not(.hidden) ~ cart-remove-button {
  opacity: 50%;
}

.loading__spinner:not(.hidden) ~ cart-remove-button {
  pointer-events: none;
  cursor: default;
}

/* Component Loading Spinner ---------------------------------------------------------End----------------------------------------------------------------------------------  */

/* Section Main Page -----------------------------------------------------------------Start------------------------------------------------------------------------------  */
.page-title {
  margin-top: 0;
}

.main-page-title {
  margin-bottom: 3rem;
}

@media screen and (min-width: 750px) {
  .main-page-title {
    margin-bottom: 4rem;
  }
}

.page-placeholder-wrapper {
  display: flex;
  justify-content: center;
}

.page-placeholder {
  width: 52.5rem;
  height: 52.5rem;
}

/* Section Main Page -----------------------------------------------------------------End------------------------------------------------------------------------------  */
p.tab_alt_text {
    text-align: center;
    font: normal normal bold 22px / 36px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin: 17px 0 0;
}
.image-tab-section__tab.active p.tab_alt_text {
    display: none;
}
.image-tab-section__tab.active {
    margin-top: 0;
}
.image-tab-section__tab {
    cursor: pointer;
}
.image_with_text_style_one.two .image-with-text__media {
    max-width: 670px;
    height: auto;
}
.image_with_text_style_one.one-style {
    padding: 0 49px;
      padding-left: 0;
}
.image-tab-section__tab:not(.active) .image-tab-section__tab-inner {
    position: relative;
    line-height: 0;
    border-radius: 4px;
    overflow: hidden;
}
.image-tab-section__tab-inner img {
    width: 100%;
}
.image-tab-section__tab:not(.active) .image-tab-section__tab-inner:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  opacity: 0.5;
}
/*  ---------------------------------------------------------------------------------------------------Collection Page Css Start -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*  ---------------------------------------------------------------------------------------------------Collection Page Css Start -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*  ---------------------------------------------------------------------------------------------------Collection Page Css Start -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*  ---------------------------------------------------------------------------------------------------Collection Page Css Start -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*  ---------------------------------------------------------------------------------------------------Collection Page Css Start -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*  ---------------------------------------------------------------------------------------------------Collection Page Css Start -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

span#ProductCount {
    font: normal normal 600 16px / 42px Raleway;
    letter-spacing: 0px;
    color: #2A4E1A;
}
.facet-filters.sorting.caption.small-hide {
    background: #ECF4E6;
    align-items: center;
    padding: 16px 28px;
}
.facet-filters__sort:focus-visible {
    outline: none;
    outline-offset: 1rem;
    box-shadow: none;
}
facet-filters-form.facets.small-hide .facets__form {
    display: grid;
    gap: 0 3.5rem;
    grid-template-columns: 1fr;
    margin-bottom: .5rem;
    align-items: center;
    margin-bottom: 15px;
}
.card__media .media img {
    height: 100%;
    object-fit: cover;
    object-position: center center;
    width: 100%;
    border-radius: 7px 61px;
}
h3.card__heading.h5 {
    font: normal normal bold 24px / 32px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
}
ul#product-grid {
    display: flex;
       /* gap: 1px 52px; */
}
.pro_meta_data {
    display: flex;
    gap: 37px;
    flex-direction: row;
}
.card-information {
    padding: 8px 0;
}
.gender {
    font: normal normal bold 17px / 29px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
}
.gen_val {
    text-align: left;
    letter-spacing: 0px;
    color: #6B9D47;
    font-size: 16px;
    line-height: 28px;
    font-family: 'Raleway';
    font-weight: 400;
}
.gen_val.one {
    margin-left: 22px;
}
a:focus, a:hover {
    color: initial;
    text-decoration: none;
}
.underline-links-hover:hover a {
        text-decoration: none;
        text-underline-offset: .3rem;
    }

/*  ---------------------------------------------------------------------------------------------------Collection Page Css End -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*  ---------------------------------------------------------------------------------------------------Collection Page Css End -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*  ---------------------------------------------------------------------------------------------------Collection Page Css End -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*  ---------------------------------------------------------------------------------------------------Collection Page Css End -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*  ---------------------------------------------------------------------------------------------------Collection Page Css End -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*  ---------------------------------------------------------------------------------------------------Collection Page Css End -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.thumbnail-list__item.slider__slide {
    width: 133px;
    height: 142px;
}
.thumbnail-list__item .thumbnail[aria-current] {
    box-shadow: -7px 8px 0 .1rem #6B9D47;
    border-color: #6B9D47;
    background: #6B9D47 0% 0% no-repeat padding-box;
    border-radius: 56px 2px 2px 2px;
    opacity: 1;
}
.thumbnail-list__item .thumbnail[aria-current]:focus:not(:focus-visible) {
  box-shadow: -7px 8px 0 .1rem #6B9D47;
    border-color: #6B9D47;
    background: #6B9D47 0% 0% no-repeat padding-box;
    border-radius: 56px 2px 2px 2px;
    opacity: 1;
  
}
@media screen and (min-width: 750px) {
   .thumbnail-list {
        display: flex !IMPORTANT;
        grid-template-columns: repeat(4, 1fr);
        justify-content: center;
        gap: 22px !IMPORTANT;
    }
}

.product-media-container.media-type-image.media-fit-cover.global-media-settings.gradient.constrain-height {
    border: none;
}
.product__info-wrapper.grid__item.scroll-trigger.animate--slide-in {
    margin-top: 0;
      padding-left: 94px;
}
.product__title {
    text-align: left;
    font: normal normal bold 42px / 52px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #2A4E1A;
       display: flex;
      justify-content: space-between;
}
share-button.share-button.quick-add-hidden {
    flex-grow: 8;
    display: flex;
    justify-content: flex-end;
}
span.price-item.price-item--regular {
    text-align: left;
    font: normal normal bold 24px / 52px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #6B9D47;
    margin-top: -26px;
}
.product__description.rte.quick-add-hidden {
    text-align: left;
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
      margin-bottom: 50px;
 
}
.quick-add-modal .product__description.rte.quick-add-hidden {
   display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.gen_lable {
    width: 15%;
    text-align: left;
    font: normal normal bold 17px / 29px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
}
.val {
    text-align: left;
    font: normal normal normal 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #6B9D47;
}
.gener {
    display: flex;
    gap: 19px;
}
legend.form__label {
    border: none;
    text-align: left;
    font: normal normal 600 16px / 29px Raleway;
    letter-spacing: 0px;
    color: #0B0A0A;
}
.no-js-hidden .product-form__input--pill input[type=radio]:checked+label {
    background-color: #6B9D47;
    color: rgb(var(--color-background));
}
.no-js-hidden .product-form__input--pill input[type=radio]+label {
    border: 1px solid;
    background-color: rgb(var(--color-background));
    border-radius: 3px;
    color: rgb(var(--color-foreground));
    display: inline-block;
    margin: .7rem .5rem .2rem 0;
    padding: 6px 38px;
    font-size: 1.4rem;
    letter-spacing: .1rem;
    line-height: 1;
    text-align: center;
    transition: border var(--duration-short) ease;
    cursor: pointer;
    position: relative;
    font: normal normal normal 14px / 28px Raleway;
    letter-spacing: 0px;
      border-color: #6B9D47;
}
button.product-form__submit.button.button--full-width.button--primary {
    padding: 23px 38px !important;
      margin-top: 32px;
}

.pro_qty_and_btn {
    display: flex;
    gap: 6%;
      margin-top: 31px ! IMPORTANT;
}
.pro_qty_and_btn .quantity {
      min-height: 60px;
    color: rgba(var(--color-foreground));
    position: relative;
       width: 120px;
}
.pro_qty_and_btn .quantity__input {
    text-align: center;
    font: normal normal bold 17px / 28px p22-mackinac-pro,serif;
    letter-spacing: 0px;
    color: #0B0A0A;
    text-transform: uppercase;
}
.pro_qty_and_btn .product-form__quantity .form__label {
    margin-bottom: 1.6rem;
    margin-top: -9px;
}
p.sub_title {
    text-align: center;
    font: normal normal 18px / 28px geometossoft-bold;
    letter-spacing: 0px;
    color: #4D4C4D;
    text-transform: uppercase;
}
h2.related-products__heading.inline-richtext.h2 {
    text-align: center;
    font: normal normal bold 48px / 58px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #6B9D47;
}
.related-products {
    margin-top: 5%;
}
.related-products .card__media .media img {
    border-radius: 4px;
}
.inline_style3 {
    background-color: #ecf2e740;
    background-image: url(/cdn/shop/files/Group_-1.svg?v=1717493546);
}
.inline_style3 .style_one_img_with_text {
    padding: 80px 80px 0;
}
.text-overlay-image-style-3 {
    padding: 293px;
}
.text-overlay-image-style-3__title {
    font: normal normal bold 38px / 54px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #FFFFFF;
}
deferred-media.video-section__media {
       width: 100%;
    max-width: 855px;
    border: 0;
}
.video-section {
    display: flex;
    align-items: center;
    justify-content: center;
}
.slideshow__text-wrapper.banner__content {
    margin-top: -30px;
}

.video-section__poster .deferred-media__poster-button {
    background-color: inherit;
    border: 0;
}
.video-section__poster {
    min-height: 629px;
    border-radius: 4px ! IMPORTANT;
    max-height: 10px;
}
.inline-style4 .image_with_text_style_one.one-style {
    padding: 0 95px;
}
.inline-style4 .img_ones {
    position: absolute;
    margin-left: -242px;
    margin-top: 0;
    top: -130px;
}
.product-description {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
}
.price {
    letter-spacing: 0px;
    color: #6B9D47;
    font-size: 16px;
    line-height: 28px;
    font-family: 'Raleway';
}
.card-wrapper span.price-item.price-item--regular {
    letter-spacing: 0px;
    color: #6B9D47;
    font-size: 16px;
    line-height: 28px;
    font-family: 'Raleway';
    margin: 0;
}
.card-information.donation-tem {
    padding: 0;
    margin-top: -5px;
}
.card-information.donation-tem .product-description {
    margin-top: 16px !important;
}
.card-information.donation-tem {
    margin-bottom: 1pc;
}
div#ProductGridContainer {
    margin-bottom: 4pc;
}
.bgcolor {
    background-color: #ecf2e740;
    background-image: url(/cdn/shop/files/Group_-1.svg?v=1717493546);
}
.global-media-settings {
    background-color: transparent !important;
}
fieldset.js.product-form__input.product-form__input--pill legend.form__label {
    margin-bottom: 5px;
}
.card__heading a:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  display: none;
}

.section-wrapper {    
    flex-wrap: wrap;
}
.left-section {
    width: 48%;
}
.right-section {
    flex: 1;
}


/* -----------------------------------------------------------------------------------------------------About Us Css Start ---------------------------------------------------------------------------*/
h1.main-page-title.page-title.h0.scroll-trigger.animate--fade-in {
    text-align: center;
    font: normal normal bold 58px / 82px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.image_with_text_style15 .collapsible-with-image {    
    gap: 83px;
}
.descript-image-style-five {
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
    margin-right: 52px;
}
.image_with_text_style5  .image_footer {
    position: absolute;
    background: #fff;
    padding: 19px 32px;
    margin-top: -85px;
    margin-left: 23%;
}
.image_with_text_style5 .image_footer {
    display: flex;
    align-items: center;
    gap: 14px;
  box-shadow: 0px 60px 50px #00000010;
}
.image_with_text_style5  .collapsible-with-image__image {
    border-radius: 230px 4px 4px 4px;
}
.image_with_text_style5 .image_footer svg {
    position: absolute;
    bottom: -15px;
    left: 47px;
}

 .history-slider-section {
    background-color: {{ section.settings.background_color }};
    padding: 20px;
  }

  .history-slider-title {
    text-align: center;
    margin-bottom: 40px;
  }

  .history-slider-subtitle {
    text-align: center;
  }

  .swiper {
    width: 100%;
  }

  .swiper-slide {
    padding: 10px;    
  }

  .swiper-slide img {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
  }

  .swiper-slide .slide-content {
    text-align: left;
  }

 .swiper-slide .year {
    font: normal normal bold 26px / 32px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
    margin: 11px 0;
}

  .swiper-slide .title {
    font-size: 18px;
    margin-bottom: 22px;
    font: normal normal bold 24px / 32px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
    margin-top: 68px;
}

.swiper-slide .description {
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
}
  .swiper-button-next,
  .swiper-button-prev {
    color: #000;
  }
 .history-slider-section .history_slider {
    padding-left: 13%;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: '';
  display:none;
}
.swiper-button-next, .swiper-button-prev {
    height: 53px;
    width: 53px;
}
.history-slider-section .swiper-button-next, .swiper-button-prev {
    height: 53px;
    width: 53px;
      margin-top: -167px;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: '';
   display:none;
}
.swiper-button-prev.swiper-button-disabled {
    visibility: hidden;
}
.line::before {
    color: red;
    position: absolute;
    background: red;
    height: 14px;
    width: 14px;
    border-radius: 100%;
    content: '';
    top: 50%;
    transform: translateY(-50%);
}
.line {
    color: red;
    position: absolute;
    left: 0;
    right: -51px;
    width: auto;
    top: 64px;
    background: #edeaea;
    height: 1px;
}
.slide-content {
    position: relative;
}
.history-slider-title h2 {
    font: normal normal bold 48px / 58px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #6B9D47;
}
.history-slider-subtitle h3 {
    font: normal normal 18px / 28px geometossoft-bold;
    letter-spacing: 0px;
    color: #4D4C4D;
    text-transform: uppercase;
}
.history_slider .swiper-slide {
    display: block;
}
.inline-style5 .img_ones {
    position: absolute;
    margin-left: 6px;
    margin-top: 0;
    top: -116px;
    left: -148px;
      z-index: -1;
}
.inline-style5 .img_one.and_two {
    margin-top: 0;
    position: absolute;
    z-index: -1;
    right: -102px;
    bottom: -76px;
}
a.button.button--primary.sec {
    background: transparent;
    color: #0B0A0A;
    margin-left: 35px;
    font: normal normal bold 15px / 28px p22-mackinac-pro, serif;
    letter-spacing: 0px;
      border: 1px solid #0087A4;
}
@media screen and (min-width: 990px){
 .inline-style-right .image-with-text__content {
        padding: 8rem 8rem 0rem 0rem;
    }
}
.inline-style-right .image-with-text__text-item.grid__item {
    display: flex;
    align-items: center;
}
.inline-style-left .image-with-text__text-item.grid__item {
    display: flex;
    align-items: center;
}
.inline-style-right .style_one_img_with_text {
    padding: 15px 0;
}
.inline-style-left .style_one_img_with_text {
    padding: 15px 0;
}

/* -----------------------------------------------------------------------------------------------------About Us Css End ---------------------------------------------------------------------------*/

.title-wrapper-with-link {
    flex-wrap: wrap;
}
.title-wrapper-with-link h1.title.title--primary {
    text-align: center;
    font: normal normal bold 48px / 58px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #6B9D47;
    padding: 29px 0;  
}
th.caption-with-letter-spacing {
    font: normal normal bold 16px / 28px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
    text-transform: capitalize ! IMPORTANT;
}
img.cart-item__image {
    height: 82px;
    width: 82px;
      object-fit: cover;
}

@media screen and (min-width: 750px) {
    .cart-item__media {
        width: auto;
    }
}
td.cart-item__details {
    padding-left: 0 !important;
}
a.cart-item__name.h4.break {
    font: normal normal bold 20px / 32px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
}
.product-option .pro-koala-option {
    letter-spacing: 0px;
    color: #6B9D47;
    font-family: 'Raleway';
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
}
.product-option .original_price-koala{
    letter-spacing: 0px;
    color: #0B0A0A;
    font-family: 'Raleway';
    font-size: 16px;
    line-height: 28px;
    margin: 0;
    font-weight: 500;
}
.product-option {
    margin: 0;
}
.quantity {
    color: rgba(var(--color-foreground));
    position: relative;
    width: calc(12rem / var(--font-body-scale) + var(--inputs-border-width)* 2);
    display: flex;
    border-radius: var(--inputs-radius);
    min-height: calc((var(--inputs-border-width)* 2) + 5.5rem);
}

.title-wrapper-with-link {
    display: flex;
    justify-content: center;
}
.quantity__input {
    font-weight: 600;
}
.cart button#checkout {
    width: 90%;
    padding: 22px;
}
.cart button#checkout {
    width: 90%;
    padding: 17px;
    font: normal normal bold 15px / 28px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #FFFFFF;
}
small.tax-note.caption-large.rte {
    text-align: right;
    font: normal normal normal 14px / 28px Raleway;
    letter-spacing: 0px;
    color: #6C8065;
}
.cart__ctas {
    justify-content: center;
}
.cart__dynamic-checkout-buttons.additional-checkout-buttons {
    display: flex;
    justify-content: center;
}
.product-option {
    margin: 0 !important;
}
.featured .grid.product-grid {
    display: flex;
    justify-content: space-between;
}
.featured h2.title.inline-richtext.h1.scroll-trigger.animate--slide-in {
    text-align: center;
    font: normal normal bold 48px / 58px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #6B9D47;
      margin-bottom: 6%;
}
.featured .collection__description.body.rte.scroll-trigger.animate--slide-in {
    text-align: center;
    font: normal normal 18px / 28px geometossoft-bold;
    letter-spacing: 0px;
    color: #4D4C4D;
    text-transform: uppercase;
      margin-bottom: 1%;
}
.featured img.motion-reduce {
    border-radius: 0 !important;
}
.part-filters {    
}
select#category-filter {
    padding: 0 14px;
    display: flex;
    height: 54px;
    width: 233px;
    justify-content: space-between;
    font: normal normal 600 14px / 28px Raleway;
    letter-spacing: 0px;
    color: #778D6E;
      background: #ECF4E6;
    border: 0;
}
.filter-start {
    padding: 3% 0;
    background-color: #ecf2e740;
    background-image: url(/cdn/shop/files/Group_-1.svg?v=1717493546);
    margin-top: -30px;
}
input#search-input {
    height: 54px;
    width: 300px;
      padding: 21px;
}
.ser_close {
    padding: 13px 22px;
    background: #0087A4;
    color: white;
    font-size: 20px;
    border-radius: 4px;
}
.category {
    background: #0087A4;
    display: inline-block;
    padding: 2px 14px;
    text-align: left;
    font: normal normal bold 14px / 28px p22-mackinac-pro,serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    border-radius: 2px;
    margin-bottom: 5% ! IMPORTANT;
}
.partner-block .content-wrapper h3 {
    text-align: left;
    font: normal normal bold 28px / 29px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
    text-transform: capitalize;
    margin-bottom: 3% !important;
}
.partner-block .description {
    text-align: left;
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
      margin-bottom: 30px;
}
.partner-block  .content-wrapper {
    margin-top: 53px;
}
.partner-block:nth-child(odd) {
    border-left: 0;
}
.partner-block {
    border-left: 3px solid;
    border-bottom: 3px solid;
    border-color: #f0eeee;
}
.partner-block {
    padding: 10px 22px;
}
 .partner-sponsor-section {

  .filters {
    display: flex;
    align-items: center;
    margin-bottom: 20px;

    select {
      margin-right: 20px;
    }

    .search-icon {
      cursor: pointer;
    }

    .search-block {
      margin-left: 20px;

      input {
        padding: 5px;
        width: 200px;
      }
    }
  }

  .partner-blocks {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
           margin: 30px 0;

    .partner-block {
      display: flex;
      align-items: center;

      .image-wrapper {
        flex: 0 0 200px;
        margin-right: 20px;

        img {
          max-width: 100%;
          height: auto;
        }
      }

      .content-wrapper {
        flex: 1;

        .category {
          font-weight: bold;
          margin-bottom: 5px;
        }

        h3 {
          margin: 0;
        }

        .description {
          margin-top: 10px;
        }
      }
    }
  }
}
.flex-dis {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.partner-block:nth-last-child(2) {
    border-bottom: 0;
}
.partner-block:nth-last-child(1) {
    border-bottom: 0;
}
.page--koala-hospital deferred-media.video-section__media {
    width: 100%;
    max-width: 1382px;
    border: 0;
}



/* FAQ Sectiopn Css Start -------------------------------------------------------------------------------------------------------------------------------------------------------------  */

 .faq-section {
    text-align: center;
    padding: 19% 0;
    background: #F0F5EC;
    margin-top: -12%;
       padding-bottom: 8%;
       position: relative;
     
}
.faq-header h2 {
    margin-bottom: 10px;
    text-align: center;
    font: normal normal bold 48px / 58px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #6B9D47;
}
 .faq-header p {
    margin-bottom: 20px;
    text-align: center;
    font: normal normal  18px / 28px geometossoft-bold;
    letter-spacing: 0px;
    color: #4D4C4D;
    text-transform: uppercase;
}
  .faq-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1;
    position: relative;
  }
 .faq-item {
    width: 100%;
    max-width: 910px;
    padding: 11px;
    margin: 10px 0;
    cursor: pointer;
    transition: transform 0.2s;
    position: relative;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 30px #00000007;
    border-radius: 6px;
}
  
  .faq-question-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    font: normal normal bold 20px / 32px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
        padding: 0px 10px;
}
  .faq-question {
    font-weight: bold;
    margin-bottom: 10px;
  }
  .faq-toggle-icon {
    font-size: 1.5em;
    font-weight: bold;
    transition: transform 0.3s ease;
  }
  .faq-answer-container {
    display: none;
    transition: max-height 0.3s ease-out;
  }
  .faq-answer {
    color: #555;
  }
  .faq-item.active .faq-answer-container {
    display: block;
  }
  .faq-item.active .plus-icon {
    display: none;
  }
  .faq-item.active .minus-icon {
    display: inline;
  }
 .load-more {
    margin-top: 20px;
    padding: 17px 27px;
    border: none;
    cursor: pointer;
    font: normal normal bold 15px / 28px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    background: #0087A4 0% 0% no-repeat padding-box;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 27px;
       margin-top: 45px;
}
  .load-more:hover {
    background-color: #6b9e47;
  }
  .hidden {
    display: none;
  }
  .faq-item.hidden.first-hidden {
    display: block !important;
    background: transparent linear-gradient(180deg, #F0F5EC00 0%, var(--unnamed-color-f0f5ec) 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #F0F5EC00 0%, #F0F5EC 100%) 0% 0% no-repeat padding-box;
    opacity: 0.5;
}
  p.faq-answer {
    text-align: left;
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
    margin-top: 8px;
        padding-left: 12px;
}
  .faq-header {
    margin-bottom: 55px;
        z-index: 2;
    position: relative;
}
  img.coll_top_img {
    position: absolute;
    left: -94px;
    bottom: -25px;
}
  img.col_bot_img {
    position: absolute;
      top: 17%;
    right: 0;
}
  .faq-question {
    font-weight: bold;
    margin-bottom: 10px;
    text-align: left;
    font: normal normal bold 20px / 32px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
}
  body.gradient.product .faq-section {
    text-align: center;
    padding: 160px 0;
    background: #F0F5EC;
    margin-top: 0;
    padding-bottom: 8%;
    position: relative;
}
 .faq-section.style2 {
    text-align: center;
    padding: 160px 0;
    background: #F0F5EC;
    margin-top: 0;
    padding-bottom: 8%;
    position: relative;
}
   body.gradient.collection img.col_bot_img {
    position: absolute;
      top: 0%;
    right: 0;
}
  body.gradient.collection .rich-text-style-2-section {
    padding: 107px 0 55px 0;
}
  body.gradient.product .rich-text-style-2-section {
    padding: 107px 0 30px 0;
}
/* FAQ Sectiopn Css END -------------------------------------------------------------------------------------------------------------------------------------------------------------  */
.video-section {
    z-index: 1;
}
.inner_collabls_content {
    margin-left: 73px;
}
.inner_collabls_content .collapsible-with-image__collapsibles {
    padding: 0;
}
.collabs_style_two .collapsible-with-image__image {    
    border-radius: 4px;
}
.collabs_style_two .collapsible-with-image { 
    align-items: center;
}
.collabs_style_two .collapsible-with-image__collapsible-header {
    padding-left: 35px;
}
.collabs_style_two .collapsible-with-image__collapsible-description {
    padding-left: 18px;
}
.banner_with_details img.main-image {
    border-radius: 4px 138px 4px 4px;
}
.banner_with_details {
    width: 1550px;
    margin: 0 auto;
}
.banner_with_details .content-wrapper {
    display: grid;
    align-items: center;
    justify-content: center;
    grid-template-columns: 0.8fr 0.87fr 1.4fr;
    padding: 111px 73px;
}
.text-content .subtitle {
    font: normal normal 18px / 28px geometossoft-bold;
    letter-spacing: 0px;
    color: #FBAF17;
    text-transform: uppercase;
}
.text-content h2.title {
    font: normal normal bold 48px / 58px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.text-description p {
    text-align: left;
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.banner_with_details_section {
    background: linear-gradient(to bottom, #f0f5ec 27%, white 19%);
}
.text-over-image.style2 {
    height: 482px;
}
.text-over-image.style2 {
    padding: 0 78px;
}
  .text-over-image.style2 .text-over-image__heading {
    text-align: left;
    font: normal normal bold 38px / 54px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #F0F5EC;
}
  .text-over-image.style2 h2.text-over-image__heading {
    width: 66%;
}
 .text-over-image.style2 .down_image {
    display: flex;
    justify-content: flex-end;
    text-align: left ! IMPORTANT;
    width: 73%;
    margin-top: -58px;
}
  .text-over-image.style2 a.text-over-image__button {
    background: #FBAF17;
    padding: 17px 38px;
}
.icon-text-dec-style2 .collapsible-with-image__image {
    max-width: 100%;
    height: auto;
    border-radius: 230px 4px 4px 4px;
}
.img_top_icon_text_style2 {
    position: absolute;
    right: 75%;
    bottom: 30%;
    z-index: -1;
}
.icon-text-dec-style2 .collapsible-with-image__collapsibles {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 37px;
    padding: 0;
    row-gap: 30px;
}
.icon-text-dec-style2 .icon-block-des-sigle {
    margin-top: 13px;
}
h4.plan-overview-subtitle {
    text-align: left;
    font: normal normal 18px / 28px geometossoft-bold;
    letter-spacing: 0px;
    color: #4D4C4D;
    text-transform: uppercase;
}
h2.plan-overview-title {
    text-align: left;
    font: normal normal bold 48px / 58px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #6B9D47;
    margin: 0;
}
p.plan-overview-description {
    text-align: left;
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
    margin: 38px 0;
    width: 86%;
}
.icon-text-dec-style4 .collapsible-with-image__image {
    max-width: 100%;
    height: auto;
    border-radius: 4px 137px 4px 194px;
}
a.view_all_btn {
    background: #0087A4 0% 0% no-repeat padding-box;
    border-radius: 4px;
    padding: 23px 38px;
    font: normal normal bold 15px / 28px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #FFFFFF;
}









.style5 .collapsible-with-image__image {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}
 .icon-text-dec-image-section.style5 .image_footer {
    position: absolute;
    padding: 19px 33px;
    margin-top: 0;
    right: 76%;
    display: flex;
    align-items: center;
    gap: 16px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 60px 50px #00000010;
    border-radius: 6px;
    bottom: 12%;
    flex-direction: column;
}
.foot_image_second {
    position: absolute;
    top: 54%;
    right: 83%;
    z-index: -1;
}
.style5 a.collapsible-with-image__button {
    margin-top: 2%;
}
.location_icon {
    position: absolute;
    top: -17px;
    left: 42%;
}
.rich-text__text.rte.scroll-trigger.animate--slide-in {
    text-align: center;
    font: normal normal 18px / 28px geometossoft-bold;
    letter-spacing: 0px;
    color: #4D4C4D;
    text-transform: uppercase;
}
h2.rich-text__heading.rte.inline-richtext.h1.scroll-trigger.animate--slide-in {
    margin: 8px;
    text-align: center;
    font: normal normal bold 48px / 58px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #6B9D47;
}
.text-image-adn-icon .style5 .image_footer svg {     position: absolute;     left: 0;     bottom: -12px; }
.text-over-inline-style4-main .text-overlay-image-style-2.style4 {
    margin-bottom: 0;
}
.text-over-inline-style4-main {
    padding-bottom: 89px;
}
.collapsible-with-roll .collapsible-with-image__collapsible-header {
    box-shadow: 0px 10px 30px #00000007;
    border-radius: 6px;
    margin-bottom: 25px;
}
.collapsible-with-roll .collapsible-with-image__collapsible-header {
    box-shadow: 0px 10px 30px #00000007;
    border-radius: 6px;
    margin-bottom: 25px;
    padding: 20px 30px;
}
.image_footer_collabs img {
    width: 100%;
}


/* Blog post css start ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.blog_post_sidebar {
    width: 32.5%;
    float: right;
}

.content_start {
   width: 60%;
    float: left;
    text-align: left;
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
}
.blog-categories ul li.current {
    text-align: left;
    font: normal normal 600 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #6B9D47;
}
input.blog_search {
    width: 100%;
   
}
button.blog_serch_btn.search__button.field__button {
    right: 8%;
    top: 13px;
}

input.blog_search {
    padding:23px 32px
    text-align: left;
    font: normal normal normal 14px / 28px Raleway;
    letter-spacing: 0px;
    color: #6C8065;
    background: #F0F5EC 0% 0% no-repeat padding-box;
    border-radius: 6px;
    border: none;
}

.post_search-box form {
    position: relative;
}

.blog-categories {
    background: #F2F6EE3B 0% 0% no-repeat padding-box;
    border: 1px solid #E5EEDE;
    border-radius: 4px;
    margin-top: 35px;
    padding: 37px 47px;
}
.blog-categories h3 {
    text-align: left;
    font: normal normal bold 22px / 28px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
      margin-bottom: 17px;
}
button.blog_serch_btn.search__button.field__button {
    right: 17px;
    top: 35%;
    width: 19px;
    height: 19px;
}
input.blog_search {
    padding: 23px 21px;
}
.blog-categories ul {
    padding: 0;
}
.blog-categories ul li {
    text-align: left;
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
      margin: 6px 0;
      list-style: none;
}
.blog-categories ul li svg {
    margin-right: 8px;
}
.trending-article:nth-child(2) {
    color: red;
    background: red;
    display: none;
}
.trending-article {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    align-items: center;
    margin-bottom: 36px;
}
h3.trade_blogs {
    text-align: left;
    font: normal normal bold 18px / 29px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
    text-transform: capitalize;
    padding-left: 33px;
}
.trading_articals {
    margin-top: 11%;
}
h3.teand_title {
    margin-bottom: 25px;
    text-align: left;
    font: normal normal bold 22px / 28px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
}
.two_image_in_artical {
    width: 48.5%;
      display: inline-block;
}
.revoew_Sec {
    text-align: center;
    background: #F0F5EC 0% 0% no-repeat padding-box;
    border-radius: 6px;
    padding: 67px 85px;
}
.start_images {
    margin-top: 16px;
}
.lft_img img {
    width: 84%;
}
.lft_img {
    width: 50%;
    float: left;
}
.icon_text {
    display: flex;
    gap: 15px;
}
.share-button {
    display: inline-flex ! IMPORTANT;
    flex-grow: 0 !IMPORTANT;
}
span.share-title {
    background: #F0F5EC;
    width: 50px;
    display: inline-flex;
    text-align: center;
    height: 50px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.share_lable {
    display: inline-block;
    margin-right: 17px;
    text-align: right;
    font: normal normal bold 16px / 28px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
}
.social-sharing {
    display: inline-block;
}
.next_pre_blogs {
    display: flex;
    justify-content: space-between;
    height: 242px;
    background: #4D4C4D;
    align-items: center;
      flex-wrap: wrap;
}
.next_ar a {
    text-align: left;
    font: normal normal bold 20px / 35px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #FFFFFF;
  text-align: start;
    width: 500px;
  
}
.pre_ar a {
    text-align: left;
    font: normal normal bold 20px / 35px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #FFFFFF;
  text-align: end;
    width: 500px;
}
.pre_ar,.next_ar {
    display: flex;
    align-items: center;
}
.pre_ar a.link {
    display: flex;
    align-items: center;
    gap: 28px;
    padding: 10px 51px;
   text-decoration: none;
}
.next_ar a.link {
    display: flex;
    align-items: center;
    gap: 28px;
    padding: 10px 51px;
        text-decoration: none;
}
.next_pre_blogs {
    margin: 7% 0px;
}
.social-sharing a {
    margin-right: 10px;
}
.tg_title {
    display: inline-block;
    padding: 2px 12px;
    border: 1px solid #0087A4;
    border-radius: 4px;
    margin: 0px 4px;
    text-align: left;
    font: normal normal bold 13px / 28px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0087A4;
}
.tags {
    text-align: left;
    font: normal normal bold 16px / 28px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
}
.tag_post {
    display: flex;
    gap: 34px;
    align-content: center;
    align-items: center;
      margin-top: 4%;
}
h1.article-template__title {
    text-align: center;
    font: normal normal bold 42px / 52px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #2A4E1A;
}
span.circle-divider.caption-with-letter-spacing {
    text-align: center;
    font: italic normal 300 14px / 28px Raleway;
    letter-spacing: 0px;
    color: #0B0A0A;
    display: block;
    margin: 28px 0;
}
p.subheading {
    text-align: center;
    font: normal normal 18px / 28px geometossoft-bold;
    letter-spacing: 0px;
    color: #4D4C4D;
    text-transform: uppercase;
}
.rel_art h3.title {
    margin: 0;
    text-align: center;
    font: normal normal bold 48px / 58px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #6B9D47;
    margin-bottom: 33px;
}
.rel_art {
    margin-top: 114px;
    margin-bottom: 45px;
}
/* Blog post css End ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Video and news page css start ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.header_blogs {
    display: flex;
    justify-content: space-between;
        width: 97%;
        margin-bottom: 48px;
}
select#blog-category-select {
    width: 233px;
    height: 54px;
    padding: 10px 19px;
    background: #F0F5EC 0% 0% no-repeat padding-box;
    border-radius: 6px;
    text-align: left;
    font: normal normal 600 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #6C8065;
}
  .category-tabs button.tab-button {
    background: transparent;
    border: 0;
    padding: 10px 18px;
    text-align: right;
    font: normal normal normal 18px / 28px p22-mackinac-pro,serif;
    letter-spacing: 0px;
    color: #4D4C4D;
        position: relative;
}
  button.tab-button.active {
    text-align: center;
    font: normal normal bold 18px / 28px p22-mackinac-pro,serif;
    letter-spacing: 0px;
    color: #0B0A0A;
}
  button.tab-button.active::after {
    content: "";
    background-image: url(https://cdn.shopify.com/s/files/1/0631/9112/2020/files/2024-06-20_17-46.png?v=1718885825);
    height: 15px;
    width: 100%;
    position: absolute;
    background-repeat: no-repeat;
    left: 0;
    bottom: -9px;
}
  .blog-search span.search-icon {
    width: 54px;
    height: 54px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    background: #FBAF17 0% 0% no-repeat padding-box;
    border-radius: 4px;
}
  .content_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 7px;
}
  p.blog-post-date {
    text-align: right;
    font: italic normal 300 14px / 28px Raleway;
    letter-spacing: 0px;
    color: #0B0A0A;
}
  .category-tabs {
    margin-left: -12%;
}
  span.blogs-with-tabs__tag.two {
    padding: 7px 9px;
    background: transparent;
    border: 1px solid #FBAF17;
    border-radius: 2px;
    text-align: left;
    font: normal normal bold 14px / 28px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #FBAF17;
}
  span.blogs-with-tabs__tag.two.videos {
    border-color: #6B9D47;
    color: #6B9D47;
}
/* Add your other CSS styles here */
  /* Css For Loader */
  #loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.spinner {
  width: 50px;
  height: 50px;
  border: 5px solid #f3f3f3;
  border-top: 5px solid #fbaf17;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
 #pagination-container button.active {
    background: #0087A4 0% 0% no-repeat padding-box;
    border-radius: 6px;
    width: 56px;
    height: 56px;
    border: 0;
    text-align: center;
    font: normal normal bold 19px / 28px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #FFFFFF;
}
 #pagination-container button {
    width: 56px;
    height: 56px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E5EEDE;
    border-radius: 6px;
    margin: 0 7px;
    text-align: center;
    font: normal normal bold 19px / 28px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
}
  div#pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 32px;
    margin-bottom: 10%;
}
  div#pagination-container button:nth-child(1) {
    display: none;
}
  .blog-search {
    display: flex;
}
  input#blog-search-input {
    height: 54px;
       margin-left: 10px;
        padding: 0 9px;
}
/* Video and news page css END ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.page-width.Courses .product__info-wrapper.grid__item.scroll-trigger.animate--slide-in {
    padding: 0;
    margin-right: 79px;
}
 .course__inner {
    display: flex;
    align-items: center;
    margin: 5% 0;
    gap: 80px;
}
  .course_media img.product-image {
    background-size: cover;
    object-fit: cover;
       
}
  .course__inner a.full-unstyled-link {
    text-align: left;
    font: normal normal bold 32px / 29px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
    text-transform: capitalize;
    margin-bottom: 36px;
        margin-top: 31px;
}
  p.course__description {
    text-align: left;
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
    margin-bottom: 23px;
}
  a.read-more-button {
    text-align: left;
    font: normal normal 600 15px / 28px Raleway;
    letter-spacing: 0px;
    color: #0B0A0A;
}
  li.coruse_item {
    list-style: none;
}
  .course-products {
    margin-top: 10%;
}
  .Online {
    padding: 7px 9px;
    display: inline;
    text-align: left;
    font: normal normal bold 14px / 28px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #6B9D47;
    border: 1px solid #6B9D47;
    border-radius: 2px;
}
  .On-Site {
    padding: 7px 9px;
    display: inline;
    text-align: left;
    font: normal normal bold 14px / 28px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    border: 1px solid #FBAF17;
    border-radius: 2px;
    color: #FBAF17;
}
  a.read-more-button svg {
    margin-left: 11px;
}
.Online {
    margin-right: 27px;
}
.On-Site {
    margin-right: 27px;
}
p.short_desc {
    text-align: left;
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
    margin-top: 30px;
    margin-bottom: 54px;
}
.modules {
    margin: 19px 0;
    background: #F2F6EE3B 0% 0% no-repeat padding-box;
    border: 1px solid #E5EEDE;
    border-radius: 4px;
    padding: 24px 48px;
}

h3.mod_title {
    text-align: left;
    font: normal normal bold 20px / 32px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
}
.model_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.model_head h3 {
    text-align: left;
    font: normal normal bold 24px / 32px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
}
.Courses ul.grid.product-grid.grid--3-col-desktop.grid--2-col-tablet-down {
    gap: 29px;
}
 h2.related-products__heading.inline-richtext.h2 {
    margin-bottom: 80px;
}
.color-scheme-1.gradient.no-js-hidden.Courses {
    background: #F0F5EC;
    padding: 1% 0;
    margin-top: 5%;
} 
.course_details {
    background: #F2F6EE3B 0% 0% no-repeat padding-box;
    border: 1px solid #E5EEDE;
    border-radius: 4px;
    padding: 23px 37px;
}
.list {
    display: flex;
    gap: 17px;
    
}
.rte img {
    border: 0;
}
h3.cor_title {
    text-align: left;
    font: normal normal bold 20px / 32px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
}

p.cor_des {
    text-align: left;
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
    margin: 3% 3px;
}
fieldset.js.product-form__input.product-form__input--pill label {
     padding: 6px 20px;
   
    text-align: center;
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
}
/* Contact From Css Start ------------------------------ */
.contact {
    display: flex;
      gap: 43px;
}
.location_one {
    text-align: left;
    font: normal normal bold 22px / 32px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
    margin-bottom: 6px;
}
.location_one_des {
    text-align: left;
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
    width: 400px;
    margin: 16px 0;
}
.loc_details {
    margin-bottom: 49px;
}
a.get_dir {
    text-align: left;
    font: normal normal 600 15px / 28px Raleway;
    letter-spacing: 0px;
    color: #0B0A0A;
}
.contact_form_koala {
    width: 50%;
}
.loc_one {
    display: flex;
    gap: 24px;
}
p.sub_heading {
    text-align: left;
    font: normal normal 18px / 28px geometossoft-bold;
    letter-spacing: 0px;
    color: #4D4C4D;
    text-transform: uppercase;
}
h2.title_of_contact {
    margin: 0;
    text-align: left;
    font: normal normal bold 48px / 58px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #6B9D47;
}
p.requrd {
    text-align: end;
    margin-top: -29px;
    font: normal normal 600 15px / 28px Raleway;
    letter-spacing: 0px;
    color: #6B9D47;
    margin-bottom: 34px;
}
.contact_form_koala_inner {
    width: 89.5%;
}
.contact_us_left {
    margin-top: 8%;
}
.contact__fields {
    display: block ! IMPORTANT;
}
.field:after {    
    box-shadow: none;
}
.field__input {
    background: #F0F5EC 0% 0% no-repeat padding-box;
    border-radius: 6px;
    height: 70px;
}
.field.phone_cotact {
    width: 299px;
}
.field__input:focus {
    box-shadow: none;
}
.field:hover.field:after {
    box-shadow: none;
   
}
.contact__fields label.field__label {
    margin-top: 12px;
    text-align: left;
    font: normal normal normal 14px / 28px Raleway;
    letter-spacing: 0px;
    color: #6C8065;
}
span svg {
    margin-left: 7px;
}
.contact__fields .text-area {
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
    min-height: 16.2rem;
    resize: none;
}
.stay_connected {
    display: flex;
    gap: 35px;
      align-items: center;
}
.icon_stay {
    display: flex;
}
.inner_icon_sya {
    background: #E9F0E3;
    width: 50px;
    height: 50px;
    margin: 0 5px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.stay_con_title {
    text-align: left;
    font: normal normal bold 16px / 49px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
    text-transform: capitalize;
}

.underline-links-hover :hover .adopt_me_btn {
    display: block;
}
.adopt_me_btn {
    display: none;
}
.adopt_me_btn a {
    text-align: left;
    font: normal normal bold 14px / 28px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-decoration: none !important;
}
.adopt_me_btn {
    position: absolute;
    bottom: 10px;
    left: 25%;
    background: #0087A4 0% 0% no-repeat padding-box;
    border-radius: 4px;
       padding: 15px 41px;
    color: white;
}
.text_title {
   letter-spacing: 0px;
    color: #FFFFFF;
    font-family: 'p22-mackinac-pro';
}
body.gradient.product span.share-title {
    display: none;
}
body.gradient.article span.share_icon_for_all {
    display: none;
}
span.share-title svg {
    margin-left: 0;
}
.vertical_left_slide h2 {
    width: 50%;
}
.slideshow__text-wrapper.banner__content {
    margin-top: 0;
    padding: 181px 10px ! IMPORTANT;
}
p#opps_amout {
    margin: 0;
    color: red;
    text-align: left;
    font: normal normal normal 14px / 28px Raleway;
    letter-spacing: 0px;
    margin-top: -9px;
}
input#other_amount {
    background: #F0F5EC 0% 0% no-repeat padding-box;
    border-radius: 6px;
    border: 0;
    padding: 22px;
    width: 179px;
    height: 58px;
    text-align: left;
    font: normal normal normal 14px / 28px Raleway;
    letter-spacing: 0px;
    color: #6C8065;
    margin-top: 0;
    margin-bottom: 30px;
}
.product-description {
    color: #4D4C4D;
}
.Donation .inline_style3 .style_one_img_with_text {
    padding: 0;
    padding-top: 80px;
}
.Donation .text-overlay-image-style-3 {
    padding: 245px 293px;
}
.Donations .inline_style3 .style_one_img_with_text {
    padding: 0;
    padding-top: 80px;
}
.Donations .text-overlay-image-style-3 {
    padding: 245px 293px;
}

/* Vertical Slider Css Start ----------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.vertical-slider-section {
  position: relative;
  width: 100%;
  height: 910px;
  overflow: hidden;
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
}
.slider-content {
  color: #fff;
  padding: 20px;
  border-radius: 10px;
  width: 100%;
  max-width: 1400px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.vertical_left_slide {
  max-width: 50%;
}
.vertical_left_slide h3 {
  margin: 0;
  text-align: left;
  font: normal normal 18px / 28px geometossoft-bold;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
}
.vertical_left_slide h2 {
  text-align: left;
  font: normal normal bold 48px / 58px p22-mackinac-pro, serif;
  letter-spacing: 0px;
  color: #FFFFFF;
}
.vertical_left_slide p {
  text-align: left;
  font: normal normal 300 20px / 37px Raleway;
  letter-spacing: 0px;
  margin-top: 32px;
  color: #FFFFFF;
}
.vertical_left_slide .slider-button {
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  background: #0087A4 0% 0% no-repeat padding-box;
  border-radius: 4px;
  justify-content: center;
  width: 176px;
  height: 62px;
  font: normal normal bold 15px / 28px p22-mackinac-pro, serif;
  letter-spacing: 0px;
  color: #FFFFFF;
  margin-top: 44px;
}
.html-content {
  max-width: 50%;
}
.main_vert_left {
    background: #2A4E1A 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 40px #00000029;
    border-radius: 4px;
    opacity: 0.74;
    padding: 10% 37px;
}
.qtn_ans {
     display: flex;
    flex-direction: row;
    gap: 23px;
}
.vr_lable {
    width: 140px;
    text-align: left;
    font: normal normal bold 17px / 29px p22-mackinac-pro;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.ver_text {
    text-align: left;
    font: normal normal normal 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
}

/* Vertical Slider Css End ----------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.partner-sponsor-section {
    padding: 40px 0;
    background-color: {{ section.settings.background_color }};
  }

 .partner-sponsor-header {
    display: grid;
    grid-template-columns: 0.9fr 1fr 0.3fr;
}

  .partner-sponsor-header .sub-title {    
    color: {{ section.settings.sub_title_color }};   
    font: normal normal 18px / 28px geometossoft-bold;
    letter-spacing: 0px;
    color: #4D4C4D;
    text-transform: uppercase;
  }

  .partner-sponsor-header .title {
    color: {{ section.settings.title_color }};
    margin: 0;
    font: normal normal bold 48px / 58px p22-mackinac-pro, serif;
    letter-spacing: 0px;
        margin-top: 4px;
  }

  .partner-sponsor-header .description {
    color: {{ section.settings.description_color }};
    text-align: left;
    font: normal normal 300 20px / 32px Raleway;
    letter-spacing: 0px;
    padding-right: 61px;
  }

  .partner-sponsor-header .button {
    align-self: flex-start;
  }

  .partner-sponsor-header .button a {
    padding: 10px 20px;
    background-color: {{ section.settings.button_background_color }};
    color: {{ section.settings.button_text_color }};
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.3s;
  }

  .partner-sponsor-header .button a:hover {
    background-color: {{ section.settings.button_hover_background_color }};
  }

  .partner-sponsors {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    justify-content: center;
    margin-top: 70px;
  }

  .partner-sponsor {
    width: calc(16.66% - 44px);
   
  }

  .partner-sponsor img {
    max-width: 100%;
    height: auto;
  }
.button-sec {
    text-align: end;
}

/* Icon with text style 3 start ----------------------------------------------------------------------------------------------- */
.shopify-section.icon-selector-section {
    background: #FFFFFF;
}
  .pro_det_sec .icon-block__inner.icon-block-1:after {
    visibility: hidden;
}
  .pro_det_sec .icon-block__inner.icon-block-3:after {
    visibility: hidden;
}
  .pro_det_sec .icon-block__inner.icon-block-2:before {
    visibility: hidden;
}
  .pro_det_sec .icon-block__inner.icon-block-4:before {
    visibility: hidden;
}
  .pro_det_sec  .icon-selector-section.start {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .pro_det_sec .icon-block.icon-block-2, .icon-block.icon-block-4 {
    margin-top: 56px;
}
  .inner_style_two .icon_with_image_textarea {
    display: flex;
    justify-content: center;
    text-align: center;
}
  .icon-with-bg-style {
    padding: 10px 66px;
}
  .inner_style_two  .icon-block.icon-block-1::before {
    content: "1";
    position: absolute;
    left: 11%;
    top: 30%;
    background: red;
    height: 26px;
    width: 26px;
    border-radius: 100%;
    : white;
    text-align: center;
    font: normal normal bold 14px / 27px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #FFFFFF;
}
  .inner_style_two  .icon-block.icon-block-3::before {
    content: "3";
    position: absolute;
    left: 11%;
    top: 30%;
    background: #6B9D47;
    height: 26px;
    width: 26px;
    border-radius: 100%;
    : white;
    text-align: center;
    font: normal normal bold 14px / 27px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #FFFFFF;
}

  .inner_style_two .icon-block.icon-block-2::before {
    content: "2";
    position: absolute;
    left: 6%;
    top: 69%;
    background: #FBAF17;
    height: 26px;
    width: 26px;
    border-radius: 100%;
    text-align: center;
    font: normal normal bold 14px / 27px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #FFFFFF;
}
  .inner_style_two .icon-block.icon-block-4::before {
    content: "4";
    position: absolute;
    left: 6%;
    top: 69%;
    background: #8A4D28;
    height: 26px;
    width: 26px;
    border-radius: 100%;
    text-align: center;
    font: normal normal bold 14px / 27px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #FFFFFF;
}
  .inner_style_two .icon-block {
    position: relative;
        max-width: 409px;
}
  .page--koala-hospital .icon-block.icon-block-1::after {
    content: "";
    background-image: url(/cdn/shop/files/elements-6.svg?v=1717506101);
    height: 100%;
    position: absolute;
    width: 100%;
    background-repeat: no-repeat;
    top: 55%;
    left: 90%;
    z-index: 1;
}
  .inner_style_two  .icon-block.icon-block-3::after {
    content: "";
    background-image: url(/cdn/shop/files/elements-6.svg?v=1717506101);
    height: 100%;
    position: absolute;
    width: 100%;
    background-repeat: no-repeat;
    top: 55%;
    left: 90%;
    z-index: 1;
}
   .inner_style_two  .icon-block.icon-block-2::after {
    content: "";
    height: 100%;
    background-image: url(/cdn/shop/files/elements-7.svg?v=1717506114);
    position: absolute;
    width: 100%;
    background-repeat: no-repeat;
    top: 28%;
    left: 87%;
    z-index: 1;
}
   .inner_style_two  .icon-selector-section.start {
    padding: 0;
}
  .inner_style_two  .icon_with_image_textarea {
    margin: 0;
}
.pro_det_sec.inner_style_two {
    margin-top: 20px;
}
/* Icon with text style 3 End ----------------------------------------------------------------------------------------------- */


/* Price Box Css Start ---------------------------------------------------------------------------------------------------------- */
section.adoption-price .section-heading {
    text-align: center;
}
  h4.subt_itle {
    font: normal normal 500 18px / 28px geometossoft-bold;
    letter-spacing: 0px;
    color: #4D4C4D;
    text-transform: uppercase;
}
  section.adoption-price h2.title {
    margin: 0;
    text-align: center;
    font: normal normal bold 48px / 58px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #6B9D47;
    opacity: 1;
}
  .blocks-wrapper {
    display: flex;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 4%;
    gap: 50px;
        flex-wrap: wrap;
}
 
  h4.block-subtitle {
    text-align: left;
    font: normal normal bold 22px / 36px p22-mackinac-pro, serif;
    letter-spacing: 0px;
        margin-bottom: 10%;
        height: 45px;
}
.blocks-wrapper .block-item {
    padding: 29px 48px;
    border: 1px solid;
    border-radius: 6px;
}
  .block-price {
    text-align: left;
    font: normal normal bold 76px / 101px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
}
  .block-image-text {
    display: flex;
    gap: 13px;
    margin-bottom: 18px;
}
  .section.adoption-price .block-details {
    margin-top: 11%;
    margin-bottom: 63px;
}
  section.adoption-price {
    z-index: 2;
    position: relative;
}
  span.dolar_ad {
    font-size: 40px;
    margin-top: -14px;
}
  .block-price {
    display: flex;
}
  .price_description {
    text-align: left;
    font: normal normal 300 20px / 32px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
}
  .price-sec-style-two {
    display: grid;
    grid-template-columns: 0.5fr 1fr;
        margin: 6% 0;
}
  section.adoption-price .section-heading {
    text-align: left;
}
  h2.title {
    text-align: left ! IMPORTANT;
}
 span.person_group {
    text-align: left;
    letter-spacing: 0px;
    color: #4D4C4D;
    font-family: 'Raleway';
    font-size: 18px;
    line-height: 28px;
    margin-left: 5px;
    font-weight: 600;
    margin-top: 50px;
}
  button.price_btn a {
    text-align: center;
    font: normal normal bold 15px/28px p22-mackinac-pro,serif;
    letter-spacing: 0px;
    color: #FFFFFF;
}

  button.price_btn {
    width: 332px;
    height: 54px;
    border: 0;
    margin-bottom: 30px;
}
  .price-section-style-two h3.Title {
    text-align: left;
    font: normal normal bold 22px / 36px p22-mackinac-pro, serif;
    letter-spacing: 0px;
        margin: 0;
}
  .price-section-style-two  h4.block-subtitle {
    height: 45px;
    text-align: left;
    font: italic normal normal 15px / 28px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
    margin: 0;
}
  .price_description {
    padding: 0 139px;
}
  .price_box_Section {
    padding-top: 12%;
    margin-top: -9%;
    background: #f0f5ec;
        position: relative;
}
  .inner_price_section_style img.col_bot_img {
    position: absolute;
    top: 0;
    right: 0;
}
  .price_footer_text {
    text-align: center;
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
    padding-top: 58px;
    padding-bottom: 46px;
}

/* Tabed Content Display ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.tabbed-content-section {
  padding: 20px 0;
}
.tabbed-content-wrapper {
  display: flex;
  flex-direction: column;
}
.tab_section-heading {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    padding: 47px 0;
}
.tabbed-content-title {
    text-align: left;
    font: normal normal bold 48px / 58px p22-mackinac-pro,serif;
    letter-spacing: 0px;
    color: #6B9D47;
      margin: 0;
}
  
  .tabbed-content-subtitle {
    text-align: left;
    font: normal normal 18px / 28px geometossoft-bold;
    letter-spacing: 0px;
    color: #4D4C4D;
    text-transform: uppercase;
    margin: 0;
        margin-bottom: 7px;
  }

  .tabbed-content-tabs {
  display: flex;
}
.tabs-list {
  display: flex;
  flex-direction: row;
  margin-right: 20px;
      justify-content: space-between;
}
.tabs-list .tab {
  padding: 10px 20px;
}
  
.tab-content {
  display: none;
}
.tab-content.active {
  display: flex;
  width: 100%;
}
.tab-content-wrapper {
  display: flex;
  justify-content: space-between;
      align-items: center;
}
.tab-content-left, .tab-content-right {
  width: 48%;
}
 .tab-content-right img {
  width: 100%;
  height: auto;
}
  .tabs-list .tab.active {
    text-align: center;
    font: normal normal 900 18px / 28px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
}
  .tabs-list .tab {
    padding: 10px 20px;
    text-align: center;
    font: normal normal normal 18px / 28px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #4D4C4D;
}
  li.tab {
    list-style-type: none;
}
li.tab.active::after {
    content: "";
    border-bottom: 6px solid;
    height: 0;
    width: 40%;
    position: absolute;
    display: block;
    border-radius: 30px;
    border-color: #FBAF17;
    margin: 0 auto;
    left: 0;
    right: 0;
    margin-top: 6px;
}
  li.tab.active {
    position: relative;
}
 
  .tab-content-left h3 {
    text-align: left;
    font: normal normal bold 38px / 52px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #4D4C4D;
    margin-bottom: 50px;
}.tab-content-left p {
    text-align: left;
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
}
  .image-small_tab {
    width: 87px;
    height: 87px;
    background: #E5EBDF;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
        margin-bottom: 21px;
}
  .tabbed-content-section {
    padding: 86px 0px;
    background: #F0F5EC 0% 0% no-repeat padding-box;
}
/* Tabed Content Display End ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Box Icon Css Display start ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
 .icon-box-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
} 
  .icon-box-sigle {
    text-align: center;
    background: #F2F6EE3B 0% 0% no-repeat padding-box;
    border: 1px solid #E5EEDE;
    border-radius: 4px;
    margin: 23px;
    padding: 73px 71px;
}
  
  h3.box-heading {
    font: normal normal bold 24px / 32px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
    margin: 17px 0;
    margin-top: 34px;
    margin-bottom: 24px;
}
  .box-description {
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
}
 .icon-box-styel5 .icon-image {
    background: #E9F0E3;
    padding: 19px;
    border-radius: 50%;
    height: 87px;
    width: 87px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
 .icon-box-styel6 .icon-image {   
    padding: 19px;
    border-radius: 50%;
    height: 87px;
    width: 87px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
  .section-heading {
    text-align: center;
}
  h4.subheading {
    font: normal normal 500 18px / 28px geometossoft-bold;
    letter-spacing: 0px;
    color: #4D4C4D;
    text-transform: uppercase;
    
}
  .section-heading h2.heading {
    font: normal normal bold 48px / 58px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #6B9D47;
    margin: 0px;
}
  .section-heading.icon-boxs {
    margin-top: 136px;
        margin-bottom: 50px;
}
 .icon-box-styel6 .icon-box-sigle {
    text-align: left;
    border-radius: 4px;
    margin: 18px;
    padding: 61px 48px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 43px 66px #6B9E470F;
}
  .icon_box_btn {
    text-align: left;
    font: normal normal 600 15px / 28px Raleway;
    letter-spacing: 0px;
    color: #2A4E1A;
    margin-top: 18px;
}
  .icon_box_btn a {
    text-align: left;
    font: normal normal 600 15px / 28px Raleway;
    letter-spacing: 0px;
    color: #2A4E1A;
    margin-top: 18px;
}
  .icon_box_btn svg {
    margin-left: 7px;
}
  section.icon-box.icon-box-styel6 {
    margin: 100px 0;
}
  .description_of_icon_box {
    margin-top: 29px;
    text-align: center;
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
}
  .view_all_btn_icon {
    text-align: center;
    margin: 78px 0;
}
/* Box Icon Css Display End ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Feature Highlight Css Start ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
 .feature-highlights-section {
    padding: 20px 0;
    margin-bottom: 93px;
  }
 
  .feature-highlights-header {
    text-align: center;
  }
  .feature-highlights-subtitle {
    text-align: left;
    font: normal normal 18px / 28px geometossoft-bold;
    letter-spacing: 0px;
    color: #4D4C4D;
    text-transform: uppercase;
}
  .feature-highlights-title {
    margin: 10px 0;
    text-align: left;
    font: normal normal bold 48px / 58px p22-mackinac-pro,serif;
    letter-spacing: 0px;
    color: #6B9D47;
    margin-top: 0;
    margin-bottom: 40px;
}
  .feature-highlights-description {
    margin-bottom: 20px;
    text-align: left;
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
}
 .feature-highlights-button {
    display: inline-block;
    padding: 18px 38px;
    background-color: #0087A4;
    text-decoration: none;
    margin-bottom: 20px;
    font: normal normal bold 15px / 28px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    border-radius: 4px;
}
  .feature-highlights-blocks {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .feature-block {
    width: 100%;
    max-width: 306px;
    padding: 20px;
    margin: 10px;
    text-align: center;
    position: relative;
        border: 1px solid;
    border-radius: 6px;
  }
  .feature-block--middle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
  }
  .feature-block-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
 
  .feature-block-content {
    text-align: center;
  }
 
  .feture_button {
    text-align: justify;
    margin: 50px 0;
}
  .right-section.feture_block {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
}
  .feature-highlights-blocks {
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
    width: 50%;
}
  .feature-block-title {
    margin-bottom: 25px;
    text-align: center;
    font: normal normal bold 20px / 32px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
}
  .feature-block-description {
    text-align: center;
    font: normal normal 300 14px / 26px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
}
 .feature-block-image {
    width: 77px;
    height: 77px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
    border-radius: 50%;
    margin-top: 33px;
}
.section-wrapper.feature-highlights-wrapper.page-width {
    gap: 24px;
}
  
/* Feature Highlight Css End ------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* Conatact Box Css Start --------------------------------------------------------------------------------------- */
.contact-box {
  padding: 60px 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
      padding-bottom: 116px;
}

.contact-box__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
      gap: 40px;
      padding: 0 16px;
}

.contact-box__item {
    padding: 41px 53px;
    text-align: center;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 20px 50px #00000010;
    border-radius: 4px;
    display: flex;
    gap: 24px;
}
.hovered {
    transform: scale(1.0);
    border-color: #000000;
    background: #FFFBFA 0% 0% no-repeat padding-box;
    box-shadow: 0px 20px 50px #00000010;
    border: 1px solid #F05A28;
    border-radius: 4px;
    height: auto;
    margin-top: -36px;
}

.contact-box__item.hovered h3.contact-box__title {
    text-align: left;
    font: normal normal 30px / 34px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
}

.contact-box__item.hovered .contact-box__description {
    text-align: left;
    font: normal normal 300 18px / 30px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
}

.contact-box__item.hovered .contact-box__button {
    display: block;
    text-align: left;
    font: normal normal 600 20px / 38px Raleway;
    letter-spacing: 0px;
    color: #0B0A0A;
}

.contact-box__image {
  height: auto;
  margin-bottom: 20px;
}



.contact-box__description {
  margin-bottom: 20px;
}



  section.contact-box {
    margin-top: -69px;
}
.contact-box__grid {
    margin-top: -160px;
    position: relative;
    z-index: 1;
}  

 
@media screen and (max-width: 768px) {
  .contact-box__grid {
    grid-template-columns: 1fr;
  }
}
  h3.contact-box__title {
    text-align: left;
    font: normal normal bold 26px / 32px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
    margin: 0;
}
  .contact-box__description {
    text-align: left;
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
    margin: 25px 0;
}
  .contact-box__button {
    display: block;
    text-align: left;
    font: normal normal 600 15px / 28px Raleway;
    letter-spacing: 0px;
    color: #0B0A0A;
}
/* Contact Box Css End -------------------------------------------------------------------------------------------------------------------------------------------------------- */
.product-grid-main-koala {
    margin-bottom: 10%;
}


/* Certificate Lauguage Css Start ----------------------------------------------------------------------------------------------------------------------------------------------*/
span.cer_lable {
    display: block;
    text-align: left;
    font: normal normal 600 16px / 29px Raleway;
    letter-spacing: 0px;
    color: #0B0A0A;
    margin-bottom: 9px;
}
select.item-data.required.form-required.product-form-data-item {
    background: #F0F5EC 0% 0% no-repeat padding-box;
    border-radius: 4px;
    width: 299px;
    height: 65px;
    padding: 17px;
    text-align: left;
    font: normal normal 600 14px / 28px Raleway;
    letter-spacing: 0px;
    color: #6C8065;
    border: 0;
}
span#cert-preview-1 {
    text-align: left;
    font: normal normal 600 14px / 29px Raleway;
    letter-spacing: 0px;
    color: #2A4E1A;
    margin-left: 16px;
}
.cert-preview {
    text-align: left;
    font: normal normal 600 14px / 29px Raleway;
    letter-spacing: 0px;
    color: #2A4E1A;
    margin-left: 16px;
}
.cer_laug {
    margin-bottom: 19px;
}
.cer_pre {
    display: inline;
      cursor: pointer;
}
.name_re span {
    text-align: left;
    font: normal normal 600 16px / 29px Raleway;
    letter-spacing: 0px;
    color: #0B0A0A;
}
.name_filed {
    margin-top: 5px;
}
.name_filed input#cert-name-1 {
    width: 100%;
    height: 65px;
    text-align: left;
    font: normal normal normal 14px / 28px Raleway;
    letter-spacing: 0px;
    color: #6C8065;
    background: #F0F5EC 0% 0% no-repeat padding-box;
    border-radius: 4px;
    border: 0;
      padding: 15px 25px;
}
.cert-name {
    width: 100%;
    height: 65px;
    text-align: left;
    font: normal normal normal 14px / 28px Raleway;
    letter-spacing: 0px;
    color: #6C8065;
    background: #F0F5EC 0% 0% no-repeat padding-box;
    border-radius: 4px;
    border: 0;
      padding: 15px 25px;
}

.personal_message {
    margin-top: 25px;
    margin-bottom: 45px;
}
.personal_message span {
    text-align: left;
    font: normal normal 600 16px / 29px Raleway;
    letter-spacing: 0px;
    color: #0B0A0A;
}
.text_personal_box {
    margin-top: 10px;
}
textarea#cert-message-1 {
    background: #F0F5EC 0% 0% no-repeat padding-box;
    border-radius: 4px;
    width: 100%;
    height: 127px;
    border: 0;
   padding: 15px 25px;
}
.cert-message {
    background: #F0F5EC 0% 0% no-repeat padding-box;
    border-radius: 4px;
    width: 100%;
    height: 127px;
    border: 0;
   padding: 15px 25px;
}
div#cert-adoptee {
    margin-left: 17px;
}
 .shipping-modal-content.preview-content {
    text-align: center;
}
img#preview-img {
    height: auto;
    width: 100%;
}
.shipping-modal-header {
    text-align: center;
    position: relative;
    margin-top: -40px;
    padding: 15px;
    font: normal normal bold 42px / 52px p22-mackinac-pro;
    letter-spacing: 0px;
    color: #2A4E1A;
}
/* Certificate Lauguage Css End ----------------------------------------------------------------------------------------------------------------------------------------------*/
.slider-mobile-gutter {
    margin-bottom: 40px;
}
div#dynamic-checkout-cart {
    width: 90%;
}
.pro_det_sec .icon-selector-section.start .icon-block.icon-block-4 {
    margin-top: 50px;
}
.product .icon-block__inner {
    max-width: 350px;
    margin: 0 auto;
}

.price-section-style-two .block-details {
    flex: 1;
}
.price-section-style-two button.price_btn {
    width: 332px;
    height: 54px;
    border: 0;
    margin-bottom: 30px;
    margin-top: 40px;
}
.price-section-style-two .block-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 19px;
}
.price-section-style-two .block-price {
    margin-bottom: 37px;
}
.product-options-group {
    margin-left: 15px;
}
.Courses fieldset.js.product-form__input.product-form__input--pill label {
    text-align: center;
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    width: 100%;
    padding: 17px 0;
}
.collection.Adopt.a.Koala .rich-text-style-2-container {
    display: grid;
    grid-template-columns: 0.5fr 1fr;
      margin-bottom: 50px;
  padding: 0;
}
.collection.Adopt.a.Koala .rich-text-style-2-heading {
    padding-right: 66px;
   margin: 0;
}
.collection.Adopt.a.Koala  .product-grid-main-koala {
    margin-bottom: 0;
}
.collection.Adopt.a.Koala section.adoption-price .section-heading h2.title {
    display: flex;
    justify-content: center;
}
span.sls-custom-radio {
    width: 35px ! IMPORTANT;
    height: 35px ! IMPORTANT;
    background: #F0F5EC ! IMPORTANT;
      border: 0 !important;
}
label.sls-selling-plan-group-name {
    text-align: left;
    font: normal normal bold 16px / 29px Raleway;
    letter-spacing: 0px;
    color: #0B0A0A;
    margin-left: 7px;
}
.sealsubs-container .sls-purchase-options-container .sls-option-container, .sealsubs-container .sls-purchase-options-container .sls-option-container.sls-active {
    border: none;
    border-bottom: 1px solid rgba(198, 198, 198, .55);
    border-bottom: 1px solid rgba(198, 198, 198, .55);
    padding: 18px 16px ! IMPORTANT;
    border-radius: 0;
}
.seal-row {
    display: flex;
    align-items: center;
}
.sealsubs-target-element .sls-option[type=radio]+.sls-custom-radio:after {
    content: "";
    box-shadow: inset 1em 1em #6B9D47;
}
.cart input#cert-name-1 {
    width: 100%;
}
.cart .cert-name {
    width: 100%;
}
.cart textarea#cert-message-1 {
    width: 100%;
}
.cart .cert-message {
    width: 100%;
}
.keep_shopping {
    width: 100%;
    margin: 20px 0;
    border: 1px solid #0087A4;
    border-radius: 4px;
    padding: 16px 6px;
      background: transparent;
}
.kepp_shop {
    width: 90%;
    margin: 0 auto;
}
button.keep_shopping a {
    text-align: center;
    font: normal normal bold 15px / 28px p22-mackinac-pro;
    letter-spacing: 0px;
    color: #0B0A0A;
}
/* .pro_det_sec .icon-block.icon-block-1::after {
  content: "";
   display: none;
  background-image: url(/cdn/shop/files/elements-6.svg?v=1717506101);
} */
.product .product-options-group {
    margin-left: 0;
}
*:focus-visible {
    outline: none;
    outline-offset: .3rem;
    box-shadow: none;
}
.icon-selector-section-style2 .icon-block.icon-block-1::after {
    content: "";
  display:none;
}

/* icon with text Css Start ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
  .icon-block-text {
    display: flex;
}
 h3.icon-block-head-sigle {
    margin: 0;
    text-align: left;
    font: normal normal bold 20px / 32px p22-mackinac-pro,serif;
    letter-spacing: 0px;
    color: #0B0A0A;
}
  .icon-block-des-sigle {
    text-align: left;
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
}
  img.icon-block-text-image {
    width: 47px;
    height: 47px;
}
  .icon-block-text {
    display: flex;
    gap: 25px;
        margin-bottom: 12px;
}
  .icon-text-dec-image-section {
    display: flex;
    gap: 40px;
    align-items: center;
}
  .collapsible-with-image__content.icon {
    padding: 0;
    padding-left: 23px;
}
  .icon-image-description {
    margin-bottom: 50px;
    text-align: left;
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
}
  .inner_content_icon {
    padding: 26px;
}
  .top_inner_image {
    display: flex;
    align-items: center;
    gap: 25px;
}
  .top_image_cont {
    background: #E9F0E3;
    border-radius: 50%;
    padding: 17px;
}
 .text-image-adn-icon .image_top {
    position: absolute;
    padding: 36px 47px;
    margin-left: -80px;
    margin-top: -60px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 60px 50px #00000010;
    border-radius: 6px;
}
  .text-image-adn-icon  .image_top svg {
    position: absolute;
    left: -14px;
    top: -15px;
}
  .collapsible-with-image__image-container {
    position: relative;
}
 .text-image-adn-icon .image_footer {
    position: absolute;
    padding: 19px 33px;
    margin-top: 0;
    right: -37px;
    display: flex;
    align-items: center;
    gap: 16px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 60px 50px #00000010;
    border-radius: 6px;
    bottom: -30px;
}
  /* .text-image-adn-icon {
    padding: 120px 0;
} */
  .text-image-adn-icon {
    padding: 10px 0;
}
  .text-image-adn-icon .image_footer svg {
    position: absolute;
      left: 94%;
    bottom: -12px;
}
  .style3 .inner_content_icon {
    padding: 26px;
    padding-left: 1px !important;
}
  .foot_image_two {
    position: absolute;
    rotate: 266deg;
    top: 58%;
    right: 56%;
    z-index: -1;
}
  .foot_image_one {
    position: absolute;
    bottom: -22px;
    right: 77%;
    z-index: -1;
}
  a.collapsible-with-image__button.second {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #0087A4;
    border-radius: 4px;
    color: #0B0A0A;
    margin-left: 24px;
}
/* icon with text Css End ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Board Members  Css Start ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.board-member-section .subheading {
    font-size: 18px;
    margin-bottom: 10px;
    color: {{ section.settings.subheading_color }};
    font: normal normal  18px / 28px geometossoft-bold;
    letter-spacing: 0px;
    text-transform: uppercase;
         text-align: center;
  }

  .board-member-section .subheading {
    font-size: 18px;
    margin-bottom: 10px;
    color: {{ section.settings.subheading_color }};
  }

 

  .board-members {
    display: flex;
    flex-wrap: wrap;
    gap: 56px;
   row-gap: 43px;
  }

  .board-member {
    width: calc(25% - 49px);
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s;
  }

  .board-member img {
    width: 100%;
    height: auto;
        border-radius: 4px;
  }

  .board-member .member-info {
    padding: 20px 0;
    text-align: left;
  }

 .board-member .member-name {
    margin-bottom: 5px;
    text-align: center;
    font: normal normal bold 24px / 32px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #0B0A0A;
}

 .board-member .member-designation {    
    text-align: center;
    letter-spacing: 0px;
    color: #6B9D47;
    font-family: 'Raleway';
    font-size: 16px;
    line-height: 28px;
    font-weight: 600;
}

  .board-member:hover {
    transform: translateY(-10px);
  }

/* Board Members  Css End ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
small.copyright__content {
    text-align: center;
    font: normal normal normal 14px / 28px Open Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.field__input:focus, .select__select:focus, .customer .field input:focus, .customer select:focus, .localization-form__select:focus.localization-form__select:after {
    box-shadow: none;
    outline: 0;
    border-radius: var(--inputs-radius);
}
.quantity__input {
    background: #f0f5ec !important;
}
quantity-input.quantity {
    background: #f0f5ec !important;
}
.quantity:after {
    content: '';
    border: 0;
    border-radius: 40px;
    box-shadow: none;
    z-index: 1;
}
quantity-input.quantity {
    border-radius: 4px;
}
.line::after {
    position: absolute;
    border: 1px solid #edeaea;
    width: 100%;
    content: "";
    right: 69%;
    z-index: -2;
}
.page--about .html-content {
    max-width: 100%;
    margin-bottom: -204px;
}
.part-filters.page-width {
    position: relative;
}
.search-block {
    position: absolute;
    right: 54px;
    top: 0;
}
.cart h2.title.inline-richtext.h1.scroll-trigger.animate--slide-in {
    text-align: center !important;
}
button.footer_btn_one a {
    color: inherit;
}
button.footer_btn_two a {
    color: inherit;
}
.quick-add-modal__content-info {
    overflow: hidden !important;
}
.product-media-container.media-type-image.media-fit-cover.global-media-settings.gradient.constrain-height {
    margin-top: -17px;
}
.Donation span.share-title {
    display: none;
}
.Donations span.share-title {
    display: none;
}
.quick-add-modal__content-info button.product-form__submit.button.button--full-width.button--primary {
    padding: 0 !important;
    width: 157px;
    height: 62px;
    margin-left: 17px;
}
.quick-add-modal::before {
    position: absolute;
    right: 26px;
    color: white;
    top: -11px;
    content: "\00d7";
    height: 32px;
    width: 32px;
    font-size: 65px;
    cursor: pointer;
}
.quick-add-modal__toggle {
    display: none !important;
}
.right-blocks_bred .content-block {
    padding: 38px;
    margin-bottom: 31px;
      display: flex;
      gap: 19px;
}
.right-blocks_bred h3.block-title {
    margin: 0;
    text-align: left;
    font: normal normal bold 20px / 32px p22-mackinac-pro;
    letter-spacing: 0px;
    color: #0B0A0A;
    margin-bottom: 15px;
}
.right-blocks_bred p.block-text {
    text-align: left;
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #4D4C4D;
}
.slideshow__text.banner__box a.button.button--primary:hover {
    background: #6b9e47;
}
.slideshow__text.banner__box a.button.button--primary::after {
    border-radius: 50%;
    box-shadow: none;
}
a.multirow__button.two:hover {
    background: #FBAF17;
    font: normal normal bold 15px / 28px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #FFFFFF;
}
a.multirow__button.one:hover {
    background: #f3a812;
    font: normal normal bold 15px / 28px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #FFFFFF;
}
a.collapsible-with-image__button:hover {
    background: #6b9e47 !important;
    color: white;
}
a.text-over-image__button:hover {
    background: #6b9e47 !important;
    color: white;
}
span.sml {
    font-size: 23px;
    transform: translate(0px, -14px);
}
p.text_one-setting {
    display: flex;
}
p.text-two-setting {
    margin: 0;
}
.collection.Adopt.a.Koala .html-content {
    margin-bottom: -63px;
}
a.slider-button:hover {
    background: #6b9e47;
    color: white !important;
}
.quick-add-modal .product__info-wrapper.grid__item.scroll-trigger.animate--slide-in {
    margin-top: 0;
    padding: 1px 21px;
}
.product__title {
    margin-bottom: -12px;
}
.pro_meta_data {
    margin: 0 !important;
}
.card__information {
    margin-top: 17px;
}
.name_re {
    margin-top: 5px;
}
fieldset.js.product-form__input.product-form__input--pill label {
    margin-bottom: 15px;
    margin-right: 22px;
      border: 1px solid #6B9D47;
}
label.quantity__label.form__label {
    text-align: left;
    font: normal normal 600 16px / 29px Raleway;
    letter-spacing: 0px;
    color: #0B0A0A;
}
ul.grid.product-grid.grid--3-col-desktop.grid--2-col-tablet-down {
    gap: 50px;
}
.product .discription_area {  
    width: 76%;
}
body.gradient.collection.Donation .rich-text-style-2-section {
    padding: 140px 0 70px 0;
}
body.gradient.collection.Donation  .card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
    margin-top: -10px;
}
body.gradient.collection.Donations .rich-text-style-2-section {
    padding: 60px 0 54px 0;
}
body.gradient.collection.Donations  .card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
    margin-top: -10px;
}
fieldset.js.product-form__input.product-form__input--pill label {
    margin-bottom: 10px;
    margin-right: 7px;
    border: 1px solid #6B9D47;
}
h3.faq-question {
    margin: 15px 0;
}
.page--about .style_one_img_with_text {
    padding: 0;
}
.style_one_img_with_text a.button.button--primary {
    margin-top: 18px;
}



select#blog-category-select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #ECF4E6 url('https://cdn.shopify.com/s/files/1/0631/9112/2020/files/icons-42.svg?v=1719899813') no-repeat right 0.75em center;
    background-size: 10px;
    padding-right: 2em;
    border: 1px solid #ccc;
    border-radius: 4px;
    line-height: 1.5em;
    background-position: center right 17px;
}

 select#category-filter {
    appearance: none;
}
select#category-filter {
  -moz-appearance: none; /* For Firefox */
  -webkit-appearance: none; /* For Safari and Chrome */
  appearance: none; /* For other browsers */
  background: #ECF4E6 url('https://cdn.shopify.com/s/files/1/0631/9112/2020/files/icons-42.svg?v=1719899813') no-repeat right 0.75em center;
  background-size: 10px;
  padding-right: 2em; /* Adjust to provide space for the arrow */
  border: 1px solid #ccc;
  border-radius: 4px; 
  line-height: 1.5em; /* Adjust line height as needed */
  background-position: center right 17px;
}
select#cert-language-1 {
  -moz-appearance: none; /* For Firefox */
  -webkit-appearance: none; /* For Safari and Chrome */
  appearance: none; /* For other browsers */
  background: #ECF4E6 url('https://cdn.shopify.com/s/files/1/0631/9112/2020/files/icons-42.svg?v=1719899813') no-repeat right 0.75em center;
  background-size: 10px;
  padding-right: 2em; /* Adjust to provide space for the arrow */  
  border-radius: 4px; 
  line-height: 1.5em; /* Adjust line height as needed */
  background-position: center right 17px;
}
.cert-language {
  -moz-appearance: none; /* For Firefox */
  -webkit-appearance: none; /* For Safari and Chrome */
  appearance: none; /* For other browsers */
  background: #ECF4E6 url('https://cdn.shopify.com/s/files/1/0631/9112/2020/files/icons-42.svg?v=1719899813') no-repeat right 0.75em center;
  background-size: 10px;
  padding-right: 2em; /* Adjust to provide space for the arrow */  
  border-radius: 4px; 
  line-height: 1.5em; /* Adjust line height as needed */
  background-position: center right 17px;
}
.cert-language {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #ECF4E6 url(/cdn/shop/files/icons-42.svg?v=1719899813) no-repeat right 0.75em center !important;
    background-size: 10px !important;
    padding-right: 2em !important;
    border-radius: 4px !important;
    line-height: 1.5em !important;
    background-position: center right 17px !important;
}
select#SortBy-mobile {
   -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #ECF4E6 url('https://cdn.shopify.com/s/files/1/0631/9112/2020/files/icons-42.svg?v=1719899813') no-repeat right 0.75em center;
    background-size: 10px;
    padding-right: 2em;
    border: 1px solid #ccc;
    border-radius: 4px;
    line-height: 1.5em;
    background-position: center right 17px;
}

select#category-filter::-ms-expand {
  display: none; /* Hide default arrow in Internet Explorer */
} 
select#SortBy-mobile::-ms-expand {
  display: none; /* Hide default arrow in Internet Explorer */
} 

.partner-sponsor-section {
    padding-bottom: 185px;
}
.related-articles {
    padding-bottom: 161px;
}
section.Courses.gradient.color-scheme-1 {
    padding-bottom: 60px;
}
.contact.page-width {
    padding-bottom: 100px !important;
}
.Donation .product-grid-main-koala {
    margin-bottom: 0;
}
.Donations .product-grid-main-koala {
    margin-bottom: 0;
}
a.get_dire {
    text-align: left;
    font: normal normal 600 15px / 28px Raleway;
    letter-spacing: 0px;
    color: #2A4E1A;
    margin-top: 0;
}
.page--volunteer-with-us .rich-text-style-2-container {
    display: grid;
    grid-template-columns: 0.7fr 1fr;
}
.page--volunteer-with-us .rich-text-style-2-description {
    width: 80%;
}
.mobile-facets__sort svg.icon.icon-caret {
    display: none;
}
.cart .row.cart-attribute__field {
    padding: 10px 19px;
}
.cert-email-address {
    width: 100%;
    width: 100%;
    height: 65px;
    text-align: left;
    font: normal normal normal 14px / 28px Raleway;
    letter-spacing: 0px;
    color: #6C8065;
    background: #F0F5EC 0% 0% no-repeat padding-box;
    border-radius: 4px;
    border: 0;
    padding: 15px 25px;
      margin-top: 13px;
}
label.ship_add_cr {
    text-align: left;
    font: normal normal 600 16px / 29px Raleway;
    letter-spacing: 0px;
    color: #0B0A0A;
    padding-bottom: 11px;
}
.for_bg_img {
    background-image: url(https://cdn.shopify.com/s/files/1/0631/9112/2020/files/Asset_2-100.jpg?v=1720074844);
    background-position: 4% 25%;
    background-size: cover;
}
.related-products h3.card__heading.h5 {
    text-align: left;
    font: normal normal bold 24px / 32px P22 Mackinac Pro;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-family: 'p22-mackinac-pro';
}
.related-products span.price-item.price-item--regular {
    text-align: left;
    letter-spacing: 0px;
    color: #F0F5EC !important;
}
.related-products .product-description {
    text-align: left;
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.related-products .quick-add__submit {
    background: transparent;
}
.top_fo_img img {
    margin: 0;
    width: 100%;
  margin-top: -10px;
}

.top_fo_img {
    margin-bottom: -7px;
      margin-left: -2px;
    margin-right: -1px;
}
.page--about .video_sc_bg {
    background-image: url(https://cdn.shopify.com/s/files/1/0631/9112/2020/files/Asset_5-100.jpg?v=1720083817);
    background-repeat: no-repeat;
    background-position: bottom;
      /* margin-bottom: 110px; */
}
.Donation .video_sc_bg {
    background-image: url(/cdn/shop/files/Asset_5-100.jpg?v=1720083817);
    background-repeat: no-repeat;
    background-position: bottom;
    margin-bottom: 0;
    width: 88%;
    margin: 0 auto;
}
.Donations .video_sc_bg {
    background-image: url(/cdn/shop/files/Asset_5-100.jpg?v=1720083817);
    background-repeat: no-repeat;
    background-position: bottom;
    margin-bottom: 0;
    width: 88%;
    margin: 0 auto;
}
.page--international-volunteer .rich-text__text.rte.scroll-trigger.animate--slide-in {
    text-align: center;
    font: normal normal 18px / 28px geometossoft-bold;
    letter-spacing: 0px;
    color: #4D4C4D;
    text-transform: none;
    font-family: 'Raleway';
}

 @media (min-width: 992px) and (max-width: 1726px){
  .header__menu-item {
    padding: 9px;
  }
   summary.list-menu__item {
    padding-right: 2.7rem !important;
}
  nav.header__inline-menu.koala-mega-menu {
    margin-left: 0 !important;
}
} 


@media (min-width: 1280px) and (max-width: 1490px){
  .header-wrapper .header--middle-left {
        grid-template-areas: "heading navigation icons";
        grid-template-columns: 170px auto auto !important;
  }
  button.nav-button a {
    background: #0087a4;
    border: none;
    padding: 12px 19px !important;
    margin: 0 2px !important;
  }

}
@media (min-width: 1280px) and (max-width: 1342px){
    .koala-mega-menu li span {
    text-transform: uppercase;
    color: #0b0a0a;
    font-family: 'geometossoft-bold';
    font-size: 12px !important;
}
}
@media (min-width: 992px) and (max-width: 1280px){
  .announcement-block.icon-text-block span a {    
    font: normal normal 600 14px / 23px Raleway  !important;
  }
  .announcement-bar-lr p {    
    text-align: left;
    font: normal normal normal 14px / 28px Raleway !important;
  }
  .announcement-block p strong {
    font-size: 20px;
    font: normal normal bold 14px / 28px Raleway !important;
  }
  
}
@media (min-width: 992px) and (max-width: 1024px){
  h1.header__heading {
    text-align: center;
    margin-left: 50px;
}

}
.lr-newsletter {
  color: black;
}
.Courses a.full-unstyled-link {
    color: #0B0A0A;
}
.Courses .for_bg_img {
    background: transparent;
}
.style3 .collapsible-with-image__image {
  max-width: 100%;
  height: auto;
  border-radius: 4px 4px 4px 4px;
}
.cart .collection {
  background-image: url(https://cdn.shopify.com/s/files/1/0631/9112/2020/files/Asset_2-100.jpg?v=1720074844);
  background-position: 4% 19%;
  background-size: cover;
  margin-top: 65px;
}
.cart .full-unstyled-link {
  color: #FFF;
}
.cart  .donatemate-app-wrapper {
  display: none;
}
.page--rescue-rehabilitation-and-release section.icon-box.icon-box-styel6 {
  margin: 0;
}
.page--rescue-rehabilitation-and-release .inline-style-right .style_one_img_with_text {
  padding: 0;
}
.page--koala-habitat .section-heading.icon-boxs {
  margin-top: 0;
  margin-bottom: 50px;
}
.page--koala-habitat section.icon-box.icon-box-styel6 {
  margin: 146px 0;
    margin-top: 146px;
  margin-top: 0 !important;
}
.page--threats-to-koalas .rich-text__text.rte.scroll-trigger.animate--slide-in {  
  text-transform: none;
  font-family: 'Raleway';
}
@media screen and (min-width: 990px) {
 .page--threats-to-koalas .rich-text__blocks {
    max-width: 100%;
  }
}
.article-template__hero-medium.media {
  margin-bottom: 45px;
}
.lowercaserich-text__text.rte.scroll-trigger.animate--slide-in {
  font-family: 'Raleway';
  font: normal normal 300 16px / 28px Raleway;
  letter-spacing: 0px;
  color: #4D4C4D;
}
@media screen and (min-width: 990px) {
  .full-width.rich-text__blocks.center {
  max-width: 100% !important;
}
}
.icon-box.icon-box-styel6.automargin {
  margin: 0 !important;
}
.page--make-a-bequest .lowercaserich-text__text.rte.scroll-trigger.animate--slide-in {
    text-align: left;
}
#Line-item-error-1 {
  visibility: hidden;
}
.cart-item__error-text {
  visibility: hidden;
}
div#hotspot-popup .popup-content {
    margin: 0;
    padding: 0;
    border: 0;
    max-width: 100%;
    position: relative;
    height: auto ! important;
    display: flex !important;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 4px;
}
body.gradient.collection.Koala.Adoptions .facets {
    visibility: hidden !important;
}
.faq-answer-container {
    text-align: left;
    font-family: 'Raleway';
    font-size: 17px;
    padding: 14px 12px;
}
.page--apply-to-volunteer .rich-text__wrapper.rich-text__wrapper--left.page-width {
    display: block ! IMPORTANT;
    width: 100%;
}
.page--apply-to-volunteer .full-width.rich-text__blocks.left {
    max-width: 100%;
}
.page--locations .rich-text__wrapper.rich-text__wrapper--left.page-width {
    display: block ! IMPORTANT;
    width: 100%;
}
.page--locations .full-width.rich-text__blocks.left {
    max-width: 100%;
}
span.dec_cer {
  font-weight: 500;
  color: initial;
}
.des {
    font-size: 16px;
    color: black;
    font-weight: 800;
    margin-top: 10px;
}
.meta_tags {
    display: flex;
    flex-wrap: wrap;
}
span.blogs-with-tabs__tag.one {
    margin-bottom: 10px;
}
span.blogs-with-tabs__tag.two {
    margin-bottom: 10px;
}
.page--wield-conservation-koala-breeding .text-image-adn-icon {
    padding: 68px 0;
}
div#shopify-section-template--17060146053280__faqs_with_loadmore_qgGV6X .faq-section.style2 {
    padding: 25px 0;
}
button.nav-buttons.mobile {
    padding: 10px 29px;
}
.mobile_manu_button {
    display: flex;
    justify-content: space-around;
      margin-top: 20px;
}
button.nav-buttons.mobile {
    background: #0087a4;
    border: none;
    padding: 11px 29px;
    margin: 0 9px;
    color: #fff !important;
    font-size: 15px;
    border-radius: 2px;
    font: normal normal bold 15px / 28px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: #FFFFFF ! IMPORTANT;
    margin-bottom: 14px;
}
button.nav-buttons.mobile a {
    color: white;
    font: normal normal bold 15px / 28px p22-mackinac-pro, serif;
}
.menu-drawer__utility-links {
    display: flex;
    justify-content: space-around;
}
.share-button__message {
    font-size: 15px;
    padding: 0;
    font-family: 'Raleway';
}
.card-information.donation-tem .course_details {
    background: none;
    border: none;
    border-radius: 4px;
    padding: 0;
}
.card-information.donation-tem h3.cor_title {
    text-align: left;
    font: normal normal bold 20px / 32px p22-mackinac-pro, serif;
    letter-spacing: 0px;
    color: white;
}
.card-information.donation-tem p.cor_des {
    text-align: left;
    font: normal normal 300 16px / 28px Raleway;
    letter-spacing: 0px;
    color: white;
    margin: 3% 3px;
}
.card__heading a::after {
    content: "" ! IMPORTANT;
    display: block !important;
}
.card-information .product-description {
    display: none;
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 2;
}
button#othr_btn {
    border: none;
    padding: 17px 19px;
    color: white;
    background: #6b9d47;
    border-radius: 4px;
    font-family: 'Raleway';
    font-weight: 800;
}
.other_amt_load {
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #6b9d47;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.other_amt_load {
    position: absolute;
    z-index: 3;
    left: 24%;
    top: 91%;
}
.product-form__input--pill input[type=radio]:disabled+label, .product-form__input--pill input[type=radio].disabled+label {
    border-color: rgba(var(--color-foreground), .1);
    color: rgba(var(--color-foreground), .6);
    text-decoration: none !IMPORTANT;
}
b.or {
    text-align: left;
    font: normal normal 600 20px / 29px Raleway;
    letter-spacing: 0px;
    color: #0B0A0A;
}
.quick-add.no-js-hidden {
    visibility: hidden ! IMPORTANT;
}
.location-slider-section h3.slide-title {
    height: 61px;
}
button.covrt_btn {
    background: #0087a4;
    padding: 12px 13px;
    border-radius: 6px;
    border: none;
}

button.covrt_btn a.link.animate-arrow {
    color: white;
    margin: 3px;
    font-size: 17px;
}
.location-slider-section .swiper-slide {
    min-height: 310px;
}