@import url("font.css");

:root {
    --primary: #D60411;
    --secondary: #FFDE17;
    --light: #F3EAE2;
    --text: #1A1A1A;
    --white: #ffff;
    --dark: #000000;
    --gliker: "Gliker", sans-serif;
    --Montserrat: "Montserrat", sans-serif;
    --Poppins: "Poppins", sans-serif;
}

body {
    margin: 0;
    font-family: var(--Montserrat);
    font-size: 16px;
    line-height: 140%;
    color: var(--text);
    overflow-x: hidden;
}

html.lenis,
html.lenis body {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

.lenis.lenis-scrolling iframe {
    pointer-events: none;
}

a {
    color: var(--primary);
    text-decoration: none !important;
    transition: all 0.4s;
}

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

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

p {
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: var(--gliker);
}

p:last-child {
    margin-bottom: 0;
}

::selection {
    color: var(--white);
    background: var(--primary);
}

img {
    max-width: 100%;
    width: auto;
    height: auto;
    z-index: 1;
    transition: all 0.5s;
}

html .container,
.main_container {
    width: 1440px;
    max-width: 100%;
    padding: 0px 20px;
}

.main_container {
    width: 1360px;
    margin-inline: auto;
}

section {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
}

.title h3 {
    font-size: 55px;
    font-weight: 900;
    line-height: 120%;
    text-transform: uppercase;
    color: var(--text);
    overflow: hidden;
}

.title+p {
    overflow: hidden;
}

.title h3 .line,
.title+p .line {
    display: block;
    overflow: hidden;
}

.title h3 .line span,
.title+p .line span {
    display: inline-block;
    transform: translateY(120%);
    opacity: 0;
    transition:
        transform 1s cubic-bezier(.22, 1, .36, 1),
        opacity 1s;
}

.title h3.active .line span,
.title+p.active .line span {
    transform: translateY(0);
    opacity: 1;
}

.btn {
    background-color: var(--secondary);
    border-radius: 10px;
    border: 1px solid var(--text);
    box-shadow: 5px 5px 0px 0px var(--text);
    height: 60px;
    padding: 0px 30px;
    font-size: 20px;
    line-height: 60px;
    font-weight: 600;
    color: var(--text);
    text-transform: uppercase;
    font-family: var(--gliker);
    transition: all 0.5s;
}

.btn:hover {
    transform: translate(-3px, -3px);
    box-shadow: 7px 7px 0 var(--text);
}

header {
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    padding: 56px 50px 30px 100px;
    transition: all 0.5s;
}

.sticky header {
    padding: 30px 50px 30px 100px;
    background-color: var(--primary);
}

.main_header_wrap {
    position: relative;
}

.sticky header .header_logo {
    transform: scale(0.95);
}

header a.navbar-toggle.btn {
    font-size: 22px;
    border-radius: 50px;
    height: 54px;
    line-height: 54px;
    padding: 0px 20px;
    box-shadow: 5px 3px 0px 0px #1A1A1A;
    position: absolute;
    left: -74px;
    transform: rotate(-18.58deg);
    top: 0px;
    z-index: 2;
    transition: all 0.5s;
    max-width: 116px;
    width: 100%;
}

header a.navbar-toggle.btn:hover {
    transform: rotate(0deg);
    box-shadow: 6px 4px 0 var(--text);
}

.navbar-toggle .text {
    position: relative;
    display: block;
    height: 100%;
}

.navbar-toggle .menu,
.navbar-toggle .close {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translate(-50%, -50%);
    transition: transform .45s cubic-bezier(.77, 0, .175, 1),
        opacity .35s ease;
}

/* Default */
.navbar-toggle .menu {
    opacity: 1;
}

.navbar-toggle .close {
    opacity: 0;
    transform: translate(-50%, 150%);
}

/* Active */
.navbar-toggle.active .menu {
    opacity: 0;
    transform: translate(-50%, -150%);
}

.navbar-toggle.active .close {
    opacity: 1;
    transform: translate(-50%, -50%);
}

header .header_logo {
    position: absolute;
    top: 0px;
    transition: all 0.5s;
    left: 8px;
}

.sticky header .header_logo {}

.banner_section {
    background-color: var(--primary);
}

.banner_slider .item .content {
    margin-top: 220px;
    padding-left: 100px;
}

.banner_slider .item h5.subtitle {
    background-color: #1A1A1A33;
    width: fit-content;
    padding: 9px 20px;
    border-radius: 500px;
    font-size: 14px;
    font-weight: 600;
    line-height: 120%;
    color: var(--white);
    margin-bottom: 14px;
    font-family: var(--Montserrat);
}

.banner_slider .item h3 {
    font-size: 65px;
    font-weight: 900;
    line-height: 120%;
    color: var(--white);
    margin-bottom: 14px;
    max-width: 634px;
    width: 100%;
}

.banner_slider .item p {
    color: var(--white);
    max-width: 547px;
    width: 100%;
    margin-bottom: 70px;
}

.banner_slider .line {
    display: block;
    overflow: hidden;
}

.banner_slider .line>span {
    display: inline-block;
    transform: translateY(120%);
    opacity: 0;
    transition:
        transform 1s cubic-bezier(.22, 1, .36, 1),
        opacity 1s;
}

.banner_slider .content.animate .line>span {
    transform: translateY(0);
    opacity: 1;
}

.banner_slider h5,
.banner_slider .btn_wrp {
    opacity: 0;
    transform: translateY(60px);
    transition:
        transform 1s cubic-bezier(.22, 1, .36, 1),
        opacity 1s;
}

.banner_slider .content.animate h5,
.banner_slider .content.animate .btn_wrp {
    opacity: 1;
    transform: translateY(0);
}

.banner_slider h5 {
    transition-delay: .1s;
}

.banner_slider .btn_wrp {
    transition-delay: .8s;
}

/* Image reveal */
.banner_slider .image {
    position: relative;
    overflow: hidden;
    height: 730px;
}

.banner_slider .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    clip-path: inset(0 0 0 100%);
    transition: clip-path 1s cubic-bezier(.22, 1, .36, 1);
}

.banner_slider .owl-item.active .image img.reveal {
    clip-path: inset(0 0 0 0);
}

.banner_slider .owl-nav {
    width: 50%;
    position: absolute;
    top: 50%;
    left: auto;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    padding: 0px 24px;
}

.banner_slider .owl-nav button {
    position: relative;
}

.banner_slider .owl-nav button:hover svg {
    animation: flowerSpin 4.5s linear infinite;
}

.banner_slider .owl-nav button:before {
    content: "";
    height: 50px;
    width: 50px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-image: url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.9343 6.76031H16.9966V8.88487H15.9343V6.76031ZM0.311224 8.57374C-0.103577 8.15889 -0.103577 7.48629 0.311224 7.07145L7.07152 0.311132C7.48642 -0.103711 8.15899 -0.103711 8.57382 0.311132C8.98868 0.725982 8.98868 1.39858 8.57382 1.81342L2.56462 7.82259L8.57382 13.8317C8.98868 14.2466 8.98868 14.9192 8.57382 15.334C8.15899 15.7489 7.48642 15.7489 7.07152 15.334L0.311224 8.57374ZM15.9343 8.88487H1.06232V6.76031H15.9343V8.88487Z" fill="%231A1A1A"/></svg>');
    position: absolute;
    z-index: 1;
}

.banner_slider .owl-nav button.owl-next:before {
    transform: scale(-1);
}

.ingredients_sec {
    background-color: var(--secondary);
    padding: 15px 0px;
    border-bottom: 1px solid #1A1A1A0D;
    overflow-x: hidden;
}

.ingredients_wrap {
    display: flex;
    gap: 140px;
    align-items: center;
    animation: share-marquee-scroll 30s linear infinite;
}

@keyframes share-marquee-scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.ing_box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ing_box .icon img {
    height: 32px;
    min-width: 32px;
}

.ing_box span {
    font-size: 14px;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
    text-wrap: nowrap;
}

.wellness_food_section {
    padding: 0px 72px 0px 50px;
}

.wellness_food_wrap .content {
    max-width: 730px;
    width: 100%;
    margin-left: auto;
    text-align: center;
    position: relative;
}

.wellness_food_wrap .content .title {
    margin-bottom: 46px;
}

.wellness_food_wrap .content .title img {
    position: absolute;
    top: -46px;
    left: auto;
    right: 0px;
}

.wellness_food_wrap .image {
    margin-bottom: -70px;
}

.choice_section {
    background-color: var(--secondary);
}

.choice_wrap .title h3 {
    font-size: 65px;
    max-width: 1215px;
    width: 100%;
    margin: 0px auto 16px;
}

.choice_wrap p {
    font-size: 25px;
    font-weight: 500;
    line-height: 150%;
    text-align: center;
    max-width: 985px;
    width: 100%;
    margin: 0px auto;
}

.choice_wrap .choice_icons_row {
    margin-top: 70px;
    column-gap: 35px;
}

.choice_box {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-items: center;
}

.choice_wrap .choice_icons_row .col {
    max-width: 193px;
    width: 100%;
}

.choice_box p {
    font-size: 22px;
    font-weight: 700;
    line-height: 130%;
}

.choice_box .icon {
    width: 112px;
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.choice_box .icon img {
    width: 49px;
    height: 49px;
}

.choice_box .icon:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    inset: 0;
    background-image: url(../images/red-flower-bg.webp);
    background-repeat: no-repeat;
    background-position: center;
}

.choice_box .icon.spin::before,
.banner_slider .owl-nav button svg {
    animation: flowerSpin 4.5s linear infinite;
    animation-play-state: running;
}

.choice_box .icon.paused::before,
.banner_slider .owl-nav button svg {
    animation: flowerSpin 4.5s linear infinite;
    animation-play-state: paused;
}

@keyframes flowerSpin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.product_list_section {
    padding-top: 100px;
    padding-bottom: 50px;
}

html .product_list_section_v2 .container {
    width: 1280px;
}

.product_list_section_v2 .product_row {
    --bs-gutter-x: 35px;
    --bs-gutter-y: 40px;
}

.product_list_section_v2 .product_box {
    border: 1px solid #D6041133;
    padding: 10px;
    border-radius: 16px;
    border-top-left-radius: 100px;
}

.product_list_section .title h3 {
    font-size: 50px;
}

.product_list_section .title {
    margin-bottom: 50px;
}

.product_box {
    position: relative;
    transition: all 0.5s;
}

.product_box:hover {
    transform: translateY(-15px);
}

.product_box:before {
    position: absolute;
    content: "";
    width: 58px;
    height: 55px;
    background-image: url(../images/triangle-small.webp);
    background-position: center;
    background-repeat: no-repeat;
    top: -24px;
    left: -16px;
}

.product_box .image {
    border-radius: 100px 10px 10px;
    overflow: hidden;
}

.product_box .image img {
    width: 100%;
    object-fit: cover;
}

.product_box:hover img {
    transform: scale(1.1);
}

.product_box .txt {
    margin-top: 30px;
}

.product_box p {
    font-size: 35px;
    font-weight: 900;
    line-height: 120%;
    text-transform: uppercase;
    font-family: var(--Poppins);
    max-width: 272px;
    width: 100%;
    margin: 0px auto;
    text-align: center;
}

.product_box p a {
    color: var(--text);
}

.product_box:hover p a {
    color: var(--primary);
    letter-spacing: 1px;
}

.choice_section:before,
.choice_section:after {
    position: absolute;
    content: "";
    width: 105px;
    height: 100px;
    background-image: url(../images/triangle-big.webp);
    background-position: center;
    background-repeat: no-repeat;
    opacity: 20%;
}

.choice_section:before {
    top: 0;
    left: auto;
    right: 45px;
}

.choice_section:after {
    top: 40%;
    left: 7px;
}

footer {
    background-color: var(--primary);
    color: var(--white);
    position: relative;
    overflow-x: hidden;
}

footer a {
    color: var(--white);
}

footer a:hover {
    color: var(--secondary);
}

footer .container {
    max-width: 1320px;
    width: 100%;
}

.footer_top .row>* {
    width: 100%;
}

.footer_top .links-col {
    max-width: 375px;
}

.footer_top .image-col {
    max-width: 515px;
}

.footer_top .cnt-col {
    max-width: 390px;
}

.footer_top .cnt-col>div {
    margin-left: auto;
    width: fit-content;
}

footer .footer_middle {
    width: fit-content;
    margin: 0px auto;
    position: relative;
}

.footer_logo {
    position: relative;
    z-index: 1;
}

footer .footer_logo img:hover {
    transform: scale(0.95);
}

.footer_bottom {
    margin-top: 78px;
    padding: 0px 100px 20px;
}

.footer_bottom p {
    font-weight: 500;
    line-height: 150%;
}

.footer_bottom p.lime-love {
    font-size: 15px;
    line-height: 100%;
}

.footer_top .cnt_detail_wrap {
    max-width: 290px;
    width: 100%;
}

.footer_top h4 {
    font-size: 30px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 18px;
    color: var(--secondary);
}

.footer_top {
    padding: 60px 0px 100px;
}

.footer_top ul.links li {
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 10px;
}

.footer_top .social_media_wrap ul {
    display: flex;
    gap: 7px;
}

.footer_top .social_media_wrap ul li a {
    height: 42px;
    width: 42px;
    border-radius: 22px;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer_top .social_media_wrap {
    margin-top: 34px;
}

.footer_top .social_media_wrap ul li a:hover {
    background-color: var(--secondary);
    border-color: var(--secondary);
    color: var(--white);
}

.footer_top .cnt_detail_wrap ul li {
    display: flex;
    gap: 10px;
    margin-bottom: 12px;
}

.footer_top .cnt_detail_wrap ul li a {
    font-size: 15px;
    font-weight: 500;
    font-family: var(--Poppins);
    display: block;
}

.laxraj-love svg,
.laxraj-love .fa {
    color: var(--secondary);
    margin: 0 3px;
    font-size: 10px;
    animation: pound .35s infinite alternate;
    width: 12px;
    height: auto;
}

@keyframes pound {
    100% {
        transform: scale(1.1);
    }
}

footer>img,
footer .footer_middle>img {
    position: absolute;
}

footer .blur-makhana-img {
    filter: blur(1.5px);
    top: -24px;
}

footer .turmuric-img {
    left: 145px;
    top: 37%;
}

footer .red-chilli-img {
    left: auto;
    right: 0;
    filter: drop-shadow(2px 4px 8px rgba(0, 0, 0, 0.25));
    top: 40%;
}

footer .mango-img,
footer .strawberry-img,
footer .makhana-img {
    filter: drop-shadow(0px 9px 8px rgba(0, 0, 0, 0.08));
}

footer .mango-img {
    top: auto;
    bottom: 0;
}

footer .strawberry-img {
    left: auto;
    right: -126px;
    bottom: -46px;
    top: auto;
}

footer .makhana-img {
    left: auto;
    right: 158px;
    top: 7px;
}

header .navmenu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: var(--primary);
    min-height: 100vh;
    z-index: 1;
    padding: 100px 100px 0px 85px;
    transition: all 0.7s ease-in-out;
    clip-path: circle(0% at 75px 100px);
}

.navmenu.active {
    clip-path: circle(150% at 75px 100px);
}

.navmenu .header_nav_logo {
    position: absolute;
    top: 48px;
    transition: all 0.5s;
}

.navmenu .links-col {
    max-width: 618px;
    width: 100%;
}

.navmenu nav.headermenu ul li a {
    font-size: 60px;
    font-weight: 900;
    line-height: 120%;
    color: var(--white);
    font-family: var(--gliker);
    position: relative;
    display: flex;
    gap: 20px;
    align-items: center;
}

.navmenu nav.headermenu ul li a:after {
    content: "";
    height: 29px;
    width: 29px;
    background-color: var(--secondary);
    border-radius: 50%;
    opacity: 0;
    transition: all 0.5s;
    transform: translateX(20px);
}
.navmenu nav.headermenu ul li.active > a:after,
.navmenu nav.headermenu ul li a:hover:after {
    opacity: 1;
    transform: translateX(0px);
}

.navmenu nav.headermenu ul li {
    margin-bottom: 42px;
}

.navmenu nav.headermenu ul li:last-child {
    margin-bottom: 0px;
}

.navmenu a.mail_btn {
    font-size: 30px;
    font-weight: 500;
    line-height: 100%;
    margin-bottom: 34px;
    color: var(--white);
    display: block;
    font-family: var(--Poppins);
}

.navmenu a.mail_btn:hover {
    color: var(--secondary);
}

.navmenu ul.social_media_ul {
    display: flex;
    gap: 7px;
    align-items: center;
}

.navmenu ul.social_media_ul a {
    height: 42px;
    width: 42px;
    border: 1px solid var(--white);
    border-radius: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white);
}

.navmenu ul.social_media_ul a:hover {
    background-color: var(--secondary);
    color: var(--white);
}

.wave {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 60px;
    background: url("../images/navbar-bottom.svg");
    background-repeat: repeat-x;
    background-position: 0 bottom;
    background-size: auto 100%;
    animation: wave 8s linear infinite;
}

.wave.wave-top,
.wave.wave-bottom,
.wave.footer-top {
    height: 66px;
    position: relative;
}

.wave.wave-top {
    background: url("../images/top-image.svg");
    margin-bottom: -5px;
}

.wave.wave-bottom {
    background: url("../images/bottom-img.svg");
    bottom: 0px;
    margin-bottom: 0;
}

.wave.footer-top {
    background: url("../images/footer_top.svg");
    bottom: 0px;
    margin-bottom: -7px;
}

@keyframes wave {
    from {
        background-position-x: 0;
    }

    to {
        background-position-x: 500px;
    }
}

.choice_wrap .video_wrap {
    max-width: 800px;
    width: 100%;
    display: block;
    margin: 80px auto 0px;
    border-radius: 20px;
    overflow: hidden;
}

.choice_wrap .video_wrap video {
    display: block;
    height: 100%;
    width: 100%;
}




/* contact page */

.contact_form {
    padding: 80px 0;
    background: var(--white);
}

.contact_form .container {
    width: 1215px;
}

.contact_form_box {
    border-radius: 20px;
    padding: 60px 50px;
    background: #D604111A;
    border: 1px solid #FFAAB1;
    backdrop-filter: blur(40px);
    margin-right: 5px;
}

.contact_form_box label {
    color: var(--text);
    margin-bottom: 4px;
    display: block;
    font-weight: 600;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: 0%;
}

.contact_form_box label span {
    color: var(--primary);
}

.contact_form_box .form-control {
    height: 48px;
    border: none;
    border-radius: 8px;
    box-shadow: none;
    background: #fff;
    font-size: 14px;
    padding: 10px 20px;
    margin-bottom: 25px;
}

.contact_form_box .form-control::placeholder {
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: 0%;
    color: var(--text);
}

.contact_form_box textarea.form-control {
    height: 120px;
    resize: none;
    padding-top: 12px;
}

.submit_btn {
    margin-top: 10px;
    width: 100%;
}

.contact_info {
    margin-left: 26px;
}

.contact_info h2 {
    margin-bottom: 42px;
    font-weight: 900;
    font-size: 45px;
    line-height: 120%;
    letter-spacing: 0%;
    text-transform: uppercase;
}

.info_item {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    margin-bottom: 32px;
}

.info_item h5 {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 26px;
    line-height: 110%;
    letter-spacing: 0%;
}

.info_item p {
    margin: 0;
}

.info_item p,
.info_item p a {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 0%;
    color: var(--text);
    font-family: var(--Montserrat);
}

.info_item p a:hover {
    color: var(--primary);
}

.social_area {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 30px;
    flex-wrap: wrap;
}

.social_area span {
    font-family: var(--gliker);
    display: block;
    font-weight: 400;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: 0%;
    margin-right: 10px;
}

.social_area a {
    width: 42px;
    height: 42px;
    border: 1px solid var(--text);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text);
    text-decoration: none;
    transition: .3s;
}

.social_area a:hover {
    background: var(--primary);
    color: var(--white);
    border-color: var(--primary);
}

.contact_form_title {
    background-color: var(--primary);
}

.contact_form_title p,
.contact_form_title h2 {
    text-align: center;
    color: var(--white);
}

.main_pl_sec {
    padding-top: 100px;
    padding-bottom: 190px;
}

.main_pl_sec .container {
    width: 1320px;
}

.main_pl_sec .product_row {
    --bs-gutter-x: 35px;
    --bs-gutter-y: 40px;
}

.product_card {
    border: 1px solid #D6041133;
    padding: 35px;
    border-radius: 20px;
    display: block;
}

.product_card .product_img img {
    transition: all 0.5s ease;
}

.product_card:hover .product_img img {
    transform: scale(1.05);
}

.product_img {
    padding-inline: 35px;
	padding-bottom: 20px;
}

.product_card h3 {
    font-weight: 700;
    font-style: Bold;
    font-size: 24px;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: center;
    margin-bottom: 14px;
    color: var(--text);
}

.product_card p {
    font-weight: 400;
    font-size: 15px;
    line-height: 160%;
    letter-spacing: 0%;
    text-align: center;
    margin: 0;
    font-family: var(--Poppins);
    color: var(--text);
}

.main_about_sec .container {
    width: 1360px;
}

.main_about_sec h2 {
    font-weight: 900;
    font-size: 55px;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.main_ab_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.main_ab_block {
    max-width: 830px;
}

.main_ab_img img {
    display: block;
    border-radius: 20px;
    margin-bottom: 50px;
}

.main_ab_content p {
    font-weight: 500;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: 0%;
    text-align: justify;
}

.main_ab_content p:not(:last-child) {
    margin-bottom: 18px;
}

.main_obj_img {
    position: absolute;
}

.ab_obj_1 {
    width: 90px;
    height: 90px;
    top: 87px;
    left: 76px;
}

.ab_obj_2 {
    width: 60px;
    height: 54px;
    top: -30px;
    right: 143px;
}

.ab_obj_3 {
    width: 106px;
    height: 106px;
    left: 76px;
    top: 581px;
}

.ab_obj_4 {
    width: 90px;
    height: 90px;
    right: 89px;
    top: 130px;
}

.ab_obj_5 {
    width: 90px;
    height: 90px;
    left: 94px;
    bottom: 581px;
}

.ab_obj_6 {
    width: 94px;
    height: 94px;
    right: 77px;
    top: 419px;
}

.ab_obj_7 {
    width: 126px;
    height: 126px;
    right: 58px;
    bottom: 136px;
}

.main_obj_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main_obj_img {
    position: absolute;
    animation: float 5s ease-in-out infinite;
    will-change: transform;
}

.main_obj_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Floating Animation */
@keyframes float {
    0% {
        transform: translateY(0) rotate(0deg);
    }

    25% {
        transform: translateY(-12px) rotate(2deg);
    }

    50% {
        transform: translateY(-20px) rotate(0deg);
    }

    75% {
        transform: translateY(-12px) rotate(-2deg);
    }

    100% {
        transform: translateY(0) rotate(0deg);
    }
}

.ab_obj_1 {
    animation-duration: 4.5s;
    animation-delay: 0s;
}

.ab_obj_2 {
    animation-duration: 5.5s;
    animation-delay: .5s;
}

.ab_obj_3 {
    animation-duration: 6s;
    animation-delay: 1s;
}

.ab_obj_4 {
    animation-duration: 4.8s;
    animation-delay: .3s;
}

.ab_obj_5 {
    animation-duration: 5.8s;
    animation-delay: 1.2s;
}

.ab_obj_6 {
    animation-duration: 5.2s;
    animation-delay: .8s;
}

.ab_obj_7 {
    animation-duration: 6.5s;
    animation-delay: 1.5s;
}


.product_banner {
    padding-top: 200px;
    padding-bottom: 80px;
}

.main_wrapper_sec {
    position: relative;
}

.main_wrapper_sec::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,
            rgba(255, 255, 255, 0) 45%,
            rgba(255, 255, 255, .9) 85%,
            #fff 100%);
    pointer-events: none;
    z-index: 0;
}

.product_image_wrapper {
    width: 511px;
    height: 511px;
    border-radius: 50%;
    background-color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    position: sticky;
    top: 200px;
}

.product_banner .container {
    width: 1280px;
}

.product_del_img {
    width: 100%;
    max-width: 400px;
    object-fit: contain;
}

.product_title {
    font-weight: 400;
    font-size: 55px;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: center;
    color: var(--white);
    margin-top: 0;
    margin-bottom: 14px;
}

.breadcrumb_text,
.breadcrumb_text a {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 13px;
    line-height: 160%;
    letter-spacing: 0%;
    color: var(--white);
    text-align: center;
    margin-top: 0;
    margin-bottom: 14px;
}

.product_banner .subtitle {
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0%;
    text-align: center;
    color: var(--white);
    margin-top: 0;
    margin-bottom: 40px;
}

.product_banner .btn {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    text-transform: uppercase;
}

.product_banner .btn-whatsapp {
    background-color: #00B71E;
    color: var(--white);
}

.product_banner .feature_box {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.product_banner .icon {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--white);
    color: var(--primary);
}

.feature_box h6 {
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: var(--white);
    margin: 0;
}

/* nutrition_sec */

.nutrition_sec {
    padding-top: 80px;
    padding-bottom: 100px;
}

.nutrition_sec .container {
    width: 1100px;
}

.nutrition_sec .nutrition_block {
    background-color: var(--white);
    padding: 45px;
    border: 1px solid #F8D3D6;
    border-radius: 20px;
}

.nutrition_sec h2 {
    font-weight: 400;
    font-size: 50px;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 14px;
}

.nutrition_sec h6 {
    font-weight: 700;
    font-size: 25px;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: center;
    margin-top: 0;
    margin-bottom: 75px;
}

.nutrition_sec table {
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 75px;
}

.nutrition_sec table th,
.nutrition_sec table td {
    padding-block: 15px;
    border-bottom: 1px solid;
    border-bottom: 1px solid #1A1A1A33
}

.nutrition_sec table th {
    font-weight: 700;
    font-style: Bold;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
}

.nutrition_sec table td {
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
}

.nutrition_sec h3 {
    font-family: var(--Montserrat);
    font-weight: 700;
    font-size: 35px;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 14px;
}

.nutrition_sec p {
    font-weight: 500;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0%;
    text-align: center;
}

.nutrition_sec h3:nth-of-type(2) {
    margin-top: 75px;
}

.main_pl_sec_v2 {
    padding-top: 0;
    padding-bottom: 100px;
}

.main_pl_sec_v2 h2 {
    font-family: Gliker;
    font-weight: 900;
    font-style: Black;
    font-size: 50px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 90px;
}

.main_pl_sec_v2 .product_card {
    border: 0;
    padding: 0 28px;
    border-radius: 20px;
}

.main_pl_sec_v2 .product_img {
    padding: 0;
    margin-bottom: 24px;
}

.main_pl_sec_v2 .product_row {
    --bs-gutter-x: 35px;
    --bs-gutter-y: 35px;
}

.main_pl_sec_v2 .btn {
    margin-top: 90px;
    display: block;
    width: fit-content;
    margin-inline: auto;
}

/* --- */

section.inner_banner {
    background: #D60411;
    text-align: center;
    padding-top: 180px;
    padding-bottom: 60px;
}

section.inner_banner h2 {
    font-weight: 900;
    font-size: 65px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: var(--white);
}

section.inner_banner p {
    font-weight: 500;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0%;
    text-align: center;
    width: 600px;
    max-width: 100%;
    margin: 0 auto;
    color: var(--white);
}

section.inner_banner span {
    font-weight: 900;
    font-size: 35px;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #FFDE17;
    display: inline-block;
}

section.inner_banner~.wave-bottom {
    margin-top: -1px;
    background-image: url(../images/inner-banner-bottom-img.svg);
}

/* 08-07-2026 strat */

.main_pop_wrapper {
    position: relative;
    padding-block: 54px;
    overflow: hidden;
    height: 100%;
}

.pop_img_wrapper {
    position: absolute;
}

.pop_obj_1 {
    bottom: 0;
    left: 0;
}

.pop_obj_2 {
    top: -90px;
    left: 90px;
}

.pop_obj_3 {
    bottom: 250px;
    right: 27%;
    transform: rotate(-47deg);
}

.pop_obj_4 {
    bottom: 0;
    right: -18px;
}

.inquiry-box {
    margin-inline: auto;
    padding: 40px;
    border-radius: 30px;
    border: 3px solid #FFDE17;
    width: 100%;
    max-width: 547px;
    position: relative;
    z-index: 10;
    transform: rotate(6deg);
    margin-top: -200px;
}

.inquiry-box::after {
    position: absolute;
    content: "";
    inset: 0;
    border: 1px solid var(--primary);
    transform: rotate(-6deg);
    border-radius: 30px;
    z-index: -1;
    background: var(--white);
}

.form_content {
    transform: rotate(-6deg);
}

.form_content h2 {
    font-family: Gliker;
    font-weight: 700;
    font-size: 35px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
    color: var(--primary);
}

.form_content .form-control {
    background-color: #D604111A;
    padding: 16px 22px;
    height: 50px;
    border-radius: 10px;
    border: 1px solid transparent;
    margin-bottom: 20px;
    outline: none;
}

.form_content .form-control::placeholder {
    font-weight: 400;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--text);
}

.form_content textarea.form-control {
    min-height: 110px;
    resize: none;
}

.form_content .btn-submit {
    padding: 0px 60px;
    margin-top: 10px;
    line-height: 0%;
    height: 50px;
}

.main_pop_wrapper .wave.wave-bottom {
    background-image: url(../images/inner-banner-bottom-img.svg);
}

.pop_wave_block {
    background-color: var(--primary);
    width: 100%;
    height: 240px;
    margin-top: -54px;
}

.main_pop_box {
    background-color: var(--white);
    width: 100%;
}

/* 08-07-2026 end */

.popup_overlay {
    width: 100%;
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: .35s ease;
    z-index: 99999;
}

.popup_overlay.active {
    opacity: 1;
    visibility: visible;
}

.popup_box {
    position: relative;
    width: 100%;
    max-width: 900px;
    transform: translateY(40px) scale(.9);
    transition: .35s ease;
}

.popup_overlay.active .popup_box {
    transform: translateY(0) scale(1);
}

.popup_close {
    position: absolute;
    right: 33px;
    top: 30px;
    border: none;
    color: var(--white);
    font-size: 40px;
    cursor: pointer;
    z-index: 100;
    background-color: transparent;
    transition: .3s;
}

.popup_close:hover {
    transform: rotate(180deg);
}

body.popup-open {
    overflow: hidden;
}