html {
    scroll-padding-top: 12rem;
}
main {
    padding-top: 16rem;
}

/* img {
    max-width: 100%;
} */

.bod-radius {
    border-radius: 20px;
}

.about_top {
    padding-top: 5.3rem;
    overflow: hidden;
}
.inner_header .navbar-brand {
    max-width: 130px;
}
.round-radius-20 {
    border-radius: 20px;
}

/* .about_top figure{margin-right: -21rem;} */
/* .inner_header .navbar-brand {
    max-width: 160px;
} */
/* ================Grupo Bimbo India About us================ */

/* ================Grupo Bimbo India head section================ */
.inner_banner {
    margin-top: 0;
    padding-right: 5.5rem;
    margin-left: -1.5rem;
}
.modern-content p {
    height: 150px;
}
.breadcrumbs_sec h1 {
    padding: 4px 8px 5px 8px;
    font-size: var(--text-12);
    color: #fff;
    background: #283388;
    width: fit-content;
    border-radius: 10px 0px 10px 0px;
    margin-bottom: 2rem;
}
.breadcrumbs_sec h1:last-child{margin-bottom: 0}
.breadcrumbs_sec h2 {
    font-size: var(--text-18);
    line-height: 2.6rem;
    font-weight: 800;
    color: #000;
    padding-bottom: 2rem;
    /* border-bottom: 1px solid #CCCCCC; */
    font-family: var(--family-primery);
}

.breadcrumbs_sec.custom-requirements{padding-top: 8em;}
.breadcrumbs_sec.custom-requirements h2{padding-bottom: 0em;}

.food-services.breadcrumbs_sec{padding-top: 9rem; padding-bottom: 0;}
.food-services.breadcrumbs_sec h2{padding-bottom: 0;}

@media (max-width: 1399px){
    .breadcrumbs_sec.custom-requirements{padding-top: 4rem;}
}

.inner_banner h3 {
    font-size: var(--text-30);
    font-weight: 900;
    text-transform: uppercase;
    color: var(--color-theme);
    line-height: 1.2;
    margin-top: 5rem;
}

.inner_banner h3 span {
    display: block;
}

.inner_banner p {
    max-width: 96%;
}

.discription_text {
    margin-top: 3.8rem;
    padding-right: 1rem;
}

.discription_text h4 {
    font-size: var(--text-30);
    color: var(--color-theme);
    line-height: 1.3;
}

.fact_section.fac_sec {
    padding-top: 7.4rem;
}

/* =========End Here======== */

/* ================about us logo section================ */
.theme_color {
    position: relative;
}

.theme_color::before {
    background-color: var(--color-theme);
    position: absolute;
    height: 100rem;
    left: 0;
    right: 0;
    content: "";
    z-index: -1;
}

.cicle_logo {
    margin-top: -12rem;
    text-align: center;
}

.cicle_logo ul {
    display: flex;
    justify-content: space-evenly;
    list-style: none;
    padding: 0;
}

.cicle_logo li {
    display: flex;
    margin-bottom: 0;
}

.circle_BX {
    max-width: 25rem;
    margin: 0 auto;
    border-bottom: 1px solid var(--color-white);
    height: 100%;
    padding-bottom: 3rem;
    position: relative;
}

.circle_BX a:before {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    content: "";
}

.circle_BX figure {
    height: 25rem;
    width: 25rem;
    background-color: var(--color-white);
    border-radius: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px -3px 14px #0000000F;
    margin: 0 auto;
}

.circle_BX figure img {
    max-width: 15rem;
}

.circle_BX p {
    margin-top: 3rem;
    color: var(--color-white);
    font-size: var(--text-12);
}

.bimo_india2 .content_section p,
.bimo_india2 .content_section p:first-child {
    color: var(--color-white);
    font-weight: normal;
}

.bimo_india2 .text_12.mt5 {
    color: var(--color-default);
    margin-top: 3rem;
}

/* =========End Here======== */

/* ================fact section================ */

.fact_section span {
    display: block;
}

.fact_section p {
    margin-top: 1rem;
    font-weight: 700;
    font-size: var(--text-14);
}

/* =========End Here======== */

/* ================product launch section================ */
/*.building_box{
    background-color: #eee;
    padding: 2.5rem;
    border-radius: 2rem;
    margin-left: -2rem;
    margin-top: 3rem;
}*/
.building_box {
    background: url(../images/man-preparing-food-cutting-board.svg);
    margin-left: -2rem;
    margin-top: 3rem;
    background-repeat: no-repeat;
    background-size: contain;
}

.bimo_india2 .content_section p,
.bimo_india2 .content_section p:first-child {
    color: var(--color-default);
}

.bimo_india2 .row.align-items-center {
    --bs-gutter-x: 4rem
}

.text_white {
    color: var(--color-white) !important;
}

.building_box_content {
    padding: 0;
}

.bimo_india2 .building_box p.text_16 {
    color: var(--color-default);
    font-weight: 500;
}

.border-radius-topright {
    -webkit-border-top-right-radius: 140px;
    -moz-border-radius-topright: 140px;
    border-top-right-radius: 140px;
    overflow: hidden;
}

.border-radius-bottomleft {
    -webkit-border-bottom-left-radius: 140px;
    -moz-border-radius-bottomleft: 140px;
    border-bottom-left-radius: 140px;
    overflow: hidden;
}

.content_section p:first-child {
    padding-right: 1rem;
    font-size: var(--text-12);
    font-weight: 300;
}

/* =========End Here======== */

/* ================quality products section================ */
.product_Qlt {
    border-top: 1px solid var(--color-accent);
    border-bottom: 1px solid var(--color-accent);
    padding: 6rem 0;
    text-align: center;
    margin: 8rem 0;
}

.product_Qlt span {
    width: 65%;
    display: inline-block;
}

/* =========End Here======== */

/* ================Philosophy boxes================ */
.philo_crcl_img {
    border: 3em solid var(--color-theme);
    border-radius: 200px;
    position: relative;
    box-shadow: 0px -3px 14px #0000000F;
    height: 25rem;
    width: 25rem;
}

.philo_crcl_img::before {
    background-color: var(--color-accent);
    width: 13rem;
    height: 13rem;
    border-radius: 13rem;
    position: absolute;
    top: -7rem;
    right: -3rem;
    content: "";
    z-index: -2;
    box-shadow: 0px -3px 14px #0000000F;
}

.philo_box_content {
    padding: 2rem 0rem;
    border-bottom: 1px solid var(--color-accent);
    height: 92%;
    width: 90%;
}

/* =========End Here======== */

/* ================Our Beliefs section================ */
.our_belief {
    /* background-image: url(../images/our-beliefs.webp); */
    background-size: cover;
    background-position: top center;
    padding: 5rem 0 12rem;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
}
.our_belief img{ border-radius: 1.5em; -webkit-border-radius: 1.5em; -moz-border-radius: 1.5em; -ms-border-radius: 1.5em; -o-border-radius: 1.5em; }

.belief_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
}

.belief_list li {
    width: 50%;
    text-align: center;
    padding: 5rem 0;
}

.belief_list li:nth-child(1) h5 {
    margin-left: 9rem;
}

.belief_list li:nth-child(3) h5 {
    margin-left: 10rem;
}

.belief_list li:nth-child(4) h5 {
    margin-left: 7rem;
}

.belief_list li:nth-child(5) h5 {
    margin-left: 10rem;
}

.belief_list li div {
    display: block;
}

.belief_list li:nth-child(1) div {
    padding-left: 40%;
}

.belief_list li:nth-child(2) div {
    padding-right: 16%;
}

.belief_list li:nth-child(3) div {
    padding-left: 30%;
}

.belief_list li:nth-child(4) div {
    padding-right: 45%;
}

.belief_list li:nth-child(5) div {
    padding-left: 25%;
}

.belief_list li:nth-child(6) div {
    padding-right: 25%;
}


/* =========End Here======== */
/* ================about us Grupo Bimbo Global================ */

/* ================Global Reach Section================ */
.global_reach {
    background-color: var(--color-theme);
    padding: 10.3rem 0 11.9rem;
    margin-top: 10rem;
}.global_reach h2 {
    font-weight: 400;
}

.key_strnth {
    padding-block: 6.4rem;
}

.border-radius-bottomright {
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-radius-bottomright: 50px;
    border-bottom-right-radius: 50px;
    overflow: hidden;
}

.wind_power_section figure {
    margin-bottom: 3.5rem;
}

.key_strnth_two h2 {
    font-size: var(--text-30);
    margin-bottom: 3rem;
}

.key_strnth_two p {
    font-size: var(--text-12);
    margin-bottom: 0;
    font-weight: 300;
}

.ccr_section {
    padding: 13rem 0;
}
.core {
    background: #F3F3F3;
}

/* =========End Here======== */


/* ================Grupo Bimbo's commitment Section================ */
.grp_commtment {
    padding: 0 0.5rem 2.7rem 0.5rem;
}

.commitment_img {
    position: relative;
    z-index: 2;
    padding: 0 2rem;
}

.wind_power_section {
    margin-top: -10rem;
    z-index: -0;
    position: relative;

}

.comtmnt-sec {
    padding-left: 1.4rem;
}

.comtmnt-sec figure {
    margin-bottom: 3.5rem;
}

.wind_power_fact h3 {
    font-size: var(--text-48);
    color: var(--color-accent);
    font-weight: 900;
    line-height: 1;
    margin-bottom: 1rem;
    letter-spacing: 1.2px;
}

.wind_power_fact {
    max-width: 72%;
}

.wind_power_fact span {
    display: block;
}

.wind_power_fact p {
    font-weight: 700;
    font-size: var(--text-14);
    border-bottom: 2px solid var(--color-accent);
    padding-bottom: 2rem;
    line-height: 1.4;
}

/* =========End Here======== */


/* ================global presence logos Section================ */

.ccr_global_presence {
    padding: 10rem 0;
}

.presence_TX {
    padding-right: 5rem;
}

.presecn_BX {
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
    ;
    padding: 4rem 0 6rem 0;
    margin-bottom: 4rem;
}

.presecn_BX img {
    mix-blend-mode: darken;
}

.bimo_global4 .presecn_BX img {
    height: 90px;
    width: 100%;
    object-fit: contain;

}

.bimo_global4 .presecn_BX li {
    margin-bottom: 0rem;
}

.growth_BX {
    margin-top: 8rem;
}

.circle_img_BX figure {
    border: 3em solid var(--color-theme);
    border-radius: 300px;
    position: relative;
    box-shadow: 0px -3px 14px #0000000F;
    height: 35rem;
    width: 35rem;
    overflow: hidden;
}

.growth_TX {
    padding-top: 4rem;
    border-bottom: 2px solid #ccc;
}

.growth_TX h2 {
    padding-bottom: 3rem;
    max-width: 80%;
    position: relative;
}

.growth_IMG {
    margin: -55% -20% 0 0;
}

.growth_tx {
    padding: 4rem 0 0 1rem;
}

/* =========End Here======== */


/* ================Our Story Section================ */
.our_story_box {
    border: 1px solid #707070;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}

.story_slider {
    position: relative;
    padding: 2.8rem 0 5.2rem 0;
    margin-bottom: 2rem;
}

.our_story .swiper-slide:nth-child(even) .our_story_box .our_story_IMG {
    order: 1;
}

.our_story .swiper-slide:nth-child(even) .our_story_box .our_story_TX {
    order: 2;
}

.our_story_IMG {
    width: 100%;
    height: 50%;
    overflow: hidden;
}

.our_story_IMG figure {
    margin-bottom: 0;
}

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

.our_story_TX {
    padding: 4rem 8rem 5rem 4rem;
    height: 50%;
}

.our_story_TX p {
    font-weight: 600;
}

.our_story_TX h4 {
    line-height: 1.5;
}

.our_story .swiper-slide {
    height: auto;
}

.story_slider .swiper-button-next {
    right: -4rem;
    color: #555;
}

.story_slider .swiper-button-prev {
    left: -4rem;
    color: #555;
}

.story_slider .swiper-button-next:after,
.story_slider .swiper-button-prev:after {
    font-size: 3rem;
}

.story_slider .swiper-slide:nth-child(n+2) {
    background-color: #F3F3F3;
}


.story_slider .swiper-pagination {
    position: absolute;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    left: 0;
    text-align: left;
    bottom: -2rem;
}

.story_slider .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    background-color: var(--color-theme);
    opacity: 42%;
    margin-right: 13px !important;
}

.story_slider .swiper-pagination-bullet-active {
    background-color: var(--color-theme);
    opacity: 100%;
}

.breadcrumbs_sec.Gallery-section {
    padding-top: 12rem;
}




/* news and events css start */

.bg-txt-blue {
    font-size: var(--text-12);
    color: var(--color-white);
    background-color: var(--color-accent);
    padding: 0.5rem 1rem;
    font-weight: 600;
    border-radius: 0;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomright: 15px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    max-width: max-content;
}

.news-sec-1 .happning {
    border-bottom: 1px solid #ddd;
    padding-bottom: 2rem;
}

.news-sec-1 .happning h4 {
    margin-bottom: 2.5rem;
}

.news-sec-1 .happning h3 {
    font-size: var(--text-18);
    font-weight: 800;
}

.news-sec-2 {
    padding-top: 3.6rem;
    padding-bottom: 3.6rem;
}

.news_left_sec {
    background-color: var(--color-light);
    border-radius: 10px;
    position: relative;
}
.news_left_sec figure, .news_left_sec_small figure{ border-radius:1rem ; -webkit-border-radius:1rem ; -moz-border-radius:1rem ; -ms-border-radius:1rem ; -o-border-radius:1rem ; overflow: hidden; }
.news-bottom {
    padding-top: 3.2rem;
    padding-bottom: 4.6rem;
    padding-left: 2.5rem;
}

.news-bottom .date {
    padding-bottom: 2rem;
}

.news-bottom .date p {
    font-size: var(--text-12);
}

.news-bottom h3 {
    font-size: var(--text-24);
    color: var(--color-theme);
    font-weight: 800;
}

.news_left_sec_small {
    background-color: var(--color-light);
    border-radius: 10px;
    position: relative;
}

.news_left_sec_small:hover p {
    color: var(--color-theme);
}

.news_left_sec_small:hover h4 {
    color: var(--color-theme);
}

.news_left_sec_small:not(:last-child) {
    margin-bottom: 1.6rem;
}

.news-bottom-small {
    padding-top: 2.4rem;
    padding-bottom: 3.5rem;
    padding-left: 2.7rem;
    padding-right: 5.9rem;
}

.news-bottom-small .date1 {
    padding-bottom: 2rem;
}

.news-bottom-small .date1 p {
    font-size: var(--text-12);
}

.news-bottom-small h4 {
    font-size: var(--text-12);
    font-weight: 800;
}

.news-sec-3 {
    background: var(--color-theme);
    padding-block: 5.5rem;
}

.news-sec-3 .news_left_sec_small {
    height: 100%;
}

.news-sec-3 .row {
    --bs-gutter-x: 2.3rem
}

.news-sec-3 .news-bottom-small {
    padding-right: 3.6rem;
}

.news-sec-4 {
    padding-top: 6.6rem;
}

.news-sec-4 .news-bottom-small {
    padding-right: 3.8rem;
}

.news-sec-4 .sub-news {
    display: grid;
    column-gap: 3.3rem;
    align-items: center;
    grid-template-columns: 290px auto;
    position: relative;
}

.news-sec-4 .sub-news:hover p {
    color: var(--color-theme);
}

.news-sec-4 .sub-news:hover h5 {
    color: var(--color-theme);
}

.news-sec-4 .col-lg-10 .row {
    border-bottom: 1px solid #DFDFDF;
    padding-bottom: 6.4rem;
}

.news-sec-4 .sub-news:not(:last-child) {
    margin-bottom: 1.7rem;
}

.news-sec-4 .sub-news .sub-text p {
    font-size: var(--text-12);
}

.news-sec-4 .sub-news .sub-text h5 {
    font-size: var(--text-12);
    font-weight: 800;
}

.news-sec-4 .sub-news .sub-text {
    max-width: 17.6rem;
}

.news-sec-4 .news-bottom .date p {
    font-size: var(--text-10);
}

.news-sec-4 .news-bottom {
    padding-top: 2.2rem;
    padding-bottom: 3.1rem;
    padding-inline: 2.6rem;
}

.news-sec-5 {
    padding-top: 5.2rem;
    padding-bottom: 8.4rem;
}

.news-sec-5 .news-group {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 1.4rem;
}

.news-sec-5 .news-group .news_sub_sec {
    background-color: var(--color-light);
    padding-top: 2.6rem;
    padding-inline: 2.3rem;
    padding-bottom: 3.8rem;
    border-bottom: 0.6rem solid #000000;
    position: relative;
}

.news-sec-5 .news-group .news_sub_sec:hover p {
    color: var(--color-theme);
}

.news-sec-5 .news-group .news_sub_sec:hover h5 {
    color: var(--color-theme);
}

.news-sec-5 .news-group .news_sub_sec p {
    font-size: var(--text-12);
}

.news-sec-5 .news-group .news_sub_sec h5 {
    font-size: var(--text-12);
    font-weight: 800;
}

.news-deails-1 {
    padding-top: 4.6rem;
    padding-bottom: 10.8rem;
}

.news-deails-1 .news-deails-bottom p {
    font-size: var(--text-10);
}

.news-deails-1 .news-deails-bottom h3 {
    font-size: var(--text-24);
    font-weight: 800;
    color: var(--color-theme);
    margin-bottom: 2.8rem;
}

.news-deails-1 .news-deails-bottom h6 {
    font-size: var(--text-14);
    line-height: 1.7;
}

.news-deails-1 .news-details-txt {
    padding-top: 7.1rem;
    /* padding-right: 1.5rem; */
}

.news-deails-1 .news-details-txt p {
    font-size: var(--text-14);
}

.news-deails-1 .news-details-img {
    padding-top: 3.2rem;
}

.news-deails-1:is(.news-sec-3) {
    background-color: var(--color-light);
    padding-top: 5.6rem;
    padding-bottom: 4.8rem;
}

.news-deails-1:is(.news-sec-3) h2 {
    color: var(--color-theme);
    font-size: var(--text-24);
    font-weight: 800;
    text-align: center;
    margin-bottom: 3.8rem;
}

.news-deails-1:is(.news-sec-3) .news_left_sec_small {
    background-color: var(--color-white);
    border-radius: 10px;
}

.event-sec-1 {
    padding-top: 4.3rem;
    position: relative;
}

.event-sec-1:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    bottom: 5.3rem;
    background-color: var(--color-theme);
    z-index: -1;
}

.event-sec-1 .event-cntnt p {
    font-size: var(--text-12);
}

.event-sec-1 .event-cntnt h3 {
    font-size: var(--text-24);
    font-weight: 800;
    color: var(--color-theme);
}

.event-sec-1 .col-lg-4:has(.event-cntnt) {
    display: flex;
    align-items: center;
}

.event-sec-1 .event-cntnt {
    padding-left: 4rem;
    padding-right: 3rem;
}

.event-sec-2 {
    padding-top: 7.2rem;
    padding-bottom: 9.5rem;
}

.event-sec-2 .row {
    --bs-gutter-x: 1.6rem;
    --bs-gutter-y: 2rem;
}

.event-sec-2 .event-figure {
    background-color: var(--color-light);
    border-radius: 1rem;
    height: 100%;
    position: relative;
}

.event-sec-2 .event-figure:hover p {
    color: var(--color-theme);
}

.event-sec-2 .event-figure:hover h4 {
    color: var(--color-theme);
}

.event-sec-2 figcaption {
    padding: 2.7rem;
}

.event-sec-2 figcaption p {
    font-size: var(--text-12);
}

.event-sec-2 figcaption h4 {
    font-size: var(--text-12);
    font-weight: 800;
}

.event-details-1:is(.news-deails-1) {
    padding-top: 4.6rem;
    padding-bottom: 5.8rem;
}

.event-details-2 {
    padding-bottom: 7.8rem;
}

.event-details-slider h2 {
    font-size: var(--text-24);
    font-weight: 800;
    text-align: center;
    color: var(--color-theme);
    margin-bottom: 3.5rem;
}

.event-details-2 .event-details-slider {
    border-top: 1px solid #DFDFDF;
    padding-top: 6.1rem;
}

.event-details-2 .thumb_slider {
    padding-top: 1.1rem;
}

.event-details-2 .event-slide-button-next.swiper-button-next:after,
.event-details-2 .event-slide-button-prev.swiper-button-prev:after {
    color: #707070;
    font-size: 3rem;
}

.event-details-2 .swiper-slide img {
    border-radius: 10px;
}

.event-slide-button-next {
    right: -3.7rem;
}

.event-slide-button-prev {
    left: -3.7rem;
}

.event-details-3 {
    background-color: var(--color-light);
    padding-top: 6.2rem;
    padding-bottom: 8.3rem;
}

.event-details-3 h3 {
    font-size: var(--text-24);
    font-weight: 800;
    text-align: center;
    color: var(--color-theme);
    margin-bottom: 4.5rem;
}

.event-details-3 .event-detais {
    position: relative;
}

.event-details-3 .event-detais figcaption p {
    font-size: var(--text-12);
}

.event-details-3 .event-detais figcaption h5 {
    font-size: var(--text-12);
    font-weight: 700;
}

.event-details-3 .event-detais:hover figcaption p {
    color: var(--color-theme);
}

.event-details-3 .event-detais:hover figcaption h5 {
    color: var(--color-theme);
}

.event-details-3 .event-detais figcaption {
    padding-left: 2.2rem;
    padding-top: 2.4rem;
}


.news-details-txt .full-video{aspect-ratio: 16/9; }



/* news and events css end */


/* qsr and horeca css*/
.breadcrumbs_sec:where(.breadcrumbs_sec_banner) {
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

/* .breadcrumbs_sec:where(.breadcrumbs_sec_banner) .banner_secc img{position: relative; min-height: 61.2rem;} */
/* .breadcrumbs_sec:where(.breadcrumbs_sec_banner) .banner_secc figure {position: absolute;left: 0;right: 0;top: 0;} */
.breadcrumbs_sec:where(.breadcrumbs_sec_banner) .container {
    padding-top: 0rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.breadcrumbs_sec:where(.breadcrumbs_sec_banner) .breadcrumbs_links {
    position: absolute;
    top: -26%;
    right: 0;
    z-index: 111;
}

.breadcrumbs_sec:where(.breadcrumbs_sec_banner) .banner_txt h3 {
    font-size: var(--text-30);
    font-weight: 900;
    color: var(--color-theme);
    margin-bottom: 3rem;
}

.breadcrumbs_sec:where(.breadcrumbs_sec_banner) .banner_txt p {
    font-size: var(--text-12);
    padding-right: 15rem;
}

.breadcrumbs_sec:where(.breadcrumbs_sec_banner) .banner_txt {
    padding-top: 5rem;
}

/* Recipes css*/
.breadcrumbs_sec:is(.corner-top) {
    position: relative;
}

.breadcrumbs_sec:is(.breadcrumbs_sec_banner.corner-top) .container {
    position: relative;
}

.breadcrumbs_sec:is(.breadcrumbs_sec_banner.corner-top) img {
    position: absolute;
    min-height: auto;
    max-width: 42rem;
    right: 0;
    top: 0rem;
}

/* Food Services Products css */
.breadcrumbs_sec:is(.breadcrumbs_sec_banner.yello-banner) {
    position: relative;
}

.breadcrumbs_sec:where(.breadcrumbs_sec_banner.yello-banner) .banner_secc img {
    position: relative;
}

.breadcrumbs_sec:is(.breadcrumbs_sec_banner.yello-banner) h2 {
    border: none;
}

.breadcrumbs_sec:is(.breadcrumbs_sec_banner.yello-banner) ul {
    max-width: 195px;
}

/* .breadcrumbs_sec:is(.breadcrumbs_sec_banner.yello-banner) .breadcrumbs_links {top: -37%;} */
.breadcrumbs_sec:where(.breadcrumbs_sec_banner) .banner_txt h3>span {
    display: block;
}

.breadcrumbs_sec {
    position: relative;
    /* padding-top: 7rem; */
}

.breadcrumbs_sec_banner::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 30%;
    content: "";
    background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}


.qsr-sec-1 {
    padding-top: 8.9rem;
}

.qsr-sec-1 .qsr-about {
    text-align: center;
    padding-bottom: 5.3rem;
    padding-inline: 3rem;
}

.qsr-sec-1 .qsr-about h3 {
    font-size: var(--text-30);
    color: var(--color-theme);
    margin-bottom: 4.7rem;
}

.qsr-sec-1 .qsr-about p {
    font-size: var(--text-12);
    padding-inline: 4rem;
}

.qsr-sec-1 .col-lg-4:has(.our-legecy-text) {
    display: flex;
    align-items: center;
}

.qsr-sec-1 .our-legecy-text {
    padding-left: 6.2rem;
}

.qsr-sec-1 .our-legecy-text h3 {
    font-size: var(--text-18);
    color: var(--color-theme);
    font-weight: 800;
}
.qsr-sec-1 .our-legecy-img img{ border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; -ms-border-radius: 1em; -o-border-radius: 1em; }

.product-qsr.detail-model {
    cursor: pointer;
}
.sec-heading h3 {
    font-size: var(--text-30);
    font-weight: 800;
    text-align: center;
    color: var(--color-theme);
    line-height: 4.6rem;
}

.qsr-sec-2 {
    padding-top: 9.7rem;
    padding-bottom: 7.1rem;
}

.qsr-sec-2 .col-lg-10 .row {
    --bs-gutter-y: 2.1rem;
    --bs-gutter-x: 2.1rem;
    padding-top: 6.7rem;
}

.qsr-sec-2 .product-qsr {
    position: relative;
    background-color: var(--color-light);
    text-align: center;
    height: 100%;
    border-radius: 2.9rem;
    padding: 2.3rem;
    transition: .5s ease-out;
    border: .1rem solid transparent;
}

.qsr-sec-2 .product-qsr:hover figcaption {
    color: var(--color-theme);
    transition: .5s;
}

.qsr-sec-2 .product-qsr:hover {
    border: .1rem solid var(--color-theme);
}

/* .qsr-sec-2 .product-qsr:hover figure {transition: .5s;}
.qsr-sec-2 .product-qsr:hover figure img {transform: scale(1.1);transition: .5s;} */
/* .qsr-sec-2 .product-qsr figure {max-width: 16.7rem;margin: 0 auto;} */
.food_service2 .product-qsr figure img{mix-blend-mode: multiply;}
.qsr-sec-2 .product-qsr figcaption {
    font-size: var(--text-12);
    padding-top: 2rem;
}

/* .qsr-sec-3 .ourclients{padding-top: 5.3rem;} */
.qsr-sec-3 {
    padding-top: 7.7rem;
    padding-bottom: 11.5rem;
    background-color: var(--color-light);
}

.qsr-sec-3 .ourclients {
    padding-top: 5.3rem;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 1.6rem;
    text-align: center;
}

.qsr-sec-3 .client-logos {
    background-color: var(--color-white);
    border-radius: 50%;
    padding: 3rem;
}

.qsr-sec-4 {
    background-color: var(--color-theme);
    padding-top: 5.6rem;
    padding-bottom: 10.21rem;
}
.qsr-sec-4 .recipe figure img{ aspect-ratio: 3/2; object-fit: cover; object-fit: center; border-radius: 1.5em; -webkit-border-radius: 1.5em; -moz-border-radius: 1.5em; -ms-border-radius: 1.5em; -o-border-radius: 1.5em; }
.qsr-sec-4 .recipe-sec {
    padding-bottom: 6rem;
    text-align: center;
}

.qsr-sec-4 .recipe-sec h4 {
    color: var(--color-white);
    font-size: var(--text-30);
    padding-top: 3rem;
    font-weight: normal;
}

.qsr-sec-4 .recipe {
    position: relative;
}

.qsr-sec-4 .recipe figcaption {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 2rem;
    padding-inline: 1rem;
}

.qsr-sec-4 .recipe figcaption p {
    font-size: var(--text-12);
    color: var(--color-white);
    margin-bottom: 0;
}

.qsr-sec-4 .recipe figcaption .recipe_btn {
    color: var(--color-white);
    border: 2px solid var(--color-white);
    margin-bottom: 0;
    padding: 0.8rem 1.5rem;
    border-radius: 2.1rem;
    font-size: var(--text-12);
    font-weight: 600;
}

.qsr-sec-4 .recipe:hover figcaption .recipe_btn {
    background-color: var(--color-accent);
    color: var(--color-white);
    border: 2px solid var(--color-accent);
}

/* recipe page top sec  */
.recipe_sec_1 {
    padding-top: 3.5rem;
    margin-bottom: 3.8rem;
}
.corner-top {
    margin-top: 25rem;
}
.corner-top h2 {
    border-bottom: 1px solid oklab(0 0 0 / 0.1)
}
.corner-top:after {
    display: none;
}
.recipe_sec_1 .accordion-item {
    border: none;
}

.recipe_sec_1 .nav-tabs {
    border: none;
    justify-content: center;
    column-gap: 12px;
    padding-bottom: 64px;
    padding-left: 1rem;
}

.recipe_sec_1 .nav-item {
    margin-bottom: 0;
}

.recipe_sec_1 .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: var(--color-theme);
    border-color: var(--color-theme);
    padding: 0.4rem 1.2rem;
    border-radius: 0.5rem;
}

.recipe_sec_1 .nav-tabs .nav-link {
    padding: 0.4rem 1.2rem;
    color: black;
}

.recipe_sec_1 .recipe-txt {
    padding-left: 8.2rem;
}

.recipe_sec_1 .recipe-inner .accordion-body {
    padding: 0;
}

.recipe_sec_1 .recipe-big-txt {
    margin-right: 6rem;
    border-bottom: 2px solid #27262636;
    padding-bottom: 1.5rem;
}

.recipe_sec_1 .recipe-big-txt p {
    background-color: var(--color-theme);
    color: var(--color-white);
    max-width: max-content;
    font-size: var(--text-12);
    font-weight: 400;
    padding-block: 0.4rem;
    padding-inline: 0.9rem;
    border-radius: 0.7rem;
    margin-bottom: 1.5rem;
}

.recipe_sec_1 .recipe-big-txt h3 {
    font-size: var(--text-24);
    font-weight: 800;
    color: var(--color-theme);
}

.recipe_sec_1 .recipe-timing {
    padding-top: 1.1rem;
}

.recipe_sec_1 .recipe-timing p:not(:last-child) {
    margin-bottom: 1rem;
}

.recipe_sec_1 .recipe-timing p {
    display: flex;
    column-gap: 1rem;
    align-items: center;
    font-size: var(--text-12);
}

.recipe_sec_1 .recipe-timing p img {
    width: 100%;
    max-width: 1.1rem;
    height: 1.1rem;
}

.recipe_sec_1 .recipe-big-img img {
    box-shadow: 0px 5px 27px #00000029;
}

/* recipe page bottom sec  */
.recipe_sec_1 .product-naame {
    padding-top: 0rem;
}

.recipe_sec_1 .product-naame .row {
    --bs-gutter-x: 6.5rem;
}

.recipe_sec_1 .product_sec {
    position: relative;
}
.recipe_sec_1 .product_sec a{cursor: pointer;}
.play-video{cursor: pointer;}

.recipe_sec_1 .product_sec:hover figcaption h3 {
    color: var(--color-theme);
    transition: 0.5s ease-in-out;
}

.recipe_sec_1 .product_sec figcaption {
    background-color: var(--color-light);
    box-shadow: 0px 9px 27px #0000001C;
    padding: 1.8rem;
    position: relative;
    top: -41px;
    margin-inline: 2rem;
    border-radius: 1rem;
    margin-bottom: 2.5rem;
}

.recipe_sec_1 .product_sec figcaption h6 {
    background-color: var(--color-theme);
    color: var(--color-white);
    max-width: max-content;
    font-size: var(--text-12);
    font-weight: 400;
    padding-block: 0.4rem;
    padding-inline: 0.9rem;
    border-radius: 0.7rem;
    margin-bottom: 0rem;
    position: relative;
    top: -31px;
    left: 50%;
    right: 50%;
    transform: translate(-50%, 0%);
}

.recipe_sec_1 .product_sec figcaption h3 {
    font-size: var(--text-14);
    font-weight: 700;
    border-bottom: 2px solid #00000047;
    text-align: center;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

.recipe_sec_1 .product_sec figcaption h3>span {
    display: block;
}

.recipe_sec_1 .product_sec figcaption .recipe-timing {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.recipe_sec_1 .product_sec figcaption .recipe-timing p {
    margin-bottom: 1rem;
    font-size: var(--text-12);
}


/* recipe detail page css */
.recipe_detail_sec_1 {
    padding-top: 3.6rem;
}

.recipe_detail_sec_1 .recipe-detail-big-txt p {
    background-color: var(--color-theme);
    color: var(--color-white);
    max-width: max-content;
    font-size: var(--text-12);
    font-weight: 400;
    padding-block: 0.4rem;
    padding-inline: 0.9rem;
    border-radius: 0.7rem;
    margin-bottom: 2.6rem;
}

.recipe_detail_sec_1 .recipe-detail-big-txt h3 {
    font-size: var(--text-30);
    font-weight: 800;
    color: var(--color-theme);
}

.recipe_detail_sec_1 .recipe-d-timing {
    display: flex;
    column-gap: 3rem;
    padding-top: 1.6rem;
}

.recipe_detail_sec_1 .recipe-d-timing p {
    font-size: var(--text-12);
    font-weight: 600;
    margin-bottom: 0;
    display: flex;
    column-gap: 1rem;
    align-items: center;
}

.recipe_detail_sec_1 .recipe-d-timing p>img {
    width: 100%;
    max-width: 1.1rem;
    height: 1.1rem;
}

.recipe_detail_sec_2 {
    padding-top: 5.9rem;
}

.recipe_detail_sec_2 .recipe-details-slider {
    margin-right: 5.5rem;
}

.recipe_detail_sec_2 .recipe-details-slider img {
    min-height: 56.5rem;
}

.recipe_detail_sec_2 .recipe-details-slider figure {
    position: relative;
}

.recipe_detail_sec_2 .recipe-details-slider figure .vi-btn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.recipe_detail_sec_2 .recipe-details-slider figure .vi-btn img {
    width: 6.2rem;
}

.recipe_detail_sec_2 .thumb_slider {
    position: relative;
    top: -28px;
    right: 8rem;
}

.recipe_detail_sec_2 .thumb_slider .swiper-slide>figure>img {
    min-width: 10.3rem;
    min-height: 10.3rem;
    border-radius: 1rem;
}

.recipe_detail_sec_2 .thumb_slider figure {
    position: relative;
}

.recipe_detail_sec_2 .thumb_slider figure .vi-btn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.recipe_detail_sec_2 .thumb_slider figure .vi-btn img {
    max-width: 2.8rem;
}

.product-use {
    position: relative;
    right: 8rem;
    top: 6rem
}

.product-use h3 {
    font-size: var(--text-18);
    font-weight: 800;
    color: var(--color-theme);
    margin-bottom: 3rem;
}

.product-use figure {
    position: relative;
    text-align: center;
}

.product-use figure>figcaption {
    padding-top: 1.3rem;
}

.product-use figure>figcaption p {
    font-size: var(--text-12);
}

.product-use figure>figcaption p>span {
    display: block;
}

.recipe_detail_sec_2 .ingred-about {
    padding-right: 8rem;
    padding-bottom: 4rem;
}

.recipe_detail_sec_2 .ingred-about p {
    font-size: var(--text-16);
}

.recipe_detail_sec_2 .forfilling {
    padding-top: 5rem;
}

.recipe_detail_sec_2 .ingredients-sec h3 {
    font-size: var(--text-24);
    font-weight: 800;
    color: var(--color-theme);
    margin-bottom: 0rem;
}

.recipe_detail_sec_2 .forfilling h4 {
    font-size: var(--text-14);
    font-weight: 800;
    margin-bottom: 3rem;
}

.recipe_detail_sec_2 .forfilling ul {
    display: grid;
    grid-template-columns: 16.5rem 16.5rem;
    list-style: none;
    padding-left: 0;
    column-gap: 5rem;
    row-gap: 1.1rem;
}

.recipe_detail_sec_2 .forfilling ul li {
    font-size: var(--text-12);
    margin-bottom: 0;
    padding-bottom: 1rem;
    border-bottom: 1px solid #70707059;
}

.recipe_detail_sec_2 .cooking-instructions {
    padding-top: 5.3rem;
}

.recipe_detail_sec_2 .cooking-instructions ul {
    padding-left: 0;
    list-style: none;
    padding-top: 5rem;
    padding-right: 8rem;
}

.recipe_detail_sec_2 .cooking-instructions ul li {
    display: flex;
    column-gap: 1.5rem;
    align-items: flex-start;
}

.recipe_detail_sec_2 .cooking-instructions ul li:not(:last-child) {
    margin-bottom: 5rem;
}

.recipe_detail_sec_2 .cooking-instructions ul li .nomber {
    background-color: var(--color-theme);
    height: 2.8rem;
    width: 2.8rem;
    padding: 0.5rem 1.1rem;
    border-radius: 3rem;
    color: var(--color-white);
}


.recipe_detail_sec_3 {
    padding-top: 12.4rem;
}

.recipe_detail_sec_3 .row {
    --bs-gutter-x: 6.5rem;
}

.recipe_detail_sec_3 .recipe_d_product_sec {
    position: relative;
}

.recipe_detail_sec_3 .recipe_d_product_sec:hover figcaption h3 {
    color: var(--color-theme);
    transition: 0.5s ease-in-out;
}

.recipe_detail_sec_3 .recipe_d_product_sec figcaption {
    background-color: var(--color-light);
    box-shadow: 0px 9px 27px #0000001C;
    padding: 1.8rem;
    padding-bottom: 2.3rem;
    position: relative;
    top: -41px;
    margin-inline: 2rem;
    border-radius: 1rem;
}

.recipe_detail_sec_3 .recipe_d_product_sec figcaption h6 {
    background-color: var(--color-theme);
    color: var(--color-white);
    max-width: max-content;
    font-size: var(--text-12);
    font-weight: 400;
    padding-block: 0.4rem;
    padding-inline: 0.9rem;
    border-radius: 0.7rem;
    margin-bottom: 0rem;
    position: relative;
    top: -31px;
    left: 50%;
    right: 50%;
    transform: translate(-50%, 0%);
}

.recipe_detail_sec_3 .recipe_d_product_sec figcaption h3 {
    font-size: var(--text-14);
    font-weight: 900;
    border-bottom: 2px solid #00000047;
    text-align: center;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

.recipe_detail_sec_3 .recipe_d_product_sec figcaption h3>span {
    display: block;
}

.recipe_detail_sec_3 .recipe_d_product_sec figcaption .recipe-timing {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.recipe_detail_sec_3 .recipe_d_product_sec figcaption .recipe-timing p {
    margin-bottom: 0rem;
    font-size: var(--text-12);
    display: flex;
    align-items: center;
    column-gap: 0.5rem;
}

.recipe_detail_sec_3 .sec-heading {
    padding-bottom: 3rem;
}


/* food services css*/
.qsr-sec-2:is(.food-services-sec-1) {
    padding-top: 12rem;
}

.qsr-sec-2:is(.food-services-sec-1) .col-lg-10 .row {
    --bs-gutter-y: 2.1rem;
    padding-top: 0;
}

.sideMenu {
    position: fixed;
    top: 0rem;
    /* right: -67.4rem;
    max-width: 48.7rem; */
    width: 100vw;
    height: 100vh;
    right: -100vw;
    background: #0007;
    transition: 0.3s all ease-in-out;
    width: 100%;
    overflow-y: scroll;
}

.sideMenu::-webkit-scrollbar {
    width: .5rem;
}

/* Track */
.sideMenu::-webkit-scrollbar-track {
    box-shadow: inset 0 0 .5rem grey;
}

/* Handle */
.sideMenu::-webkit-scrollbar-thumb {
    background: var(--color-accent);
    border-radius: 1rem;
}

/* Handle on hover */
.sideMenu::-webkit-scrollbar-thumb:hover {
    background: var(--color-theme);
}

/* --custome scroll bar end--- */
.side_open .sideMenu {
    right: 0rem;
    z-index: 999;
}
.sideMenu .side_close span svg {
    right: 27px;
    position: absolute;
    width: 40px;
    fill: var(--color-theme);
    height: 40px;
    display: grid;
    margin-top: 2rem;
    place-items: center;
    border: 2px solid var(--color-theme);
    border-radius: 50%;
    cursor: pointer;
}
.sideMenu {
    padding: 0;
}

.humburger_bg {
    position: relative;
}

body.side_open {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

body.opn-menu:after {
    position: fixed;
    transform: translateX(-100%);
    transition: .5s ease-in;
    content: "";
    max-width: calc(100% - 48.7rem);
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
}

body.side_open:after {
    position: fixed;
    transform: translateX(-100%);
    transition: .5s ease-in;
    content: "";
    max-width: calc(100% - 48.7rem);
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

body.side_open:after {
    content: '';
    background-color: #000;
    transform: translateX(0);
    filter: opacity(0.7);
    backdrop-filter: blur(3px);
}

/* .humburger-slide-popup {padding-top: 5.9rem;padding-left: 3.6rem;padding-right: 4.9rem;} */
.humburger-slide-popup {
    padding: 5.9rem 4.1rem 3.4rem 4.5rem;
    width: 48rem;
    background: #fff;
    margin-left: auto;
    min-height: 100%;
}

.humburger-slide-popup .popup_top_txt {
    border-bottom: 1px solid #E3E3E3;
    padding-bottom: 2rem;
}

.humburger-slide-popup .popup_top_txt h3 {
    font-size: var(--text-21);
    font-weight: bold;
    color: var(--color-theme);
}

.humburger-slide-popup .popup_top_txt h6 {
    font-size: var(--text-12);
    font-weight: 700;
    margin-block: 2rem;
}

.humburger-slide-popup .popup_top_txt p {
    font-size: var(--text-14);
    font-weight: normal;
    color: var(--color-default);
}

.key-skus {
    display: flex;
    justify-content: space-between;
    padding-block: 2rem;
    border-bottom: 1px solid #E3E3E3;
    gap: 4rem;
}

/* .key-skus .key-ver{width: 45.5%;} */
.key-skus .key-ver h4 {
    color: var(--color-theme);
    font-size: var(--text-12);
    font-weight: 600;
    padding-block: 1rem;
    margin-bottom: 0;
}

.key-skus .key-ver {
    width: 100%;
}

.key-skus .key-ver p {
    margin-bottom: 0;
}

.enquire .enquie-btn {
    background: var(--color-theme);
    border: 1px solid var(--color-theme);
    padding: 0.8rem 1.5rem;
    font-size: var(--text-12);
    color: #fff;
    display: block;
    border-radius: 24px;
}

.enquire .enquie-btn:hover {
    color: var(--color-theme);
    background: transparent;
    transition: 0.5s ease-in-out;
}

.enquire {
    display: flex;
    column-gap: 1rem;
    padding-top: 2.7rem;
}




/* brand landing page css */
.harvest-logo {
    position: absolute;
    top: 5rem;
    right: 7.7rem;
    left: auto;
}

.harvest-logo figure img {
    max-width: 9rem;
    width: 100%;
}

.breadcrumbs_sec.breadcrumbs_sec_banner.brand-landing h2 {
    border-bottom: 1px solid #CCCCCC;
    max-width: max-content;
}

.breadcrumbs_sec.breadcrumbs_sec_banner.yello-banner.brand-landing .harvest-logo figure>img {
    max-width: 9rem;
    max-height: 9rem;
}

.breadcrumbs_sec.breadcrumbs_sec_banner.brand-landing .breadcrumbs_links {
    top: -24%;
}

.banner_images {
    padding-top: 7.3rem;
}

.brand-landing-sec-1 {
    background-color: #FEF9F2;
    padding-top: 8rem;
    position: relative;
    padding-bottom: 0;
}
.brand-landing-sec-1 .pro-img figure {
    background-color: #FEF9F2;
}
.brand-landing-sec-1 .pro-img figure img {
    /* mix-blend-mode: multiply; */
    max-height: 50vh;
    object-fit: contain;
}
.brand-landing-sec-1 .pro-txt h2 {
    font-size: var(--text-69);
    color: #071D49;
    font-weight: 900;
    line-height: 0.9;
}

.brand-landing-sec-1 .pro-txt h2 span {
    display: block;
}

.brand-landing-sec-1 .pro-txt .know-more .know-more-btn {
    border: 1px solid var(--color-theme);
    padding: 0.8rem 1.5rem;
    color: var(--color-theme);
    border-radius: 1.5rem;
}

.brand-landing-sec-1 .pro-txt .know-more .know-more-btn:hover {
    border: 1px solid var(--color-accent);
    padding: 0.8rem 1.5rem;
    color: var(--color-white);
    border-radius: 1.5rem;
    background-color: var(--color-accent);
    transition: 0.5s ease-in-out;
}

.brand-landing-sec-1 .brand-landing-left-img {
    position: absolute;
    top: -18rem;
    left: 0rem;
}

.brand-landing-sec-1 .pro-img figure img {
    padding-inline: 2.4rem;
}

.brand-landing-sec-1 .swiper-button-next,
.swiper-button-prev {
    color: #707070;
    width: 1.5rem;
}

.brand-landing-sec-1 .swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 3.5rem;
}

.brand-landing-sec-1 .swiper-button-next {
    position: absolute;
    right: -10rem;
    top: 23.5rem;
}

.brand-landing-sec-1 .swiper-button-prev {
    position: absolute;
    left: -15rem;
    top: 23.5rem;
}

.brand-landing-sec-1 .product_seccc h3 {
    font-size: var(--text-24);
    font-weight: 800;
    color: var(--color-theme);
    margin-bottom: 3.5rem;
}

.brand-landing-sec-1 .product_seccc {
    padding-top: 6.3rem;
}

/* .brand-landing-sec-1 .product_seccc .multi-product{display: grid;grid-template-columns: repeat(5, 1fr);} */
.brand-landing-sec-1 .pro {
    display: flex;
    align-items: center;
    position: relative;
    padding-bottom: 3.8rem;
}

.brand-landing-sec-1 .pro.pro1 {
    width: 22rem;
}

.brand-landing-sec-1 .brand-landing-slider-top {
    position: relative;
}

.brand-landing-sec-1 .pro img {
    mix-blend-mode: multiply;
    max-width: 12rem;
}

.brand-landing-sec-1 .pro p {
    font-size: var(--text-16);
    line-height: 1.3;
    margin-bottom: 0;
    max-width: 16em;
}
.brand-landing-sec-1 .swiper-wrapper {
    align-items: center;
}

.brand-landing-sec-1 .product_seccc .swiper-slide{flex-grow: 1; cursor: pointer;}


.brand-landing-sec-2 {
    padding-block: 17.3rem;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    width: 100%;
    overflow-x: hidden;
}

.brand-landing-sec-2 .harvestgold_bg {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    width: calc(100% - 54%);
}

.brand-landing-sec-2 .harvestgold_bg figure {
    height: 100%;
    width: 100%;
}

.brand-landing-sec-2 .harvestgold_bg img {
    height: 100%;
    width: 100%;
}

.brand-landing-sec-2 .harv-gold {
    max-width: 24.5rem;
}

.brand-landing-sec-2 .harv-gold h4 {
    color: var(--color-white);
    font-size: var(--text-24);
    font-weight: 800;
}

.brand-landing-sec-2 .fact-content h3 {
    font-size: var(--text-48);
    font-weight: 800;
    color: var(--color-white);
    margin-bottom: 1rem;
    display: inline-flex;
    align-items: flex-start;
    column-gap: 1rem;
}

.brand-landing-sec-2 .fact-content h3>span {
    font-size: var(--text-24);
    line-height: 1;
    margin-top: 0.4rem;
}

.brand-landing-sec-2 .fact-content p {
    font-size: var(--text-14);
    font-weight: 700;
    color: var(--color-white);
}

.brand-landing-sec-2 .facts-section {
    display: flex;
    column-gap: 2rem;
    margin-right: -10rem;
}

.brand-landing-sec-2 .facts-section .factss {
    padding: 6.4rem 3rem;
    width: 229px;
    height: 234px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.brand-landing-sec-2 .facts-section .factss.blue {
    background-image: url(../images/blue-circule.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.brand-landing-sec-2 .facts-section .factss.light-yellow {
    background-image: url(../images/light-yellow.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.brand-landing-sec-2 .facts-section .factss.red {
    background-image: url(../images/red-circ.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.brand-landing-sec-2 .facts-section .factss .fact-content {
    position: relative;
}

.brand-landing-sec-2 .facts-section .factss .fact-content:after {
    content: '';
    position: absolute;
    bottom: -2rem;
    height: 2px;
    width: 37%;
    background-color: #fff;
}


.brand-landing-sec-3 {
    padding-top: 8.7rem;
    background-color: #FEF9F2;
    padding-bottom: 9.7rem;
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
}

.brand-landing-sec-3 .brand-landing-slider-2 {
    margin-right: -21rem;
}

.brand-landing-sec-3 .camp {
    padding-bottom: 5.4rem;
}

.brand-landing-sec-3 .camp h3 {
    font-size: var(--text-24);
    font-weight: 800;
    color: var(--color-theme);
    margin-bottom: 0;
}

.brand-landing-sec-3 .camp h4 {
    font-size: var(--text-48);
    font-weight: 800;
    color: #071D49;
    margin-bottom: 0;
}

.brand-landing-sec-3 .right-banner-harvgold {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
}

.brand-landing-sec-3 .right-banner-harvgold figure {
    height: 100%;
}

.brand-landing-sec-3 .right-banner-harvgold img {
    height: 100%;
    display: none;
}

.brand-landing-sec-3 .gallery-box figure .vi-btn img{
    width: 80px;
}

@media (max-width: 1400px){
    .brand-landing-sec-1 .pro p{font-size: 1.6rem; line-height: 1.3; }

    .brand-landing-sec-3 .gallery-box figure .vi-btn img{
        width: 60px;
    }
}

/* sustainability page css */
.sustain-sec2 {
    padding-bottom: 14rem;
}

.sustain1-img-col h4 {
    font-size: var(--text-24);
    font-weight: 800;
    color: var(--color-white);
    max-width: 282px;
    padding: 3rem 2rem;
    background-image: url(../images/comments.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    margin-bottom: 5rem;
}

.sustain-sec3 .sustain1-img-col h4 {
    background-image: url(../images/comments3.png);
}

.comitment {
    padding-left: 5rem;
}

.comitments-sec {
    padding-left: 5rem;
    padding-right: 1rem;
}

.comitments-sec ul {
    list-style: none;
    padding-left: 0;
}

.comitments-sec ul li:not(:last-child) {
    margin-bottom: 4rem;
}

.comitments-sec ul h5 {
    font-size: var(--text-14);
    font-weight: 800;
}

.sustain-sec2.red-bg {
    padding-bottom: 14rem;
    width: 90%;
    margin: 0 auto;
    background-color: var(--color-theme);
}

.sustain-sec2.red-bg .container {
    padding-top: 9.6rem;
    padding-bottom: 6rem;
}

.sustain-sec2.red-bg .discription_text h4 {
    /* line-height: 3.6rem; */
    margin-bottom: 3rem;
    color: var(--color-white);
}

.sustain-sec2.red-bg .discription_text {
    margin-top: 0;
    padding-right: 5rem;
}

.sustain-sec2.red-bg .discription_text h5 {
    font-size: var(--text-24);
    font-weight: 800;
    color: var(--color-white);
}

.sustain-sec2.red-bg .discription_text p {
    /* line-height: 2.1rem; */
    margin-bottom: 5rem;
    font-size: var(--text-12);
    color: var(--color-white);
}

/* .sustain1-img-col .row {--bs-gutter-x: 5.9rem;} */
.sustain-sec2.red-bg .commt2 ul {
    list-style: none;
    color: var(--color-white);
}

.sustain-sec2.red-bg .commt2 ul li:not(:last-child) {
    margin-bottom: 4rem;
}

.sustain-sec2.red-bg .commt2 ul h5 {
    font-size: var(--text-14);
    font-weight: 800;
}

.sustain-sec2.sustain-sec3 {
    padding-top: 8.4rem;
    padding-bottom: 0;
}

.sustain-sec2.sustain-sec3 .discription_text {
    margin-top: 0;
    padding-right: 10rem;
}

.sustain-sec2.sustain-sec3 .discription_text h5 {
    font-size: var(--text-24);
    font-weight: 800;
    margin-bottom: 3rem;
    color: var(--color-theme);
}

.sustain-sec2.sustain-sec3 .commt-3 ul {
    list-style: none;
}

.sustain-sec2.sustain-sec3 .commt-3 ul li:not(:last-child) {
    margin-bottom: 4rem;
}

.sustain-sec4 {
    display: none;
    padding-top: 12.2rem;
    padding-bottom: 6rem;
}

.sustain-sec4 .row {
    --bs-gutter-y: 3.3rem
}

.sustain-sec4 h5 {
    font-size: var(--text-30);
    font-weight: bold;
    color: var(--color-theme);
    text-align: center;
    margin-bottom: 6rem;
}

.sustain-sec4 .socl_content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 1.5rem;
    padding-top: 1.5rem;
}

.sustain-sec4 .socl_content .date {
    color: var(--color-theme);
    font-size: var(--text-12);
}

.sustain-sec4 .socl_content .p {
    font-size: var(--text-12);
}

.food_service4 {
    padding-block: 9.4rem 11.2rem;
}

.food_service3 {
    overflow: hidden;
}

.food_service1 p {
    max-width: 91%;
}

.food-ser1.food_service1 .banner_txt {
    padding-top: 7rem;
}

.food_service4 .sec-heading {
    max-width: 100%;
}

.bimo_global4 {
    padding-block: 9.6rem 7.7rem;
}

.bimo_global4 .presence_TX {
    padding-right: 5rem;
    width: 34rem;
    margin-left: -6rem;
}

.bimo_global4 .presence_TX .pad_Rgh {
    padding-right: 8rem;
}

.bimo_global4 ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2rem;
    padding-left: 0;
}

.bimo_global4 .col-lg-9 p {
    max-width: 87%;
}

/* why Us page css */

.whyUs-sec {
    padding-block: 9.4rem 11.2rem;
}

.whyUs-sec .sectitle30 {
    margin-bottom: 5rem;
    font-weight: 600;
}

.brand-landing-slider-2 .pro-img figure {
    position: relative;
}

.brand-landing-slider-2 .pro-img p {
    position: absolute;
    bottom: 2.3rem;
    padding-left: 3.7rem;
    font-size: var(--text-14);
    color: var(--color-white);
}

.brand-landing-slider-2 .pro-img figure::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 280px;
    background-image: linear-gradient(180deg, transparent 0 30%, #2525259c 100%);
}

.brand-landing-sec-3 .heading{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.brand-landing-sec-3 .heading .swiper-btn{display: flex; align-items: center; column-gap: 1rem;}
.brand-landing-sec-3 .heading :is(.swiper-button-next, .swiper-button-prev){ position: relative; width: 3rem; height: 3rem; left: 0; margin: 0; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
.brand-landing-sec-3 .heading :is(.swiper-button-next, .swiper-button-prev)::after{display: none;}
.brand-landing-sec-3 .heading :is(.swiper-button-next, .swiper-button-prev) svg{width: 3rem; height: 3rem;}

.bimo_global3 .wind_power_section .comtmnt-sec p {
    max-width: 94%;
}

.bimo_global4.Wid_fl .col-lg-9 p {
    max-width: 90%;
}

.inner-banner-Inline {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-left: 0rem;
}

.inner-banner-Inline li {
    margin-bottom: 0px;
}

.about_top.bimo_global {
    padding-top: 0;
}

.recent_Yrs {
    display: grid;
    grid-template-columns: repeat(1, 26.5% auto);
    column-gap: 1rem;
}

.ccr_global_presence.bimo_global4 .col-lg-9 p.ss_PD,
p.ss_wid {
    max-width: 92%;
}

.grid_3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 3rem;
}

.pro.swiper-slide-thumb-active {
    background: url(../images/rectangle-active.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.modern-brand-sec-2 {
    padding-top: 0;
    padding-bottom: 0;
}

.modern-brand-sec-2 .row {
    align-items: center;
}

.modern-food {
    padding-inline: 94px 250px;
}

.modern-food h3 {
    color: var(--color-theme);
    font-size: var(--text-24);
    font-weight: 700;
}

.modern-food ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding-left: 0;
    grid-gap: 8rem;
    margin-top: 60px;
}

.modern-food ul li {
    position: relative;
}

.modern-food ul li::after {
    position: absolute;
    content: '';
    width: 59px;
    height: 2px;
    left: 0;
    background: #283388;
    bottom: -10px;
}

.modern-food ul li:last-child:after {
    bottom: 10px;
}

.modern-food ul li h5 {
    font-size: var(--text-48);
    display: flex;
    font-weight: 700;
    color: var(--color-accent);
    margin-bottom: 0;
    grid-gap: .5rem;
}

.modern-food ul li h5 span {
    font-size: var(--text-16);
    font-weight: 700;
    margin-top: 8px;
    line-height: 22px;
}

.modern-food ul li p {
    font-size: var(--text-12);
    color: var(--color-theme);
    line-height: 22px;
}


/* Leadership page css */
.leader-content {
    margin-top: 4.5rem;
}

.leader-content .row {
    align-items: center;
    --bs-gutter-x: 3.5rem;
}

.leader-pahara {
    padding: 0rem 2rem 0 5rem;
}

.leaders-partner ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2rem;
    padding-left: 0;
}

.leaders-partner {
    padding: 10rem 0;
}

.leaders-partner ul li {
    position: relative;
    margin-bottom: 0;
}

.leaders-partner ul li::after {
    position: absolute;
    background: #E90029;
    width: 100%;
    height: 73%;
    content: '';
    bottom: 0;
    z-index: -1;
    border-radius: 15px;
}

.partner-content p {
    color: var(--color-white);
    padding: 0rem 3.5rem 5rem 3.5rem;
    font-size: var(--text-12);
}

.leader-team {
    background: #F3F3F3;
    padding: 10rem 0 6rem;
}

.leader-team .team h3 {
    font-size: var(--text-24);
    font-weight: 700;
    color: var(--color-theme);
    margin-bottom: 3rem;
}

.leader-team .team h5 {
    font-size: var(--text-30);
    color: var(--color-theme);
    margin-bottom: 2rem;
}
.team_Grid.team-mem ul {
    grid-template-columns: repeat(3, 1fr);
}
.team-mem ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 3.4rem;
    padding-left: 0;
    margin-top: 40px;
}
.team-mem ul li{margin-bottom: 0;}
.team-mem ul li a{
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.team-mem ul li figure img {
    border-radius: 14px;
}
.team-mem ul li .team-name {
    background: #FFFFFF;
    border-radius: 0px 0px 20px 20px;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.team-mem ul li .team-name h6 {
    font-size: var(--text-18);
    font-weight: 700;
    color: var(--color-theme);
    margin-bottom: 1rem;
}

.team-mem ul li .team-name p {
    font-size: var(--text-12);
}


@media (max-width: 992px) {
    .leader-pahara {
        padding: 3rem 2rem 0 0rem;
    }

    .leaders-partner {
        padding: 5rem 0;
    }

    .leaders-partner ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .team {
        padding-bottom: 3rem;
    }

    .leader-team {
        padding: 5rem 0 5rem;
    }
}

@media (max-width: 575px) {
    .leaders-partner ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .team-mem ul {
        grid-template-columns: repeat(1, 1fr);
    }
    .team_Grid.team-mem ul {
        grid-template-columns: repeat(1, 1fr);
    }
    .leader-pahara {
        padding: 3rem 0rem 0 0rem;
    }

    .partner-content p {
        padding: 0rem 1.5rem 5rem 2.5rem;
    }

    .leaders-partner ul li::after {
        height: 77%;
    }
}

/* Leadership page css closed*/
/* Our Story page css start*/
.check-out {
    background: #F3F3F3;
    padding: 8rem 0;
}

.check-out h4 {
    font-size: var(--text-30);
    color: var(--color-theme);
    text-align: left;
}

.fargo {
    width: 100%;
    background: #fff;
    padding: 0rem 0;
    min-height: 50%;
}
.fargo img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.fargo-content {
    /* background: rgb(62, 148, 223); */
    background: transparent linear-gradient(136deg, #3E94DF 0%, #3C76BF 100%) 0% 0% no-repeat padding-box;
    padding: 3rem;
    flex-grow: 1;
    min-height: 50%;
}

.fargo-content p {
    color: #fff;
    font-size: var(--text-12);
    font-weight: 300;
    line-height: 1.5;
}

.fargo-content span {
    font-weight: 600;
    color: var(--color-white);
    font-size: var(--text-12);
    padding-bottom: 2rem;
    display: block;
}

.check-out {
    margin-top: 5rem;
}

.our-story ul {
    /* grid-gap: 8rem; */
    margin-top: 8rem;
    padding-left: 0;
    padding-bottom: 4rem;
}

.our-story ul li {
    position: relative;
    display: grid;
    flex-direction: column;
    height: auto;
    grid-template-rows: 50% 50%;
    margin-bottom: 0    ;
}
.our-story .swiper-pagination {
    text-align: left;
}

.our-story li:nth-child(even) {
    flex-direction: column-reverse;
}
.our-story li:nth-child(3) {
    width: 520px;
}
.our-story li:nth-child(2n) .fargo-content{
    grid-row: 1/span 1;
}
.fargo-content{display: flex; flex-direction: column;  justify-content: center;}
.our-story li .fargo-content:nth-child(3) {
    background: transparent linear-gradient(136deg, #E25971 0%, #E90029 100%) 0% 0% no-repeat padding-box;
}

.mark-right {
    position: absolute;
    right: -81px;
    top: 32%;
    display: none;
    height: 50%;
}

.mark-left {
    position: absolute;
    right: -77px;
    top: 32%;
    display: none;
    height: 50%;
}

.negative-ml {
    margin-left: -12.33%;
}

/* Our Story page css Clsed*/

/* Culture and Values page css Start*/
.culture-value {
    padding-bottom: .5rem;
    padding-top: 0rem;
}

.culture-value h3 {
    /* font-size: var(--text-24);
    color: var(--color-theme);
    font-weight: 700; */
    font-size: var(--text-30);
    font-weight: 900;
    text-transform: uppercase;
    color: var(--color-theme);
    line-height: 1.2;
    margin-top: 5rem;
}

.culture-value h5 {
    font-size: var(--text-30);
    color: var(--color-theme);
}

.values-section {
    margin-top: 48px;
}

.values-section .row {
    --bs-gutter-x: 4.5rem;
}

.values-section-content p {
    padding: 0rem 12rem 4rem 0rem;
}

.employee-grow {
    padding-bottom: 24rem;
    width: 90%;
    margin: 0 auto;
    background-color: var(--color-theme);
    margin-top: -5rem;
    padding-top: 24rem;
    display: block;
}

.grow ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 12rem;
    padding-left: 0;
}

.grow ul li {
    background: #fff;
    border-radius: 20px;
    transition: all .5s ease;
}

/* .grow ul li figure {
    margin-top: -4.6rem;
    margin-left: -4.6rem;
} */

.grow-paha {
    padding: 4rem 4.6rem 3.2rem 3.5rem;
}

.grow-paha h3 {
    color: var(--color-theme);
    font-size: var(--text-24);
    font-weight: 700;
}

.grow ul li figure img {
    margin-top: -4.6rem;
    margin-left: -4.6rem;
}

.grow ul li.mt-extra {
    translate: 0 92px;
}

.current-open {
    padding: 12rem 0;
    background: #F3F3F3;
    margin-top: 70px;
}

.current-open h3 {
    color: var(--color-theme);
    font-weight: 700;
    font-size: var(--text-24);
}

.current-open h5 {
    color: var(--color-theme);
    font-size: var(--text-30);
    padding-block: 1rem 1rem;
}

.careers-tab .accordion-button {
    background-color: transparent;
    padding-block: 22px 22px;
    border-bottom: 1px solid #D1D1D1;
    padding-inline: 1.5rem 0;

}

.careers-tab .accordion-button:not(.collapsed) {
    background-color: transparent;
    color: #fff;
    font-size: 14px;
    margin-bottom: 0.5rem;
}

.careers-tab button:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none
}

.careers-tab .accordion-button::after {
    filter: invert(100);
}

.careers-tab .accordion-item {
    border: transparent;
}
.careers-tab .accordion-button h6 {
    margin-bottom: 0;
    font-size: var(--text-12);
    color: var(--color-theme);
    font-weight: 600;
}
.careers-tab .accordion-button .other-details ul {
    display: flex;
    padding-left: 0;
    align-items: center;
    grid-gap: 4rem;
}
.other-details {
    margin-left: auto;
}
.careers-tab {
    margin-top: 50px;
}
.careers-tab .accordion-button::after {
    display: none;
}
.careers-tab .accordion-button .other-details ul li {
    margin-bottom: 0;
    position: relative;
}
.careers-tab .accordion-button .other-details ul li:after {
    position: absolute;
    left: -18px;
    content: '';
    top: 8px;
    width: 1px;
    height: 15px;
    background: #D1D1D1;
}
.careers-tab .accordion-button .other-details ul li p {
    color: #000;
    font-size: var(--text-12);
    font-weight: 400;
}
.careers-tab .accordion-button .other-details ul li p img {
    padding-right: .5rem;
}
.careers-tab .accordion-button .other-details ul li:last-child {
    background: var(--color-theme);
}
.careers-tab .accordion-button:not(.collapsed) #Line_140{
    display: none;
}
.careers-tab .accordion-button .other-details ul li:last-child::after {
    display: none;
}
.careers-tab .accordion-body {
    padding-inline: 1rem 1rem;
    padding-block: 2rem 2rem;
}
.careers-tab .accordion-body p {
    font-size: var(--text-12);
}
@media (max-width: 1400px) {
    .culture-value {
        padding-top: 0rem;
    }
    .employee-grow {
        padding-top: 18rem;
        padding-bottom: 18rem;
    }
    .careers-tab .accordion-button {
        padding-block: 17px 17px
    }
}
@media (max-width: 1199px) {
    .current-open {
        padding: 8rem 0;
    }
    .careers-tab {
        margin-top: 29px;
    }
    .values-section-content p {
        padding: 0rem 2rem 0rem 0rem;
    }
    .employee-grow {
        width: 100%;
    }
    .grow ul {
        grid-gap: 8rem;
    }
}
@media (max-width: 992px) {
    .culture-value {
        margin-top: 2rem;
    }
    .values-section-content p {
        padding: 2rem 0rem 2rem 0rem;
    }
    .grow ul li figure img {
        margin-top: 0;
        margin-left: 0;
    }
    .employee-grow {
        padding-top: 8rem;
        padding-bottom: 4rem;
    }
    .grow ul li.mt-extra {
        translate: 0 37px;
    }
    .grow ul {
        grid-gap: 4rem;
    }

}
@media (max-width: 767px) {

}
@media (max-width: 575px) {
    .grow ul {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0rem;
    }
    .grow ul li.mt-extra {
        translate: 0 0px;
    }
    .grow-paha {
        padding: 3rem 2.6rem 3.2rem 2.5rem;
    }
    .careers-tab .accordion-button {
        display: block;
    }
    .careers-tab .accordion-button h6 {
        margin-bottom: 0rem;
    }
    .careers-tab .accordion-button .other-details ul li:after {
        display: none;
    }
    .careers-tab .accordion-button .other-details ul {
        grid-gap: 2rem;
    }
    .careers-tab .accordion-button .other-details ul li:last-child {
        margin-left: auto;
    }
    .careers-tab .accordion-button {
        padding-block: 12px 9px;
    }
}
/* Culture and Values page css Closed*/


/*--------- Institutions page css Start --------*/
.institu-food {
    margin-top: -123px;
    position: relative;
}
.institu-logo ul {
    display: grid;
    grid-template-columns: repeat(3 ,1fr);
    justify-items: center;
    padding-left: 0;
}
.institu-logo ul li figure {
    width: 23.5rem;
    height: 23.5rem;
    background: var(--color-white);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.6rem;
    box-shadow: 0px -3px 24px #00000021;
}
.institu-logo ul li{position: relative;}
.institu-logo ul li a{position: absolute; inset: 0;}
.institu-logo ul li img {
    width: 15rem;
}
.our-legecy-text p {
    margin-bottom: 46px;
}
.our-legecy-text ul {
    display: flex;
    justify-content: space-between;
    padding-left: 0;
    padding-top: 3rem;
}
.our-legecy-text ul li {
    text-align: center;
    margin-bottom: 0rem;
}
.our-legecy-text ul li p {
    line-height: 17px;
    font-size: var(--text-12);
    margin-top: 14px;
}
.qsr-sec-1 .row:last-child {
    align-items: center;
}
.qsr-sec-1 .row:last-child .our-legecy-text {
    padding-right: 5rem;
}
.special-design .container {
    background: #F3F3F3;
    border-radius: 10px;
}
.special-design .row {
    align-items: center;
}
.special-design .container {
    margin-top: 10rem;
    padding-block: 7rem 7rem;
}
.design-pahara {
    padding-right: 6rem;
}
.red-turban-pahara {
    padding-left: 6rem;
}
.special-design .row:last-child {
    margin-top: -7rem;
}
.negative-two {
    margin-left: -2rem;
}
@media (max-width: 1400px) {
    .inner_header .navbar-brand {
        max-width: 100px;
    }
    .qsr-sec-1 .row:last-child .our-legecy-text {
        padding-right: 4rem;
    }
}
@media (max-width: 1199px) {
    .brand-landing-sec-1 .pro-txt h2 {
        font-size: 45px;
    }
    .modern-food{
        margin-top: 3rem;
    }
    .brand-landing-sec-2 .modern-brand-sec-2 figure img {
        width: 100%;
    }
}
@media (max-width: 992px) {
    .institu-food {
        margin-top: -89px;
    }
    .institu-logo ul li img {
        width: 11rem;
    }
    .qsr-sec-1 .row:last-child .our-legecy-text {
        padding-right: 0rem;
    }
    .our-legecy-text p {
        margin-bottom: 15px;
    }
    .qsr-sec-1 .our-legecy-text h3 {
        margin-bottom: 0rem;
    }
    .design-pahara {
        padding-right: 3rem;
        padding-left: 3rem;
        margin-bottom: 3rem;
    }
    .special-design .container {
        padding: 3rem;
    }
    .red-turban-pahara {
        padding-left: 0rem;
    }
}
@media (max-width: 767px) {
    .institu-logo ul li figure {
        width: 14.5rem;
        height: 14.5rem;
    }
    .special-design .container {
        margin-top: 5rem;
    }
}
@media (max-width: 575px) {
    .institu-food {
        display: none;
    }
    .design-pahara {
        padding-right: 0rem;
        padding-left: 0rem;
    }
}
/*--------- Institutions page css End --------*/

/*--------- B2B page css Start --------*/
.robust-network .container {
    background: #F3F3F3;
    padding-block: 8rem 16rem;
    margin-top: 8rem;
    border-radius: 10px;
}
.robust-network figure {
    position: relative;
}
.network-content {
    padding-top: 5rem;
}
.robust-network figure figcaption {
    position: absolute;
    left: -118px;
    content: '';
    bottom: -106px;
    width: 330px;
}
.nt-padd {
    padding-right: 11rem;
}
.robust-network .row {
    align-items: center;
    --bs-gutter-x: 3.5rem;
}
.harvest-gold .row {
    align-items: center;
}
.harvest-gold .col-lg-10 {
    background: #E90029;
    margin-top: 8rem;
    padding: 6rem 6rem;
}
.harvest-gold p {
    color: #fff;
    font-weight: 300;
}
.harvest-gold p span {
    font-weight: 600;
}
.gold-summy ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding-left: 0;
}
.gold-summy ul li {
    margin-bottom: 0;
    position: relative;
}
.gold-summy ul li a{position: absolute; inset: 0;}
.gold-summy ul li figure {
    width: 16.5rem;
    height: 16.5rem;
    background: var(--color-white);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.6rem;
    box-shadow: 0px -3px 24px #00000021;
}
.gold-summy ul li img {
    width: 9rem;
}
.banner_secc {
    position: relative;
}
.banner_secc::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    /* background: transparent linear-gradient(0deg, #ffffff00 0%, #ffffff 100%) 0% 0% no-repeat padding-box; */
    opacity: 100%;
    height: 300px;
}
@media (max-width: 1400px) {
    .robust-network figure figcaption {
        left: -112px;
        bottom: -79px;
        width: 250px;
    }
    .harvest-gold .col-lg-10 {
        padding: 6rem 5rem;
    }
    .gold-summy ul li figure {
        width: 13.5rem;
        height: 13.5rem;
    }
    .gold-summy ul li img {
        width: 8rem;
    }
    .qsr-sec-2 {
        padding-top: 9.7rem;
        padding-bottom: 10.1rem;
    }
    .banner_images {
        padding-top: 30.3rem;
    }
    .modern-food {
        padding-inline: 46px 150px;
    }
    .modern-food ul {
        grid-gap: 2rem;
    }
}


@media (max-width: 1199px) {

}
@media (max-width: 992px) {

}
@media (max-width: 767px) {
    .network-content {
        padding-top: 3rem;
    }
    .robust-network figure figcaption {
        position: relative;
        width: 100%;
        left: 0;
        bottom: -30px;
    }
    .nt-padd {
        padding-right: 0rem;
    }
    .robust-network .container {
        padding-block: 2rem 6rem;
    }
    .gold-summy ul {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 1rem;
    }
    .gold-summy ul li {
        margin-left: auto;
        margin-right: auto;
    }
    .harvest-gold .col-lg-10 {
        padding: 3rem 3rem;
    }
    .robust-network .container {
        margin-top: 3rem;
    }
    .network-content {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}
@media (max-width: 575px) {

}
/*--------- B2B page css End --------*/


/* banner breadcrum css starts here */
.yello-banner {
    position: relative;
}
.main-product-menu {
    position: absolute;
    top: 150px;
    left: 0;
    right: 0;
}
.food-services-sec-1 .banner_txt {
    text-align: center;
    padding-bottom: 5.4rem;
}
.food-services-sec-1 .banner_txt h3{
    font-size: var(--text-30);
    font-weight: 900;
    color: var(--color-theme);
    margin-bottom: 3rem;
}
.food-pro-grp {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 10rem 0 0 0;
}
.food-pro-menu {
    position: relative;
}
.breadcrumbs_sec .food-pro-menu .breadcrumbs_links {
    position: unset;
}
.breadcrumbs_sec .food-pro-menu .breadcrumbs_links ul li a {
    border-bottom: 1px solid #0000001a;
}
.breadcrumbs_sec .food-pro-menu .breadcrumbs_links ul li a:hover{
    font-weight: 600;
}
.breadcrumbs_sec.yellow-banner-color {
    padding-top: 0;
}
.inner_header.food-ser-inner .food-service-head h5 a {
    color: #E90029;
}
.inner_header.food-ser-inner .food-menu .sitebar-nav li a {
    color: #555555;
}
.inner_header.food-ser-inner .food-menu .sitebar-nav li.active> a {
    color: #fff;
}
.inner_header.food-ser-inner .food-menu .humberger_menu .hemburgure svg {
    stroke: #E90029;
}
.inner_header.food-ser-inner .reg_nav .site_menu .sitebar-nav > li:hover > a {
    background-color: transparent;
    color: #E90029;
}
.foodi-service.food-ser-inner {
    border-bottom: 1px solid #00000023;
}
.no-scroll .foodi-service.food-ser-inner{border-bottom: none;}
.foodi-service.food-ser-inner .food-service-head::after{
    background: #0000004D;
}



/* banner breadcrum css ends here */

/* News css Start here */
.news-sec-1.breadcrumbs_sec {
    padding-top: 10rem;
}
.news-sec-2.event-grp .row {
    --bs-gutter-x: 2.5rem;
}
/* News css css ends here */

.b2b {
    position: relative;
}
/* .b2b .banner_secc::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 100%;
    height: 300px;
} */
.modern-content {
    margin-top: 0.5rem;
}
.product-naame #load-more {
    background-color: var(--color-theme);
    color: var(--color-white);
    border: none;
}


/* ========Secondry Modern========= */
.brand-secondry {
    margin-block: 7rem 10rem;
}
.brand-secondry .row {
    align-items: center;
}
.brand-secondry figure {
    position: relative;
}
.brand-secondry .our-legecy-text figure  {
    width: 18.5rem;
    height: 18.5rem;
    background: #f3f3f3;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.6rem;
    /* position: absolute;
    right: -40px;
    bottom: -40px; */
}
.brand-secondry .our-legecy-text  {
    padding-right: 15rem;
    padding-left: 7.2rem;
}
.brand-secondry .our-legecy-text h3 {
    font-size: var(--text-18);
    color: var(--color-theme);
    font-weight: 800;
    margin-top: 3rem;
}
.brand-secondry .our-legecy-text P {
    margin-bottom: 3rem;
}
.brand-secondry .our-legecy-text.our-legecy-text-2 {
    padding-right: 7.2rem;
    padding-left: 15rem;
}
.brand-secondry .our-legecy-text h4 {
    font-size: var(--text-18);
}
@media (max-width: 1199px) {
    .brand-secondry .our-legecy-text figure {
        width: 12.5rem;
        height: 12.5rem;
    }
    .brand-secondry .our-legecy-text {
        padding-right: 2rem;
        padding-left: 3.2rem;
    }
    .brand-secondry .our-legecy-text.our-legecy-text-2 {
        padding-right: 3.2rem;
        padding-left: 2rem;
    }
}
@media (max-width: 992px) {
    .brand-secondry {
        margin: 5rem 0;
    }
}
@media (max-width: 767px) {
    .harvest-gd .row {
        flex-direction: column-reverse;
    }
}
@media (max-width: 575px) {
    .brand-secondry .our-legecy-text {
        padding-right: 0rem;
        padding-left: 0rem;
    }
}


/* -------why Us-------- */
.why-us-section {
    padding: 10rem 0;
}
.why-us-content ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 3rem;
    padding-left: 0;
}
.why-us-content ul li {
    background: #FEF9F2;
    padding: 5rem 3rem;
    margin-bottom: 0;
}
.why-us-content ul li h5 {
    font-size: var(--text-16);
    color: var(--color-theme);
    font-weight: 600;
}
.why-us-content ul li p {
    font-size: var(--text-12);
    text-align: left;
}

.why-us-section h3 {
    font-size: var(--text-30);
    text-align: center;
    font-weight: 900;
    color: var(--color-theme);
    margin-bottom: 2rem;
}
.why-us-section p {
    text-align: center;
    margin-bottom: 5rem;
}

/* -------why Us closed-------- */





/* -------Sustainability-------- */
.sustain-sec-main {
    padding: 13rem 0;
}
.sustain-sec-main .row>* {
    padding-left: 0;
    padding-right: 0;
}
.sustain-sec-main figure img {
    margin-bottom: -1rem;
    position: relative;
}
.baked-three-category ul {
    display: grid;
    grid-template-columns: repeat(3 ,1fr);
    padding-left: 0rem;
}
.baked-three-category ul li {
    margin-bottom: 0;
    text-align: center;
    padding: 2rem 5rem;
}
.baked-three-category ul li h4 {
    margin-bottom: 0rem;
    font-size: var(--text-18);
    color: var(--color-white);
    font-weight: 700;
}
.baked-three-category ul li p {
    font-size: var(--text-16);
    color: #fff;
    font-weight: 600;
    line-height: 1.5;
}
.baked-you {
    padding-bottom: 10rem ;
}
.orange {
    background: #F58311;
}
.pink {
    background: #E62D63;
}
.green {
    background: #42B04C;
}
.dr-pink {
    background: #f31759;
}
.dr-orange {
    background: #f56d01;
}
.dr-green {
    background: #108c4e;
}
.light-green {
    background: #40ba46;
}
.dark-green {
    background: #108c4e;
}
.border-first {
    border-radius: 0px 3rem 0px 3rem;
}
.border-two {
    border-radius: 3rem 0rem 3rem 0rem;
}
.sustain-cate ul {
    display: grid;
    grid-template-columns: repeat(4 ,1fr);
    grid-gap: 1rem;
    margin-top: 1rem;
    padding-left: 0rem;
}
.sustain-cate ul li  {
    margin-bottom: 0;
    display: flex;
    padding: 2rem 2rem;
    flex-direction: column;
    align-items: end;
}
.sustain-cate ul li img {
    margin-top: auto;
}
.sustain-cate  ul li h3 {
    margin-bottom: 0rem;
    font-size: var(--text-18);
    color: var(--color-white);
    font-weight: 700;
}
.left-content-you h6 {
    font-size: var(--text-14);
    color: #000000;
    margin-bottom: 0;
    font-weight: 700;
}
.left-content-you h4 {
    font-size: var(--text-48);
    letter-spacing: -1.44px;
    color: #F58311;
    font-weight: 800;
}
.left-content-you p {
    font-size: var(--text-24);
    line-height: 1.3;
    margin-bottom: 2.4rem;
}
.baked-you .row {
    align-items: center;
}
.backed-life {
    margin-inline: 8rem 8rem;
    background: #E62D63;
    padding: 10rem 0;
}
.right-content-beaked h6 {
    font-size: var(--text-14);
    color: var(--color-white);
    margin-bottom: 0;
    font-weight: 700;
}
.right-content-beaked h4 {
    font-size: var(--text-48);
    letter-spacing: -1.44px;
    color: var(--color-white);
    font-weight: 800;
}
.right-content-beaked p {
    font-size: var(--text-24);
    line-height: 1.3;
    margin-bottom: 2.4rem;
    color: var(--color-white);
}
.backed-life .row {
    align-items: center;
    --bs-gutter-x: 10.5rem;
}
.right-content-beaked a {
    border-color: #fff;
    color: #fff;
}
.right-content-beaked a:hover {
    background: #fff;
    color: #E62D63;
}
.center-content-beaked {
    width: 68%;
    margin: 0 auto;
    margin-bottom: 4rem;
}
.center-content-beaked h6 {
    font-size: var(--text-14);
    color: #000;
    margin-bottom: 0;
    font-weight: 700;
    text-align: center;
}
.center-content-beaked h4 {
    font-size: var(--text-48);
    letter-spacing: -1.44px;
    color:#42B04C;
    font-weight: 800;
    text-align: center;
}
.center-content-beaked p {
    font-size: var(--text-24);
    line-height: 1.3;
    margin-bottom: 2.4rem;
    text-align: center;
}
.center-content-beaked a {
    width: max-content;
    margin-inline: auto;
    display: flex;
    border-color: #42B04C;
    color: #42B04C;
}
.center-content-beaked a:hover {
    background: #42B04C;
    color: #fff;
}
.backed-nature {
    padding: 12rem 0 8rem 0;
    border-bottom: 1px solid #CECECE;
}
.sustain-cate-bottom {
    background: url(../images/sustain-cate-bottom.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    padding-block: 3rem;
    margin-top: 1rem;
}
.sustain-cate-bottom ul {
    padding-left: 0;
    display: flex;
    text-align: center;
    justify-content: space-between;
    padding: 0px 8rem;

}.sustain-cate-bottom ul li {
    color: #fff;
    font-size: 20px;
    margin-bottom: 0;
    line-height: 1.4;
}

@media (max-width: 1400px) {
    .backed-life {
        margin-inline: 7.4rem 7.4rem;
    }
    .backed-life .row {
        --bs-gutter-x: 8.4rem;
    }
    .right-content-beaked h4 {
        margin-bottom: 2.4rem;
    }
    .baked-you {
        padding-bottom: 8rem;
    }
    .sustain-sec4 {
        padding-top: 8rem;
    }
}
@media (max-width: 1199px) {
    .backed-life {
        margin-inline: 2.4rem 2.4rem;
        padding: 6rem 0;
    }
    .backed-life .row {
        --bs-gutter-x: 4.4rem;
    }
    .backed-nature {
         padding: 8rem 0 6rem 0;
    }
    .sustain-sec-main {
        padding: 6rem 0;
    }
    .sustain-cate-bottom ul li {
        font-size: 12px;
}
}
@media (max-width: 992px) {
    .backed-life {
        margin-inline: 0rem 0rem;
        padding: 6rem 3rem;
    }
    .right-content-beaked {
        margin-top: 2rem;
    }

}
@media (max-width: 767px) {
    .sustain-cate ul {
        grid-template-columns: repeat(3, 1fr);
    }
    .baked-three-category ul li {
        padding: 2rem 1rem;
    }
    .sustain-cate ul {
        grid-gap: .5rem;
        margin-top: .5rem;
    }
    .sustain-cate-bottom ul{flex-wrap: wrap;}
    .sustain-cate-bottom ul li {
        padding-block: 0rem 2rem;
        width: 40%;
    }
    /* .sustain-cate-bottom ul li{} */
}
@media (max-width: 575px) {
    .sustain-cate ul {
        grid-template-columns: repeat(2, 1fr);
    }
    .center-content-beaked {
        width: 100%;
    }
}
@media (max-width: 460px) {
    .sustain-cate ul {
        grid-template-columns: repeat(1, 1fr);
    }
    .sustain-cate ul li{align-items: flex-start; row-gap: 1.5rem;}
    .border-first {
        border-radius: 0px 1rem 0px 1rem;
    }
    .border-two {
        border-radius: 1rem 0rem 1rem 0rem;
    }
    .baked-three-category ul{
        display: block;
    }
    .baked-three-category ul li{padding-block: 4rem;}

    .sustain-cate-bottom ul li {
        padding-block: 0rem 2rem;
        width:100%;
    }
}



/* -------Sustainability-closed-------- */




/* -------Sustainability-BAKED FOR YOU ------- */
.bfu h3 {
    color: #F58311;
}
.best-nutrition .container {
    padding: 14rem 0 10rem;
    border-bottom: 1px solid #E9E9E9;
}
.best-nutrition .section-image{margin-left: -5rem;}
.nutri-heading {
    display: flex;
    align-items: flex-start;
    position: relative;
}
.nutri-heading img {
    background: #F58311;
    padding: 4px 16px;
    border-radius: 25px;
    position: absolute;
    right: calc(100% + 2rem);
}
.nutrition-profile {
    padding-inline: 30px 0;
}
.nutri-heading h3 {
    color: #F58311;
    font-size: var(--text-24);
    /* margin-left: 2rem; */
    font-weight: 700;
    margin-bottom: 3.2rem;
}
.nutri-right figure {
    margin-top: -6rem;
    margin-left: -8rem;
    z-index: -1;
    position: relative;
}
.story-slider .heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.story-slider .heading h4 {
    margin-bottom: 0;
}
.goal-slider .swiper-btn, .goal-slider2 .swiper-btn, .story-slider .swiper-btn {
    display: flex;
    grid-column-gap: 1rem;
    margin-top: 2rem;
}
.story-slider .swiper-btn {
    margin-top: 0;
}
.goal-slider .swiper-button-next::after, .goal-slider .swiper-button-prev::after, .story-slider .swiper-button-next::after, .story-slider .swiper-button-prev::after {
    font-size: 0;
}
.goal-slider2 .swiper-button-next::after, .goal-slider2 .swiper-button-prev::after {
    font-size: 0;
}
:where(.goal-slider, .story-slider) :is(.swiper-button-prev, .swiper-button-next) {
    position: relative;
    margin: 0;
    left: auto;
    right: auto;
}
.goal-slider2 :is(.swiper-button-prev, .swiper-button-next) {
    position: relative;
    margin: 0;
    left: auto;
    right: auto;
}
:where(.goal-slider, .story-slider) .swiper-button-prev {
    width: calc(var(--swiper-navigation-size) / 44* 27);
}
.goal-slider2 .swiper-button-prev {
    width: calc(var(--swiper-navigation-size) / 44* 27);
}
.goal-tab {
    /* padding-inline: 6rem 10rem; */
    margin-top: 6rem;
}
.goal-tab .nav-tabs .nav-link {
    font-size: var(--text-18);
    color: rgb(0 0 0 / 30%);
    font-weight: 700;
    border-color: transparent;
    padding: 0;
    margin-left: 1.5rem;
}

.goal-tab p{max-width: 22em;}

.goal-tab .nav-tabs {
    border-bottom: transparent;
    margin-bottom: 3rem;
}
.goal-tab .nav-tabs .nav-link.active {
    border-color: transparent;
    border-radius: 0;
    border-bottom: 1px solid var(--color-theme);
    color: #000000;
    padding: 0;
    padding-bottom: 1rem;
}
.goal-tab .nav-tabs .nav-link:focus, .goal-tab .nav-tabs .nav-link:hover {
    border-color: none;
}
.goal-tab .accordion-item {
    border-color: transparent;
}
.goal-tab .accordion-body h3 {
    font-size: var(--text-69);
    color: #F58311;
    font-weight: 700;
    letter-spacing: -2.56px;
}
.transparent-brands {
    padding: 11rem 0 0;
    margin-top: -5rem;
    position: relative;
    z-index: 1;
}
.transparent-brands .section-image{margin-right: -8rem;}
.sus-trans .nutri-heading {
    align-items: center;
    margin-bottom: 3rem;
    position: relative;
}
.sus-trans .nutri-heading h3 {
    margin-bottom: 0;
}
.sus-trans .nutri-heading img{
    padding: 9px;
    position: absolute;
    right: calc(100% + 2rem);

}
.sus-trans ul {
    display: grid;
    grid-template-columns: 53% 34%;
    padding-left: 0;
    /* border: 1px solid #E9E9E9; */
    margin-top: 4rem;
    /* background: #FFFFFF; */
    column-gap: 7rem;
}
.sus-trans ul li {
    /* padding: 2.6rem 3.5rem 3rem 3.5rem; */
    margin-bottom: 0;
}
/* .sus-trans ul li:first-child {
    border-right: 1px solid #E9E9E9;
} */
.sus-trans ul li h4 {
    font-size: var(--text-18);
    font-weight: 700;
    margin-bottom: 1.6rem;
}
.sus-trans ul li h3 {
    font-size: 33px;
    font-weight: 700;
    color: #F58311;
    margin-bottom: 1rem;
}
.our-commitmen-you {
    margin-top: -8rem;
    /* margin-inline: 13rem 13rem; */
    /* z-index: -1; */
}
.our-commitmen-you .container {
    background: #F58311;
    position: relative;
    padding: 14rem 0 10rem;
}

.our-commitmen-you .container::after {
    position: absolute;
    content: '';
    width: 35%;
    background: #C67524;
    right: 0;
    top: 0;
    height: 100%;
    /* z-index: -1; */
}


.our-commitmen-you .container>*{position: relative; z-index: 1;}
.our-commitmen-you .row {
    --bs-gutter-x: 8.5rem;
}
.for-commitment h4 {
    font-size: var(--text-18);
    font-weight: 700;
    margin-bottom: 2rem;
    color: #fff;
}
.for-commitment span {
    font-size: var(--text-12);
    color: #fff;
}
.for-commitment h3 {
    font-size: 33px;
    font-weight: 700;
    color: #ffff;
    margin-bottom: 1rem;
    letter-spacing: -1.04px;
}
.for-commitment p {
    color: #fff;
}
.for-commitment.progress-you span {
    margin-bottom: 5rem;
    display: block;
}
.healthier-plan {
    padding: 12.7rem 0;
}
.heathy-head {
    text-align: center;
    width: 70%;
    margin: 0 auto;
    margin-bottom: 4.2rem;
}
.heathy-head img {
    padding: 7px 8px;
    background: #F58311;
    border-radius: 25px;
}
.heathy-head h3 {
    color: #F58311;
    font-size: var(--text-24);
    font-weight: 700;
    margin-top: 1.6rem;
    margin-bottom: 4.2rem;
}

.healthier-plan .for-commitment span {
    font-size: var(--text-18);
    color: #000;
    font-weight: 700;
    margin-bottom: 2rem;
    display: block;
}
.healthier-plan .for-commitment h3 {
    color: #F58311;
}
.healthier-plan .for-commitment  p {
    color: #000;
}
.healthier-plan .extra-commit{margin-top: 8rem; padding-bottom: 12rem;}
.healthier-plan .bottom-progress .extra-commit{margin-top: 2rem; padding-bottom: 0;}
.healthier-plan .row {align-items: flex-end;}
.healthier-plan .row:has(.bottom-progress){align-items: flex-start;}
.bottom-section figure {
    margin-top: -8rem;
    position: relative;
    z-index: -1;
}
.bottom-commit ul {
    padding-left: 0;
}
.bottom-commit h4 {
    font-size: var(--text-18);
    color: #000;
    font-weight: 700;
}
.bottom-commit {
    background: #fff;
    box-shadow: 0px 0px 60px #0000000D;
    padding: 4rem 5rem 9.3rem 5rem;
    margin-top: 5rem;
}
.bottom-commit span {
    font-size: var(--text-12);
    display: block;
    margin-bottom: 3rem;
}
.bottom-commit ul li {
    position: relative;
    padding-left: 2.2rem;
}
.bottom-commit ul li::before {
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    background: #F58311;
    left: 0px;
    top: 12px;
    border-radius: 10px;
}
.bottom-commit-two {
    background: url(../images/blend-img.jpg) no-repeat;
    background-size: cover;
    margin-top: 2rem;
}
.healthier-plan .bottom-commit-two .for-commitment {
    padding: 30px 15px;
    background: #F58311;
    mix-blend-mode: multiply;
}
.healthier-plan .bottom-commit-two .for-commitment span {
    font-size: var(--text-12);
    color: #fff;
    font-weight: normal;
}
.healthier-plan .bottom-commit-two .for-commitment h3 {
    color: #fff;
}
.healthier-plan .bottom-commit-two .for-commitment p {
    color: #fff;
}
.bottom-progress {
    margin-top: 9rem;
    padding-left: 3.4rem;
}
.bottom-progress h4 {
    font-size: var(--text-18);
    color: #000;
    font-weight: 700;
}
.bottom-progress span {
    font-size: var(--text-12);
    display: block;
    margin-bottom: 2rem;
}
.bottom-progress h3 {
    font-size: 33px;
    font-weight: 700;
    color: #F58311;
    margin-bottom: 0;
}


@media (max-width: 1400px) {
    .our-commitmen-you .container {
        padding: 10.4rem 0 6.9rem;
    }
    .our-commitmen-you {margin-top: -5rem ;}
    /* .our-commitmen-you:after {
        width: 35%;
    } */
    .for-commitment h3 {
        font-size: 26px;
    }
    .our-commitmen-you .row {
        --bs-gutter-x: 4.5rem;
    }
    /* .healthier-plan .for-commitment {
        padding: 0 8.5rem;
    } */
    /* .nutrition-profile {
        padding-inline: 95px 56px;
    } */
    .goal-tab .nav-tabs{margin-bottom: 0rem;}
}
@media (max-width: 1199px) {
    /* .goal-tab {
        padding-inline: 2rem 2rem;
        margin-top: 3rem;
    } */
    .nutri-right figure {
        margin-top: 0rem;
        margin-left: -4rem;
    }
    .nutrition-profile {
        padding-inline: 39px 50px;
    }
    .goal-tab .accordion-body h3 {
        font-size: 45px;
    }
    /* .sus-trans ul li {
        padding: 1.6rem 1.5rem 3rem 2.5rem;
    } */
    .for-commitment h3 {
        font-size: 20px;
    }
    .healthier-plan {
        padding: 9.7rem 0;
    }
    /* .healthier-plan .for-commitment {
        padding: 0 3.5rem;
    } */
    .healthier-plan .extra-commit {
        margin-top: 4rem;
        padding-bottom: 8rem;
    }
    .bottom-section figure {
        margin-top: -2rem;
    }
    .healthier-plan .for-commitment span {
        margin-bottom: 1rem;
    }
    .bottom-commit ul li::before {
        top: 6px;
    }
    .bottom-commit {
        padding: 3rem 3rem 5.3rem 3rem;
    }
    .bottom-progress {
        margin-top: 5rem;
        padding-left: 0rem;
    }
    .sus-trans ul{gap: 2.5rem; grid-template-columns: 60% 40%;}
    .our-commitmen-you {
        margin-top: 3rem;
    }
    .our-commitmen-you .container {
        padding: 6rem 0 6rem;
    }
}
@media (max-width: 992px) {
    .nutrition-profile {
        padding-inline: 10px 10px;
        margin-top: 3rem;
    }
    .nutri-heading h3 br {
        display: none;
    }
    .nutri-heading {
        align-items: flex-start;
        margin-bottom: 3rem;
        flex-direction: column;
    }
    .nutri-heading img{position: relative; right: auto; margin-bottom: 1.5rem;}
    .nutri-heading h3 {
        margin-bottom: 0rem;
    }
    .goal-tab .accordion-button {
        font-size: 22px;
        color: #fff;
        font-weight: 600;
        background: #F58311;
    }
    .nutri-right figure {
        margin-top: 4rem;
        margin-left: 0;
    }
    .healthier-plan .extra-commit{padding-bottom: 4rem;}
    .our-commitmen-you .container{padding: 3rem 2.5rem;}
    .our-commitmen-you .container::after{display: none;}
    .for-commitment{margin-top: 3rem;}
    .goal-tab .accordion-button::after{ filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); }
    .goal-tab p{max-width: 100%;}
    .sus-trans .nutri-heading{align-items: flex-start; flex-direction: column;}
    .sus-trans .nutri-heading img{position: relative; right: 0; margin-bottom: 1.5rem;}
    .our-commitmen-you::after {
        width: 100%;
        height: 30%;
        bottom: 0;
        top: auto;
    }
    .for-commitment.progress-you {
        margin-top: 3rem;
    }
    .for-commitment.progress-you span {
        margin-bottom: 2rem;
    }
    .bottom-section figure {
        margin-top: 3rem;
    }
    .healthier-plan {
        padding: 9.7rem 0 5rem;
    }
    .transparent-brands .section-image {
        margin-right: 0rem;
        margin-top: 2.5rem;
    }
    .best-nutrition .section-image{margin-left: 0;}
}
@media (max-width: 767px) {
    .heathy-head {
        width: 100%;
    }
    .healthier-plan .for-commitment {
        padding: 0 0rem;
    }
    .our-commitmen-you {
        margin-inline: 3rem 3rem;
    }
    .best-nutrition .container {
        padding: 5rem 2.5rem 5rem;
    }
    .nutri-heading {
        align-items: flex-start;
        flex-direction: column;

    }
    .goal-tab p{max-width: 100%;}
    .nutri-heading img{position: relative; right: 0;}
    .sus-trans ul {
        grid-template-columns: repeat(1, 1fr);
    }
    .healthier-plan {
        padding: 5rem 0 5rem;
    }
}
@media (max-width: 575px) {
    .goal-tab .accordion-button {
        font-size: 18px;
    }
    .our-commitmen-you::after {
        height: 27%;
    }
}
@media (max-width: 460px) {

}


/* -------Sustainability-BAKED FOR YOU closed ------- */

/* -------Sustainability-BAKED FOR life ------- */
.bfl h3 {
    color: #E62D63;
}
.strength-comm .row:first-child {
    align-items: center;
}
.strength-comm {
    padding: 12rem 0;
}
.strength-comm figure {
    margin-left: -5rem;
}
.strength-comm .strength-profile {
    padding: 0px 0rem 0 3rem;
}
.strength-profile .strength-head {
    /* display: flex; */
    position: relative;
    align-items: center;
    margin-bottom: 5rem;
}
.strength-profile .strength-head h3 {
    color: #E62D63;
    font-size: var(--text-24);
    margin-left: 0rem;
    font-weight: 700;
    margin-bottom: 0rem;
}
.strength-profile .strength-head img {
    background: #E62D63;
    padding: 8px;
    border-radius: 34px;
    /* margin-top: .5rem; */
    border-radius: 34px;
    position: absolute;
    left: -7rem;
    top: 0;
}
.strength-goal {
    padding-inline: 2rem 6rem;
    margin-top: 4.2rem;
    border-right: 1px solid #D4D4D4;
    position: relative;
    padding-bottom: 2rem;
}
.strength-goal::after {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    content: "";
    display: inline-block;
    height: 17px;
    right: -10px;
    position: absolute;
    top: 50%;
    background: #fff;
    width: 17px;
    border-color: #D4D4D4;
    transform: rotate(-45deg) translateX(44%) translateY(-8px);
}
.strength-goal h4 {
    font-size: var(--text-18);
    font-weight: 700;
}
.strength-process {
    padding: 0 3rem;
    margin-top: 4.2rem;
}
.strength-process h4 {
    font-size: var(--text-18);
    font-weight: 700;
}
.strength-process h3 {
    font-size: 32px;
    font-weight: 700;
    color: #E62D63;
    margin-bottom: .8rem;
}
.caring-people {
    /* margin-inline: 13rem 13rem; */
    /* background: #E62D63; */

    margin-bottom: 7rem;
}
.caring-people .container {
    position: relative;
    padding: 10rem 0 8rem;
}.caring-people .container::before {
    position: absolute;
    content: '';
    background: #E62D63;
    left: -5%;
    right: -5%;
    top: 0;
    height: 100%;
    z-index: -1;
}

.caring-people .strength-head {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
}
.caring-people .strength-head h3 {
    color: #fff;
    font-size: var(--text-24);
    margin-left: 2rem;
    font-weight: 700;
    margin-bottom: 0rem;
}
.caring-people .strength-head img {
    background: rgb(255 255 255 / 30%);
    padding: 8px;
    border-radius: 34px;
    margin-top: .5rem;
}
.caring-content {
    margin-top: 7.2rem;
}
.caring-people p {
    color: #fff;
}
.caring-content ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-left: 0;
    grid-column-gap: 8rem;
    border-bottom: 1px solid #D4D4D4;
    padding-bottom: 1.6rem;
    position: relative;
}
.caring-content ul::after {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    content: "";
    display: inline-block;
    height: 22px;
    left: 50%;
    position: absolute;
    bottom: -10px;
    background: #e62d63;
    width: 22px;
    border-color: #D4D4D4;
    transform: rotate(46deg) translateY(44%) translateY(-8px);
}
.caring-content ul li h4 {
    font-size: var(--text-18);
    font-weight: 700;
    margin-bottom: 1.6rem;
    color: #fff;
}
.caring-people .row {
    margin-top: 5.2rem;
    --bs-gutter-x: 0rem;
}
.caring-people figure {
    height: 100%;
}
.caring-people figure img {
    height: 100%;
    object-fit: cover;
}
.people-progress {
    margin-top: 4.2rem;
}
.people-progress ul {
    display: grid;
    padding-left: 0;
    grid-template-columns: repeat(3 ,1fr);
}
.people-progress h4 {
    font-size: var(--text-18);
    font-weight: 700;
    margin-bottom: 1.6rem;
    color: #fff;
    margin-bottom: 1rem;
}
.people-progress ul li {
    /* display: flex; */
    align-items: center;
    gap: 2rem;
    margin-bottom: 1rem;
}
.people-progress ul li h3 {
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    margin-bottom: .8rem;
}
.process-slider .swiper-btn {
    display: flex;
    grid-column-gap: 1rem;
    margin-top: 2rem;
}
.process-slider .swiper-button-next::after, .process-slider .swiper-button-prev::after {
    font-size: 0;
}
.process-slider :is(.swiper-button-prev, .swiper-button-next) {
    position: relative;
    margin: 0;
    left: auto;
    right: auto;
}
.process-slider .swiper-button-prev {
    width: calc(var(--swiper-navigation-size) / 44* 27);
}

@media (max-width: 1400px) {
    /* .strength-comm .strength-profile {
        padding: 0px 3rem 0 9rem;
    } */
    /* .strength-process {
        padding: 0 3rem;
    } */
    .process-slider .swiper-btn {
        margin-top: 1rem;
    }
    .strength-goal {
        padding-bottom: 3rem;
    }
    .people-progress ul li h3 {
        font-size: 48px;
    }
    .caring-content ul {
        padding-bottom: 0.6rem;
    }
    /* .caring-people .row {
        --bs-gutter-x: 3.5rem;
    } */
    .caring-content {
        margin-top: 3.2rem;
    }
}
@media (max-width: 1199px) {

    .people-progress ul li h3 {
        font-size: 31px;
    }
}
@media (max-width: 992px) {
    .caring-people .container {
        padding: 9rem 2.5rem 8rem;
    }
    .strength-comm figure {
        margin-left: 0rem;
    }
    .strength-profile .strength-head img {
        position: relative;
        left: 0rem;
    }
    .strength-profile .strength-head {
        margin-bottom: 2rem;
        margin-top: 2rem;
    }
    .strength-profile .strength-head h3 {
        margin-top: 2rem;
    }
    .strength-comm .strength-profile {
        padding: 0px 0rem 0 0rem;
    }
    .strength-goal {
        padding-inline: 0rem 0rem;
    }
    .strength-goal::after {
        display: none;
    }
    .strength-process {
        padding: 0 0rem;
        margin-top: 1.2rem;
    }
    .strength-comm {
        padding: 5rem 0;
    }

}
@media (max-width: 767px) {
    .caring-people .container {
        padding: 4rem 2.5rem 6rem;
    }
    .caring-people .row {
        margin-top: 0;
        --bs-gutter-x: 0rem;
    }
    .caring-content ul {
        grid-template-columns: repeat(1, 1fr);
        border: none;
    }
    .caring-content ul::after {
        display: none;
    }
    .caring-content {
        margin-bottom: 2rem;
    }
    .strength-goal {
        border: none;
    }

}
@media (max-width: 575px) {
    .people-progress ul{
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (max-width: 460px) {

}

/* -------Sustainability-BAKED FOR LIFE CLOSED------- */

/* -------Sustainability-BAKED FOR NATURE ------- */
.bfn h3 {
    color: #42B04C;
}
.zero-waste {
    padding-top: 10rem;
    padding-bottom: 8rem;
}

.zero-waste .row {
    align-items: center;
}
.zero-waste-content .waste-head {
    /* display: flex; */
    position: relative;
    align-items: center;
    margin-bottom: 5rem;
}
.zero-waste-content {
    margin-top: -9rem;
    margin-left: -8rem;
    margin-right: 5rem;
}
.zero-waste-content .waste-head img {
    background: #004B2F;
    padding: 8px 9px;
    border-radius: 34px;
    position: absolute;
    left: -7rem;
    /* margin-top: .5rem; */
    top: 0;
}
.zero-waste-content .waste-head h3 {
    color: #42B04C;
    font-size: var(--text-24);
    margin-left: 0rem;
    font-weight: 700;
    margin-bottom: 0;
}
.our-commitment h4 {
    font-size: var(--text-18);
    font-weight: 700;
    margin-bottom: 3rem;
    position: relative;
    /* background: #fff; */
}
/* .our-commitment h4::after {
    width: 80%;
    height: 1px;
    position: absolute;
    content: '';
    background: #D4D4D4;
    top: 13px;
    right: 0;
} */
.our-commitment ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding-left: 0;
    grid-column-gap: 6rem;
    position: relative;
    border-bottom: 1px solid #D4D4D4;
    padding-bottom: 1.6rem;
}
.net-zero .our-commitment p {
    color: #000;
}
.our-commitment ul::after {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    content: "";
    display: inline-block;
    height: 22px;
    left: 50%;
    position: absolute;
    bottom: -10px;
    background: #f3f3f3;
    width: 22px;
    border-color: #D4D4D4;
    transform: rotate(46deg) translateY(44%) translateY(-8px);
}
.our-commitment ul li h3 {
    font-size: 32px;
    color: #42B04C;
    font-weight: 700;
    margin-bottom: .6rem;
}
.our-commitment.progresss  {
    margin-top: 4.4rem;
}
.our-commitment.progresss h4::after {
    display: none;
}
.our-commitment.progresss ul {
    border-bottom: 0;
}
.our-commitment.progresss ul::after {
    display: none;
}
.net-zero {
    padding: 8rem 0 0;
    position: relative;
}
.net-zero::after {
    position: absolute;
    content: '';
    top: 0;
    height: 47%;
    background: #42B04C;
    width: 100%;
    z-index: -11;
}

.net-zero .strength-head h3 {
    color: #fff;
    font-size: var(--text-24);
    margin-left: 0rem;
    font-weight: 700;
    margin-bottom: 0rem;
}
.net-zero .strength-head {
    /* display: flex; */
    align-items: center;
    position: relative;
    margin-bottom: 3rem;
}
.net-zero .strength-head img {
    position: absolute;
    left: -7rem;
}
.net-zero .row {
    margin-top: 5.2rem;
    --bs-gutter-x: 5.5rem;
}
.net-zero p {
    color: #fff;
}
.net-zero figure {
    margin-right: -10rem;
}
.Emissions-content h4 {
    font-size: var(--text-18);
    font-weight: 700;
    margin-bottom: 2rem;
    position: relative;
    color: #fff;
}
.Emissions-content ul {
    padding-left: 0;
    display: grid;
    grid-template-columns: repeat(2 ,1fr);
    grid-column-gap: 6rem;
    border-bottom: 1px solid rgb(212 212 212 / 73%);
    position: relative;
    padding-bottom: 1.6rem;
}
.Emissions-content ul::after {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    content: "";
    display: inline-block;
    height: 22px;
    left: 50%;
    position: absolute;
    bottom: -10px;
    background: #42b04c;
    width: 22px;
    border-color: #D4D4D4;
    transform: rotate(46deg) translateY(44%) translateY(-8px);
}
.Emissions-content ul li p {
    margin-bottom: 1.6rem;
}
.Emissions-content ul li h3 {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 1.6rem
}
.Emissions-content.two-three-prgress {
    margin-top: 5rem;
}
.Emissions-content.two-three-prgress ul {
    border-bottom: none;
}
.Emissions-content.two-three-prgress ul::after {
    display: none;
}
.Emissions-content.two-three-prgress  ul li h3 {
    margin-bottom: 0;
}
.Emissions-content.two-three-prgress.right-emission {
    margin-top: 2rem;
}
.regenerative-agri {
    padding: 13rem 0rem;
}
.regenerative-agri .nutri-heading {
    align-items: center;
    margin-bottom: 4.2rem;
    position: relative;
}
.regenerative-agri .nutri-heading img {
    background: none;
    padding: 0;
    position: absolute;
    left: -7rem;
}
.regenerative-agri .nutri-heading img{position: relative; left: 0; margin-right: 2rem;}
.regenerative-agri  blockquote{font-size: var(--text-24); line-height: 1.3; margin-bottom: 2rem; padding-left: 7rem;}
.regenerative-agri  .agri-head p{padding-left: 7rem;}
.regenerative-agri .nutri-heading h3 {
    color: #42B04C;
    font-size: var(--text-24);
    margin-left: 0rem;
    font-weight: 700;
    margin-bottom: 0rem;
}
.agree-img figure {
    margin-left: -5rem;
}
.regenerative-agri .row {
    align-items: center;
    margin-top: 8rem;
}
.content-agree {
    /* padding-inline: 9rem 8rem; */
    padding-bottom: 6rem;
}
.commitment-agri {
    margin-top: 8rem;
    width: 90%;
}
.commitment-agri h4 {
    font-size: var(--text-18);
    font-weight: 700;
    margin-bottom: 2rem;
    position: relative;
    color: #000;
}
.commitment-agri ul {
    padding-left: 0;
    display: grid;
    grid-template-columns: repeat(2 ,1fr);
    grid-column-gap: 8.6rem;
    position: relative;
    border-bottom: 1px solid #D4D4D4;
    padding-bottom: 1.6rem;
}
.commitment-agri ul li h3 {
    color: #42B04C;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 1.6rem;
}
.commitment-agri ul::after {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    content: "";
    display: inline-block;
    height: 22px;
    left: 50%;
    position: absolute;
    bottom: -10px;
    background: #fff;
    width: 22px;
    border-color: #D4D4D4;
    transform: rotate(46deg) translateY(44%) translateY(-8px);
}
.commitment-agri.process-agreed ul {
    border-bottom: none;
}
.commitment-agri.process-agreed ul::after {
    display: none;
}
.commitment-agri.process-agreed {
    margin-top: 5rem;
}
.net-zero figure{position: relative; z-index: 1;}
.commit-deatils {
    background: #F3F3F3;
    padding: 7rem 12rem;
    position: relative;
    margin-top: -18rem;
}
.zero-waste .our-commitment ul::after {
    background: #ffffff;
}

@media (max-width: 1199px) {
    .commit-deatils {
        padding: 5rem 3rem;
        margin-top: -8rem;
    }

    /* .content-agree {
        padding-inline: 2rem 0rem;
        padding-bottom: 3rem;
    } */
    .regenerative-agri .row {
        align-items: center;
        margin-top: 4rem;
    }
}
@media (max-width: 992px) {
    .zero-waste-content {
        margin-top: 0rem;
        margin-left: 6rem;
        margin-right: 0rem;
    }
}
@media (max-width: 767px) {

}
@media (max-width: 575px) {

}
@media (max-width: 460px) {

}
/* -------Sustainability-BAKED FOR NATURE CLOSED ------- */



.ctq{padding-block: 6rem;}
.ctq_Grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap:2rem;
}

.ctq_Grid .ctq_Box {
    padding-top: 4.3rem;
    padding-left: 2.6rem;
    padding-right: 5.8rem;
    padding-bottom: 5.9rem;
    display: grid;
    grid-template-columns: repeat(1, 13.5% auto);
    column-gap: 3.8rem;
    border-radius: 20px;
}
.ctq_Box.bg-gray {
    background: #F3F3F3;
}
.ctq_Grid .ctq_Box .img_cntnt h4 {
    color: var(--color-theme);
    font-size: var(--text-18);
    line-height: var(--line-height-26);
    font-weight: bold;
    margin-bottom: 2rem;
}

@media(min-width:1800px){
    .ctq{padding-block: 8rem;}
    .ctq_Grid {row-gap:3.5rem;}
    .ctq_Grid .ctq_Box {
        padding-top: 5.3rem;
        padding-left: 3.6rem;
        padding-right: 6.8rem;
        padding-bottom: 6.9rem;
        column-gap: 4.8rem;
    }
    .ctq_Grid .ctq_Box .img_cntnt h4 {
        margin-bottom: 3rem;
    }
}
@media(max-width:1199px){
    .ctq_Grid .ctq_Box {
        padding-top: 3.3rem;
        padding-left: 1.6rem;
        padding-right: 3.8rem;
        padding-bottom: 3.9rem;
    }
}
@media(max-width:768px){
    .ctq_Grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .ctq_Grid .ctq_Box {
        padding-top: 2.3rem;
        padding-left: 1.6rem;
        padding-right: 1.8rem;
        padding-bottom: 2.9rem;
    }
}
@media(max-width:480px){
    .ctq {
        padding-block: 3rem;
    }
    .ctq_Grid .ctq_Box {
        row-gap: 2rem;
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    .img_Sec figure {
        max-width: 50px;
        margin-inline: auto;
    }
}

.termscondition_wrap{padding-block:5rem 10rem;}
.termscondition_wrap h3{font-size: var(--text-16);font-weight: bold;}
.termscondition_wrap p, .termscondition_wrap p a{font-size: var(--text-11);color: var(--color-default);}
.termscondition_wrap p a:hover{color: var(--color-theme);}
.termscondition_wrap p:has(+ h5), .termscondition_wrap p:has(+ h3), .termscondition_wrap ul:has(+ h3){margin-bottom:4rem;}
.termscondition_wrap h5{font-size: var(--text-12);font-weight: bold;margin-bottom: 1.5rem;}
.comon_list{padding-left: 0;}
.comon_list li .comon_list{padding-left:1rem;}
.comon_list li {font-size: var(--text-11);color: var(--color-default);position: relative;padding:.5rem 0 .5rem 1.5rem;margin-bottom: 0;}
.comon_list li::before {content: "";position: absolute;left: 0;top: 1.5rem;width: .5rem;height: .5rem;background:var(--color-theme);border-radius: 50%;}
.comon_list li .comon_list li::before{background: var(--color-default);}
.comon_list.inline_list{display:flex;flex-wrap: wrap;}
.comon_list.inline_list li:not(:last-child){margin-right: 2rem;}
.bg_gray{background: #f3f3f3;}
@media(max-width:1649px){
    .comon_list li::before{top: 1.2rem;}

}
@media(max-width:991px){
    .termscondition_wrap p:has(+ h5), .termscondition_wrap p:has(+ h3), .termscondition_wrap ul:has(+ h3){margin-bottom:2.5rem;}
    .termscondition_wrap h5{margin-bottom: 1rem;}
    .termscondition_wrap{padding-block:3rem 5rem;}
    .comon_list.inline_list li:not(:last-child) {margin-right: 1rem;}
}
.banner_secc.banner_vdo {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
  }
  .banner_secc.banner_vdo video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .banner_secc.banner_vdo .mute-toggle {
    position: absolute;
    bottom: 20%;
    right: 6%;
    width: 4rem;
    aspect-ratio: 1/1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background:rgb(237 226 226);
    backdrop-filter: blur(10px);
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transform: translate(-25%, -25%);
}
.banner_secc.banner_vdo .mute-toggle.muted::before {
    content: '';
    background-image: url('../images/mute.webp');
    top: 8px;
    left: 8px;
    position: absolute;
    z-index: 999;
    width: 60%;
    height: 60%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
}
.banner_secc.banner_vdo .mute-toggle::before {
    content: '';
    background: url('../images/unmute.webp');
    top: 8px;
    left: 8px;
    position: absolute;
    z-index: 999;
    width: 60%;
    height: 60%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
}



.videoModal .modal-header{padding: 0; position: relative; border-bottom: none;}
.videoModal .modal-header button{ position: absolute; right: 0; top: 0; translate: 30% -30%; background-color: var(--color-theme); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-image: url('../images/icons/close-icon.svg'); opacity: 1; z-index: 99;}
.videoModal .modal-body{padding: 0; overflow: hidden;}
.videoModal .modal-body iframe{width: 100%; aspect-ratio: 16/9; margin-bottom: -5px; }


/* media page css start */
.media_sec {
    padding-block: 5rem;
}
.news_Grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

.news_Grid .nws_box {
    display: flex;
    gap: 2em;
    flex-direction: row-reverse;
    align-items: center;
    background-color: #f3f3f3;
    padding: 2rem;
    border-radius: 10px;
    position: relative;
}

.news_Grid .nws_box img {mix-blend-mode: darken; width: 180px; min-width: 180px;}
.news_Grid .nws_box p{min-width: 60%;}

.news_Grid .nws_box p {
    margin-bottom: 0;
}
.news_Grid .nws_box:hover p {
    color: var(--color-theme);
    transition: 0.5s ease-in-out;
}
.linksss{font-size: 0;}
.linksss::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
}
@media(max-width:1199px){
    .news_Grid {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 2rem;
    }
}
/* media page css end */

/* Leadership Details */
.breadcrumbs_sec:has(+ .leadership-details) h2{padding-bottom: 3rem;}
.leadership-details{padding-bottom: 8rem;}
.leadership-details .row{--bs-gutter-y: 2.5rem}
.leadership-details figure img{ border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; -ms-border-radius: 1em; -o-border-radius: 1em; }
.leadership-details .leadership-content-bottom{margin-top: 4rem;}
.leadership-details  p{font-size: var(--text-12); }
.leadership-details h1{font-size: var(--text-21); font-weight: 800; color: var(--color-theme); margin-bottom: 1rem;}
.leadership-details .heading p{font-size: var(--text-14);}
.leadership-details .heading {margin-bottom: 4rem;}
.leadership-content{padding-left: 6rem;}

@media (max-width: 1399px){
    .leadership-content{padding-left: 4rem;}
}
@media (max-width: 991.98px){
    .leadership-details .leadership-content-bottom{margin-top: 0rem;}
    .leadership-content{padding-left: 0rem;}
    .leadership-details{padding-bottom: 5rem;}
    .leadership-details .heading{margin-bottom: 2.5rem;}
}

.press_list{display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.press_list figure{margin-bottom: 1rem;}
.press_list figure img{ border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; -ms-border-radius: 1em; -o-border-radius: 1em; }
.press_list .press-heading{position: relative; margin-right: 0; margin-bottom: 0; display: flex; flex-direction: column;}
.press_list .press-heading .press-headline{margin-top: auto;}
.press_list .press-heading span{color: var(--color-theme);}
.press_list .sectitle18{font-size: var(--text-14); line-height: 1.3;}
.press-heading a, .press-box a{left: 0;}


/*--UIKA-14041994-05-02-2025-css-start--*/
.sutnb_header{
    background: url(../images/sust-header.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding-block: 3rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 1rem;
}
.sutnb_header h5{font-size: var(--text-21);color: var(--color-white);font-weight: bold;}
@media (max-width: 1199px){
    .sutnb_header{ border-radius: 42px 42px 0px 0;overflow: hidden;}
}
@media (max-width:375px){.sutnb_header h5{font-size: var(--text-18);}}
/*--UIKA-14041994-05-02-2025-css-end--*/

.brand-logo-sec{
    padding:5rem 0;
}

.brand-logos .swiper-slide{
    display:flex;
    align-items:center;
    justify-content:center;
    height:100px;
}

.logo-box img{
    max-height:100px;
    width:auto;
    object-fit:contain;
}