/*
Theme Name: Dabur Europe
Author: Pegasi Communications
Author URI: https://pegasicommunications.com/
Description: Dabur Europe website
Version: 1.0
*/


/*fonts*/


/*END Fonts*/


/*Default Styles*/

* {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

:root {
    --dark: #313131;
    --light: #ffffff;
    --body-bg-light: #FBFFFB;
    --mob-nav-item: #575757;
    --dark-nav: #414141;
    --light-nav: #ffffff;
    --light-gray: #979797;
    --dark-green: #6BA431;
    --dark-green2: #4b7322;
    --light-green: #A3D86D;
    --bg-green: #d1efb2;
    /*--bg-light: #EFFFDE;*/
    --bg-light: #f8f9fa;
    --light-pink: #FFFBFB;
    --pink: #EB949E;
    --dark-pink: #E7772C;
    --footer-bg: #202020;
    --footer-text: #BEBEBE;
    --footer-link: #DCDCDC;
    --grayscale-percentage: 0%;
    --grayscale-percentage-dark: 50%;
}

html {
    font-size: 100%;
    scroll-behavior: smooth;
}

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8em;
    -webkit-font-smoothing: antialiased;
    color: #000000;
    background: var(--body-bg-light);
    letter-spacing: 0.09em;
    text-align: justify;
}

p {
    line-height: 1.8;
    font-weight: 500;
}

body.offcanvas-active {
    overflow: hidden;
}

img {
    filter: grayscale(var(--grayscale-percentage));
}

.no-padding {
    padding-left: 0px;
    padding-right: 0px;
}


/*END Default styles*/


/*Navbar*/

.navbar {
    background: var(--light-nav);
    -webkit-box-shadow: 0px 3px 24px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 3px 24px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 3px 24px 0px rgba(0, 0, 0, 0.09);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: all 0.1s ease-in;
    z-index: 1022;
    letter-spacing: 0.05em;
}

.top-bar {
    background-color: #000000;
    color: #fff;
    overflow: hidden;
    max-height: 40px;
}

.navbar-brand.logo img {
    height: 55px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--light-green);
}

.navbar-mobile {
    display: none;
    max-height: calc(100vh - 100px);
    width: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.fixed-position {
    position: fixed;
}

.navbar-mobile.active {
    height: auto;
    overflow: hidden;
}

.navbar-nav .nav-item .nav-link {
    line-height: 40px;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #2B2B2B;
    padding: 0;
}

.navbar-nav .nav-item .nav-link.active {
    background-color: #FFEFE8;
    border-radius: 6px;
    color: #E1845A;
    position: relative;
}

.navbar-nav .nav-item .nav-link.active::after {
    content: '';
    position: absolute;
    background-color: #E1845A;
    width: 50px;
    height: 3px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 0;
}


/* .category-bg {
    height: 200px;
} */

.category-bg img {
    height: 200px;
    object-fit: cover;
}

.shadow-img {
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

.safety-text .safety {
    padding-left: 20px;
}

.wrapper .p-wrapper {
    max-width: 450px;
}


/* .category {
    height: 414px;
} */


/* .p-best {
    margin: 0;
} */


/* .mobile-nav-items{
} */

.menu-bg {
    background-image: url('../images/menu-bg.jpg');
    background-size: cover;
    background-position: center;
    /*
      -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    */
    /*
    height: 100vh !important; align-items: start; padding-top: 65px;*/
    /*
background: rgb(255,255,255);
background: -moz-radial-gradient(circle, rgba(255,255,255,1) 65%, rgba(239,245,236,1) 100%);
background: -webkit-radial-gradient(circle, rgba(255,255,255,1) 65%, rgba(239,245,236,1) 100%);
background: radial-gradient(circle, rgba(255,255,255,1) 65%, rgba(239,245,236,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#eff5ec",GradientType=1);
*/
}

@media only screen and (max-width:768px) {
    .get-in-touch-btn.btn-main {
        display: none;
    }

    .best .best-img {
        width: 100%;
    }

    .category-bg {
        height: unset;
    }

    .category-bg img {
        height: unset;
        object-fit: cover;
    }

    section.category-bg+section.mt-3 {
        display: none;
    }

    .timeline-header .title,
    .timeline-wrapper .title {
        font-size: 1.9em !important;
        margin-bottom: 1em !important;
        text-align: center;
        margin-top: 10px !important;
    }

    .bg-grey .section-title {
        font-size: 2em !important;
    }
}

.mobile-nav-items .mobile-nav-item {
    position: relative;
    margin-top: 1em;
    color: #1d1d1d;
}

.mobile-nav-items .mobile-nav-item a {
    display: block;
    /*
  background: rgb(131,190,70);
  background: -moz-linear-gradient(90deg, rgba(131,190,70,1) 17%, rgba(234,248,220,1) 17%);
  background: -webkit-linear-gradient(90deg, rgba(131,190,70,1) 17%, rgba(234,248,220,1) 17%);
  background: linear-gradient(90deg, rgba(131,190,70,1) 17%, rgba(234,248,220,1) 17%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#83be46",endColorstr="#eaf8dc",GradientType=1);
  */
    background: rgb(131, 190, 70);
    /* background: -moz-linear-gradient(90deg, rgba(131, 190, 70, 1) 17%, rgba(241, 255, 227, 1) 17%, rgba(225, 244, 207, 1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(131, 190, 70, 1) 17%, rgba(241, 255, 227, 1) 17%, rgba(225, 244, 207, 1) 100%);
  background: linear-gradient(90deg, rgba(131, 190, 70, 1) 17%, rgba(241, 255, 227, 1) 17%, rgba(225, 244, 207, 1) 100%); */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#83be46", endColorstr="#e1f4cf", GradientType=1);
    border-radius: 20px;
    padding-top: 1.2em;
    padding-bottom: 1.2em;
    margin-top: 0.5em;
    -webkit-box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 1);
    box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 1);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


/* :not(.submenu-items)>.mobile-nav-item.has-dropdown.open-sub>a {
  background: rgb(131, 190, 70);
  background: -moz-linear-gradient(90deg, rgba(131, 190, 70, 1) 17%, rgba(234, 255, 214, 1) 17%, rgba(204, 246, 165, 1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(131, 190, 70, 1) 17%, rgba(234, 255, 214, 1) 17%, rgba(204, 246, 165, 1) 100%);
  background: linear-gradient(90deg, rgba(131, 190, 70, 1) 17%, rgba(234, 255, 214, 1) 17%, rgba(204, 246, 165, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#83be46", endColorstr="#ccf6a5", GradientType=1);
} */

.mobile-nav-items .mobile-nav-item a {
    display: flex;
    color: #1d1d1d;
    font-size: 1.2em;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.mobile-nav-items svg {
    width: 25px;
}

.submenu-items {
    /*display: none;
  height:0px;
  overflow: hidden;
  margin-top: 1.5em;*/
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.mobile-nav-items .mobile-nav-item .submenu-items li:first-child a::before {
    content: "";
    height: 63%;
    border-left: 1px solid #fff;
    position: absolute;
    left: -10px;
    top: -0.4em;
}

.mobile-nav-items .mobile-nav-item .submenu-items li a::before {
    content: "";
    height: 112%;
    border-left: 1px solid #fff;
    position: absolute;
    left: -10px;
    top: -2.4em;
}

.mobile-nav-items .mobile-nav-item .submenu-items li a::after {
    content: "";
    width: 10%;
    border-bottom: 1px solid #fff;
    position: absolute;
    left: -10px;
    top: 56%;
    z-index: -1;
    ;
}

.mobile-nav-items .mobile-nav-item .submenu-items li {
    width: 85vw;
    list-style: none;
    position: relative;
}

.mobile-nav-items .mobile-nav-item a:hover {
    text-decoration: none;
}

.mobile-nav-items .mobile-nav-item:first-of-type {
    margin-top: 2em;
}

.mobile-nav-items .mobile-nav-item:last-of-type {
    margin-bottom: 2em;
}

.mobile-nav-items .mobile-nav-item a span.icon {
    padding-left: 1.2em;
}

.mobile-nav-items .mobile-nav-item a span.menu-text {
    padding-left: 1.4em;
}

.mobile-nav-item.has-dropdown .drop-icon {
    position: absolute;
    right: 5vw;
    top: 1.7em;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.sunmenu-icon {
    padding-left: 1.3em;
}

.submenu-text {
    padding-left: 1.2em;
    padding-right: 1.2em;
    font-size: 1em;
    font-weight: 500;
    text-align: left;
}


/*
.mobile-nav-item.has-dropdown li:first-child{
  margin-top: 1.8em;
}
*/

.mobile-nav-item.has-dropdown li {
    margin-top: 0.4em;
}

.mobile-nav-item.has-dropdown li:last-child {
    margin-bottom: 1.8em;
}


/*Mega menu*/

@media all and (min-width: 992px) {
    .navbar {
        padding-top: 0;
        padding-bottom: 0;
    }

    .navbar .has-megamenu {
        position: static !important;
    }

    .navbar .megamenu {
        left: 0;
        right: 0;
        width: 100%;
        padding: 20px;
        margin-top: -2px;
        /* -webkit-box-shadow: 0px 3px 24px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 3px 24px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 3px 24px 0px rgba(0, 0, 0, 0.09); */
        border-radius: 0px;
        border: none;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }

    .dropdown-menu.megamenu::before {
        top: -15px;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #f5f5f5;
        content: "";
        background: transparent;
        -webkit-transition: width 0.5s ease, background-color 0.5s ease;
        transition: width 0.5s ease, background-color 0.5s ease;
        position: absolute;
        left: 40%;
        filter: drop-shadow(0px -1px 8px rgba(0, 0, 0, 0.03));
    }

    /* .navbar .nav-link {
    padding-top: 1rem;
    padding-bottom: 1rem;
  } */
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}


/*updates ticker*/

@keyframes ticker {
    0% {
        margin-top: 0
    }

    25% {
        margin-top: -40px
    }

    50% {
        margin-top: -80px
    }

    75% {
        margin-top: -120px
    }

    100% {
        margin-top: 0
    }
}

.top-bar ul {
    padding-left: 20px;
    animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
    /* -webkit-user-select: none; */
}

.top-bar ul li {
    line-height: 40px;
    list-style: none;
    font-size: 14px;
    font-family: 'Montserrat';
}

.top-bar ul:hover {
    animation-play-state: paused;
}

.top-bar span:hover+ul {
    animation-play-state: paused;
}

.top-bar span strong {
    float: left;
    color: #fff;
    padding: 6px;
    position: relative;
    top: 1%;
    border-radius: 4px;
    cursor: pointer
}

.ham {
    background-color: transparent;
    border: none;
    position: fixed;
    width: 40px;
    height: 60px;
    top: 0px;
    right: 10px;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    z-index: 1201;
}

button:active.ham,
button:focus.ham {
    outline: none;
}

.ham .icon {
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    position: absolute;
    height: 2px;
    width: 30px;
    top: 30px;
    background-color: #212121;
}

.ham .icon:before {
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    position: absolute;
    width: 30px;
    height: 2px;
    background-color: #212121;
    content: "";
    top: -10px;
    right: 0;
}

.ham .icon:after {
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    position: absolute;
    width: 30px;
    height: 2px;
    background-color: #212121;
    content: "";
    top: 10px;
    right: 0;
}

.ham.open .icon {
    transform: rotate(-180deg) translateX(-10px);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    background: transparent;
}

.ham.open .icon:before {
    background-color: #fff;
    -webkit-transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);
    transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);
}

.ham.open .icon:after {
    background-color: #fff;
    -webkit-transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
    transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
}

.ham:hover {
    cursor: pointer;
}


/*End Navbar*/


/* OFF canvas */

body.offcanvas-active {
    overflow: hidden;
}

.offcanvas-header {
    display: none;
}

.screen-overlay {
    width: 0%;
    height: 100%;
    z-index: 30;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(34, 34, 34, 0.6);
    transition: opacity .2s linear, visibility .1s, width 1s ease-in;
}

.screen-overlay.show {
    transition: opacity .5s ease, width 0s;
    opacity: 1;
    width: 100%;
    visibility: visible;
}

.mobile-offcanvas {
    display: none;
}

@media all and (max-width:992px) {
    .offcanvas-header {
        padding: 5em 2em 0 2em;
        width: 100%;
        display: block;
    }

    .mobile-offcanvas {
        visibility: hidden;
        transform: translateX(100%);
        border-radius: 0;
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        height: 100%;
        z-index: 1200;
        width: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
        transition: visibility .2s ease-in-out, transform .2s ease-in-out;
        /*background: #252525;*/
        background: rgba(114, 94, 156, 0.95);
        color: #e9ecef;
    }

    .mobile-offcanvas.show {
        visibility: visible;
        transform: translateX(0);
    }
}


/* END Offcanvas

/* Dark Mode Toggle */

.switch {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    width: 50px;
    height: 20px;
}

#darkmode-toggle {
    color: #fff;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #A3D86D;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 25px;
    width: 25px;
    left: 0px;
    bottom: -3px;
    background-color: #daf7c7;
    transition: .4s;
}

input:checked+.slider {
    background-color: rgb(82, 82, 82);
}

input:focus+.slider {
    outline: none;
}

input:checked+.slider:before {
    transform: translateX(26px);
    background-color: #ffffff;
}

.slider.round {
    border-radius: 10px;
}

.slider.round:before {
    border-radius: 50%;
}


/* End Dark mode toggle */


/*inputs and buttons*/

.btn {
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-origin: border-box !important;
}

.btn-main {
    border-radius: 10px;
    color: #FFF8F8;
    height: 40px;
    line-height: 23px;
    background: #008246;
    /* background: -moz-linear-gradient(90deg, rgba(227, 127, 140, 1) 0%, rgba(214, 69, 88, 1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(227, 127, 140, 1) 0%, rgba(214, 69, 88, 1) 100%);
  background: linear-gradient(90deg, rgba(227, 127, 140, 1) 0%, rgba(214, 69, 88, 1) 100%); */
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e37f8c", endColorstr="#d64558", GradientType=1);
  -webkit-box-shadow: 0px 3px 12px 0px rgba(214, 69, 88, 0.1);
  -moz-box-shadow: 0px 3px 12px 0px rgba(214, 69, 88, 0.1);
  box-shadow: 0px 3px 12px 0px rgba(214, 69, 88, 0.1); */
}

.btn-outline {
    background-color: transparent;
    border: 2px solid white;
    padding: 10px 20px;
    color: #fff;
    border-radius: 10px;
}

.btn-outline-pink {
    background-color: transparent;
    border: 2px solid var(--dark-pink);
    padding: 10px 20px;
    color: var(--dark-pink);
    border-radius: 10px;
}

.btn-outline-pink.disabled {
    border: 2px solid var(--light-gray);
    color: var(--light-gray);
}

.nav-search {
    position: relative;
}

.nav-search input[type='search'] {
    border: 1px solid var(--dark-green);
    border-radius: 20px;
    padding-left: 35px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.nav-search svg {
    position: absolute;
    left: 5px;
    top: 7px;
    color: var(--dark-green);
    opacity: 0.7;
}

.blog-search {
    position: relative;
}

.blog-search input[type='search'] {
    border: 1px solid var(--dark-green);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    height: 40px;
}

.blog-search button {
    background-color: var(--dark-green);
    color: #fff;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border: none;
}

.blog-search button:hover {
    background-color: var(--light-green);
}

.blog-search svg {
    height: 20px;
    margin-top: -3px;
}

.form-control.select {
    border-color: var(--pink);
    border-radius: 10px;
    height: 40px;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23CA4679" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg>');
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 8px;
}

label.required {
    position: relative;
}

label.required::after {
    content: "*";
    font-size: 1.1em;
    font-weight: 700;
    color: red;
    position: absolute;
    top: 0;
    right: -12px;
}

input[type='email'].form-control {
    height: 40px;
}

input[type='email'].form-control:focus,
input[type='text'].form-control:focus,
textarea.form-control:focus {
    outline: none;
    border: 1px solid var(--dark-pink);
    box-shadow: unset;
}


/* END Inputs and buttons */


/*page loader PACE CSS*/

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: var(--dark-pink);
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
}


/*Hero-slider*/

.hero-slider {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    max-height: 550px;
    min-height: 450px;
    height: calc(100vh - 138px);
    overflow: hidden;
}

.hero-slider video {
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
}

.slider-container {
    /*
background: rgb(26,26,26);
background: -moz-linear-gradient(180deg, rgba(26,26,26,0) 0%, rgba(26,26,26,0.2) 30%, rgba(26,26,26,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(26,26,26,0) 0%, rgba(26,26,26,0.2) 30%, rgba(26,26,26,1) 100%);
background: linear-gradient(180deg, rgba(26,26,26,0) 0%, rgba(26,26,26,0.2) 30%, rgba(26,26,26,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a1a1a",endColorstr="#1a1a1a",GradientType=1);
*/
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

.slider-container h2 {
    font-family: 'Montserrat', sans-serif;
    color: var(--light);
    font-size: 3rem;
    font-weight: 600;
    line-height: 3.5rem;
    text-transform: uppercase;
    margin-left: 3.4em;
    text-align: left;
}

.slider-container h2 span {
    font-family: 'Montserrat', sans-serif;
    color: var(--light);
    font-weight: 500;
    font-size: 1.2rem;
    text-transform: uppercase;
}

.slider-container p {
    font-family: 'Montserrat', sans-serif;
    color: var(--light);
    width: 80vw;
    max-width: 550px;
    margin-left: 10.3em;
    text-align: left;
    /* margin-right: auto; */
    margin-top: 1em;
    margin-bottom: 8em;
}

.slide-wrapper {
    position: absolute;
    bottom: 0;
    margin-right: auto;
    margin-left: auto;
    left: 0;
    right: 0;
}

.hero-swiper-container.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 5em;
    left: 10em !important;
    width: 100%;
}

@media screen and (max-width: 991px) {
    .slider-container h2 {
        margin-left: 0.3em;
    }

    .slider-container p {
        margin-left: 1.4em;
    }

    .hero-swiper-container.swiper-container-horizontal>.swiper-pagination-bullets {
        left: 1em !important;
    }
}

.hero-swiper-pagination {
    text-align: left;
}

.hero-swiper-pagination .swiper-pagination-bullet {
    width: 17px;
    height: 17px;
    display: inline-block;
    border-radius: 100%;
    background-color: transparent !important;
    border: 1px solid #fff;
    opacity: 1;
}

.swiper-pagination-blogs .swiper-pagination-bullet,
.swiper-pagination-product-testimonials .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    display: inline-block;
    border-radius: 100%;
    background-color: #BEBEBE;
    /* border: 1px solid #fff; */
    opacity: 1;
}


/* .bg-pink .hero-swiper-pagination .swiper-pagination-bullet, 
.bg-pink .hero-swiper-pagination .swiper-pagination-bullet {
  background-color: transparent !important;
  border: 1px solid #fff;
  border-radius: 50%;
} */

.hero-swiper-pagination .swiper-pagination-bullet-active,
.swiper-pagination-product-testimonials .swiper-pagination-bullet-active {
    background-color: #EE7A2D !important;
}

.swiper-pagination-blogs .swiper-pagination-bullet-active {
    background-color: #008246 !important;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}

a.slider-button {
    color: var(--light);
    font-weight: 500;
    font-size: 1rem;
    line-height: 3rem;
    border: 1px solid var(--light);
    border-radius: 10px;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: 1.3em;
    margin-bottom: 3em;
    display: inline-block;
}

.swiper-pagination-bullet,
.swiper-pagination-bullet {
    background-color: #707070;
}

.swiper-pagination-bullet-active,
.swiper-pagination-bullet-active {
    background-color: var(--dark-pink);
}

.hero-swiper-button-prev {
    color: #fff;
    background-color: var(--dark-pink);
    height: 40px;
    padding-left: 0;
    border-radius: 50%;
    padding-top: 0;
    width: 40px;
    bottom: 50px;
    left: 20px;
    top: auto;
}

.hero-swiper-button-next {
    color: #fff;
    background-color: var(--dark-pink);
    height: 40px;
    padding-left: 0;
    border-radius: 50%;
    padding-top: 0;
    width: 40px;
    bottom: 50px;
    right: 20px;
    top: auto;
}

.testimonials-swiper-button-prev,
.blogs-swiper-button-prev {
    color: #fff;
    background-color: #E7772C;
    height: 40px;
    padding-left: 0;
    border-radius: 50%;
    padding-top: 0;
    width: 40px;
    bottom: 0px;
    left: 0;
    top: auto;
    right: 18%;
    margin-left: auto;
    margin-right: auto;
}

.testimonials-swiper-button-next,
.blogs-swiper-button-next {
    color: #fff;
    background-color: #E7772C;
    height: 40px;
    padding-left: 0;
    border-radius: 50%;
    padding-top: 0;
    width: 40px;
    bottom: 0px;
    right: 0;
    top: auto;
    left: 18%;
    margin-left: auto;
    margin-right: auto;
}

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

    .testimonials-swiper-button-next,
    .blogs-swiper-button-next {
        left: 70%;
    }

    .testimonials-swiper-button-prev,
    .blogs-swiper-button-prev {
        right: 70%;
    }
}

.hero-swiper-button-prev::after,
.hero-swiper-button-next::after,
.testimonials-swiper-button-prev::after,
.testimonials-swiper-button-next::after,
.blogs-swiper-button-prev::after,
.blogs-swiper-button-next::after {
    font-size: 1.5em;
}


/*END Hero-slider*/


/* TEXT AND TITLE */

p {
    letter-spacing: 0.05em;
    transition: all 0.5s ease-in;
}

.title {
    font-family: 'Montserrat', sans-serif;
    font-size: 2.2em;
    line-height: 3rem;
    color: #008246;
    font-weight: 600;
}

.bg-light-green .title {
    position: relative;
}

@media screen and (min-width: 991px) and (max-width: 1200px) {
    .bg-light-green .title::after {
        content: "";
        position: absolute;
        bottom: -5px;
        width: 10%;
        height: 7px;
        background: #a3d86d;
    }
}

@media screen and (min-width: 1201px) {
    .bg-light-green .title::after {
        content: "";
        position: absolute;
        bottom: -5px;
        width: 10%;
        height: 7px;
        background: #a3d86d;
    }
}

.title span {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: var(--light-green);
    font-weight: 500;
}

.section-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.5em;
    color: #000000;
    font-weight: 700;
    padding-top: 14px;
    padding-left: 18px;
}

.section-title-conf {
    font-family: 'Montserrat', sans-serif;
    font-size: 44px;
    color: #000000;
    font-weight: 700;
}

@media screen and (max-width: 600px) {
    .section-title-conf {
        font-size: 30px;
    }
}

.megamenu-content .section-title {
    font-size: 1em;
}

.bg-grey .section-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    color: #000000;
    font-weight: 700;
    padding-top: 14px;
    padding-left: 18px;
    padding-right: 18px;
    text-align: center;
}

.product-title {
    font-size: 1.7em;
    color: var(--light-green);
    font-weight: 600;
    text-transform: uppercase;
}

.price-lable {
    font-size: 1.3em;
    font-weight: 300;
    margin-right: 15px;
}

.price-currency {
    font-size: 1.8em;
    font-weight: 500;
}

.price-value {
    font-size: 2.2em;
    font-weight: 500;
}

.price-tax {
    margin-left: 10px;
    font-weight: 300;
}

.fix-title {
    font-size: 1.1em;
    color: var(--dark-pink);
    font-weight: 600;
}

.product-name-list {
    font-size: 1.2em;
    color: var(--dark-green);
    font-weight: 700;
    padding-top: 14px;
}

.about-tile p {
    padding-left: 18px;
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    color: #000000;
    font-weight: 500;
    text-align: left;
}

.testi-box small {
    color: var(--light-gray);
    font-weight: 200;
    font-size: 1em;
}

.tex-white {
    color: #fff;
}

.secondary-title {
    color: var(--dark-green);
    font-family: 'Montserrat', sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
}

.secondary-title span {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: var(--light-green);
    font-weight: 500;
}

a {
    color: var(--dark-pink);
    text-decoration: none;
}

a:hover {
    color: var(--dark-pink);
    text-decoration: underline;
}


/* END TEXT AND TITLE */


/*elements*/


/* .about-tile {
  border-radius: 10px;
  -webkit-box-shadow: 0px 3px 12px 0px rgba(108, 108, 108, 0.25);
  -moz-box-shadow: 0px 3px 12px 0px rgba(108, 108, 108, 0.25);
  box-shadow: 0px 3px 12px 0px rgba(108, 108, 108, 0.25);
  background-color: var(--light);
} */

.tile-image {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    height: 213px;
    background-size: cover;
    border-radius: 10px;
}

.tile-cta a {
    color: var(--bg-light);
    font-size: 1.05em;
    font-weight: 700;
    line-height: 1.6em;
    text-align: center;
    display: inline-block;
    /* width: 100%; */
    padding-bottom: 10px;
}

.bg-light {
    background-color: var(--bg-light);
}

.bg-light-left-extended::before {
    content: "";
    height: 100%;
    width: 100vw;
    left: -100vw;
    top: 0;
    position: absolute;
    background-color: var(--bg-light);
}

.bg-light-pink-solid {
    background-color: rgba(255, 220, 225, 1);
}

.category-tabs {
    color: var(--dark-pink);
    margin-top: 2em;
    margin-bottom: 1.5em;
    transition: all 0.2s ease;
    overflow-x: scroll;
}

.category-tabs::-webkit-scrollbar {
    display: none;
}

.category-tabs ul {
    list-style-type: none;
}

.category-tabs ul li a {
    float: left;
    margin-right: 5px;
    padding: 5px;
    line-height: 21px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.category-tabs ul li {
    transition: all 0.2s ease;
    border-radius: 20px;
    padding-left: 8px;
}

.category-tabs ul li:hover:not(.active) {
    background-color: var(--pink);
    color: var(--light);
    transition: all 0.2s ease;
}

.category-tabs ul li:hover,
.category-tabs ul li:hover a {
    color: var(--light);
    cursor: pointer;
}

.category-tabs ul li.active a {
    color: #fff;
    background-color: var(--pink);
    border-radius: 20px;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
}

.blog-tile {
    max-width: 440px;
    min-width: 280px;
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0px 3px 12px 0px rgba(108, 108, 108, 0.25);
    -moz-box-shadow: 0px 3px 12px 0px rgba(108, 108, 108, 0.25);
    box-shadow: 0px 3px 12px 0px rgba(108, 108, 108, 0.25);
    overflow: hidden;
}

.blog-data {
    min-height: 278px;
}

.blog-tile-full-width {
    max-width: 100%;
}

.blog-image {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    height: 15em;
    background-size: cover;
}

.blog-data p {
    margin-left: 18px;
    padding-bottom: 20px;
    padding-right: 15px;
    text-align: left;
}

.testi-box {
    -webkit-box-shadow: 0px 3px 24px 0px rgba(108, 108, 108, 0.25);
    -moz-box-shadow: 0px 3px 24px 0px rgba(108, 108, 108, 0.25);
    box-shadow: 0px 3px 24px 0px rgba(108, 108, 108, 0.25);
    border-radius: 20px;
    background-color: #fff;
    max-width: 650px;
    width: 90vw;
    padding: 20px 5px;
    margin-top: 3em;
    border-bottom: 7px solid #e7772c;
}

.testi-box .quote-holder {
    position: relative;
}

.testi-box .quote {
    font-size: 1em;
    text-align: left;
    margin: 3em 2em;
    font-weight: 500;
    margin-top: 2em;
}

.testi-box .quote::before {
    /* content: url("data:image/svg+xml;utf8,<svg id='Group_15' data-name='Group 15' xmlns='http://www.w3.org/2000/svg' width='27.594' height='21.083' viewBox='0 0 27.594 21.083'><path id='Path_14' data-name='Path 14' d='M5.58,24.578A9.006,9.006,0,0,1,3.1,17.912C3.1,12.486,6.976,7.68,12.4,5.2l1.4,2.015c-5.116,2.79-6.2,6.356-6.511,8.681a4.6,4.6,0,0,1,2.945-.465,5.414,5.414,0,0,1,4.961,5.426,6.117,6.117,0,0,1-1.55,3.876,5.142,5.142,0,0,1-3.876,1.55A6.1,6.1,0,0,1,5.58,24.578Zm15.5,0a9.006,9.006,0,0,1-2.48-6.666c0-5.426,3.876-10.232,9.3-12.712l1.4,2.015c-5.116,2.79-6.2,6.356-6.511,8.681a4.6,4.6,0,0,1,2.945-.465,5.414,5.414,0,0,1,4.961,5.426,6.117,6.117,0,0,1-1.55,3.876,4.92,4.92,0,0,1-3.876,1.55,6.1,6.1,0,0,1-4.186-1.705Z' transform='translate(-3.1, -5.2)' fill='#e7772c'/></svg>"); */
    content: url('../image/Group 15.svg');
    position: absolute;
    top: -30px;
    left: 24px;
    transform: scale(1.5);
    background: #fff;
    padding: 14px;
    border-radius: 500px;
}

@media only screen and (max-width: 768px) {
    .testi-box .quote::before {
        top: -45px;
    }
}

.testi-box .thumb {
    border-radius: 50%;
    height: 80px;
    width: 80px;
}

.find-right-product {
    background: rgb(214, 69, 88), url('../images/not-sure-bg.jpg') no-repeat right;
    background: -moz-linear-gradient(90deg, rgba(214, 69, 88, 1) 30%, rgba(224, 115, 130, 1) 55%, rgba(227, 127, 140, 0) 90%), url('../images/not-sure-bg.jpg') no-repeat right;
    background: -webkit-linear-gradient(90deg, rgba(214, 69, 88, 1) 30%, rgba(224, 115, 130, 1) 55%, rgba(227, 127, 140, 0) 90%), url('../images/not-sure-bg.jpg') no-repeat right;
    background: linear-gradient(90deg, rgba(214, 69, 88, 1) 30%, rgba(224, 115, 130, 1) 55%, rgba(227, 127, 140, 0) 90%), url('../images/not-sure-bg.jpg') no-repeat right;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#d64558", endColorstr="#e37f8c", GradientType=1);
    background-position: right;
    background-size: cover;
    color: #fff;
}

.find-right-product-mega-menu {
    background: rgb(214, 69, 88), url('../images/not-sure-bg.jpg') no-repeat right;
    background: -moz-linear-gradient(51deg, rgba(214, 69, 88, 1) 13%, rgba(224, 115, 130, 0.84) 47%, rgba(227, 127, 140, 0) 88%), url('../images/not-sure-mega-menu.jpg') no-repeat right;
    background: -webkit-linear-gradient(51deg, rgba(214, 69, 88, 1) 13%, rgba(224, 115, 130, 0.84) 47%, rgba(227, 127, 140, 0) 88%), url('../images/not-sure-mega-menu.jpg') no-repeat right;
    background: linear-gradient(51deg, rgba(214, 69, 88, 1) 13%, rgba(224, 115, 130, 0.84) 47%, rgba(227, 127, 140, 0) 88%), url('../images/not-sure-mega-menu.jpg') no-repeat right;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#d64558", endColorstr="#e37f8c", GradientType=1);
    background-position: right;
    background-size: cover;
    color: #fff;
    padding: 1.5em;
}

.find-right-product-container {
    max-width: 500px;
    width: 60vw;
}

.products-container {
    background: rgb(107, 164, 49);
    background: -moz-linear-gradient(180deg, rgba(107, 164, 49, 0) 40%, rgba(107, 164, 49, 1) 40%, rgba(107, 164, 49, 1) 72%, rgba(107, 164, 49, 0) 72%);
    background: -webkit-linear-gradient(180deg, rgba(107, 164, 49, 0) 40%, rgba(107, 164, 49, 1) 40%, rgba(107, 164, 49, 1) 72%, rgba(107, 164, 49, 0) 72%);
    background: linear-gradient(180deg, rgba(107, 164, 49, 0) 40%, rgba(107, 164, 49, 1) 40%, rgba(107, 164, 49, 1) 72%, rgba(107, 164, 49, 0) 72%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#6ba431", endColorstr="#6ba431", GradientType=1);
}

.product-wrapper {
    -webkit-box-shadow: 0px 3px 24px 0px rgba(108, 108, 108, 0.25);
    -moz-box-shadow: 0px 3px 24px 0px rgba(108, 108, 108, 0.25);
    box-shadow: 0px 3px 24px 0px rgba(108, 108, 108, 0.25);
    border-radius: 20px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    min-width: 150px;
    max-width: 230px;
    width: 100%;
    padding-left: 13px;
    padding-right: 13px;
    margin-bottom: 65px;
    height: calc(100% - 65px);
    position: relative;
    padding-bottom: 30px;
}

.product-wrapper img {
    margin-top: -60px;
    max-width: 145px;
    max-height: 190px;
}

.buy-btn {
    /*margin-bottom: -18px;*/
    position: absolute;
    bottom: -18px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
}

.footer-bg {
    background-color: #00461F;
    color: #FFFFFF;
}

.footer-title-desc {
    font-size: 0.875em;
    font-weight: 500;
    margin-bottom: 0.7em;
    margin-top: 1em;
    font-family: 'Montserrat', sans-serif;
}

.footer-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    font-weight: 900;
    margin-bottom: auto;
    margin-top: 1.5em;
}

a.footer-link,
.footer-details,
.footer-details p {
    font-family: 'Montserrat', sans-serif;
    margin-top: 0.5em;
    margin-bottom: -0.5em;
    display: inline-block;
    font-size: 14px;
    color: #ffffff;
    text-align: justify;
    font-weight: 300;
}

a.footer-link:hover {
    text-decoration: none;
    color: #E1845A;
}

.social-icons a {
    margin: 0.7em 0.8em;
}

.social-icons a:hover {
    text-decoration: none;
}

.category-wrapper {
    background: rgb(163, 216, 109);
    background: -moz-linear-gradient(90deg, rgba(163, 216, 109, 1) 0%, rgba(107, 164, 49, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(163, 216, 109, 1) 0%, rgba(107, 164, 49, 1) 100%);
    background: linear-gradient(90deg, rgba(163, 216, 109, 1) 0%, rgba(107, 164, 49, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#a3d86d", endColorstr="#6ba431", GradientType=1);
}

.explore-link {
    background-color: var(--light-pink);
    text-align: right;
    padding: 2em 1em 2em 1em;
    justify-content: end;
}


/*
.swiper-slide{
  width:50%;  
  transform: scale(0.8);
}
.swiper-slide-active{  
  transform: scale(1);
}*/

.slider-products {
    padding: 75px 0 0 0;
}

.slider-products .swiper-slide {
    height: auto;
}

.dark-triangle {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='165.732' height='168.317' viewBox='0 0 165.732 168.317'><g id='Group_305' data-name='Group 305' transform='matrix(-0.588, -0.809, 0.809, -0.588, 73.719, 168.317)'><path id='Path_442' data-name='Path 442' d='M42.548,99.916l-2-.885a47.383,47.383,0,0,0,5.376,9.819l.406.55a.209.209,0,0,1,.128.167,6.8,6.8,0,0,1,1.578,1.9l.295.337c.076.054.338.049.068.214l-.047-.239c-.224.086-.326-.051-.408-.224A4.3,4.3,0,0,1,46.16,109.9a.247.247,0,0,1-.152-.2l-.423-.491c-3.955-3.951-6.611-8.75-8.957-13.748a74.472,74.472,0,0,1-3.555-9.551c-1.455,3.7-1.038,7.142-.3,10.6a.585.585,0,0,1-.021.7l-.334-.433a18.519,18.519,0,0,1-.627-12.638,4.739,4.739,0,0,0,.191-2.451,92.966,92.966,0,0,1-2.346-14.6.775.775,0,0,0-.41-.765c-3.246,3.972-5.471,8.333-5.287,13.671-1.017-3.841-.029-7.381,1.547-10.82a12.371,12.371,0,0,1,1.7-3.011c1.822-2.093,2.114-4.414,1.984-7.112A103.469,103.469,0,0,1,29.8,40.995c-4.452,4.512-7.249,9.435-8.226,15.353,0-5.877,2.368-10.851,6.21-15.783-3.669,1.306-6.909,2.4-10.1,3.615a23.436,23.436,0,0,0-5.864,3.354,3.06,3.06,0,0,0-1.267,2.7,67.433,67.433,0,0,0,3.691,20.54c3.886,12.035,9.765,22.886,18.9,31.792a50.734,50.734,0,0,0,15.84,10.711c.485.2,1.116.756,1.58.267.326-.343-.1-.967-.214-1.464-1.517-6.624-1.2-12.967,2.318-19.043,3.628-6.272,7.507-12.414,10.474-19.055A90.3,90.3,0,0,0,70.15,45.667a37.83,37.83,0,0,0-1.5-16.185,37.152,37.152,0,0,0-10.617-15.6c-.466-.423-.922-.857-1.382-1.286l-.624-.394a.669.669,0,0,1,.936.072,35.173,35.173,0,0,1,7.3,5.453,2.262,2.262,0,0,0,2.058.739c2.241-.268,4.5-.35,6.76-.488a6.38,6.38,0,0,1,1.808.131,86.234,86.234,0,0,0-8.58,1.612,34.236,34.236,0,0,1,6.455,10.36A33.4,33.4,0,0,1,74.875,40.7c.089,2.12.077,2.133,2.241,1.916a122.847,122.847,0,0,1,12.438-.6,2.243,2.243,0,0,1,1.13.246c-3.026.769-6.056,1.521-9.075,2.315-1.776.468-3.542.978-5.3,1.516a2.458,2.458,0,0,0-1,3.942c2.845,2.806,5.818,5.475,8.883,8.042a2.337,2.337,0,0,0,1.932.42q4.768-.573,9.536-1.152l3.859-.324a17.081,17.081,0,0,1-3.835.773,25.147,25.147,0,0,0-6.119,2.419c-1,.631-1.4,1.088-.128,1.987a145.58,145.58,0,0,0,12.657,7.942c2.827,1.594,5.725,1.339,8.693,1.1.6-.048.593-.113,1.358.35-1.217.418-2.574.4-3.868,1.249A46.231,46.231,0,0,0,121.552,76.2a16.584,16.584,0,0,0,1.982-.015c.633-.075,1.433.56,1.884-.389-5.736-3.209-10.278-7.5-12.188-14-1.836-6.239-3.321-12.584-5.257-18.79A82.542,82.542,0,0,0,87.455,9.446C81.5,3.4,73.943.55,65.5.075A49.974,49.974,0,0,0,43.8,3.835a2.917,2.917,0,0,1-2.1.076c-7.507-2.254-14.987-2.552-22.329.653A24.717,24.717,0,0,0,8.9,13.165C3.11,21.412-.4,30.415.036,40.684A35.4,35.4,0,0,0,1.637,49c.637-.239.354-.787.366-1.2a14.037,14.037,0,0,1,.328-3.232c.465-4.241,2.144-8.081,4.145-12.067l-1.059.4-2.6,2.37A4.936,4.936,0,0,1,4.8,32.608C8.565,30.54,10,26.492,13,23.459c-2.232-.37-3.811.816-5.977,1.024a10.586,10.586,0,0,1,4.585-2,6.9,6.9,0,0,0,4.851-2.8,17.811,17.811,0,0,1,2.021-1.99c1.455-1.319,2.932-2.613,4.527-4.031-2.575-.212-4.774.559-7.007,1.154a11.174,11.174,0,0,1,6.329-2.1,10.453,10.453,0,0,0,5.051-1.445c3.377-1.87,6.872-3.511,10.707-5.2a4.993,4.993,0,0,1-2.63,2.013C33.833,8.8,33.615,9.912,33.9,11.5a47.963,47.963,0,0,1,.988,8.429,7.861,7.861,0,0,1,.052,3.173l-.365-3.164a40.431,40.431,0,0,0-2.055-7.749c-.485-1.288-.952-1.745-2.31-.8-2.8,1.956-5.582,3.928-8.183,6.152a2.8,2.8,0,0,0-1.063,2.726A67.963,67.963,0,0,1,21.46,30.96c-.846-3.132-1.6-5.9-2.336-8.668-.35-1.32-.9-1.339-1.759-.374-1.155,1.293-2.307,2.6-3.575,3.778a4.028,4.028,0,0,0-1.255,4.375,4.288,4.288,0,0,1-.014,2.6c-.409-.9-.689-1.523-.969-2.143-.4-.893-.874-1.177-1.51-.183C7.6,34.166,4.108,37.562,5.035,42.791a7.019,7.019,0,0,0-.9-2.2L2.84,44.573c-.219,1.32-.45,2.637-.653,3.96-.083.542-.3,1.146.4,1.495a13.5,13.5,0,0,1,8.84-7.011c5.484-1.382,11.076-2.474,16.136-5.157s9.964-5.7,13.576-10.284A17.786,17.786,0,0,0,44.9,14.02c-.029-.243-.062-.53.447-.654a12.438,12.438,0,0,1-.013,6.87,17.867,17.867,0,0,1-1.815,5.013c-.557.987-.413,1.472.512,2.137a80.764,80.764,0,0,1,9.355,7.43,3.134,3.134,0,0,1,1.151,1.046l.457.478c.21.141.632.24.361.562-.139.165-.41-.131-.535-.349q-.267-.22-.537-.438a2.333,2.333,0,0,1-1.257-.972A81.251,81.251,0,0,0,42.843,28.9c-.73-.359-1.134-.369-1.622.4a25.866,25.866,0,0,1-6.02,6.8,2.589,2.589,0,0,0-1.011,1.857c-.468,3.487-.65,7-.953,10.5a3.281,3.281,0,0,0,1.352,3.105c4.426,3.625,8.856,7.248,12.975,11.228.414.4.8.823,1.207,1.236l.1.346-.37-.013c-3.873-2.191-7.739-4.394-11.625-6.562a18.65,18.65,0,0,0-2.575-1.16c-.711-.265-1.18-.123-1.181.835a141.918,141.918,0,0,0,.695,14.448,2.3,2.3,0,0,0,1.15,1.6q2.739,2.109,5.485,4.209a10.016,10.016,0,0,1,2.64,2.238,8.689,8.689,0,0,1-3.059-1.548,24.717,24.717,0,0,0-4.295-1.452c-.98-.151-1.3.038-1.129,1.145a108.987,108.987,0,0,0,3.411,14.652,10.375,10.375,0,0,0,3.3,5.193,5.793,5.793,0,0,1,1.612,1.691c.038.125.147.319.1.364C42.857,100.2,42.69,100.067,42.548,99.916Zm.963.35-.094.1-.1-.095.142-.1Z' transform='translate(0 0)' fill='%23a3d86d'/><path id='Path_443' data-name='Path 443' d='M10.07,14.436C6.759,11.046,5.5,6.753,4.723,2.253,4.478.83,4.513.824,3.589,0,2.82,5.383.963,10.406.067,15.657c-.137.806-.15,1.438.818,1.913,10.358,5.076,21.2,8.269,32.8,8.431a53.029,53.029,0,0,0,20.633-3.686c-.262-.736-.844-.362-1.29-.338-.648.035-1.285.349-1.943.046A36.211,36.211,0,0,1,40.2,20.871a63.534,63.534,0,0,1-14.837-5.559,2.792,2.792,0,0,0-1.885-.487c1.522,3.236,4.2,5.366,7.249,7.276-.872.4-1.321-.087-1.8-.345a19.5,19.5,0,0,1-7.948-8.065,4.9,4.9,0,0,0-1.784-1.9A94.06,94.06,0,0,1,8.5,4.033c-.549-.464-1.127-.9-1.892-1.5A23.856,23.856,0,0,0,9.788,13.017c.272.436.692.807.692,1.382.957.255,1.26,1.111,1.8,1.75A4.261,4.261,0,0,1,10.07,14.436Zm2.772,2.041c-.032.03-.063.083-.1.084s-.067-.051-.1-.079c.032-.03.063-.083.1-.084S12.809,16.448,12.843,16.477Z' transform='translate(70.436 54.459)' fill='%23a3d86d'/></g></svg>");
    width: 118px;
    height: 300px;
    position: absolute;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: -50px center;
    pointer-events: none;
}

.dark-triangle-right {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='165.731' height='168.317' viewBox='0 0 165.731 168.317'><g id='Group_301' data-name='Group 301' transform='matrix(0.588, -0.809, 0.809, 0.588, -629.679, -83.613)'><path id='Path_442' data-name='Path 442' d='M262.933,632.025l-2,.885a47.384,47.384,0,0,1,5.376-9.819l.406-.55a.209.209,0,0,0,.128-.167,6.8,6.8,0,0,0,1.578-1.9l.295-.337c.076-.054.338-.049.068-.214l-.047.239c-.224-.086-.326.051-.408.224a4.3,4.3,0,0,0-1.789,1.655.247.247,0,0,0-.152.2l-.423.491c-3.955,3.951-6.611,8.75-8.957,13.748a74.472,74.472,0,0,0-3.555,9.551c-1.455-3.7-1.038-7.142-.3-10.6a.585.585,0,0,0-.021-.7l-.334.433a18.519,18.519,0,0,0-.627,12.638,4.739,4.739,0,0,1,.191,2.451,92.966,92.966,0,0,0-2.346,14.6.775.775,0,0,1-.41.765c-3.246-3.972-5.471-8.333-5.287-13.671-1.017,3.841-.029,7.381,1.547,10.82a12.371,12.371,0,0,0,1.7,3.011c1.822,2.093,2.114,4.414,1.984,7.112a103.469,103.469,0,0,0,.627,18.046c-4.452-4.512-7.249-9.435-8.226-15.353,0,5.877,2.368,10.851,6.21,15.783-3.669-1.306-6.909-2.4-10.1-3.615a23.436,23.436,0,0,1-5.864-3.354,3.06,3.06,0,0,1-1.267-2.7,67.433,67.433,0,0,1,3.691-20.54c3.886-12.035,9.765-22.886,18.895-31.792a50.734,50.734,0,0,1,15.84-10.711c.485-.2,1.116-.756,1.58-.267.326.343-.1.967-.214,1.464-1.517,6.624-1.2,12.967,2.318,19.043,3.628,6.272,7.507,12.414,10.474,19.055a90.3,90.3,0,0,1,7.016,28.308,37.83,37.83,0,0,1-1.5,16.185,37.152,37.152,0,0,1-10.617,15.6c-.466.423-.922.857-1.382,1.286l-.624.394a.669.669,0,0,0,.936-.072,35.172,35.172,0,0,0,7.3-5.453,2.262,2.262,0,0,1,2.058-.739c2.241.268,4.5.35,6.76.488a6.38,6.38,0,0,0,1.808-.131,86.234,86.234,0,0,1-8.58-1.612,34.236,34.236,0,0,0,6.455-10.36,33.4,33.4,0,0,0,2.112-10.612c.089-2.12.077-2.133,2.241-1.916a122.847,122.847,0,0,0,12.438.6,2.243,2.243,0,0,0,1.13-.246c-3.026-.769-6.056-1.521-9.075-2.315-1.776-.468-3.542-.978-5.3-1.516a2.458,2.458,0,0,1-1-3.942c2.845-2.806,5.818-5.475,8.883-8.042a2.337,2.337,0,0,1,1.932-.42q4.768.573,9.536,1.152l3.859.324a17.081,17.081,0,0,0-3.835-.773,25.149,25.149,0,0,1-6.119-2.419c-1-.631-1.4-1.088-.128-1.987a145.58,145.58,0,0,1,12.657-7.942c2.827-1.594,5.725-1.339,8.693-1.1.6.048.593.113,1.358-.35-1.217-.418-2.574-.4-3.868-1.249a46.231,46.231,0,0,1,13.277-3.368,16.584,16.584,0,0,1,1.982.015c.633.075,1.433-.56,1.884.389-5.736,3.209-10.278,7.5-12.188,14-1.836,6.239-3.321,12.584-5.257,18.79A82.542,82.542,0,0,1,307.84,722.5c-5.96,6.05-13.512,8.9-21.956,9.371a49.973,49.973,0,0,1-21.7-3.759,2.917,2.917,0,0,0-2.1-.076c-7.507,2.254-14.987,2.552-22.329-.653a24.717,24.717,0,0,1-10.471-8.6c-5.79-8.247-9.3-17.25-8.865-27.518a35.4,35.4,0,0,1,1.6-8.321c.637.239.354.787.366,1.2a14.037,14.037,0,0,0,.328,3.232c.465,4.241,2.144,8.081,4.145,12.067l-1.059-.4-2.6-2.37a4.936,4.936,0,0,0,1.988,2.668c3.761,2.068,5.2,6.117,8.2,9.149-2.232.37-3.811-.816-5.977-1.024a10.586,10.586,0,0,0,4.585,2,6.9,6.9,0,0,1,4.851,2.8,17.811,17.811,0,0,0,2.021,1.99c1.455,1.319,2.932,2.613,4.527,4.031-2.575.212-4.774-.559-7.007-1.154a11.174,11.174,0,0,0,6.329,2.1,10.453,10.453,0,0,1,5.051,1.445c3.377,1.87,6.872,3.511,10.707,5.2a4.993,4.993,0,0,0-2.63-2.013c-1.626-.711-1.844-1.828-1.557-3.42a47.963,47.963,0,0,0,.988-8.429,7.861,7.861,0,0,0,.052-3.173L254.963,712a40.431,40.431,0,0,1-2.055,7.749c-.485,1.288-.952,1.745-2.31.8-2.8-1.956-5.582-3.928-8.183-6.152a2.8,2.8,0,0,1-1.063-2.726,67.963,67.963,0,0,0,.492-10.686c-.846,3.132-1.6,5.9-2.336,8.668-.35,1.32-.9,1.339-1.759.374-1.155-1.293-2.307-2.6-3.575-3.778a4.028,4.028,0,0,1-1.255-4.375,4.288,4.288,0,0,0-.014-2.6c-.409.9-.689,1.523-.969,2.143-.4.893-.874,1.177-1.51.183-2.445-3.821-5.933-7.217-5.006-12.446a7.019,7.019,0,0,1-.9,2.2l-1.294-3.981c-.219-1.32-.45-2.637-.653-3.96-.083-.542-.3-1.146.4-1.495a13.5,13.5,0,0,0,8.84,7.011c5.484,1.382,11.076,2.474,16.136,5.157s9.964,5.7,13.576,10.284a17.786,17.786,0,0,1,3.765,13.556c-.029.243-.062.53.447.654a12.439,12.439,0,0,0-.013-6.87,17.867,17.867,0,0,0-1.815-5.013c-.557-.987-.413-1.472.512-2.137a80.767,80.767,0,0,0,9.355-7.43,3.134,3.134,0,0,0,1.151-1.046l.457-.478c.21-.141.632-.24.361-.562-.139-.165-.41.131-.535.349q-.267.22-.537.438a2.333,2.333,0,0,0-1.257.972,81.253,81.253,0,0,1-10.182,6.239c-.73.359-1.134.369-1.622-.4a25.866,25.866,0,0,0-6.02-6.8,2.589,2.589,0,0,1-1.011-1.857c-.468-3.487-.65-7-.953-10.5a3.281,3.281,0,0,1,1.352-3.105c4.426-3.625,8.856-7.248,12.975-11.227.414-.4.8-.823,1.207-1.236l.1-.346-.37.013c-3.873,2.191-7.739,4.394-11.625,6.562a18.65,18.65,0,0,1-2.575,1.16c-.711.265-1.18.123-1.181-.835a141.913,141.913,0,0,1,.694-14.448,2.3,2.3,0,0,1,1.15-1.6q2.739-2.109,5.485-4.209a10.016,10.016,0,0,0,2.64-2.238,8.689,8.689,0,0,0-3.059,1.548,24.717,24.717,0,0,1-4.295,1.452c-.98.151-1.3-.038-1.129-1.145a108.987,108.987,0,0,1,3.411-14.652,10.375,10.375,0,0,1,3.3-5.193,5.793,5.793,0,0,0,1.612-1.691c.038-.125.147-.319.1-.364C263.242,631.743,263.075,631.874,262.933,632.025Zm.963-.35-.094-.1-.1.095.142.1Z' transform='translate(0)' fill='%23a3d86d'/><path id='Path_443' data-name='Path 443' d='M453.574,735.161c-3.312,3.389-4.573,7.683-5.347,12.183-.245,1.422-.21,1.429-1.134,2.253-.769-5.383-2.626-10.406-3.522-15.657-.137-.806-.15-1.438.818-1.913,10.358-5.076,21.2-8.269,32.8-8.431a53.029,53.029,0,0,1,20.633,3.686c-.262.736-.844.362-1.29.338-.648-.035-1.285-.349-1.943-.046a36.213,36.213,0,0,0-10.888,1.151,63.534,63.534,0,0,0-14.837,5.559,2.792,2.792,0,0,1-1.885.487c1.522-3.236,4.2-5.366,7.249-7.276-.872-.4-1.321.087-1.8.345a19.5,19.5,0,0,0-7.948,8.065,4.9,4.9,0,0,1-1.784,1.9,94.06,94.06,0,0,0-10.7,7.755c-.549.464-1.127.9-1.892,1.5a23.856,23.856,0,0,1,3.175-10.484c.272-.436.692-.807.692-1.382.957-.255,1.26-1.111,1.8-1.75A4.261,4.261,0,0,0,453.574,735.161Zm2.772-2.041c-.032-.03-.063-.083-.1-.084s-.067.051-.1.079c.032.03.063.083.1.084S456.313,733.149,456.347,733.12Z' transform='translate(-152.683 -72.115)' fill='%23a3d86d'/></g></svg>");
    width: 118px;
    height: 300px;
    position: absolute;
    right: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50px center;
    pointer-events: none;
}

.light-triangle-right {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='282.487' height='282.006' viewBox='0 0 282.487 282.006'><g id='Group_306' data-name='Group 306' transform='matrix(0.719, -0.695, 0.695, 0.719, 0, 145.435)'><path id='Path_442' data-name='Path 442' d='M71.026,23.066l-3.331,1.478c2.292-6.22,5.623-11.31,8.975-16.39l.678-.918a.349.349,0,0,0,.214-.279A11.357,11.357,0,0,0,80.2,3.786l.492-.563c.127-.09.565-.082.114-.357l-.079.4c-.374-.143-.544.085-.681.373A7.181,7.181,0,0,0,77.055,6.4a.413.413,0,0,0-.254.332l-.706.819c-6.6,6.6-11.036,14.607-14.952,22.949A124.317,124.317,0,0,0,55.21,46.447c-2.428-6.174-1.733-11.922-.5-17.688a.976.976,0,0,0-.035-1.163l-.558.723c-3.068,6.9-2.933,13.956-1.047,21.1a7.912,7.912,0,0,1,.319,4.092,155.188,155.188,0,0,0-3.916,24.374,1.294,1.294,0,0,1-.685,1.277c-5.419-6.63-9.133-13.91-8.826-22.821-1.7,6.411-.049,12.322,2.583,18.062a20.651,20.651,0,0,0,2.839,5.026C48.427,82.921,48.914,86.8,48.7,91.3a172.72,172.72,0,0,0,1.047,30.124c-7.431-7.533-12.1-15.749-13.732-25.628-.007,9.811,3.953,18.113,10.367,26.346-6.125-2.18-11.533-4.006-16.864-6.034a39.122,39.122,0,0,1-9.789-5.6,5.108,5.108,0,0,1-2.115-4.5c.044-11.8,2.559-23.131,6.161-34.287,6.486-20.09,16.3-38.2,31.542-53.07A84.691,84.691,0,0,1,81.756.774c.809-.339,1.862-1.263,2.638-.445.544.573-.167,1.614-.357,2.444-2.532,11.058-2,21.646,3.869,31.789,6.056,10.47,12.532,20.722,17.484,31.808,6.725,15.057,10.1,30.918,11.712,47.255.905,9.2.5,18.211-2.506,27.018-3.519,10.306-9.723,18.781-17.723,26.036-.778.706-1.539,1.431-2.307,2.147l-1.042.658a1.117,1.117,0,0,0,1.562-.12,58.715,58.715,0,0,0,12.188-9.1,3.776,3.776,0,0,1,3.435-1.233c3.741.447,7.52.584,11.285.814a10.651,10.651,0,0,0,3.019-.218,143.944,143.944,0,0,1-14.323-2.691,57.15,57.15,0,0,0,10.775-17.294,55.758,55.758,0,0,0,3.525-17.715c.149-3.539.129-3.56,3.741-3.2a205.074,205.074,0,0,0,20.762,1.007,3.744,3.744,0,0,0,1.887-.411c-5.051-1.284-10.109-2.538-15.149-3.865-2.965-.78-5.912-1.633-8.843-2.531a4.1,4.1,0,0,1-1.677-6.58c4.749-4.684,9.712-9.14,14.829-13.424a3.9,3.9,0,0,1,3.226-.7q7.96.957,15.919,1.923l6.442.541a28.513,28.513,0,0,0-6.4-1.29c-3.5-1.1-7.059-2.044-10.215-4.039-1.668-1.054-2.334-1.816-.214-3.316a243.019,243.019,0,0,1,21.128-13.257c4.719-2.66,9.557-2.235,14.511-1.839,1,.08.99.188,2.267-.584-2.031-.7-4.3-.671-6.456-2.085a77.174,77.174,0,0,1,22.164-5.622,27.685,27.685,0,0,1,3.309.025c1.056.126,2.392-.935,3.146.649-9.575,5.357-17.157,12.528-20.345,23.363-3.065,10.415-5.544,21.007-8.775,31.366-6.709,21.509-18.524,40.067-34.252,56.033-9.949,10.1-22.556,14.85-36.651,15.642a83.421,83.421,0,0,1-36.227-6.275,4.869,4.869,0,0,0-3.5-.127c-12.532,3.763-25.017,4.259-37.274-1.09a41.26,41.26,0,0,1-17.48-14.36C5.192,154.113-.661,139.084.06,121.943a59.088,59.088,0,0,1,2.673-13.891c1.063.4.591,1.313.61,2a23.432,23.432,0,0,0,.547,5.4c.776,7.079,3.58,13.489,6.919,20.143l-1.767-.671L4.7,130.968a8.239,8.239,0,0,0,3.318,4.454C14.3,138.876,16.7,145.634,21.705,150.7c-3.725.617-6.362-1.362-9.978-1.71,2.753,1.81,5.086,3.06,7.654,3.341A11.514,11.514,0,0,1,27.48,157a29.731,29.731,0,0,0,3.374,3.323c2.428,2.2,4.894,4.362,7.556,6.729-4.3.354-7.969-.933-11.7-1.926a18.653,18.653,0,0,0,10.565,3.51,17.449,17.449,0,0,1,8.432,2.413c5.637,3.121,11.471,5.862,17.874,8.673a8.334,8.334,0,0,0-4.391-3.361c-2.715-1.187-3.079-3.051-2.6-5.708a80.064,80.064,0,0,0,1.649-14.07c.556-1.621.241-3.257.087-5.3l-.609,5.281a67.492,67.492,0,0,1-3.43,12.935c-.809,2.151-1.59,2.914-3.856,1.332-4.678-3.266-9.318-6.557-13.66-10.27A4.67,4.67,0,0,1,35,156.013a113.452,113.452,0,0,0,.822-17.838c-1.412,5.229-2.673,9.844-3.9,14.469-.585,2.2-1.5,2.234-2.936.624-1.928-2.159-3.851-4.34-5.968-6.306a6.725,6.725,0,0,1-2.1-7.3,7.159,7.159,0,0,0-.024-4.339c-.682,1.509-1.151,2.543-1.617,3.577-.672,1.491-1.459,1.965-2.521.306-4.081-6.379-9.9-12.047-8.357-20.776A11.717,11.717,0,0,1,6.9,122.1l-2.16-6.646c-.366-2.2-.751-4.4-1.089-6.61-.139-.905-.5-1.913.66-2.5a22.541,22.541,0,0,0,14.757,11.7c9.155,2.307,18.49,4.129,26.936,8.608,8.471,4.491,16.633,9.521,22.662,17.166a29.69,29.69,0,0,1,6.285,22.629c-.048.406-.1.884.747,1.091,1.325-3.841.807-7.667-.022-11.469a29.825,29.825,0,0,0-3.03-8.368c-.93-1.647-.689-2.457.854-3.567,5.4-3.883,10.827-7.746,15.617-12.4a5.231,5.231,0,0,0,1.921-1.746q.38-.4.764-.8c.35-.235,1.054-.4.6-.937-.231-.275-.685.219-.893.583q-.446.367-.9.731a3.9,3.9,0,0,0-2.1,1.623,135.632,135.632,0,0,1-17,10.415c-1.218.6-1.893.615-2.708-.669a43.177,43.177,0,0,0-10.049-11.352,4.321,4.321,0,0,1-1.687-3.1c-.781-5.821-1.085-11.682-1.591-17.526a5.476,5.476,0,0,1,2.257-5.184c7.388-6.051,14.783-12.1,21.66-18.742.691-.668,1.344-1.374,2.014-2.062l.174-.578-.617.021C74.5,86.072,68.051,89.75,61.564,93.369a31.133,31.133,0,0,1-4.3,1.937c-1.186.443-1.969.206-1.971-1.394a236.9,236.9,0,0,1,1.159-24.118,3.841,3.841,0,0,1,1.92-2.665q4.573-3.52,9.156-7.027a16.72,16.72,0,0,0,4.407-3.735,14.5,14.5,0,0,0-5.106,2.584c-2.383.827-4.627,2.033-7.169,2.424-1.635.252-2.175-.063-1.884-1.911A181.933,181.933,0,0,1,63.473,35a17.32,17.32,0,0,1,5.506-8.669,9.671,9.671,0,0,0,2.691-2.824c.063-.209.246-.533.173-.608C71.542,22.595,71.264,22.814,71.026,23.066Zm1.607-.585-.157-.169-.167.158.237.172Z' transform='translate(0 0)' fill='%23f2f9ea'/><path id='Path_443' data-name='Path 443' d='M16.81,19.314C11.282,24.972,9.177,32.14,7.884,39.651c-.408,2.375-.35,2.385-1.893,3.76C4.708,34.426,1.607,26.041.112,17.276c-.229-1.346-.25-2.4,1.365-3.193C18.768,5.609,36.864.28,56.237.01A88.522,88.522,0,0,1,90.679,6.163c-.437,1.228-1.409.6-2.154.564-1.082-.058-2.146-.583-3.243-.077-6.176-.475-12.2.554-18.175,1.921A106.058,106.058,0,0,0,42.34,17.85a4.661,4.661,0,0,1-3.147.814c2.541-5.4,7.017-8.957,12.1-12.145-1.456-.671-2.2.145-3,.576A32.548,32.548,0,0,0,35.028,20.558a8.178,8.178,0,0,1-2.978,3.176A157.015,157.015,0,0,0,14.2,36.679c-.917.775-1.881,1.495-3.158,2.5.678-6.475,2.034-12.268,5.3-17.5.454-.727,1.155-1.347,1.156-2.307,1.6-.426,2.1-1.855,3.01-2.921A7.113,7.113,0,0,0,16.81,19.314Zm4.628-3.407c-.053-.051-.106-.138-.16-.14s-.112.084-.167.132c.053.05.105.139.16.14S21.382,15.955,21.438,15.907Z' transform='translate(117.58 55.535)' fill='%23f2f9ea'/></g></svg>");
    width: 278px;
    height: 700px;
    position: absolute;
    right: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 70px center;
    z-index: -1;
    pointer-events: none;
}

.best-seller-title a {
    position: absolute;
    right: 15px;
    top: 0px;
}

.product-tab {
    font-size: 1.1em;
    padding: 0.8em;
    text-align: center;
    cursor: pointer;
}

.product-tab.active {
    font-weight: 600;
}

.product-tab.active::after {
    content: "";
    position: absolute;
    bottom: 0px;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    height: 2px;
    background-color: var(--dark-pink);
}

.buy-now-sticky {
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0px -23px 11px -19px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px -23px 11px -19px rgba(0, 0, 0, 0.05);
    box-shadow: 0px -23px 11px -19px rgba(0, 0, 0, 0.05);
    position: sticky;
    bottom: 0;
    width: 100%;
}

.blog-category-list {
    padding-left: 2em;
    list-style: none;
}

.blog-category-list li {
    padding-top: 1em;
}

.know-your-fix {
    max-width: 384px;
    height: 384px;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 24px -5px rgb(37 79 0 / 67%);
    -moz-box-shadow: 0px 0px 24px -5px rgb(37 79 0 / 67%);
    box-shadow: 0px 0px 24px -5px rgb(37 79 0 / 67%);
    z-index: 2;
    position: relative;
}

.know-your-fix a {
    display: inline-block;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.59);
}

.know-your-fix a.hair-fix {
    /*
  background-color: rgba(255, 129, 129, 0.36);
  */
    background: rgb(121, 121, 121);
    background: -moz-linear-gradient(0deg, rgba(20, 45, 27, 1) 0%, rgba(121, 121, 121, 0) 41%);
    background: -webkit-linear-gradient(0deg, rgba(20, 45, 27, 1) 0%, rgba(121, 121, 121, 0) 41%);
    background: linear-gradient(0deg, rgba(20, 45, 27, 1) 0%, rgba(121, 121, 121, 0) 41%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#797979", endColorstr="#1b3006", GradientType=1);
    color: #fff;
    font-size: 1.5em;
    font-weight: 600;
    text-align: center;
    height: 100%;
    width: 40%;
    position: relative;
    float: right;
    border-left: 1px solid #fff;
}

.know-your-fix a.hair-fix span {
    position: absolute;
    bottom: 8%;
    right: 5%;
}

.know-your-fix a.dental-fix {
    /*
  background-color: rgba(168, 183, 255, 0.39);
  */
    background: rgb(121, 121, 121);
    background: -moz-linear-gradient(0deg, rgba(20, 45, 27, 1) 0%, rgba(121, 121, 121, 0) 69%);
    background: -webkit-linear-gradient(0deg, rgba(20, 45, 27, 1) 0%, rgba(121, 121, 121, 0) 69%);
    background: linear-gradient(0deg, rgba(20, 45, 27, 1) 0%, rgba(121, 121, 121, 0) 69%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#797979", endColorstr="#1b3006", GradientType=1);
    color: #fff;
    font-size: 1.5em;
    font-weight: 600;
    text-align: center;
    height: 60%;
    width: 60%;
    position: relative;
    float: left;
}

.know-your-fix a.dental-fix span {
    position: absolute;
    bottom: 13%;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
}

.know-your-fix a.skin-fix {
    /*
  background-color: rgba(162, 215, 108, 0.43);
  */
    background: rgb(20, 45, 27);
    background: -moz-linear-gradient(180deg, rgba(20, 45, 27, 0.7) 0%, rgba(121, 121, 121, 0) 65%);
    background: -webkit-linear-gradient(180deg, rgba(20, 45, 27, 0.7) 0%, rgba(121, 121, 121, 0) 65%);
    background: linear-gradient(180deg, rgba(20, 45, 27, 0.7) 0%, rgba(121, 121, 121, 0) 65%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#142d1b", endColorstr="#797979", GradientType=1);
    color: #fff;
    font-size: 1.5em;
    font-weight: 600;
    text-align: center;
    height: 40%;
    width: 60%;
    position: relative;
    float: left;
    border-bottom: 1px solid #fff;
}

.know-your-fix a.skin-fix span {
    position: absolute;
    top: 13%;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
}

.modal {
    z-index: 1202;
}

.modal-header {
    background: rgb(163, 216, 109);
    background: -moz-linear-gradient(90deg, rgba(163, 216, 109, 1) 0%, rgba(107, 164, 49, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(163, 216, 109, 1) 0%, rgba(107, 164, 49, 1) 100%);
    background: linear-gradient(90deg, rgba(163, 216, 109, 1) 0%, rgba(107, 164, 49, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#a3d86d", endColorstr="#6ba431", GradientType=1);
    padding-top: 3em;
    border-radius: 0px;
    border: none;
}

.modal-header .modal-title {
    font-family: 'Rozha One', serif;
    font-size: 2em;
    line-height: 2rem;
    color: var(--light);
}

.modal button.close {
    position: absolute;
    top: 15px;
    right: 15px;
}

.close {
    float: right;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: none;
    opacity: 0.8;
}

.modal-open .container-fluid,
.modal-open .container {
    filter: blur(4px) grayscale(50%);
    -webkit-filter: blur(4px) grayscale(50%);
}

.modal-content {
    border-radius: 0px;
    border: none;
}

.modal .problem-wrapper {
    -webkit-box-shadow: 3px 3px 24px 0px rgba(214, 69, 88, 0.3);
    -moz-box-shadow: 3px 3px 24px 0px rgba(214, 69, 88, 0.3);
    box-shadow: 3px 3px 24px 0px rgba(214, 69, 88, 0.3);
    border-radius: 20px;
    background-color: var(--light);
}

.modal .problem-wrapper .title {
    text-transform: uppercase;
    color: var(--dark-pink);
    font-size: 1.1em;
    font-family: 'Montserrat', Serif;
    font-weight: 600;
}

.modal a.problem-wrapper p {
    color: #707070;
}

.bg-lg-green {
    background-color: var(--bg-green);
    color: var(--dark-green2);
}

.contact-title {
    color: #ffffff;
    font-size: 1.2em;
    font-weight: 700;
    position: relative;
    margin-bottom: 2em;
    margin-top: 1em;
}

.contact-title:after {
    content: "";
    width: 56px;
    height: 2px;
    background-color: #ffffff;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
}

.contact-title.pink {
    color: var(--dark-pink);
}

.contact-title.pink:after {
    background-color: var(--dark-pink);
}

a.blog-tile p {
    color: #707070;
}

a.megamenu-item p {
    color: #707070;
    font-size: 0.8em;
}

.megamenu-image {
    height: 125px;
}

.counter-number {
    font-weight: 900;
    font-size: 1.5em;
    padding-left: 0.2em;
    margin-top: 0.5em;
}

small.counter-number {
    font-size: 0.8em;
    letter-spacing: 0.05em;
}

.counter-text {
    font-size: 1.2em;
    letter-spacing: 0.02em;
    font-weight: 700;
    margin-top: 0.8em;
}


/*Back to top*/

#btt-button {
    display: inline-block;
    background-color: #e7772c;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

#btt-button::after {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='19.082' height='11.581' viewBox='0 0 19.082 11.581'><path id='Icon_awesome-chevron-up' data-name='Icon awesome-chevron-up' d='M10.68,8.99l8.492,8.492a1.049,1.049,0,0,1,0,1.483l-.99.99a1.049,1.049,0,0,1-1.481,0l-6.762-6.73-6.762,6.73a1.049,1.049,0,0,1-1.481,0l-.99-.99a1.049,1.049,0,0,1,0-1.483L9.2,8.99A1.049,1.049,0,0,1,10.68,8.99Z' transform='translate(-0.398 -8.683)' fill='%23fff'/></svg>");
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#btt-button:hover {
    cursor: pointer;
    background-color: #4b2309;
}

a#btt-button:hover {
    text-decoration: none;
}

#btt-button:active {
    background-color: #555;
}

#btt-button.show {
    opacity: 1;
    visibility: visible;
}


/*
.moretext {
  display: none;
}

a.moreless-button:visited, a.moreless-button:hover{
  text-decoration: none;
  cursor: pointer;
}

.read-more{
  white-space: nowrap;
  max-height: 10ch;
  overflow: hidden;
  text-overflow: ellipsis;
}

.read-more .more-text{
  display: none;
}
*/

.morecontent span {
    display: none;
    transition: all 0.8s ease;
}

.morelink {
    display: block;
}

.timeline-header {
    overflow: hidden;
    background: url('../images/grass.png') 0 100%, url('../images/grass.png') 46% 100%;
    background-repeat: repeat-x;
    /*background-position: bottom;*/
    background-size: 35%;
}

.timeline-title {
    float: right;
    margin-top: 100px;
    margin-right: 15px;
}

.timeline-tree {
    left: -50px;
    bottom: 0px;
    position: absolute;
    float: left;
    width: auto;
    height: 133px;
}

.timeline-year {
    margin-bottom: -150px;
    margin-left: 22%;
    font-size: 7.6em;
    font-weight: 900;
    color: transparent;
    -webkit-text-stroke: 1px var(--light);
    -webkit-text-fill-color: transparent;
}

.timeline-year span {
    font-size: 16px;
    display: block;
    margin-bottom: -32px;
    font-weight: 700;
    -webkit-text-stroke: 0px var(--light);
    -webkit-text-fill-color: var(--light);
}

.event-box {
    margin-left: 61px;
    z-index: 1;
    padding: 5px;
    border-radius: 15px;
    margin-top: 2em;
    margin-bottom: 2em;
    border: 2px solid var(--light);
}

.timeline-indicator::after {
    content: url('../images/event-pointer.png');
    position: absolute;
    left: 0;
    top: 52%;
}

.event-box-inner {
    background-color: #ffffff2e;
    border-radius: 10px;
    backdrop-filter: blur(7px);
    padding: 2em;
    border: 5px solid transparent;
}

.event-box-inner p {
    margin-bottom: 0;
    color: #ffffff;
}

.timeline-event {
    padding-top: 20%;
    padding-bottom: 2%;
}

.timeline-event::before {
    content: '';
    background-color: var(--light);
    width: 3px;
    height: 52%;
    position: absolute;
    top: 0;
    left: 24px;
    border-radius: 2px;
}

.timeline-event::after {
    content: '';
    background-color: var(--light);
    width: 3px;
    height: calc(50% - 95px);
    position: absolute;
    bottom: -4px;
    left: 24px;
    border-radius: 2px;
}

.timeline-wrapper {
    background: rgb(163, 216, 109);
    background: -moz-linear-gradient(90deg, rgba(163, 216, 109, 1) 0%, rgba(107, 164, 49, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(163, 216, 109, 1) 0%, rgba(107, 164, 49, 1) 100%);
    background: linear-gradient(90deg, rgba(163, 216, 109, 1) 0%, rgba(107, 164, 49, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#a3d86d", endColorstr="#6ba431", GradientType=1);
}

.timeline-header .title,
.timeline-wrapper .title {
    font-size: 2.3em;
    margin-bottom: 1em;
    margin-top: -45px;
}

.timeline-wrapper .title {
    margin-top: 1em;
}

.ingredient-header {
    text-align: center;
    font-size: 0.9em;
    padding-top: 1em;
    padding-bottom: 1em;
    border-radius: inherit;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    text-transform: uppercase;
}


/* Background */

.bg-green {
    background: rgb(107, 164, 49);
    background: -moz-linear-gradient(180deg, rgba(107, 164, 49, 1) 0%, rgba(51, 100, 0, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(107, 164, 49, 1) 0%, rgba(51, 100, 0, 1) 100%);
    background: #00682F;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#6ba431", endColorstr="#336400", GradientType=1);
}

.bg-green .title {
    color: #F8FFF2;
}

.bg-green .title span {
    color: #E3FFC7;
}

.bg-green .category-tabs ul li.active a {
    background-color: #3C5B17;
}

.bg-green .category-tabs ul li a {
    color: #EFFFDF;
}

.bg-green .category-tabs ul li a:hover {
    color: #EFFFDF;
}

.bg-green .category-tabs ul li:hover:not(.active) {
    background-color: #3C5B17;
}

.bg-green .swiper-button-next.product-nav-next,
.bg-green .swiper-button-prev.product-nav-prev,
.bg-green .swiper-button-next.blogs-nav-next,
.bg-green .swiper-button-prev.blogs-nav-prev {
    background-color: #3C5B17;
}

.bg-green .swiper-pagination-bullet-active,
.swiper-pagination-bullet-active {
    background-color: #E3FFC7;
}

.bg-green .swiper-pagination-bullet,
.swiper-pagination-bullet {
    background-color: #c0e69a;
}

.bg-green .contact-title,
.bg-green.contact-div p {
    color: #fff;
}

.bg-green .contact-title:after {
    background-color: #fff;
}

.bg-green.contact-div a {
    color: rgb(215, 255, 215);
}

.bg-green.contact-div a:hover {
    color: rgb(146, 207, 140);
}

.bg-grey {
    background: #F7F7F7;
}

.bg-pink {
    background: rgb(235, 148, 158);
    background: -moz-linear-gradient(180deg, rgba(235, 148, 158, 1) 0%, rgba(214, 69, 88, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(235, 148, 158, 1) 0%, rgba(214, 69, 88, 1) 100%);
    background: linear-gradient(180deg, rgba(235, 148, 158, 1) 0%, rgba(214, 69, 88, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#eb949e", endColorstr="#d64558", GradientType=1);
}

.bg-pink .title {
    color: #F8FFF2;
}

.bg-pink .title span {
    color: #FFF1F2;
}

.bg-pink .category-tabs ul li.active a {
    background-color: #fff;
    color: #D64558;
}

.bg-pink .category-tabs ul li a {
    color: #fff;
}

.bg-pink .category-tabs ul li a:hover {
    color: #D64558;
}

.bg-pink .category-tabs ul li:hover:not(.active) {
    background-color: #FFFFFF;
}

.bg-pink .swiper-button-next.product-nav-next,
.bg-pink .swiper-button-prev.product-nav-prev,
.bg-pink .swiper-button-next.blogs-nav-next,
.bg-pink .swiper-button-prev.blogs-nav-prev {
    background-color: #FFFFFF;
}

.bg-pink .swiper-pagination-bullet-active,
.swiper-pagination-bullet-active {
    background-color: #E3FFC7;
}

.bg-pink .swiper-pagination-bullet,
.swiper-pagination-bullet {
    background-color: #FFF1F2;
}

.bg-pink .contact-title,
.bg-pink.contact-div p {
    color: #fff;
}

.bg-pink .contact-title:after {
    background-color: #fff;
}

.bg-pink.contact-div a {
    color: rgb(215, 255, 215);
}

.bg-pink.contact-div a:hover {
    color: rgb(146, 207, 140);
}

.bg-light-green {
    background: rgb(251, 255, 251);
    background: -moz-linear-gradient(180deg, rgba(251, 255, 251, 1) 0%, rgba(234, 255, 207, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(251, 255, 251, 1) 0%, rgba(234, 255, 207, 1) 100%);
    background: linear-gradient(180deg, rgba(251, 255, 251, 1) 0%, rgba(251, 255, 251, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#fbfffb", endColorstr="#eaffcf", GradientType=1);
}


/* .light-leaf-left {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='297.108' height='301.742' viewBox='0 0 297.108 301.742'><g id='Group_605' data-name='Group 605' transform='matrix(-0.588, -0.809, 0.809, -0.588, 132.157, 301.742)' opacity='0.22'><path id='Path_442' data-name='Path 442' d='M76.276,179.119,72.7,177.532c2.462,6.68,6.039,12.146,9.638,17.6l.728.986a.375.375,0,0,1,.23.3,12.2,12.2,0,0,1,2.829,3.405l.528.6c.136.1.607.088.122.383-.028-.143-.056-.286-.084-.429-.4.153-.584-.091-.732-.4a7.712,7.712,0,0,1-3.207-2.968.443.443,0,0,1-.273-.356l-.758-.88c-7.091-7.083-11.851-15.687-16.057-24.646a133.507,133.507,0,0,1-6.373-17.123c-2.608,6.631-1.861,12.8-.535,19a1.048,1.048,0,0,1-.038,1.248l-.6-.776c-3.295-7.407-3.149-14.987-1.124-22.657a8.5,8.5,0,0,0,.342-4.395,166.66,166.66,0,0,1-4.2-26.176,1.39,1.39,0,0,0-.735-1.372c-5.82,7.12-9.808,14.938-9.478,24.508-1.822-6.885-.053-13.233,2.774-19.4a22.177,22.177,0,0,1,3.049-5.4c3.266-3.752,3.79-7.914,3.557-12.75a185.488,185.488,0,0,1,1.124-32.351c-7.98,8.089-12.994,16.914-14.747,27.523-.008-10.536,4.246-19.452,11.133-28.294C43.23,75.06,37.423,77.022,31.7,79.2a42.014,42.014,0,0,0-10.512,6.012,5.485,5.485,0,0,0-2.272,4.831c.048,12.671,2.748,24.841,6.616,36.822C32.5,148.44,43.036,167.892,59.4,183.858a90.951,90.951,0,0,0,28.4,19.2c.869.364,2,1.356,2.833.478.585-.615-.179-1.733-.384-2.624C87.53,189.038,88.1,177.668,94.4,166.775c6.5-11.244,13.458-22.254,18.776-34.159,7.223-16.17,10.852-33.2,12.577-50.748.972-9.882.538-19.558-2.691-29.015-3.779-11.068-10.442-20.169-19.033-27.961-.835-.758-1.652-1.536-2.477-2.306l-1.119-.707a1.2,1.2,0,0,1,1.678.129A63.056,63.056,0,0,1,115.2,31.783a4.055,4.055,0,0,0,3.689,1.324c4.017-.481,8.075-.627,12.119-.874a11.438,11.438,0,0,1,3.242.234c-5.08.869-10.173,1.459-15.382,2.89a61.376,61.376,0,0,1,11.572,18.573,59.88,59.88,0,0,1,3.786,19.025c.16,3.8.138,3.823,4.018,3.435a220.229,220.229,0,0,1,22.3-1.081,4.021,4.021,0,0,1,2.026.441c-5.424,1.379-10.856,2.726-16.268,4.151-3.184.838-6.349,1.753-9.5,2.718a4.406,4.406,0,0,0-1.8,7.066c5.1,5.031,10.43,9.816,15.925,14.417a4.189,4.189,0,0,0,3.464.752q8.548-1.028,17.1-2.066l6.918-.581a30.621,30.621,0,0,1-6.874,1.385c-3.762,1.178-7.581,2.2-10.97,4.337-1.791,1.132-2.507,1.951-.23,3.561a260.984,260.984,0,0,0,22.69,14.237c5.068,2.857,10.263,2.4,15.584,1.974,1.072-.086,1.063-.2,2.434.627-2.181.749-4.614.72-6.933,2.239a82.879,82.879,0,0,0,23.8,6.038,29.734,29.734,0,0,0,3.554-.027c1.134-.135,2.568,1,3.378-.7-10.283-5.753-18.425-13.454-21.849-25.09-3.291-11.185-5.954-22.56-9.424-33.685-7.2-23.1-19.893-43.029-36.784-60.176C146.1,6.087,132.558.986,117.421.135A89.588,89.588,0,0,0,78.516,6.874a5.229,5.229,0,0,1-3.759.136C61.3,2.969,47.89,2.436,34.728,8.18A44.311,44.311,0,0,0,15.956,23.6C5.576,38.385-.71,54.525.064,72.933A63.456,63.456,0,0,0,2.935,87.851c1.141-.429.634-1.41.655-2.153A25.164,25.164,0,0,1,4.177,79.9c.834-7.6,3.844-14.486,7.43-21.632l-1.9.721-4.66,4.248a8.849,8.849,0,0,1,3.564-4.784c6.742-3.708,9.319-10.966,14.7-16.4-4-.663-6.832,1.463-10.715,1.836,2.957-1.944,5.462-3.286,8.22-3.587a12.365,12.365,0,0,0,8.7-5.021,31.93,31.93,0,0,1,3.623-3.568c2.608-2.365,5.256-4.685,8.115-7.226-4.616-.38-8.558,1-12.562,2.068a20.032,20.032,0,0,1,11.346-3.769A18.739,18.739,0,0,0,49.089,20.2c6.053-3.351,12.319-6.295,19.195-9.314a8.95,8.95,0,0,1-4.715,3.609c-2.916,1.275-3.306,3.276-2.791,6.13a85.983,85.983,0,0,1,1.771,15.111c.6,1.741.259,3.5.093,5.688l-.654-5.672A72.481,72.481,0,0,0,58.3,21.859c-.869-2.31-1.707-3.129-4.141-1.43-5.024,3.507-10.006,7.041-14.67,11.029a5.015,5.015,0,0,0-1.9,4.887A121.837,121.837,0,0,1,38.471,55.5c-1.516-5.615-2.87-10.572-4.189-15.538-.628-2.366-1.609-2.4-3.153-.67-2.07,2.318-4.136,4.661-6.409,6.772a7.222,7.222,0,0,0-2.251,7.843,7.688,7.688,0,0,1-.025,4.66c-.733-1.621-1.236-2.731-1.737-3.841-.722-1.6-1.567-2.11-2.707-.328C13.617,61.25,7.364,67.337,9.026,76.711A12.583,12.583,0,0,0,7.41,72.768L5.091,79.905c-.393,2.366-.806,4.728-1.17,7.1-.149.972-.534,2.054.709,2.68,3.514-6.42,8.638-10.752,15.847-12.568,9.832-2.478,19.856-4.435,28.927-9.245,9.1-4.823,17.863-10.225,24.338-18.435a31.885,31.885,0,0,0,6.749-24.3c-.052-.436-.112-.95.8-1.172,1.423,4.125.867,8.233-.023,12.317a32.03,32.03,0,0,1-3.254,8.987c-1,1.769-.74,2.639.917,3.83,5.8,4.17,11.628,8.319,16.771,13.321a5.618,5.618,0,0,1,2.063,1.876q.408.429.82.857c.376.253,1.132.43.647,1.007-.248.3-.736-.235-.959-.626q-.479-.394-.962-.786A4.183,4.183,0,0,1,95.06,63,145.659,145.659,0,0,0,76.806,51.816c-1.308-.643-2.033-.661-2.908.718A46.37,46.37,0,0,1,63.106,64.725a4.641,4.641,0,0,0-1.812,3.329c-.839,6.251-1.165,12.545-1.708,18.821a5.881,5.881,0,0,0,2.423,5.567c7.934,6.5,15.876,12.993,23.261,20.128.742.717,1.443,1.475,2.163,2.215l.187.621-.663-.023c-6.944-3.927-13.875-7.877-20.841-11.764a33.433,33.433,0,0,0-4.616-2.08c-1.274-.475-2.115-.221-2.117,1.5a254.418,254.418,0,0,0,1.245,25.9c.142,1.406,1.1,2.117,2.062,2.862q4.911,3.78,9.833,7.546a17.955,17.955,0,0,1,4.733,4.011,15.576,15.576,0,0,1-5.483-2.775c-2.559-.888-4.97-2.183-7.7-2.6-1.756-.27-2.336.068-2.023,2.052A195.383,195.383,0,0,0,68.165,166.3a18.6,18.6,0,0,0,5.913,9.31,10.385,10.385,0,0,1,2.89,3.032c.067.225.264.572.186.653C76.831,179.626,76.531,179.39,76.276,179.119Zm1.726.628-.168.181-.179-.17.255-.185Z' transform='translate(0 0)' fill='%2371a53b'/><path id='Path_443' data-name='Path 443' d='M18.053,25.879c-5.937-6.076-8.2-13.773-9.586-21.84C8.028,1.488,8.091,1.477,6.434,0,5.056,9.65,1.726,18.654.121,28.068c-.246,1.445-.269,2.578,1.466,3.429,18.568,9.1,38,14.824,58.807,15.113A95.066,95.066,0,0,0,97.382,40c-.47-1.319-1.513-.649-2.313-.606-1.162.063-2.3.626-3.483.083-6.633.51-13.1-.6-19.519-2.063a113.9,113.9,0,0,1-26.6-9.966,5.005,5.005,0,0,0-3.38-.874c2.729,5.8,7.536,9.619,13,13.043-1.563.72-2.368-.156-3.22-.619A34.954,34.954,0,0,1,37.617,24.543a8.782,8.782,0,0,0-3.2-3.411A168.621,168.621,0,0,1,15.246,7.23c-.985-.833-2.02-1.605-3.391-2.689.728,6.953,2.185,13.174,5.691,18.794.487.781,1.24,1.446,1.241,2.477,1.716.457,2.259,1.992,3.232,3.137A7.639,7.639,0,0,1,18.053,25.879Zm4.97,3.659c-.057.054-.114.149-.172.15s-.12-.091-.18-.141c.057-.054.113-.149.172-.15S22.963,29.486,23.023,29.538Z' transform='translate(126.272 97.63)' fill='%2371a53b'/></g></svg>");
  width: 278px;
  height: 476px;
  position: absolute;
  left: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: -95px center;
  z-index: -4;
  pointer-events: none
} */

.light-leaf-right {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='504.614' height='519.919' viewBox='0 0 504.614 519.919'><g id='Group_606' data-name='Group 606' transform='matrix(0.469, -0.883, 0.883, 0.469, 0, 350.782)' opacity='0.22'><path id='Path_442' data-name='Path 442' d='M134.778,43.771l-6.321,2.8c4.35-11.8,10.671-21.462,17.03-31.1q.643-.872,1.286-1.742a.663.663,0,0,0,.407-.53,21.552,21.552,0,0,0,5-6.017q.465-.534.933-1.068c.241-.171,1.072-.156.216-.677-.05.253-.1.506-.149.758-.709-.271-1.032.161-1.293.708a13.626,13.626,0,0,0-5.667,5.244.783.783,0,0,0-.482.63l-1.34,1.555c-12.529,12.515-20.941,27.718-28.372,43.548a235.914,235.914,0,0,0-11.26,30.256c-4.608-11.716-3.289-22.623-.946-33.564a1.852,1.852,0,0,0-.067-2.206l-1.059,1.371c-5.822,13.088-5.565,26.482-1.986,40.034.675,2.557,1.285,4.961.6,7.765a294.482,294.482,0,0,0-7.43,46.253,2.456,2.456,0,0,1-1.3,2.424c-10.283-12.581-17.33-26.4-16.748-43.3-3.22,12.166-.093,23.382,4.9,34.274,1.522,3.318,3.036,6.836,5.387,9.537,5.771,6.63,6.7,13.983,6.286,22.529A327.749,327.749,0,0,0,94.4,230.413c-14.1-14.294-22.961-29.886-26.058-48.632-.014,18.617,7.5,34.372,19.672,49.995-11.623-4.136-21.885-7.6-32-11.451A74.23,74.23,0,0,1,37.433,209.7c-2.9-2.216-4.028-4.843-4.014-8.537.084-22.39,4.856-43.894,11.691-65.063C57.418,97.979,76.043,63.608,104.963,35.4,119.629,21.09,136.16,9.422,155.14,1.468c1.535-.643,3.534-2.4,5.006-.845,1.033,1.087-.317,3.062-.678,4.637-4.8,20.984-3.791,41.075,7.342,60.323,11.492,19.868,23.78,39.323,33.177,60.359,12.762,28.572,19.175,58.67,22.224,89.671,1.718,17.462.951,34.558-4.755,51.269-6.677,19.557-18.451,35.638-33.63,49.406-1.476,1.34-2.92,2.715-4.377,4.075q-.987.625-1.977,1.249a2.119,2.119,0,0,0,2.965-.228,111.426,111.426,0,0,0,23.127-17.274c1.942-1.845,3.636-2.685,6.518-2.34,7.1.849,14.269,1.108,21.414,1.545a20.226,20.226,0,0,0,5.728-.414c-8.976-1.536-17.975-2.578-27.18-5.107,8.824-10.066,15.82-20.729,20.447-32.818a105.807,105.807,0,0,0,6.689-33.616c.283-6.716.244-6.756,7.1-6.07a389.155,389.155,0,0,0,39.4,1.911,7.105,7.105,0,0,0,3.58-.78c-9.584-2.437-19.183-4.817-28.746-7.334-5.626-1.481-11.219-3.1-16.781-4.8-5.043-1.547-6.977-8.744-3.183-12.486,9.012-8.889,18.43-17.344,28.139-25.474,1.872-1.567,3.936-1.591,6.121-1.329q15.105,1.816,30.207,3.65l12.224,1.026c-4.367-1.659-8.3-1.86-12.147-2.448-6.647-2.082-13.4-3.879-19.384-7.664-3.165-2-4.429-3.447-.406-6.293a461.154,461.154,0,0,1,40.092-25.157c8.955-5.048,18.135-4.241,27.536-3.489,1.895.152,1.879.358,4.3-1.108-3.854-1.324-8.153-1.273-12.251-3.956a146.437,146.437,0,0,1,42.058-10.669,52.572,52.572,0,0,1,6.279.048c2,.239,4.538-1.774,5.969,1.231-18.169,10.165-32.557,23.773-38.607,44.334-5.816,19.763-10.521,39.862-16.652,59.52-12.73,40.816-35.151,76.031-65,106.329-18.88,19.165-42.8,28.179-69.549,29.683-23.82,1.34-46.691-3.022-68.745-11.908a9.239,9.239,0,0,0-6.642-.24c-23.781,7.141-47.473,8.082-70.731-2.068a78.3,78.3,0,0,1-33.17-27.249C9.853,292.445-1.254,263.925.113,231.4c.381-9.059,2.584-17.727,5.072-26.359,2.017.758,1.121,2.492,1.158,3.8a44.463,44.463,0,0,0,1.038,10.238c1.473,13.433,6.793,25.6,13.129,38.224l-3.353-1.274-8.235-7.506a15.636,15.636,0,0,0,6.3,8.453c11.913,6.552,16.467,19.376,25.969,28.981-7.069,1.171-12.072-2.585-18.934-3.245,5.225,3.435,9.651,5.807,14.525,6.339,6.6.722,11.365,3.856,15.367,8.872a56.422,56.422,0,0,0,6.4,6.3c4.608,4.178,9.287,8.278,14.339,12.768-8.156.671-15.121-1.77-22.2-3.655A35.4,35.4,0,0,0,70.739,320a33.111,33.111,0,0,1,16,4.578c10.7,5.922,21.767,11.123,33.917,16.458-2.355-3.859-5.5-5.141-8.332-6.378-5.152-2.252-5.842-5.789-4.932-10.832,1.592-8.818,3.113-17.681,3.129-26.7,1.056-3.076.458-6.18.165-10.05L109.531,297.1a128.071,128.071,0,0,1-6.509,24.545c-1.536,4.081-3.017,5.529-7.317,2.527-8.877-6.2-17.681-12.442-25.921-19.488-2.821-2.413-3.766-4.88-3.366-8.636,1.156-10.841,2.125-21.722,1.559-33.849-2.679,9.922-5.072,18.68-7.4,27.456-1.11,4.18-2.843,4.24-5.572,1.184-3.658-4.1-7.308-8.236-11.324-11.966-4.245-3.943-5.468-8.332-3.977-13.859a13.585,13.585,0,0,0-.045-8.234c-1.3,2.864-2.184,4.825-3.069,6.787-1.276,2.829-2.768,3.729-4.783.58-7.745-12.105-18.794-22.861-15.858-39.425-.741,2.194-1.026,4.364-2.854,6.967-1.556-4.787-2.827-8.7-4.1-12.611-.695-4.18-1.425-8.354-2.067-12.543-.263-1.718-.943-3.63,1.252-4.735,6.209,11.344,15.263,19,28,22.208,17.373,4.378,35.086,7.836,51.113,16.335,16.074,8.523,31.563,18.068,43,32.575,9.855,12.5,13.825,26.991,11.926,42.941-.092.771-.2,1.678,1.417,2.07,2.514-7.288,1.531-14.548-.041-21.763a56.6,56.6,0,0,0-5.749-15.879c-1.765-3.126-1.307-4.662,1.621-6.768,10.243-7.369,20.546-14.7,29.634-23.537a9.926,9.926,0,0,0,3.646-3.314q.721-.758,1.449-1.514c.665-.447,2-.76,1.143-1.779-.439-.522-1.3.415-1.695,1.106q-.846.7-1.7,1.388a7.391,7.391,0,0,0-3.983,3.079c-10.394,7.17-20.884,14.171-32.254,19.763-2.311,1.137-3.593,1.168-5.139-1.269A81.934,81.934,0,0,0,111.506,245.9a8.2,8.2,0,0,1-3.2-5.882c-1.482-11.046-2.058-22.167-3.019-33.257-.374-4.322,1.045-7.185,4.282-9.837,14.02-11.482,28.052-22.959,41.1-35.565,1.311-1.267,2.55-2.607,3.822-3.914l.33-1.1-1.171.041c-12.269,6.939-24.516,13.918-36.825,20.786a59.09,59.09,0,0,1-8.157,3.675c-2.251.84-3.737.39-3.74-2.646a449.5,449.5,0,0,1,2.2-45.766c.251-2.485,1.935-3.741,3.644-5.057q8.678-6.68,17.374-13.334a31.726,31.726,0,0,0,8.363-7.088c-4.218.966-6.9,3.048-9.689,4.9-4.521,1.569-8.781,3.858-13.6,4.6-3.1.478-4.127-.119-3.575-3.626a345.246,345.246,0,0,1,10.806-46.414c1.993-6.582,5.178-12.058,10.448-16.45,1.881-1.567,3.932-3.076,5.106-5.358.119-.4.466-1.011.328-1.154C135.758,42.875,135.229,43.292,134.778,43.771Zm3.05-1.109-.3-.32-.317.3.45.327Z' transform='translate(0 0)' fill='%2371a53b'/><path id='Path_443' data-name='Path 443' d='M31.9,36.651C21.409,47.387,17.414,60.988,14.961,75.242c-.775,4.506-.664,4.526-3.592,7.136C8.934,65.327,3.049,49.416.213,32.783c-.435-2.554-.475-4.556,2.591-6.059C35.614,10.644,69.953.531,106.715.019a167.979,167.979,0,0,1,65.357,11.676c-.83,2.331-2.674,1.147-4.087,1.07-2.053-.111-4.072-1.106-6.154-.146-11.72-.9-23.153,1.052-34.489,3.645a201.255,201.255,0,0,0-47,17.609c-3.014,1.547-3.019,1.538-5.972,1.544,4.822-10.25,13.316-17,22.962-23.047-2.762-1.273-4.184.275-5.689,1.093A61.765,61.765,0,0,0,66.469,39.011a15.519,15.519,0,0,1-5.65,6.027A297.892,297.892,0,0,0,26.94,69.6c-1.74,1.471-3.57,2.836-5.992,4.751C22.235,62.068,24.808,51.075,31,41.145c.861-1.38,2.191-2.555,2.193-4.377,3.032-.808,3.992-3.52,5.711-5.543A13.5,13.5,0,0,0,31.9,36.651Zm8.782-6.465c-.1-.1-.2-.263-.3-.266s-.212.16-.317.25c.1.1.2.263.3.265S40.575,30.276,40.681,30.186Z' transform='translate(223.119 105.384)' fill='%2371a53b'/></g></svg>");
    width: 278px;
    height: 476px;
    position: absolute;
    left: auto;
    right: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 95px center;
    z-index: -4;
    pointer-events: none
}

.bg-light-green-inverse {
    background: rgb(235, 255, 209);
    background: -moz-linear-gradient(180deg, rgba(235, 255, 209, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(235, 255, 209, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(180deg, rgba(235, 255, 209, 1) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ebffd1", endColorstr="#ffffff", GradientType=1);
}

.bg-brown {
    background: #4B2309;
}

.bg-light-green-inverse .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 2.2em;
    line-height: 2rem;
    color: #E5E5E5;
    font-weight: 900;
}

.bg-light-green-inverse {
    position: relative;
}

@media screen and (min-width: 992px) {
    .bg-light-green-inverse .title::after {
        content: "";
        position: absolute;
        bottom: -15px;
        width: 10%;
        height: 7px;
        background: #e7772c;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .category-bg {
        height: 200px;
    }
}

.bg-grey .title {
    position: relative;
}

@media screen and (min-width: 992px) {
    .bg-grey .title::after {
        content: "";
        position: absolute;
        bottom: -7px;
        width: 10%;
        height: 7px;
        background: #a3d86d;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }
}

.bg-light-pink {
    background: rgb(255, 220, 225);
    background: -moz-linear-gradient(180deg, rgba(255, 220, 225, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255, 220, 225, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(180deg, rgba(255, 220, 225, 1) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffdce1", endColorstr="#ffffff", GradientType=1);
}

.bg-light-pink-inverse {
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 220, 225, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 220, 225, 1) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 220, 225, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffdce1", GradientType=1);
}

.bg-very-light-pink {
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 242, 244, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 242, 244, 1) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 242, 244, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#fff2f4", GradientType=1);
}

.bg-light-pink .title,
.bg-light-pink .title span {
    color: var(--dark-pink);
}

.pink-shadow {
    box-shadow: 0px 3px 21px 0px rgb(255 103 103 / 25%);
    -webkit-box-shadow: 0px 3px 21px 0px rgb(255 103 103 / 25%);
    -moz-box-shadow: 0px 3px 21px 0px rgb(255 103 103 / 25%);
}

.product-image {
    height: 200px;
}

.slider-product-thumb .swiper-slide {
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: var(--dark);
    z-index: 5;
    background-color: #fff;
    opacity: 0.8;
    margin-right: -1px;
}

.slider-product-thumb .swiper-slide-active {
    opacity: 1;
    border: 2px solid var(--dark-pink);
}

.text-white-70 {
    color: rgba(255, 255, 255, 0.7);
}

.bg-green .input-group button {
    background: #E7772C;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#a3d86d", endColorstr="#76af3c", GradientType=1);
}

.bg-green .input-group input[type='email'].form-control:focus {
    border: 1px solid rgb(53 119 8);
}

.product-image-slider-container {
    background-color: #fff;
    padding-top: 2em;
}


/*
#################
DARK MODE STYLES
#################
*/

body.dark-mode,
body.dark-mode .footer-bg,
body.dark-mode .bg-light,
body.dark-mode .product-image-slider-container,
body.dark-mode .bg-light-left-extended::before {
    background: #060606 !important;
    color: rgba(255, 255, 255, 0.87);
}

body.dark-mode .navbar {
    background: #212121;
}

body.dark-mode .ham .icon:before,
body.dark-mode .ham .icon:after,
body.dark-mode .ham .icon,
body.dark-mode .contact-title:after {
    background-color: #dfdfdf;
}

body.dark-mode .ham.open .icon {
    background: transparent;
}

body.dark-mode .mobile-nav-items .mobile-nav-item a {
    background: rgb(70, 107, 34);
    background: -moz-linear-gradient(90deg, rgb(96, 141, 51, 1) 17%, rgba(48, 48, 48, 1) 17%, rgba(48, 48, 48, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(96, 141, 51, 1) 17%, rgba(48, 48, 48, 1) 17%, rgba(48, 48, 48, 1) 100%);
    background: linear-gradient(90deg, rgba(96, 141, 51, 1) 17%, rgba(48, 48, 48, 1) 17%, rgba(48, 48, 48, 1) 100%);
    color: rgba(255, 255, 255, 0.87);
    box-shadow: unset;
}

body.dark-mode :not(.submenu-items)>.mobile-nav-item.has-dropdown.open-sub>a {
    background: rgb(131, 190, 70);
    background: -moz-linear-gradient(90deg, rgba(131, 190, 70, 1) 17%, rgba(73, 73, 73, 1) 17%, rgba(73, 73, 73, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(131, 190, 70, 1) 17%, rgba(73, 73, 73, 1) 17%, rgba(73, 73, 73, 1) 100%);
    background: linear-gradient(90deg, rgba(131, 190, 70, 1) 17%, rgba(73, 73, 73, 1) 17%, rgba(73, 73, 73, 1) 100%);
}

body.dark-mode .btn-main {
    background: rgb(191 103 115);
    background: -webkit-linear-gradient(90deg, rgb(191 103 115) 0%, rgb(189 64 81) 100%);
    background: -moz-linear-gradient(90deg, rgb(191 103 115) 0%, rgb(189 64 81) 100%);
    background: linear-gradient(90deg, rgb(191 103 115) 0%, rgb(189 64 81) 100%);
}

body.dark-mode .nav-search input[type='search'],
body.dark-mode .form-control {
    background: #151515;
    border-color: #333;
    color: #979797;
}

body.dark-mode .title,
body.dark-mode .secondary-title,
body.dark-mode .contact-title,
body.dark-mode .navbar-light .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.87) !important;
}

body.dark-mode .title span,
body.dark-mode .secondary-title span,
body.dark-mode .text-secondary {
    color: rgba(255, 255, 255, 0.57) !important;
}

body.dark-mode .bg-light-green,
body.dark-mode .bg-light-green-inverse,
body.dark-mode .bg-light-pink-inverse,
body.dark-mode .bg-light-pink {
    background: #121212;
}

body.dark-mode .about-tile,
body.dark-mode .blog-tile,
body.dark-mode .testi-box,
body.dark-mode .product-wrapper,
body.dark-mode .modal .problem-wrapper,
body.dark-mode .know-your-fix {
    box-shadow: unset;
}

body.dark-mode .about-tile,
body.dark-mode .tile-data,
body.dark-mode .bg-green,
body.dark-mode .testi-box,
body.dark-mode .product-wrapper,
body.dark-mode .modal .problem-wrapper,
body.dark-mode .modal .modal-header,
body.dark-mode .modal .modal-content,
body.dark-mode .category-wrapper,
body.dark-mode .timeline-wrapper,
body.dark-mode .buy-now-sticky {
    background: #212121;
}

body.dark-mode .blog-tile,
body.dark-mode .modal-body,
body.dark-mode .event-box-inner {
    background: #151515;
}

body.dark-mode .bodytype-swiper-container .blog-tile,
body.dark-mode .bg-very-light-pink {
    background: #222222;
}

body.dark-mode .tile-image,
body.dark-mode .blog-image,
body.dark-mode .know-your-fix {
    filter: grayscale(var(--grayscale-percentage));
}

body.dark-mode .find-right-product,
body.dark-mode .blog-tile {
    filter: grayscale(20%);
}

body.dark-mode hr {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

body.dark-mode .products-container {
    background: -moz-linear-gradient(180deg, rgba(107, 164, 49, 0) 40%, rgb(10, 10, 10) 40%, rgba(10, 10, 10) 72%, rgba(107, 164, 49, 0) 72%);
    background: -webkit-linear-gradient(180deg, rgba(107, 164, 49, 0) 40%, rgba(10, 10, 10) 40%, rgba(10, 10, 10) 72%, rgba(107, 164, 49, 0) 72%);
    background: linear-gradient(180deg, rgba(107, 164, 49, 0) 40%, rgba(10, 10, 10) 40%, rgba(10, 10, 10) 72%, rgba(107, 164, 49, 0) 72%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#6ba431", endColorstr="#6ba431", GradientType=1);
}

body.dark-mode .modal .problem-wrapper img {
    filter: invert(1) grayscale(50%);
}

body.dark-mode .event-box {
    border: 2px solid #151515;
}

body.dark-mode .timeline-indicator::after,
body.dark-mode .timeline-event::after,
body.dark-mode .timeline-event::before {
    filter: brightness(0.3);
}

body.dark-mode .timeline-year {
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.57);
}

.bg-text {
    position: absolute;
    background: #00461f94;
    bottom: 0;
    padding: 20px;
}

.card .title {
    color: #008246;
    font-size: 1em;
    line-height: 1.8;
    font-weight: 500;
    text-align: justify;
}

.team-member {
    font-size: 21px;
    font-weight: 700;
    text-align: justify;
}

.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.job-preview {
    display: grid;
    grid-template-columns: 5fr 3fr 2fr;
    gap: 3rem;
    text-align: left;
    width: 100%;
    padding: 5rem 5rem 0 5rem;
    border-radius: 0.6rem;
    border: solid 0.1rem #e2e5e9;
    line-height: 1.5;
    background-color: #ffffff;
}

.job-preview:not(:last-child) {
    margin-bottom: 2.5rem;
}

a.job-preview__details:hover {
    text-decoration: none;
}

.job-preview:hover {
    box-shadow: 0 2rem 4rem rgb(0 0 0 / 10%);
}

.job-preview__col {
    padding-bottom: 5rem;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.ng-button {
    display: inline-flex;
    border: none;
    align-items: center;
    justify-content: center;
    min-width: 11.5em;
    padding: 0.9em 2.3em;
    border-radius: 0.6rem 0.4rem;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    cursor: pointer;
    transition-duration: 200ms;
}

.ng-button:hover {
    color: #ffffff;
    text-decoration: none;
}

.ng-button:not(.ng-button--ghost) {
    background-color: #008246;
    transition-property: box-shadow;
}

@media (max-width: 1023px) {
    .job-preview {
        grid-template-columns: 1fr 1fr;
        padding: 3rem 2.4rem;
    }

    .job-preview__col {
        padding-bottom: 0;
    }
}

@media (max-width: 767px) {
    .job-preview {
        grid-template-columns: auto;
        gap: 1.5rem;
        max-width: 39rem;
        margin: 0 auto;
        padding: 3rem 1.6rem;
    }
}

.btn-send {
    color: #fff;
    background-color: #e7772c;
    border-radius: 10px;
    border: unset;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
}


/* .about-fnf{
    background: url('../image/graph.png') no-repeat padding-box;
    background-position: -5% 80px;
    background-size: contain;
} */


/* .bg-quality{
  background: url('../image/blob.svg') no-repeat padding-box;
  background-position: left -145px top 0px;
  background-size: contain;
} */


/* .bg-about{
  background: url('../image/graph-1.png') no-repeat padding-box, 
  linear-gradient(90deg, rgba(163, 216, 109, 1) 0%, rgba(107, 164, 49, 1) 100%);
  background-position: -5% 80px;
  background-size: contain;
} */

@media screen and (min-width: 992px) {
    .img-height {
        height: 600px;
        object-fit: cover;
    }
}

.img-height {
    width: 100%;
}

.about-fnf .section-title,
.bg-quality .section-title {
    font-size: 44px;
}

.about-fnf .about-para,
.bg-quality .about-para {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #000000;
    font-weight: 500;
}

.bg-about .section-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 44px;
    color: #ffffff;
    font-weight: 700;
}

.bg-about .about-para {
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 400;
}

@media (min-width: 768px) and (max-width: 992px) {
    .mobile-nav-items .mobile-nav-item .submenu-items li {
        width: 76vw;
    }

    .testimonials-swiper-button-prev,
    .blogs-swiper-button-prev {
        right: 23%;
    }

    .testimonials-swiper-button-next,
    .blogs-swiper-button-next {
        left: 23%;
    }

    .bg-grey .section-title {
        font-size: 2em !important;
    }
}


/* @media screen and (max-width: 1300px) {
  .about-fnf{
    background-position: left -268px top 0px;
  }
  .bg-quality{
    background-position: left -315px top 0px;
  }
} */


/* @media screen and (max-width: 991px) {
  .about-fnf, .bg-quality{
    background-position: top -64px left -123px;
  }
} */

@media screen and (max-width: 500px) {

    .about-fnf .section-title,
    .bg-about .section-title,
    .bg-quality .section-title {
        font-size: 30px;
    }
}

.category-wrapper p {
    color: #ffffff;
}

.btn-download {
    border-radius: 10px;
    background: #008246;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border: none;
}

.btn-download:hover {
    color: #fff;
}


/* .brochure-card {
    background: url('../image/Empay\ Or.png') left top no-repeat padding-box;
    background-size: 12%;
} */

.brochure-card:hover,
.catalog-card:hover {
    box-shadow: 0 2rem 4rem rgb(0 0 0 / 10%);
}

.brochure-card .bg-orange p {
    font-size: 31px;
    font-weight: 700;
    color: #fff;
}

.brochure-card .bg-orange {
    padding-left: 2.5rem;
    padding-top: 1rem;
}

.brochure-card .card-title {
    font-weight: 700;
    font-size: 1.5rem;
}

@media screen and (max-width: 991px) {
    .brochure-card {
        background-size: 25%;
    }
}

@media screen and (max-width: 768px) {
    .brochure-card .bg-orange {
        padding-left: 2rem;
        padding-top: 0;
    }
}

@media screen and (max-width: 600px) {
    .brochure-card .bg-orange {
        padding-left: 0rem;
        padding-top: 0;
    }
}

.bg-box {
    background-color: #ffefe8;
    ;
    border-radius: 30px;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.13);
}

.bg-catalogbox {
    border-radius: 30px;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.13);
    min-height: 250px;
}

.bg-catalogbox p {
    font-weight: 700;
}

.media-img {
    background-size: 80% auto;
    width: 85%;
    background-repeat: no-repeat;
    text-align: left;
    align-items: center;
    height: 60px;
    border-radius: 10px;
    background-color: #ffffff;
    position: absolute;
    top: -25px;
    left: 0px;
    right: 0px;
    z-index: 10;
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.13);
    background-position: center center;
}

.bg-lg-orange {
    background: #e7772c;
}

.bg-lg-orange a {
    color: #fff;
}

.bg-dark-orange {
    background: #b75310;
}

.overflow-hidden:hover img {
    transform: scale(1.1);
    transition: 0.5s all ease-in-out;
}

@media (min-width: 1000px) and (max-width: 1200px) {
   .container.nav-container a.nav-link,a.get-in-touch-btn{
	max-width: 1296px !important;
	font-size: 11px !important;
   }   	
}


/* .overflow-hidden::after{
    content: '';
    position: absolute;
    border: 5px solid #000000;
    width: 600px;
    height: 600px;
    background: transparent;
    border-radius: 50%;
    top: 0;
    right: 0;
    z-index: -1;
    animation: rotating-circle 3s linear infinite;
}

@keyframes rotating-circle{
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} */


/* .box::after {
  width: 200px;
  aspect-ratio: 1;
  clip-path: polygon(98.75% 61.10%,76.63% 92.32%,38.90% 98.75%,7.68% 76.63%,1.25% 38.90%,23.37% 7.68%,61.10% 1.25%,92.32% 23.37%,98.75% 61.10%,calc(92.32% - 2.54px) calc(23.37% - -1.60px),calc(61.10% - 0.67px) calc(1.25% - -2.93px),calc(23.37% - -1.60px) calc(7.68% - -2.54px),calc(1.25% - -2.93px) calc(38.90% - -0.67px),calc(7.68% - -2.54px) calc(76.63% - 1.60px),calc(38.90% - -0.67px) calc(98.75% - 2.93px),calc(76.63% - 1.60px) calc(92.32% - 2.54px),calc(98.75% - 2.93px) calc(61.10% - 0.67px),calc(92.32% - 2.54px) calc(23.37% - -1.60px));
} *