/* header {
    position: static;
    background-color: var(--color-white);
} */
/* header.buiness-header {
    background: transparent;
} */
.ccr_section {
    padding: 4rem 0;
}

.top_heading {
    padding: 3rem 0 0;
}

.top_heading h1 {
    font-size: var(--text-28);
    color: var(--color-black);
    font-weight: 700;
}

.top_heading ul {
    display: flex;
    padding: 0;
    gap: 2rem;
    list-style-type: none;
    margin-top: 4rem;
    margin-bottom: 0;
}

.breadcrumbs li.active {
    font-size: var(--text-14);
    color: var(--color-default);
}

.breadcrumbs li a {
    font-size: var(--text-14);
    color: var(--color-default);
}

.top_heading ul li {
    flex: 1;
    background-color: var(--dark-gray);
    border-radius: 1.2rem;
    padding: 2rem;
    text-align: center;
    font-size: var(--text-14);
    color: var(--color-dark);
    justify-content: center;
    display: flex;
    font-weight: 500;
}

.shop_heading ul li {
    justify-content: space-between;
}

.top_heading ul li a {
    padding-right: 2rem;
}

.top_heading ul li a {
    color: var(--color-accent);
    font-size: var(--text-14);
}

.breadcrumb-item+.breadcrumb-item::before {
    content: url(../images/next.svg);
    width: 2rem;
    height: 2rem;
    margin-top: 0.2rem;
    margin-left: 1rem;
}

.billing_section {
    padding: 5rem 0;
}
.billing_section .check_box .form-check .form-check-input{
    padding: 0;
    width: 1.5em;
    height: 1.5em;
    margin-right: 1em;
}
.billing_section .check_box .form-check .form-check-input:checked{border-color: var(--color-accent);}
.billing_form {
    padding-top: 3rem;
    padding-right: 4rem;
}

.billing_form input{
    background-color: #E6E6E6;
    /* height: 4.5rem; */
    padding: .8em 1em;
    border: 0px;
    font-size: var(--text-11);
    padding-left: 1.5rem;

}
.billing_form .select2-container .select2-selection--single {
    background-color: #E6E6E6;
}
section .billing_form .select2-container--default .select2-selection--single .select2-selection__rendered{
    font-size: var(--text-11);
    padding: .8em 1em;
}
.select2-results__option{font-size: var(--text-11);}
.billing_form input::placeholder {
    color: #9F9F9F;
}

.billing_form input:focus {
    box-shadow: none;
    background-color: #E6E6E6;
}

.billing_form .row {
    --bs-gutter-y: 2.5rem;
    --bs-gutter-x: 2.5rem;
}

.check_box .form-check .form-check-input {
    background-color: transparent;
    border: 1px solid #707070;
        margin-left: 0;
}

.check_box .form-check-input:checked[type=radio] {
    background-color: var(--color-accent);
}

.check_box {
   padding-top: 2rem;
    padding-right: 4rem;

}
.billing_section .check_box { display: flex; gap: 1rem; }

.check_box .form-check {
    flex: 1;
    background-color: var(--dark-gray);
    border-radius: 1rem;
    padding: 2rem 3.5rem;
    font-size: var(--text-14);
    margin: 0 0;
    display: flex;
    align-items: start;
}

.check_box label {
    font-size: var(--text-14);
    color: var(--color-dark);
    font-weight: 500;
}

@media(max-width:1024px){
    .check_box{padding-right: 0;}
    .check_box .form-check{padding: 1rem 1.5rem;}
}

@media(max-width:767px){
   .billing_section .check_box{flex-direction: column;}
}
.order-list .order_summery {
    padding: 1rem 1rem 0rem;
}

.order-list {
    background-color: var(--color-white);
    border-radius: 1.2rem;
    /* box-shadow: 0px 3px 32px #0000000D; */
    padding: 1.5rem 0rem;
}

.order_bottom {
    text-align: center;
    padding: 2rem 0;
}

.order_bottom img {
    max-width: 260px;
}
.billing_section.border-top form {
    background-color: var(--color-white);
    border-radius: 1.2rem;
    box-shadow: 0px 3px 32px #0000000D;
    padding: 1.5rem 2rem;
}

@media(max-width:767px){
.billing_section.border-top form { padding: 1.5rem 2rem; --bs-gutter-y: 0; --bs-gutter-x: 0; }
.billing_form .row { --bs-gutter-y: 2.5rem; --bs-gutter-x: 0; }
}
.billing_section.border-top form .row.summry_list {
    padding: 1.5rem 0rem;
}
.btn-pay-now {
    font-size: var(--text-14);
    background-color: var(--color-accent);
    text-align: center;
    display: block;
    color: #fff;
    font-weight: 400;
}

.btn-pay-now:hover {
    background-color: var(--color-secondary);
}

.order_summery h4 {
    font-size: var(--text-14);
    border-bottom: 1px dashed #CFCFCF;
    padding-bottom: 1.5rem;
    color: var(--color-dark);
    margin-bottom: 2rem;
}
.order_summery h4:not(:first-child){margin-top: 1.5em;}
.product_summry_list ul {
    list-style: none;
    padding: 0 0 1rem;
    margin-bottom: 0;
    border-bottom: 1px dashed #CFCFCF;
}
/* .order_summery .address-row{max-height: 25em; overflow-y: auto;} */
/* .order_summery .address-row:has(::-webkit-scrollbar){padding-right: 10px;} */

.order_summery .address-row::-webkit-scrollbar{ width: 5px; background-color: #ccc; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.order_summery .address-row::-webkit-scrollbar-thumb{ background-color: var(--color-accent); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.order_summery .address-row h5{margin-bottom: .5em; font-size: var(--text-13); font-weight: 600;}
.order_summery .address-row b{margin-bottom: .5em; display: block; font-size: var(--text-11); font-weight: 500; text-transform: capitalize;}
.order_summery .address-row .radio-n-address:not(:last-child){margin-bottom: .5rem;}
.order_summery .address-row p:not(:last-child){margin-bottom: .5rem;}




.product_summry_list ul li {
    list-style: none;
    display: flex;
    padding: 0.7rem 0;
    margin-bottom: 0;
    justify-content: space-between;
    align-items: center;
}

.product_summry_list ul li .product {
    padding-right: 3rem;
}

.order_summery h3 {
    font-weight: 500;
    font-size: var(--text-14);
    color: var(--color-dark);
}
.billing_form .select2-container{width: 100% !important;}
.summry_list ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.order_summery .form-control{font-size: var(--text-11); padding: .4em 1em; width: 100%;}
.order_summery .btn-sm{min-width: auto;}
.summry_list ul li {
    list-style: none;
    display: flex;
    padding: 1.2rem 0 1.5rem;
    margin-bottom: 0;
    justify-content: space-between;
    border-bottom: 1px dashed #CFCFCF;
    margin: 1rem 0 1rem;
    align-items: center;
}

.summry_list ul li .product_price span {
    font-size: var(--text-18);
    color: var(--color-accent);
    font-weight: 700;
}
.order_summery + .row li{margin-bottom: 1.5rem; display: flex; column-gap: 1rem; align-items: center;}


.shopping_cart {
    padding-bottom: 7rem;
}

.shopping_cart_board {
    background-color: var(--color-white);
    border-radius: 1.2rem;
    overflow: hidden;
    box-shadow: 0px 3px 32px #0000000D;
}

.shopping_cart_board table {
    padding-bottom: 0;
    margin-bottom: 0;
}

.shopping_cart_board th,
.shopping_cart_board td {
    padding: 1.5rem 4rem;
    vertical-align: middle;
    border-bottom: 1px dashed #CFCFCF;
}

.shopping_cart_board table tr:last-child td {
    border: 0;
}

.media_box h5 {
    font-size: var(--text-14);
    color: var(--color-dark);
    font-weight: 500;
    margin-bottom: 0;
}

.shopping_cart_board strong {
    font-size: var(--text-16);
    font-weight: 500;
    color: var(--color-dark);
}

.shopping_cart_board td {
    color: var(--color-default);
}

.shopping_cart_board th {
    color: var(--color-dark);
    font-weight: 400;
}

.media_box {
    padding: 0.8rem 0;
}

.media_box p {
    font-size: var(--text-12);
    margin-bottom: 0;
    color: var(--color-default);
    font-weight: 400;
}
.media_box p b{
    font-weight: 400;
}
.number_counter input {
    font-size: var(--text-16);
    color: var(--color-default);
    font-weight: 500;
    text-align: center;
    border: 0px;
    width: 70%;
}

.number_counter {
    display: flex;
    align-items: center;
}

.number_counter figure {
    margin-left: 1.5rem;
    margin-bottom: 0;
    width: 1.4rem;
}

.number {
    box-shadow: 0px 3px 12px #00000017;
    border-radius: 4px;
    background-color: var(--color-white);
    max-width: 13rem;
    display: flex;
    justify-content: space-around;
    padding: 0.4rem 1rem;
}

.number .plus {
    font-size: 2rem;
    cursor: pointer;
    color: #707070;
}

.number .minus {
    font-size: 2rem;
    cursor: pointer;
    color: #707070;
}

.coupon_footer {
    display: flex;
    align-items: center;
    padding: 1.5rem 0;
}

.coupon_footer input {
    max-width: 18rem;
    margin-right: 1rem;
    height: 4rem;
    font-style: italic;
    font-weight: 300;
    text-align: center;
    font-size: var(--text-12);
}

.coupon_footer input::placeholder {
    color: var(--color-default);
}

.btn-light {
    font-size: var(--text-12);
    color: var(--color-default);
    background-color: #F3F3F3;
    padding: 1.2rem 2rem;
    font-weight: 400;
}

.shopping_cart-list {
    background-color: #fff;
    border-radius: 1.2rem;
    border-bottom: 5px solid var(--color-accent);
    box-shadow: 0px 3px 32px #0000000D;
}

.shopping_cart-list .summry_list li {
    padding: 1rem 2rem;
}

.summry_list ul li .product_price strong {
    font-size: var(--text-16);
    color: var(--color-dark);
    font-weight: 500;
}

.shopping_cart-list h4 {
    font-size: var(--text-14);
    border-bottom: 0;
    padding: 2rem 0 0 2rem;
    color: var(--color-dark);
    margin-bottom: 0rem;
}

.proceed_checkout {
    padding: 2rem;
    text-align: center;
}

.proceed_checkout p {
    font-size: var(--text-11);
    padding-top: 1rem;
}


.more_option {
    padding: 5rem 0;
}

.products_slider {
    position: relative;
    overflow: hidden;
}


.slider_box {
    background-color: var(--color-white);
    padding-top: 2rem;
    text-align: center;
    border-radius: 1rem;
    overflow: hidden;
}

.addtocart {
    padding: 1.2rem 0;
    font-size: var(--text-14);
    color: #B40005;
    display: flex;
    align-items: center;
    background-color: #EBEBEB;
    justify-content: center;
}

.addtocart img {
    max-width: 1.8rem;
    margin-right: 0.5rem;
}


/* =========UI18-10-2001=====CSS Start======== */

/* ===award-detail-page-css-start===== */

.award-top .inner-container
{
    padding-top: 8em;
}
.award-top .heading {
    position: relative;
    margin-bottom: 5em;
}

.award-top .heading .decorator {
    position: absolute;
    mix-blend-mode: multiply;
    top: 0;
}
.award-top .heading .decorator1 {
    left: -6rem;
    top: 5em;
    width: 11rem;
}
.award-top .heading .decorator2 {
    right: -2.5em;
    top: 3.5em;
    z-index: 1;
    max-width: 11rem;
}
.award_list-sec
{
    padding-top: 4rem;
}

.award-detail
{
    display: flex;
    align-items: center;
    column-gap: 7rem;
    padding-bottom: 7rem;
    padding-inline: 10rem;
    border-bottom: 2px solid #e9e3e3;
    margin-bottom: 3.7em;
}
/* .award_list-sec:not(:first-child){padding-top: .5em;} */
.award-detail .img-sec
{
    position: relative;
}
.award-detail .img-sec .small-img
{
    position:absolute;
    bottom: 0;
    left: -53px;

}
.award-detail .img-sec .big-img
{
   width: 491px;
}

.award-detail .rh-text h5
{
    font-size: var(--text-16);
    font-weight: 600;
    color: var(--color-default);
    margin-bottom: 1rem;
}
.rh-text p:empty{
    display: none;
}
.award-detail .rh-text .date
{
    margin-bottom: 2rem;
    position: relative;
}
.rh-text .date::before
{
    position: absolute;
    content: "";
    width: 204px;
    height: 2px;
    background-color: var(--color-accent);
    left: 110px;
    top: 18px;
}
.rh-text .date span
{
    display: block;
    font-size:var(--text-21);
    color: var(--color-accent);
    font-weight: 400;
    line-height: 1;
}
.award_list-sec .loadmore-btn
{
    color: var(--color-accent);
    font-size: var(--text-16);
    padding: 2.8em 0 5em;
    max-width:200px;
    position: relative;
}
.award_list-sec .loadmore-btn img {
    position: absolute;
    top: 47px;
    left: 87px;
}


@media(max-width:1599px){
    .award-top .heading .decorator1 {
        left: -6rem;
        top: 4em;
        width: 9rem;
    }
    .award-top .heading .decorator2{
        max-width: 8rem;
    }
}
@media(max-width:1399px){
    .award-detail .img-sec .big-img {width: 391px;}
    .rh-text .date::before {left: 72px; top: 10px;}
    .award_list-sec .loadmore-btn{max-width: 100px;}
    .award_list-sec .loadmore-btn img { top: 30px;left: 60px;}
    .award-top .heading .decorator1 {
        left: 0rem;
        top: 1em;
    }
    .award-top .heading .decorator2 {
        right: 0.5em;
        top: 0.5em;
    }
}
@media(max-width:1199px){
    .award-top .heading{max-width: 26em; margin-inline: auto; margin-bottom: 3rem;}
    .award-top .heading .decorator2 {
        max-width: 4rem;
    }
    .award-top .heading .decorator1{max-width: 4rem;}
    .award-top .heading .decorator1 {
        left: -2rem;
        top: 2em;
    }
    .award-top .heading .decorator2 {
        right: -1.5em;
        top: 1.5em;
    }
}
/* ===award-detail-page-css-end here===== */


/* -----event=page=CSS---- */
.event-top
{
    padding-top: 8rem ;
}
.event-top .date
{
    color: var(--color-accent);
    font-size: var(--text-16);
    font-weight: 700;
    margin-bottom: 1rem;
}
.event-top .title h4 {
    color: var(--color-black);
    font-size: var(--text-21);
    font-weight: 600;
    margin-bottom: 3rem;
}
.event-top p
{
    font-size: var(--text-13);
}
.event-top .icon
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 120px;
    margin: auto;
}
.event-top .icon img
{
    width: 35px;
}
.event-top .icon .share
{
    border-left: 1px solid #b3aaaa;
    padding-left: 20%;
}
.event-mid {
    padding-top: 8rem;
}
 .banner-img
{
    margin-bottom: 7rem;
}
.event-mid .container
{
    position: relative;
}
.event-mid .container::before
{
    position: absolute;
    content: "";
    bottom: 0;
    height: 75%;
    width: 100%;
    background: var(--color-white);
    border-radius:25px ;
    z-index: -1;
}
.event-mid p
{
    font-size: var(--text-13);
}
.event-mid figure
{
    border-radius: 12px;
    overflow: hidden;
}
.detail-txt
{
    padding-top: 6rem;
    padding-bottom: 8rem;
}
.detail-txt .left {
    padding-right: 4rem;
}
.related-news-sec
{
    padding: 8rem 0;
}
.related-news-sec .news-list
{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 3rem;
    padding-top: 1rem;
    padding-bottom: 4rem;
}
.related-news-sec h4
{
    color: var(--color-accent);
    font-size: var(--text-16);
    font-weight: 700;
    margin-bottom: 1.5rem;
}
.news-detail figure {
    border-radius: 12px;
    overflow: hidden;
}
.news-detail .news-txt
{
    padding-top: 2rem;
    display: flex;
    align-items: start;
    justify-content: space-between;
    padding-inline: 2rem;
}
.news-detail .news-txt p
{
  font-size: var(--text-16);
  text-wrap: pretty;
  padding-left:3rem ;
}
.news-txt .date span{
    display: block;
    font-size: var(--text-21);
    font-weight: 400;
    line-height: 1.2;
}

/* ========contact us CSS Start====== */

.contact-us-top .inner-container
{
    padding-top: 8em;
}
/* .contact-us-top .heading {
    position: relative;
    margin-bottom: 5em;
} */


.contact-us-top .heading{position: relative; margin-bottom: 5em;}
.contact-us-top .heading .decorator{position: absolute; mix-blend-mode: multiply;}
.contact-us-top .heading .decorator1{left: 1rem; top: 0em; width: 11em;}
.contact-us-top .heading .decorator2{right: -0.5em; top: -3.5em; z-index: 1;}

/* ======UI18-10-2001====end here======= */


/* ======UI18-01-1994====end here======= */
/* .b2b-listing{display: grid;}
.b2b-listing>*{grid-area: 1/1;} */

.b2b-listing .container {padding-bottom: 4em;}
.b2b-listing .container p {
    font-size: var(--text-36);
    max-width: 10em;
    font-weight: 700;
    color: var(--color-white);
    line-height: 1.15;
    margin-bottom: .5em;
    letter-spacing: -1.14px;
}

.b2b-listing .container span {
    color: #FFF211;
    font-size: var(--text-16);
    font-weight: 700;
    margin-bottom: .4rem;
    display: block;
}
.b2b-listing  {
    display: grid;
    align-items: end;
    aspect-ratio: 1366 / 480;
    min-height: 480px;
}
.b2b-listing>* {
    grid-area: 1 / 1;
}
.b2b-listing .banner-image img{
    max-height: 20em;
    object-fit: contain;
}
.spices-list-breadcrumb  {
    padding-top: 3.5rem;
}
.spice-sortby h3 {
    color: var(--color-accent);
    font-size: var(--text-21);
    font-weight: 600;
}
.sortby-section {
    padding-top: 2rem;
}
.spice-sortby {
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
}
.sort {
    display: flex;
    align-items: center;
    grid-gap: 2rem;
}
.sort h4 {
    font-size: var(--text-16);
    color: var(--color-accent);
    font-weight: 700;
    margin-bottom: 0;
}
.sort-detail select {
    font-size: var(--text-14);
    appearance: none;
    background-image: url(../images/a-to-z.svg);
    background-repeat: no-repeat;
    background-position: right 0rem top 50%;
    background-size: 1.5rem auto;
    background-color: transparent;
    border: none;
    min-width: 83px;
}
.sort-detail select option{
    font-size: .7em;
}
.list-view {
    display: flex;
    grid-gap: 2rem;
    border-left: 1px solid #D4D4D4;
    padding-left: 3rem;
}
.fitter-area {
    margin-top: 3.5rem;
    padding-bottom: 13.7rem;
}
.fitter-area .col-lg-10 {
    border-top: 1px solid #D1D1D1;
}
.left-filter {
    border-right: 1px solid #D1D1D1;
    padding-top: 4rem;
}
.filter_button a{
    font-size: var(--text-16);
    color: var(--color-black);
    font-weight: 500;
    font-family: var(--family-primery);
}
.filter_button a img{
    margin-right: 1rem;
}
.sort_filter_flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 2rem;
}
.left-filter h5 {
    font-size: var(--text-16);
    color: var(--color-accent);
    font-weight: 700;
    margin-bottom: 0;
}
.fitter-area .accordion-item {
    border: none;
    border-bottom: 1px solid #D1D1D1;
        margin-top: 3.2rem;
}
.fitter-area .accordion-button {
    background-color:  var(--color-light);
    color: var(--color-default);
    font-size: var(--text-14);
    font-weight: 700;
    padding-inline: 0 2rem;
    border-bottom: 1px solid transparent;
}
.fitter-area .accordion-body {
    background: var(--color-light);
    padding-inline: 0 0rem;
}
.fitter-area .accordion-button:not(.collapsed) {
    box-shadow: none;
}
.checked {
    padding-bottom: 2rem;
}
.checked input[type="checkbox"] {
    width: 14px;
    height: 14px;
    accent-color: #EC3237;
    border-radius: none;
  }

.checked label {
    margin-left: 1rem;
}
.price-input {
    width: 100%;
    display: flex;
    margin: 30px 0 35px;
  }
  .price-input .field {
    display: flex;
    width: 100%;
    height: 40px;
    align-items: center;
    background: #fff;
    border-radius: 6px;
  }
  .field input {
    width: 100%;
    height: 100%;
    outline: none;
    font-size: var(--text-11);
    margin-left: 1px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid transparent;
    -moz-appearance: textfield;
  }
  input[type="number"]::-webkit-outer-spin-button,
  input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }
  .price-input .separator {
    width: 100px;
    display: flex;
    font-size: var(--text-11);
    align-items: center;
    justify-content: center;
  }
  .slider {
    height: 2px;
    position: relative;
    background: #ddd;
    border-radius: 5px;
  }
  .slider .progress {
    height: 100%;
    left: 25%;
    right: 25%;
    position: absolute;
    border-radius: 5px;
    background: #EC3237;
  }
  .range-input {
    position: relative;
  }
  .range-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    top: -3px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  input[type="range"]::-webkit-slider-thumb {
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background: #fff;
    pointer-events: auto;
    border: 1px solid #EC3237;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  }
  input[type="range"]::-moz-range-thumb {
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background: #fff;
    pointer-events: auto;
    border: 1px solid #EC3237;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  }
  .fitter-area .accordion-item:last-child {
    border-bottom: none;
  }
  .hd-collapse {
    padding-inline: 0 2rem;
  }
  .field span {
    font-size: var(--text-11);
    color: #C8C8C8;
    padding-left: 6px;
  }
  .right-filter {
    padding-top: 4rem;
  }
  .right-filter ul {
    display: grid;
    grid-template-columns: repeat(3 ,1fr);
    grid-gap: 3.3rem;
    padding-left: 2rem;
  }
.product-listing {
    background: #fff;
    border-radius: 10px 10px 10px 10px;
    position: relative;
    padding-top: 3rem;
    padding-bottom: 0px;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.product-listing .off {
    position: absolute;
    border-radius: 0px 4px 4px 0px;
    background: #EC3237;
    max-width: 85px;
    padding-inline: 1rem 1rem;
    top: 2rem;
    z-index: 99;
}
.product-listing h5 {
    font-size: var(--text-16);
    color: #231F27;
    font-weight: 500;

}.product-listing p {
    font-size: var(--text-14);
    color: #444444;
    margin-bottom: 1rem;
}
.product-listing :is(select, input){font-size: var(--text-11); max-width: 13em; margin-inline: auto;}
.product-listing  input{text-align: center;}
.product-listing  figure img{aspect-ratio: 1/1; object-fit: contain;}
.product-listing  figure{margin-bottom: 0em; padding-inline: 5rem; padding-top: 1rem;}
.add-cart {
    align-items: center;
    text-align: center;
    background: #EBEBEB;
    border-radius: 0px 0px 10px 10px;
    margin-top: auto;
}
.add-cart a {
    font-size: var(--text-14);
    color: var(--color-accent);
    padding-block: 14px 14px;
    display: block;
}.add-cart a img {
    padding-right: .6rem;
    max-width: 2.7rem;
}
.off p {
    color: #fff;
}

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

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

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

@media (max-width: 992px) {
    .left-filter {
        border-right: 1px solid transparent;
    }
    .fitter-area .accordion-item {
        margin-top: 1.5rem;
    }
}

@media (max-width: 768px) {
    .right-filter ul {
        grid-gap: 2.3rem;
        grid-template-columns: repeat(2, 1fr);
        padding-left: 0;
    }
    .fitter-area {
        padding-bottom: 8.7rem;
    }
    .fitter-area .accordion-item {
        margin-top: 1.5rem;
        background-color: transparent;
    }
}

@media (max-width: 560px) {
    .right-filter ul {
        grid-template-columns: repeat(1, 1fr);
    }
}
  /* -----B2C-Listing-page-css-closed---- */

  /* -----Product-Detail-page-css-start---- */
.pc-details {
    margin-top: 4em;
    position: relative;
}
.pc-details .carousel-indicators li{
    opacity: 1;
}
/* .pc-details .col-lg-10.mx-auto .row{
    align-items: center;
} */
.powder {
    border-bottom: 1px solid #D5D5D5;
    padding-bottom: 2.8rem;
    padding-top: 0rem;
    position: relative;
    z-index: 9;
}
.powder h3 {
    font-size: var(--text-28);
    font-weight: bold;
    color: var(--color-black);
}
.price {
    display: flex;
    font-size: var(--text-28);
    font-weight: 300;
    color: var(--color-accent);
    grid-gap: 1.8rem;
    margin-bottom: 1rem;
}
.price s {
    color: #A1A1A1;
}
.powder p {
    font-size: var(--text-14);
    color: #EC3237;
    margin-bottom: 2rem;
}
.powder h6 {
    font-size: var(--text-16);
    color: #231F27;
    font-style: italic;
    font-weight: 300;
    margin-bottom: 0;
}
.size-powder {
    border-bottom: 1px solid #D5D5D5;
    padding-bottom: 2.5rem;
    position: relative;
    z-index: 9;
    text-align: left;
    padding-top: 2.5rem;
    margin-bottom: 2rem;
}
.product-details-wrapper .size-powder b{
    color: #EC3237;
    font-size: var(--text-16);
    font-weight: 700;
    margin-bottom: 1.5rem;
}


.product-details-wrapper .size-powder ol{
    padding-top: 1rem;
}
.size-powder h6 {
    color: #EC3237;
    font-size: var(--text-16);
    font-weight: 700;
    margin-bottom:0rem;
}
.product-details-wrapper b{
    color: #EC3237;
    font-size: var(--text-16);
    font-weight: 700;
    margin-bottom: 1.5rem;
    margin-top: 2rem;
    display: block;
}
.product-details-wrapper ol{
    list-style: none;
}
.product-details-wrapper ol li::before{
    background-color: #EC3237;
    position: absolute;
    left: -2rem;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 7px;
    top: 9px;
}
.product-details-wrapper ol{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
}
.product-details-wrapper ol li{
    position: relative;
}



.size-powder h6 span{
    color: #231F27;
    font-weight: 400;
}
.size-gm span {
    display: inline-flex;
    grid-gap: 1rem;
    background:  #FFFFFF;
    padding: 4px 12px;
    border-radius: 4px;
    margin-top: 3rem;
    font-size: var(--text-14);
    margin-right: 1rem;
}
.size-gm span:hover {
    background: #EC3237;
    color: #fff;
}
.size-gm span.active {
    background: #EC3237;
    color: #fff;
}
.number_counter.add-pro {
    display: flex;
    align-items: center;
    grid-gap: 2rem;
    margin-top: 2.8rem;
    position: relative;
    z-index: 9;
}
.number_counter.add-pro h6 {
    font-size: var(--text-16);
    color: #231F27;
}
.number_counter.add-pro .number {
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    height: 38px;
}
.number_counter.add-pro .number .plus {
    background: #E3E3E3;
    border-radius: 4px;
    padding: 0px 10px;
    font-size: 24px;
    width: 5.5rem;
    text-align: center;
}
.number_counter.add-pro .number .minus {
    background: #E3E3E3;
    border-radius: 4px;
    padding: 0px 10px;
    font-size: 24px;
    width: 5.5rem;
    text-align: center;
}
.number_counter.add-pro input {
    background: transparent;
}
.buy-now {
    display: flex;
    align-items: center;
    text-align: center;
    grid-gap: 2rem;
    padding-top: 2.4rem;
    position: relative;
    z-index: 9;
}
.buy-now a {
    flex-grow: 1;
    text-align: center;
    padding: 10px 12px;
    background: var(--color-white);
    color: var(--color-accent);
    font-size: var(--text-14);
    border-radius: 6px;
}
.buy-now a img {
    margin-right: .8rem;
    max-width: 2rem;
}
.buy-now a.buy-now {
    background: var(--color-accent);
    font-size: var(--text-14);
    color: #fff;;
    justify-content: center;
    border-radius: 6px;
}
.product-details-wrapper  .buy-now{display: inline-flex;}
.description {
    margin-top: 9rem;
    margin-bottom: 9rem;
    position: relative;
}
.pc-details figure.leave img {
    position: absolute;
    left: -20%;
    bottom: -50px;
    width: 200px;
}
.description h6 {
    color: #EC3237;
    font-size: var(--text-16);
    font-weight: 700;
    margin-bottom: 1.5rem;
}
.description p {
    font-size: var(--text-13);
}
.description ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    margin-top: 6rem;
}
.description ul li h5 {
    font-size: var(--text-14);
    color: #3F3C43;
    font-weight: 700;
    margin-top: 2rem;
}
.also-like {
    padding: 9rem 0 12rem;;
    border-top:1px solid #DFDFDF;
    border-bottom:1px solid #DFDFDF;
    position: relative;
}
.also-like h5 {
    color: #EC3237;
    font-size: var(--text-16);
    font-weight: 700;
    margin-bottom: 4rem;
}
.also-like .best-sellers {
    padding-left: 0;
}
.also-like .best-sellers h6 a {
    font-size: var(--text-16);
    color: #231F27;
    font-weight: 500;
}
.also-like .swiper-slide {
    position: relative;
}
.also-like .best-sellers .swiper-slide p {
    font-size: var(--text-14);
    justify-content: center;
}
.also-like .swiper-navs {
    justify-content: end;
    margin-top: -6rem;
    margin-bottom: 5rem;
}
.also-like .swiper-navs :is(.swiper-button-next, .swiper-button-prev) {
    border-color: #fff;
    background: #fff;
    width: 1.5em;
    align-items: center;
}
.also-like .swiper-navs :is(.swiper-button-next, .swiper-button-prev):after {
    border-color: #fff;
    color: #231F27;
    font-weight: 600;
    font-size: .6em;
    line-height: .5;
}
.also-like figure.pro-detail img {
    position: absolute;
    right: 0;
    bottom: 50px;
    width: 110px;
}
.social-wall {
    padding: 9rem 0 14rem;
}

.social-wall h5 {
    color: #EC3237;
    font-size: var(--text-16);
    font-weight: 700;
    margin-bottom: 5rem;
}
.social-wall figure {
    display: grid;
    position: relative;
    overflow: hidden;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
    margin: 0 .5rem;
}
.social-wall .icon_box {
    width: 4.2rem;
    height: 4.2rem;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: var(--color-white);
    position: absolute;
    right: 3rem;
    top: 2rem;
    border: .1rem solid transparent;
    filter: drop-shadow(0 0 6px rgba(0,0,0,.15));
    -webkit-filter: drop-shadow(0 0 6px rgba(0,0,0,.15));
}
.social-wall figure>* {
    grid-area: 1 / 1;
}
.social-wall figure figcaption {
    padding: 3rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    z-index: 1;
    background: linear-gradient(to top, rgba(0,0,0,.9), rgba(0,0,0,0)60%);
}
.social-wall figure figcaption .socl_content {
    position: relative;
    width: 100%;
    height: auto;
}
/* .social_wall figure figcaption {
} */
.socl_content .date {
    font-size: var(--text-10);
    color: #fff;
}
.socl_content p {
    font-size: var(--text-18);
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.social-wall figure a.inset {
    position: absolute;
    content: '';
    inset: 0;
    z-index: 1;
}
/* .pc-details .col-lg-5 {
    padding-left: 5rem;
} */
@media (max-width: 1600px){

  }
  @media (max-width: 1399px){
    .price  {
        margin-bottom: .8rem;
    }
    .powder p {
        margin-bottom: 1.8rem;
    }
    .powder {
        padding-bottom: 2.4rem;
        padding-top: 0;
    }
    .size-powder h6 {
        margin-top: 2.4rem;
    }
    .size-gm span {
        margin-top: 1.9rem;
    }
    .number_counter.add-pro {
        margin-top: 2.4rem;
    }
    .description {
        margin-top: 7rem;
        margin-bottom: 7rem;
    }
    .description ul {
        margin-top: 5.2rem;
        margin-bottom: 0;
    }
    .also-like {
        padding: 7rem 0 10rem;
    }
    .social-wall {
        padding: 7rem 0 12rem;
    }
    .also-like h5 {
        margin-bottom: 2.7rem;
    }
    .also-like .swiper-navs {
        margin-top: -4rem;
        margin-bottom: 3rem;
    }
  }

  @media (max-width: 1199px){

  }
  @media (max-width: 993px){
    .powder {
            margin-top: 3rem;
        }
   .description ul {
       display: grid;
       grid-template-columns: repeat(2, 1fr);
       grid-gap: 2rem;
   }
   .also-like .swiper-navs {
       margin-top: -8rem;
   }
   .social-wall figure {
        margin-bottom: 1.5rem;
   }
  }
  @media (max-width: 767px){

  }


  /* -----Product-Detail-page-css-Closed---- */



  /* -------Popup css------- */

/* 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: -100%;height: 100vh;transition: 0.3s all ease-in-out;width: 100%; display: flex; justify-content: flex-end;}
.side_open .sideMenu {right: 0rem;z-index: 999;}
.sideMenu {padding: 0;}
.humburger_bg {position: relative;}
body.side_open {position: relative;}
body.side_open:after {position: fixed;transform: translateX(-100%);transition:.5s ease-in;content:"";max-width: 100%;height: 100%;top: 0;left: 0;right: 0;z-index: 99;}
body.side_open:after {content: '';background-color: #000;transform: translateX(0);filter: opacity(0.7);backdrop-filter: blur(3px);}
.humburger-slide-popup{ background: #fff; height: 100vh; display: flex; flex-direction: column;  width: 30.5em;}
.humburger-slide-popup .cart-menu-top{padding-block: 1.5em;padding-inline: 1.5em 1.5em;overflow-y: auto; display: flex; flex-direction: column; row-gap: 1.5em;}
.humburger-slide-popup .cart-menu-bottom{padding-block: 1.5em;padding-inline: 2em 2.5em; background-color: #F1F1F1; margin-top: auto;}
.humburger-slide-popup .cart-menu-bottom h6{display: flex; justify-content: space-between; align-items: center; font-size: var(--text-16); font-weight: 500; margin-bottom: .89em;}
.cart-menu-bottom h6 .total{color: var(--color-accent); font-weight: 700;}
/* .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: 800;color: var(--color-theme);margin-bottom: 2rem;}
.humburger-slide-popup .popup_top_txt h6 {font-size: var(--text-12);font-weight: 700;margin-bottom: 2rem;}
.humburger-slide-popup .popup_top_txt p {font-size: var(--text-14);} */
.humburger-slide-popup button{margin-left: auto;}


.cart-menu-bottom .btns{display: flex; column-gap: 1em; margin-bottom: .6em;}
.cart-menu-bottom .btns>*{flex-grow: 1; display: flex; align-items: center; justify-content: center;}
.cart-menu-bottom .btn-theme-white{color: var(--color-accent); display: flex; column-gap: .5em; align-items: center;}
.cart-menu-bottom .btn-theme-white:hover{color: var(--color-white);}
.cart-menu-bottom .btn-theme-white svg path{stroke: currentColor;}
.cart-menu-bottom p{font-size: var(--text-11); text-align: center; text-align: center;}

.humburger-slide-popup .cart-list{padding-right: 2.5em;}
.humburger-slide-popup .cart-item{padding-block: 1.7em; display: flex; position: relative; column-gap: 1.5rem;}
.humburger-slide-popup .cart-item:not(:last-child)::after{content: ''; position: absolute; bottom: 0; left: 2em; right: 0; height: .1em; background: #e0e0e0;}
.humburger-slide-popup .cart-item figure{max-width: 8.5em;}
.humburger-slide-popup h3 {font-size: var(--text-21);font-weight: 600;color: var(--color-theme); padding-left: 1.5em; display: flex; column-gap: 1em; align-items: center;}
.humburger-slide-popup .cart-item h6 {font-size: var(--text-14);font-weight: 400;margin-bottom: .5em;}
.humburger-slide-popup .cart-item p {font-size: var(--text-14);}
.humburger-slide-popup .cart-item p.price {font-size: var(--text-16); font-weight: 500; color: inherit;}
.humburger-slide-popup .cart-item .qty{display: flex; align-items: center; column-gap: 1em;}
.humburger-slide-popup .cart-item .qty p{margin-bottom: 0;}
.humburger-slide-popup .cart-item .number{ box-shadow: none; border-radius: 0; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
.humburger-slide-popup .number input{border: none; padding: 0;font-size: var(--text-16); font-weight: 500; line-height: 1; text-align: center; width: 2em;}
.humburger-slide-popup .number span{display: grid; width: 1.5em; height: 1.5em; font-size: 1em; background: #E3E3E3; place-items: center;}
.key-skus {display: flex;justify-content: space-between;padding-top: 2rem;border-bottom: 1px solid #E3E3E3;padding-bottom: 1rem;}
.key-skus .key-ver h4 {color: var(--color-theme);font-size: var(--text-12);font-weight: 600;padding-top: 1rem;margin-bottom: 0;}
.key-skus .key-ver p {padding-top: 1rem;margin-bottom: 0;}
.enquire .enquie-btn {color: var(--color-theme);border: 1px solid var(--color-theme);padding: 0.8rem 1.5rem;font-size: var(--text-12);display: block;border-radius: 24px;}
.enquire .enquie-btn:hover{background-color: var(--color-theme);color: var(--color-white);transition: 0.5s ease-in-out;}
.enquire {display: flex;column-gap: 1rem;padding-top: 2.7rem;}


/* ========B2C Landing Page========= */
.prod-cate {
    padding: 12rem 0 0;
}
.prod-cate h5, .best-seller h5 {
    font-size: var(--text-16);
    color: var(--color-accent);
    font-weight: 700;
    margin-bottom: .4rem;
    text-align: center;
}
.best-seller h5 {
    color: var(--color-dark);
}
.prod-cate h3, .best-seller h3 {
    font-size: var(--text-28);
    font-weight: bold;
    color: var(--color-black);
    text-align: center;
}
.prod-list ul {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    margin-top: 5.8rem;
    place-items: center;
}
.list-img {
    position: relative;
}
.list-img::before {
    position: absolute;
    width: 150px;
    aspect-ratio: 1 / 1;
    display: block;
    content: '';
    top: .3em;
    background: #D9D9D9;
    border-radius: 50%;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    z-index: -1;
}
.list-img img {
    width: 100%;
    max-width: 150px;
    aspect-ratio: 1/1;
    object-fit: contain;
    margin-inline: auto;
}
.prod-list p {
    font-size: var(--text-12);
    text-align: center;
    margin-top: -35px;
    color: #231F27;
    font-weight: 500;
    margin-top: 4rem;
}
.prod-cate .container {
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 10rem;
}

@media (max-width: 1600px){
    .list-img img {
        max-width: 115px;
    }
    .prod-list p {
        margin-top: 2.5rem;
    }
}
@media (max-width: 1399px){
    .list-img img {
        max-width: 105px;
    }
    .prod-list p {
        margin-top: 2.5rem;
    }
}

.best-seller {
    padding-top: 10rem;
    padding-bottom: 10rem;
}
.best-seller ul {
    padding-left: 0;
}
.best-seller .swiper-navs {
    justify-content: end;
    margin-top: 2rem;
    margin-bottom: 5rem;
    left: 50%;
    transform: translate(-48%, 0);
}
.best-seller .swiper-navs :is(.swiper-button-next, .swiper-button-prev) {
    border-color: #fff;
    background: #fff;
    width: 1.5em;
    align-items: center;
    filter: drop-shadow(2px 0px 2px rgba(0, 0, 0, .3));
    -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, .15));
}
.best-seller .swiper-navs :is(.swiper-button-next, .swiper-button-prev):after {
    border-color: #fff;
    color: #231F27;
    font-weight: 600;
    font-size: .6em;
    line-height: .5;
}
.best-seller a.link-icon.icon-white {
    margin: 0 auto;
    text-align: center;
    margin-top: 4rem;
    filter: drop-shadow(2px 0px 2px rgba(0, 0, 0, .3));
    -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, .15));
}
.best-seller.Gourmet {
    background: #fff;
}
.best-seller.Gourmet .product-listing {
    border: 1px solid #E3E3E3;
    padding-top: 5rem;
}
.best-seller.Gourmet h5 {
    color: #231F27;
}

.best-seller .product-listing figure{padding: 1em 2em 0;}


.monsoon {
    padding: 10rem 0;
}


.new-arrival .container p {
    font-size: var(--text-14);
    max-width: 25em;
    font-weight: 300;
    color: var(--color-white);
    margin: 2.1rem 0;
}
.new-arrival .swiper-slide {
    display: grid;
    align-items: flex-end;
}
.new-arrival .swiper-slide .container {
    padding-top: 5rem;
    padding-bottom: 8rem;
}
.new-arrival .swiper-slide picture img{ border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; -ms-border-radius: 1em; -o-border-radius: 1em; }
.new-arrival h6 {
    font-size: var(--text-14);
    color: #fff;
    font-weight: 300;
}
.new-arrival .container span {
    color: #fff;
    font-size: var(--text-32);
    line-height: 1.2;
    font-weight: 700;
}
.new-arrival .swiper-slide>* {
    grid-area: 1 / 1;
}
/* .herobanner.b2b-list .container {padding-bottom: 8em;} */
.herobanner.b2b-list .container p {
    font-size: var(--text-36);
    max-width: 10em;
    font-weight: 700;
    color: var(--color-white);
    line-height: 1.15;
    margin-bottom: .5em;
    letter-spacing: -1.14px;
}
.herobanner.b2b-list .swiper-slide {
    display: grid;
    align-items: flex-end;
    min-height: 500px;
    aspect-ratio: 1366/558;
    background: transparent linear-gradient(180deg, #2A0900 0%, #5F1700 100%) 0% 0% no-repeat padding-box;
}



@media screen and (min-width:1921px){
    .herobanner.b2b-list .swiper-slide {
        min-height: 450px;
        aspect-ratio: 1366/550;
    }
}


@media screen and (min-width:2000px){
    .herobanner.b2b-list .swiper-slide {
        min-height: 350px;
        aspect-ratio: 1366/520;
    }
}


@media screen and (min-width:2200px){
    .herobanner.b2b-list .swiper-slide {
        min-height: 350px;
        aspect-ratio: 1366/480;
    }
}


@media screen and (min-width:2400px){
    .herobanner.b2b-list .swiper-slide {
        min-height: 350px;
        aspect-ratio: 1366/450;
    }
}

@media screen and (min-width:2500px){
    .herobanner.b2b-list .swiper-slide {
        min-height: 350px;
        aspect-ratio: 1366/420;
    }
}


@media screen and (min-width:2600px){
    .herobanner.b2b-list .swiper-slide {
        min-height: 350px;
        aspect-ratio: 1366/380;
    }
}

@media screen and (min-width:3000px){
    .herobanner.b2b-list .swiper-slide {
        min-height: 350px;
        aspect-ratio: 1366/380;
    }
}

@media screen and (min-width:3300px){
    .herobanner.b2b-list .swiper-slide {
        min-height: 350px;
        aspect-ratio: 1366/350;
    }
}


@media screen and (min-width:3600px){
    .herobanner.b2b-list .swiper-slide {
        min-height: 350px;
        aspect-ratio: 1366/300;
    }
}


.herobanner.b2b-list .swiper-slide .container {
    padding-bottom: 9rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.herobanner.b2b-list .swiper-slide .banner-image{width: 60%;}
@media (min-width:992px) and (max-width:1500px) {
    .herobanner.b2b-list .swiper-slide .banner-image {
        width: 48%;
    }

}
.herobanner.b2b-list .container span {
    color: #FFF211;
    font-size: var(--text-16);
    font-weight: 700;
    display: block;
    margin-bottom: .4rem;
}
.prod-list li{
    overflow: hidden;
    padding: 1rem 0;
}
.prod-list li .list-img img{
    transition: transform .3s;
}

.prod-list li:hover .list-img img{
transform: scale(1.1);
}

.product-listing figure img{
    transition: transform .3s;
}

.product-listing:hover figure img{
transform: scale(1.1);
}


.herobanner.b2b-list .swiper-slide>* {
    grid-area: 1 / 1;
}
.herobanner .swiper-slide .inner-container{width: 100%;}
.herobanner .swiper-wrapper + .container .col-lg-10{
    position: relative;
}

.herobanner.b2b-list .swiper-controls{position: absolute; bottom: 30px; right: 0; width: 23em; z-index: 5; display: flex; align-items: center; column-gap: 2rem;}
.herobanner.b2b-list .swiper-navs :is(.swiper-button-next, .swiper-button-prev){border-color: var(--color-white);}
.herobanner.b2b-list .swiper-navs :is(.swiper-button-next, .swiper-button-prev):hover{border-color: var(--color-accent);}
.herobanner.b2b-list .swiper-navs :is(.swiper-button-next, .swiper-button-prev)::after{font-size: .8em; color: var(--color-white);}
.herobanner.b2b-list .swiper-progress{display: flex; justify-content: space-between; flex-grow: 1; position: relative;}
.herobanner.b2b-list .swiper-progress .swiper-pagination-progress{font-size: var(--text-20); top: 50%; translate: 0 -50%; width: calc(100% - (1.4em * 2)); left: 1.4em; background: transparent; border-bottom: 1px solid var(--color-white);}
.herobanner.b2b-list .swiper-pagination-progress .swiper-pagination-progressbar-fill{background: var(--color-white);}
.herobanner.b2b-list .swiper-progress .swiper-pagination-fraction{width: 100%; display: flex; justify-content: space-between;}
.herobanner.b2b-list .swiper-progress .swiper-pagination-fraction span{font-size: var(--text-20); color: var(--color-white);}
.herobanner.b2b-list .inner-container .btn{translate: 0 5em; opacity: 0; animation-delay: 2.5s;}
.herobanner.b2b-list .inner-container span{font-size: var(--text-16); color: var(--color-secondary); animation-delay: 1.2s;}
.herobanner.b2b-list .inner-container p{font-size: var(--text-42); max-width: 8em; font-weight: 700; color: var(--color-white); line-height: 1.15; margin-bottom: .35em; translate: 0 2em; opacity: 0;   animation-delay: 2s;}
.herobanner.b2b-list .swiper-slide.swiper-slide-active p{animation-name: fade-up; animation-duration: 1s; animation-fill-mode: both;}
.herobanner.b2b-list .inner-container span{ clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); transition-duration: 1s; -webkit-transition: 1s; -moz-transition: 1s all; -ms-transition: 1s all; -o-transition: 1s all; }
.herobanner.b2b-list .swiper-slide.swiper-slide-active span{animation-name: clip-horizontal; animation-duration: 1s; animation-fill-mode: forwards;}
.herobanner.b2b-list .swiper-slide.swiper-slide-active .btn{animation-name: fade-up; animation-duration: 1s; animation-fill-mode: forwards;}
@keyframes clip-horizontal {
    from{
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
    }
    to{
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}
@keyframes fade-up {
    /* from{
        translate: 0 30%; opacity: 0;
    } */
    to{
        translate: 0 0%; opacity: 1;
    }
}
.herobanner.new-arrival .swiper-slide>* {
    grid-area: 1 / 1;
}
.herobanner .swiper-wrapper + .container .col-lg-10{
    position: relative;
}
.herobanner.new-arrival .swiper-controls{position: absolute; bottom: 30px; right: 0; width: 23em; z-index: 5; display: flex; align-items: center; column-gap: 2rem;}
.herobanner.new-arrival .swiper-navs :is(.swiper-button-next, .swiper-button-prev){border-color: var(--color-white);}
.herobanner.new-arrival .swiper-navs :is(.swiper-button-next, .swiper-button-prev):hover{border-color: var(--color-accent);}
.herobanner.new-arrival .swiper-navs :is(.swiper-button-next, .swiper-button-prev)::after{font-size: .8em; color: var(--color-white);}
.herobanner.new-arrival .swiper-progress{display: flex; justify-content: space-between; flex-grow: 1; position: relative;}
.herobanner.new-arrival .swiper-progress .swiper-pagination-progress{font-size: var(--text-20); top: 50%; translate: 0 -50%; width: calc(100% - (1.4em * 2)); left: 1.4em; background: transparent; border-bottom: 1px solid var(--color-white);}
.herobanner.new-arrival .swiper-pagination-progress .swiper-pagination-progressbar-fill{background: var(--color-white);}
.herobanner.new-arrival .swiper-progress .swiper-pagination-fraction{width: 100%; display: flex; justify-content: space-between;}
.herobanner.new-arrival .swiper-progress .swiper-pagination-fraction span{font-size: var(--text-20); color: var(--color-white);}
.herobanner.new-arrival .inner-container .btn{translate: 0 5em; opacity: 0; animation-delay: 2.5s;}
.herobanner.new-arrival .inner-container span{font-size: var(--text-16); color: var(--color-secondary); animation-delay: 1.2s;}
.herobanner.new-arrival .inner-container p{font-size: var(--text-42); max-width: 8em; font-weight: 700; color: var(--color-white); line-height: 1.15; margin-bottom: .35em; translate: 0 2em; opacity: 0;   animation-delay: 2s;}
.herobanner.new-arrival .swiper-slide.swiper-slide-active p{animation-name: fade-up; animation-duration: 1s; animation-fill-mode: both;}
.herobanner.new-arrival .inner-container span{ clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); transition-duration: 1s; -webkit-transition: 1s; -moz-transition: 1s all; -ms-transition: 1s all; -o-transition: 1s all; }
.herobanner.new-arrival .swiper-slide.swiper-slide-active span{animation-name: clip-horizontal; animation-duration: 1s; animation-fill-mode: forwards;}
.herobanner.new-arrival .swiper-slide.swiper-slide-active .btn{animation-name: fade-up; animation-duration: 1s; animation-fill-mode: forwards;}
@keyframes clip-horizontal {
    from{
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
    }
    to{
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}
@keyframes fade-up {
    /* from{
        translate: 0 30%; opacity: 0;
    } */
    to{
        translate: 0 0%; opacity: 1;
    }
}

.new-arrival .arrival {
    width: 40em;
    margin-left: auto;
    padding-right: 3rem;
}

.recipes{background: #BC1217; color: var(--color-white); padding-block: 8em;}
.recipes .heading-top{color: var(--color-white);}
.recipes .heading{margin-bottom: 1em;}
.recipes .heading .section-title{color: #fff;}
.recipes .swiper{padding-block: 3em 8em;}
.recipes .swiper figure{position: relative;}
.recipes .swiper figure::after{ content: ''; position: absolute; inset: 0; translate: 1.5em 3em; background: #000000; opacity: 0.26; filter: blur(2.3em); z-index: -1; -webkit-filter: blur(2.3em); }
.recipes .swiper figure img{ border-radius: .77em; -webkit-border-radius: .77em; -moz-border-radius: .77em; -ms-border-radius: .77em; -o-border-radius: .77em; }
.recipes .swiper .swiper-slide:nth-child(even){translate: 0 4em}
.recipes .swiper h5{font-size: var(--text-14); margin-block: 1.2em 1em; font-weight: 400;}

.recipes .swiper .btn-link .link-icon{background-color: #BC1217;}
.recipes .swiper .btn-link .link-icon img{ filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); }
.recipes .swiper .btn-link:hover {color: #fff;}
.recipes .swiper .btn-link:hover .link-icon{background: var(--color-black);}
.recipes :is(.swiper-button-next, .swiper-button-prev){width: 1.4em; height: 1.4em; background-color: var(--color-white); border: none; display: none;}
.recipes :is(.swiper-button-next, .swiper-button-prev)::after{ color: var(--color-dark); font-size: .7em; font-weight: 600; margin-top: 0}
.recipes :is(.swiper-button-next, .swiper-button-prev):hover{background-color: var(--color-dark);}
.recipes :is(.swiper-button-next, .swiper-button-prev):hover::after{color: var(--color-white);}



@media (min-width: 992px){
    .recipes .swiper-wrapper{
        column-gap: 2.5rem;
    }
    .recipes .swiper-slide{width: 20%;}
}
@media (min-width: 1200px){
    .recipes .swiper-wrapper{
        column-gap: 4rem;
    }
    .recipes .swiper-slide{width: 20%;}
}


@media (max-width: 1800px){
    .list-img::before {
        width: 150px;
    }
}
@media (max-width: 1600px){
    .list-img::before {
        width: 132px;
    }
}
@media (max-width: 1399px){
    .list-img::before {
        width: 124px;
    }
    .best-seller {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
    .best-seller .swiper-navs {

        transform: translate(0%, 0);
        justify-content: center;
    }
}
@media (max-width: 1299px){
    .new-arrival .arrival{width: 33em;}

}
@media (max-width: 991.98px){
    .recipes :is(.swiper-button-next, .swiper-button-prev){display: flex;}
}
@media (max-width: 767px){
    .new-arrival .arrival {
        width: 23em;
    }
    .recipes{padding-block: 4rem;}
    .sort-detail select {
        font-size: var(--text-16);
    }
}


/* ========B2C Landing Page Closed */

/* contact us page  */
.contact-detail h5{
    font-size: var(--text-16);
      font-weight: 700;
      color: var(--color-accent);
      margin-bottom: 2rem;
    line-height: 24px;

  }
  .contact-detail p{
    font-size: var(--text-16);
    line-height: 20px;
      margin-bottom: 0rem;
      padding-bottom: 2.4rem;

  }
  .contact-detail{
    border-bottom: 1px solid #D6D6D6;
    margin-bottom: 2.4rem;
    margin-right: 7rem;
  }
  .contact-mid .contact-detail:first-child{
    margin-top: 4.4rem;
  }
  .contact-mid .contact-detail:last-child{
    border-bottom: none;
  }
  .con-form{
    position: relative;
  }

  .con-form .form-sec{
    background: #fff;
    padding: 4.4rem 4.5rem 6.1rem 4.5rem;
    border-radius: 16px;
    position: absolute;
    width: 100%;
  }
  .form-sec h5{
    font-size: var(--text-21);
      font-weight: 800;
      margin-bottom: 3.4rem;
    line-height: 26px;
  }
  .form-sec .form-control{
    border: none;
    border-bottom: 1px solid #80808035;
    margin-bottom: 2.2rem;
    padding-bottom: 2.2rem;
    font-size: var(--text-13);
    line-height: 18px;

  }
  .form-sec .form-control::placeholder{
    color:var(--color-default);
    border-radius:0;
  }
  .form-sec textarea.form-control{
    background: #FAFAFA;
    padding: 17px 12px;
    min-height: 100px;
    color:var(--color-default);
    border-bottom: none !important;
    margin-bottom: 2rem;
    margin-top: 2.6rem;
  }
  .form-sec .form-control:focus, .form-sec .form-control:focus-visible{
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #80808095;
    border-radius: 0;
  }
  .form-sec textarea:focus-visible{
    background: #FAFAFA;
  }
  .form-sec .check-input {
    display: flex;
    align-items: baseline;
    margin-bottom: 2.5rem;
  }

  .form-sec .check-input input {
    margin-right: 0rem;
    position: relative;
  }
  .form-sec .check-input .custom-input {
    -webkit-appearance: none;
    appearance: none;
    transform: translateY(5px);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #80808035;
  }
  .form-sec .check-input input[type="checkbox"]{
    border: none;
  }

  .form-sec .check-input input[type="checkbox"].custom-input::before {
    transform-origin: bottom left;
    /* clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); */
    background: url(../images/check.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    transform: scale(0);
    background-position: center;


  }
  .form-sec .check-input input[type="checkbox"].custom-input:checked::before {
    transform: scale(1);
    border: none;
  }
  .form-sec .check-input .custom-input::before {
    display: block;
    content: "";
    width: 3.5rem;
    height: 2.2rem;
    transition: 120ms transform ease-in-out;
  }
  .form-sec .check-input p{
    font-size: var(--text-16);
    line-height: 20px;
  }
  .contact-us-top .heading{
    margin-bottom: 8rem;
  }
  .auth-page-start-section{ padding-block: 8rem 8rem;}



  @media screen and (min-width:1699px){
    .contact-detail p {
      line-height: 31px;
    }
    .form-sec .form-control {
      margin-bottom: 3rem;
      padding-bottom: 3rem;
    }
    .form-sec h5 {
      margin-bottom: 4rem;
    }
    .form-sec textarea.form-control {
      margin-top:3rem;
      margin-bottom: 3rem;
    }
    .form-sec .check-input {
      margin-bottom: 3.5rem;
  }
  .contact-mid .contact-detail:last-child {
    margin-bottom: 5rem;
  }
  .contact-us-top .heading .decorator2 {
    right: 1em;
    top: -2em;
    z-index: 1;
}
  }
  @media screen and (max-width:1299px){
    .contact-us-top .heading .decorator1 {
        left: 4rem;
        top: -1em;
        width: 11em;
    }
    .contact-us-top .heading .decorator2 {
        right: 3.5em;
        top: -3em;
        z-index: 1;
        width: 116px;
    }
  }

  @media screen and (max-width:991px){
    .contact-us-top .heading {
      margin-bottom: 4rem;
      width: fit-content;
          margin: auto;
  }
  .contact-us-top .heading .decorator1 {
    left: -9rem;
  }
  .contact-us-top .heading .decorator2 {
    right: -7em;
  }
  .con-form .form-sec{
    position: relative;
    margin-bottom: 6rem;
    margin-top: 1rem;
  }
  .contact-detail {
    margin-bottom: 2rem;
    margin-right: 0;
  }
  .contact-us-top .inner-container {
    padding-top: 6em;
  }
  .auth-page-start-section{ padding-block:7rem 3rem;}
  }
  @media screen and (max-width:475px){
    .contact-us-top .heading .decorator1 {
      left: -5rem;
      width: 7em;
      top: 1rem;
    }

    .contact-mid .contact-detail:first-child {
      margin-top: 2rem;
  }
  .con-form .form-sec {
    margin-bottom: 4rem;
    margin-top: 0rem;
    padding:2.5rem 2rem;
  }
  .contact-us-top .heading .decorator2 {
    right: -59px;
    top: -24px;
    width: 100px;
  }
  .form-sec h5 {
    margin-bottom: 2rem;
  }
  .contact-us-top .inner-container {
    padding-top: 4em;
  }

  }
  /* contact page end  */


/* =======The Journey Page======= */
.the-journey {
    padding-top: 12rem;
    padding-bottom: 12rem;
    position: relative;
}
.zeera-img {
    position: absolute;
    left: 0;
    bottom: -50px;
}
.journey-heading {
    position: relative;
}
.journey-heading h6 {
    font-size: var(--text-16);
    color: var(--color-accent);
    font-weight: 700;
}
.journey-heading h2 {
    color: #000000;
    font-size: var(--text-42);
    letter-spacing: -1.05px;
    font-weight: 700;
    padding-inline: 10rem 10rem;
    margin-bottom: 24px;
    position: relative;
}

.about-us-headeng .journey-heading h2{padding-inline: 0;}
.journey-heading p {
    font-size: var(--text-13);
    color: #444444;
}
.the-journey .journey-heading .decorator {
    position: absolute;
    mix-blend-mode: multiply;
    top: 0;
}
.the-journey .journey-heading .decorator1 {
    left: 2rem;
    top: 4rem;
    max-width: 14rem;
}
.the-journey .journey-heading .decorator2 {
    right: -0.5em;
    top: 0;
    z-index: 1;
}

.the-journey p.width-80{max-width: 60%;margin-inline: auto;}

.journey-start {
    display: flex;
    align-items: center;
    width: max-content;
    position: relative;
}
/* .journey-start img{
    box-shadow: 20px 23px 46px #00000029;
    border-radius: 22px;
} */
.journey-detail {
    padding-left: 3rem;
    position: relative;
    max-width: 470px;
}
.journey-start img.spices {
    position: absolute;
    left: -80px;
    bottom: -19px;
}
.years span {
    font-size: 22rem;
    color: rgb(35 31 39 / 5%);
    font-weight: 900;
    line-height: 1;
}
 .journey-grid>* {
    grid-area: 1 / 1;
}
.journey-detail h6 {
    color: #231F27;
    font-size: var(--text-16);
    font-weight: bold;
}
.journey-detail h5 {
    color: var(--color-accent);
    font-size: var(--text-16);
    font-weight: bold;
    padding: 9px 0 11px 0;
}
.journey-detail p {
    font-size: var(--text-13);
    color: #444444;
}
.journey-detail ul li  {
    position: relative;
    padding-left: 0;
}
.journey-detail  ul li::after {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background: #ec3237;
    border-radius: 10px;
    left: -12px;
    top: 9px;
}
.journey-grid {
    display: grid;
    align-items: center;
}
.journey-reel {
    position: relative;
}
.journey-reel .journey-start:nth-child(even) {
    margin-left: auto;
    padding-block: 14rem 14rem;
}
.termeric-img {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-70%);
    transform: translateY(-70%);
    background: var(--color-light);
    z-index: -1;
}
.termeric-img img {
    mix-blend-mode: multiply;
}
.journey-start img.besan {
    position: absolute;
    left: -73px;
    top: -78px;
    z-index: -1;
    background: var(--color-light)
}


@media (max-width: 1299.98px){
    .the-journey p.width-80 {
        max-width: 91%;
    }
}
@media (max-width: 991.98px){
    .termeric-img{display: none;}
    .journey-start img:nth-child(2){display: none;}
    .journey-reel .journey-start:nth-child(even){padding-block: 4rem;}
    /* .journey-start{} */

}
@media (max-width: 575px){
    .journey-start{flex-direction: column; row-gap: 2rem; flex-grow: 1;}
    .journey-reel .journey-start:nth-child(even){width: 100%;}
    .journey-start {text-align: center;}
    .journey-detail{padding-left: 0;}
    .the-journey p.width-80 {
        max-width: 100%;
    }
    .the-journey:where(:not(.about-us-headeng)) .journey-heading{padding-inline: 0;}
}
/* =======The Journey Page closed======= */



/* =======About Us Page ======= */
.about-banner {
    position: relative;
}
.the-journey.about-us-headeng .journey-heading .decorator1 {
    left: -6rem;
    top: 3.4rem;
    max-width: 12rem;
}
.the-journey.about-us-headeng .journey-heading .decorator2 {
    right: 0;
    translate: 50% 0%;
    top: 0rem;
    z-index: 1;
    width: 20rem;
}
.excellence-head h4 {
    font-size: var(--text-21);
    color: #231F27;
    font-weight: 600;
    margin-bottom: 2rem;
}
.about-banner .row {
    padding-top: 9rem;
    --bs-gutter-x: 7.5rem;
    align-items: center;
}
.year-stats .swiper-navs{justify-content: center; translate: 0 -50%; position: relative; z-index: 5;}
.year-stats .swiper-navs :is(.swiper-button-prev, .swiper-button-next){ border-color: #fff; background: #fff; filter: drop-shadow(0px 0px 4px rgba(0,0,0,.15)); -webkit-filter: drop-shadow(0px 0px 4px rgba(0,0,0,.15)); }
.year-stats .swiper-navs :is(.swiper-button-prev, .swiper-button-next)::after{color: #000; font-weight: 700; font-size: .8em;}
.year {
    display: flex;
    background: #EC3237 0% 0% no-repeat padding-box;
    padding: 2.5em;
    align-items: center;
    border-radius: 12px;
    /* box-shadow: 0px 29px 28px #EC32370F; */
    gap: 2rem;
    justify-content: center;
}
.year h3 {
    color: var(--color-white);
    font-size: var(--text-50);
    letter-spacing: -0.5px;
}
.year h3 span{font-size: .3em}
.year p {
    font-size: var(--text-16);
    font-weight: 700;
    color: #fff;
}
.about-banner .zeera-img {
    position: absolute;
    left: 0;
    bottom: 70px;
}
.location-map {
    padding-top: 18rem;
    border-bottom: 1px solid #C2C2C2;
}
.location-map .map {
    position: relative;
}
.location-map .map figure {
    position: relative;
}
.location {
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    top: 13.5%;
    left: 60.1%;
    background: #535353;
    color: #fff;
    padding: .5rem 1.4rem;
    border-radius: 4px;
    box-shadow: 0px 15px 16px #00000029;
    font-family: var(--text-13);
}
.location::after {
    position: absolute;
    height: 118px;
    width: 1px;
    background: #585858;
    left: 50%;
    content: '';
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    top: 34px;
}
.location.nepal {
    left: 67.8%;
    top: 14.1%;
}
.location.nepal::after {
    height: 76px;
}
.location.Kuwait {
    left: 47.5%;
    top: 34.1%;
}
.location.Kuwait::after {
    height: 1px;
    width: 104px;
    top: 50%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    left: 75px;
}

.location.Bangladesh {
    left: 81.5%;
    top: 34.1%;
}
.location.Bangladesh::after {
    height: 1px;
    width: 119px;
    top: 50%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    left: -120px;
}
.location.Srilanka {
    left: 76.3%;
    top: 47.8%;
}
.location.Srilanka::after {
    height: 1px;
    width: 90px;
    top: 50%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    left: -91px;
}
.location.Singapore {
    left: 87.3%;
    top: 58.6%;
}
.location.Singapore::after {
    height: 1px;
    width: 119px;
    top: 50%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    left: -120px;
}
.location.Malaysia {
    left: 75.2%;
    top: 79%;
}
.location.Malaysia::after {
    height: 119px;
    width: 1px;
    left: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    top: -117px;
}
.location.Oman {
    left: 60%;
    top: 60%;
}
.location.Oman::after {
    height: 89px;
    width: 1px;
    left: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    top: -89px;
}
.map-headline {
    max-width: 22em;
    border-top: 1px solid #C2C2C2;
    border-bottom: 1px solid #C2C2C2;
    padding: 3rem 0 3rem 16rem;
    margin-left: -8rem;
    text-align: right;
    margin-top: -23rem;
}

@media (max-width: 1800px){
    .map-headline {
        max-width: 20em;
        padding: 5rem 0 5rem 12rem;
    }
    .location {
        top: 9.5%;
    }
    .location.Oman {
        left: 60%;
        top: 63%;
    }
    .location.Kuwait {
        left: 45.5%;
    }
    .location.nepal {
        left: 67.5%;
        top: 13.7%;
    }
    .location.Srilanka {
        left: 77.3%;
    }
    .location.Singapore {
        left: 89.3%;
        top: 59.1%;
    }
    .location.Malaysia {
        left: 74.7%;
        top: 83%;
    }
    .location.Bangladesh {
        left: 82.3%;
        top: 37.4%;
    }
}
@media (max-width: 1600px){
    .map-headline {
        padding: 3.5rem 0 3.5rem 10rem;
        margin-top: -15em;
    }
    .location {
        top: 5.6%;
    }
    .location.Oman {
        top: 67%;
    }
    .location.Kuwait {
        left: 43.5%;
    }
    .location.nepal {
        left: 67.5%;
        top: 12.7%;
    }
    .location.Srilanka {
        left: 78.5%;
        top: 49.4%;
    }
    .location.Singapore {
        left: 90%;
        top: 60.6%;
    }
    .location.Malaysia {
        left: 74.9%;
        top: 89%;
    }
    .location.Bangladesh {
        left: 83.9%;
        top: 39.5%;
    }
}
@media (max-width: 1399px){
    .map-headline {
        padding: 3.5rem 0 3.5rem 9rem;
    }
    .location {
        top: 16.6%;
    }
    .location.Oman {
        top: 59%;
    }
    .location.Kuwait {
        top: 35%;
        left: 47.5%;
    }
    .location.nepal {
        left: 67.3%;
        top: 20.3%;
    }
    .location.Srilanka {
        left: 74.5%;
    }
    .location.Singapore {
        left: 87%;
    }
    .location.Malaysia {
        top: 81%;
    }
    .location.Bangladesh {
        left: 80.2%;
    }
}
.production {
    width: 70%;
    margin-left: auto;
    padding: 10rem 0 8rem;
}
.Cryogenic {
    padding: 8rem 0;
}
.Cryogenic .row {
    --bs-gutter-x: 8.5rem;
    /* align-items: end; */
}
.Cryogenic .section-heading{margin-bottom: 1.5em;}
.Cryogenic-left h6 {
    font-size: var(--text-16);
    text-align: right;
    font-weight: 600;
    padding-left: 5rem;
    padding-bottom: 7rem;
}
.Cryogenic-right {
    position: relative;
}
.Cryogenic-right p {
    max-width: 60%;
    padding-top: 3rem;
}
.Cryogenic-right .patti {
    position: absolute;
    top: -119px;
    right: -78px;
    width: 204px
}

.Cryogenic-right_2{
    position: relative;
}
.Cryogenic-right_2 p {
    max-width: 100%;
    padding-top: 3rem;
}
.Cryogenic-right_2 .patti {
    position: absolute;
    top: -119px;
    right: -78px;
    width: 204px
}

.custom_list{
    list-style: none;
    padding: 0;
}
.custom_list li{
    margin:2.5rem 0;
    position: relative;
    padding-left: 2rem;
}
.custom_list li:before{
    background-color: var(--color-accent);
    height: 0.7rem;
    width: 0.7rem;
    position: absolute;
    left: 0;
    top: 0.8rem;
    content: "";
    border-radius: 1rem;
}

.new_heading_section h5{
    font-size: var(--text-13);
    margin-top: 3rem;
    margin-bottom: 0;
    color: var(--color-black);
    font-weight: 700;
}

.new_heading_section h4{
    font-size: var(--text-15);
    margin-top: 3rem;
    margin-bottom: 0;
    color: var(--color-black);
    font-weight: 700;
}

.new_heading_section li{
    margin: 0.8rem 0;
}

.leader-ship {
    padding-top: 8rem;
}
.leader-ship figure img{
    border-radius: 1rem;
}
.leader-ship figure img{
    border-radius: 1rem;
}
.leader-ship .row {
    display: grid;
    align-items: center;
}
.leader-ship .row>*  {
    grid-area: 1 / 1;
}
.leader-ship figure {
    position: relative;
}

.leader-ship .leader-content {
    padding-left: 10rem;
    z-index: 1;
    max-width: 35em;
}
.leader-ship .leader-content a{margin-top: 3rem; color: #fff; width: max-content;}
.leader-ship .leader-content a:hover{color: var(--color-accent);}
.leader-ship .leader-content a img{ filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); }
.leader-ship .container + .container{margin-top: 5rem;}
.leader-ship .container + .container .leader-content{
    padding-left: 0;
    padding-right: 10rem;
    margin-left: auto;
    text-align: end;
}
.leader-ship .container + .container .leader-content a{margin-left: auto;}
.leader-ship .container + .container  figure figcaption{
    left: 9rem;
    right: auto;
}
.leader-ship .leader-content h6 {
    font-size: var(--text-16);
    font-weight: bold;
    color: var(--color-white);
    line-height: 1.4;
}
.leader-ship .leader-content p {
    font-size: var(--text-13);
    /* max-width: 37rem; */
    color: var(--color-white);
    margin-bottom: 0em;
    margin-top: 1.6rem;
}
.leader-ship figure figcaption {
    position: absolute;
    right: 9rem;
    bottom: 4rem;
}
.leader-ship figure figcaption h5 {
    font-size: var(--text-16);
    font-weight: bold;
    color: var(--color-white);
    position: relative;
}
.leader-ship figure figcaption h5::before {
    width: 22px;
    height: 1px;
    background: #FFF211;
    position: absolute;
    content: '';
    left: -31px;
    top: 1rem;
}
.leader-ship figure  figcaption h5 span {
    display: block;
}
.Vision-Philosophy {
    padding: 12rem 0;
}
.Vision-Philosophy h6 {
    font-size: var(--text-16);
    color: var(--color-accent);
    font-weight: bold;
    margin-bottom: 1.4rem;
}
.Vision-Philosophy h4 {
    font-size: var(--text-21);
    font-weight: 600;
    color: #000;
    /* max-width: 42%; */
    margin: 0 auto;
}

.Vision-Philosophy .vision {
    display: flex;
    /* align-items: center; */
    flex-direction: column-reverse;
}
.Vision-Philosophy .vision img,
.Vision-Philosophy .Philosophy img{ width: 80%; aspect-ratio: 3/2; object-fit: cover; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; -ms-border-radius: 1em; -o-border-radius: 1em; }
.vision-content {
    border-left: 4px solid #EC3237;
    padding-left: 4rem;
    /* margin-left: 8rem; */
    padding-right: 8rem;
    margin-bottom: 5rem;
}
.vision-content h5 {
    font-size: var(--text-16);
    color: #231F27;
    margin-bottom: 1.6rem;
}
.Philosophy-content {
    border-left: 4px solid #B1A700;
    margin-left: 0rem;
    padding-right: 8rem;
    margin-top: 5rem;
    padding-left: 4rem;
}
.Philosophy-content h5 {
    font-size: var(--text-16);
    color: #231F27;
    margin-bottom: 1.6rem;
}
.bs-masala {
    position: relative;
}
.bs-masala .masala-dummy {
    position: absolute;
    right: 0;
    top: 0;
}
.vision-bottom {
    margin-left: -12rem;
    margin-top: -4rem;
}
.vision-bottom figure img {
    width: 87%;
}
.Vision-Philosophy .row {
    margin-top: 8.3rem;
}

@media (max-width: 1399px){
    .vision-content{padding-right: 4rem;}
}
@media (max-width: 991px){
    .Vision-Philosophy .vision img, .Vision-Philosophy .Philosophy img{width: 100%;}
    .vision-content{margin-top: 4rem;}
}

.leadership-heading.the-journey {padding-bottom: 0; padding-top: 8rem;}
.leadership_sec{padding-block: 7rem 8em;}
.leader_profile h1{font-size: var(--text-21); font-weight: 700; color: var(--color-black);}
.leader_profile .leader_name p{font-size: var(--text-14);}
.leadership_sec .leader_img 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; }
.leader_profile .leader_name{margin-bottom: 2em;}
.leader_profile .profile h6{font-size: var(--text-16); font-weight: 600; margin-bottom: 2rem; color: var(--color-dark);}

.leadership-heading .journey-heading .decorator2 {
    right: 2.5em;
    top: -5rem;
}
.leadership-heading .journey-heading .decorator1 {
    left: 6rem;
    top: 1rem;
}

@media (max-width: 1600px){

    .leadership_sec{padding-block: 5rem 8em;}
}
@media (max-width: 992px){
    .leadership_sec{padding-block: 4em 8em;}
    .leadership_sec .row {--bs-gutter-y: 2.5rem}
}

/* Pagination */

.grp-pagination{margin-top: 5rem; padding-left: 2rem; text-align: center;}
.grp-pagination .pagination{column-gap: .5rem; align-items: center; justify-content: center;}
.grp-pagination .pagination .page-link{color: var(--color-black); display: flex; column-gap: .5rem; font-size: var(--text-12); align-items: center;}
.grp-pagination .active .page-link{background: var(--color-accent); border-color: var(--color-accent); color: #fff;}
.grp-pagination .page-link figure img{max-width: 1.2rem; }
.grp-pagination .page-item:last-child figure{rotate: 180deg;}
.grp-pagination .page-item.desktop .btn{min-width: max-content; font-size: var(--text-12); background: var(--color-accent); border-color: var(--color-accent);}
.grp-pagination .page-item.desktop .form-control{width: 80px; font-size: var(--text-12);}


.recipy{padding-bottom: 8rem;}
.recipy-list .row .row{--bs-gutter-x: 3rem; --bs-gutter-y: 4.5rem}


.recipy-thumb figure>img{ aspect-ratio: 3/2; object-fit: cover; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; -ms-border-radius: 1em; -o-border-radius: 1em; }
.recipy-thumb figure figcaption{padding: 1.5rem 1.5rem 0;}
.recipy-thumb h6{font-size: var(--text-13); color: var(--color-accent); margin-bottom: 1rem;}
.recipy-thumb h3{ font-size: var(--text-16); margin-bottom: 2rem; color: var(--color-black); transition: .4s all; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; -o-transition: .4s all; }
.recipy-thumb a:hover h3{ color: var(--color-accent);}
:is(.recipy-thumb, .recipy-details) .recipe-timing{display: flex; column-gap: 5rem;}
:is(.recipy-thumb, .recipy-details) .recipe-timing p{display: flex;column-gap: 1rem; align-items: center; margin-bottom: 0;}
:is(.recipy-thumb, .recipy-details) .recipe-timing span{font-size: var(--text-13);}
.recipy-thumb a:hover .recipe-timing span{color: var(--color-dark);}
:is(.recipy-thumb, .recipy-details) .recipe-timing img{max-width: 2rem;}

.recipy-details .size-powder h6{font-size: var(--text-13); color: var(--color-accent); margin-bottom: 2rem;}
.recipy-details figure{position: relative;}
.recipy-details figure>img{ height: auto; aspect-ratio: 4/3; object-fit: cover; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; -ms-border-radius: 1em; -o-border-radius: 1em; }
.recipy-details  .size-powder{margin-bottom: 2rem;}
.recipy-details .ingredients{padding-top: 2.5rem;}
.recipy-details .ingredients h5{font-size: var(--text-16); color: var(--color-dark); margin-bottom: 2rem;}
.recipy-details .ingredients h5:not(:first-child){margin-top: 2.5rem;}
.recipy-details .ingredients li{font-size: var(--text-13); margin-bottom: 1.2rem; font-weight: 500;}
.recipy-details .ingredients li::marker{font-weight: 700; color: var(--color-accent);}
.recipy-details .steps ul{display: block; text-align: left; margin-top: 0;}
.recipy-details .steps ul li{margin-bottom: 1.5rem; position: relative; padding-left: 2.5rem;}
.recipy-details .steps ul li::before{content: ''; position: absolute; left: 0; top: .7em; width: 1rem; height: 2px; background: var(--color-accent);}
.recipy-details .steps h6{color: var(--color-dark); margin-bottom: 2rem;}
.ingredients-section {
    margin-top: 5rem;
}
.ingredients-section .ingredients {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.ingredients-section .ingredients .ingredients-listing h5{font-size: var(--text-16); color: var(--color-dark); margin-bottom: 2rem;}
.ingredients-section .ingredients .ingredients-listing li::marker {
    font-weight: 700;
    color: var(--color-accent);
}
.ingredients-section .ingredients .ingredients-listing li {
    font-size: var(--text-13);
    margin-bottom: 1.2rem;
    font-weight: 500;
}
.payout{padding-block: 5em;}
.payout .receipt{padding: 2.5em 1.5em; background: #fff;}
.payout .receipt p{margin-bottom: .5rem;}
.payout .address h5{margin-bottom: .5em; color: var(--color-black);}
.payout .address h6.font-16{margin-bottom: 1.5rem;}
.payout .order-details span{font-size: var(--text-14); color: #000;}
.payout .product-details{padding-block: 1.5rem; border-bottom: 1px dashed #e0e0e0; column-gap: 1.5em;}
.payout .product-details span{font-size: var(--text-12); color: #000;}
.payout .product-details .product-name-image{column-gap: 1.5rem;}
.payout .product-details .product-name-image b{font-weight: 600; color: #000;}
.payout .product-price p{font-size: var(--text-13);}
.payout #razorpay-button{margin-top: 3rem;}
.payout .shipping-details{column-gap: 5rem; row-gap: 2.5em; flex-wrap: wrap;}


@media (max-width: 992px){
    .payout .shipping-details{row-gap: 1.5em;}
}
@media (max-width: 575px){
    .product-name-image{flex-direction: column; row-gap: 1rem;}
}
@media (max-width: 460px){
    .payout .order-details{flex-wrap: wrap; column-gap: 2em; row-gap: 1.5em;}
}

/* USER AUTH */

.error{font-size: var(--text-11); margin-top: .7em;}
.form-control.error{margin-top: 0em;}


.user-auth.the-journey .journey-heading .decorator1 {
    left: 2rem;
    top: 0rem;
    max-width: 14rem;
}

.user-auth.the-journey .journey-heading .decorator2 {
    right: -0.5em;
    top: -6rem;
    z-index: 1;
}

/* .user-auth{padding-block: 5em;} */
.user-auth .card{padding: 2.5em 2em;    border-radius: 20px;}

.user-auth .card :is(p, h3){
    text-align: left;
}
.user-auth .card h3{margin-bottom: 1em;}
.user-auth .card p:not(:last-child){margin-bottom: 2.5em;}
.user-auth .card p.register-text{text-align: left; font-size: var(--text-12);}
.user-auth .form-group:not(:last-child){margin-bottom: 1.5em;}
:is(.user-auth, .dashboard) .form-control{padding: .5em 1em; font-size: var(--text-13); line-height: 1.4;}
.user-auth .btn-link{font-size: var(--text-12);}
.user-auth .btn-link:hover{color: var(--color-accent);}
:is(.user-auth, .dashboard) label{font-size: var(--text-11); margin-bottom: .5em;}
:is(.current_pass){position: relative;}
:is(.current_pass) .form-control{padding-right:3em;}
:is(.user-auth, .dashboard)  .form-control:focus{box-shadow: none; outline: none; border-color: var(--color-accent);}
:is(.user-auth, .dashboard)  .custom-checkbox{display: flex; align-items: center; column-gap: .5em; justify-content: center;}
:is(.user-auth, .dashboard)  .custom-checkbox label{margin-bottom: 0;}
.user-auth .pro-text{margin-bottom: 1.5rem;}
.user-auth .pro-text h4{font-size: var(--text-13); color: var(--color-accent);}
.user-auth .account-login-grp{font-size: var(--text-11);}
:is(.current_pass) i{position: absolute; right: .8em; top: 2.5em;}

/* .login-page{max-width: 390px; margin-inline: auto;} */
.user-auth .g-recaptcha{scale: .9; transform-origin: left;scale: .9;
    transform-origin: left;

 }

.login-page .card-body{position: relative;}
.login-page .card-body::after{content:''; position: absolute; left: 50%; width: 1px; height: calc(100% - 2rem); top: 2rem; background-color: var(--color-light);}

@media (max-width: 1600px){
    /* .login-page{max-width: 360px; margin-inline: auto;} */
}
@media (max-width: 992px){
    .user-auth .frm_profille{max-width: 360px; margin-inline: auto;}
}
@media (max-width: 575px){
    .user-auth .card {
        padding: 2em 1em;
    }
}
@media (max-width: 375px){
    .user-auth .g-recaptcha{scale: .75; transform-origin: left;}
}

section .select2-container--default .select2-selection--single .select2-selection__rendered{padding: .5em 1em; font-size: var(--text-13); line-height: 1.4; padding-right: 2.5em;}
section .select2-container .select2-selection--single{height: auto;border: var(--bs-border-width) solid var(--bs-border-color);}
section .select2-container--default .select2-selection--single .select2-selection__arrow{height: 100%; width: 2em;}
.select2-container--default .select2-search__field{padding: .5em 1em; font-size: var(--text-12); line-height: 1.4;border: var(--bs-border-width) solid var(--bs-border-color);}
.select2-container--default .select2-search__field:focus{outline: none; box-shadow: none;}

/* User Profile and Dashboard */

.dashboard{padding-block: 6em;}
.dashboard_sidebar { border: none; padding: 2rem 1.5rem; margin-right: 4em; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; -ms-border-radius: 1em; -o-border-radius: 1em; }
.dashboard_link{padding:0; margin-bottom: 0;}
.dashboard_link .nav-item:not(:last-child){margin-bottom: .2em;}
.dashboard_link .nav-link{ padding:.7em 1em; font-size: var(--text-13); display: flex; column-gap: 1em; margin-bottom: 0; align-items: center; border-radius: .6em; -webkit-border-radius: .6em; -moz-border-radius: .6em; -ms-border-radius: .6em; -o-border-radius: .6em; }
.dashboard_link .nav-link:hover{background: #EC323723;}
.dashboard_link .nav-link.active{background: var(--color-accent); color: #fff;}

.dashboard .section-title{font-size: var(--text-16); margin-bottom: 1.5em;}
.dashboard .row .row{--bs-gutter-x: 2em}
.dashboard .customer_dashboards{ padding: 1.5em 2.5em; background: #EC323723; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; -ms-border-radius: 1em; -o-border-radius: 1em; }
.customer_dashboards h5{font-size: var(--text-14); font-weight: 600;}
.customer_dashboards p{font-size: var(--text-21); font-weight: 700; color: #000;}

.dashboard .table>:not(caption)>*>*{font-size: var(--text-13); padding: .5em 1em;}
.dashboard .table{border: 1px solid #e0e0e0;}

.account-info .frm_profille .card{padding: .5em 1em; font-size: var(--text-13); line-height: 1.4;}
.account-info  h3{color: var(--color-black); font-size: var(--text-16); margin-bottom: 1.5em;}

.change-password .row .row{--bs-gutter-y: 2.5rem}

.profile-addresses table :is(th, td):last-child:not(:first-child){text-align: center;}

.frm_address .row{--bs-gutter-y: 2.5rem}

.action-btn{min-width: auto; padding-inline: .5em; font-size: var(--text-11); line-height: 1;}
.table a + a{margin-left: .5rem;}



.current-openings {
    padding-top: 8rem;
}
.accordion_wrapper .accordion-button {
    font-size:var(--text-13);
    display: flex;
    justify-content: space-between;
    padding: 2rem 2rem;
    position: relative;
}
.accordion_wrapper .accordion-header{
    position: relative;
}
.accordion_wrapper .accordion-button:not(.collapsed)::after{
 filter: invert(1);
}
.accordion_wrapper .accordion-header span a{
    position: absolute;
    right: 5rem;
    top: 1.5rem;
    z-index: 9;
}
.accordion_wrapper .accordion-header span a{
    background-color:var(--color-accent);
    color: #fff;
    padding: 0.5rem 1rem;
    border-radius: 0.4rem;
    font-size: var(--text-12);
}

.accordion_wrapper .accordion-button:focus{
    box-shadow: none;
}
.accordion_wrapper .accordion-button:not(.collapsed){
    background-color:var(--color-accent);
    color: #fff;
}
.accordion_wrapper .accordion-button:not(.collapsed) + span a{
    background-color: #fff;
    color: #000;
}
p a{
    color: var(--color-accent);
    font-weight: 600;
}
.footer-bottom p a:hover{
    color: var(--color-white);
}
/* .accordion_wrapper .accordion-button::after{
    display: none;
} */

.accordion_wrapper .accordion-body{
    padding: 3rem ;
}
.accordion_wrapper .accordion-item{
    margin: 0.5rem 0;
}
.fit_section{
    padding: 5rem 0 10rem;
}
.fit_section h4{
    font-size: var(--text-20);
    color: var(--color-black);
    font-weight: 600;
    margin-bottom: 1.5rem;
}

/* Susuainability */

  /* Susuainability */
  .img-fit{height: 100%;}
  .img-fit img{height: 100%; object-fit: cover; width: 100%;}
  p.lead{font-size: 1.3em; line-height: 1.4;}
  .sustainability-heading figure{margin-top: 4em; margin-bottom: 2rem;}
  .sustainability-heading p.lead{font-size: 1.3em; color: var(--color-dark);}
  .sustainability-heading figure img{ border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; -ms-border-radius: 1em; -o-border-radius: 1em; }


  /* Why US */

  /* Why US */
  section.why-us-heading{padding-bottom: 5em;}
  .why-us-1{padding-bottom: 7em;}
  .why-us-1 .row{--bs-gutter-x: 5em}
  :where(.why-us-1, .why-us-3, .why-us-5, .why-us-6) figure 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; }
  .why-us-1 .bottom-content{margin-top: 4rem;}
  .why-us-2{padding-block: 5em; background: #fff;}
  .why-us-2 .swiper-slide{ text-align: center; height: auto; display: flex; flex-direction: column; background: #f5f5f5; border: #e0e0e0; padding: 2em 1.5em; border-radius: 1.5em; -webkit-border-radius: 1.5em; -moz-border-radius: 1.5em; -ms-border-radius: 1.5em; -o-border-radius: 1.5em; }
  .why-us-2 .icon{max-width: 4em; margin-inline: auto; margin-bottom: 1em;}
  .why-us-2 h5{font-size: var(--text-16); font-weight: 600; margin-bottom: 1.5em; color: var(--color-dark); padding-inline: 0em;}

  .why-us-3{padding-top: 5em;}
  .why-us-3.Cryogenic .row{align-items: flex-start;}
  .why-us-3 h3{margin-bottom: 1.5em;}

  .why-us-4{padding-top: 3em;}
  .why-us-4 .row .row{--bs-gutter-x: 8rem}
  .why-us-4 {padding-bottom: 8em;}
  .why-us-4 .row:has(+.row){margin-bottom: 5em;}
  /* .why-us-4 .row +.row{align-items: flex-end;} */
  .why-us-4 .heading{margin-bottom: 1.5em;}
  .why-us-4 figure 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; }

  .why-us-5{padding-bottom: 8em;}
  .why-us-5 .heading{margin-bottom: 1.5em;}
  .why-us-5 .row:has(+.row){margin-bottom: 3em;}
  .why-us-5 .row +  .row{--bs-gutter-x: 8rem}
  :where(.why-us-5, .why-us-6) .stats {margin-top: 2em;}
  :where(.why-us-5, .why-us-6) .stats span.desc{font-size: var(--text-18); display: block; color: var(--color-dark);}
  :where(.why-us-5, .why-us-6) .stats span[data-count]{line-height: 1;}
  .why-us-5 .right-content{padding-top: 2em;}

  .why-us-6{padding-block: 0em 9em;}
  .why-us-6 .row  .row{--bs-gutter-x: 8rem}
  .why-us-6 h3{margin-bottom: 1.5em;}
  .why-us-7{padding-bottom: 4em;}
  @media (max-width: 1600px){
    .why-us-1 .row{--bs-gutter-x: 4em}
    .why-us-4 .row .row{--bs-gutter-x: 5rem}
    .why-us-5 .row +  .row{--bs-gutter-x: 5rem}
    .why-us-5{padding-bottom: 6em;}
    .why-us-6{padding-bottom:6em;}
  }
  @media (max-width: 1399px){
    .why-us-1 .row{--bs-gutter-x: 3em}
    .why-us-4 .row .row{--bs-gutter-x: 4rem}
    .why-us-5 .row +  .row{--bs-gutter-x: 4rem}
    p.lead {
        font-size: 1.2em;
    }
  }
  @media (max-width: 1199px){
    .buiness-menu ul li a{font-size: var(--text-12);}
    .list-img img { translate: -2px -41px;}
    .prod-list ul{margin-top: 10.8rem;}

  }

  @media screen and (max-width:1100px){
    .b2b-listing .container {
        padding-bottom: 0em;
    }
  }

  @media (max-width: 991.98px){
    .why-us-1 .row{--bs-gutter-y: 1.5em; --bs-gutter-x: 0}
    .why-us-1 .bottom-content{margin-top: 1.5rem;}
    .why-us-3 .heading{margin-bottom: 2em;}
    .why-us-4 .row .row{--bs-gutter-x: 0rem; --bs-gutter-y: 1.5em}
    .why-us-5 .row +  .row{--bs-gutter-x: 0rem}
    .why-us-5{padding-bottom: 4em;}
    .why-us-5 .heading{text-align: center;}
    .why-us-5 p{text-align: center;}
    .why-us-5 .stats{text-align: center;}
    .why-us-6 .row{--bs-gutter-y: 2.5rem}

    .leader-ship .row>* { grid-area: initial;}
    .leader-ship .container + .container .leader-content{padding-right: 0;text-align: start; margin-left: initial; padding-left: 2rem;}
    .leader-ship .leader-content h6, .leader-ship .leader-content p, .leader-ship .leader-content a{color: #000;}
    .leader-ship .leader-content{padding-top: 4rem;}
    .leader-ship .leader-content a img{filter: none; -webkit-filter: none;}
    .leader-ship .container + .container .leader-content a { margin-left: initial;}
    .leader-ship .leader-content { padding-left: 0rem;}
    .Vision-Philosophy {padding: 5rem 0;}
    .Cryogenic-right img{margin-top: 2rem;}
    .Cryogenic{padding: 3rem 0;}
    .the-journey.about-us-headeng .journey-heading .decorator1, .the-journey.about-us-headeng .journey-heading .decorator2{display: none;}
    .the-journey .journey-heading .decorator1, .the-journey .journey-heading .decorator2{display: none;}
    .buiness-menu{display: none;}
    .b2b-listing .container {
        padding-bottom: 4em;
    }
    .fit_section{
        padding: 5rem 0 5rem;
    }

  }

  .award-recog-section {padding-block: 5em;}

.award-recog-section .icon { max-width: 7em; margin-inline: auto;margin-bottom: 1em;}

.award-recog-section h2 { color: #000000; font-size: var(--text-42);letter-spacing: -1.05px;font-weight: 700; padding-inline: 10rem 10rem;
margin-bottom: 24px; position: relative;
}

.award-recog-section h5 {
    font-size: var(--text-16);
    font-weight: 600;
    margin-bottom: 1.5em;
    color: var(--color-dark);
    padding-inline: 0em;
}
  .award_recognitions {
    background: #fff;
    text-align: center;
    height: auto;
    display: flex;
    flex-direction: column;
    border: #e0e0e0;
    padding: 2em 1.5em;
    border-radius: 1.5em;
    -webkit-border-radius: 1.5em;
    -moz-border-radius: 1.5em;
    -ms-border-radius: 1.5em;
    -o-border-radius: 1.5em;
}

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

.award_custom_ul li {list-style: disc; padding-bottom: 2rem;}
.space-top-award img.img-fluid {  border-radius: 1rem;}
p.heading_proud_awrd {font-size: var(--text-16);font-weight: 600;}

.social-thumb a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.herobanner.new-arrival .swiper-slide picture{height: 100%;}
.herobanner.new-arrival .swiper-slide picture img{height: 100%; object-fit: cover;}


@media (max-width: 1299px){
    .new-arrival .swiper-slide .container { padding-bottom: 7rem; }
}
@media (max-width: 991px){
    ul.pagination span.previous-text, ul.pagination span.next-text {display: none;}
    .list-img img {translate: 0px;}
    .prod-list ul { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 9.8rem; column-gap: 20px; row-gap: 80px;}
    .new-arrival .container span{font-size: 26px;}
    .monsoon {padding: 4rem 0;}
    /* .monsoon figure {margin-bottom: 2rem;} */
    .best-seller { padding-top: 5rem;padding-bottom: 5rem;}
    /* .new-arrival .swiper-slide .container { padding-bottom: 0;} */
    .herobanner.b2b-list .swiper-slide .container { padding-top: 12rem; padding-bottom: 8rem; flex-direction: column; row-gap: 4rem; text-align: center; align-items: center;}
    /* .arrival {width: 39rem;padding: 30px;} */
    .herobanner.b2b-list .swiper-slide{min-height: 550px;}
 }

@media (max-width: 767px){
.award_wrapper { display: block;} .award_recognitions{margin-bottom: 25px;}
.award-recog-section { padding-block: 5rem;  padding-top: 20px; padding-bottom: 10px;}
.award_custom_ul li { list-style: disc; padding-bottom: 1rem;}
.space-top-award{margin-top: 3rem;}
section.award-recog-section:last-child { margin-bottom: 2rem;}
.spice-sortby {display: block}
.grp-pagination .pagination, .grp-pagination .pagination .page-link {column-gap: 0;}
.grp-pagination{padding-left: 0rem;}
.ccr_section {
    padding: 4rem 0 1rem;
}
.pc-details figure.leave img{display: none;}
.social-wall {padding: 1rem 0 6rem;}
.pc-details {margin-top: 2em;}
.billing_section {padding: 3rem 0;}
.billing_form {padding-top: 0;}
.fitter-area .accordion-item {  margin-top: 0; }
.left-filter h5{margin-bottom: 3rem; font-size: 2.1rem;}
.list-img::before {
    width: 100px;
}
.fitter-area .accordion-button{
    font-size: 1.8rem;
    padding-block: 2.2rem;
    padding-inline: 0 0rem;
    background-color: transparent;
    color: var(--color-dark);

}
.fitter-area .accordion-body{
    background-color: transparent;
}
.left-filter .checked label {
    font-size: 1.6rem;
}

.prod-list ul {display: grid;grid-template-columns: repeat(2, 1fr);margin-top: 9.8rem;column-gap: 0; row-gap: 70px;}
.prod-cate .container {padding-bottom: 5rem;}
.prod-cate { padding: 6rem 0 0;}
.best-seller {padding-top: 4rem;padding-bottom: 4rem;}
.new-arrival .container span {
    font-size: 18px;
}

.new-arrival .container p {font-size: var(--text-11); margin: 1rem 0;}
.herobanner.new-arrival .swiper-controls{bottom: 0;}

.best-seller a.link-icon.icon-white{margin-top: 1rem;}
.buiness-header .container, .inner-container { --bs-gutter-x: 3rem;}
.new-arrival .arrival{width: 26rem; padding-right: 0; margin-left: 0;}
.banner-text{
    margin-top: 6rem;
}
.accordion-button:focus{
    box-shadow: none;
}
.b2b-listing .container p {
    font-size: 3.2rem;
    letter-spacing: -0.96px;
    padding-top: 1.5rem;
}

.nav-right .menubar{
    position: absolute;
    right: 0;
    align-items: center;
    padding-top: 2rem;
}
.b2b-listing .container span{
    font-size: 1.6rem;
}
.product-listing figure {
    padding-inline: 2rem;
    padding-top: 0rem;
}
.b2b-listing .container {
    padding-bottom: 0em;
}



}

@media (max-width: 575px){
    .herobanner.new-arrival .swiper-slide picture img{ border-radius: 1em; min-height: 300px; object-fit: cover; object-position: left top; -webkit-border-radius: 1em; -moz-border-radius: 1em; -ms-border-radius: 1em; -o-border-radius: 1em; }
    .herobanner.b2b-list .swiper-slide .container {padding-bottom: 4rem;}
    .new-arrival .swiper-slide{align-items: start;}
    .new-arrival .container span{font-size: 14px;}
    .new-arrival  .arrival {
        width: 30rem;
    }
    .product-listing {
        padding-top: 2rem;
    }

}
@media (max-width: 374px){
    .new-arrival  .arrival {
        width: 18rem;
    }
    .sort {
        grid-gap: 1rem;
    }
    .container, .inner-container {
        --bs-gutter-x: 3rem;
    }

}



/* .cart-heading{text-align: ;} */
.cart-heading, .shopping_cart_board .cart-item {display: flex;padding-inline: 3em; padding-block: 1.3em; border-bottom: 1px dashed #e0e0e0; align-items: center; column-gap: 1rem;}
.cart-heading h5{font-size: var(--text-14); color: var(--color-dark);}
.shopping_cart_board .cart-item:last-child{border-bottom: none;}
.shopping_cart_board .cart-item span{font-size: var(--text-14);}
.shopping_cart_board .cart-item .number .minus{
    font-size: var(--text-18);
}
.shopping_cart_board .cart-item .number .plus{
    font-size: var(--text-18);
}

.cart-heading>*, .shopping_cart_board .cart-item>*{flex-grow: 1;}
.cart-heading>*:last-child, .shopping_cart_board .cart-item>*:last-child{text-align: right;}
.cart-heading>*:nth-child(1), .shopping_cart_board .cart-item>*:nth-child(1){min-width: 40%; width: 40%;}
.cart-heading>*:nth-child(2), .shopping_cart_board .cart-item>*:nth-child(2){min-width: 10%; width: 10%;}
.cart-heading>*:nth-child(3), .shopping_cart_board .cart-item>*:nth-child(3){min-width: 25%; width: 25%;}
.cart-heading>*:nth-child(3), .shopping_cart_board .cart-item>*:nth-child(3){min-width: 15%; width: 15%;}
.shopping_cart_board .cart-item .item-price span:first-child{margin-right: 1rem;}

@media (max-width: 991.98px){
    .cart-heading{display: none;}
    .shopping_cart_board .cart-item {flex-direction: column; padding-block: 3rem;}
    .shopping_cart_board .cart-item>*:nth-child(2) {
        min-width: 30%;
        width: fit-content;
    }
    .shopping_cart_board{ background-color: transparent; padding: 0; box-shadow: none; }
    .shopping_cart_board .cart-item>*:nth-child(3){
        min-width: 30%;
        width: fit-content;
    }
    .shopping_cart_board .cart-item>*:nth-child(1){width: 100%;}
    .shopping_cart_board .cart-items{display: grid; --columns: 2; grid-template-columns: repeat(var(--columns), 1fr); gap: 2rem;}
    .shopping_cart_board .cart-item { text-align: center; background: #fff; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; -ms-border-radius: 1em; -o-border-radius: 1em; }
    .shopping_cart_board .cart-item .media_box{flex-direction: column; row-gap: 1em; padding-bottom: .5rem;}
    .shopping_cart_board .cart-item .media_box p{font-size: var(--text-14); margin-top: .5rem;}
    .shopping_cart_board .cart-item .item-price{margin-bottom: 1.5rem;}
    .shopping_cart_board .cart-item .row-total{margin-top: 1.5rem;}
    .shopping_cart_board .cart-item .row-total span{margin-right: 1rem;}
    .shopping_cart_board .cart-item h5{font-size: var(--text-16);}
    .shopping_cart_board .number span{display: block; padding-inline: 1rem;}
    .shopping_cart_board .number {padding-inline: 0;}
}

@media (max-width: 500px){
    .shopping_cart_board .cart-items{--columns: 1;}
}



.pc-details .carousel-indicators{position: relative; margin-top: 1.5rem;}
.pc-details .carousel-indicators [data-bs-target]{ width: 70px; height: auto; padding: .5rem; border: 1px solid #e0e0e0; background-color: transparent; border-radius: .5em; -webkit-border-radius: .5em; -moz-border-radius: .5em; -ms-border-radius: .5em; -o-border-radius: .5em; }
.pc-details .carousel-indicators [data-bs-target].active{border-color: var(--color-accent); }
.pc-details .carousel-indicators img{border-radius: 1em;}

@media (max-width: 480px){
    .pc-details .carousel-indicators [data-bs-target]{ width: 40px;}
}



/* ---Profuct-list-view--- */
.right-filter ul.list-view {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    border-left: none;
}
.right-filter ul.list-view li {
    background: #fff;
    border-radius: 10px 10px 10px 10px;
}
.right-filter ul.list-view .list-product {
    display: grid;
    grid-template-columns: 40% 1fr;
    padding: 3rem 5rem 3rem 3rem;
    align-items: center;
    column-gap: 2em;
}
.list-pro-details h3 {
    font-size: var(--text-28);
    font-weight: bold;
    color: var(--color-black);
    margin-bottom: 2rem;
}
.list-pro-details h5.price {
    display: flex;
    font-size: var(--text-16);
    font-weight: 500;
    color: var(--color-black);
    grid-gap: 1.8rem;
    margin-bottom: 2rem;
    align-items: center;
    margin-top: 1.5rem;
}
.list-pro-details .add-cart{ padding: 0; background: transparent; text-align: left; border-radius: 0em; -webkit-border-radius: 0em; -moz-border-radius: 0em; -ms-border-radius: 0em; -o-border-radius: 0em; }
.list-pro-details .add-cart a{ background-color: #EBEBEB; display: inline-block; padding: .5em 1.2em; border-radius: .5em; -webkit-border-radius: .5em; -moz-border-radius: .5em; -ms-border-radius: .5em; -o-border-radius: .5em; }
.list-pro-details .size-powder .form-control{font-size: var(--text-14);}
.list-pro-details .add-cart a:hover{ background-color: var(--color-accent); color: #fff;}
.list-pro-details .add-cart a img{ transition: .4s all; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; -o-transition: .4s all; }
.list-pro-details .add-cart a:hover img{ filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); }
.list-pro-details .add-to-cart-select{font-size: var(--text-14);}
.list-pro-details .size-powder h6 {
    font-size: var(--text-16);
    font-weight: 500;
    color: #231F27;
    margin-top: 0.5rem;
}
.list-pro-details h5.price span {
    display: flex;
    font-size: var(--text-16);
    font-weight: 300;
    color: var(--color-accent);
    grid-gap: 1.8rem;
    /* margin-bottom: 1rem; */
    align-items: start;
}
.list-pro-details .buy-now a.tocart {
    background: var(--color-default-dark);
    color: #fff;
}
.list-pro-details .buy-now a.tocart img {
    filter: brightness(0) invert(1);
}
/* ---Profuct-list-view-closed--- */

.create-group {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.create-group .form-group  {
    margin-bottom: 0;
}
.create-group .btn-theme-accent {
    display: block;
    margin: 0 auto;
    text-align: center;
}
.login-page .row {
    align-items: center;
}

/* @media screen and (max-width:767px){
    .b2b-listing .container p{
        letter-spacing: -0.96px;
        font-size: 3.2rem;
    }
    .banner-text{
        margin-top: 5rem;
    }
} */

.box {
    position: fixed;
    top: 0;
    left: -100%;
    width: 0;
    height: 100%;
    background-color: rgba(222, 221, 220, 0.85);
    overflow: hidden;
    z-index: 999;
    backdrop-filter: blur(23px);
    -webkit-backdrop-filter: blur(23px);
    padding: 0 2.5rem;


  }
  .fitter-area .box{
    overflow: auto;
  }
  .close-btn {
    position: absolute;
    top: 35px;
    right: 20px;
    border: none;
    padding: 5px;
    background-color: transparent;
  }

  .fitter-area .box .close-btn {
    position: absolute;
    z-index: 2;
    opacity: 1;
    visibility: visible;
}

  @media screen and (max-width:767px){
    header.buiness-header.header-sticky svg circle,
    header.buiness-header.header-sticky svg line {
        stroke: #EC3237;
    }

    .right-filter ul.list-view .list-product {
        display: block;
    }
    .right-filter .list-product .product-img figure{
        margin-bottom: 1.5rem;
    }
    .list-pro-details .add-cart{
        text-align: left;
    }
    .list-pro-details .add-cart a{
        display: inline-block;
    }
  }








  .openBtn {
    background: transparent;
    border: none;
    padding: 0px 15px;
    font-size: 16px;
    cursor: pointer;
    border-right: 1px solid #555;
  }

  .openBtn:hover {
    background: #bbb;
  }

  .overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
  }

  .overlay-content {
    position: relative;
    top: 46%;
    width: 80%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
  }

  .overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    cursor: pointer;
    color: white;
  }
  .menubar .overlay .closebtn {
    font-size: 45px;
  }

  .overlay .closebtn:hover {
    color: #ccc;
  }

  .overlay input[type=text] {
    padding: 15px;
    font-size: 17px;
    border: none;
    float: left;
    width: 80%;
    background: white;
  }

  .overlay input[type=text]:hover {
    background: #f1f1f1;
  }

  .overlay button {
    float: left;
    width: 20%;
    padding: 15px;
    background: #ddd;
    font-size: 17px;
    border: none;
    cursor: pointer;
  }

  .overlay button:hover {
    background: #bbb;
  }

  .left-contents{
    position: static;
    left: 0;
    padding-top: 0rem;
  }
  .privacy_policy h4{
    font-weight: 700;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    font-size: var(--text-16);
    color: #231F27;
  }
  .privacy_policy ul{
    list-style-type: disc;
  }
  .privacy_policy ul li{
    padding: 0.5rem 0;
  }





  .prod-list ul li a .list-img{
    position: relative;
  }
  .prod-list ul li a .list-img::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 30%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
  }
  .prod-list ul li a .list-img:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
  }

  @-webkit-keyframes shine {
    100% {
      left: 125%;
    }
  }
  @keyframes shine {
    100% {
      left: 125%;
    }
  }



  .product-listing a figure {
    position: relative;
    overflow: hidden;
  }
  .product-listing a figure::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width:40%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
  }
  .product-listing:hover a figure::before {
    -webkit-animation: shine .95s;
    animation: shine .95s;
  }

.propositions .swiper-navs{ justify-content: center; padding-top: 4rem;}


.propositions .swiper-navs :is(.swiper-button-next, .swiper-button-prev){border-color: #f5f5f5; background: #f5f5f5; width: 1.5em; align-items: center;}
.propositions .swiper-navs :is(.swiper-button-next, .swiper-button-prev):after{border-color: #fff; color: var(--color-dark); font-weight: 600; font-size: .6em; line-height: 1;}
.propositions .swiper-navs :is(.swiper-button-next, .swiper-button-prev):hover{border-color: var(--color-accent); background: var(--color-accent);}
.propositions .swiper-navs :is(.swiper-button-next, .swiper-button-prev):hover::after{color: var(--color-white);}





  @media screen and (max-width:1366px){
    .b2b-listing{
        -webkit-aspect-ratio: 24 / 9;  /* For older Safari versions */
        aspect-ratio: 24 / 9;

    }
  }


  @media screen and (max-width:991px){
    .b2b-listing{
        -webkit-aspect-ratio: auto;  /* For older Safari versions */
        aspect-ratio:auto;
        min-height: auto;
    }
    .new_heading_section{
        padding-top: 2rem;
    }

  }

  .my-10{
    margin: 5rem 0;
  }
  hr{
    border-color: #b7b7b7;
  }
  /* .Cryogenic-right_2 p a{
    color: #000;
  }
  .Cryogenic-right_2 p a:hover{
    color: var(--color-accent);
  }
  .Cryogenic-left p a{
    color: #000;
  }
  .Cryogenic-left p a:hover{
    color: var(--color-accent);
  } */

  p a:hover{
    color: #000;
  }
  .fit_section p a:hover{
    color: var(--color-accent);
  }
  /* .step_section{
    padding: 3rem 0;
    border-bottom: 1px solid #eee;
  } */
  .dealer_steps ul{
    display: grid;
    grid-template-columns: repeat(6, 1fr);

  }
  .frm_profille p a{
    color: var(--color-accent);
}

  .frm_register .btn-theme-accent{
    margin-top: 3.5rem;
  }
  .prev-step{
    margin-top: 3.5rem;
  }
  .select2-container{
    width: 100%!important;
  }
  .dealer_steps ul li{
    text-align: center;
    position: relative;
  }
  .user-auth .journey-heading{
    padding-bottom: 6rem;
  }
  .dealer_steps ul{
    margin-bottom: 6rem;
    padding: 0;
  }
  .dealer_steps ul li::before{
    background-color: var(--color-default-dark);
    height: 0.2rem;
    left:0;
    content: "";
    position: absolute;
    top: 2.6rem;
    right: 0;
  }
  .dealer_steps ul li.active::before{
    background-color: var(--color-accent);
  }
  .dealer_steps ul li a{
    background-color: var(--color-default-dark);
    font-size: 2.6rem;
    width: 6rem;
    height: 6rem;
    border-radius: 33rem;
    padding: 0;
    color: var(--color-white);
    position: relative;
    display: flex;
    margin: 0 auto;
    align-items: center;
    /* padding: 0 1rem; */
    line-height: 1;
    text-align: center;
    justify-content: center;
  }

  .dealer_steps ul li.active a{
    background-color:var(--color-accent);
    color: var(--color-white);
    border: 2px solid var(--color-accent);
  }

  .radio-n-address span{ font-size: var(--text-12); line-height: 1.3;}
  /*--UIKA-14041994-21-03-2025--start--*/
  .herobanner.b2b-list{position: relative;}
  /* .herobanner.b2b-list:has(.only_image):before {position: absolute;top: 0;left: 0;background: linear-gradient(180deg, rgb(0 0 0 / 62%) 40%, rgba(215, 240, 236, 0) 100%);content: "";width: 100%;height:50%;z-index: 2;}
  .herobanner.b2b-list .only_image::after {position: absolute;top: 0;left: 0;background: linear-gradient(90deg, rgb(0 0 0 / 62%) 40%, rgba(215, 240, 236, 0) 100%);content: "";width:50%;height:100%;z-index: 1;} */
  .herobanner.b2b-list .only_image{aspect-ratio: auto;}
  .herobanner.b2b-list .only_image img{height: 100%;width: 100%;object-fit: cover;}
  .herobanner.b2b-list .only_image .container{position: relative;z-index: 9;}
.card.adrs-card {
    height: 11rem;
}

  @media (max-width:991px) {
    .herobanner.b2b-list .only_image .container{padding-bottom: 8rem;position: relative;z-index: 9;}
    .herobanner.b2b-list .swiper-controls{width: 100%;}
  }
  /*--UIKA-14041994-21-03-2025--end--*/

  .banner-image .banner-mobile {
    display: none;
}
@media (max-width: 991px){
    .herobanner.b2b-list .swiper-slide .container{
        flex-direction: row;
        text-align: left;
        align-items: center;
    }
    .herobanner.b2b-list .only_image .container{
        padding-bottom: 15rem;
    }
    .herobanner.b2b-list .swiper-slide {
        min-height: 450px;
    }
    .herobanner.b2b-list .only_image .container {
        padding-bottom: 12rem;
    }
    .login-page .card-body::after{
        display: none;
    }
}
@media (max-width: 767px){
    .banner-image .banner-mobile {
        display: block;
    }
    .herobanner.b2b-list .swiper-slide .container{
        flex-direction: column;
        text-align: center;
        align-items: center;
    }
    .herobanner.b2b-list .only_image .container{
        padding-bottom: 15rem;
    }
    .dashboard_sidebar{ margin-right: 0; margin-bottom: 2rem;}
}


@media (max-width: 575px){
    .herobanner.b2b-list .only_image .container{
        padding-bottom: 8rem;
    }
    .herobanner.b2b-list .only_image img{
        height: auto;
        width: auto;
    }
    .card.adrs-card {
    height: auto;
}
}
@media (max-width: 480px){
    .herobanner.b2b-list .swiper-slide {
        min-height: 660px;
    }
    .herobanner.new-arrival .swiper-slide picture img{
        min-height: 240px;
    }
     :is(.user-auth, .dashboard) .custom-checkbox{
       justify-content: flex-start;
    }
}
@media (max-width: 420px){
    .herobanner.b2b-list .swiper-slide {
        min-height: 600px;
    }
}

@media (max-width: 340px){
    .new-arrival .swiper-slide .container {
        padding-bottom: 4rem;
    }
    .herobanner.new-arrival .swiper-slide picture img {
        min-height: 210px;
    }
}