@font-face {
    font-family: proximo-nova;
    font-weight: 400;
    src: url(../fonts/Proxima-Nova-Reg.ttf);
}

@font-face {
    font-family: proximo-nova;
    font-weight: 500;
    src: url(../fonts/Proxima-Nova-Sbold.ttf);
}

@font-face {
    font-family: ACTA-DISPLAY-BOOK;
    src: url(../fonts/ACTA-DISPLAY-BOOK.TTF);
}

@font-face {
    font-family: proximo-nova;
    font-weight: 300;
    src: url(../fonts/Proxima-Nova-Thin.ttf);
}

:root {
    --main_color: #f5f1e6;
    --sec_color: #FCF9F8;
    --ter_color: #FF0000;
    --quat_color: #B65C7C;
    --sri81_color: #501649;
    --srisec_color: #B06786;

    --headings_font: "proximo-nova", serif;
    --body_font: "proximo-nova", sans-serif;

    --main_spacer: clamp(30px, 10vh, 90px);
    --small_spacer: clamp(30px, 6vh, 50px);

    --large_headingFS: clamp(40px, 19vh, 200px);
    --main_headingFS: clamp(30px, 5vw, 50px);
    --sec_headingFS: clamp(28px, 6vw, 40px);
    --ter_headingFS: clamp(24px, 5vw, 28px);
    --quat_headingFS: 18px;
    --body_text: 16px;
}

@media only screen and (min-width: 1800px) {
    :root {
        --large_headingFS: 200px;
    }
}

@media only screen and (max-width: 992px) {
    :root {
        --large_headingFS: 100px;
    }
}

@media only screen and (max-width: 600px) {
    :root {
        --large_headingFS: 60px;
    }
}



* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*::-moz-selection {
    color: var(--sec_color);
    background-color: #121212;
}

*::selection {
    color: var(--sec_color);
    background-color: #121212;
}



body {
    margin: 0;
    padding: 0;
    background-color: var(--body_bg, #fff);
    font-family: var(--body_font);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit;
    font-family: var(--headings_font);
}

a {
    color: inherit;
    display: inline-block;
    text-decoration: none;
}

p {
    color: inherit;
    margin-bottom: .5rem;
}

strong {
    font-weight: 600;
}

img,
video {
    width: 100%;
    height: auto;
    vertical-align: middle;
}

/* Target the specific number input and hide the spin buttons */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* For Firefox, you may need this additional CSS rule */
input[type="number"] {
    -moz-appearance: textfield;
}

button {
    border: none;
    outline: none;
    white-space: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

button.accordion-button,
button.nav-link {
    white-space: normal;
}

button:disabled {
    opacity: .5;
    cursor: not-allowed;
}

section {
    position: relative;
    z-index: 1;
}

hr {
    border-color: #e4e4e4;
    opacity: 1;
}

.body_font {
    font-family: var(--body_font) !important;
}

.headings_font {
    font-family: var(--headings_font) !important;
}

.special_font {
    font-family: var(--speacial_font) !important;
}

.w-screen {
    width: 100dvw;
}

.max-w-full {
    max-width: 100%;
}

.w-fit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.h-fit {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.h-screen {
    height: 100vh;
}

.main_spacer {
    padding-block: var(--main_spacer);
}

.main_spacer_top {
    padding-top: var(--main_spacer);
}

.main_spacer_bottom {
    padding-bottom: var(--main_spacer);
}

@media only screen and (min-width: 992px) {
    .main_spacer_lg {
        padding-block: var(--main_spacer);
    }
}

.small_spacer {
    padding-block: var(--small_spacer);
}

.small_spacer_top {
    padding-top: var(--small_spacer);
}

.small_spacer_bottom {
    padding-bottom: var(--small_spacer);
}

body h1,
.main_heading {
    font-size: var(--main_headingFS);
}

body h2,
.sec_heading {
    font-size: var(--sec_headingFS);
}

body h3,
.ter_heading {
    font-size: var(--ter_headingFS);
}

h4,
.quat_heading {
    font-size: var(--quat_headingFS);
}

h1.large_heading {
    font-size: var(--large_headingFS);
}

.text_xs {
    font-size: 13px;
}

.main_color {
    color: var(--main_color);
}

.main_bg {
    color: #121212;
    background-color: var(--main_color);
}

.border_main {
    border-color: var(--main_color) !important;
}

.main_bg *::-moz-selection {
    color: var(--main_color);
    background-color: #121212;
}

.main_bg *::selection {
    color: var(--main_color);
    background-color: #121212;
}

.hover_main_color:hover {
    color: var(--main_color);
}

.sec_color {
    color: var(--sec_color);
}

.sec_bg {
    background-color: var(--sec_color);
}

.sec_border {
    border-color: var(--sec_color) !important;
}

.ter_color {
    color: var(--srisec_color);
}

.ter_bg {
    background-color: var(--ter_color);
}

.quat_bg {
    background-color: var(--quat_color);
}

.quat_color {
    color: var(--quat_color);
}

.sri81_color {
    color: var(--sri81_color);
}

.quin_bg {
    background-color: var(--quin_color);
}

.text-justify {
    text-align: justify;
}

.text-underline {
    text-decoration: underline;
}

.min-h-screen {
    min-height: 100vh;
    /* min-height: calc(var(--vh, 1vh) * 100); */
}

@media only screen and (min-width: 992px) {
    .lg-min-h-screen {
        min-height: 100vh;
    }
}

.row {
    margin-inline: 0;
}

.-z-1 {
    z-index: -1;
}

.inset-0 {
    inset: 0;
}

.col_spacer {
    padding-inline: calc(var(--bs-gutter-x) * .5);
}

.swiper-slide {
    height: auto;
}

.marquee-fb,
.marquee-fb2 .swiper-slide {
    width: 250px;
}

.aspect-ratio-1 {
    aspect-ratio: 1 / 1;
}

.stars {
    color: #F0AD4E;
}

.max-h-screen {
    max-height: 100vh;
}

.marqueeSwiper .swiper-wrapper {
    transition-timing-function: linear;
}

.top-5 {
    top: 1.5rem;
}

.top-7 {
    top: 7.5rem;
}

/* ---------------------------------- Header ---------------------------------------------- */

header#site-header {
    z-index: 20;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transition: background-color 0.3s ease;
}

/*=====scroll========*/

#site-header.scrolled-h {
    background-color: #FEF8F8;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

#site-header.scrolled-h .logo_wrapper {
    max-width: 150px;
    transition: max-width 0.2s ease-in;
}

header#site-header .logo_wrapper {
    max-width: 200px;
    transition: max-width 0.2s ease-out;
}


@media (min-width:1200px) and (max-width:1399px) {
    header#site-header .logo_wrapper {
        max-width: 150px;
        transition: max-width 0.2s ease-out;
    }
}


header#site-header ul.main_list {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    gap: 25px;
    margin-right: 50px !important;
}

header#site-header ul.main_list li {
    display: block;
    position: relative;
    width: fit-content;
    font-size: 30px;
}

header#site-header ul.main_list li a .bi-caret-down-fill {
    display: none;
}

@media screen and (max-width: 768px) {
    header#site-header ul.main_list li {
        width: 100%;
    }

    header#site-header ul.main_list li a .bi-caret-down-fill {
        display: flex;
    }

    header#site-header ul.main_list li a {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

}

header#site-header ul.main_list li a {
    padding-block: .45rem;
    font-size: 18px;
}

header#site-header .main_list a {
    display: block;
    transition: color .2s ease-in;
    will-change: color;
}

header#site-header .main_list a:hover {
    color: var(--quat_color);
}

header#site-header ul.main_list ul li:first-child {
    border-top: 3px solid var(--quat_color);
}

header#site-header ul.main_list ul li a {
    padding: 10px;
}

header#site-header ul.main_list ul li:not(:last-child) a {
    border-bottom: 1px solid #fff;
}

/* Hide Dropdowns by Default */
header#site-header ul.main_list ul {
    display: none;
    position: absolute;
    left: 0;
    z-index: 1;
    top: 100%;
    list-style: none;
    padding-left: 0;
    border: 1px solid #fff;
    background-color: var(--main_color);
}

header#site-header ul.main_list ul li ul {
    min-width: 290px;
    top: 10px;
    left: 50%;
    background-color: var(--main_color);
}

header#site-header ul.main_list ul li>ul {
    background-color: var(--main_color);
}

/* Display Dropdowns on Hover */
header#site-header ul.main_list li:hover>ul {
    display: inherit;
    z-index: 1;
}

/* First Tier Dropdown */
header#site-header ul.main_list ul li {
    min-width: 290px;
    float: none;
    display: list-item;
}

header#site-header .mid-links ul {
    list-style: none;
    margin: 0;
}

header#site-header .mid-links ul a {
    text-decoration: none;
    color: #000;
}

header#site-header .mid-links>ul {
    height: 100%;
}

header#site-header .mid-links>ul>li>a {
    display: inline-block;
    height: 100%;
    padding: 30px 20px;
    border-top: 3px solid transparent;
    transition: padding .3s ease-in-out;
}

@media only screen and (max-width: 1200px) {
    header#site-header ul.main_list {
        width: 100%;
        max-height: 0;
        overflow: hidden;
        transition: max-height .3s ease-in-out, padding .4s ease-in;
    }

    #navBarToggler:checked+header#site-header {
        border-bottom: 2px solid var(--main_color);
    }

    #navBarToggler:checked+header#site-header * ul.main_list {
        padding: 20px 0;
        max-height: 100vh;
    }

    #navBarToggler+header#site-header::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        pointer-events: none;
        transform: translateY(-100%);
        border-bottom: 1px solid var(--ter_color);
        background-color: var(--main_color);
        transition: transform .3s ease-in-out;
    }

    #navBarToggler:checked+header#site-header::before {
        transform: translateY(0);
    }
}

/* ---------------------------------- Header END ---------------------------------------------- */

.min-h-view {
    min-height: calc(100vh - var(--header-height, 80px));
}

.pointer-events-none {
    pointer-events: none;
}

.pointer-events-auto {
    pointer-events: auto;
}

/* ---------------------------------- Global END ---------------------------------------------- */

/* ---------------------------------- UTILS  ---------------------------------------------- */

.bgImg {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
}

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

.bgImg::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.45);
}

.fixedBg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

body.isIphone .fixedBg {
    background-attachment: unset !important;
}

.rowMargin {
    margin-inline: calc(-.5 * var(--bs-gutter-x));
}

.bgTexture {
    background-size: cover;
    background-position: center;
    background-image: url("../images/bg-texture.jpg");
}

.site-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding-block: var(--header-height, 90px);
}

.color-red {
    color: var(--quat_color);
}

/* ---------------------------------- UTILS END ---------------------------------------------- */

@media only screen and (min-width: 1200px) {
    ul.main_list li a {
        font-size: 14px;
    }

    .h-lg-100 {
        height: 100%;
    }
}

html.lenis {
    height: auto;
}

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

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

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

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

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

/* ---------------------------------- BANNER ---------------------------------------------- */

.banner-text {
    opacity: 0;
    transform: scale(1.5);
}

.banner-headings {
    transform: scale(1.7);
}

.banner-headings h1 {
    font-size: clamp(2rem, 10vh, 6rem) !important;
    line-height: .8;
}

.banner-headings>* {
    opacity: 0;

    text-transform: uppercase;
    font-size: var(--large_headingFS);
}

.testimonialContent {
    position: relative;
}

.testimonialContent p:nth-child(1) {
    font-size: 24px;
    font-style: italic;
    margin-bottom: 25px;
}

.testimonialContent:before {
    content: "";
    background-image: url(../images/quotes.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-size: contain;
    display: block;
    position: absolute;
    left: 0;
    top: 20px;
}

.testimonialContent:after {
    content: "";
    background-image: url(../images/quotes.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-size: contain;
    display: block;
    position: absolute;
    right: 10px;
    bottom: 50px;
    transform: rotate(180deg);
}

.controlstesti>div {}



.banner-headings>*:nth-child(odd) {
    transform: translateX(-100%);
}

.banner-headings>*:nth-child(even) {
    transform: translateX(100%);
}

.home_banner .imgMove {
    position: absolute;
    max-width: 180px;
    z-index: 10;
    opacity: 0;
    pointer-events: none;
    transform: translate(-100vw, -100vh) scale(1.5);
}

.sectionHeadtype1 {
    font-size: clamp(2rem, 10vh, 2.45rem) !important;
    line-height: .9 !important;
}

.homeVideoSec {
    position: relative;
}

.videocontent {
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.32);
}

.videocontent .sectionHeadtype1 {
    color: #fff;
    font-size: clamp(2rem, 10vh, 4rem) !important;
}



@media only screen and (max-width: 767px) {
    .home_banner .imgMove {
        max-width: 140px;
    }
}

@media only screen and (max-width:500px) {
    .banner-headings h1 {
        font-size: 2.5rem !important;
    }
}

/* ---------------------------------- BANNER END ---------------------------------------------- */


/* ---------------------------------- Footer ---------------------------------------------- */

footer#site-footer {
    color: var(--main_color);
    font-weight: 300;
    background-color: #121212;
}

footer#site-footer *::selection {
    color: #121212;
    background-color: var(--main_color);
}

footer#site-footer .logo_wrapper {
    max-width: 180px;
}

.footerinro {
    border-top: 1px solid #343434;
}

/* ---------------------------------- Footer END ---------------------------------------------- */


#site-header {
    opacity: 0;
    animation: opacityReveal .4s ease-in-out 0.5s forwards;
}

@keyframes opacityReveal {
    to {
        opacity: 1;
    }
}

.box-reveal {
    opacity: 0;
    transition: transform .4s ease-in-out, opacity .2s ease-in-out;
}

.box-reveal.reveal-left {
    transform: translateX(-100px);
}

.box-reveal.reveal-right {
    transform: translateX(100px);
}

.box-reveal.scale-reveal {
    transform-origin: left;
    overflow: hidden;
    transform: translate(100px, 0) scale(1.5);
    transition: transform .6s ease-in-out, opacity .2s ease-in-out;
}

.box-reveal-wrap.inView .box-reveal {
    opacity: 1;
    transform: translate(0, 0) scale(1);
}

.main_btn,
.mainForm button {
    font-size: 1rem;
    padding: .5rem 1.2rem;
    border-radius: 50px;
    color: var(--main_color);
    background-color: var(--quat_color);
    border: 2px solid var(--quat_color);
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
}

.main_btn:hover,
.mainForm button:hover {
    color: var(--quat_color);
    background-color: transparent;
}

.clinical-trials {
    background-color: #FCF9F8;
}

@media screen and (max-width:500px) {
    .clinical-trials {
        padding: 40px 0;
    }
}

.main_link {
    position: relative;
    color: var(--quat_color);
    transition: color .3s ease-in-out;
}

.main_link::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 0%;
    background-color: var(--ter_color);
    transition: width .3s ease-in-out;
}

/*.main_link:hover::before {*/
/*    width: 100%;*/
/*    left: auto;*/
/*}*/

.infographic_section {
    padding: 40px;
    display: grid;
    gap: 20px;
    height: 100vh;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr);
}

.infographic_section>.block {
    background-color: #fff;
    padding: 15px;
    border-radius: 12px;
    overflow: hidden;
}

.infographic_section>.block.first {
    grid-row: span 4 / span 4;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("../images/sri-81/bg-tiles-grid.webp");
    position: relative;
    z-index: 2;
}

.infographic_section>.block.first:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: '';
    z-index: -1;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 4%, rgba(255, 255, 255, 0) 50%);
}

.infographic_section>.block.second {
    grid-column: span 2 / span 2;
    grid-row: span 2 / span 2;
    position: relative;
    background-color: #e1d7d6;
    background-image: url(../images/sri-81/company-acers.JPG);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 2;
}

.infographic_section>.block.second:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: '';
    z-index: -1;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 4%, rgba(255, 255, 255, 0) 50%);
}

.infographic_section>.block.third {
    grid-column: span 2 / span 2;
    grid-row: span 2 / span 2;
    grid-column-start: 2;
    grid-row-start: 3;
    background-image: url(../images/sri-81/bg-shatavari.webp);
    background-position: top center;
    background-size: cover;
    z-index: 2;
    position: relative;
}

.infographic_section>.block.third:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: '';
    z-index: -1;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.infographic_section>.block.fourth {
    grid-row: span 2 / span 2;
    grid-column-start: 4;
    grid-row-start: 1;
    padding: 0;
    position: relative;
    background-image: url(../images/sri-81/Pharma.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    z-index: 2;
}

.infographic_section>.block.fourth .content {
    padding: 20px;
}

.infographic_section>.block.fourth:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: '';
    z-index: -1;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 14%, rgba(255, 255, 255, 0) 100%);
}


.infographic_section>.block.fifth {
    grid-row: span 2 / span 2;
    grid-column-start: 4;
    grid-row-start: 3;
    min-height: 400px;
    padding: 0;
    position: relative;
    background-image: url(../images/sri-81/grid-research.JPG);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 2;
}

.infographic_section>.block.fifth:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: '';
    z-index: -1;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 4%, rgba(255, 255, 255, 0) 50%);
}

.infographic_section>.block.fifth .content {
    padding: 20px;
}

.infographic_section>.block.sixth {
    padding: 0;
    grid-row: 3;
    grid-column: 1/span 6;
}

.infographic_section>.block.sixth .content {
    padding: 20px;
}

.infographic_section>.block.seventh {
    grid-row: 3;
    grid-column: 7/span 3;
    padding: 20px;
}

.infographic_section>.block.seventh {
    grid-row: 3;
    grid-column: 7/span 3;
    padding: 20px;
    position: relative;
    background-image: url(../images/14r&d.webp);
    background-position: right center;
    background-size: cover;
    background-repeat: no-repeat;
}

.infographic_section>.block.seventh:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: '';
    z-index: -1;
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 14%, rgba(255, 255, 255, 0) 100%);

}

.infographic_section>.block h1:not(.title) {
    font-size: clamp(40px, 11vh, 120px);
}

@media only screen and (max-width: 1100px) {
    .infographic_section {
        grid-template-rows: none;
        height: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    section.infographic_section>.block {
        grid-row: auto !important;
        grid-column: auto !important;
    }
}

@media only screen and (max-width: 767px) {
    .infographic_section {
        grid-template-rows: none;
        height: auto;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    section.infographic_section>.block {
        grid-row: auto !important;
        grid-column: auto !important;
    }
}

@media screen and (min-width:768px) {
    .infographic_section>.block h1:not(.title) {
        font-size: 10vh;
    }
}

/* .fadeInBox {
    opacity: 1;
    transform: translateY(-100px);
} */

.stackBlock {
    position: sticky;
    top: 10px;
}

#certifications {
    overflow: hidden;
    min-height: 100vh;
}

.certificateWrap {
    transform: translateY(-150px);
    opacity: 0;
    will-change: transform, opacity;
}

.certi {
    width: 90px;
    height: 90px;
    padding: 20px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    justify-self: center;
}

.mainForm {
    border-radius: 20px;
    background-color: #eae7e2;
    box-shadow: -14px 15px 25px -18px rgba(0, 0, 0, 0.75);
}

.mainForm input,
.mainForm textarea,
.mainForm select {
    width: 100%;
    border: none;
    outline: none;
    padding: 10px 20px;
    resize: none;
    border-radius: 12px;
    background-color: #fff;
    color: #757575;
}

.formBgEl {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    max-width: 300px;
}

.formBgEl.rightEl {
    right: 0;
    left: auto;
    transform: scaleY(-1);
}

.productsText {
    top: 50%;
    transform: translateY(-50%);
}

.headingText {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.4;
}

.fontText {
    font-size: 1.3rem;
}

@media screen and (max-width:768px) {
    .headingText {
        font-size: 1rem;
    }

    .fontText {
        font-size: 1rem;
    }

    .fs-text {
        font-size: 1.5rem;
    }

    .fs-head {
        font-size: 1.4rem;
    }
}

@media only screen and (max-width:991px) {
    .productsText {
        position: static;
        transform: none;
    }
}

.rootAnimate {
    top: 50%;
    height: 400px;
    transform: translateY(-50%);
}

.rootAnimate .img_wrapper {
    max-width: 350px;
    margin: 0 auto;
    display: none;
    transition: width .3s ease-in-out, height .3s ease-in-out;
}

.rootAnimate .img_wrapper.root-one {
    max-width: 250px;
}

.rootAnimate .logo-img {
    position: absolute;
    left: 0;
    max-width: 300px;
    opacity: .4;
    z-index: -1;
}

@media only screen and (max-width: 992px) {
    .rootAnimateDiv {
        overflow: hidden;
        position: sticky;
        top: 0;
    }

    .rootAnimate {
        transform: translateY(0);
    }
}

@media only screen and (max-width: 600px) {
    .rootAnimate .img_wrapper {
        max-width: 150px;
    }

    .rootAnimate .img_wrapper.root-one {
        max-width: 80px;
    }
}

.scroll-snap {
    scroll-snap-type: y mandatory;
}

.scroll-snap .snapTop {
    scroll-snap-align: start;
}

.circleSquare {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
}

@media only screen and (max-width: 767px) {
    .circleSquare {
        justify-content: center;
    }
}

.circleSquare .block {
    width: 280px;
    height: 280px;
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #fff;
    transition: background-color .3s ease-in;
}

.circleSquare .block:hover {
    background-color: #FAEEE1;
}

.circleSquareContent>div {
    border: 1px solid #eae7e2;
    box-shadow: 0px 0px 30px 3px rgba(0, 0, 0, 0.05);

}

.circleSquareContent>div:not(:last-child) {
    margin-bottom: 30px;
}

.circleSquareContent>div:nth-child(odd) .img_wrapper {
    border-radius: 6px;
    overflow: hidden;
}

.circleSquareContent>div:nth-child(even) .img_wrapper {
    border-radius: 50%;
    overflow: hidden;
}

.circleSquare>.block:nth-child(odd) {
    border-radius: 6px;
    overflow: hidden;
}

.circleSquare>.block:nth-child(even) {
    border-radius: 50%;
    overflow: hidden;
}

.mixBlend {
    background-blend-mode: difference;
}

.curve::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 40%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    background-color: #fff;
    border-bottom: 10px solid var(--main_color);
}


.infographics .block .img_wrapper {
    max-height: 55%;
    min-height: 40%;
    overflow: hidden;
}

.infographics .block .content_wrap {
    min-height: 45%;
    flex-shrink: 0;
    position: relative;
    padding: 30px 20px 10px 20px;
}

@media screen and (max-width:767px) {
    .infographics .block .content_wrap {
        font-size: 13px;
    }
}

.infographics .block .icon_wrapper {
    transform: translateY(-50%);
    background-color: var(--sec_color);
    padding: 10px;
    width: 60px;
    height: 60px;
    color: var(--quat_color);
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.infographics .block .icon_wrapper svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* 
.infographics .block .content_wrap {
    width: 100%;
    position: relative;
    z-index: 1;
    color: var(--main_color);
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.infographics .block .icon_wrapper {
    color: var(--main_color);
}

.infographics .block .img_wrapper {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;    
    filter: blur(2px);
}

.infographics .block .img_wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.5);
}

.infographics .block .img_wrapper img {
    transform: scale(1.3);
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease-in-out;
}

.infographics .block:hover .img_wrapper img {
    transform: scale(1);
} */

.infographics .spacer-block {
    width: 100px;
    background-color: transparent;
    box-shadow: none;
}

.horzontalScroll {
    position: relative;
}

.horzontalScroll .titleBlock {
    position: absolute;
    top: var(--main_spacer);
}

.video_btn {
    position: relative;
    color: var(--main_color);
    padding: 0;
    border: 0;
    background-color: transparent;
}

.video_btn2 {
    position: relative;
    color: black;
    padding: 0;
    border: 0;
    background-color: transparent;
}

.video_btn::before,
.video_btn::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: 50%;
    border: 1px solid var(--main_color);
    animation: videoCircle 2s linear 0s infinite forwards;
}

.video_btn::after {
    animation: videoCircle 2s linear .5s infinite forwards;
}

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

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

.modal-dialog {
    width: 100%;
    max-width: 700px;
}

.logo_img {
    max-width: 300px;
    opacity: .2;
}


[data-scroll] .scrollAnimateFromBottom {
    position: relative;
    top: 100px;
    /* opacity: 0; */
}

[data-scroll] .scrollAnimateFromLeft {
    position: relative;
    left: 100px;
    /* opacity: 0; */
}

[data-scroll] .scrollAnimateFromRight {
    position: relative;
    right: 100px;
    /* opacity: 0; */
}

[data-scroll].scrollAnimate .scrollAnimateFromBottom {
    top: 0;
    /* opacity: 1; */
    transition: opacity .5s ease-in-out, top .5s ease-in-out;
}

[data-scroll].scrollAnimate .scrollAnimateFromLeft {
    left: 0;
    /* opacity: 1; */
    transition: opacity .5s ease-in-out, left .5s ease-in-out;
}

[data-scroll].scrollAnimate .scrollAnimateFromRight {
    right: 0;
    /* opacity: 1; */
    transition: opacity .5s ease-in-out, right .5s ease-in-out;
}

[data-scroll] .clippyReveal {
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    transition: clip-path .5s ease-in-out;
}

[data-scroll] .scaleDownImg {
    transform: scale(1.5);
    transition: transform .5s ease-in-out;
}

[data-scroll].scrollAnimate .scaleDownImg {
    transform: scale(1);
}

[data-scroll].scrollAnimate .clippyReveal {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.quality-control,
.light_bg {
    background-color: #f6d5d528;
}

.blogs .blog {
    position: relative;
    display: flex;
    row-gap: 30px;
    flex-direction: column;
    background-color: #fff;
    justify-content: space-between;
}

.blogs {
    row-gap: 100px;
    padding-top: 100px;
}

.blogs>div {
    transition: transform .4s ease-in-out;
}

@media only screen and (max-width: 767px) {
    .blogs>div {
        transform: translateY(0) !important;
    }
}

@media only screen and (max-width: 992px) {
    .blogs>div:nth-child(odd) {
        transform: translateY(-50px);
    }

    .blogs>div:nth-child(odd)>.blog {
        transform: translateX(50%) rotate(5deg);
    }

    .blogs>div:nth-child(even)>.blog {
        transform: translateX(-50%) rotate(-5deg);
    }
}

@media only screen and (min-width: 992px) {
    .blogs>div:nth-child(3n + 1)>.blog {
        transform: translate(90%, 0) rotate(5deg);
    }

    .blogs>div:nth-child(3n + 2)>.blog {
        transform: translate(0, 30%) rotate(1deg);
    }

    .blogs>div:nth-child(3n)>.blog {
        transform: translate(-90%, 0) rotate(-5deg);
    }

    .blogs>div:nth-child(3n + 2) {
        transform: translateY(-50px);
    }
}


.blogs .blog::after {
    content: "";
    position: absolute;
    inset: 10px;
    pointer-events: none;
    border-top: 1px solid #000;
    border-bottom: 1px solid #fff;
}

.blogs .blog .top {
    padding: 25px;
}

.blogs .blog .viewMore {
    position: absolute;
    bottom: 10px;
    color: #fff;
    text-align: center;
    width: 100%;
    margin: 0;
}

.blogs .blog .bottom {
    height: 220px;
    overflow: hidden;
}

.blogs .blog .bottom .img_wrapper {
    width: 100%;
    height: 100%;
}

.blogs .blog .bottom .img_wrapper img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.scaleDown {
    transform-origin: top left;
}

body>main>section ul:not(.nav) {
    list-style: none;
    padding-left: 0;
}

body>main>section ul:not(.nav) li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 15px;
}

body>main>section ul:not(.nav) li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    border-radius: 50%;
    width: 7px;
    height: 7px;
    display: inline-block;
    border: 1px solid var(--quat_color);
    /* background-color: var(--quat_color); */
}

body>main>section ul.nav {
    border-bottom: none;
}


.staggerWrapper .stagger:nth-child(1) {
    transition-delay: 0s;
    animation-delay: 0s;
}

.staggerWrapper .stagger:nth-child(2) {
    transition-delay: 0.07s;
    animation-delay: 0.07s;
}

.staggerWrapper .stagger:nth-child(3) {
    transition-delay: 0.14s;
    animation-delay: 0.14s;
}

.staggerWrapper .stagger:nth-child(4) {
    transition-delay: 0.21s;
    animation-delay: 0.21s;
}

.staggerWrapper .stagger:nth-child(5) {
    transition-delay: 0.28s;
    animation-delay: 0.28s;
}

.staggerWrapper .stagger:nth-child(6) {
    transition-delay: 0.35s;
    animation-delay: 0.35s;
}

.staggerWrapper .stagger:nth-child(7) {
    transition-delay: 0.42s;
    animation-delay: 0.42s;
}

.staggerWrapper .stagger:nth-child(8) {
    transition-delay: 0.49s;
    animation-delay: 0.49s;
}

.staggerWrapper .stagger:nth-child(9) {
    transition-delay: 0.56s;
    animation-delay: 0.56s;
}

.staggerWrapper .stagger:nth-child(10) {
    transition-delay: 0.63s;
    animation-delay: 0.63s;
}

.staggerWrapper .stagger:nth-child(11) {
    transition-delay: 0.7s;
    animation-delay: 0.7s;
}

.staggerWrapper .stagger:nth-child(12) {
    transition-delay: 0.77s;
    animation-delay: 0.77s;
}

.staggerWrapper .stagger:nth-child(13) {
    transition-delay: 0.84s;
    animation-delay: 0.84s;
}

.staggerWrapper .stagger:nth-child(14) {
    transition-delay: 0.91s;
    animation-delay: 0.91s;
}

.staggerWrapper .stagger:nth-child(15) {
    transition-delay: 0.98s;
    animation-delay: 0.98s;
}

.staggerWrapper .stagger:nth-child(16) {
    transition-delay: 1.05s;
    animation-delay: 1.05s;
}

.staggerWrapper .stagger:nth-child(17) {
    transition-delay: 1.12s;
    animation-delay: 1.12s;
}

.staggerWrapper .stagger:nth-child(18) {
    transition-delay: 1.19s;
    animation-delay: 1.19s;
}

.staggerWrapper .stagger:nth-child(19) {
    transition-delay: 1.26s;
    animation-delay: 1.26s;
}

.staggerWrapper .stagger:nth-child(20) {
    transition-delay: 1.33s;
    animation-delay: 1.33s;
}

.staggerWrapper .stagger:nth-child(21) {
    transition-delay: 1.40s;
    animation-delay: 1.40s;
}

.staggerWrapper .stagger:nth-child(22) {
    transition-delay: 1.47s;
    animation-delay: 1.47s;
}

.staggerWrapper .stagger:nth-child(23) {
    transition-delay: 1.54s;
    animation-delay: 1.54s;
}

.nav.nav-tabs.cTabs {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media only screen and (min-width: 992px) {
    .nav.nav-tabs.cTabs.lg-five-tabs {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 992px) {
    .nav.nav-tabs.cTabs {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 767px) {
    .nav.nav-tabs.cTabs {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 600px) {
    .nav.nav-tabs.cTabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.nav.nav-tabs.cTabs .nav-link svg {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.nav.nav-tabs.cTabs .nav-link {
    color: inherit;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #FF000040;
    background-color: #fff;
    border-radius: var(--bs-nav-tabs-border-radius);
}

.nav.nav-tabs.cTabs .nav-link.active {
    color: #fff;
}

.tab-pane .fadeIn {
    opacity: 0;
    transform: translateY(100px);
    transition: opacity .2s ease-in-out .4s, transform .4s ease-in-out .4s;
}

.tab-pane.show .fadeIn {
    opacity: 1;
    transform: translateY(0);
}

.shadowBox {
    padding: 20px;
    border-radius: 10px;
    background-color: white;
    /* background-color: #f9f9f9; */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.shadowBox:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.shadowBox.fadeUpBox:hover {
    transform: translateY(-10px);
}

.small_img {
    max-width: 110px;
}

.farmersSwiper .block {
    padding: 20px;
    height: 100%;
    border-radius: 10px;
    background-color: var(--sec_color);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.swiperNav>button {
    color: var(--sec_color);
    padding: 5px 10px;
    border-radius: 6px;
    background-color: var(--quat_color);
}

.bgNumber {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -1;
    pointer-events: none;
}

.bgNumber h1 {
    font-size: 35vw;
    color: #fcf9f8ea;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #c37b9526;
}



@media only screen and (min-width: 1800px) {
    .bgNumber h1 {
        font-size: 20vw;
    }
}

@media only screen and (max-width: 992px) {
    .bgNumber h1 {
        font-size: 40vw;
    }
}

@media only screen and (max-width: 600px) {
    .bgNumber h1 {
        font-size: 55vw;
    }
}

.products_list {
    display: grid;
    gap: 25px;
    width: 100%;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media only screen and (max-width: 1200px) {
    .products_list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 992px) {
    .products_list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 767px) {
    .products_list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 600px) {
    .products_list {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

body>main>section ul.products_list>li,
body>main>section ul.product_cats>li {
    padding-left: 0;
    margin-bottom: 0;
}

body>main>section ul.products_list>li {
    padding: 15px;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    background-color: #fff;
    border: 1px solid #fff;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    transition: box-shadow .3s ease-in-out, transform .3s ease-in-out, border .3s ease-in-out;
}

body>main>section ul.products_list>li:hover {
    transform: translateY(-7px);
    border: 1px solid #FF000040;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

body>main>section ul.products_list>li>a {
    width: 100%;
}

body>main>section ul.products_list>li>a>.content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 195px);
}

body>main>section ul.products_list>li::before,
body>main>section ul.product_cats>li::before {
    content: none;
}

ul.products_list>li .img_wrapper {
    width: 100%;
    height: 195px;
    display: flex;
    justify-content: center;
    padding-bottom: 15px;
}

ul.products_list>li .img_wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

body>main>section ul.product_cats {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    margin-bottom: 0;
}

body>main>section ul.product_cats>li button {
    padding: 7px 14px;
    border-radius: 6px;
    background-color: #fff;
    border: 1px solid #FF000040;
    transition: background-color .3s ease-in-out, color .2s ease-in-out;
}

body>main>section ul.product_cats>li button:focus {
    outline: 1px solid var(--ter_color);
}

#productsList.transitioning>li {
    transform: scale(0);
}

#productsList>li {
    transform: scale(1);
    transition: transform .2s ease-in-out;
}

.underlineLink {
    display: inline-block;
}

.underlineLink {
    display: inline;
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    background-image: linear-gradient(to right, currentColor 0, currentColor 100%);
    transition: background-size .4s ease-in-out, color .2s ease-in-out, background-color .3s ease-in-out;
}

.underlineLink:hover {
    background-size: 100% 1px;
}

.hoverBox {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.hoverBox::before,
.hoverBox::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    transform: scale(0);
    pointer-events: none;
    background-color: #b65c7b4b;
    /* border-radius: 50%; */
    transition: transform .3s ease-in-out, border-radius .1s ease-in-out .2s;
}

.hoverBox::after {
    background-color: var(--quat_color);
}

.hoverBox.active {
    color: var(--sec_color);
}

.hoverBox.active::after,
.hoverBox:hover::before {
    transform: scale(1);
    /* border-radius: 0; */
}

.hoverBox .icon_wrapper img {
    filter: brightness(0);
    transition: filter .3s ease-in-out;
}

.certificates .icon_wrapper img {
    filter: brightness(0);
    transition: filter .3s ease-in-out;
}

.hoverBox.active .icon_wrapper img {
    filter: brightness(0) invert(1);
}


@media only screen and (max-width: 1100px) {
    .blockEls>div {
        padding-block: var(--main_spacer);
    }

    .blockEls>div:not(:last-child) {
        border-bottom: 1px solid var(--ter_color);
    }
}


.integration_section .texture_wrap {
    width: 300px;
    height: 300px;
    position: relative;
    border-radius: 50%;
    background-color: var(--main_color);
}

@media screen and (max-width:600px) {
    .integration_section .texture_wrap {
        width: 300px;
        height: 300px;
    }
}

@media screen and (max-width:500px) {
    .integration_section .texture_wrap {
        width: 250px;
        height: 250px;
    }
}

.integration_section .texture_wrap::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: var(--main_color);
}

.integration_section .texture_wrap img {
    position: absolute;
    inset: 0;
    height: 100%;
    filter: hue-rotate(-60deg) brightness(150%) contrast(0.8) saturate(1.8);
    object-fit: contain;
    transform: scale(1.3);
}

.subtabs .nav-tabs {
    border: none;
    padding-right: 0;
}

.subtabs .nav-link {
    width: 100%;
    background-color: #fff;
    color: black;
    border: 1px solid #F7C2C2;
    margin-bottom: 10px;
}

.subtabs .nav-link:last-child {
    margin-bottom: 0;
}

.subtabs .nav-link.active {
    background-color: #F7C2C2;
    border: 1px solid var(--ter_color);
    color: black;
}

.subtabs2 .nav-link.active {
    background-color: #F7C2C2;
    border: 1px solid var(--ter_color);
    color: black;
}

.subtabs2 {
    display: flex;
    gap: 25px;
    border: none;
}


.subtabs2 .nav-link {
    background-color: #fff;
    color: black;
    border: 1px solid #F7C2C2;
}

.sticky {
    position: sticky;
    top: 110px;
    height: 100%;
    z-index: 1;
}


.card-wrapper {
    height: 100%;
    padding: 20px;
    border-radius: 12px;
    background-color: #fff;
    transition: background-color .3s ease-in-out;
}

.card-wrapper:hover {
    background-color: var(--main_color);
}

.card-img-wrapper {
    max-width: 50px;
}

.redLink li a:hover {
    color: var(--ter_color);
}

.certificateSwiper2 .block {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #FF000040;
    background-color: #fff;
    padding: 0px;
    border-radius: var(--bs-nav-tabs-border-radius);
}

.certificateSwiper2 .block.hoverBox .icon_wrapper img {
    filter: none;
}


@media screen and (max-width:500px) {
    .subtabs2 button {
        display: flex;
        width: 100%;
    }

    .sticky-sm,
    .sticky {
        position: sticky;
        top: 110px;
        height: 100%;
        z-index: 1;
    }

    .subtabs2 {
        gap: 15px;
    }

}


/* .personal_care_banner {
    position: relative;
    height: calc(100vh - 80px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.personal_care_imgs_container img {
    transform: scale(0);
}

.personal_care_imgs_container .img1,
.personal_care_imgs_container .img2,
.personal_care_imgs_container .img3,
.personal_care_imgs_container .img4 {
    position: absolute;
    transition: all 0.2s ease-out;
    z-index: -1;
}

.personal_care_imgs_container .img1 {
    max-width: 300px;
    top: 10%;
    left: 15%;
}

.personal_care_imgs_container .img2 {
    max-width: 150px;
    top: 10%;
    right: 15%;
}

.personal_care_imgs_container .img3 {
    max-width: 150px;
    bottom: 30%;
    left: 25%;
}

.personal_care_imgs_container .img4 {
    max-width: 150px;
    bottom: 35%;
    right: 20%;
}

.personal_care_imgs_container .img1 img,
.personal_care_imgs_container .img2 img,
.personal_care_imgs_container .img3 img,
.personal_care_imgs_container .img4 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
} */

/* .banner-headings2 {
    transform: scale(1.7);
}

.banner-headings2>* {
    opacity: 0;
    line-height: .8;
    text-transform: uppercase;
    font-size: var(--large_headingFS);
}

.banner-headings2>*:nth-child(odd) {
    transform: translateX(-100%);
}

.banner-headings2>*:nth-child(even) {
    transform: translateX(100%);
} */




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

    .personal_care_imgs_container .img1,
    .personal_care_imgs_container .img2,
    .personal_care_imgs_container .img3,
    .personal_care_imgs_container .img4 {
        max-width: 200px;
    }
}


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

    .personal_care_imgs_container .img1,
    .personal_care_imgs_container .img2,
    .personal_care_imgs_container .img3,
    .personal_care_imgs_container .img4 {
        max-width: 200px;
    }
} */

@media screen and (max-width:500px) {
    .s_py-4 {
        padding: 40px 0px;
    }

    .s_py-3 {
        padding: 30px 0px;
    }

    .s_py-2 {
        padding: 20px 0px;
    }

    .s_py-1 {
        padding: 10px 0px;
    }


}

@media screen and (min-width: 2000px) {
    #site-header {
        display: flex;
        justify-content: center;
    }

    #site-header .container {
        max-width: 2000px;

    }

    #site-header .container .main_list {
        gap: 65px;
    }

    .page2 .page2-content {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

#backToTop {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 1000;
    font-size: 20px;
    width: 48px;
    height: 48px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background-color: var(--quat_color);
    color: white;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

#backToTop.show {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
}

#backToTop:active {
    transform: scale(0.95);
}

@media (max-width: 600px) {
    #backToTop {
        width: 40px;
        height: 40px;
        bottom: 25px;
        right: 25px;
    }
}


.innerHeadbn {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: flex-end;
    padding: 40px 0;
}

.innerpagebannerheads {
    max-width: 720px;
    transform: none !important;
    color: #fff;
    padding-top: 40px;
}

.innerpagebannerheads h1 {
    font-size: clamp(3rem, 11vh, 80px) !important;
    line-height: 1;
}


@media(max-width:991px) {

    .innerpagebannerheads h1 {
        font-size: clamp(3rem, 5vh, 60px) !important;
        line-height: 1;
    }
}

.ourform-bgVideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.ourform-videoOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 0;
}

.ourform-2section {
    position: relative;
    z-index: 1;
    height: calc(100vh - 100px);
}


/* .marquee-container {
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  
  .marquee-track {
    display: flex;
    gap: 40px;
    will-change: transform;
  } */

.marquee-img-box {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.marquee-img-box img {
    max-height: 80px;
    width: auto;
    object-fit: cover;
}



.circle-farm-container {
    width: 100%;
    height: 100%;
    position: relative;

}

.red_color {
    background-color: #b5442d;
    padding: 60px 0;
}

.circle-farm-container {
    width: 500px;
    height: 500px;
    position: relative;
}

.farm-ani-outer {
    stroke-dasharray: 534;
    /* 2 * π * 85 */
    stroke-dashoffset: 534;
    transform: rotate(-90deg);
    transform-origin: center;
}

.farm-ani-bg {
    stroke-dasharray: 534;
    stroke-dashoffset: 0;
}

.farm-ani-container {
    display: flex;
    justify-content: center;
    align-items: center;
}


.farm-circle1 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #d1a332;
    position: relative;
}

.farm-circle1::after {
    content: "";
    position: absolute;
    top: 5px;
    left: -10px;
    width: 100%;
    height: 100%;
    border: 2px solid #d1a332;
    border-radius: 50%;
}

.circle {
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
}

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

.circle1 {
    top: 5%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.circle2 {
    top: 20%;
    left: 85%;
    transform: translate(-50%, -50%);
}

.circle3 {
    top: 65%;
    left: 95%;
    transform: translate(-50%, -50%);
}

.circle4 {
    bottom: 5%;
    left: 50%;
    transform: translate(-50%, 50%);
}

.circle5 {
    top: 65%;
    left: 5%;
    transform: translate(-50%, -50%);
}

.circle6 {
    top: 20%;
    left: 15%;
    transform: translate(-50%, -50%);
}

@media (min-width: 768px) and (max-width:1200px) {
    .circle-farm-container {
        width: 100%;
        max-width: 350px;
        height: 350px;
    }

    .circle {
        width: 100px;
        height: 100px;
    }

    .f-30 {
        font-size: 20px;
    }

    .sectionHeadtype1 {
        font-size: 2rem !important;
    }

    .responsive-padding {
        padding-bottom: 3.1rem;
    }

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

    .banner-headings h1 {
        font-size: 4.5rem !important;
    }

    /* .homeVideoSec{
        display: flex;
        flex-direction: column-reverse;
    }
    .videocontent{
        position: static !important;
        background-color: white;
    }
    .videocontent .sectionHeadtype1{
        font-size:2rem !important;
        padding: 20px 0px;
        color: black;
    } */
}

.f-30 {
    font-size: 30px;
}

@media (max-width: 767px) {
    .circle-farm-container {
        width: 100%;
        max-width: 300px;
        height: 300px;
    }

    .sm-farm {
        flex-direction: column-reverse;
        gap: 60px;
    }

    .circle {
        width: 80px;
        height: 80px;
    }

    .f-30 {
        font-size: 20px;
    }

    .sectionHeadtype1 {
        font-size: 2rem !important;
    }

    .responsive-padding {
        padding-bottom: 3.1rem;
    }

    .homeVideoSec {
        display: flex;
        flex-direction: column-reverse;
    }

    .videocontent {
        position: static !important;
        background-color: white;
    }

    .videocontent .sectionHeadtype1 {
        font-size: 2rem !important;
        padding: 20px 0px;
        color: black;
    }
}

.lv_wrapper {
    width: 350px;
    height: 250px;
    margin-bottom: 10px;
}

.lv_wrapper img {
    width: 100%;
    object-fit: contain;
}

.govt_wrapper {
    max-width: 80px;
}


.papers_wrapper {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    background: #fff;
}

.papers_wrapper:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

.paper-img_wrapper,
.paper-img_wrapper img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.papers_wrapper:hover .paper-img_wrapper img {
    transform: scale(1.1);
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent 60%);
}

.paper_content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem;
    color: #fff;
    z-index: 2;
}

.headingText {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.paper_btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0.4rem 1.2rem;
    font-size: 0.85rem;
    border-radius: 50px;
    color: var(--main_color);
    background-color: var(--quat_color);
    border: 2px solid var(--quat_color);
    text-decoration: none;
    transition: all 0.3s ease;
}

.paper_btn:hover {
    color: var(--quat_color);
    background-color: transparent;
}

.icon_pc_wrapper {
    max-width: 80px;
    margin: 0 auto;
}

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



/* _______________ */
.fn-size {
    font-size: 1.2rem !important;
}

.border-box {
    border: 1px solid #e6e6e6;
    background-color: white;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    cursor: pointer;
    height: 155px;
    transition: height 0.4s ease;
    border-radius: 12px;
    position: relative;
}

.border-box .main_btn {
    visibility: hidden;
    transition: visibility 0.2s ease;
}


.border-div {
    border: 1px solid #e6e6e6;
    background-color: white;
    overflow: hidden;
    border-radius: 12px;
}

.bg-gradient {
    width: 100%;
    height: 100%;
    border-bottom: 5px solid #EB6551;
}

.border-sub-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.sport-sec-1-div2 .img_wrapper {
    max-width: 600px;
    border-radius: 24px;
    overflow: hidden;
}

.sports_bg-inf {
    background-color: #F9F5EB;
    border-radius: 24px;
}

.sec2-title {
    position: relative;
    display: inline-block;
}

.sec2-title::before {
    position: absolute;
    content: "";
    width: 250px;
    height: 1px;
    background-color: #da2129;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
}

.sec2-title::after {
    position: absolute;
    content: "";
    width: 250px;
    height: 1px;
    background-color: #da2129;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
    border-radius: 20px;
}

.marquee-box-sports {
    background-color: #000000;
}

.marquee-box-sports .svg-wrapper svg {
    filter: invert(100%);
}

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

    .sec2-title::after,
    .sec2-title::before {
        width: 200px;
    }
}

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

    .sec2-title::after,
    .sec2-title::before {
        width: 70px;
    }
}


.pt-wrapper .img-wrapper {
    width: 60px;
    border-radius: 50%;
    padding: 10px;
    background-color: #e1e3e6d1;
}

.pt-wrapper .content h6 {
    font-size: 0.9rem;
}

/* .pt-wrapper .img-wrapper img {
    filter: invert(1);
} */

/* -------- */

.icon-sports-wrapper {
    max-width: 70px;
    border-radius: 50%;
    background-color: red;
    align-content: center;
    padding: 10px;
}

.icon-sports-wrapper img {
    filter: invert(1);
}


.inf-sport-img2,
.inf-sport-img {
    max-width: 300px;
    margin-inline: auto;
    display: block;
}

.testimonialContent2 {
    position: relative;
}

.testimonialContent2:before {
    content: "";
    background-image: url(../images/quotes2.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-size: contain;
    display: block;
    position: absolute;
    left: 0;
    top: 20px;
}

.testimonialContent2:after {
    content: "";
    background-image: url(../images/quotes2.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-size: contain;
    display: block;
    position: absolute;
    right: 10px;
    bottom: 50px;
    transform: rotate(180deg);
}

.studies-wrapper {
    border: 1px solid #e6e6e6;
    border-radius: 24px;
    position: relative;
    height: 100%;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}

.studies-wrapper .icon-wrapper,
.icon_sport_wrapper {
    width: 60px;
    border-radius: 50%;
    padding: 15px;
    background-color: #9E4467;
}

.studies-wrapper .icon-wrapper img,
.icon_sport_wrapper img {
    filter: invert(1);
}


.marquee-slider-container {
    display: flex;
    gap: 50px;
    padding: 15px;
    white-space: nowrap;
    align-items: center;
}

.marquee-slider-container .img-wrapper {
    flex: 0 0 auto;
    padding: 10px;
    max-width: 150px;
}

.marquee-section-sport {
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%);
}

.section-trade-headingtxt h2 .dumble-1,
.section-trade-headingtxt h2 .dumble-2 {
    max-width: 50px;
}

.section-trade-headingtxt h2 .dumble-2 {
    transform: scaleX(-1);
}

.section-trade .img-wrapper {
    max-width: 500px;
    height: 100%;
    overflow: hidden;
    border-radius: 24px;
    border: 3px solid #da2129;
}

.section-trade .img_wrapper {
    z-index: -1;
}

.home-banner-text {
    width: 900px;
    margin: auto;
}


/* _____ sri-81 ______ */

.intro-section {
    height: 100vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.line-intro {
    height: 100vh;
    width: 2px;
    background-color: #E85642;
}

.col-intro-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.col-intro-wrapper .img-wrapper {
    max-width: 250px;
}

.col-intro-wrapper .content h2 {
    font-family: "ACTA-DISPLAY-BOOK";
    font-size: 38px;
    font-weight: bolder;
}

.hover-intro,
.hover-intro2 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.cards-wrapper-choose {
    height: calc(100vh - 100px);
    display: flex;
    align-items: center;
    position: sticky;
    top: 10px;
    background-color: white;
}

.BGnumber h1 {
    font-size: 18rem;
    color: #fcf9f8de;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #c37b9526;
}

@media screen and (max-width: 600px) {
    .BGnumber h1 {
        font-size: 7rem;
    }
}

.cards-wrapper-choose .content p {
    font-size: 1.5rem;
}



/* ______ why choose ksm ------- */
.why-ksm-swiper {
    overflow: hidden;
}

.why-ksm-swiper .ksm-sec2-inner {
    position: relative;
    z-index: 1;
}

.why-ksm-swiper .outer-swiper {
    margin-right: -40vw;
}

.why-ksm-swiper .swiper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
}

.why-ksm-swiper .swiper-slide {
    height: 100%;
}

.why-ksm-swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.why-ksm-swiper .swiper-slide .svg-swiper {
    fill: var(--quat_color);
}

.why-ksm-swiper .swiper-slide .img-Swiper {
    width: 100%;
    height: 100%;
}

.why-ksm-swiper .swiper-slide .swiper-col-inner {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    background-color: #EEE8E6;
    height: 100%;
    padding: 20px;
}

@media screen and (max-width: 1024px) {
    .why-ksm-swiper .outer-swiper {
    margin-right: 0px;
}
}

/* ----science new---- */

.fw-studies {
    font-size: 20px;
}

/* ---home---- */

.home_banner {
    position: relative;
    background-color: #EBD5CD;
}



.img-sec2-wrapper {
    max-width: 450px;
}

.cards-choose-sri81 .cards-wrapper-choose {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    background-color: #e0bcca;
}

/* ---- why choose sri-81 ----- */


.cards-wrapper-choose-2 {
    height: calc(100vh - 100px);
    display: flex;
    align-items: center;
    background-color: white;
}

.BGnumber-2 h1 {
    font-size: 28rem;
    color: #FCF9F880;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #FF000010;
}

.cards-wrapper-choose-2 .content p {
    font-size: 1.5rem;
}

.img-wrapper-shatavari {
    max-width: 500px;
}

.bg-lightpink {
    background-color: #F5B7CE;
}

.font-1rem {
    font-size: 1.1rem;
}

.quat1_color{
    color: #E85642;
}

.quat2_color{
    color: #B26B75;
}

.border-right{
    border-right: 1px solid red;
}

.hover-intro:hover {
    background-color: #e9554297;
    transition: 0.4s all;
}

.hover-intro2:hover {
    background-color: #DFA194;
    transition: 0.4s all;
}

.story-wrapper {
    border-radius: 24px;
    height: 100%;
}

.boxShadow {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.svg_thumbnail-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.img_wrapper-ourstory {
    max-width: 600px;
    border-radius: 24px;
    overflow: hidden;
    top: 120px;
    position: sticky;
}

@media(max-width:690px){
    .intro-index {
        gap: 30px; height:auto;
    }
}
@media (max-width:500px) {

    

    .border-right {
        border-bottom: 1px solid red;
        border-right: none;
    }

    .col-intro-wrapper .content h2 {
        font-size: 1rem;
    }
    .w100{
        width: 100%;
    }
    
    .home-banner-text{
        width: auto;
    }
    
    .intro-section {
        flex-direction: column;
    }

    .line-intro {
        width: 100%;
        height: 2px;
        background-color: #E85642;
    }


}

@media (max-width:1024px) {
    .BGnumber h1{
        font-size:10rem;
    }
    
     .home-banner-text{
        width: auto;
    }

}