@font-face {
    font-family: "Helvetica";
    src: url("../fonts/HelveticaCE.otf");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Helvetica";
    src: url("../fonts/HelveticaCE-Narrow.otf");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Helvetica";
    src: url("../fonts/HelveticaCE-Bold.otf");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "GESSTwo";
    src: url("../fonts/GESSTwoBold.otf");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "GESSTwo";
    src: url("../fonts/GESSTwoMedium.otf");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "GESSTwo";
    src: url("../fonts/GESSTwoLight.otf");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "GESSTwo";
    src: url("../fonts/GESSTwoBold.otf");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "GESSTwo";
    src: url("../fonts/GESSTwoMedium.otf");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "GESSTwo";
    src: url("../fonts/GESSTwoLight.otf");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "GESSTwo";
    src: url("../fonts/GESSTwoBold.otf");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "GESSTwo";
    src: url("../fonts/GESSTwoLight.otf");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "GESSTwo";
    src: url("../fonts/GESSTwoLight.otf");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

html {
    scroll-behavior: smooth
}

html,
body {
    max-width: 100vw
}

body {
    color: #1c1c1c;
    font-family: "Helvetica";
    font-weight: 400;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0
}

@media(min-width: 992px) {
    body {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    body {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    body {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    body {
        font-size: 10.4px
    }
}

@media(max-width: 991px) {
    body {
        font-size: 16px
    }
}

@media(max-width: 575px) {
    body {
        font-size: 14px
    }
}

body #main {
    flex: 1;
    overflow: hidden
}

body #main.mainCompanies {
    overflow: visible
}

.arabicFlip {
    transform: scaleX(-1)
}

.arabicNonFlip {
    transform: scaleX(1) !important
}

[lang=ar] {
    font-family: "GESSTwo" !important
}

[lang=ar] body {
    font-family: "GESSTwo" !important
}

[lang=ar] .numberArabic {
    font-family: "Helvetica"
}

.img-fluid,
img {
    max-width: 100%;
    height: auto
}

.objectFit,
.about-us-achievements-section .achievement-card .achievement-card-image .img-Hover,
.ContactUsSection .contactBannerImg img,
.Fresh-Package img,
.recipesBanner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.ulfix,
.accordionContainer ul,
.AU-accordian .accordionContainer ul,
.mainFooter .footerInner .copyrightWrap ul,
.mainFooter .footerInner .socialWrap ul,
.mainFooter .footerInner .footerLink ul,
.mainHeader ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px
}

.transit3s,
.searchBg,
.hover-Eatable,
.mainHeader .bottom>ul li:hover .submenuDropDown,
.mainHeader,
a,
button {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.transit5s {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

.transit8s {
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    -ms-transition: all .8s ease;
    transition: all .8s ease
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #0b1610;
    font-weight: 700
}

a,
button {
    text-decoration: none;
    color: #e4002b
}

a:hover,
button:hover {
    color: #0b1610
}

input:focus,
input:active {
    outline: none;
    box-shadow: none
}

.form-select {
    color: #0b1610;
    border: 1px solid rgba(112, 112, 112, .5)
}

@media(min-width: 992px) {
    .form-select {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .form-select {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .form-select {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .form-select {
        font-size: 10.4px
    }
}

@media(min-width: 992px) {
    .form-select {
        border-radius: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .form-select {
        border-radius: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .form-select {
        border-radius: 6px
    }
}

@media(max-width: 575px) {
    .form-select {
        border-radius: 5.2px
    }
}

@media(min-width: 992px) {
    .form-select {
        height: 2.9166666667vw
    }
}

@media(min-width: 1600px) {
    .form-select {
        height: 2.3333333333vw
    }
}

@media(max-width: 991px) {
    .form-select {
        height: 31.5px
    }
}

@media(max-width: 575px) {
    .form-select {
        height: 27.3px
    }
}

@media(min-width: 992px) {
    .form-select {
        padding-inline: 0.8333333333vw
    }
}

@media(min-width: 1600px) {
    .form-select {
        padding-inline: 0.6666666667vw
    }
}

@media(max-width: 991px) {
    .form-select {
        padding-inline: 9px
    }
}

@media(max-width: 575px) {
    .form-select {
        padding-inline: 7.8px
    }
}

.text-primary {
    color: #0b1610
}

.text-secondary {
    color: #e4002b
}

[lang=ar] .slick-track {
    margin-left: auto;
    margin-right: 0
}

.slick-track {
    margin-left: 0
}

.mainTitle {
    color: #0b1610;
    font-weight: 600;
    text-align: center
}

@media(min-width: 992px) {
    .mainTitle {
        font-size: 3.3333333333vw
    }
}

@media(min-width: 1600px) {
    .mainTitle {
        font-size: 2.6666666667vw
    }
}

@media(max-width: 991px) {
    .mainTitle {
        font-size: 36px
    }
}

@media(max-width: 575px) {
    .mainTitle {
        font-size: 31.2px
    }
}

@media(min-width: 992px) {
    .mainTitle.small {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .mainTitle.small {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .mainTitle.small {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .mainTitle.small {
        font-size: 15.6px
    }
}

@media(max-width: 575px) {
    .mainTitle {
        font-size: 32px
    }

    .mainTitle.small {
        font-size: 18px
    }
}

@media(min-width: 992px) {
    .container {
        max-width: 81.25vw
    }
}

@media(min-width: 1600px) {
    .container {
        max-width: 65vw
    }
}

@media(max-width: 991px) {
    .container {
        max-width: 877.5px
    }
}

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

@media(max-width: 991px) {
    .container {
        max-width: 720px
    }
}

@media(max-width: 575px) {
    .container {
        padding-left: 25px;
        padding-right: 25px
    }
}

.pageTitle {
    color: #1c1c1c;
    font-weight: 500
}

@media(min-width: 992px) {
    .pageTitle {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .pageTitle {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .pageTitle {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .pageTitle {
        font-size: 15.6px
    }
}

::-webkit-input-placeholder {
    color: #707070 !important
}

::placeholder {
    color: #707070 !important;
    opacity: .5
}

:-ms-input-placeholder {
    color: #707070 !important
}

::-ms-input-placeholder {
    color: #707070 !important
}

::-moz-placeholder {
    color: #707070 !important
}

:-moz-placeholder {
    color: #707070 !important
}

@keyframes fullRotation {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(1turn)
    }
}

@media(min-width: 992px) {
    .datepicker {
        padding: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .datepicker {
        padding: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .datepicker {
        padding: 11.25px
    }
}

@media(max-width: 575px) {
    .datepicker {
        padding: 9.75px
    }
}

.datepicker .datepicker-switch {
    font-weight: 500
}

@media(min-width: 992px) {
    .datepicker .datepicker-switch {
        width: 12.1527777778vw
    }
}

@media(min-width: 1600px) {
    .datepicker .datepicker-switch {
        width: 9.7222222222vw
    }
}

@media(max-width: 991px) {
    .datepicker .datepicker-switch {
        width: 131.25px
    }
}

@media(max-width: 575px) {
    .datepicker .datepicker-switch {
        width: 113.75px
    }
}

.datepicker table tr td.active.active {
    background: #0b1610
}

.datepicker table tr td.active.active:hover {
    background: #000
}

.datepicker th {
    font-weight: 500
}

.breadcrumb-golden ul {
    display: flex;
    padding: 0
}

@media(min-width: 992px) {
    .breadcrumb-golden ul {
        gap: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .breadcrumb-golden ul {
        gap: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .breadcrumb-golden ul {
        gap: 6px
    }
}

@media(max-width: 575px) {
    .breadcrumb-golden ul {
        gap: 5.2px
    }
}

.breadcrumb-golden ul li {
    list-style: none
}

.breadcrumb-golden ul li a {
    color: #3d3d3d;
    font-weight: 500
}

@media(min-width: 992px) {
    .breadcrumb-golden ul li a {
        font-size: 0.9722222222vw
    }
}

@media(min-width: 1600px) {
    .breadcrumb-golden ul li a {
        font-size: 0.7777777778vw
    }
}

@media(max-width: 991px) {
    .breadcrumb-golden ul li a {
        font-size: 10.5px
    }
}

@media(max-width: 575px) {
    .breadcrumb-golden ul li a {
        font-size: 9.1px
    }
}

.breadcrumb-golden ul li i {
    color: #3d3d3d
}

@media(min-width: 992px) {
    .breadcrumb-golden ul li i {
        font-size: 0.9722222222vw
    }
}

@media(min-width: 1600px) {
    .breadcrumb-golden ul li i {
        font-size: 0.7777777778vw
    }
}

@media(max-width: 991px) {
    .breadcrumb-golden ul li i {
        font-size: 10.5px
    }
}

@media(max-width: 575px) {
    .breadcrumb-golden ul li i {
        font-size: 9.1px
    }
}

.breadcrumb-golden ul li.active a {
    color: #0b1610;
    font-weight: 600;
    pointer-events: none
}

@media(max-width: 767px) {

    .breadcrumb-golden ul li a,
    .breadcrumb-golden ul li i {
        font-size: 12px
    }

    .aos-animate {
        transition-delay: 0s !important
    }
}

[lang=ar] .commonBtn .btn-icon svg {
    transform: scaleX(-1)
}

.commonBtn {
    width: 100%;
    display: inline-flex;
    transition: all .4s ease;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #fff;
    background-color: #e4002b
}

@media(min-width: 992px) {
    .commonBtn {
        border-radius: 0.2083333333vw
    }
}

@media(min-width: 1600px) {
    .commonBtn {
        border-radius: 0.1666666667vw
    }
}

@media(max-width: 991px) {
    .commonBtn {
        border-radius: 2.25px
    }
}

@media(max-width: 575px) {
    .commonBtn {
        border-radius: 1.95px
    }
}

@media(min-width: 992px) {
    .commonBtn {
        gap: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .commonBtn {
        gap: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .commonBtn {
        gap: 7.5px
    }
}

@media(max-width: 575px) {
    .commonBtn {
        gap: 6.5px
    }
}

.commonBtn .btn-icon {
    display: flex;
    align-items: center;
    justify-content: center
}

@media(min-width: 992px) {
    .commonBtn .btn-icon {
        gap: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .commonBtn .btn-icon {
        gap: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .commonBtn .btn-icon {
        gap: 7.5px
    }
}

@media(max-width: 575px) {
    .commonBtn .btn-icon {
        gap: 6.5px
    }
}

.commonBtn.redArrowButton {
    background-color: #fff;
    color: #e4002b;
    text-wrap: nowrap;
    max-width: fit-content;
    text-align: start;
    display: block
}

@media(min-width: 992px) {
    .commonBtn.redArrowButton {
        font-size: 0.8333333333vw
    }
}

@media(min-width: 1600px) {
    .commonBtn.redArrowButton {
        font-size: 0.6666666667vw
    }
}

@media(max-width: 991px) {
    .commonBtn.redArrowButton {
        font-size: 9px
    }
}

@media(max-width: 575px) {
    .commonBtn.redArrowButton {
        font-size: 7.8px
    }
}

@media(min-width: 992px) {
    .commonBtn.redArrowButton {
        border-radius: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .commonBtn.redArrowButton {
        border-radius: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .commonBtn.redArrowButton {
        border-radius: 7.5px
    }
}

@media(max-width: 575px) {
    .commonBtn.redArrowButton {
        border-radius: 6.5px
    }
}

@media(min-width: 992px) {
    .commonBtn.redArrowButton {
        padding-block: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .commonBtn.redArrowButton {
        padding-block: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .commonBtn.redArrowButton {
        padding-block: 6px
    }
}

@media(max-width: 575px) {
    .commonBtn.redArrowButton {
        padding-block: 5.2px
    }
}

.commonBtn.redArrowButton i {
    color: #e4002b
}

@media(min-width: 992px) {
    .commonBtn.redArrowButton i {
        padding-inline-end: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .commonBtn.redArrowButton i {
        padding-inline-end: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .commonBtn.redArrowButton i {
        padding-inline-end: 7.5px
    }
}

@media(max-width: 575px) {
    .commonBtn.redArrowButton i {
        padding-inline-end: 6.5px
    }
}

@media(min-width: 992px) {
    .commonBtn.redArrowButton i {
        font-size: 0.8333333333vw
    }
}

@media(min-width: 1600px) {
    .commonBtn.redArrowButton i {
        font-size: 0.6666666667vw
    }
}

@media(max-width: 991px) {
    .commonBtn.redArrowButton i {
        font-size: 9px
    }
}

@media(max-width: 575px) {
    .commonBtn.redArrowButton i {
        font-size: 7.8px
    }
}

.commonBtn.redArrowButton.hover-effect {
    background-color: #e4002b;
    color: #fff
}

@media(min-width: 992px) {
    .commonBtn.redArrowButton.hover-effect {
        padding-inline: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .commonBtn.redArrowButton.hover-effect {
        padding-inline: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .commonBtn.redArrowButton.hover-effect {
        padding-inline: 15px
    }
}

@media(max-width: 575px) {
    .commonBtn.redArrowButton.hover-effect {
        padding-inline: 13px
    }
}

.commonBtn.redArrowButton.hover-effect i {
    color: #fff
}

.commonBtn.redArrowButton:hover {
    background-color: #e4002b;
    color: #fff
}

@media(min-width: 992px) {
    .commonBtn.redArrowButton:hover {
        padding-inline: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .commonBtn.redArrowButton:hover {
        padding-inline: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .commonBtn.redArrowButton:hover {
        padding-inline: 15px
    }
}

@media(max-width: 575px) {
    .commonBtn.redArrowButton:hover {
        padding-inline: 13px
    }
}

.commonBtn.redArrowButton:hover i {
    color: #fff
}

.commonBtn.redButton {
    max-width: fit-content;
    text-wrap: nowrap
}

@media(min-width: 992px) {
    .commonBtn.redButton {
        margin-block: 2.4305555556vw
    }
}

@media(min-width: 1600px) {
    .commonBtn.redButton {
        margin-block: 1.9444444444vw
    }
}

@media(max-width: 991px) {
    .commonBtn.redButton {
        margin-block: 26.25px
    }
}

@media(max-width: 575px) {
    .commonBtn.redButton {
        margin-block: 22.75px
    }
}

@media(min-width: 992px) {
    .commonBtn.redButton {
        font-size: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .commonBtn.redButton {
        font-size: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .commonBtn.redButton {
        font-size: 15px
    }
}

@media(max-width: 575px) {
    .commonBtn.redButton {
        font-size: 13px
    }
}

@media(min-width: 992px) {
    .commonBtn.redButton {
        padding-inline: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .commonBtn.redButton {
        padding-inline: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .commonBtn.redButton {
        padding-inline: 30px
    }
}

@media(max-width: 575px) {
    .commonBtn.redButton {
        padding-inline: 26px
    }
}

@media(min-width: 992px) {
    .commonBtn.redButton {
        padding-block: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .commonBtn.redButton {
        padding-block: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .commonBtn.redButton {
        padding-block: 11.25px
    }
}

@media(max-width: 575px) {
    .commonBtn.redButton {
        padding-block: 9.75px
    }
}

.commonBtn.blueBtn {
    background-color: #0b1610
}

.commonBtn.whiteBorder {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    text-wrap: nowrap
}

@media(min-width: 992px) {
    .commonBtn.whiteBorder {
        padding-inline: 0.8333333333vw
    }
}

@media(min-width: 1600px) {
    .commonBtn.whiteBorder {
        padding-inline: 0.6666666667vw
    }
}

@media(max-width: 991px) {
    .commonBtn.whiteBorder {
        padding-inline: 9px
    }
}

@media(max-width: 575px) {
    .commonBtn.whiteBorder {
        padding-inline: 7.8px
    }
}

@media(min-width: 992px) {
    .commonBtn.whiteBorder {
        padding-block: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .commonBtn.whiteBorder {
        padding-block: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .commonBtn.whiteBorder {
        padding-block: 6px
    }
}

@media(max-width: 575px) {
    .commonBtn.whiteBorder {
        padding-block: 5.2px
    }
}

.commonBtn.whiteBorder a {
    color: #fff;
    font-weight: 400
}

@media(min-width: 992px) {
    .commonBtn.whiteBorder a {
        font-size: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .commonBtn.whiteBorder a {
        font-size: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .commonBtn.whiteBorder a {
        font-size: 11.25px
    }
}

@media(max-width: 575px) {
    .commonBtn.whiteBorder a {
        font-size: 9.75px
    }
}

.commonBtn.whiteBorder:hover {
    background-color: #fff
}

.commonBtn.whiteBorder:hover a {
    color: #e4002b
}

.commonBtn.redBorder {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #e4002b;
    transition: all .2s ease;
    text-wrap: nowrap;
    color: #e4002b;
    font-weight: 700
}

@media(min-width: 992px) {
    .commonBtn.redBorder {
        padding: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .commonBtn.redBorder {
        padding: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .commonBtn.redBorder {
        padding: 7.5px
    }
}

@media(max-width: 575px) {
    .commonBtn.redBorder {
        padding: 6.5px
    }
}

@media(min-width: 992px) {
    .commonBtn.redBorder {
        padding-inline: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .commonBtn.redBorder {
        padding-inline: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .commonBtn.redBorder {
        padding-inline: 12px
    }
}

@media(max-width: 575px) {
    .commonBtn.redBorder {
        padding-inline: 10.4px
    }
}

@media(min-width: 992px) {
    .commonBtn.redBorder {
        max-width: 9.0277777778vw
    }
}

@media(min-width: 1600px) {
    .commonBtn.redBorder {
        max-width: 7.2222222222vw
    }
}

@media(max-width: 991px) {
    .commonBtn.redBorder {
        max-width: 97.5px
    }
}

@media(max-width: 575px) {
    .commonBtn.redBorder {
        max-width: 84.5px
    }
}

@media(min-width: 992px) {
    .commonBtn.redBorder {
        margin-top: 3.4722222222vw
    }
}

@media(min-width: 1600px) {
    .commonBtn.redBorder {
        margin-top: 2.7777777778vw
    }
}

@media(max-width: 991px) {
    .commonBtn.redBorder {
        margin-top: 37.5px
    }
}

@media(max-width: 575px) {
    .commonBtn.redBorder {
        margin-top: 32.5px
    }
}

@media(min-width: 992px) {
    .commonBtn.redBorder {
        margin-inline: 0.3472222222vw
    }
}

@media(min-width: 1600px) {
    .commonBtn.redBorder {
        margin-inline: 0.2777777778vw
    }
}

@media(max-width: 991px) {
    .commonBtn.redBorder {
        margin-inline: 3.75px
    }
}

@media(max-width: 575px) {
    .commonBtn.redBorder {
        margin-inline: 3.25px
    }
}

@media(min-width: 992px) {
    .commonBtn.redBorder {
        margin-bottom: 6.9444444444vw
    }
}

@media(min-width: 1600px) {
    .commonBtn.redBorder {
        margin-bottom: 5.5555555556vw
    }
}

@media(max-width: 991px) {
    .commonBtn.redBorder {
        margin-bottom: 75px
    }
}

@media(max-width: 575px) {
    .commonBtn.redBorder {
        margin-bottom: 65px
    }
}

@media(min-width: 992px) {
    .commonBtn.redBorder {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .commonBtn.redBorder {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .commonBtn.redBorder {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .commonBtn.redBorder {
        font-size: 10.4px
    }
}

.commonBtn.redBorder:hover {
    background-color: #e4002b;
    color: #fff;
    font-weight: 400
}

.commonBtn:hover {
    background-color: #0b1610;
    color: #fff
}

.commonBtn:hover.blueBtn {
    background-color: #e4002b
}

.BacktoTopbutton {
    display: inline-block;
    background-color: #e4002b;
    text-align: center;
    position: fixed;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 96;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(min-width: 992px) {
    .BacktoTopbutton {
        width: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .BacktoTopbutton {
        width: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .BacktoTopbutton {
        width: 30px
    }
}

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

@media(min-width: 992px) {
    .BacktoTopbutton {
        height: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .BacktoTopbutton {
        height: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .BacktoTopbutton {
        height: 30px
    }
}

@media(max-width: 575px) {
    .BacktoTopbutton {
        height: 26px
    }
}

@media(min-width: 992px) {
    .BacktoTopbutton {
        bottom: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .BacktoTopbutton {
        bottom: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .BacktoTopbutton {
        bottom: 30px
    }
}

@media(max-width: 575px) {
    .BacktoTopbutton {
        bottom: 26px
    }
}

@media(min-width: 992px) {
    .BacktoTopbutton {
        right: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .BacktoTopbutton {
        right: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .BacktoTopbutton {
        right: 30px
    }
}

@media(max-width: 575px) {
    .BacktoTopbutton {
        right: 26px
    }
}

@media(min-width: 992px) {
    .BacktoTopbutton {
        border-radius: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .BacktoTopbutton {
        border-radius: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .BacktoTopbutton {
        border-radius: 6px
    }
}

@media(max-width: 575px) {
    .BacktoTopbutton {
        border-radius: 5.2px
    }
}

.BacktoTopbutton i {
    color: #fff
}

@media(min-width: 992px) {
    .BacktoTopbutton i {
        font-size: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .BacktoTopbutton i {
        font-size: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .BacktoTopbutton i {
        font-size: 15px
    }
}

@media(max-width: 575px) {
    .BacktoTopbutton i {
        font-size: 13px
    }
}

.BacktoTopbutton:hover {
    cursor: pointer;
    background-color: rgba(228, 0, 43, .6)
}

.BacktoTopbutton:active {
    background-color: #0b1610
}

.BacktoTopbutton.show {
    opacity: 1;
    visibility: visible
}

[lang=ar] .commonBtn.redArrowButton {
    display: flex;
    flex-direction: row-reverse;
    align-items: center
}

[lang=ar] .commonBtn.redArrowButton i {
    transform: scaleX(-1)
}

@media(max-width: 991px) {
    .commonBtn .whiteBorder {
        font-size: 16px
    }
}

.mainHeader {
    position: relative;
    z-index: 999
}

.mainHeader:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    width: 100%;
    height: 100%
}

.mainHeader.bgFull {
    background-color: #0b1610;
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px
}

.mainHeader.bgFull.fixed .siteLogo a {
    padding-top: 0;
    transition: all .3s ease-in-out;
    transform: scale(0.9)
}

@media(max-width: 991px) {
    .mainHeader.bgFull.fixed .siteLogo a {
        padding-top: 8px
    }

    .mainHeader.bgFull.fixed .siteLogo a img {
        transform: scale(1)
    }
}

.mainHeader.fixed {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px
}

.mainHeader.fixed:not(.bgFull) {
    background-color: rgba(0, 0, 0, .25)
}

.mainHeader.fixed:not(.bgFull) .menuIcon.menuOpen .line {
    background-color: #e4002b
}

.mainHeader.fixed:not(.bgFull) .menuIcon .line {
    transition: all .3s ease-in-out;
    background-color: #fff
}

.mainHeader.aboutHeader {
    position: fixed;
    top: 0px;
    left: 0px;
    transition: all .3 s ease-in-out;
    right: 0px
}

.mainHeader.aboutHeader.ScrollDown {
    top: -100%;
    transition: all .3 s ease-in-out
}

.mainHeader.aboutHeader.ScrollUp {
    top: 0px;
    transition: all .3 s ease-in-out
}

.mainHeader .isTrans {
    background-color: #e4002b;
    position: absolute !important;
    top: 0px;
    left: 0px;
    right: 0px
}

.mainHeader .siteLogo {
    display: flex;
    justify-content: start;
    position: relative;
    text-align: start;
    z-index: 99;
    flex-grow: 0;
    flex-shrink: 0
}

@media(min-width: 992px) {
    .mainHeader .siteLogo {
        flex-basis: 13.1944444444vw
    }
}

@media(min-width: 1600px) {
    .mainHeader .siteLogo {
        flex-basis: 10.5555555556vw
    }
}

@media(max-width: 991px) {
    .mainHeader .siteLogo {
        flex-basis: 142.5px
    }
}

@media(max-width: 575px) {
    .mainHeader .siteLogo {
        flex-basis: 123.5px
    }
}

@media(min-width: 992px) {
    .mainHeader .siteLogo {
        margin-inline-end: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .mainHeader .siteLogo {
        margin-inline-end: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .mainHeader .siteLogo {
        margin-inline-end: 7.5px
    }
}

@media(max-width: 575px) {
    .mainHeader .siteLogo {
        margin-inline-end: 6.5px
    }
}

.mainHeader .siteLogo a {
    position: absolute
}

@media(min-width: 992px) {
    .mainHeader .siteLogo a {
        padding-top: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .mainHeader .siteLogo a {
        padding-top: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .mainHeader .siteLogo a {
        padding-top: 11.25px
    }
}

@media(max-width: 575px) {
    .mainHeader .siteLogo a {
        padding-top: 9.75px
    }
}

.mainHeader .siteLogo a img {
    transition: all .3s ease-in-out
}

@media(min-width: 992px) {
    .mainHeader .siteLogo a img {
        height: 9.0277777778vw
    }
}

@media(min-width: 1600px) {
    .mainHeader .siteLogo a img {
        height: 7.2222222222vw
    }
}

@media(max-width: 991px) {
    .mainHeader .siteLogo a img {
        height: 97.5px
    }
}

@media(max-width: 575px) {
    .mainHeader .siteLogo a img {
        height: 84.5px
    }
}

@media(min-width: 992px) {
    .mainHeader .siteLogo a img {
        width: 13.1944444444vw
    }
}

@media(min-width: 1600px) {
    .mainHeader .siteLogo a img {
        width: 10.5555555556vw
    }
}

@media(max-width: 991px) {
    .mainHeader .siteLogo a img {
        width: 142.5px
    }
}

@media(max-width: 575px) {
    .mainHeader .siteLogo a img {
        width: 123.5px
    }
}

@media(max-width: 575px) {
    .mainHeader .siteLogo a img {
        height: 70px
    }
}

.mainHeader .top {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media(min-width: 992px) {
    .mainHeader .top {
        gap: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .mainHeader .top {
        gap: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .mainHeader .top {
        gap: 22.5px
    }
}

@media(max-width: 575px) {
    .mainHeader .top {
        gap: 19.5px
    }
}

@media(min-width: 992px) {
    .mainHeader .top {
        padding-top: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .mainHeader .top {
        padding-top: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .mainHeader .top {
        padding-top: 7.5px
    }
}

@media(max-width: 575px) {
    .mainHeader .top {
        padding-top: 6.5px
    }
}

.mainHeader .bottom>ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    gap: 16px
}

.mainHeader .bottom>ul li {
    display: flex;
    align-items: center;
    height: 100%
}

@media(min-width: 992px) {
    .mainHeader .bottom>ul li {
        padding-block: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .mainHeader .bottom>ul li {
        padding-block: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .mainHeader .bottom>ul li {
        padding-block: 11.25px
    }
}

@media(max-width: 575px) {
    .mainHeader .bottom>ul li {
        padding-block: 9.75px
    }
}

@media(min-width: 992px) {
    .mainHeader .bottom>ul li {
        padding-inline: 0.3472222222vw
    }
}

@media(min-width: 1600px) {
    .mainHeader .bottom>ul li {
        padding-inline: 0.2777777778vw
    }
}

@media(max-width: 991px) {
    .mainHeader .bottom>ul li {
        padding-inline: 3.75px
    }
}

@media(max-width: 575px) {
    .mainHeader .bottom>ul li {
        padding-inline: 3.25px
    }
}

.mainHeader .bottom>ul li>a {
    display: block;
    color: #fff;
    text-wrap: nowrap;
    font-size: 14px;
    transition: all .1s ease
}

.mainHeader .bottom>ul li>a.arabic {
    font-family: "GESSTwo" !important
}

.mainHeader .bottom>ul li>a img {
    vertical-align: text-top
}

.mainHeader .bottom>ul li>a i {
    color: #fff
}

@media(min-width: 992px) {
    .mainHeader .bottom>ul li>a i {
        font-size: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .mainHeader .bottom>ul li>a i {
        font-size: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .mainHeader .bottom>ul li>a i {
        font-size: 11.25px
    }
}

@media(max-width: 575px) {
    .mainHeader .bottom>ul li>a i {
        font-size: 9.75px
    }
}

.mainHeader .bottom>ul li>a:hover {
    font-weight: 500
}

.mainHeader .bottom>ul li.active {
    background-color: #e4002b
}

.mainHeader .bottom>ul li.submenu {
    position: relative
}

.mainHeader .bottom>ul li.submenu>a {
    position: relative
}

.mainHeader .bottom>ul li.submenu>a:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%) !important;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #fff
}

@media(min-width: 992px) {
    .mainHeader .bottom>ul li.submenu>a:after {
        border-width: 0.3472222222vw
    }
}

@media(min-width: 1600px) {
    .mainHeader .bottom>ul li.submenu>a:after {
        border-width: 0.2777777778vw
    }
}

@media(max-width: 991px) {
    .mainHeader .bottom>ul li.submenu>a:after {
        border-width: 3.75px
    }
}

@media(max-width: 575px) {
    .mainHeader .bottom>ul li.submenu>a:after {
        border-width: 3.25px
    }
}

.mainHeader .bottom>ul li.submenu .submenuDropDown {
    position: absolute;
    z-index: 999;
    top: 90%;
    left: 50%;
    transform: translateX(-50%) !important;
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    transition-duration: 100ms
}

@media(min-width: 992px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown {
        border-radius: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown {
        border-radius: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown {
        border-radius: 6px
    }
}

@media(max-width: 575px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown {
        border-radius: 5.2px
    }
}

@media(min-width: 992px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown {
        min-width: 13.8888888889vw
    }
}

@media(min-width: 1600px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown {
        min-width: 11.1111111111vw
    }
}

@media(max-width: 991px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown {
        min-width: 150px
    }
}

@media(max-width: 575px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown {
        min-width: 130px
    }
}

.mainHeader .bottom>ul li.submenu .submenuDropDown:before {
    content: "";
    position: absolute;
    z-index: 2;
    top: -8px;
    left: 50%;
    transform: translateX(-50%) !important;
    width: 0;
    height: 0;
    border-left: 8px solid rgba(0, 0, 0, 0);
    border-right: 8px solid rgba(0, 0, 0, 0);
    border-bottom: 8px solid #fff;
    opacity: 1
}

.mainHeader .bottom>ul li.submenu .submenuDropDown li {
    width: 100%;
    padding: 0
}

.mainHeader .bottom>ul li.submenu .submenuDropDown li a {
    width: 100%;
    color: #0b1610;
    font-weight: 400;
    position: relative;
    z-index: 1
}

@media(min-width: 992px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown li a {
        font-size: 0.9722222222vw
    }
}

@media(min-width: 1600px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown li a {
        font-size: 0.7777777778vw
    }
}

@media(max-width: 991px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown li a {
        font-size: 10.5px
    }
}

@media(max-width: 575px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown li a {
        font-size: 9.1px
    }
}

@media(min-width: 992px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown li a {
        padding-inline: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown li a {
        padding-inline: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown li a {
        padding-inline: 30px
    }
}

@media(max-width: 575px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown li a {
        padding-inline: 26px
    }
}

@media(min-width: 992px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown li a {
        padding-block: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown li a {
        padding-block: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown li a {
        padding-block: 7.5px
    }
}

@media(max-width: 575px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown li a {
        padding-block: 6.5px
    }
}

.mainHeader .bottom>ul li.submenu .submenuDropDown li a:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition-delay: 1s
}

.mainHeader .bottom>ul li.submenu .submenuDropDown li a:hover {
    color: #fff;
    font-weight: 500;
    background-color: #e4002b
}

@media(min-width: 992px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown li:first-child a {
        border-top-left-radius: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown li:first-child a {
        border-top-left-radius: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown li:first-child a {
        border-top-left-radius: 6px
    }
}

@media(max-width: 575px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown li:first-child a {
        border-top-left-radius: 5.2px
    }
}

@media(min-width: 992px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown li:first-child a {
        border-top-right-radius: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown li:first-child a {
        border-top-right-radius: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown li:first-child a {
        border-top-right-radius: 6px
    }
}

@media(max-width: 575px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown li:first-child a {
        border-top-right-radius: 5.2px
    }
}

@media(min-width: 992px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown li:last-child a {
        border-bottom-left-radius: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown li:last-child a {
        border-bottom-left-radius: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown li:last-child a {
        border-bottom-left-radius: 6px
    }
}

@media(max-width: 575px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown li:last-child a {
        border-bottom-left-radius: 5.2px
    }
}

@media(min-width: 992px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown li:last-child a {
        border-bottom-right-radius: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown li:last-child a {
        border-bottom-right-radius: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown li:last-child a {
        border-bottom-right-radius: 6px
    }
}

@media(max-width: 575px) {
    .mainHeader .bottom>ul li.submenu .submenuDropDown li:last-child a {
        border-bottom-right-radius: 5.2px
    }
}

.mainHeader .bottom>ul li.active a {
    color: #fff
}

.mainHeader .bottom>ul li.active.submenu>a:after {
    border-top-color: #fff
}

.mainHeader .bottom>ul li:hover .submenuDropDown {
    transform: translateY(0px);
    opacity: 1;
    visibility: visible
}

@media(min-width: 1600px)and (min-width: 992px) {
    .mainHeader .bottom>ul li {
        padding-inline: 0.5555555556vw
    }
}

@media(min-width: 1600px)and (min-width: 1600px) {
    .mainHeader .bottom>ul li {
        padding-inline: 0.4444444444vw
    }
}

@media(min-width: 1600px)and (max-width: 991px) {
    .mainHeader .bottom>ul li {
        padding-inline: 6px
    }
}

@media(min-width: 1600px)and (max-width: 575px) {
    .mainHeader .bottom>ul li {
        padding-inline: 5.2px
    }
}

@media(min-width: 1600px)and (min-width: 992px) {
    .mainHeader .bottom>ul li>a {
        font-size: 0.9722222222vw
    }
}

@media(min-width: 1600px)and (min-width: 1600px) {
    .mainHeader .bottom>ul li>a {
        font-size: 0.7777777778vw
    }
}

@media(min-width: 1600px)and (max-width: 991px) {
    .mainHeader .bottom>ul li>a {
        font-size: 10.5px
    }
}

@media(min-width: 1600px)and (max-width: 575px) {
    .mainHeader .bottom>ul li>a {
        font-size: 9.1px
    }
}

.topNav.sideBlock {
    border-inline-end: 1px solid #fff;
    line-height: 1
}

@media(min-width: 992px) {
    .topNav.sideBlock {
        padding-inline-end: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .topNav.sideBlock {
        padding-inline-end: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .topNav.sideBlock {
        padding-inline-end: 22.5px
    }
}

@media(max-width: 575px) {
    .topNav.sideBlock {
        padding-inline-end: 19.5px
    }
}

.topNav ul {
    display: flex;
    align-items: center
}

@media(min-width: 992px) {
    .topNav ul {
        gap: 1.7361111111vw
    }
}

@media(min-width: 1600px) {
    .topNav ul {
        gap: 1.3888888889vw
    }
}

@media(max-width: 991px) {
    .topNav ul {
        gap: 18.75px
    }
}

@media(max-width: 575px) {
    .topNav ul {
        gap: 16.25px
    }
}

.topNav ul li a {
    color: #fff;
    line-height: 1;
    display: flex;
    align-items: center
}

@media(min-width: 992px) {
    .topNav ul li a {
        font-size: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .topNav ul li a {
        font-size: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .topNav ul li a {
        font-size: 11.25px
    }
}

@media(max-width: 575px) {
    .topNav ul li a {
        font-size: 9.75px
    }
}

@media(min-width: 992px) {
    .topNav ul li a {
        gap: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .topNav ul li a {
        gap: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .topNav ul li a {
        gap: 7.5px
    }
}

@media(max-width: 575px) {
    .topNav ul li a {
        gap: 6.5px
    }
}

.topNav ul li a:hover {
    color: #e4002b
}

.langHeader .langBtn {
    color: #fff;
    line-height: 1;
    display: none;
    align-items: center;
    background-color: rgba(0, 0, 0, 0);
    border: none
}

@media(min-width: 992px) {
    .langHeader .langBtn {
        font-size: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .langHeader .langBtn {
        font-size: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .langHeader .langBtn {
        font-size: 11.25px
    }
}

@media(max-width: 575px) {
    .langHeader .langBtn {
        font-size: 9.75px
    }
}

@media(min-width: 992px) {
    .langHeader .langBtn {
        gap: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .langHeader .langBtn {
        gap: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .langHeader .langBtn {
        gap: 7.5px
    }
}

@media(max-width: 575px) {
    .langHeader .langBtn {
        gap: 6.5px
    }
}

.langHeader .langBtn:hover {
    color: #e4002b
}

.langHeader .langBtn.langHeader-arabic {
    font-family: "GESSTwo"
}

.langHeader .langBtn.active {
    display: flex
}

.lang {
    font-weight: 400;
    color: #fff
}

@media(min-width: 992px) {
    .lang {
        font-size: 0.8333333333vw
    }
}

@media(min-width: 1600px) {
    .lang {
        font-size: 0.6666666667vw
    }
}

@media(max-width: 991px) {
    .lang {
        font-size: 9px
    }
}

@media(max-width: 575px) {
    .lang {
        font-size: 7.8px
    }
}

.lang span {
    cursor: pointer;
    font-weight: 700;
    display: block
}

@media(min-width: 992px) {
    .lang span {
        padding-inline-end: 0.3472222222vw
    }
}

@media(min-width: 1600px) {
    .lang span {
        padding-inline-end: 0.2777777778vw
    }
}

@media(max-width: 991px) {
    .lang span {
        padding-inline-end: 3.75px
    }
}

@media(max-width: 575px) {
    .lang span {
        padding-inline-end: 3.25px
    }
}

.lang span.arabic {
    font-family: "GESSTwo" !important
}

.lang span.active {
    display: none
}

.langMobile {
    display: none
}

.menuIcon {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 21px;
    justify-content: space-between;
    position: absolute;
    z-index: 98;
    right: 30px;
    top: 40px;
    width: 30px
}

.menuIcon .line {
    background-color: #0b1610;
    height: 2px;
    transition: all .3s ease;
    width: 100%
}

.menuIcon .line:nth-child(2),
.menuIcon .line:nth-child(3) {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.menuIcon.menuOpen .line {
    background-color: #e4002b
}

.menuIcon.menuOpen .line:nth-child(1),
.menuIcon.menuOpen .line:nth-child(4) {
    width: 0
}

.menuIcon.menuOpen .line.line:nth-child(2) {
    transform: rotate(-45deg) translateY(-50%)
}

.menuIcon.menuOpen .line:nth-child(3) {
    transform: rotate(45deg) translateY(-50%)
}

.mobileMenuWrap {
    background-color: #fff;
    height: 100%;
    left: 0;
    margin-top: 0px;
    overflow-y: auto;
    position: fixed;
    top: 0px;
    padding-top: 80px;
    transform: translateX(100%);
    transition: all .5s ease;
    width: 100%;
    z-index: 97
}

.mobileMenuWrap .mobileMenu {
    padding-top: 20px;
    padding-inline: 30px;
    overflow-y: auto;
    height: 75vh
}

.mobileMenuWrap .mobileMenu::-webkit-scrollbar {
    width: 5px;
    background-color: rgba(0, 22, 137, .2);
    border-radius: 100px
}

.mobileMenuWrap .mobileMenu::-webkit-scrollbar-thumb {
    width: 5px;
    background-color: #0b1610;
    border-radius: 100px
}

.mobileMenuWrap .mobileMenu>ul {
    list-style: none;
    padding: 0
}

.mobileMenuWrap .mobileMenu>ul li {
    position: relative;
    margin-bottom: 5px;
    width: 100%;
    font-size: 20px;
    color: #0b1610;
    font-weight: 500
}

.mobileMenuWrap .mobileMenu>ul li>a {
    display: block
}

.mobileMenuWrap .mobileMenu>ul li a {
    padding: 8px 0px;
    color: #0b1610;
    text-decoration: none
}

.mobileMenuWrap .mobileMenu>ul li a:hover {
    color: #e4002b !important
}

.mobileMenuWrap .mobileMenu>ul li.has-sub .dd-toggle {
    padding: 0;
    color: #0b1610
}

.mobileMenuWrap .mobileMenu>ul li.has-sub .dd-toggle .icon-plus {
    box-sizing: border-box;
    transition: transform .3s;
    position: relative;
    vertical-align: middle;
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 10px
}

.mobileMenuWrap .mobileMenu>ul li.has-sub .dd-toggle .icon-plus:before,
.mobileMenuWrap .mobileMenu>ul li.has-sub .dd-toggle .icon-plus:after {
    content: "";
    position: absolute;
    background-color: #e4002b;
    border-radius: 3px
}

.mobileMenuWrap .mobileMenu>ul li.has-sub .dd-toggle .icon-plus::before {
    width: 100%;
    height: 3px;
    top: 50%;
    transform: translateY(-50%)
}

.mobileMenuWrap .mobileMenu>ul li.has-sub .dd-toggle .icon-plus::after {
    height: 100%;
    width: 3px;
    top: 0px;
    left: 50%;
    transform: translateX(-50%)
}

.mobileMenuWrap .mobileMenu>ul li.has-sub ul {
    width: auto;
    display: none;
    padding-left: 35px;
    list-style-type: none
}

.mobileMenuWrap .mobileMenu>ul li.has-sub ul li {
    border-bottom: none;
    font-size: 16px
}

.mobileMenuWrap .mobileMenu>ul li.has-sub ul li a {
    padding: 0;
    color: rgba(0, 22, 137, .8)
}

.mobileMenuWrap .mobileMenu>ul li.has-sub.open .dd-toggle .icon-plus:after {
    display: none
}

.mobileMenuWrap .mobileMenu>ul li.active a {
    color: #e4002b
}

.mobileMenuWrap .mobileMenu>ul li.active a:after {
    content: "";
    position: absolute;
    top: 22px;
    left: -30px;
    width: 0;
    height: 0;
    border-top: 5px solid rgba(0, 0, 0, 0);
    border-bottom: 5px solid rgba(0, 0, 0, 0);
    border-left: 10px solid #e4002b
}

.mobileMenuWrap .mobileMenu>ul li.active .submenuDropDown li a::after {
    content: none
}

.mobileMenuWrap .mobileHeader-footer {
    background-color: #0b1610;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    bottom: 0;
    width: 100%
}

.mobileMenuWrap .mobileHeader-footer ul {
    display: flex;
    gap: 20px
}

.mobileMenuWrap .mobileHeader-footer ul li {
    transition: all .4s ease
}

.mobileMenuWrap .mobileHeader-footer ul li:hover {
    scale: 1.04;
    transform: translateY(-3px)
}

.mobileMenuWrap .mobileHeader-footer .header-lang {
    transition: all .4s ease
}

.mobileMenuWrap .mobileHeader-footer .header-lang a {
    color: #fff
}

.mobileMenuWrap .mobileHeader-footer .header-lang a.arabic {
    font-family: "GESSTwo" !important
}

.mobileMenuWrap .mobileHeader-footer .header-lang a.english {
    font-family: "Helvetica" !important;
    text-transform: uppercase
}

.mobileMenuWrap .mobileHeader-footer .header-lang:hover {
    scale: 1.03
}

.mobileMenuWrap .mobileHeader-footer .header-social i {
    color: #fff;
    font-size: 24px
}

.mobileMenuWrap .langHeader .langBtn {
    color: #0b1610;
    font-size: 12px
}

.mobileMenuWrap .topNav {
    margin-top: 20px
}

.mobileMenuWrap .topNav ul {
    gap: 0px
}

.mobileMenuWrap .topNav ul li {
    border-left: 1px solid #0b1610;
    padding-left: 15px;
    margin-left: 15px
}

.mobileMenuWrap .topNav ul li:first-child {
    border-left: none;
    padding-left: 0px;
    margin-left: 0px
}

.mobileMenuWrap .topNav ul li a {
    font-size: 12px;
    color: #0b1610
}

.mobileMenuWrap .searchBarWrap {
    width: 100%;
    border-color: #0b1610;
    margin-top: 15px
}

.mobileMenuWrap .searchBarWrap .searchBtn {
    display: none
}

.mobileMenuWrap .searchBarWrap .inputWrap {
    width: 100% !important;
    visibility: visible;
    opacity: 1
}

.mobileMenuWrap .searchBarWrap .inputWrap input,
.mobileMenuWrap .searchBarWrap .inputWrap button {
    height: 30px;
    font-size: 14px
}

.mobileMenuWrap .searchBarWrap .inputWrap button {
    width: 30px;
    display: block
}

.mobileMenuWrap.open {
    transform: translateX(0px) !important
}

[lang=ar] .menuIcon {
    left: 30px;
    right: auto
}

[lang=ar] .mobileMenuWrap {
    transform: translateX(-100%)
}

[lang=ar] .mobileMenuWrap .mobileMenu>ul li.active a:after {
    top: 20px;
    right: -30px;
    transform: scaleX(-1)
}

[lang=ar] .mainHeader .bottom>ul li>a {
    font-family: "GESSTwo" !important
}

[lang=ar] .mainHeader .bottom>ul li>a.english {
    font-family: "Helvetica" !important;
    text-transform: uppercase
}

@media(max-width: 991px) {
    .mainHeader {
        height: 100px;
        width: 100%
    }

    .mainHeader.bgFull {
        background-color: #fff;
        box-shadow: rgba(0, 0, 0, .16) 0px 10px 36px 0px, rgba(0, 0, 0, .06) 0px 0px 0px 1px
    }

    .mainHeader .siteLogo a {
        padding-block: 8px
    }

    .mainHeader .siteLogo a img {
        height: 84px;
        width: 120px
    }

    .mainHeader .lang {
        display: none
    }

    .mainHeader .langMobile {
        display: block;
        color: #fff;
        font-size: 12px;
        cursor: pointer
    }

    .mainHeader .langMobile span {
        padding-inline-end: 5px;
        font-weight: 700;
        display: block
    }

    .mainHeader .langMobile span.active {
        display: none
    }
}

.mainFooter {
    position: relative
}

.mainFooter .subscribeWrap {
    background-color: #0b16101A
}

@media(min-width: 992px) {
    .mainFooter .subscribeWrap {
        padding-block: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .mainFooter .subscribeWrap {
        padding-block: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .mainFooter .subscribeWrap {
        padding-block: 22.5px
    }
}

@media(max-width: 575px) {
    .mainFooter .subscribeWrap {
        padding-block: 19.5px
    }
}

.mainFooter .subscribeWrap .subscribeText h3 {
    color: #0b1610;
    font-weight: 400;
    margin: 0px
}

@media(min-width: 992px) {
    .mainFooter .subscribeWrap .subscribeText h3 {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .mainFooter .subscribeWrap .subscribeText h3 {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .mainFooter .subscribeWrap .subscribeText h3 {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .mainFooter .subscribeWrap .subscribeText h3 {
        font-size: 10.4px
    }
}

.mainFooter .subscribeWrap .subscribeText p {
    color: #0b1610;
    font-weight: 500;
    margin: 0px
}

@media(min-width: 992px) {
    .mainFooter .subscribeWrap .subscribeText p {
        font-size: 1.9444444444vw
    }
}

@media(min-width: 1600px) {
    .mainFooter .subscribeWrap .subscribeText p {
        font-size: 1.5555555556vw
    }
}

@media(max-width: 991px) {
    .mainFooter .subscribeWrap .subscribeText p {
        font-size: 21px
    }
}

@media(max-width: 575px) {
    .mainFooter .subscribeWrap .subscribeText p {
        font-size: 18.2px
    }
}

.mainFooter .subscribeWrap .subscribeForm form {
    display: flex;
    overflow: hidden;
    border: 1px solid #0b1610
}

@media(min-width: 992px) {
    .mainFooter .subscribeWrap .subscribeForm form {
        border-radius: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .mainFooter .subscribeWrap .subscribeForm form {
        border-radius: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .mainFooter .subscribeWrap .subscribeForm form {
        border-radius: 6px
    }
}

@media(max-width: 575px) {
    .mainFooter .subscribeWrap .subscribeForm form {
        border-radius: 5.2px
    }
}

.mainFooter .subscribeWrap .subscribeForm form input {
    width: 100%;
    border: none;
    height: 100%
}

@media(min-width: 992px) {
    .mainFooter .subscribeWrap .subscribeForm form input {
        max-width: 27.0833333333vw
    }
}

@media(min-width: 1600px) {
    .mainFooter .subscribeWrap .subscribeForm form input {
        max-width: 21.6666666667vw
    }
}

@media(max-width: 991px) {
    .mainFooter .subscribeWrap .subscribeForm form input {
        max-width: 292.5px
    }
}

@media(max-width: 575px) {
    .mainFooter .subscribeWrap .subscribeForm form input {
        max-width: 253.5px
    }
}

@media(min-width: 992px) {
    .mainFooter .subscribeWrap .subscribeForm form input {
        min-width: 27.0833333333vw
    }
}

@media(min-width: 1600px) {
    .mainFooter .subscribeWrap .subscribeForm form input {
        min-width: 21.6666666667vw
    }
}

@media(max-width: 991px) {
    .mainFooter .subscribeWrap .subscribeForm form input {
        min-width: 292.5px
    }
}

@media(max-width: 575px) {
    .mainFooter .subscribeWrap .subscribeForm form input {
        min-width: 253.5px
    }
}

@media(min-width: 992px) {
    .mainFooter .subscribeWrap .subscribeForm form input {
        padding-inline: 0.8333333333vw
    }
}

@media(min-width: 1600px) {
    .mainFooter .subscribeWrap .subscribeForm form input {
        padding-inline: 0.6666666667vw
    }
}

@media(max-width: 991px) {
    .mainFooter .subscribeWrap .subscribeForm form input {
        padding-inline: 9px
    }
}

@media(max-width: 575px) {
    .mainFooter .subscribeWrap .subscribeForm form input {
        padding-inline: 7.8px
    }
}

.mainFooter .subscribeWrap .subscribeForm form button {
    color: #fff;
    background-color: #0b1610;
    border: none
}

@media(min-width: 992px) {
    .mainFooter .subscribeWrap .subscribeForm form button {
        padding-block: 0.8333333333vw
    }
}

@media(min-width: 1600px) {
    .mainFooter .subscribeWrap .subscribeForm form button {
        padding-block: 0.6666666667vw
    }
}

@media(max-width: 991px) {
    .mainFooter .subscribeWrap .subscribeForm form button {
        padding-block: 9px
    }
}

@media(max-width: 575px) {
    .mainFooter .subscribeWrap .subscribeForm form button {
        padding-block: 7.8px
    }
}

@media(min-width: 992px) {
    .mainFooter .subscribeWrap .subscribeForm form button {
        padding-inline: 2.4305555556vw
    }
}

@media(min-width: 1600px) {
    .mainFooter .subscribeWrap .subscribeForm form button {
        padding-inline: 1.9444444444vw
    }
}

@media(max-width: 991px) {
    .mainFooter .subscribeWrap .subscribeForm form button {
        padding-inline: 26.25px
    }
}

@media(max-width: 575px) {
    .mainFooter .subscribeWrap .subscribeForm form button {
        padding-inline: 22.75px
    }
}

@media(min-width: 992px) {
    .mainFooter .subscribeWrap .subscribeForm form button {
        border-radius: 0.4166666667vw
    }
}

@media(min-width: 1600px) {
    .mainFooter .subscribeWrap .subscribeForm form button {
        border-radius: 0.3333333333vw
    }
}

@media(max-width: 991px) {
    .mainFooter .subscribeWrap .subscribeForm form button {
        border-radius: 4.5px
    }
}

@media(max-width: 575px) {
    .mainFooter .subscribeWrap .subscribeForm form button {
        border-radius: 3.9px
    }
}

@media(min-width: 992px) {
    .mainFooter .subscribeWrap .subscribeForm form button {
        font-size: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .mainFooter .subscribeWrap .subscribeForm form button {
        font-size: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .mainFooter .subscribeWrap .subscribeForm form button {
        font-size: 15px
    }
}

@media(max-width: 575px) {
    .mainFooter .subscribeWrap .subscribeForm form button {
        font-size: 13px
    }
}

.mainFooter .subscribeWrap .subscribeForm form button:hover {
    background-color: #0b1610
}

@media(max-width: 991px) {
    .mainFooter .subscribeWrap .subscribeForm {
        margin-top: 20px
    }
}

@media(max-width: 575px) {
    .mainFooter .subscribeWrap .subscribeForm form {
        width: 100%
    }

    .mainFooter .subscribeWrap .subscribeForm form input {
        min-width: 180px;
        max-width: 100%
    }
}

.mainFooter .footerInner {
    background-color: #fff
}

@media(min-width: 992px) {
    .mainFooter .footerInner {
        padding-top: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .mainFooter .footerInner {
        padding-top: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .mainFooter .footerInner {
        padding-top: 45px
    }
}

@media(max-width: 575px) {
    .mainFooter .footerInner {
        padding-top: 39px
    }
}

@media(min-width: 992px) {
    .mainFooter .footerInner .footerLink {
        padding-bottom: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .mainFooter .footerInner .footerLink {
        padding-bottom: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .mainFooter .footerInner .footerLink {
        padding-bottom: 22.5px
    }
}

@media(max-width: 575px) {
    .mainFooter .footerInner .footerLink {
        padding-bottom: 19.5px
    }
}

.mainFooter .footerInner .footerLink ul li {
    line-height: 1
}

@media(min-width: 992px) {
    .mainFooter .footerInner .footerLink ul li {
        margin-bottom: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .mainFooter .footerInner .footerLink ul li {
        margin-bottom: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .mainFooter .footerInner .footerLink ul li {
        margin-bottom: 7.5px
    }
}

@media(max-width: 575px) {
    .mainFooter .footerInner .footerLink ul li {
        margin-bottom: 6.5px
    }
}

.mainFooter .footerInner .footerLink ul li a {
    color: rgba(43, 43, 43, .8)
}

@media(min-width: 992px) {
    .mainFooter .footerInner .footerLink ul li a {
        font-size: 0.9722222222vw
    }
}

@media(min-width: 1600px) {
    .mainFooter .footerInner .footerLink ul li a {
        font-size: 0.7777777778vw
    }
}

@media(max-width: 991px) {
    .mainFooter .footerInner .footerLink ul li a {
        font-size: 10.5px
    }
}

@media(max-width: 575px) {
    .mainFooter .footerInner .footerLink ul li a {
        font-size: 9.1px
    }
}

.mainFooter .footerInner .footerLink ul li a:hover {
    color: #0b1610
}

@media(max-width: 575px) {
    .mainFooter .footerInner .footerLink ul li a:hover {
        color: #fff
    }
}

@media(min-width: 992px) {
    .mainFooter .footerInner .footerLink ul li.heading {
        margin-bottom: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .mainFooter .footerInner .footerLink ul li.heading {
        margin-bottom: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .mainFooter .footerInner .footerLink ul li.heading {
        margin-bottom: 11.25px
    }
}

@media(max-width: 575px) {
    .mainFooter .footerInner .footerLink ul li.heading {
        margin-bottom: 9.75px
    }
}

.mainFooter .footerInner .footerLink ul li.heading a {
    color: #0b1610;
    text-transform: uppercase;
    font-weight: 800
}

@media(min-width: 992px) {
    .mainFooter .footerInner .footerLink ul li.heading a {
        font-size: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .mainFooter .footerInner .footerLink ul li.heading a {
        font-size: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .mainFooter .footerInner .footerLink ul li.heading a {
        font-size: 11.25px
    }
}

@media(max-width: 575px) {
    .mainFooter .footerInner .footerLink ul li.heading a {
        font-size: 9.75px
    }
}

@media(max-width: 575px) {
    .mainFooter .footerInner .footerLink ul li a {
        font-size: 11px
    }

    .mainFooter .footerInner .footerLink ul li.heading a {
        font-size: 13px
    }
}

.mainFooter .footerInner .footer-logo {
    display: flex;
    position: relative;
    justify-content: center
}

.mainFooter .footerInner .footer-logo img {
    z-index: 10;
    background-color: #fff;
    position: relative
}

@media(min-width: 992px) {
    .mainFooter .footerInner .footer-logo img {
        max-width: 9.0277777778vw
    }
}

@media(min-width: 1600px) {
    .mainFooter .footerInner .footer-logo img {
        max-width: 7.2222222222vw
    }
}

@media(max-width: 991px) {
    .mainFooter .footerInner .footer-logo img {
        max-width: 97.5px
    }
}

@media(max-width: 575px) {
    .mainFooter .footerInner .footer-logo img {
        max-width: 84.5px
    }
}

.mainFooter .footerInner .footer-logo::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    background-color: rgba(61, 61, 61, .4);
    z-index: 1
}

@media(min-width: 992px) {
    .mainFooter .footerInner .socialWrap {
        padding-block: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .mainFooter .footerInner .socialWrap {
        padding-block: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .mainFooter .footerInner .socialWrap {
        padding-block: 15px
    }
}

@media(max-width: 575px) {
    .mainFooter .footerInner .socialWrap {
        padding-block: 13px
    }
}

.mainFooter .footerInner .socialWrap ul {
    display: flex;
    align-items: center
}

@media(min-width: 992px) {
    .mainFooter .footerInner .socialWrap ul {
        gap: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .mainFooter .footerInner .socialWrap ul {
        gap: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .mainFooter .footerInner .socialWrap ul {
        gap: 22.5px
    }
}

@media(max-width: 575px) {
    .mainFooter .footerInner .socialWrap ul {
        gap: 19.5px
    }
}

.mainFooter .footerInner .socialWrap ul li a:hover {
    transform: translateY(-3px)
}

.mainFooter .footerInner .socialWrap .appLinks ul li a {
    display: block
}

@media(min-width: 992px) {
    .mainFooter .footerInner .socialWrap .appLinks ul li a img {
        max-width: 10vw
    }
}

@media(min-width: 1600px) {
    .mainFooter .footerInner .socialWrap .appLinks ul li a img {
        max-width: 8vw
    }
}

@media(max-width: 991px) {
    .mainFooter .footerInner .socialWrap .appLinks ul li a img {
        max-width: 108px
    }
}

@media(max-width: 575px) {
    .mainFooter .footerInner .socialWrap .appLinks ul li a img {
        max-width: 93.6px
    }
}

@media(min-width: 992px) {
    .mainFooter .footerInner .socialWrap .socialLinks ul {
        gap: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .mainFooter .footerInner .socialWrap .socialLinks ul {
        gap: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .mainFooter .footerInner .socialWrap .socialLinks ul {
        gap: 22.5px
    }
}

@media(max-width: 575px) {
    .mainFooter .footerInner .socialWrap .socialLinks ul {
        gap: 19.5px
    }
}

.mainFooter .footerInner .socialWrap .socialLinks ul li a {
    display: flex;
    align-items: center;
    justify-content: center
}

@media(min-width: 992px) {
    .mainFooter .footerInner .socialWrap .socialLinks ul li a {
        width: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .mainFooter .footerInner .socialWrap .socialLinks ul li a {
        width: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .mainFooter .footerInner .socialWrap .socialLinks ul li a {
        width: 18px
    }
}

@media(max-width: 575px) {
    .mainFooter .footerInner .socialWrap .socialLinks ul li a {
        width: 15.6px
    }
}

@media(min-width: 992px) {
    .mainFooter .footerInner .socialWrap .socialLinks ul li a {
        height: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .mainFooter .footerInner .socialWrap .socialLinks ul li a {
        height: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .mainFooter .footerInner .socialWrap .socialLinks ul li a {
        height: 18px
    }
}

@media(max-width: 575px) {
    .mainFooter .footerInner .socialWrap .socialLinks ul li a {
        height: 15.6px
    }
}

.mainFooter .footerInner .socialWrap .socialLinks ul li a i {
    color: rgba(43, 43, 43, .7)
}

@media(min-width: 992px) {
    .mainFooter .footerInner .socialWrap .socialLinks ul li a i {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .mainFooter .footerInner .socialWrap .socialLinks ul li a i {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .mainFooter .footerInner .socialWrap .socialLinks ul li a i {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .mainFooter .footerInner .socialWrap .socialLinks ul li a i {
        font-size: 15.6px
    }
}

.mainFooter .footerInner .socialWrap .socialLinks ul li a svg {
    opacity: .7;
    fill: #2b2b2b
}

@media(min-width: 992px) {
    .mainFooter .footerInner .socialWrap .socialLinks ul li a svg {
        width: 1.875vw
    }
}

@media(min-width: 1600px) {
    .mainFooter .footerInner .socialWrap .socialLinks ul li a svg {
        width: 1.5vw
    }
}

@media(max-width: 991px) {
    .mainFooter .footerInner .socialWrap .socialLinks ul li a svg {
        width: 20.25px
    }
}

@media(max-width: 575px) {
    .mainFooter .footerInner .socialWrap .socialLinks ul li a svg {
        width: 17.55px
    }
}

@media(min-width: 992px) {
    .mainFooter .footerInner .socialWrap .socialLinks ul li a svg {
        height: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .mainFooter .footerInner .socialWrap .socialLinks ul li a svg {
        height: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .mainFooter .footerInner .socialWrap .socialLinks ul li a svg {
        height: 18px
    }
}

@media(max-width: 575px) {
    .mainFooter .footerInner .socialWrap .socialLinks ul li a svg {
        height: 15.6px
    }
}

@media(max-width: 767px) {
    .mainFooter .footerInner .socialWrap .socialLinks ul li a svg {
        fill: #fff;
        opacity: 1;
        width: 24px;
        height: 24px
    }
}

@media(min-width: 992px) {

    .mainFooter .footerInner .copyrightWrap p,
    .mainFooter .footerInner .copyrightWrap ul {
        margin-block: 0.6944444444vw
    }
}

@media(min-width: 1600px) {

    .mainFooter .footerInner .copyrightWrap p,
    .mainFooter .footerInner .copyrightWrap ul {
        margin-block: 0.5555555556vw
    }
}

@media(max-width: 991px) {

    .mainFooter .footerInner .copyrightWrap p,
    .mainFooter .footerInner .copyrightWrap ul {
        margin-block: 7.5px
    }
}

@media(max-width: 575px) {

    .mainFooter .footerInner .copyrightWrap p,
    .mainFooter .footerInner .copyrightWrap ul {
        margin-block: 6.5px
    }
}

.mainFooter .footerInner .copyrightWrap p,
.mainFooter .footerInner .copyrightWrap li {
    color: #3d3d3d
}

@media(min-width: 992px) {

    .mainFooter .footerInner .copyrightWrap p,
    .mainFooter .footerInner .copyrightWrap li {
        font-size: 0.8333333333vw
    }
}

@media(min-width: 1600px) {

    .mainFooter .footerInner .copyrightWrap p,
    .mainFooter .footerInner .copyrightWrap li {
        font-size: 0.6666666667vw
    }
}

@media(max-width: 991px) {

    .mainFooter .footerInner .copyrightWrap p,
    .mainFooter .footerInner .copyrightWrap li {
        font-size: 9px
    }
}

@media(max-width: 575px) {

    .mainFooter .footerInner .copyrightWrap p,
    .mainFooter .footerInner .copyrightWrap li {
        font-size: 7.8px
    }
}

.mainFooter .footerInner .copyrightWrap ul {
    display: flex;
    align-items: center
}

@media(min-width: 992px) {
    .mainFooter .footerInner .copyrightWrap ul {
        gap: 0.3472222222vw
    }
}

@media(min-width: 1600px) {
    .mainFooter .footerInner .copyrightWrap ul {
        gap: 0.2777777778vw
    }
}

@media(max-width: 991px) {
    .mainFooter .footerInner .copyrightWrap ul {
        gap: 3.75px
    }
}

@media(max-width: 575px) {
    .mainFooter .footerInner .copyrightWrap ul {
        gap: 3.25px
    }
}

.mainFooter .footerInner .copyrightWrap ul li {
    border-inline-end: 1px solid #fff;
    line-height: 1
}

@media(min-width: 992px) {
    .mainFooter .footerInner .copyrightWrap ul li {
        padding-inline-end: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .mainFooter .footerInner .copyrightWrap ul li {
        padding-inline-end: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .mainFooter .footerInner .copyrightWrap ul li {
        padding-inline-end: 7.5px
    }
}

@media(max-width: 575px) {
    .mainFooter .footerInner .copyrightWrap ul li {
        padding-inline-end: 6.5px
    }
}

.mainFooter .footerInner .copyrightWrap ul li:last-child {
    border-inline-end: none;
    padding-inline-end: 0
}

.mainFooter .footerInner .copyrightWrap ul li a {
    color: inherit
}

.mainFooter .footerInner .copyrightWrap ul li a:hover {
    color: #e4002b
}

@media(max-width: 575px) {

    .mainFooter .footerInner .copyrightWrap p,
    .mainFooter .footerInner .copyrightWrap li {
        font-size: 10px
    }

    .mainFooter .footerInner .copyrightWrap p {
        text-align: center;
        margin-bottom: 5px
    }
}

@media(max-width: 767px) {
    .mainFooter .footerInner {
        background-color: #0b1610;
        padding-top: 35px
    }

    .mainFooter .footerInner .mobileLogo {
        width: 120px;
        height: 80px;
        object-fit: cover
    }

    .mainFooter .footerInner .mobileTerms ul {
        padding: 0;
        display: flex;
        gap: 20px;
        list-style: none
    }

    .mainFooter .footerInner .mobileTerms ul li a {
        color: #fff;
        font-size: 8px;
        font-weight: 400
    }

    .mainFooter .footerInner .footerLink {
        padding-top: 48px;
        padding-bottom: 0px
    }

    .mainFooter .footerInner .footerLink ul li a {
        color: #fff;
        font-size: 12px
    }

    .mainFooter .footerInner .footerLink ul li.heading {
        margin-bottom: 16px
    }

    .mainFooter .footerInner .footerLink ul li.heading a {
        font-size: 14px;
        color: #fff;
        font-weight: 800
    }

    .mainFooter .footerInner .footer-logo {
        display: none
    }

    .mainFooter .footerInner .socialWrap {
        padding-top: 48px;
        padding-bottom: 0
    }

    .mainFooter .footerInner .socialWrap .socialLinks ul li a i,
    .mainFooter .footerInner .socialWrap .socialLinks ul li a svg {
        color: #fff
    }

    .mainFooter .footerInner .socialWrap .copyrightWrap {
        display: none
    }

    .mainFooter .footerInner .mobileCopyrights {
        padding-block: 32px;
        padding-inline: 24px;
        background-color: #0b1610
    }

    .mainFooter .footerInner .mobileCopyrights p {
        font-size: 12px;
        color: #fff;
        margin: 0
    }
}

.cstmBreadcrumb {
    text-align: center
}

.cstmBreadcrumb ul {
    padding: 0;
    list-style: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-image: url("/assets/images/pattern/breadcrum-pattern.svg");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%
}

@media(min-width: 992px) {
    .cstmBreadcrumb ul {
        gap: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .cstmBreadcrumb ul {
        gap: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .cstmBreadcrumb ul {
        gap: 7.5px
    }
}

@media(max-width: 575px) {
    .cstmBreadcrumb ul {
        gap: 6.5px
    }
}

@media(min-width: 992px) {
    .cstmBreadcrumb ul {
        padding-top: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .cstmBreadcrumb ul {
        padding-top: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .cstmBreadcrumb ul {
        padding-top: 7.5px
    }
}

@media(max-width: 575px) {
    .cstmBreadcrumb ul {
        padding-top: 6.5px
    }
}

@media(min-width: 992px) {
    .cstmBreadcrumb ul {
        padding-bottom: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .cstmBreadcrumb ul {
        padding-bottom: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .cstmBreadcrumb ul {
        padding-bottom: 7.5px
    }
}

@media(max-width: 575px) {
    .cstmBreadcrumb ul {
        padding-bottom: 6.5px
    }
}

.cstmBreadcrumb ul li a {
    display: flex;
    align-items: center;
    color: #848484
}

@media(min-width: 992px) {
    .cstmBreadcrumb ul li a {
        font-size: 0.9722222222vw
    }
}

@media(min-width: 1600px) {
    .cstmBreadcrumb ul li a {
        font-size: 0.7777777778vw
    }
}

@media(max-width: 991px) {
    .cstmBreadcrumb ul li a {
        font-size: 10.5px
    }
}

@media(max-width: 575px) {
    .cstmBreadcrumb ul li a {
        font-size: 9.1px
    }
}

@media(min-width: 992px) {
    .cstmBreadcrumb ul li a {
        gap: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .cstmBreadcrumb ul li a {
        gap: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .cstmBreadcrumb ul li a {
        gap: 7.5px
    }
}

@media(max-width: 575px) {
    .cstmBreadcrumb ul li a {
        gap: 6.5px
    }
}

.cstmBreadcrumb ul li i {
    color: #0b1610
}

.cstmBreadcrumb ul li.active a {
    color: #0b1610;
    font-weight: 500
}

[lang=ar] .cstmBreadcrumb ul li a .arrowIcon {
    transform: scaleX(-1)
}

[lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
    color: #3c3c3c;
    border-right: solid rgba(0, 22, 137, .25);
    border-left: solid rgba(0, 22, 137, .25)
}

@media(min-width: 992px) {
    [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
        border-right-width: 0vw
    }
}

@media(min-width: 1600px) {
    [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
        border-right-width: 0vw
    }
}

@media(max-width: 991px) {
    [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
        border-right-width: 0px
    }
}

@media(max-width: 575px) {
    [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
        border-right-width: 0px
    }
}

@media(min-width: 992px) {
    [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
        border-left-width: 0.1388888889vw
    }
}

@media(min-width: 1600px) {
    [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
        border-left-width: 0.1111111111vw
    }
}

@media(max-width: 991px) {
    [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
        border-left-width: 1.5px
    }
}

@media(max-width: 575px) {
    [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
        border-left-width: 1.3px
    }
}

@media(min-width: 992px) {
    [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
        font-size: 0.9722222222vw
    }
}

@media(min-width: 1600px) {
    [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
        font-size: 0.7777777778vw
    }
}

@media(max-width: 991px) {
    [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
        font-size: 10.5px
    }
}

@media(max-width: 575px) {
    [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
        font-size: 9.1px
    }
}

@media(min-width: 992px) {
    [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td:last-child {
        border-right-width: 0.1388888889vw
    }
}

@media(min-width: 1600px) {
    [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td:last-child {
        border-right-width: 0.1111111111vw
    }
}

@media(max-width: 991px) {
    [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td:last-child {
        border-right-width: 1.5px
    }
}

@media(max-width: 575px) {
    [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td:last-child {
        border-right-width: 1.3px
    }
}

@media(min-width: 992px) {
    [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td:last-child {
        border-left-width: 0vw
    }
}

@media(min-width: 1600px) {
    [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td:last-child {
        border-left-width: 0vw
    }
}

@media(max-width: 991px) {
    [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td:last-child {
        border-left-width: 0px
    }
}

@media(max-width: 575px) {
    [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td:last-child {
        border-left-width: 0px
    }
}

.cstmTableSimple .cstmTableSimple-card {
    background-color: rgba(0, 22, 137, .2)
}

@media(min-width: 992px) {
    .cstmTableSimple .cstmTableSimple-card {
        padding: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .cstmTableSimple .cstmTableSimple-card {
        padding: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .cstmTableSimple .cstmTableSimple-card {
        padding: 15px
    }
}

@media(max-width: 575px) {
    .cstmTableSimple .cstmTableSimple-card {
        padding: 13px
    }
}

@media(min-width: 992px) {
    .cstmTableSimple .cstmTableSimple-card {
        border-radius: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .cstmTableSimple .cstmTableSimple-card {
        border-radius: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .cstmTableSimple .cstmTableSimple-card {
        border-radius: 12px
    }
}

@media(max-width: 575px) {
    .cstmTableSimple .cstmTableSimple-card {
        border-radius: 10.4px
    }
}

.cstmTableSimple .cstmTableSimple-card .cstmTableMain {
    background-color: #fff
}

@media(min-width: 992px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain {
        border-radius: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain {
        border-radius: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain {
        border-radius: 7.5px
    }
}

@media(max-width: 575px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain {
        border-radius: 6.5px
    }
}

.cstmTableSimple .cstmTableSimple-card .cstmTableMain table {
    margin-bottom: 0
}

.cstmTableSimple .cstmTableSimple-card .cstmTableMain table thead tr th {
    color: #0b1610;
    font-weight: 500
}

@media(min-width: 992px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain table thead tr th {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain table thead tr th {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain table thead tr th {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain table thead tr th {
        font-size: 10.4px
    }
}

.cstmTableSimple .cstmTableSimple-card .cstmTableMain table.table-striped>tbody>tr:nth-of-type(2n+1)>* {
    background-color: #def1fb;
    --bs-table-accent-bg: rgba($tableStripe, 1.0)
}

.cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
    color: #3c3c3c;
    border-right: solid rgba(0, 22, 137, .25);
    white-space: nowrap
}

@media(min-width: 992px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
        border-right-width: 0.1388888889vw
    }
}

@media(min-width: 1600px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
        border-right-width: 0.1111111111vw
    }
}

@media(max-width: 991px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
        border-right-width: 1.5px
    }
}

@media(max-width: 575px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
        border-right-width: 1.3px
    }
}

@media(min-width: 992px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
        font-size: 0.9722222222vw
    }
}

@media(min-width: 1600px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
        font-size: 0.7777777778vw
    }
}

@media(max-width: 991px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
        font-size: 10.5px
    }
}

@media(max-width: 575px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
        font-size: 9.1px
    }
}

@media(min-width: 992px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td:last-child {
        border-right-width: 0vw
    }
}

@media(min-width: 1600px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td:last-child {
        border-right-width: 0vw
    }
}

@media(max-width: 991px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td:last-child {
        border-right-width: 0px
    }
}

@media(max-width: 575px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td:last-child {
        border-right-width: 0px
    }
}

.cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td .tempratureCell {
    display: flex;
    align-items: center
}

@media(min-width: 992px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td .tempratureCell {
        gap: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td .tempratureCell {
        gap: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td .tempratureCell {
        gap: 7.5px
    }
}

@media(max-width: 575px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td .tempratureCell {
        gap: 6.5px
    }
}

@media(min-width: 992px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td .tempratureCell img {
        max-width: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td .tempratureCell img {
        max-width: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td .tempratureCell img {
        max-width: 15px
    }
}

@media(max-width: 575px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td .tempratureCell img {
        max-width: 13px
    }
}

@media(min-width: 992px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td .tempratureCell img {
        margin-inline: 0.3472222222vw
    }
}

@media(min-width: 1600px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td .tempratureCell img {
        margin-inline: 0.2777777778vw
    }
}

@media(max-width: 991px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td .tempratureCell img {
        margin-inline: 3.75px
    }
}

@media(max-width: 575px) {
    .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td .tempratureCell img {
        margin-inline: 3.25px
    }
}

.scrollStyle {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 22, 137, .2) rgba(0, 0, 0, 0)
}

@media(min-width: 992px) {
    .scrollStyle:-webkit-scrollbar {
        width: 0.7638888889vw
    }
}

@media(min-width: 1600px) {
    .scrollStyle:-webkit-scrollbar {
        width: 0.6111111111vw
    }
}

@media(max-width: 991px) {
    .scrollStyle:-webkit-scrollbar {
        width: 8.25px
    }
}

@media(max-width: 575px) {
    .scrollStyle:-webkit-scrollbar {
        width: 7.15px
    }
}

.scrollStyle:-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0)
}

.scrollStyle:-webkit-scrollbar-thumb {
    background-color: rgba(0, 22, 137, .2);
    border: solid rgba(0, 0, 0, 0)
}

@media(min-width: 992px) {
    .scrollStyle:-webkit-scrollbar-thumb {
        border-radius: 0.4166666667vw
    }
}

@media(min-width: 1600px) {
    .scrollStyle:-webkit-scrollbar-thumb {
        border-radius: 0.3333333333vw
    }
}

@media(max-width: 991px) {
    .scrollStyle:-webkit-scrollbar-thumb {
        border-radius: 4.5px
    }
}

@media(max-width: 575px) {
    .scrollStyle:-webkit-scrollbar-thumb {
        border-radius: 3.9px
    }
}

@media(min-width: 992px) {
    .scrollStyle:-webkit-scrollbar-thumb {
        border-width: 0.2083333333vw
    }
}

@media(min-width: 1600px) {
    .scrollStyle:-webkit-scrollbar-thumb {
        border-width: 0.1666666667vw
    }
}

@media(max-width: 991px) {
    .scrollStyle:-webkit-scrollbar-thumb {
        border-width: 2.25px
    }
}

@media(max-width: 575px) {
    .scrollStyle:-webkit-scrollbar-thumb {
        border-width: 1.95px
    }
}

.scrollStyle::-webkit-scrollbar,
.scrollStyle::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    border: solid rgba(0, 0, 0, 0)
}

@media(min-width: 992px) {

    .scrollStyle::-webkit-scrollbar,
    .scrollStyle::-webkit-scrollbar-thumb {
        border-radius: 0.9027777778vw
    }
}

@media(min-width: 1600px) {

    .scrollStyle::-webkit-scrollbar,
    .scrollStyle::-webkit-scrollbar-thumb {
        border-radius: 0.7222222222vw
    }
}

@media(max-width: 991px) {

    .scrollStyle::-webkit-scrollbar,
    .scrollStyle::-webkit-scrollbar-thumb {
        border-radius: 9.75px
    }
}

@media(max-width: 575px) {

    .scrollStyle::-webkit-scrollbar,
    .scrollStyle::-webkit-scrollbar-thumb {
        border-radius: 8.45px
    }
}

@media(min-width: 992px) {

    .scrollStyle::-webkit-scrollbar,
    .scrollStyle::-webkit-scrollbar-thumb {
        height: 1.8055555556vw
    }
}

@media(min-width: 1600px) {

    .scrollStyle::-webkit-scrollbar,
    .scrollStyle::-webkit-scrollbar-thumb {
        height: 1.4444444444vw
    }
}

@media(max-width: 991px) {

    .scrollStyle::-webkit-scrollbar,
    .scrollStyle::-webkit-scrollbar-thumb {
        height: 19.5px
    }
}

@media(max-width: 575px) {

    .scrollStyle::-webkit-scrollbar,
    .scrollStyle::-webkit-scrollbar-thumb {
        height: 16.9px
    }
}

@media(min-width: 992px) {

    .scrollStyle::-webkit-scrollbar,
    .scrollStyle::-webkit-scrollbar-thumb {
        border-width: 0.6944444444vw
    }
}

@media(min-width: 1600px) {

    .scrollStyle::-webkit-scrollbar,
    .scrollStyle::-webkit-scrollbar-thumb {
        border-width: 0.5555555556vw
    }
}

@media(max-width: 991px) {

    .scrollStyle::-webkit-scrollbar,
    .scrollStyle::-webkit-scrollbar-thumb {
        border-width: 7.5px
    }
}

@media(max-width: 575px) {

    .scrollStyle::-webkit-scrollbar,
    .scrollStyle::-webkit-scrollbar-thumb {
        border-width: 6.5px
    }
}

.scrollStyle::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 0 10px
}

.swiper {
    width: 100%;
    height: 100%
}

#heroBanner {
    background-color: #0b1610;
    height: 100vh;
    position: relative
}

@media(max-width: 991px) {
    #heroBanner {
        height: 70vh
    }
}

@media(max-width: 767px) {
    #heroBanner {
        height: 60vh
    }
}

#heroBanner .bannerCustom {
    position: relative;
    background-color: #0b1610
}

#heroBanner .bannerCustom .homeImage {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    z-index: 10
}

#heroBanner .bannerCustom .homeImage img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#heroBanner .bannerCustom .banner-content {
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    height: 100%
}

#heroBanner .bannerCustom .banner-content .banner-text {
    color: #fff;
    font-weight: 800;
    position: relative;
    z-index: 11;
    line-height: 1.2;
    width: 50%;
    opacity: 0;
    transform: translateY(100px)
}

@media(min-width: 992px) {
    #heroBanner .bannerCustom .banner-content .banner-text {
        font-size: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    #heroBanner .bannerCustom .banner-content .banner-text {
        font-size: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    #heroBanner .bannerCustom .banner-content .banner-text {
        font-size: 30px
    }
}

@media(max-width: 575px) {
    #heroBanner .bannerCustom .banner-content .banner-text {
        font-size: 26px
    }
}

#heroBanner .bannerCustom .banner-content .play-button {
    background-color: #e4002b;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    opacity: 0;
    transform: translateY(100px)
}

@media(min-width: 992px) {
    #heroBanner .bannerCustom .banner-content .play-button {
        width: 6.9444444444vw
    }
}

@media(min-width: 1600px) {
    #heroBanner .bannerCustom .banner-content .play-button {
        width: 5.5555555556vw
    }
}

@media(max-width: 991px) {
    #heroBanner .bannerCustom .banner-content .play-button {
        width: 75px
    }
}

@media(max-width: 575px) {
    #heroBanner .bannerCustom .banner-content .play-button {
        width: 65px
    }
}

@media(min-width: 992px) {
    #heroBanner .bannerCustom .banner-content .play-button {
        height: 6.9444444444vw
    }
}

@media(min-width: 1600px) {
    #heroBanner .bannerCustom .banner-content .play-button {
        height: 5.5555555556vw
    }
}

@media(max-width: 991px) {
    #heroBanner .bannerCustom .banner-content .play-button {
        height: 75px
    }
}

@media(max-width: 575px) {
    #heroBanner .bannerCustom .banner-content .play-button {
        height: 65px
    }
}

#heroBanner .bannerCustom .banner-content .play-button svg {
    color: #fff
}

@media(min-width: 992px) {
    #heroBanner .bannerCustom .banner-content .play-button svg {
        width: 2.5694444444vw
    }
}

@media(min-width: 1600px) {
    #heroBanner .bannerCustom .banner-content .play-button svg {
        width: 2.0555555556vw
    }
}

@media(max-width: 991px) {
    #heroBanner .bannerCustom .banner-content .play-button svg {
        width: 27.75px
    }
}

@media(max-width: 575px) {
    #heroBanner .bannerCustom .banner-content .play-button svg {
        width: 24.05px
    }
}

@media(min-width: 992px) {
    #heroBanner .bannerCustom .banner-content .play-button svg {
        height: 2.3611111111vw
    }
}

@media(min-width: 1600px) {
    #heroBanner .bannerCustom .banner-content .play-button svg {
        height: 1.8888888889vw
    }
}

@media(max-width: 991px) {
    #heroBanner .bannerCustom .banner-content .play-button svg {
        height: 25.5px
    }
}

@media(max-width: 575px) {
    #heroBanner .bannerCustom .banner-content .play-button svg {
        height: 22.1px
    }
}

#heroBanner .bannerCustom .banner-content .play-button:hover {
    transform: scale(1.2);
    border: 1px solid #fff
}

#heroBanner .bannerCustom.swiper-slide-active .banner-text {
    opacity: 1;
    transform: translateY(0);
    transition: all .4s ease
}

#heroBanner .bannerCustom.swiper-slide-active .play-button {
    opacity: 1;
    transform: translateY(0);
    transition: all .4s ease
}

#heroBanner .banner-arrows {
    position: absolute;
    top: 50%;
    background-color: #fff;
    transform: translateY(-50%);
    transition: all .3s ease;
    color: #e4002b;
    z-index: 100
}

@media(min-width: 992px) {
    #heroBanner .banner-arrows {
        font-size: 0.8333333333vw
    }
}

@media(min-width: 1600px) {
    #heroBanner .banner-arrows {
        font-size: 0.6666666667vw
    }
}

@media(max-width: 991px) {
    #heroBanner .banner-arrows {
        font-size: 9px
    }
}

@media(max-width: 575px) {
    #heroBanner .banner-arrows {
        font-size: 7.8px
    }
}

@media(min-width: 992px) {
    #heroBanner .banner-arrows {
        border-radius: 0.4861111111vw
    }
}

@media(min-width: 1600px) {
    #heroBanner .banner-arrows {
        border-radius: 0.3888888889vw
    }
}

@media(max-width: 991px) {
    #heroBanner .banner-arrows {
        border-radius: 5.25px
    }
}

@media(max-width: 575px) {
    #heroBanner .banner-arrows {
        border-radius: 4.55px
    }
}

@media(min-width: 992px) {
    #heroBanner .banner-arrows {
        padding-inline: 0.9722222222vw
    }
}

@media(min-width: 1600px) {
    #heroBanner .banner-arrows {
        padding-inline: 0.7777777778vw
    }
}

@media(max-width: 991px) {
    #heroBanner .banner-arrows {
        padding-inline: 10.5px
    }
}

@media(max-width: 575px) {
    #heroBanner .banner-arrows {
        padding-inline: 9.1px
    }
}

@media(min-width: 992px) {
    #heroBanner .banner-arrows {
        padding-block: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    #heroBanner .banner-arrows {
        padding-block: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    #heroBanner .banner-arrows {
        padding-block: 6px
    }
}

@media(max-width: 575px) {
    #heroBanner .banner-arrows {
        padding-block: 5.2px
    }
}

#heroBanner .banner-arrows.banner-left {
    left: 1%
}

#heroBanner .banner-arrows.banner-left i {
    color: #e4002b
}

#heroBanner .banner-arrows.banner-right {
    right: 1%
}

#heroBanner .banner-arrows.banner-right i {
    color: #e4002b
}

@media(min-width: 992px) {
    #heroBanner .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    #heroBanner .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    #heroBanner .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 15px
    }
}

@media(max-width: 575px) {
    #heroBanner .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 13px
    }
}

#heroBanner .swiper-pagination-bullet {
    background-color: #fff;
    transition: all .4s ease
}

@media(min-width: 992px) {
    #heroBanner .swiper-pagination-bullet {
        width: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    #heroBanner .swiper-pagination-bullet {
        width: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    #heroBanner .swiper-pagination-bullet {
        width: 7.5px
    }
}

@media(max-width: 575px) {
    #heroBanner .swiper-pagination-bullet {
        width: 6.5px
    }
}

@media(min-width: 992px) {
    #heroBanner .swiper-pagination-bullet {
        height: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    #heroBanner .swiper-pagination-bullet {
        height: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    #heroBanner .swiper-pagination-bullet {
        height: 7.5px
    }
}

@media(max-width: 575px) {
    #heroBanner .swiper-pagination-bullet {
        height: 6.5px
    }
}

#heroBanner .swiper-pagination-bullet-active {
    background-color: #fff
}

@media(min-width: 992px) {
    #heroBanner .swiper-pagination-bullet-active {
        width: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    #heroBanner .swiper-pagination-bullet-active {
        width: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    #heroBanner .swiper-pagination-bullet-active {
        width: 15px
    }
}

@media(max-width: 575px) {
    #heroBanner .swiper-pagination-bullet-active {
        width: 13px
    }
}

@media(min-width: 992px) {
    #heroBanner .swiper-pagination-bullet-active {
        border-radius: 0.3472222222vw
    }
}

@media(min-width: 1600px) {
    #heroBanner .swiper-pagination-bullet-active {
        border-radius: 0.2777777778vw
    }
}

@media(max-width: 991px) {
    #heroBanner .swiper-pagination-bullet-active {
        border-radius: 3.75px
    }
}

@media(max-width: 575px) {
    #heroBanner .swiper-pagination-bullet-active {
        border-radius: 3.25px
    }
}

[lang=ar] #heroBanner .bannerCustom .homeImage {
    left: 0;
    right: 0
}

[lang=ar] #heroBanner .banner-arrows i {
    transform: scaleX(1)
}

@media(max-width: 991px) {
    #heroBanner .bannerCustom .banner-content .banner-text {
        text-align: center;
        text-shadow: 0px 5px 5px rgba(0, 0, 0, .5), 10px 20px 5px rgba(0, 0, 0, .05), -10px 20px 5px rgba(0, 0, 0, .05);
        width: 70%;
        margin-inline: auto
    }
}

@media(max-width: 767px) {
    #heroBanner .bannerCustom .banner-content .banner-text {
        width: 80%
    }
}

@media(min-width: 992px) {
    .sections-padding {
        padding-block: 5.2083333333vw
    }
}

@media(min-width: 1600px) {
    .sections-padding {
        padding-block: 4.1666666667vw
    }
}

@media(max-width: 991px) {
    .sections-padding {
        padding-block: 56.25px
    }
}

@media(max-width: 575px) {
    .sections-padding {
        padding-block: 48.75px
    }
}

@media(min-width: 992px) {
    .sections-padding.business-img-section {
        padding-bottom: 2.4305555556vw
    }
}

@media(min-width: 1600px) {
    .sections-padding.business-img-section {
        padding-bottom: 1.9444444444vw
    }
}

@media(max-width: 991px) {
    .sections-padding.business-img-section {
        padding-bottom: 26.25px
    }
}

@media(max-width: 575px) {
    .sections-padding.business-img-section {
        padding-bottom: 22.75px
    }
}

@media(min-width: 992px) {
    .sections-padding.business-img-section {
        padding-top: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .sections-padding.business-img-section {
        padding-top: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .sections-padding.business-img-section {
        padding-top: 7.5px
    }
}

@media(max-width: 575px) {
    .sections-padding.business-img-section {
        padding-top: 6.5px
    }
}

.section-title {
    font-weight: 400;
    text-align: start;
    color: #0b1610;
    display: block
}

@media(min-width: 992px) {
    .section-title {
        font-size: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .section-title {
        font-size: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .section-title {
        font-size: 30px
    }
}

@media(max-width: 575px) {
    .section-title {
        font-size: 26px
    }
}

.section-sub-title {
    text-align: start;
    font-weight: 400;
    margin-bottom: 0;
    color: #0b1610;
    display: block
}

@media(min-width: 992px) {
    .section-sub-title {
        font-size: 1.5277777778vw
    }
}

@media(min-width: 1600px) {
    .section-sub-title {
        font-size: 1.2222222222vw
    }
}

@media(max-width: 991px) {
    .section-sub-title {
        font-size: 16.5px
    }
}

@media(max-width: 575px) {
    .section-sub-title {
        font-size: 14.3px
    }
}

.section-desc {
    color: #3d3d3d;
    text-align: start;
    font-weight: 400;
    line-height: 1.33
}

@media(min-width: 992px) {
    .section-desc {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .section-desc {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .section-desc {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .section-desc {
        font-size: 15.6px
    }
}

@media(min-width: 992px) {
    .section-desc {
        padding-block: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .section-desc {
        padding-block: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .section-desc {
        padding-block: 15px
    }
}

@media(max-width: 575px) {
    .section-desc {
        padding-block: 13px
    }
}

.section-subdesc {
    color: #3d3d3d;
    text-align: start;
    font-weight: 400;
    line-height: 1.5
}

@media(min-width: 992px) {
    .section-subdesc {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .section-subdesc {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .section-subdesc {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .section-subdesc {
        font-size: 10.4px
    }
}

.eatablesCard {
    position: relative;
    background-color: rgba(254, 239, 234, .5)
}

@media(min-width: 992px) {
    .eatablesCard {
        padding: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .eatablesCard {
        padding: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .eatablesCard {
        padding: 11.25px
    }
}

@media(max-width: 575px) {
    .eatablesCard {
        padding: 9.75px
    }
}

@media(min-width: 992px) {
    .eatablesCard {
        margin-bottom: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .eatablesCard {
        margin-bottom: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .eatablesCard {
        margin-bottom: 22.5px
    }
}

@media(max-width: 575px) {
    .eatablesCard {
        margin-bottom: 19.5px
    }
}

.eatablesCard a {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.eatablesCard .card-Desc {
    color: #3d3d3d;
    font-weight: 400
}

@media(min-width: 992px) {
    .eatablesCard .card-Desc {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .eatablesCard .card-Desc {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .eatablesCard .card-Desc {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .eatablesCard .card-Desc {
        font-size: 10.4px
    }
}

@media(min-width: 992px) {
    .eatablesCard .card-Desc {
        margin-bottom: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .eatablesCard .card-Desc {
        margin-bottom: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .eatablesCard .card-Desc {
        margin-bottom: 15px
    }
}

@media(max-width: 575px) {
    .eatablesCard .card-Desc {
        margin-bottom: 13px
    }
}

.eatablesCard:hover .hover-Eatable {
    opacity: 1;
    visibility: visible
}

.hover-Eatable {
    position: absolute;
    left: 90%;
    white-space: nowrap;
    z-index: 20;
    overflow: hidden;
    opacity: 0;
    visibility: hidden
}

@media(min-width: 992px) {
    .hover-Eatable {
        bottom: 10.4166666667vw
    }
}

@media(min-width: 1600px) {
    .hover-Eatable {
        bottom: 8.3333333333vw
    }
}

@media(max-width: 991px) {
    .hover-Eatable {
        bottom: 112.5px
    }
}

@media(max-width: 575px) {
    .hover-Eatable {
        bottom: 97.5px
    }
}

@media(min-width: 992px) {
    .hover-Eatable {
        border-radius: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .hover-Eatable {
        border-radius: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .hover-Eatable {
        border-radius: 7.5px
    }
}

@media(max-width: 575px) {
    .hover-Eatable {
        border-radius: 6.5px
    }
}

@media(min-width: 992px) {
    .hover-Eatable {
        width: 41.6666666667vw
    }
}

@media(min-width: 1600px) {
    .hover-Eatable {
        width: 33.3333333333vw
    }
}

@media(max-width: 991px) {
    .hover-Eatable {
        width: 450px
    }
}

@media(max-width: 575px) {
    .hover-Eatable {
        width: 390px
    }
}

@media(min-width: 992px) {
    .hover-Eatable {
        height: 20.8333333333vw
    }
}

@media(min-width: 1600px) {
    .hover-Eatable {
        height: 16.6666666667vw
    }
}

@media(max-width: 991px) {
    .hover-Eatable {
        height: 225px
    }
}

@media(max-width: 575px) {
    .hover-Eatable {
        height: 195px
    }
}

.hover-Eatable.left {
    left: auto;
    right: 90%
}

@media(min-width: 992px) {
    .hover-Eatable video {
        width: 41.6666666667vw
    }
}

@media(min-width: 1600px) {
    .hover-Eatable video {
        width: 33.3333333333vw
    }
}

@media(max-width: 991px) {
    .hover-Eatable video {
        width: 450px
    }
}

@media(max-width: 575px) {
    .hover-Eatable video {
        width: 390px
    }
}

.hover-Eatable .playButtonVideo {
    color: #fff;
    position: absolute;
    align-items: center;
    display: flex;
    justify-content: center;
    background-color: #000
}

@media(min-width: 992px) {
    .hover-Eatable .playButtonVideo {
        top: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .hover-Eatable .playButtonVideo {
        top: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .hover-Eatable .playButtonVideo {
        top: 15px
    }
}

@media(max-width: 575px) {
    .hover-Eatable .playButtonVideo {
        top: 13px
    }
}

@media(min-width: 992px) {
    .hover-Eatable .playButtonVideo {
        left: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .hover-Eatable .playButtonVideo {
        left: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .hover-Eatable .playButtonVideo {
        left: 15px
    }
}

@media(max-width: 575px) {
    .hover-Eatable .playButtonVideo {
        left: 13px
    }
}

@media(min-width: 992px) {
    .hover-Eatable .playButtonVideo {
        padding: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .hover-Eatable .playButtonVideo {
        padding: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .hover-Eatable .playButtonVideo {
        padding: 7.5px
    }
}

@media(max-width: 575px) {
    .hover-Eatable .playButtonVideo {
        padding: 6.5px
    }
}

@media(min-width: 992px) {
    .hover-Eatable .playButtonVideo {
        border-radius: 2.4305555556vw
    }
}

@media(min-width: 1600px) {
    .hover-Eatable .playButtonVideo {
        border-radius: 1.9444444444vw
    }
}

@media(max-width: 991px) {
    .hover-Eatable .playButtonVideo {
        border-radius: 26.25px
    }
}

@media(max-width: 575px) {
    .hover-Eatable .playButtonVideo {
        border-radius: 22.75px
    }
}

@media(min-width: 992px) {
    .hover-Eatable .playButtonVideo i {
        font-size: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .hover-Eatable .playButtonVideo i {
        font-size: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .hover-Eatable .playButtonVideo i {
        font-size: 22.5px
    }
}

@media(max-width: 575px) {
    .hover-Eatable .playButtonVideo i {
        font-size: 19.5px
    }
}

.hover-Eatable .content {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    bottom: 0;
    background-color: rgba(0, 22, 137, .5)
}

@media(min-width: 992px) {
    .hover-Eatable .content {
        width: 41.6666666667vw
    }
}

@media(min-width: 1600px) {
    .hover-Eatable .content {
        width: 33.3333333333vw
    }
}

@media(max-width: 991px) {
    .hover-Eatable .content {
        width: 450px
    }
}

@media(max-width: 575px) {
    .hover-Eatable .content {
        width: 390px
    }
}

@media(min-width: 992px) {
    .hover-Eatable .content {
        gap: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .hover-Eatable .content {
        gap: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .hover-Eatable .content {
        gap: 7.5px
    }
}

@media(max-width: 575px) {
    .hover-Eatable .content {
        gap: 6.5px
    }
}

@media(min-width: 992px) {
    .hover-Eatable .content {
        padding: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .hover-Eatable .content {
        padding: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .hover-Eatable .content {
        padding: 11.25px
    }
}

@media(max-width: 575px) {
    .hover-Eatable .content {
        padding: 9.75px
    }
}

.hover-Eatable .content h4 {
    color: #fff;
    margin-bottom: 0
}

@media(min-width: 992px) {
    .hover-Eatable .content h4 {
        font-size: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .hover-Eatable .content h4 {
        font-size: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .hover-Eatable .content h4 {
        font-size: 22.5px
    }
}

@media(max-width: 575px) {
    .hover-Eatable .content h4 {
        font-size: 19.5px
    }
}

.hover-Eatable .content .redArrowButton {
    background-color: #e4002b;
    color: #fff;
    height: fit-content
}

@media(min-width: 992px) {
    .hover-Eatable .content .redArrowButton {
        padding-inline: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .hover-Eatable .content .redArrowButton {
        padding-inline: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .hover-Eatable .content .redArrowButton {
        padding-inline: 15px
    }
}

@media(max-width: 575px) {
    .hover-Eatable .content .redArrowButton {
        padding-inline: 13px
    }
}

.hover-Eatable .content .redArrowButton i {
    color: #fff
}

.premiumQuality .recipSliderArrows {
    background-color: #fff;
    display: flex;
    width: max-content;
    height: max-content;
    box-shadow: rgba(0, 0, 0, .1) 0px 0px 15px 0px
}

@media(min-width: 992px) {
    .premiumQuality .recipSliderArrows {
        margin-bottom: 4.4444444444vw
    }
}

@media(min-width: 1600px) {
    .premiumQuality .recipSliderArrows {
        margin-bottom: 3.5555555556vw
    }
}

@media(max-width: 991px) {
    .premiumQuality .recipSliderArrows {
        margin-bottom: 48px
    }
}

@media(max-width: 575px) {
    .premiumQuality .recipSliderArrows {
        margin-bottom: 41.6px
    }
}

@media(min-width: 992px) {
    .premiumQuality .recipSliderArrows {
        border-radius: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .premiumQuality .recipSliderArrows {
        border-radius: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .premiumQuality .recipSliderArrows {
        border-radius: 7.5px
    }
}

@media(max-width: 575px) {
    .premiumQuality .recipSliderArrows {
        border-radius: 6.5px
    }
}

@media(min-width: 992px) {
    .premiumQuality .recipSliderArrows {
        padding: 0.3472222222vw
    }
}

@media(min-width: 1600px) {
    .premiumQuality .recipSliderArrows {
        padding: 0.2777777778vw
    }
}

@media(max-width: 991px) {
    .premiumQuality .recipSliderArrows {
        padding: 3.75px
    }
}

@media(max-width: 575px) {
    .premiumQuality .recipSliderArrows {
        padding: 3.25px
    }
}

@media(min-width: 992px) {
    .premiumQuality .recipSliderArrows {
        gap: 0.2083333333vw
    }
}

@media(min-width: 1600px) {
    .premiumQuality .recipSliderArrows {
        gap: 0.1666666667vw
    }
}

@media(max-width: 991px) {
    .premiumQuality .recipSliderArrows {
        gap: 2.25px
    }
}

@media(max-width: 575px) {
    .premiumQuality .recipSliderArrows {
        gap: 1.95px
    }
}

.premiumQuality .recipSliderArrows .recipes-button {
    transition: all .3s ease;
    color: #e4002b
}

@media(min-width: 992px) {
    .premiumQuality .recipSliderArrows .recipes-button {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .premiumQuality .recipSliderArrows .recipes-button {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .premiumQuality .recipSliderArrows .recipes-button {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .premiumQuality .recipSliderArrows .recipes-button {
        font-size: 10.4px
    }
}

@media(min-width: 992px) {
    .premiumQuality .recipSliderArrows .recipes-button {
        border-radius: 0.4861111111vw
    }
}

@media(min-width: 1600px) {
    .premiumQuality .recipSliderArrows .recipes-button {
        border-radius: 0.3888888889vw
    }
}

@media(max-width: 991px) {
    .premiumQuality .recipSliderArrows .recipes-button {
        border-radius: 5.25px
    }
}

@media(max-width: 575px) {
    .premiumQuality .recipSliderArrows .recipes-button {
        border-radius: 4.55px
    }
}

@media(min-width: 992px) {
    .premiumQuality .recipSliderArrows .recipes-button {
        padding-inline: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .premiumQuality .recipSliderArrows .recipes-button {
        padding-inline: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .premiumQuality .recipSliderArrows .recipes-button {
        padding-inline: 12px
    }
}

@media(max-width: 575px) {
    .premiumQuality .recipSliderArrows .recipes-button {
        padding-inline: 10.4px
    }
}

@media(min-width: 992px) {
    .premiumQuality .recipSliderArrows .recipes-button {
        padding-block: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .premiumQuality .recipSliderArrows .recipes-button {
        padding-block: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .premiumQuality .recipSliderArrows .recipes-button {
        padding-block: 7.5px
    }
}

@media(max-width: 575px) {
    .premiumQuality .recipSliderArrows .recipes-button {
        padding-block: 6.5px
    }
}

.premiumQuality .recipSliderArrows .recipes-button.recipes-next {
    background-color: #e4002b;
    color: #fff
}

.premiumQuality .recipSliderArrows .recipes-button:hover {
    color: #fff;
    background-color: #0b1610
}

@media(min-width: 992px) {
    .PremiumQualitySlider {
        margin-inline-start: 10.4166666667vw
    }
}

@media(min-width: 1600px) {
    .PremiumQualitySlider {
        margin-inline-start: 8.3333333333vw
    }
}

@media(max-width: 991px) {
    .PremiumQualitySlider {
        margin-inline-start: 112.5px
    }
}

@media(max-width: 575px) {
    .PremiumQualitySlider {
        margin-inline-start: 97.5px
    }
}

@media(min-width: 1600px)and (min-width: 992px) {
    .PremiumQualitySlider {
        margin-inline-start: 22.2222222222vw
    }
}

@media(min-width: 1600px)and (min-width: 1600px) {
    .PremiumQualitySlider {
        margin-inline-start: 17.7777777778vw
    }
}

@media(min-width: 1600px)and (max-width: 991px) {
    .PremiumQualitySlider {
        margin-inline-start: 240px
    }
}

@media(min-width: 1600px)and (max-width: 575px) {
    .PremiumQualitySlider {
        margin-inline-start: 208px
    }
}

.title-red {
    color: #e4002b;
    font-weight: 800
}

@media(min-width: 992px) {
    .title-red {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .title-red {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .title-red {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .title-red {
        font-size: 15.6px
    }
}

@media(min-width: 992px) {
    .title-red {
        margin-block: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .title-red {
        margin-block: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .title-red {
        margin-block: 30px
    }
}

@media(max-width: 575px) {
    .title-red {
        margin-block: 26px
    }
}

.recipeSlider-background {
    background-color: rgba(228, 0, 43, .05);
    position: relative
}

.recipeSlider-background::before {
    content: "";
    transform: rotate(360deg);
    background-image: url("/assets/images/background-circle.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 20%;
    height: 40%
}

@media(min-width: 992px) {
    .recipeSlider-background::before {
        min-width: 28.4722222222vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background::before {
        min-width: 22.7777777778vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background::before {
        min-width: 307.5px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background::before {
        min-width: 266.5px
    }
}

@media(min-width: 992px) {
    .recipeSlider-background::before {
        min-height: 25.6944444444vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background::before {
        min-height: 20.5555555556vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background::before {
        min-height: 277.5px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background::before {
        min-height: 240.5px
    }
}

.recipeSlider-background::after {
    content: "";
    transform: rotate(180deg);
    background-image: url("/assets/images/background-circle.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
    width: 20%;
    height: 40%
}

@media(min-width: 992px) {
    .recipeSlider-background::after {
        min-width: 28.4722222222vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background::after {
        min-width: 22.7777777778vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background::after {
        min-width: 307.5px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background::after {
        min-width: 266.5px
    }
}

@media(min-width: 992px) {
    .recipeSlider-background::after {
        min-height: 25.6944444444vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background::after {
        min-height: 20.5555555556vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background::after {
        min-height: 277.5px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background::after {
        min-height: 240.5px
    }
}

.recipeSlider-background .row {
    z-index: 20;
    position: relative
}

.recipeSlider-background .recipSliderArrows {
    background-color: #fff;
    display: flex;
    width: max-content;
    height: max-content
}

@media(min-width: 992px) {
    .recipeSlider-background .recipSliderArrows {
        border-radius: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background .recipSliderArrows {
        border-radius: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background .recipSliderArrows {
        border-radius: 7.5px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background .recipSliderArrows {
        border-radius: 6.5px
    }
}

@media(min-width: 992px) {
    .recipeSlider-background .recipSliderArrows {
        padding: 0.3472222222vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background .recipSliderArrows {
        padding: 0.2777777778vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background .recipSliderArrows {
        padding: 3.75px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background .recipSliderArrows {
        padding: 3.25px
    }
}

@media(min-width: 992px) {
    .recipeSlider-background .recipSliderArrows {
        gap: 0.2083333333vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background .recipSliderArrows {
        gap: 0.1666666667vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background .recipSliderArrows {
        gap: 2.25px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background .recipSliderArrows {
        gap: 1.95px
    }
}

.recipeSlider-background .recipSliderArrows .recipes-button {
    transition: all .3s ease;
    color: #e4002b
}

@media(min-width: 992px) {
    .recipeSlider-background .recipSliderArrows .recipes-button {
        font-size: 0.8333333333vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background .recipSliderArrows .recipes-button {
        font-size: 0.6666666667vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background .recipSliderArrows .recipes-button {
        font-size: 9px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background .recipSliderArrows .recipes-button {
        font-size: 7.8px
    }
}

@media(min-width: 992px) {
    .recipeSlider-background .recipSliderArrows .recipes-button {
        border-radius: 0.4861111111vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background .recipSliderArrows .recipes-button {
        border-radius: 0.3888888889vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background .recipSliderArrows .recipes-button {
        border-radius: 5.25px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background .recipSliderArrows .recipes-button {
        border-radius: 4.55px
    }
}

@media(min-width: 992px) {
    .recipeSlider-background .recipSliderArrows .recipes-button {
        padding-inline: 0.9722222222vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background .recipSliderArrows .recipes-button {
        padding-inline: 0.7777777778vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background .recipSliderArrows .recipes-button {
        padding-inline: 10.5px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background .recipSliderArrows .recipes-button {
        padding-inline: 9.1px
    }
}

@media(min-width: 992px) {
    .recipeSlider-background .recipSliderArrows .recipes-button {
        padding-block: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background .recipSliderArrows .recipes-button {
        padding-block: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background .recipSliderArrows .recipes-button {
        padding-block: 6px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background .recipSliderArrows .recipes-button {
        padding-block: 5.2px
    }
}

.recipeSlider-background .recipSliderArrows .recipes-button.recipes-next {
    background-color: #e4002b;
    color: #fff
}

.recipeSlider-background .recipSliderArrows .recipes-button:hover {
    color: #fff;
    background-color: #0b1610
}

@media(min-width: 992px) {
    .recipeSlider-background .recipeSlider {
        margin-inline-start: 10.4166666667vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background .recipeSlider {
        margin-inline-start: 8.3333333333vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background .recipeSlider {
        margin-inline-start: 112.5px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background .recipeSlider {
        margin-inline-start: 97.5px
    }
}

@media(min-width: 1600px)and (min-width: 992px) {
    .recipeSlider-background .recipeSlider {
        margin-inline-start: 22.2222222222vw
    }
}

@media(min-width: 1600px)and (min-width: 1600px) {
    .recipeSlider-background .recipeSlider {
        margin-inline-start: 17.7777777778vw
    }
}

@media(min-width: 1600px)and (max-width: 991px) {
    .recipeSlider-background .recipeSlider {
        margin-inline-start: 240px
    }
}

@media(min-width: 1600px)and (max-width: 575px) {
    .recipeSlider-background .recipeSlider {
        margin-inline-start: 208px
    }
}

.recipeSlider-background .recipeSlider .swiper-slide {
    height: auto
}

@media(min-width: 992px) {
    .recipeSlider-background .recipeSlider .swiper-slide {
        border-radius: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background .recipeSlider .swiper-slide {
        border-radius: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background .recipeSlider .swiper-slide {
        border-radius: 11.25px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background .recipeSlider .swiper-slide {
        border-radius: 9.75px
    }
}

.recipeSlider-background .recipeSlider .recipeSliderCard {
    height: 100%;
    transition: all .3s ease-in-out
}

@media(min-width: 992px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard {
        padding-inline: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard {
        padding-inline: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard {
        padding-inline: 11.25px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard {
        padding-inline: 9.75px
    }
}

@media(min-width: 992px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard {
        padding-top: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard {
        padding-top: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard {
        padding-top: 12px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard {
        padding-top: 10.4px
    }
}

@media(min-width: 992px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard {
        padding-bottom: 2.2222222222vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard {
        padding-bottom: 1.7777777778vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard {
        padding-bottom: 24px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard {
        padding-bottom: 20.8px
    }
}

@media(min-width: 992px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard {
        border-radius: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard {
        border-radius: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard {
        border-radius: 22.5px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard {
        border-radius: 19.5px
    }
}

.recipeSlider-background .recipeSlider .recipeSliderCard .img-hovering {
    width: 100%;
    overflow: hidden
}

@media(min-width: 992px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .img-hovering {
        border-radius: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .img-hovering {
        border-radius: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .img-hovering {
        border-radius: 7.5px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .img-hovering {
        border-radius: 6.5px
    }
}

.recipeSlider-background .recipeSlider .recipeSliderCard .img-hovering img {
    transition: all .3s ease;
    width: 100%;
    object-fit: cover
}

.recipeSlider-background .recipeSlider .recipeSliderCard .img-hovering img:hover {
    transform: scale(1.1)
}

@media(min-width: 992px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-title {
        margin-top: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-title {
        margin-top: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-title {
        margin-top: 18px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-title {
        margin-top: 15.6px
    }
}

@media(min-width: 992px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-title {
        padding-inline: 0.5902777778vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-title {
        padding-inline: 0.4722222222vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-title {
        padding-inline: 6.375px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-title {
        padding-inline: 5.525px
    }
}

@media(min-width: 992px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-title {
        margin-bottom: 1.875vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-title {
        margin-bottom: 1.5vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-title {
        margin-bottom: 20.25px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-title {
        margin-bottom: 17.55px
    }
}

.recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-title h4 {
    color: #000;
    font-weight: 400
}

@media(min-width: 992px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-title h4 {
        font-size: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-title h4 {
        font-size: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-title h4 {
        font-size: 15px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-title h4 {
        font-size: 13px
    }
}

@media(min-width: 992px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-title h4 {
        min-height: 3.4722222222vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-title h4 {
        min-height: 2.7777777778vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-title h4 {
        min-height: 37.5px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-title h4 {
        min-height: 32.5px
    }
}

.recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-title i {
    display: none
}

@media(min-width: 992px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-title i {
        font-size: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-title i {
        font-size: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-title i {
        font-size: 15px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-title i {
        font-size: 13px
    }
}

.recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-title i.fas {
    color: #e4002b
}

.recipeSlider-background .recipeSlider .recipeSliderCard .cardDetail {
    display: flex
}

@media(min-width: 992px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .cardDetail {
        padding-inline: 0.5902777778vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .cardDetail {
        padding-inline: 0.4722222222vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .cardDetail {
        padding-inline: 6.375px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .cardDetail {
        padding-inline: 5.525px
    }
}

.recipeSlider-background .recipeSlider .recipeSliderCard .cardDetail ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0
}

@media(min-width: 992px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .cardDetail ul {
        gap: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .cardDetail ul {
        gap: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .cardDetail ul {
        gap: 15px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .cardDetail ul {
        gap: 13px
    }
}

.recipeSlider-background .recipeSlider .recipeSliderCard .cardDetail ul li {
    display: flex;
    align-items: center
}

@media(min-width: 992px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .cardDetail ul li {
        gap: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .cardDetail ul li {
        gap: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .cardDetail ul li {
        gap: 7.5px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .cardDetail ul li {
        gap: 6.5px
    }
}

@media(min-width: 992px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .cardDetail ul li img {
        width: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .cardDetail ul li img {
        width: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .cardDetail ul li img {
        width: 18px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .cardDetail ul li img {
        width: 15.6px
    }
}

@media(min-width: 992px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .cardDetail ul li img {
        height: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .cardDetail ul li img {
        height: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .cardDetail ul li img {
        height: 18px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .cardDetail ul li img {
        height: 15.6px
    }
}

.recipeSlider-background .recipeSlider .recipeSliderCard .cardDetail ul li p {
    margin: 0;
    color: #e4002b;
    line-height: 1.2;
    font-weight: 400
}

@media(min-width: 992px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .cardDetail ul li p {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .cardDetail ul li p {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .cardDetail ul li p {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .cardDetail ul li p {
        font-size: 10.4px
    }
}

.recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-time {
    margin: 0
}

@media(min-width: 992px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-time {
        font-size: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-time {
        font-size: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-time {
        font-size: 15px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-time {
        font-size: 13px
    }
}

@media(min-width: 992px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-time {
        margin-bottom: 0vw
    }
}

@media(min-width: 1600px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-time {
        margin-bottom: 0vw
    }
}

@media(max-width: 991px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-time {
        margin-bottom: 0px
    }
}

@media(max-width: 575px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard .recipeSlider-time {
        margin-bottom: 0px
    }
}

.recipeSlider-background .recipeSlider .recipeSliderCard:hover {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 20%, rgb(255, 255, 255) 100%);
    transition: all .4s ease-in-out;
    transform-origin: center
}

@media(max-width: 575px) {
    .recipeSlider-background .recipeSlider .recipeSliderCard {
        width: 80%;
        margin-inline: auto
    }
}

.HomeFruitsAndVegetables {
    display: block
}

@media(min-width: 992px) {
    .HomeFruitsAndVegetables {
        margin-bottom: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .HomeFruitsAndVegetables {
        margin-bottom: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .HomeFruitsAndVegetables {
        margin-bottom: 22.5px
    }
}

@media(max-width: 575px) {
    .HomeFruitsAndVegetables {
        margin-bottom: 19.5px
    }
}

@media(min-width: 992px) {
    .HomeFruitsAndVegetables {
        padding-block: 1.25vw
    }
}

@media(min-width: 1600px) {
    .HomeFruitsAndVegetables {
        padding-block: 1vw
    }
}

@media(max-width: 991px) {
    .HomeFruitsAndVegetables {
        padding-block: 13.5px
    }
}

@media(max-width: 575px) {
    .HomeFruitsAndVegetables {
        padding-block: 11.7px
    }
}

@media(min-width: 992px) {
    .HomeFruitsAndVegetables {
        border-radius: 0.2777777778vw
    }
}

@media(min-width: 1600px) {
    .HomeFruitsAndVegetables {
        border-radius: 0.2222222222vw
    }
}

@media(max-width: 991px) {
    .HomeFruitsAndVegetables {
        border-radius: 3px
    }
}

@media(max-width: 575px) {
    .HomeFruitsAndVegetables {
        border-radius: 2.6px
    }
}

.HomeFruitsAndVegetables.fruits {
    background-color: rgba(254, 239, 234, .5)
}

.HomeFruitsAndVegetables.vegetables {
    background-color: rgba(222, 249, 236, .5)
}

.HomeFruitsAndVegetables .imgHover {
    position: relative;
    transition: all .5s ease-in-out;
    width: 100%
}

.HomeFruitsAndVegetables .imgHover .back {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s ease-in-out;
    mix-blend-mode: multiply;
    opacity: 0
}

.HomeFruitsAndVegetables .imgHover .front {
    width: 100%;
    mix-blend-mode: multiply;
    transition: all .5s ease-in-out;
    opacity: 1
}

.HomeFruitsAndVegetables .section-sub-title {
    font-weight: 500;
    text-align: center;
    margin: 0
}

@media(min-width: 992px) {
    .HomeFruitsAndVegetables .section-sub-title {
        margin-top: 1.25vw
    }
}

@media(min-width: 1600px) {
    .HomeFruitsAndVegetables .section-sub-title {
        margin-top: 1vw
    }
}

@media(max-width: 991px) {
    .HomeFruitsAndVegetables .section-sub-title {
        margin-top: 13.5px
    }
}

@media(max-width: 575px) {
    .HomeFruitsAndVegetables .section-sub-title {
        margin-top: 11.7px
    }
}

@media(min-width: 992px) {
    .HomeFruitsAndVegetables .section-sub-title {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .HomeFruitsAndVegetables .section-sub-title {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .HomeFruitsAndVegetables .section-sub-title {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .HomeFruitsAndVegetables .section-sub-title {
        font-size: 15.6px
    }
}

.HomeFruitsAndVegetables p {
    font-weight: 400;
    text-align: center;
    color: #e4002b;
    margin: 0
}

@media(min-width: 992px) {
    .HomeFruitsAndVegetables p {
        margin-top: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .HomeFruitsAndVegetables p {
        margin-top: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .HomeFruitsAndVegetables p {
        margin-top: 6px
    }
}

@media(max-width: 575px) {
    .HomeFruitsAndVegetables p {
        margin-top: 5.2px
    }
}

@media(min-width: 992px) {
    .HomeFruitsAndVegetables p {
        font-size: 0.9722222222vw
    }
}

@media(min-width: 1600px) {
    .HomeFruitsAndVegetables p {
        font-size: 0.7777777778vw
    }
}

@media(max-width: 991px) {
    .HomeFruitsAndVegetables p {
        font-size: 10.5px
    }
}

@media(max-width: 575px) {
    .HomeFruitsAndVegetables p {
        font-size: 9.1px
    }
}

.HomeFruitsAndVegetables:hover {
    transition: .5s ease-in-out
}

.HomeFruitsAndVegetables:hover .imgHover .back {
    transition: .5s ease-in-out;
    opacity: 1
}

.HomeFruitsAndVegetables:hover .imgHover .front {
    transition: .5s ease-in-out;
    opacity: 0
}

.home-cards {
    border: 1px solid #dde3e6;
    height: 100%;
    transition: all .4s ease
}

@media(min-width: 992px) {
    .home-cards {
        margin-bottom: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .home-cards {
        margin-bottom: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .home-cards {
        margin-bottom: 11.25px
    }
}

@media(max-width: 575px) {
    .home-cards {
        margin-bottom: 9.75px
    }
}

@media(min-width: 992px) {
    .home-cards {
        padding-inline: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .home-cards {
        padding-inline: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .home-cards {
        padding-inline: 30px
    }
}

@media(max-width: 575px) {
    .home-cards {
        padding-inline: 26px
    }
}

@media(min-width: 992px) {
    .home-cards {
        padding-block: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .home-cards {
        padding-block: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .home-cards {
        padding-block: 22.5px
    }
}

@media(max-width: 575px) {
    .home-cards {
        padding-block: 19.5px
    }
}

@media(min-width: 992px) {
    .home-cards {
        border-radius: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .home-cards {
        border-radius: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .home-cards {
        border-radius: 11.25px
    }
}

@media(max-width: 575px) {
    .home-cards {
        border-radius: 9.75px
    }
}

.home-cards .card-title {
    font-weight: 400;
    color: #0b1610
}

@media(min-width: 992px) {
    .home-cards .card-title {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .home-cards .card-title {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .home-cards .card-title {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .home-cards .card-title {
        font-size: 15.6px
    }
}

@media(min-width: 992px) {
    .home-cards .card-title {
        margin-bottom: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .home-cards .card-title {
        margin-bottom: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .home-cards .card-title {
        margin-bottom: 15px
    }
}

@media(max-width: 575px) {
    .home-cards .card-title {
        margin-bottom: 13px
    }
}

.home-cards .card-text {
    color: #3d3d3d;
    font-weight: 400
}

@media(min-width: 992px) {
    .home-cards .card-text {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .home-cards .card-text {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .home-cards .card-text {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .home-cards .card-text {
        font-size: 10.4px
    }
}

@media(min-width: 992px) {
    .home-cards .card-text {
        margin-bottom: 0.3472222222vw
    }
}

@media(min-width: 1600px) {
    .home-cards .card-text {
        margin-bottom: 0.2777777778vw
    }
}

@media(max-width: 991px) {
    .home-cards .card-text {
        margin-bottom: 3.75px
    }
}

@media(max-width: 575px) {
    .home-cards .card-text {
        margin-bottom: 3.25px
    }
}

.home-cards:hover {
    background-color: rgba(254, 239, 234, .5);
    box-shadow: #dde3e6 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, 0);
    scale: 1.05
}

.home-cards:hover .redArrowButton {
    background-color: #e4002b;
    color: #fff
}

@media(min-width: 992px) {
    .home-cards:hover .redArrowButton {
        padding-inline: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .home-cards:hover .redArrowButton {
        padding-inline: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .home-cards:hover .redArrowButton {
        padding-inline: 15px
    }
}

@media(max-width: 575px) {
    .home-cards:hover .redArrowButton {
        padding-inline: 13px
    }
}

.home-cards:hover .redArrowButton i {
    color: #fff
}

.HomepageCard-left {
    position: relative;
    border-radius: 16px;
    overflow: hidden
}

@media(min-width: 992px) {
    .HomepageCard-left {
        height: 53.4722222222vw
    }
}

@media(min-width: 1600px) {
    .HomepageCard-left {
        height: 42.7777777778vw
    }
}

@media(max-width: 991px) {
    .HomepageCard-left {
        height: 577.5px
    }
}

@media(max-width: 575px) {
    .HomepageCard-left {
        height: 500.5px
    }
}

@media(max-width: 767px) {
    .HomepageCard-left {
        height: auto
    }
}

@media(min-width: 992px) {
    .HomepageCard-left {
        margin-bottom: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .HomepageCard-left {
        margin-bottom: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .HomepageCard-left {
        margin-bottom: 15px
    }
}

@media(max-width: 575px) {
    .HomepageCard-left {
        margin-bottom: 13px
    }
}

.HomepageCard-left .back {
    height: 100%;
    transition: all .3s ease-in-out;
    object-fit: cover;
    object-position: top;
    width: 100%;
    filter: grayscale(1)
}

.HomepageCard-left .homeContent {
    display: flex;
    flex-direction: column;
    position: absolute;
    transition: all .3s ease-in-out;
    top: 0;
    bottom: 0;
    width: 100%;
    justify-content: flex-end;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8) 100%)
}

@media(min-width: 992px) {
    .HomepageCard-left .homeContent {
        padding-inline: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .HomepageCard-left .homeContent {
        padding-inline: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .HomepageCard-left .homeContent {
        padding-inline: 30px
    }
}

@media(max-width: 575px) {
    .HomepageCard-left .homeContent {
        padding-inline: 26px
    }
}

@media(min-width: 992px) {
    .HomepageCard-left .homeContent {
        padding-bottom: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .HomepageCard-left .homeContent {
        padding-bottom: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .HomepageCard-left .homeContent {
        padding-bottom: 30px
    }
}

@media(max-width: 575px) {
    .HomepageCard-left .homeContent {
        padding-bottom: 26px
    }
}

.HomepageCard-left .homeContent h3 {
    font-weight: 500;
    color: #fff;
    line-height: 1
}

@media(min-width: 992px) {
    .HomepageCard-left .homeContent h3 {
        font-size: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .HomepageCard-left .homeContent h3 {
        font-size: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .HomepageCard-left .homeContent h3 {
        font-size: 30px
    }
}

@media(max-width: 575px) {
    .HomepageCard-left .homeContent h3 {
        font-size: 26px
    }
}

@media(min-width: 992px) {
    .HomepageCard-left .homeContent h3 {
        margin-bottom: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .HomepageCard-left .homeContent h3 {
        margin-bottom: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .HomepageCard-left .homeContent h3 {
        margin-bottom: 30px
    }
}

@media(max-width: 575px) {
    .HomepageCard-left .homeContent h3 {
        margin-bottom: 26px
    }
}

.HomepageCard-left .homeContent p {
    font-weight: 500;
    color: #fff;
    line-height: 1
}

@media(min-width: 992px) {
    .HomepageCard-left .homeContent p {
        font-size: 1.5277777778vw
    }
}

@media(min-width: 1600px) {
    .HomepageCard-left .homeContent p {
        font-size: 1.2222222222vw
    }
}

@media(max-width: 991px) {
    .HomepageCard-left .homeContent p {
        font-size: 16.5px
    }
}

@media(max-width: 575px) {
    .HomepageCard-left .homeContent p {
        font-size: 14.3px
    }
}

@media(min-width: 992px) {
    .HomepageCard-left .homeContent p {
        margin-bottom: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .HomepageCard-left .homeContent p {
        margin-bottom: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .HomepageCard-left .homeContent p {
        margin-bottom: 30px
    }
}

@media(max-width: 575px) {
    .HomepageCard-left .homeContent p {
        margin-bottom: 26px
    }
}

.HomepageCard-left .homeContent .commonBtn.redArrowButton {
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    padding-inline: 10px
}

.HomepageCard-left .homeContent .commonBtn.redArrowButton i {
    color: #fff
}

.HomepageCard-left:hover .back {
    transition: all .3s ease-in-out;
    filter: grayscale(0)
}

.HomepageCard-left:hover .commonBtn.redArrowButton {
    color: #e4002b;
    background-color: #fff
}

.HomepageCard-left:hover .commonBtn.redArrowButton i {
    color: #e4002b
}

@media(min-width: 992px) {
    .HomepageCard-right {
        height: 26.0416666667vw
    }
}

@media(min-width: 1600px) {
    .HomepageCard-right {
        height: 20.8333333333vw
    }
}

@media(max-width: 991px) {
    .HomepageCard-right {
        height: 281.25px
    }
}

@media(max-width: 575px) {
    .HomepageCard-right {
        height: 243.75px
    }
}

@media(min-width: 992px) {
    .HomepageCard-right {
        margin-bottom: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .HomepageCard-right {
        margin-bottom: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .HomepageCard-right {
        margin-bottom: 15px
    }
}

@media(max-width: 575px) {
    .HomepageCard-right {
        margin-bottom: 13px
    }
}

.HomepageCard-right.red {
    position: relative;
    display: flex;
    justify-content: space-between;
    border-radius: 16px;
    overflow: hidden;
    transition: all .3s ease-in-out;
    background-color: #e4002b
}

.HomepageCard-right.red .homeContent {
    width: 60%;
    display: flex;
    flex-direction: column
}

@media(min-width: 992px) {
    .HomepageCard-right.red .homeContent {
        padding-bottom: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .HomepageCard-right.red .homeContent {
        padding-bottom: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .HomepageCard-right.red .homeContent {
        padding-bottom: 30px
    }
}

@media(max-width: 575px) {
    .HomepageCard-right.red .homeContent {
        padding-bottom: 26px
    }
}

@media(min-width: 992px) {
    .HomepageCard-right.red .homeContent {
        padding-inline-start: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .HomepageCard-right.red .homeContent {
        padding-inline-start: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .HomepageCard-right.red .homeContent {
        padding-inline-start: 30px
    }
}

@media(max-width: 575px) {
    .HomepageCard-right.red .homeContent {
        padding-inline-start: 26px
    }
}

@media(min-width: 992px) {
    .HomepageCard-right.red .homeContent {
        padding-top: 4.5138888889vw
    }
}

@media(min-width: 1600px) {
    .HomepageCard-right.red .homeContent {
        padding-top: 3.6111111111vw
    }
}

@media(max-width: 991px) {
    .HomepageCard-right.red .homeContent {
        padding-top: 48.75px
    }
}

@media(max-width: 575px) {
    .HomepageCard-right.red .homeContent {
        padding-top: 42.25px
    }
}

.HomepageCard-right.red .homeContent h3 {
    font-weight: 500;
    color: #fff;
    line-height: 1;
    transition: all .3s ease-in-out
}

@media(min-width: 992px) {
    .HomepageCard-right.red .homeContent h3 {
        font-size: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .HomepageCard-right.red .homeContent h3 {
        font-size: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .HomepageCard-right.red .homeContent h3 {
        font-size: 30px
    }
}

@media(max-width: 575px) {
    .HomepageCard-right.red .homeContent h3 {
        font-size: 26px
    }
}

@media(min-width: 992px) {
    .HomepageCard-right.red .homeContent h3 {
        margin-bottom: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .HomepageCard-right.red .homeContent h3 {
        margin-bottom: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .HomepageCard-right.red .homeContent h3 {
        margin-bottom: 30px
    }
}

@media(max-width: 575px) {
    .HomepageCard-right.red .homeContent h3 {
        margin-bottom: 26px
    }
}

.HomepageCard-right.red .homeContent p {
    transition: all .3s ease-in-out;
    font-weight: 500;
    color: #fff;
    line-height: 1
}

@media(min-width: 992px) {
    .HomepageCard-right.red .homeContent p {
        font-size: 1.25vw
    }
}

@media(min-width: 1600px) {
    .HomepageCard-right.red .homeContent p {
        font-size: 1vw
    }
}

@media(max-width: 991px) {
    .HomepageCard-right.red .homeContent p {
        font-size: 13.5px
    }
}

@media(max-width: 575px) {
    .HomepageCard-right.red .homeContent p {
        font-size: 11.7px
    }
}

@media(min-width: 992px) {
    .HomepageCard-right.red .homeContent p {
        margin-bottom: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .HomepageCard-right.red .homeContent p {
        margin-bottom: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .HomepageCard-right.red .homeContent p {
        margin-bottom: 30px
    }
}

@media(max-width: 575px) {
    .HomepageCard-right.red .homeContent p {
        margin-bottom: 26px
    }
}

.HomepageCard-right.red .homeContent .commonBtn.redArrowButton {
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    padding-inline: 10px
}

@media(min-width: 992px) {
    .HomepageCard-right.red .homeContent .commonBtn.redArrowButton {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .HomepageCard-right.red .homeContent .commonBtn.redArrowButton {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .HomepageCard-right.red .homeContent .commonBtn.redArrowButton {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .HomepageCard-right.red .homeContent .commonBtn.redArrowButton {
        font-size: 10.4px
    }
}

.HomepageCard-right.red .homeContent .commonBtn.redArrowButton i {
    color: #fff
}

.HomepageCard-right.red .sideImg {
    width: 30%;
    height: 100%;
    text-align: end
}

.HomepageCard-right.red .sideImg img {
    height: 100%;
    object-fit: contain
}

@media(max-width: 767px) {
    .HomepageCard-right.red .sideImg img {
        object-fit: cover
    }
}

@media screen and (max-width: 460px) {
    .HomepageCard-right.red .sideImg img {
        object-fit: contain
    }
}

.HomepageCard-right.red:hover {
    transition: all .3s ease-in-out;
    background-color: #f4f6fc
}

.HomepageCard-right.red:hover h3 {
    transition: all .3s ease-in-out;
    color: #e4002b
}

.HomepageCard-right.red:hover p {
    transition: all .3s ease-in-out;
    color: #3d3d3d
}

.HomepageCard-right.red:hover .commonBtn.redArrowButton {
    color: #e4002b;
    background-color: #f4f6fc
}

.HomepageCard-right.red:hover .commonBtn.redArrowButton i {
    color: #e4002b
}

.HomepageCard-right.blue {
    position: relative;
    display: flex;
    transition: all .3s ease-in-out;
    border-radius: 16px;
    overflow: hidden;
    background-color: #0b1610
}

.HomepageCard-right.blue .homeContent {
    width: 60%;
    display: flex;
    flex-direction: column
}

@media(min-width: 992px) {
    .HomepageCard-right.blue .homeContent {
        padding-bottom: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .HomepageCard-right.blue .homeContent {
        padding-bottom: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .HomepageCard-right.blue .homeContent {
        padding-bottom: 30px
    }
}

@media(max-width: 575px) {
    .HomepageCard-right.blue .homeContent {
        padding-bottom: 26px
    }
}

@media(min-width: 992px) {
    .HomepageCard-right.blue .homeContent {
        padding-inline-start: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .HomepageCard-right.blue .homeContent {
        padding-inline-start: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .HomepageCard-right.blue .homeContent {
        padding-inline-start: 30px
    }
}

@media(max-width: 575px) {
    .HomepageCard-right.blue .homeContent {
        padding-inline-start: 26px
    }
}

@media(min-width: 992px) {
    .HomepageCard-right.blue .homeContent {
        padding-top: 4.5138888889vw
    }
}

@media(min-width: 1600px) {
    .HomepageCard-right.blue .homeContent {
        padding-top: 3.6111111111vw
    }
}

@media(max-width: 991px) {
    .HomepageCard-right.blue .homeContent {
        padding-top: 48.75px
    }
}

@media(max-width: 575px) {
    .HomepageCard-right.blue .homeContent {
        padding-top: 42.25px
    }
}

.HomepageCard-right.blue .homeContent h3 {
    transition: all .3s ease-in-out;
    font-weight: 500;
    color: #fff;
    line-height: 1
}

@media(min-width: 992px) {
    .HomepageCard-right.blue .homeContent h3 {
        font-size: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .HomepageCard-right.blue .homeContent h3 {
        font-size: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .HomepageCard-right.blue .homeContent h3 {
        font-size: 30px
    }
}

@media(max-width: 575px) {
    .HomepageCard-right.blue .homeContent h3 {
        font-size: 26px
    }
}

@media(min-width: 992px) {
    .HomepageCard-right.blue .homeContent h3 {
        margin-bottom: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .HomepageCard-right.blue .homeContent h3 {
        margin-bottom: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .HomepageCard-right.blue .homeContent h3 {
        margin-bottom: 30px
    }
}

@media(max-width: 575px) {
    .HomepageCard-right.blue .homeContent h3 {
        margin-bottom: 26px
    }
}

.HomepageCard-right.blue .homeContent p {
    transition: all .3s ease-in-out;
    font-weight: 500;
    color: #fff;
    line-height: 1
}

@media(min-width: 992px) {
    .HomepageCard-right.blue .homeContent p {
        font-size: 1.25vw
    }
}

@media(min-width: 1600px) {
    .HomepageCard-right.blue .homeContent p {
        font-size: 1vw
    }
}

@media(max-width: 991px) {
    .HomepageCard-right.blue .homeContent p {
        font-size: 13.5px
    }
}

@media(max-width: 575px) {
    .HomepageCard-right.blue .homeContent p {
        font-size: 11.7px
    }
}

@media(min-width: 992px) {
    .HomepageCard-right.blue .homeContent p {
        margin-bottom: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .HomepageCard-right.blue .homeContent p {
        margin-bottom: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .HomepageCard-right.blue .homeContent p {
        margin-bottom: 30px
    }
}

@media(max-width: 575px) {
    .HomepageCard-right.blue .homeContent p {
        margin-bottom: 26px
    }
}

.HomepageCard-right.blue .homeContent .commonBtn.redArrowButton {
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    padding-inline: 10px
}

@media(min-width: 992px) {
    .HomepageCard-right.blue .homeContent .commonBtn.redArrowButton {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .HomepageCard-right.blue .homeContent .commonBtn.redArrowButton {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .HomepageCard-right.blue .homeContent .commonBtn.redArrowButton {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .HomepageCard-right.blue .homeContent .commonBtn.redArrowButton {
        font-size: 10.4px
    }
}

.HomepageCard-right.blue .homeContent .commonBtn.redArrowButton i {
    color: #fff
}

.HomepageCard-right.blue .sideImg {
    width: 40%;
    height: 100%;
    text-align: end
}

.HomepageCard-right.blue .sideImg img {
    height: 100%;
    object-fit: cover
}

@media(max-width: 991px) {
    .HomepageCard-right.blue .sideImg img {
        object-fit: contain
    }
}

@media(max-width: 767px) {
    .HomepageCard-right.blue .sideImg img {
        object-fit: cover
    }
}

@media screen and (max-width: 460px) {
    .HomepageCard-right.blue .sideImg img {
        object-fit: contain
    }
}

.HomepageCard-right.blue:hover {
    transition: all .3s ease-in-out;
    background-color: #f4f6fc
}

.HomepageCard-right.blue:hover h3,
.HomepageCard-right.blue:hover p {
    transition: all .3s ease-in-out;
    color: #0b1610
}

.HomepageCard-right.blue:hover .commonBtn.redArrowButton {
    color: #e4002b;
    background-color: #f4f6fc
}

.HomepageCard-right.blue:hover .commonBtn.redArrowButton i {
    color: #e4002b
}

.performance-card {
    display: flex;
    border: 1px solid #dde3e6;
    align-items: center;
    transition: all .4s ease
}

@media(min-width: 992px) {
    .performance-card {
        gap: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .performance-card {
        gap: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .performance-card {
        gap: 12px
    }
}

@media(max-width: 575px) {
    .performance-card {
        gap: 10.4px
    }
}

@media(min-width: 992px) {
    .performance-card {
        border-radius: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .performance-card {
        border-radius: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .performance-card {
        border-radius: 11.25px
    }
}

@media(max-width: 575px) {
    .performance-card {
        border-radius: 9.75px
    }
}

@media(min-width: 992px) {
    .performance-card {
        padding-inline: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .performance-card {
        padding-inline: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .performance-card {
        padding-inline: 12px
    }
}

@media(max-width: 575px) {
    .performance-card {
        padding-inline: 10.4px
    }
}

@media(min-width: 992px) {
    .performance-card {
        padding-block: 0.8333333333vw
    }
}

@media(min-width: 1600px) {
    .performance-card {
        padding-block: 0.6666666667vw
    }
}

@media(max-width: 991px) {
    .performance-card {
        padding-block: 9px
    }
}

@media(max-width: 575px) {
    .performance-card {
        padding-block: 7.8px
    }
}

@media(min-width: 992px) {
    .performance-card {
        margin-bottom: 1.7361111111vw
    }
}

@media(min-width: 1600px) {
    .performance-card {
        margin-bottom: 1.3888888889vw
    }
}

@media(max-width: 991px) {
    .performance-card {
        margin-bottom: 18.75px
    }
}

@media(max-width: 575px) {
    .performance-card {
        margin-bottom: 16.25px
    }
}

@media(min-width: 992px) {
    .performance-card img {
        width: 5.5555555556vw
    }
}

@media(min-width: 1600px) {
    .performance-card img {
        width: 4.4444444444vw
    }
}

@media(max-width: 991px) {
    .performance-card img {
        width: 60px
    }
}

@media(max-width: 575px) {
    .performance-card img {
        width: 52px
    }
}

@media(min-width: 992px) {
    .performance-card img {
        height: 5.5555555556vw
    }
}

@media(min-width: 1600px) {
    .performance-card img {
        height: 4.4444444444vw
    }
}

@media(max-width: 991px) {
    .performance-card img {
        height: 60px
    }
}

@media(max-width: 575px) {
    .performance-card img {
        height: 52px
    }
}

.performance-card .content h3 {
    color: #e4002b;
    font-weight: 800
}

@media(min-width: 992px) {
    .performance-card .content h3 {
        font-size: 1.5277777778vw
    }
}

@media(min-width: 1600px) {
    .performance-card .content h3 {
        font-size: 1.2222222222vw
    }
}

@media(max-width: 991px) {
    .performance-card .content h3 {
        font-size: 16.5px
    }
}

@media(max-width: 575px) {
    .performance-card .content h3 {
        font-size: 14.3px
    }
}

@media(min-width: 992px) {
    .performance-card .content h3 {
        margin-bottom: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .performance-card .content h3 {
        margin-bottom: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .performance-card .content h3 {
        margin-bottom: 6px
    }
}

@media(max-width: 575px) {
    .performance-card .content h3 {
        margin-bottom: 5.2px
    }
}

.performance-card .content p {
    color: #000;
    font-weight: 400;
    margin-bottom: 0
}

@media(min-width: 992px) {
    .performance-card .content p {
        font-size: 0.8333333333vw
    }
}

@media(min-width: 1600px) {
    .performance-card .content p {
        font-size: 0.6666666667vw
    }
}

@media(max-width: 991px) {
    .performance-card .content p {
        font-size: 9px
    }
}

@media(max-width: 575px) {
    .performance-card .content p {
        font-size: 7.8px
    }
}

.performance-card:hover {
    box-shadow: #dde3e6 0px 7px 29px 0px;
    scale: 1.05
}

.business-img-section .img-card {
    overflow: hidden
}

@media(min-width: 992px) {
    .business-img-section .img-card {
        margin-bottom: 0vw
    }
}

@media(min-width: 1600px) {
    .business-img-section .img-card {
        margin-bottom: 0vw
    }
}

@media(max-width: 991px) {
    .business-img-section .img-card {
        margin-bottom: 0px
    }
}

@media(max-width: 575px) {
    .business-img-section .img-card {
        margin-bottom: 0px
    }
}

@media(min-width: 992px) {
    .business-img-section .img-card .title-img {
        font-size: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .business-img-section .img-card .title-img {
        font-size: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .business-img-section .img-card .title-img {
        font-size: 15px
    }
}

@media(max-width: 575px) {
    .business-img-section .img-card .title-img {
        font-size: 13px
    }
}

@media(min-width: 992px) {
    .business-img-section .img-card .title-img {
        margin-bottom: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .business-img-section .img-card .title-img {
        margin-bottom: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .business-img-section .img-card .title-img {
        margin-bottom: 15px
    }
}

@media(max-width: 575px) {
    .business-img-section .img-card .title-img {
        margin-bottom: 13px
    }
}

@media(min-width: 992px) {
    .business-img-section .img-card .title-img {
        margin-top: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .business-img-section .img-card .title-img {
        margin-top: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .business-img-section .img-card .title-img {
        margin-top: 11.25px
    }
}

@media(max-width: 575px) {
    .business-img-section .img-card .title-img {
        margin-top: 9.75px
    }
}

.business-img-section .img-card img {
    width: 100%;
    transition: all .8s ease
}

.business-img-section .img-card .img-hover {
    overflow: hidden
}

@media(min-width: 992px) {
    .business-img-section .img-card .img-hover {
        border-radius: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .business-img-section .img-card .img-hover {
        border-radius: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .business-img-section .img-card .img-hover {
        border-radius: 7.5px
    }
}

@media(max-width: 575px) {
    .business-img-section .img-card .img-hover {
        border-radius: 6.5px
    }
}

.business-img-section .img-card:hover img {
    transform: scale(1.1)
}

.business-img-section .img-card:hover .redArrowButton {
    background-color: #e4002b;
    color: #fff
}

@media(min-width: 992px) {
    .business-img-section .img-card:hover .redArrowButton {
        padding-inline: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .business-img-section .img-card:hover .redArrowButton {
        padding-inline: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .business-img-section .img-card:hover .redArrowButton {
        padding-inline: 15px
    }
}

@media(max-width: 575px) {
    .business-img-section .img-card:hover .redArrowButton {
        padding-inline: 13px
    }
}

.business-img-section .img-card:hover .redArrowButton i {
    color: #fff
}

.partners-grid {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

@media(min-width: 992px) {
    .partners-grid {
        margin-top: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .partners-grid {
        margin-top: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .partners-grid {
        margin-top: 22.5px
    }
}

@media(max-width: 575px) {
    .partners-grid {
        margin-top: 19.5px
    }
}

@media(min-width: 992px) {
    .partners-grid {
        gap: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .partners-grid {
        gap: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .partners-grid {
        gap: 7.5px
    }
}

@media(max-width: 575px) {
    .partners-grid {
        gap: 6.5px
    }
}

.partners-grid .partner-img {
    width: 25%
}

.partners-grid img {
    transition: all .3s ease
}

.partners-grid img:hover {
    transform: scale(1.05)
}

@media(max-width: 991px) {
    .partners-grid {
        flex-wrap: wrap
    }

    .partners-grid .partner-img {
        width: 30%
    }
}

@media(max-width: 575px) {
    .partners-grid .partner-img {
        width: 50%
    }
}

.nav-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    right: -100%;
    animation: navAnimation 2s forwards 2s;
    z-index: 998;
    align-items: end;
    height: 100vh;
    pointer-events: none;
    opacity: 1;
    transition: all .2s ease-in-out
}

@media(max-width: 991px) {
    .nav-menu {
        display: none
    }
}

.nav-menu:has(.first-nav.active) {
    opacity: 0;
    transition: all .2s ease-in-out
}

.nav-menu:has(.first-nav.active) .nav-item {
    pointer-events: none
}

.nav-menu .nav-item {
    padding-block: 8px;
    padding-inline: 12px;
    border-radius: 30px;
    pointer-events: auto;
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    gap: 16px;
    align-items: center;
    width: max-content;
    justify-content: end;
    list-style: none;
    margin: 4px 0;
    cursor: pointer
}

.nav-menu .nav-item .dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #e4002b;
    transition: all .3s;
    outline: 0px solid #e4002b;
    outline-offset: 0px
}

.nav-menu .nav-item .nav-label {
    color: #e4002b;
    left: 25px;
    top: 50%;
    opacity: 0;
    color: #e4002b;
    transition: opacity .3s
}

.nav-menu .nav-item:hover {
    opacity: .5;
    background-color: #fff;
    box-shadow: rgba(99, 99, 99, .2) 0px 2px 8px 0px
}

.nav-menu .nav-item:hover .dot {
    outline: 1px solid #e4002b;
    outline-offset: 5px;
    background-color: #e4002b;
    transition: all .2s ease-in
}

.nav-menu .nav-item:hover .nav-label {
    opacity: .5;
    color: #e4002b
}

.nav-menu .nav-item.active {
    background-color: #fff;
    box-shadow: rgba(99, 99, 99, .2) 0px 2px 8px 0px
}

.nav-menu .nav-item.active .dot {
    outline: 1px solid #e4002b;
    outline-offset: 5px;
    background-color: #e4002b;
    transition: all .2s ease-in
}

.nav-menu .nav-item.active:hover {
    opacity: 1 !important
}

.nav-menu .nav-item.active .nav-label {
    opacity: 1
}

.DoubleSlider {
    background-repeat: no-repeat;
    background-size: 100% 100%
}

@media(min-width: 992px) {
    .DoubleSlider {
        padding-top: 4.5833333333vw
    }
}

@media(min-width: 1600px) {
    .DoubleSlider {
        padding-top: 3.6666666667vw
    }
}

@media(max-width: 991px) {
    .DoubleSlider {
        padding-top: 49.5px
    }
}

@media(max-width: 575px) {
    .DoubleSlider {
        padding-top: 42.9px
    }
}

@media(min-width: 992px) {
    .DoubleSlider {
        padding-bottom: 3.125vw
    }
}

@media(min-width: 1600px) {
    .DoubleSlider {
        padding-bottom: 2.5vw
    }
}

@media(max-width: 991px) {
    .DoubleSlider {
        padding-bottom: 33.75px
    }
}

@media(max-width: 575px) {
    .DoubleSlider {
        padding-bottom: 29.25px
    }
}

.DoubleSlider .mainTitle {
    text-align: center;
    color: #e4002b;
    font-weight: 400;
    transform: translateY(200px)
}

@media(min-width: 992px) {
    .DoubleSlider .mainTitle {
        font-size: 4.5138888889vw
    }
}

@media(min-width: 1600px) {
    .DoubleSlider .mainTitle {
        font-size: 3.6111111111vw
    }
}

@media(max-width: 991px) {
    .DoubleSlider .mainTitle {
        font-size: 48.75px
    }
}

@media(max-width: 575px) {
    .DoubleSlider .mainTitle {
        font-size: 42.25px
    }
}

.DoubleSlider .type {
    opacity: 0;
    text-align: center;
    color: rgba(0, 22, 137, .3);
    font-weight: bold;
    position: relative;
    z-index: 15;
    pointer-events: none
}

@media(min-width: 992px) {
    .DoubleSlider .type {
        font-size: 6.9444444444vw
    }
}

@media(min-width: 1600px) {
    .DoubleSlider .type {
        font-size: 5.5555555556vw
    }
}

@media(max-width: 991px) {
    .DoubleSlider .type {
        font-size: 75px
    }
}

@media(max-width: 575px) {
    .DoubleSlider .type {
        font-size: 65px
    }
}

.DoubleSlider .right-side {
    position: relative
}

.DoubleSlider .right-side::after {
    content: " ";
    background-image: url(/assets/images/divider-mid.png);
    opacity: 0;
    height: 100%;
    position: absolute;
    width: 100px;
    background-repeat: no-repeat;
    left: -50px;
    top: 0px;
    z-index: 100;
    background-size: 100% 100%
}

@media(max-width: 991px) {
    .DoubleSlider .right-side::after {
        content: none
    }
}

.DoubleSlider .doubleSwiper,
.DoubleSlider .doubleSwiper2 {
    opacity: 0
}

@media(min-width: 992px) {

    .DoubleSlider .doubleSwiper,
    .DoubleSlider .doubleSwiper2 {
        margin-top: -8.3333333333vw
    }
}

@media(min-width: 1600px) {

    .DoubleSlider .doubleSwiper,
    .DoubleSlider .doubleSwiper2 {
        margin-top: -6.6666666667vw
    }
}

@media(max-width: 991px) {

    .DoubleSlider .doubleSwiper,
    .DoubleSlider .doubleSwiper2 {
        margin-top: -90px
    }
}

@media(max-width: 575px) {

    .DoubleSlider .doubleSwiper,
    .DoubleSlider .doubleSwiper2 {
        margin-top: -78px
    }
}

.DoubleSlider .swiper-slide {
    background-color: #f2f3f9;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 10
}

@media(min-width: 992px) {
    .DoubleSlider .swiper-slide {
        margin-bottom: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .DoubleSlider .swiper-slide {
        margin-bottom: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .DoubleSlider .swiper-slide {
        margin-bottom: 30px
    }
}

@media(max-width: 575px) {
    .DoubleSlider .swiper-slide {
        margin-bottom: 26px
    }
}

@media(min-width: 992px) {
    .DoubleSlider .swiper-slide {
        padding-inline: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .DoubleSlider .swiper-slide {
        padding-inline: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .DoubleSlider .swiper-slide {
        padding-inline: 12px
    }
}

@media(max-width: 575px) {
    .DoubleSlider .swiper-slide {
        padding-inline: 10.4px
    }
}

.DoubleSlider .swiper-slide .imgHover {
    position: relative;
    transition: all .5s ease-in-out;
    margin-bottom: 0;
    width: 100%
}

.DoubleSlider .swiper-slide .imgHover .back {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s ease-in-out;
    mix-blend-mode: multiply;
    opacity: 0
}

.DoubleSlider .swiper-slide .imgHover .front {
    width: 100%;
    mix-blend-mode: multiply;
    transition: all .5s ease-in-out;
    opacity: 1
}

.DoubleSlider .swiper-slide:hover {
    transition: .5s ease-in-out
}

.DoubleSlider .swiper-slide:hover .imgHover .back {
    transition: .5s ease-in-out;
    opacity: 1
}

.DoubleSlider .swiper-slide:hover .imgHover .front {
    transition: .5s ease-in-out;
    opacity: 0
}

.DoubleSlider .swiper-slide .card-title {
    font-weight: 400;
    color: #484848;
    text-align: center
}

@media(min-width: 992px) {
    .DoubleSlider .swiper-slide .card-title {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .DoubleSlider .swiper-slide .card-title {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .DoubleSlider .swiper-slide .card-title {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .DoubleSlider .swiper-slide .card-title {
        font-size: 10.4px
    }
}

@media(min-width: 992px) {
    .DoubleSlider .swiper-slide .card-title {
        margin-top: -0.4166666667vw
    }
}

@media(min-width: 1600px) {
    .DoubleSlider .swiper-slide .card-title {
        margin-top: -0.3333333333vw
    }
}

@media(max-width: 991px) {
    .DoubleSlider .swiper-slide .card-title {
        margin-top: -4.5px
    }
}

@media(max-width: 575px) {
    .DoubleSlider .swiper-slide .card-title {
        margin-top: -3.9px
    }
}

@media(min-width: 992px) {
    .DoubleSlider .swiper-slide .card-title {
        margin-bottom: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .DoubleSlider .swiper-slide .card-title {
        margin-bottom: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .DoubleSlider .swiper-slide .card-title {
        margin-bottom: 6px
    }
}

@media(max-width: 575px) {
    .DoubleSlider .swiper-slide .card-title {
        margin-bottom: 5.2px
    }
}

.DoubleSlider .swiper-slide .card-desc {
    font-weight: 500;
    color: #0b1610;
    text-align: center;
    height: 72px
}

@media(min-width: 992px) {
    .DoubleSlider .swiper-slide .card-desc {
        font-size: 0.8333333333vw
    }
}

@media(min-width: 1600px) {
    .DoubleSlider .swiper-slide .card-desc {
        font-size: 0.6666666667vw
    }
}

@media(max-width: 991px) {
    .DoubleSlider .swiper-slide .card-desc {
        font-size: 9px
    }
}

@media(max-width: 575px) {
    .DoubleSlider .swiper-slide .card-desc {
        font-size: 7.8px
    }
}

@media(min-width: 992px) {
    .DoubleSlider .swiper-slide .card-desc {
        margin-bottom: 0vw
    }
}

@media(min-width: 1600px) {
    .DoubleSlider .swiper-slide .card-desc {
        margin-bottom: 0vw
    }
}

@media(max-width: 991px) {
    .DoubleSlider .swiper-slide .card-desc {
        margin-bottom: 0px
    }
}

@media(max-width: 575px) {
    .DoubleSlider .swiper-slide .card-desc {
        margin-bottom: 0px
    }
}

.DoubleSlider .swiper-slide .card-flags {
    display: flex;
    align-items: center;
    gap: 6px
}

@media(min-width: 992px) {
    .DoubleSlider .swiper-slide .card-flags {
        margin-top: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .DoubleSlider .swiper-slide .card-flags {
        margin-top: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .DoubleSlider .swiper-slide .card-flags {
        margin-top: 15px
    }
}

@media(max-width: 575px) {
    .DoubleSlider .swiper-slide .card-flags {
        margin-top: 13px
    }
}

.DoubleSlider .swiper-slide .card-flags img {
    border-radius: 50%
}

@media(min-width: 992px) {
    .DoubleSlider .swiper-slide .card-flags img {
        width: 1.25vw
    }
}

@media(min-width: 1600px) {
    .DoubleSlider .swiper-slide .card-flags img {
        width: 1vw
    }
}

@media(max-width: 991px) {
    .DoubleSlider .swiper-slide .card-flags img {
        width: 13.5px
    }
}

@media(max-width: 575px) {
    .DoubleSlider .swiper-slide .card-flags img {
        width: 11.7px
    }
}

@media(min-width: 992px) {
    .DoubleSlider .swiper-slide .card-flags img {
        height: 1.25vw
    }
}

@media(min-width: 1600px) {
    .DoubleSlider .swiper-slide .card-flags img {
        height: 1vw
    }
}

@media(max-width: 991px) {
    .DoubleSlider .swiper-slide .card-flags img {
        height: 13.5px
    }
}

@media(max-width: 575px) {
    .DoubleSlider .swiper-slide .card-flags img {
        height: 11.7px
    }
}

.DoubleSlider .lowerHeading {
    text-align: center;
    color: #0b1610;
    font-weight: 400;
    transform: translateY(-200px);
    line-height: 1
}

@media(min-width: 992px) {
    .DoubleSlider .lowerHeading {
        font-size: 5.2083333333vw
    }
}

@media(min-width: 1600px) {
    .DoubleSlider .lowerHeading {
        font-size: 4.1666666667vw
    }
}

@media(max-width: 991px) {
    .DoubleSlider .lowerHeading {
        font-size: 56.25px
    }
}

@media(max-width: 575px) {
    .DoubleSlider .lowerHeading {
        font-size: 48.75px
    }
}

@media(min-width: 992px) {
    .DoubleSlider .lowerHeading {
        margin-top: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .DoubleSlider .lowerHeading {
        margin-top: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .DoubleSlider .lowerHeading {
        margin-top: 22.5px
    }
}

@media(max-width: 575px) {
    .DoubleSlider .lowerHeading {
        margin-top: 19.5px
    }
}

@media(min-width: 992px) {
    .DoubleSlider .lowerHeading {
        margin-bottom: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .DoubleSlider .lowerHeading {
        margin-bottom: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .DoubleSlider .lowerHeading {
        margin-bottom: 45px
    }
}

@media(max-width: 575px) {
    .DoubleSlider .lowerHeading {
        margin-bottom: 39px
    }
}

.DoubleSlider.animate .mainTitle {
    animation: moveUp 1s .5s forwards
}

.DoubleSlider.animate .lowerHeading {
    animation: moveDown 1s .5s forwards
}

.DoubleSlider.animate .doubleSwiper,
.DoubleSlider.animate .doubleSwiper2,
.DoubleSlider.animate .type,
.DoubleSlider.animate .right-side::after {
    opacity: 0;
    animation: fadeIn 2s .75s forwards
}

@media(min-width: 768px)and (max-width: 991px) {
    .eatablesCard:hover .hover-Eatable.left {
        left: auto;
        right: 10%
    }
}

@media(max-width: 991px) {
    .section-desc {
        font-size: 16px
    }

    .section-title {
        font-size: 30px
    }

    .commonBtn.redArrowButton {
        font-size: 12px
    }

    .PremiumQualitySlider,
    .AU-timelineSlider,
    .AU-vision .vision-full .vision-left {
        margin-inline-start: 15px
    }

    .DoubleSlider .type {
        font-size: 56px
    }

    .recipeSlider-background .recipeSlider {
        margin-inline-start: 0
    }
}

@media(max-width: 991px)and (min-width: 992px) {
    .recipeSlider-background .recipSliderArrows {
        padding: 0.5555555556vw
    }
}

@media(max-width: 991px)and (min-width: 1600px) {
    .recipeSlider-background .recipSliderArrows {
        padding: 0.4444444444vw
    }
}

@media(max-width: 991px)and (max-width: 991px) {
    .recipeSlider-background .recipSliderArrows {
        padding: 6px
    }
}

@media(max-width: 991px)and (max-width: 575px) {
    .recipeSlider-background .recipSliderArrows {
        padding: 5.2px
    }
}

@media(max-width: 991px)and (min-width: 992px) {
    .recipeSlider-background .recipSliderArrows {
        gap: 0.3472222222vw
    }
}

@media(max-width: 991px)and (min-width: 1600px) {
    .recipeSlider-background .recipSliderArrows {
        gap: 0.2777777778vw
    }
}

@media(max-width: 991px)and (max-width: 991px) {
    .recipeSlider-background .recipSliderArrows {
        gap: 3.75px
    }
}

@media(max-width: 991px)and (max-width: 575px) {
    .recipeSlider-background .recipSliderArrows {
        gap: 3.25px
    }
}

@media(max-width: 991px)and (min-width: 992px) {
    .recipeSlider-background .recipSliderArrows .recipes-button {
        font-size: 0.9722222222vw
    }
}

@media(max-width: 991px)and (min-width: 1600px) {
    .recipeSlider-background .recipSliderArrows .recipes-button {
        font-size: 0.7777777778vw
    }
}

@media(max-width: 991px)and (max-width: 991px) {
    .recipeSlider-background .recipSliderArrows .recipes-button {
        font-size: 10.5px
    }
}

@media(max-width: 991px)and (max-width: 575px) {
    .recipeSlider-background .recipSliderArrows .recipes-button {
        font-size: 9.1px
    }
}

@media(max-width: 991px) {
    .home-cards .card-text {
        font-size: 12px
    }

    .performance-card .content h3 {
        font-size: 20px
    }

    .performance-card .content p {
        font-size: 12px
    }
}

@media(max-width: 767px) {
    .eatablesCard:hover .hover-Eatable {
        display: none
    }

    .business-img-section .img-card {
        margin-inline: auto
    }
}

@media(max-width: 767px)and (min-width: 992px) {
    .business-img-section .img-card {
        max-width: 25vw
    }
}

@media(max-width: 767px)and (min-width: 1600px) {
    .business-img-section .img-card {
        max-width: 20vw
    }
}

@media(max-width: 767px)and (max-width: 991px) {
    .business-img-section .img-card {
        max-width: 270px
    }
}

@media(max-width: 767px)and (max-width: 575px) {
    .business-img-section .img-card {
        max-width: 234px
    }
}

[lang=ar] .HomepageCard-right.red .sideImg img,
[lang=ar] .HomepageCard-right.blue .sideImg img {
    transform: ScaleX(1)
}

[lang=ar] .nav-menu {
    right: auto;
    left: -100%;
    animation: navAnimationArabic 2s forwards 2s
}

[lang=ar] .DoubleSlider .right-side::after {
    left: unset;
    right: -50px
}

[lang=ar] .recipeSlider-background .recipSliderArrows .arrows i {
    transform: scaleX(-1)
}

@keyframes navAnimation {
    0% {
        right: -100%
    }

    85% {
        right: 30px
    }

    100% {
        right: 10px
    }
}

@keyframes navAnimationArabic {
    0% {
        left: -100%
    }

    85% {
        left: 30px
    }

    100% {
        left: 10px
    }
}

@keyframes moveUp {
    0% {
        transform: translateY(200px)
    }

    75% {
        transform: translateY(-50px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes moveDown {
    0% {
        transform: translateY(-200px)
    }

    75% {
        transform: translateY(50px)
    }

    100% {
        transform: translateY(0)
    }
}

.recipesBanner {
    position: relative;
    height: 85vh
}

.recipesBanner .breadcrumb-golden {
    position: absolute;
    z-index: 2;
    left: 10%
}

@media(min-width: 992px) {
    .recipesBanner .breadcrumb-golden {
        top: 7.9861111111vw
    }
}

@media(min-width: 1600px) {
    .recipesBanner .breadcrumb-golden {
        top: 6.3888888889vw
    }
}

@media(max-width: 991px) {
    .recipesBanner .breadcrumb-golden {
        top: 86.25px
    }
}

@media(max-width: 575px) {
    .recipesBanner .breadcrumb-golden {
        top: 74.75px
    }
}

.recipesBanner .breadcrumb-golden ul li,
.recipesBanner .breadcrumb-golden ul.active {
    color: #fff
}

.recipesBanner .breadcrumb-golden ul li a,
.recipesBanner .breadcrumb-golden ul li i,
.recipesBanner .breadcrumb-golden ul.active a,
.recipesBanner .breadcrumb-golden ul.active i {
    color: #fff
}

.recipesBanner .banner-arrows {
    position: absolute;
    top: 50%;
    background-color: #fff;
    transform: translateY(-50%);
    transition: all .3s ease;
    color: #e4002b;
    z-index: 100
}

@media(min-width: 992px) {
    .recipesBanner .banner-arrows {
        font-size: 0.8333333333vw
    }
}

@media(min-width: 1600px) {
    .recipesBanner .banner-arrows {
        font-size: 0.6666666667vw
    }
}

@media(max-width: 991px) {
    .recipesBanner .banner-arrows {
        font-size: 9px
    }
}

@media(max-width: 575px) {
    .recipesBanner .banner-arrows {
        font-size: 7.8px
    }
}

@media(min-width: 992px) {
    .recipesBanner .banner-arrows {
        border-radius: 0.4861111111vw
    }
}

@media(min-width: 1600px) {
    .recipesBanner .banner-arrows {
        border-radius: 0.3888888889vw
    }
}

@media(max-width: 991px) {
    .recipesBanner .banner-arrows {
        border-radius: 5.25px
    }
}

@media(max-width: 575px) {
    .recipesBanner .banner-arrows {
        border-radius: 4.55px
    }
}

@media(min-width: 992px) {
    .recipesBanner .banner-arrows {
        padding-inline: 0.9722222222vw
    }
}

@media(min-width: 1600px) {
    .recipesBanner .banner-arrows {
        padding-inline: 0.7777777778vw
    }
}

@media(max-width: 991px) {
    .recipesBanner .banner-arrows {
        padding-inline: 10.5px
    }
}

@media(max-width: 575px) {
    .recipesBanner .banner-arrows {
        padding-inline: 9.1px
    }
}

@media(min-width: 992px) {
    .recipesBanner .banner-arrows {
        padding-block: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .recipesBanner .banner-arrows {
        padding-block: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .recipesBanner .banner-arrows {
        padding-block: 6px
    }
}

@media(max-width: 575px) {
    .recipesBanner .banner-arrows {
        padding-block: 5.2px
    }
}

.recipesBanner .banner-arrows.banner-left {
    left: 1%
}

.recipesBanner .banner-arrows.banner-left i {
    color: #e4002b
}

.recipesBanner .banner-arrows.banner-right {
    right: 1%
}

.recipesBanner .banner-arrows.banner-right i {
    color: #e4002b
}

.recipesBanner .swiper-slide {
    height: auto
}

.recipesBanner .swiper-slide .slider-backContent {
    padding: 0 20px;
    top: 0;
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start
}

.recipesBanner .swiper-slide .banner-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start
}

.recipesBanner .swiper-slide .banner-content .banner-text {
    opacity: 0;
    text-align: start;
    transform: translateY(100px);
    color: #fff;
    font-weight: 700;
    display: block
}

@media(min-width: 992px) {
    .recipesBanner .swiper-slide .banner-content .banner-text {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .recipesBanner .swiper-slide .banner-content .banner-text {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .recipesBanner .swiper-slide .banner-content .banner-text {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .recipesBanner .swiper-slide .banner-content .banner-text {
        font-size: 15.6px
    }
}

@media(min-width: 992px) {
    .recipesBanner .swiper-slide .banner-content .banner-text {
        margin-bottom: 0.8333333333vw
    }
}

@media(min-width: 1600px) {
    .recipesBanner .swiper-slide .banner-content .banner-text {
        margin-bottom: 0.6666666667vw
    }
}

@media(max-width: 991px) {
    .recipesBanner .swiper-slide .banner-content .banner-text {
        margin-bottom: 9px
    }
}

@media(max-width: 575px) {
    .recipesBanner .swiper-slide .banner-content .banner-text {
        margin-bottom: 7.8px
    }
}

.recipesBanner .swiper-slide .banner-content .banner-title {
    opacity: 0;
    text-align: start;
    transform: translateY(100px);
    font-weight: 800;
    color: #fff;
    display: block
}

@media(min-width: 992px) {
    .recipesBanner .swiper-slide .banner-content .banner-title {
        font-size: 5vw
    }
}

@media(min-width: 1600px) {
    .recipesBanner .swiper-slide .banner-content .banner-title {
        font-size: 4vw
    }
}

@media(max-width: 991px) {
    .recipesBanner .swiper-slide .banner-content .banner-title {
        font-size: 54px
    }
}

@media(max-width: 575px) {
    .recipesBanner .swiper-slide .banner-content .banner-title {
        font-size: 46.8px
    }
}

@media(min-width: 992px) {
    .recipesBanner .swiper-slide .banner-content .banner-title {
        margin-bottom: 2.2222222222vw
    }
}

@media(min-width: 1600px) {
    .recipesBanner .swiper-slide .banner-content .banner-title {
        margin-bottom: 1.7777777778vw
    }
}

@media(max-width: 991px) {
    .recipesBanner .swiper-slide .banner-content .banner-title {
        margin-bottom: 24px
    }
}

@media(max-width: 575px) {
    .recipesBanner .swiper-slide .banner-content .banner-title {
        margin-bottom: 20.8px
    }
}

.recipesBanner .swiper-slide .banner-content .banner-desc {
    opacity: 0;
    transform: translateY(100px);
    color: #fff;
    text-align: start;
    font-weight: 400;
    width: 50%
}

@media(min-width: 992px) {
    .recipesBanner .swiper-slide .banner-content .banner-desc {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .recipesBanner .swiper-slide .banner-content .banner-desc {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .recipesBanner .swiper-slide .banner-content .banner-desc {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .recipesBanner .swiper-slide .banner-content .banner-desc {
        font-size: 15.6px
    }
}

.recipesBanner .swiper-slide .banner-content .redArrowButton.commonBtn {
    color: #fff;
    text-align: start;
    opacity: 0;
    transform: translateY(100px);
    background-color: rgba(0, 0, 0, 0);
    transition: all .5s ease-in-out
}

.recipesBanner .swiper-slide .banner-content .redArrowButton.commonBtn i {
    color: #fff
}

.recipesBanner .swiper-slide .banner-content .redArrowButton.commonBtn:hover {
    background-color: #fff;
    color: #e4002b
}

.recipesBanner .swiper-slide .banner-content .redArrowButton.commonBtn:hover i {
    color: #e4002b
}

.recipesBanner .swiper-slide-active .banner-content .banner-text,
.recipesBanner .swiper-slide-active .banner-content .banner-title,
.recipesBanner .swiper-slide-active .banner-content .banner-desc,
.recipesBanner .swiper-slide-active .banner-content .redArrowButton.commonBtn {
    opacity: 1;
    transform: translateY(0);
    transition: all .5s ease-in-out
}

.recipesBanner .swiper-pagination-bullet {
    background-color: #fff;
    transition: all .4s ease
}

@media(min-width: 992px) {
    .recipesBanner .swiper-pagination-bullet {
        width: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .recipesBanner .swiper-pagination-bullet {
        width: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .recipesBanner .swiper-pagination-bullet {
        width: 7.5px
    }
}

@media(max-width: 575px) {
    .recipesBanner .swiper-pagination-bullet {
        width: 6.5px
    }
}

@media(min-width: 992px) {
    .recipesBanner .swiper-pagination-bullet {
        height: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .recipesBanner .swiper-pagination-bullet {
        height: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .recipesBanner .swiper-pagination-bullet {
        height: 7.5px
    }
}

@media(max-width: 575px) {
    .recipesBanner .swiper-pagination-bullet {
        height: 6.5px
    }
}

.recipesBanner .swiper-pagination-bullet-active {
    background-color: #fff
}

@media(min-width: 992px) {
    .recipesBanner .swiper-pagination-bullet-active {
        width: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .recipesBanner .swiper-pagination-bullet-active {
        width: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .recipesBanner .swiper-pagination-bullet-active {
        width: 15px
    }
}

@media(max-width: 575px) {
    .recipesBanner .swiper-pagination-bullet-active {
        width: 13px
    }
}

@media(min-width: 992px) {
    .recipesBanner .swiper-pagination-bullet-active {
        border-radius: 0.3472222222vw
    }
}

@media(min-width: 1600px) {
    .recipesBanner .swiper-pagination-bullet-active {
        border-radius: 0.2777777778vw
    }
}

@media(max-width: 991px) {
    .recipesBanner .swiper-pagination-bullet-active {
        border-radius: 3.75px
    }
}

@media(max-width: 575px) {
    .recipesBanner .swiper-pagination-bullet-active {
        border-radius: 3.25px
    }
}

@media(min-width: 992px) {
    .recipesBanner .swiper-pagination-bullets {
        bottom: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .recipesBanner .swiper-pagination-bullets {
        bottom: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .recipesBanner .swiper-pagination-bullets {
        bottom: 30px
    }
}

@media(max-width: 575px) {
    .recipesBanner .swiper-pagination-bullets {
        bottom: 26px
    }
}

@media(min-width: 992px) {
    .handPickedSection {
        padding-block: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .handPickedSection {
        padding-block: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .handPickedSection {
        padding-block: 45px
    }
}

@media(max-width: 575px) {
    .handPickedSection {
        padding-block: 39px
    }
}

@media(min-width: 992px) {
    .handPickedSection .section-title {
        margin-bottom: 2.2222222222vw
    }
}

@media(min-width: 1600px) {
    .handPickedSection .section-title {
        margin-bottom: 1.7777777778vw
    }
}

@media(max-width: 991px) {
    .handPickedSection .section-title {
        margin-bottom: 24px
    }
}

@media(max-width: 575px) {
    .handPickedSection .section-title {
        margin-bottom: 20.8px
    }
}

.handPickedSection .recipeCards {
    transition: all .4s ease;
    border: 1px solid rgba(0, 0, 0, 0);
    display: block
}

@media(min-width: 992px) {
    .handPickedSection .recipeCards {
        border-radius: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .handPickedSection .recipeCards {
        border-radius: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .handPickedSection .recipeCards {
        border-radius: 22.5px
    }
}

@media(max-width: 575px) {
    .handPickedSection .recipeCards {
        border-radius: 19.5px
    }
}

@media(min-width: 992px) {
    .handPickedSection .recipeCards {
        padding-inline: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .handPickedSection .recipeCards {
        padding-inline: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .handPickedSection .recipeCards {
        padding-inline: 11.25px
    }
}

@media(max-width: 575px) {
    .handPickedSection .recipeCards {
        padding-inline: 9.75px
    }
}

@media(min-width: 992px) {
    .handPickedSection .recipeCards {
        padding-top: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .handPickedSection .recipeCards {
        padding-top: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .handPickedSection .recipeCards {
        padding-top: 12px
    }
}

@media(max-width: 575px) {
    .handPickedSection .recipeCards {
        padding-top: 10.4px
    }
}

@media(min-width: 992px) {
    .handPickedSection .recipeCards {
        padding-bottom: 2.2222222222vw
    }
}

@media(min-width: 1600px) {
    .handPickedSection .recipeCards {
        padding-bottom: 1.7777777778vw
    }
}

@media(max-width: 991px) {
    .handPickedSection .recipeCards {
        padding-bottom: 24px
    }
}

@media(max-width: 575px) {
    .handPickedSection .recipeCards {
        padding-bottom: 20.8px
    }
}

@media(min-width: 992px) {
    .handPickedSection .recipeCards {
        margin-bottom: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .handPickedSection .recipeCards {
        margin-bottom: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .handPickedSection .recipeCards {
        margin-bottom: 30px
    }
}

@media(max-width: 575px) {
    .handPickedSection .recipeCards {
        margin-bottom: 26px
    }
}

.handPickedSection .recipeCards img {
    width: 100%
}

@media(min-width: 992px) {
    .handPickedSection .recipeCards img {
        border-radius: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .handPickedSection .recipeCards img {
        border-radius: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .handPickedSection .recipeCards img {
        border-radius: 12px
    }
}

@media(max-width: 575px) {
    .handPickedSection .recipeCards img {
        border-radius: 10.4px
    }
}

.handPickedSection .recipeCards .title {
    color: #000;
    font-weight: 700
}

@media(min-width: 992px) {
    .handPickedSection .recipeCards .title {
        padding-inline: 0.5902777778vw
    }
}

@media(min-width: 1600px) {
    .handPickedSection .recipeCards .title {
        padding-inline: 0.4722222222vw
    }
}

@media(max-width: 991px) {
    .handPickedSection .recipeCards .title {
        padding-inline: 6.375px
    }
}

@media(max-width: 575px) {
    .handPickedSection .recipeCards .title {
        padding-inline: 5.525px
    }
}

@media(min-width: 992px) {
    .handPickedSection .recipeCards .title {
        font-size: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .handPickedSection .recipeCards .title {
        font-size: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .handPickedSection .recipeCards .title {
        font-size: 15px
    }
}

@media(max-width: 575px) {
    .handPickedSection .recipeCards .title {
        font-size: 13px
    }
}

@media(min-width: 992px) {
    .handPickedSection .recipeCards .title {
        margin-block: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .handPickedSection .recipeCards .title {
        margin-block: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .handPickedSection .recipeCards .title {
        margin-block: 18px
    }
}

@media(max-width: 575px) {
    .handPickedSection .recipeCards .title {
        margin-block: 15.6px
    }
}

.handPickedSection .recipeCards .recipeTime {
    font-weight: 700;
    color: #e4002b
}

@media(min-width: 992px) {
    .handPickedSection .recipeCards .recipeTime {
        font-size: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .handPickedSection .recipeCards .recipeTime {
        font-size: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .handPickedSection .recipeCards .recipeTime {
        font-size: 15px
    }
}

@media(max-width: 575px) {
    .handPickedSection .recipeCards .recipeTime {
        font-size: 13px
    }
}

@media(min-width: 992px) {
    .handPickedSection .recipeCards .recipeTime {
        margin-bottom: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .handPickedSection .recipeCards .recipeTime {
        margin-bottom: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .handPickedSection .recipeCards .recipeTime {
        margin-bottom: 6px
    }
}

@media(max-width: 575px) {
    .handPickedSection .recipeCards .recipeTime {
        margin-bottom: 5.2px
    }
}

.handPickedSection .recipeCards .cardDetail {
    display: flex
}

@media(min-width: 992px) {
    .handPickedSection .recipeCards .cardDetail {
        padding-inline: 0.5902777778vw
    }
}

@media(min-width: 1600px) {
    .handPickedSection .recipeCards .cardDetail {
        padding-inline: 0.4722222222vw
    }
}

@media(max-width: 991px) {
    .handPickedSection .recipeCards .cardDetail {
        padding-inline: 6.375px
    }
}

@media(max-width: 575px) {
    .handPickedSection .recipeCards .cardDetail {
        padding-inline: 5.525px
    }
}

.handPickedSection .recipeCards .cardDetail ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0
}

@media(min-width: 992px) {
    .handPickedSection .recipeCards .cardDetail ul {
        gap: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .handPickedSection .recipeCards .cardDetail ul {
        gap: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .handPickedSection .recipeCards .cardDetail ul {
        gap: 15px
    }
}

@media(max-width: 575px) {
    .handPickedSection .recipeCards .cardDetail ul {
        gap: 13px
    }
}

.handPickedSection .recipeCards .cardDetail ul li {
    display: flex;
    align-items: center
}

@media(min-width: 992px) {
    .handPickedSection .recipeCards .cardDetail ul li {
        gap: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .handPickedSection .recipeCards .cardDetail ul li {
        gap: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .handPickedSection .recipeCards .cardDetail ul li {
        gap: 7.5px
    }
}

@media(max-width: 575px) {
    .handPickedSection .recipeCards .cardDetail ul li {
        gap: 6.5px
    }
}

@media(min-width: 992px) {
    .handPickedSection .recipeCards .cardDetail ul li img {
        width: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .handPickedSection .recipeCards .cardDetail ul li img {
        width: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .handPickedSection .recipeCards .cardDetail ul li img {
        width: 18px
    }
}

@media(max-width: 575px) {
    .handPickedSection .recipeCards .cardDetail ul li img {
        width: 15.6px
    }
}

@media(min-width: 992px) {
    .handPickedSection .recipeCards .cardDetail ul li img {
        height: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .handPickedSection .recipeCards .cardDetail ul li img {
        height: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .handPickedSection .recipeCards .cardDetail ul li img {
        height: 18px
    }
}

@media(max-width: 575px) {
    .handPickedSection .recipeCards .cardDetail ul li img {
        height: 15.6px
    }
}

.handPickedSection .recipeCards .cardDetail ul li p {
    margin: 0;
    color: #e4002b;
    font-weight: 400;
    line-height: 1.2
}

@media(min-width: 992px) {
    .handPickedSection .recipeCards .cardDetail ul li p {
        font-size: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .handPickedSection .recipeCards .cardDetail ul li p {
        font-size: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .handPickedSection .recipeCards .cardDetail ul li p {
        font-size: 11.25px
    }
}

@media(max-width: 575px) {
    .handPickedSection .recipeCards .cardDetail ul li p {
        font-size: 9.75px
    }
}

.handPickedSection .recipeCards .cardDetail ul li p span {
    font-weight: 700
}

@media(min-width: 992px) {
    .handPickedSection .recipeCards .cardDetail ul li p span {
        font-size: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .handPickedSection .recipeCards .cardDetail ul li p span {
        font-size: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .handPickedSection .recipeCards .cardDetail ul li p span {
        font-size: 11.25px
    }
}

@media(max-width: 575px) {
    .handPickedSection .recipeCards .cardDetail ul li p span {
        font-size: 9.75px
    }
}

.handPickedSection .recipeCards:hover {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 20%, rgba(228, 0, 43, 0.05) 100%);
    transition: all .4s ease
}

.handPickedSection .commonBtn.redButton {
    margin-bottom: 0
}

@media(min-width: 992px) {
    .recipeProductCategories {
        padding-block: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .recipeProductCategories {
        padding-block: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .recipeProductCategories {
        padding-block: 45px
    }
}

@media(max-width: 575px) {
    .recipeProductCategories {
        padding-block: 39px
    }
}

@media(min-width: 992px) {
    .recipeProductCategories .section-title {
        margin-bottom: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .recipeProductCategories .section-title {
        margin-bottom: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .recipeProductCategories .section-title {
        margin-bottom: 22.5px
    }
}

@media(max-width: 575px) {
    .recipeProductCategories .section-title {
        margin-bottom: 19.5px
    }
}

.recipeProductCategories .Category {
    display: flex;
    flex-direction: column;
    text-align: center;
    transition: all .4s ease;
    border: none;
    height: 100%
}

@media(min-width: 992px) {
    .recipeProductCategories .Category {
        gap: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .recipeProductCategories .Category {
        gap: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .recipeProductCategories .Category {
        gap: 7.5px
    }
}

@media(max-width: 575px) {
    .recipeProductCategories .Category {
        gap: 6.5px
    }
}

@media(min-width: 992px) {
    .recipeProductCategories .Category {
        border-radius: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .recipeProductCategories .Category {
        border-radius: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .recipeProductCategories .Category {
        border-radius: 22.5px
    }
}

@media(max-width: 575px) {
    .recipeProductCategories .Category {
        border-radius: 19.5px
    }
}

@media(min-width: 992px) {
    .recipeProductCategories .Category {
        padding: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .recipeProductCategories .Category {
        padding: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .recipeProductCategories .Category {
        padding: 12px
    }
}

@media(max-width: 575px) {
    .recipeProductCategories .Category {
        padding: 10.4px
    }
}

.recipeProductCategories .Category img {
    transition: all .3s ease;
    filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.3))
}

.recipeProductCategories .Category h3 {
    font-weight: 400
}

@media(min-width: 992px) {
    .recipeProductCategories .Category h3 {
        font-size: 1.25vw
    }
}

@media(min-width: 1600px) {
    .recipeProductCategories .Category h3 {
        font-size: 1vw
    }
}

@media(max-width: 991px) {
    .recipeProductCategories .Category h3 {
        font-size: 13.5px
    }
}

@media(max-width: 575px) {
    .recipeProductCategories .Category h3 {
        font-size: 11.7px
    }
}

.recipeProductCategories .Category.snacks {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 20%, rgba(233, 176, 144, 0.1) 100%)
}

.recipeProductCategories .Category.sweets {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 20%, rgba(207, 147, 0, 0.1) 100%)
}

.recipeProductCategories .Category.delights {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 20%, rgba(204, 38, 27, 0.1) 100%)
}

.recipeProductCategories .Category.vegetarian {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 20%, rgba(171, 194, 31, 0.1) 100%)
}

.recipeProductCategories .Category.salads {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 20%, rgba(240, 158, 0, 0.1) 100%)
}

.recipeProductCategories .Category.drinks {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 20%, rgba(190, 97, 136, 0.1) 100%)
}

.recipeProductCategories .Category:hover img {
    transform: scale(1.05);
    transition: all .3s ease
}

@media(min-width: 992px) {
    .recipePage {
        padding-top: 4.8611111111vw !important
    }
}

@media(min-width: 1600px) {
    .recipePage {
        padding-top: 3.8888888889vw !important
    }
}

@media(max-width: 991px) {
    .recipePage {
        padding-top: 52.5px !important
    }
}

@media(max-width: 575px) {
    .recipePage {
        padding-top: 45.5px !important
    }
}

.recipePage.recipeSlider-background .recipeSlider .recipeSliderCard {
    background-color: rgba(255, 255, 255, .2);
    margin-top: 20px;
    transition: all .4s ease-out
}

.recipePage.recipeSlider-background .recipeSlider .recipeSliderCard .img-hovering img {
    transition: all .3s ease-out
}

.recipePage.recipeSlider-background .recipeSlider .recipeSliderCard:hover {
    border-color: #e4002b;
    background-color: #fff;
    transform: translateY(-15px);
    transition: all .4s ease-in
}

.recipePage.recipeSlider-background .recipeSlider .recipeSliderCard:hover .img-hovering img {
    transform: scale(1.05);
    transition: all .3s ease-in
}

@media(min-width: 992px) {
    .recipePage .commonBtn.redButton {
        margin-top: 4.8611111111vw
    }
}

@media(min-width: 1600px) {
    .recipePage .commonBtn.redButton {
        margin-top: 3.8888888889vw
    }
}

@media(max-width: 991px) {
    .recipePage .commonBtn.redButton {
        margin-top: 52.5px
    }
}

@media(max-width: 575px) {
    .recipePage .commonBtn.redButton {
        margin-top: 45.5px
    }
}

@media(min-width: 992px) {
    .RecipeDetailInfo {
        padding-bottom: 3.3333333333vw
    }
}

@media(min-width: 1600px) {
    .RecipeDetailInfo {
        padding-bottom: 2.6666666667vw
    }
}

@media(max-width: 991px) {
    .RecipeDetailInfo {
        padding-bottom: 36px
    }
}

@media(max-width: 575px) {
    .RecipeDetailInfo {
        padding-bottom: 31.2px
    }
}

@media(min-width: 992px) {
    .RecipeDetailInfo .breadcrumb-golden {
        padding-top: 7.9861111111vw
    }
}

@media(min-width: 1600px) {
    .RecipeDetailInfo .breadcrumb-golden {
        padding-top: 6.3888888889vw
    }
}

@media(max-width: 991px) {
    .RecipeDetailInfo .breadcrumb-golden {
        padding-top: 86.25px
    }
}

@media(max-width: 575px) {
    .RecipeDetailInfo .breadcrumb-golden {
        padding-top: 74.75px
    }
}

@media(min-width: 992px) {
    .RecipeDetailInfo .breadcrumb-golden {
        margin-bottom: 5.5555555556vw
    }
}

@media(min-width: 1600px) {
    .RecipeDetailInfo .breadcrumb-golden {
        margin-bottom: 4.4444444444vw
    }
}

@media(max-width: 991px) {
    .RecipeDetailInfo .breadcrumb-golden {
        margin-bottom: 60px
    }
}

@media(max-width: 575px) {
    .RecipeDetailInfo .breadcrumb-golden {
        margin-bottom: 52px
    }
}

.RecipeDetailInfo .breadcrumb-golden ul {
    margin-bottom: 0
}

@media(min-width: 992px) {
    .RecipeDetailInfo .section-title {
        margin-bottom: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .RecipeDetailInfo .section-title {
        margin-bottom: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .RecipeDetailInfo .section-title {
        margin-bottom: 18px
    }
}

@media(max-width: 575px) {
    .RecipeDetailInfo .section-title {
        margin-bottom: 15.6px
    }
}

.RecipeDetailInfo .date {
    display: none;
    align-items: center
}

@media(min-width: 992px) {
    .RecipeDetailInfo .date {
        margin-bottom: 2.2222222222vw
    }
}

@media(min-width: 1600px) {
    .RecipeDetailInfo .date {
        margin-bottom: 1.7777777778vw
    }
}

@media(max-width: 991px) {
    .RecipeDetailInfo .date {
        margin-bottom: 24px
    }
}

@media(max-width: 575px) {
    .RecipeDetailInfo .date {
        margin-bottom: 20.8px
    }
}

@media(min-width: 992px) {
    .RecipeDetailInfo .date {
        gap: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .RecipeDetailInfo .date {
        gap: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .RecipeDetailInfo .date {
        gap: 6px
    }
}

@media(max-width: 575px) {
    .RecipeDetailInfo .date {
        gap: 5.2px
    }
}

.RecipeDetailInfo .date p {
    margin: 0
}

.RecipeDetailInfo .desc {
    border-top: 1px solid #3d3d3d;
    color: #3d3d3d
}

@media(min-width: 992px) {
    .RecipeDetailInfo .desc {
        padding-top: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .RecipeDetailInfo .desc {
        padding-top: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .RecipeDetailInfo .desc {
        padding-top: 18px
    }
}

@media(max-width: 575px) {
    .RecipeDetailInfo .desc {
        padding-top: 15.6px
    }
}

@media(min-width: 992px) {
    .RecipeDetailInfo .desc {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .RecipeDetailInfo .desc {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .RecipeDetailInfo .desc {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .RecipeDetailInfo .desc {
        font-size: 15.6px
    }
}

@media(min-width: 992px) {
    .RecipeDetailInfo .desc {
        margin-bottom: 3.4722222222vw
    }
}

@media(min-width: 1600px) {
    .RecipeDetailInfo .desc {
        margin-bottom: 2.7777777778vw
    }
}

@media(max-width: 991px) {
    .RecipeDetailInfo .desc {
        margin-bottom: 37.5px
    }
}

@media(max-width: 575px) {
    .RecipeDetailInfo .desc {
        margin-bottom: 32.5px
    }
}

.RecipeDetailInfo .infoFeatures {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.RecipeDetailInfo .infoFeatures ul {
    display: flex;
    padding: 0
}

@media(min-width: 992px) {
    .RecipeDetailInfo .infoFeatures ul {
        gap: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .RecipeDetailInfo .infoFeatures ul {
        gap: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .RecipeDetailInfo .infoFeatures ul {
        gap: 45px
    }
}

@media(max-width: 575px) {
    .RecipeDetailInfo .infoFeatures ul {
        gap: 39px
    }
}

.RecipeDetailInfo .infoFeatures ul li {
    position: relative;
    display: flex;
    list-style: number
}

@media(min-width: 992px) {
    .RecipeDetailInfo .infoFeatures ul li {
        gap: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .RecipeDetailInfo .infoFeatures ul li {
        gap: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .RecipeDetailInfo .infoFeatures ul li {
        gap: 6px
    }
}

@media(max-width: 575px) {
    .RecipeDetailInfo .infoFeatures ul li {
        gap: 5.2px
    }
}

@media(min-width: 992px) {
    .RecipeDetailInfo .infoFeatures ul li img {
        width: 3.8194444444vw
    }
}

@media(min-width: 1600px) {
    .RecipeDetailInfo .infoFeatures ul li img {
        width: 3.0555555556vw
    }
}

@media(max-width: 991px) {
    .RecipeDetailInfo .infoFeatures ul li img {
        width: 41.25px
    }
}

@media(max-width: 575px) {
    .RecipeDetailInfo .infoFeatures ul li img {
        width: 35.75px
    }
}

@media(min-width: 992px) {
    .RecipeDetailInfo .infoFeatures ul li img {
        height: 3.8194444444vw
    }
}

@media(min-width: 1600px) {
    .RecipeDetailInfo .infoFeatures ul li img {
        height: 3.0555555556vw
    }
}

@media(max-width: 991px) {
    .RecipeDetailInfo .infoFeatures ul li img {
        height: 41.25px
    }
}

@media(max-width: 575px) {
    .RecipeDetailInfo .infoFeatures ul li img {
        height: 35.75px
    }
}

.RecipeDetailInfo .infoFeatures ul li span {
    color: #0b1610;
    font-weight: 500
}

@media(min-width: 992px) {
    .RecipeDetailInfo .infoFeatures ul li span {
        font-size: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .RecipeDetailInfo .infoFeatures ul li span {
        font-size: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .RecipeDetailInfo .infoFeatures ul li span {
        font-size: 11.25px
    }
}

@media(max-width: 575px) {
    .RecipeDetailInfo .infoFeatures ul li span {
        font-size: 9.75px
    }
}

.RecipeDetailInfo .infoFeatures ul li h3 {
    color: #0b1610;
    font-weight: 800;
    margin: 0
}

@media(min-width: 992px) {
    .RecipeDetailInfo .infoFeatures ul li h3 {
        font-size: 1.7361111111vw
    }
}

@media(min-width: 1600px) {
    .RecipeDetailInfo .infoFeatures ul li h3 {
        font-size: 1.3888888889vw
    }
}

@media(max-width: 991px) {
    .RecipeDetailInfo .infoFeatures ul li h3 {
        font-size: 18.75px
    }
}

@media(max-width: 575px) {
    .RecipeDetailInfo .infoFeatures ul li h3 {
        font-size: 16.25px
    }
}

.RecipeDetailInfo .infoFeatures .feature {
    position: relative
}

.RecipeDetailInfo .infoFeatures .feature .shareIcons {
    box-shadow: #dde3e6 0px 7px 29px 0px;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    visibility: hidden;
    transition: all .4s ease;
    position: absolute;
    margin: 0;
    bottom: 120%;
    left: -50%
}

@media(min-width: 992px) {
    .RecipeDetailInfo .infoFeatures .feature .shareIcons {
        border-radius: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .RecipeDetailInfo .infoFeatures .feature .shareIcons {
        border-radius: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .RecipeDetailInfo .infoFeatures .feature .shareIcons {
        border-radius: 18px
    }
}

@media(max-width: 575px) {
    .RecipeDetailInfo .infoFeatures .feature .shareIcons {
        border-radius: 15.6px
    }
}

@media(min-width: 992px) {
    .RecipeDetailInfo .infoFeatures .feature .shareIcons {
        padding-inline: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .RecipeDetailInfo .infoFeatures .feature .shareIcons {
        padding-inline: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .RecipeDetailInfo .infoFeatures .feature .shareIcons {
        padding-inline: 18px
    }
}

@media(max-width: 575px) {
    .RecipeDetailInfo .infoFeatures .feature .shareIcons {
        padding-inline: 15.6px
    }
}

@media(min-width: 992px) {
    .RecipeDetailInfo .infoFeatures .feature .shareIcons {
        padding-block: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .RecipeDetailInfo .infoFeatures .feature .shareIcons {
        padding-block: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .RecipeDetailInfo .infoFeatures .feature .shareIcons {
        padding-block: 18px
    }
}

@media(max-width: 575px) {
    .RecipeDetailInfo .infoFeatures .feature .shareIcons {
        padding-block: 15.6px
    }
}

@media(min-width: 992px) {
    .RecipeDetailInfo .infoFeatures .feature .shareIcons {
        gap: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .RecipeDetailInfo .infoFeatures .feature .shareIcons {
        gap: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .RecipeDetailInfo .infoFeatures .feature .shareIcons {
        gap: 15px
    }
}

@media(max-width: 575px) {
    .RecipeDetailInfo .infoFeatures .feature .shareIcons {
        gap: 13px
    }
}

.RecipeDetailInfo .infoFeatures .feature .shareIcons i,
.RecipeDetailInfo .infoFeatures .feature .shareIcons svg {
    height: 24px;
    width: 25px;
    font-size: 24px;
    vertical-align: middle;
    color: #0b1610
}

.RecipeDetailInfo .infoFeatures .feature .shareIcons.active {
    opacity: 1;
    visibility: visible;
    transition: all .4s ease;
    background-color: #fff
}

.recipeDetailVideo {
    position: relative
}

.recipeDetailVideo img {
    width: 100%
}

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

.recipeDetailVideo .videoBtn a {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 100%;
    box-shadow: 0px 0px 0px 20px rgba(0, 79, 81, .2);
    display: flex;
    align-items: center;
    color: #e4002b;
    justify-content: center;
    transition: .5s all;
    animation-name: playBtn;
    animation-iteration-count: infinite;
    animation-duration: 2s
}

@media(min-width: 992px) {
    .recipeDetailVideo .videoBtn a {
        font-size: 3.4722222222vw
    }
}

@media(min-width: 1600px) {
    .recipeDetailVideo .videoBtn a {
        font-size: 2.7777777778vw
    }
}

@media(max-width: 991px) {
    .recipeDetailVideo .videoBtn a {
        font-size: 37.5px
    }
}

@media(max-width: 575px) {
    .recipeDetailVideo .videoBtn a {
        font-size: 32.5px
    }
}

@media(min-width: 992px) {
    .ingredientInfo {
        padding-top: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .ingredientInfo {
        padding-top: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .ingredientInfo {
        padding-top: 45px
    }
}

@media(max-width: 575px) {
    .ingredientInfo {
        padding-top: 39px
    }
}

.ingredientInfo .section-title {
    color: #0b1610;
    font-weight: 800;
    margin: 0
}

@media(min-width: 992px) {
    .ingredientInfo .section-title {
        font-size: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .ingredientInfo .section-title {
        font-size: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .ingredientInfo .section-title {
        font-size: 22.5px
    }
}

@media(max-width: 575px) {
    .ingredientInfo .section-title {
        font-size: 19.5px
    }
}

@media(min-width: 992px) {
    .ingredientInfo .section-title {
        margin-bottom: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .ingredientInfo .section-title {
        margin-bottom: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .ingredientInfo .section-title {
        margin-bottom: 22.5px
    }
}

@media(max-width: 575px) {
    .ingredientInfo .section-title {
        margin-bottom: 19.5px
    }
}

.ingredientInfo .section-sub-title {
    color: #0b1610;
    font-weight: 700;
    margin: 0
}

@media(min-width: 992px) {
    .ingredientInfo .section-sub-title {
        font-size: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .ingredientInfo .section-sub-title {
        font-size: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .ingredientInfo .section-sub-title {
        font-size: 15px
    }
}

@media(max-width: 575px) {
    .ingredientInfo .section-sub-title {
        font-size: 13px
    }
}

@media(min-width: 992px) {
    .ingredientInfo .section-sub-title {
        margin-bottom: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .ingredientInfo .section-sub-title {
        margin-bottom: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .ingredientInfo .section-sub-title {
        margin-bottom: 15px
    }
}

@media(max-width: 575px) {
    .ingredientInfo .section-sub-title {
        margin-bottom: 13px
    }
}

@media(min-width: 992px) {
    .ingredientInfo .ingredients {
        margin-bottom: 5.5555555556vw
    }
}

@media(min-width: 1600px) {
    .ingredientInfo .ingredients {
        margin-bottom: 4.4444444444vw
    }
}

@media(max-width: 991px) {
    .ingredientInfo .ingredients {
        margin-bottom: 60px
    }
}

@media(max-width: 575px) {
    .ingredientInfo .ingredients {
        margin-bottom: 52px
    }
}

.ingredientInfo .ingredients ul {
    padding: 0
}

.ingredientInfo .ingredients ul li {
    list-style: none;
    pointer-events: none;
    position: relative
}

@media(min-width: 992px) {
    .ingredientInfo .ingredients ul li {
        margin-bottom: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .ingredientInfo .ingredients ul li {
        margin-bottom: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .ingredientInfo .ingredients ul li {
        margin-bottom: 11.25px
    }
}

@media(max-width: 575px) {
    .ingredientInfo .ingredients ul li {
        margin-bottom: 9.75px
    }
}

.ingredientInfo .ingredients ul li .form-check {
    padding: 0
}

.ingredientInfo .ingredients ul li label {
    color: #3d3d3d;
    font-weight: 400;
    cursor: pointer
}

@media(min-width: 992px) {
    .ingredientInfo .ingredients ul li label {
        font-size: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .ingredientInfo .ingredients ul li label {
        font-size: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .ingredientInfo .ingredients ul li label {
        font-size: 15px
    }
}

@media(max-width: 575px) {
    .ingredientInfo .ingredients ul li label {
        font-size: 13px
    }
}

@media(min-width: 992px) {
    .ingredientInfo .ingredients ul li label {
        padding-inline-start: 3.1944444444vw
    }
}

@media(min-width: 1600px) {
    .ingredientInfo .ingredients ul li label {
        padding-inline-start: 2.5555555556vw
    }
}

@media(max-width: 991px) {
    .ingredientInfo .ingredients ul li label {
        padding-inline-start: 34.5px
    }
}

@media(max-width: 575px) {
    .ingredientInfo .ingredients ul li label {
        padding-inline-start: 29.9px
    }
}

.ingredientInfo .ingredients ul li input {
    opacity: 0
}

.ingredientInfo .ingredients ul li label:before {
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z"/></svg>');
    position: absolute;
    left: 0;
    opacity: .4;
    top: 50%;
    transform: translate(0, -50%)
}

@media(min-width: 992px) {
    .ingredientInfo .ingredients ul li label:before {
        width: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .ingredientInfo .ingredients ul li label:before {
        width: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .ingredientInfo .ingredients ul li label:before {
        width: 11.25px
    }
}

@media(max-width: 575px) {
    .ingredientInfo .ingredients ul li label:before {
        width: 9.75px
    }
}

@media(min-width: 992px) {
    .ingredientInfo .ingredients ul li label:before {
        height: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .ingredientInfo .ingredients ul li label:before {
        height: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .ingredientInfo .ingredients ul li label:before {
        height: 11.25px
    }
}

@media(max-width: 575px) {
    .ingredientInfo .ingredients ul li label:before {
        height: 9.75px
    }
}

.ingredientInfo .ingredients ul li input:checked+label {
    text-decoration: line-through
}

.ingredientInfo .ingredients ul li input:checked+label:before {
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="%23000000" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 48c110.5 0 200 89.5 200 200 0 110.5-89.5 200-200 200-110.5 0-200-89.5-200-200 0-110.5 89.5-200 200-200m140.2 130.3l-22.5-22.7c-4.7-4.7-12.3-4.7-17-.1L215.3 303.7l-59.8-60.3c-4.7-4.7-12.3-4.7-17-.1l-22.7 22.5c-4.7 4.7-4.7 12.3-.1 17l90.8 91.5c4.7 4.7 12.3 4.7 17 .1l172.6-171.2c4.7-4.7 4.7-12.3 .1-17z"/></svg>');
    position: absolute;
    left: 0
}

@media(min-width: 992px) {
    .ingredientInfo .ingredients ul li input:checked+label:before {
        width: 1.7361111111vw
    }
}

@media(min-width: 1600px) {
    .ingredientInfo .ingredients ul li input:checked+label:before {
        width: 1.3888888889vw
    }
}

@media(max-width: 991px) {
    .ingredientInfo .ingredients ul li input:checked+label:before {
        width: 18.75px
    }
}

@media(max-width: 575px) {
    .ingredientInfo .ingredients ul li input:checked+label:before {
        width: 16.25px
    }
}

@media(min-width: 992px) {
    .ingredientInfo .ingredients ul li input:checked+label:before {
        height: 1.7361111111vw
    }
}

@media(min-width: 1600px) {
    .ingredientInfo .ingredients ul li input:checked+label:before {
        height: 1.3888888889vw
    }
}

@media(max-width: 991px) {
    .ingredientInfo .ingredients ul li input:checked+label:before {
        height: 18.75px
    }
}

@media(max-width: 575px) {
    .ingredientInfo .ingredients ul li input:checked+label:before {
        height: 16.25px
    }
}

.ingredientInfo .nutritions {
    background-color: #f4f6fc;
    width: 80%
}

@media(min-width: 992px) {
    .ingredientInfo .nutritions {
        padding: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .ingredientInfo .nutritions {
        padding: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .ingredientInfo .nutritions {
        padding: 12px
    }
}

@media(max-width: 575px) {
    .ingredientInfo .nutritions {
        padding: 10.4px
    }
}

@media(min-width: 992px) {
    .ingredientInfo .nutritions h4 {
        margin-bottom: 0.4166666667vw
    }
}

@media(min-width: 1600px) {
    .ingredientInfo .nutritions h4 {
        margin-bottom: 0.3333333333vw
    }
}

@media(max-width: 991px) {
    .ingredientInfo .nutritions h4 {
        margin-bottom: 4.5px
    }
}

@media(max-width: 575px) {
    .ingredientInfo .nutritions h4 {
        margin-bottom: 3.9px
    }
}

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

.ingredientInfo .nutritions ul li {
    border-bottom: 1px solid #3d3d3d;
    display: flex;
    justify-content: space-between
}

@media(min-width: 992px) {
    .ingredientInfo .nutritions ul li {
        padding: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .ingredientInfo .nutritions ul li {
        padding: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .ingredientInfo .nutritions ul li {
        padding: 7.5px
    }
}

@media(max-width: 575px) {
    .ingredientInfo .nutritions ul li {
        padding: 6.5px
    }
}

.ingredientInfo .nutritions ul li p {
    margin: 0
}

.ingredientInfo .instructions {
    padding: 0;
    display: flex;
    flex-direction: column
}

@media(min-width: 992px) {
    .ingredientInfo .instructions {
        gap: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .ingredientInfo .instructions {
        gap: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .ingredientInfo .instructions {
        gap: 12px
    }
}

@media(max-width: 575px) {
    .ingredientInfo .instructions {
        gap: 10.4px
    }
}

.ingredientInfo .instructions li {
    position: relative;
    counter-increment: li;
    list-style: none;
    display: flex
}

.ingredientInfo .instructions li p {
    padding-inline-start: 40px;
    margin: 0;
    color: #3d3d3d;
    font-weight: 400
}

@media(min-width: 992px) {
    .ingredientInfo .instructions li p {
        font-size: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .ingredientInfo .instructions li p {
        font-size: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .ingredientInfo .instructions li p {
        font-size: 15px
    }
}

@media(max-width: 575px) {
    .ingredientInfo .instructions li p {
        font-size: 13px
    }
}

.ingredientInfo .instructions li::before {
    top: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    content: counter(li) " ";
    color: #fff;
    background-color: #e4002b;
    border-radius: 50%;
    box-shadow: 2px 3px 4px rgba(0, 0, 0, .2)
}

@keyframes playBtn {
    0% {
        box-shadow: 0px 0px 0px 0px rgba(228, 0, 43, .2)
    }

    100% {
        box-shadow: 0px 0px 0px 20px rgba(0, 22, 137, .2)
    }
}

@media(max-width: 767px) {
    .recipesBanner {
        height: 60vh
    }

    .recipesBanner .swiper-slide .banner-content .banner-title {
        font-size: 32px
    }

    .recipesBanner .swiper-slide .banner-content .banner-text {
        font-size: 14px
    }

    .recipesBanner .swiper-slide .banner-content .banner-desc {
        width: 70%
    }

    .handPickedSection .handPickedGrid {
        margin-inline: 15px;
        flex-wrap: nowrap;
        overflow-x: auto
    }

    .handPickedSection .handPickedGrid::-webkit-scrollbar {
        height: 4px
    }

    .handPickedSection .handPickedGrid::-webkit-scrollbar-thumb {
        background: #0b1610;
        border-radius: 4px
    }

    .handPickedSection .handPickedGrid::-webkit-scrollbar-thumb:hover {
        background: #555
    }

    .handPickedSection .recipeCards {
        display: flex;
        align-items: center;
        flex-direction: column
    }

    .RecipeDetailInfo .infoFeatures ul {
        gap: 20px
    }
}

@media(max-width: 991px) {
    .recipesBanner .breadcrumb-golden {
        top: 30px;
        left: 5%
    }

    .recipeProductCategories .Category {
        margin-bottom: 20px
    }

    .RecipeDetailInfo .infoFeatures {
        align-items: start;
        flex-direction: column
    }

    .RecipeDetailInfo .infoFeatures ul {
        flex-wrap: wrap
    }

    .RecipeDetailInfo .infoFeatures .feature .shareIcons {
        flex-wrap: nowrap;
        gap: 12px;
        top: 0%;
        left: 110%
    }

    .RecipeDetailInfo .infoFeatures .feature .shareIcons.active {
        transform-origin: left
    }

    .RecipeDetailInfo .breadcrumb-golden {
        padding-top: 10px;
        margin-bottom: 25px
    }

    .RecipeDetailInfo .breadcrumb-golden li a {
        font-size: 12px
    }

    .ingredientInfo .nutritions {
        width: 100%;
        margin-bottom: 32px
    }

    .ingredientInfo .instructions li p {
        padding-inline-start: 40px
    }
}

@media(max-width: 991px)and (max-width: 991px) {
    .ingredientInfo .instructions li p {
        margin-bottom: 20px
    }
}

@media(max-width: 991px) {
    .ingredientInfo .instructions li::before {
        padding-inline: 8px;
        padding-block: 2px
    }
}

[lang=ar] .recipesBanner .breadcrumb-golden {
    left: auto;
    right: 10%
}

[lang=ar] .recipesBanner .banner-arrows i {
    transform: scaleX(1)
}

[lang=ar] .ingredientInfo .ingredients ul li label:before {
    left: auto;
    right: 0
}

[lang=ar] .ingredientInfo .instructions li::before {
    font-family: "Helvetica"
}

[lang=ar] .RecipeDetailInfo .infoFeatures .feature .shareIcons {
    left: unset
}

@media(max-width: 991px) {
    [lang=ar] .RecipeDetailInfo .infoFeatures .feature .shareIcons {
        right: 110%
    }
}

[lang=ar] .fa-chevron-left,
[lang=ar] .fa-chevron-right {
    transform: scaleX(-1)
}

.fresh-produce-banner {
    position: relative;
    overflow: hidden
}

.fresh-produce-banner .section-image {
    position: absolute;
    z-index: -1;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0
}

.fresh-produce-banner .section-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media(min-width: 992px) {
    .fresh-produce-banner .container img {
        height: 48.6111111111vw
    }
}

@media(min-width: 1600px) {
    .fresh-produce-banner .container img {
        height: 38.8888888889vw
    }
}

@media(max-width: 991px) {
    .fresh-produce-banner .container img {
        height: 525px
    }
}

@media(max-width: 575px) {
    .fresh-produce-banner .container img {
        height: 455px
    }
}

.fresh-produce-banner .breadcrumb-golden {
    position: absolute;
    z-index: 2
}

@media(min-width: 992px) {
    .fresh-produce-banner .breadcrumb-golden {
        top: 7.9861111111vw
    }
}

@media(min-width: 1600px) {
    .fresh-produce-banner .breadcrumb-golden {
        top: 6.3888888889vw
    }
}

@media(max-width: 991px) {
    .fresh-produce-banner .breadcrumb-golden {
        top: 86.25px
    }
}

@media(max-width: 575px) {
    .fresh-produce-banner .breadcrumb-golden {
        top: 74.75px
    }
}

.fresh-produce-banner .breadcrumb-golden ul {
    margin: 0
}

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

.fresh-produce-banner .banner-content .section-sub-title {
    color: #e4002b;
    margin: 0
}

.fresh-produce-banner .banner-content .section-title {
    margin: 0;
    font-weight: 700;
    line-height: 1
}

.fresh-organic-section .organic-content {
    display: flex;
    flex-direction: column;
    height: 100%
}

@media(min-width: 992px) {
    .fresh-organic-section .organic-content {
        margin-top: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .fresh-organic-section .organic-content {
        margin-top: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .fresh-organic-section .organic-content {
        margin-top: 45px
    }
}

@media(max-width: 575px) {
    .fresh-organic-section .organic-content {
        margin-top: 39px
    }
}

@media(min-width: 992px) {
    .fresh-organic-section .organic-content .section-sub-title {
        padding-top: 5.2083333333vw
    }
}

@media(min-width: 1600px) {
    .fresh-organic-section .organic-content .section-sub-title {
        padding-top: 4.1666666667vw
    }
}

@media(max-width: 991px) {
    .fresh-organic-section .organic-content .section-sub-title {
        padding-top: 56.25px
    }
}

@media(max-width: 575px) {
    .fresh-organic-section .organic-content .section-sub-title {
        padding-top: 48.75px
    }
}

@media(min-width: 992px) {
    .fresh-organic-section .organic-content .section-sub-title {
        margin-bottom: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .fresh-organic-section .organic-content .section-sub-title {
        margin-bottom: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .fresh-organic-section .organic-content .section-sub-title {
        margin-bottom: 6px
    }
}

@media(max-width: 575px) {
    .fresh-organic-section .organic-content .section-sub-title {
        margin-bottom: 5.2px
    }
}

@media(min-width: 992px) {
    .fresh-organic-section .organic-content .commonBtn {
        margin-top: 3.3333333333vw
    }
}

@media(min-width: 1600px) {
    .fresh-organic-section .organic-content .commonBtn {
        margin-top: 2.6666666667vw
    }
}

@media(max-width: 991px) {
    .fresh-organic-section .organic-content .commonBtn {
        margin-top: 36px
    }
}

@media(max-width: 575px) {
    .fresh-organic-section .organic-content .commonBtn {
        margin-top: 31.2px
    }
}

.recipSliderArrows.freshProduceRecipe {
    background-color: #fff;
    display: flex;
    z-index: 100;
    position: relative;
    width: max-content;
    height: max-content;
    box-shadow: rgba(0, 0, 0, .1) 0px 0px 15px 0px
}

@media(min-width: 992px) {
    .recipSliderArrows.freshProduceRecipe {
        margin-bottom: 4.4444444444vw
    }
}

@media(min-width: 1600px) {
    .recipSliderArrows.freshProduceRecipe {
        margin-bottom: 3.5555555556vw
    }
}

@media(max-width: 991px) {
    .recipSliderArrows.freshProduceRecipe {
        margin-bottom: 48px
    }
}

@media(max-width: 575px) {
    .recipSliderArrows.freshProduceRecipe {
        margin-bottom: 41.6px
    }
}

@media(min-width: 992px) {
    .recipSliderArrows.freshProduceRecipe {
        border-radius: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .recipSliderArrows.freshProduceRecipe {
        border-radius: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .recipSliderArrows.freshProduceRecipe {
        border-radius: 7.5px
    }
}

@media(max-width: 575px) {
    .recipSliderArrows.freshProduceRecipe {
        border-radius: 6.5px
    }
}

@media(min-width: 992px) {
    .recipSliderArrows.freshProduceRecipe {
        padding: 0.3472222222vw
    }
}

@media(min-width: 1600px) {
    .recipSliderArrows.freshProduceRecipe {
        padding: 0.2777777778vw
    }
}

@media(max-width: 991px) {
    .recipSliderArrows.freshProduceRecipe {
        padding: 3.75px
    }
}

@media(max-width: 575px) {
    .recipSliderArrows.freshProduceRecipe {
        padding: 3.25px
    }
}

@media(min-width: 992px) {
    .recipSliderArrows.freshProduceRecipe {
        gap: 0.2083333333vw
    }
}

@media(min-width: 1600px) {
    .recipSliderArrows.freshProduceRecipe {
        gap: 0.1666666667vw
    }
}

@media(max-width: 991px) {
    .recipSliderArrows.freshProduceRecipe {
        gap: 2.25px
    }
}

@media(max-width: 575px) {
    .recipSliderArrows.freshProduceRecipe {
        gap: 1.95px
    }
}

.recipSliderArrows.freshProduceRecipe .recipes-button {
    transition: all .3s ease;
    color: #e4002b
}

@media(min-width: 992px) {
    .recipSliderArrows.freshProduceRecipe .recipes-button {
        font-size: 0.8333333333vw
    }
}

@media(min-width: 1600px) {
    .recipSliderArrows.freshProduceRecipe .recipes-button {
        font-size: 0.6666666667vw
    }
}

@media(max-width: 991px) {
    .recipSliderArrows.freshProduceRecipe .recipes-button {
        font-size: 9px
    }
}

@media(max-width: 575px) {
    .recipSliderArrows.freshProduceRecipe .recipes-button {
        font-size: 7.8px
    }
}

@media(min-width: 992px) {
    .recipSliderArrows.freshProduceRecipe .recipes-button {
        border-radius: 0.4861111111vw
    }
}

@media(min-width: 1600px) {
    .recipSliderArrows.freshProduceRecipe .recipes-button {
        border-radius: 0.3888888889vw
    }
}

@media(max-width: 991px) {
    .recipSliderArrows.freshProduceRecipe .recipes-button {
        border-radius: 5.25px
    }
}

@media(max-width: 575px) {
    .recipSliderArrows.freshProduceRecipe .recipes-button {
        border-radius: 4.55px
    }
}

@media(min-width: 992px) {
    .recipSliderArrows.freshProduceRecipe .recipes-button {
        padding-inline: 0.9722222222vw
    }
}

@media(min-width: 1600px) {
    .recipSliderArrows.freshProduceRecipe .recipes-button {
        padding-inline: 0.7777777778vw
    }
}

@media(max-width: 991px) {
    .recipSliderArrows.freshProduceRecipe .recipes-button {
        padding-inline: 10.5px
    }
}

@media(max-width: 575px) {
    .recipSliderArrows.freshProduceRecipe .recipes-button {
        padding-inline: 9.1px
    }
}

@media(min-width: 992px) {
    .recipSliderArrows.freshProduceRecipe .recipes-button {
        padding-block: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .recipSliderArrows.freshProduceRecipe .recipes-button {
        padding-block: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .recipSliderArrows.freshProduceRecipe .recipes-button {
        padding-block: 6px
    }
}

@media(max-width: 575px) {
    .recipSliderArrows.freshProduceRecipe .recipes-button {
        padding-block: 5.2px
    }
}

.recipSliderArrows.freshProduceRecipe .recipes-button.recipes-next1,
.recipSliderArrows.freshProduceRecipe .recipes-button.recipes-next2 {
    background-color: #e4002b;
    color: #fff
}

.recipSliderArrows.freshProduceRecipe .recipes-button:hover {
    color: #fff;
    background-color: #0b1610
}

.freshproduceGrid {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(4, 200px)
}

@media(min-width: 992px) {
    .freshproduceGrid {
        margin-block: 3.3333333333vw
    }
}

@media(min-width: 1600px) {
    .freshproduceGrid {
        margin-block: 2.6666666667vw
    }
}

@media(max-width: 991px) {
    .freshproduceGrid {
        margin-block: 36px
    }
}

@media(max-width: 575px) {
    .freshproduceGrid {
        margin-block: 31.2px
    }
}

@media(min-width: 992px) {
    .freshproduceGrid {
        grid-gap: 3.4722222222vw
    }
}

@media(min-width: 1600px) {
    .freshproduceGrid {
        grid-gap: 2.7777777778vw
    }
}

@media(max-width: 991px) {
    .freshproduceGrid {
        grid-gap: 37.5px
    }
}

@media(max-width: 575px) {
    .freshproduceGrid {
        grid-gap: 32.5px
    }
}

@media(max-width: 991px) {
    .freshproduceGrid {
        grid-template-columns: repeat(3, 200px)
    }
}

@media(max-width: 767px) {
    .freshproduceGrid {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: start;
        padding-bottom: 20px
    }

    .freshproduceGrid .fresh-item {
        flex: 0 0 50%
    }

    .freshproduceGrid .fresh-item h4 {
        font-size: 16px !important
    }

    .freshproduceGrid .fresh-item p {
        font-size: 12px !important
    }

    .freshproduceGrid::-webkit-scrollbar {
        height: 4px
    }

    .freshproduceGrid::-webkit-scrollbar-thumb {
        background: #0b1610;
        border-radius: 4px
    }

    .freshproduceGrid::-webkit-scrollbar-thumb:hover {
        background: #555
    }
}

@media(max-width: 767px) {
    .freshproduceGrid .fresh-item {
        flex: 0 0 50%
    }
}

.freshproduceGrid .fresh-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer
}

@media(min-width: 992px) {
    .freshproduceGrid .fresh-item {
        padding-block: 1.25vw
    }
}

@media(min-width: 1600px) {
    .freshproduceGrid .fresh-item {
        padding-block: 1vw
    }
}

@media(max-width: 991px) {
    .freshproduceGrid .fresh-item {
        padding-block: 13.5px
    }
}

@media(max-width: 575px) {
    .freshproduceGrid .fresh-item {
        padding-block: 11.7px
    }
}

.freshproduceGrid .fresh-item .imgHover {
    position: relative;
    transition: all .5s ease-in-out;
    width: 100%
}

.freshproduceGrid .fresh-item .imgHover.fruits {
    background-color: rgba(254, 239, 234, .5)
}

.freshproduceGrid .fresh-item .imgHover.vegetables {
    background-color: rgba(222, 249, 236, .5)
}

.freshproduceGrid .fresh-item .imgHover .back {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s ease-in-out;
    mix-blend-mode: darken;
    opacity: 0
}

.freshproduceGrid .fresh-item .imgHover .front {
    width: 100%;
    mix-blend-mode: darken;
    transition: all .5s ease-in-out;
    opacity: 1
}

.freshproduceGrid .fresh-item:hover {
    transition: all .5s ease
}

.freshproduceGrid .fresh-item:hover .imgHover .back {
    transition: all .5s ease;
    opacity: 1
}

.freshproduceGrid .fresh-item:hover .imgHover .front {
    transition: all .5s ease;
    opacity: 0
}

.freshproduceGrid .fresh-item .section-sub-title {
    font-weight: 500;
    margin: 0
}

@media(min-width: 992px) {
    .freshproduceGrid .fresh-item .section-sub-title {
        margin-top: 2.3611111111vw
    }
}

@media(min-width: 1600px) {
    .freshproduceGrid .fresh-item .section-sub-title {
        margin-top: 1.8888888889vw
    }
}

@media(max-width: 991px) {
    .freshproduceGrid .fresh-item .section-sub-title {
        margin-top: 25.5px
    }
}

@media(max-width: 575px) {
    .freshproduceGrid .fresh-item .section-sub-title {
        margin-top: 22.1px
    }
}

@media(min-width: 992px) {
    .freshproduceGrid .fresh-item .section-sub-title {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .freshproduceGrid .fresh-item .section-sub-title {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .freshproduceGrid .fresh-item .section-sub-title {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .freshproduceGrid .fresh-item .section-sub-title {
        font-size: 15.6px
    }
}

.freshproduceGrid .fresh-item p {
    font-weight: 400;
    color: #e4002b;
    margin: 0
}

@media(min-width: 992px) {
    .freshproduceGrid .fresh-item p {
        margin-top: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .freshproduceGrid .fresh-item p {
        margin-top: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .freshproduceGrid .fresh-item p {
        margin-top: 6px
    }
}

@media(max-width: 575px) {
    .freshproduceGrid .fresh-item p {
        margin-top: 5.2px
    }
}

@media(min-width: 992px) {
    .freshproduceGrid .fresh-item p {
        font-size: 0.9722222222vw
    }
}

@media(min-width: 1600px) {
    .freshproduceGrid .fresh-item p {
        font-size: 0.7777777778vw
    }
}

@media(max-width: 991px) {
    .freshproduceGrid .fresh-item p {
        font-size: 10.5px
    }
}

@media(max-width: 575px) {
    .freshproduceGrid .fresh-item p {
        font-size: 9.1px
    }
}

@media(min-width: 992px) {

    .freshProduceListingSwiper1,
    .freshProduceListingSwiper2 {
        margin-inline-start: 10.4166666667vw
    }
}

@media(min-width: 1600px) {

    .freshProduceListingSwiper1,
    .freshProduceListingSwiper2 {
        margin-inline-start: 8.3333333333vw
    }
}

@media(max-width: 991px) {

    .freshProduceListingSwiper1,
    .freshProduceListingSwiper2 {
        margin-inline-start: 112.5px
    }
}

@media(max-width: 575px) {

    .freshProduceListingSwiper1,
    .freshProduceListingSwiper2 {
        margin-inline-start: 97.5px
    }
}

@media(min-width: 1600px)and (min-width: 992px) {

    .freshProduceListingSwiper1,
    .freshProduceListingSwiper2 {
        margin-inline-start: 22.2222222222vw
    }
}

@media(min-width: 1600px)and (min-width: 1600px) {

    .freshProduceListingSwiper1,
    .freshProduceListingSwiper2 {
        margin-inline-start: 17.7777777778vw
    }
}

@media(min-width: 1600px)and (max-width: 991px) {

    .freshProduceListingSwiper1,
    .freshProduceListingSwiper2 {
        margin-inline-start: 240px
    }
}

@media(min-width: 1600px)and (max-width: 575px) {

    .freshProduceListingSwiper1,
    .freshProduceListingSwiper2 {
        margin-inline-start: 208px
    }
}

@media(max-width: 767px)and (min-width: 992px) {

    .freshProduceListingSwiper1,
    .freshProduceListingSwiper2 {
        margin-inline-start: 0vw
    }
}

@media(max-width: 767px)and (min-width: 1600px) {

    .freshProduceListingSwiper1,
    .freshProduceListingSwiper2 {
        margin-inline-start: 0vw
    }
}

@media(max-width: 767px)and (max-width: 991px) {

    .freshProduceListingSwiper1,
    .freshProduceListingSwiper2 {
        margin-inline-start: 0px
    }
}

@media(max-width: 767px)and (max-width: 575px) {

    .freshProduceListingSwiper1,
    .freshProduceListingSwiper2 {
        margin-inline-start: 0px
    }
}

.freshProduceListingSwiper1 .fresh-itemCard,
.freshProduceListingSwiper2 .fresh-itemCard {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    text-align: center;
    transition: all .3s ease-out;
    cursor: pointer;
    margin-top: 15px
}

@media(min-width: 992px) {

    .freshProduceListingSwiper1 .fresh-itemCard,
    .freshProduceListingSwiper2 .fresh-itemCard {
        padding-inline: 1.1111111111vw
    }
}

@media(min-width: 1600px) {

    .freshProduceListingSwiper1 .fresh-itemCard,
    .freshProduceListingSwiper2 .fresh-itemCard {
        padding-inline: 0.8888888889vw
    }
}

@media(max-width: 991px) {

    .freshProduceListingSwiper1 .fresh-itemCard,
    .freshProduceListingSwiper2 .fresh-itemCard {
        padding-inline: 12px
    }
}

@media(max-width: 575px) {

    .freshProduceListingSwiper1 .fresh-itemCard,
    .freshProduceListingSwiper2 .fresh-itemCard {
        padding-inline: 10.4px
    }
}

@media(min-width: 992px) {

    .freshProduceListingSwiper1 .fresh-itemCard,
    .freshProduceListingSwiper2 .fresh-itemCard {
        padding-top: 1.25vw
    }
}

@media(min-width: 1600px) {

    .freshProduceListingSwiper1 .fresh-itemCard,
    .freshProduceListingSwiper2 .fresh-itemCard {
        padding-top: 1vw
    }
}

@media(max-width: 991px) {

    .freshProduceListingSwiper1 .fresh-itemCard,
    .freshProduceListingSwiper2 .fresh-itemCard {
        padding-top: 13.5px
    }
}

@media(max-width: 575px) {

    .freshProduceListingSwiper1 .fresh-itemCard,
    .freshProduceListingSwiper2 .fresh-itemCard {
        padding-top: 11.7px
    }
}

@media(min-width: 992px) {

    .freshProduceListingSwiper1 .fresh-itemCard,
    .freshProduceListingSwiper2 .fresh-itemCard {
        padding-bottom: 1.6666666667vw
    }
}

@media(min-width: 1600px) {

    .freshProduceListingSwiper1 .fresh-itemCard,
    .freshProduceListingSwiper2 .fresh-itemCard {
        padding-bottom: 1.3333333333vw
    }
}

@media(max-width: 991px) {

    .freshProduceListingSwiper1 .fresh-itemCard,
    .freshProduceListingSwiper2 .fresh-itemCard {
        padding-bottom: 18px
    }
}

@media(max-width: 575px) {

    .freshProduceListingSwiper1 .fresh-itemCard,
    .freshProduceListingSwiper2 .fresh-itemCard {
        padding-bottom: 15.6px
    }
}

@media(min-width: 992px) {

    .freshProduceListingSwiper1 .fresh-itemCard,
    .freshProduceListingSwiper2 .fresh-itemCard {
        border-radius: 1.1111111111vw
    }
}

@media(min-width: 1600px) {

    .freshProduceListingSwiper1 .fresh-itemCard,
    .freshProduceListingSwiper2 .fresh-itemCard {
        border-radius: 0.8888888889vw
    }
}

@media(max-width: 991px) {

    .freshProduceListingSwiper1 .fresh-itemCard,
    .freshProduceListingSwiper2 .fresh-itemCard {
        border-radius: 12px
    }
}

@media(max-width: 575px) {

    .freshProduceListingSwiper1 .fresh-itemCard,
    .freshProduceListingSwiper2 .fresh-itemCard {
        border-radius: 10.4px
    }
}

.freshProduceListingSwiper1 .fresh-itemCard .imgHover,
.freshProduceListingSwiper2 .fresh-itemCard .imgHover {
    position: relative;
    transition: all .4s ease-in-out;
    width: 100%
}

.freshProduceListingSwiper1 .fresh-itemCard .imgHover.fruits,
.freshProduceListingSwiper2 .fresh-itemCard .imgHover.fruits {
    background-color: rgba(228, 0, 43, .05)
}

.freshProduceListingSwiper1 .fresh-itemCard .imgHover.vegetables,
.freshProduceListingSwiper2 .fresh-itemCard .imgHover.vegetables {
    background-color: rgba(222, 249, 236, .5)
}

.freshProduceListingSwiper1 .fresh-itemCard .imgHover .back,
.freshProduceListingSwiper2 .fresh-itemCard .imgHover .back {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .4s ease-in-out;
    mix-blend-mode: multiply;
    opacity: 0
}

.freshProduceListingSwiper1 .fresh-itemCard .imgHover .front,
.freshProduceListingSwiper2 .fresh-itemCard .imgHover .front {
    width: 100%;
    mix-blend-mode: multiply;
    transition: all .4s ease-in-out;
    opacity: 1
}

.freshProduceListingSwiper1 .fresh-itemCard .section-sub-title,
.freshProduceListingSwiper2 .fresh-itemCard .section-sub-title {
    font-weight: 500;
    margin: 0
}

@media(min-width: 992px) {

    .freshProduceListingSwiper1 .fresh-itemCard .section-sub-title,
    .freshProduceListingSwiper2 .fresh-itemCard .section-sub-title {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {

    .freshProduceListingSwiper1 .fresh-itemCard .section-sub-title,
    .freshProduceListingSwiper2 .fresh-itemCard .section-sub-title {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {

    .freshProduceListingSwiper1 .fresh-itemCard .section-sub-title,
    .freshProduceListingSwiper2 .fresh-itemCard .section-sub-title {
        font-size: 18px
    }
}

@media(max-width: 575px) {

    .freshProduceListingSwiper1 .fresh-itemCard .section-sub-title,
    .freshProduceListingSwiper2 .fresh-itemCard .section-sub-title {
        font-size: 15.6px
    }
}

@media(min-width: 992px) {

    .freshProduceListingSwiper1 .fresh-itemCard .section-sub-title,
    .freshProduceListingSwiper2 .fresh-itemCard .section-sub-title {
        margin-top: 0.4166666667vw
    }
}

@media(min-width: 1600px) {

    .freshProduceListingSwiper1 .fresh-itemCard .section-sub-title,
    .freshProduceListingSwiper2 .fresh-itemCard .section-sub-title {
        margin-top: 0.3333333333vw
    }
}

@media(max-width: 991px) {

    .freshProduceListingSwiper1 .fresh-itemCard .section-sub-title,
    .freshProduceListingSwiper2 .fresh-itemCard .section-sub-title {
        margin-top: 4.5px
    }
}

@media(max-width: 575px) {

    .freshProduceListingSwiper1 .fresh-itemCard .section-sub-title,
    .freshProduceListingSwiper2 .fresh-itemCard .section-sub-title {
        margin-top: 3.9px
    }
}

.freshProduceListingSwiper1 .fresh-itemCard p,
.freshProduceListingSwiper2 .fresh-itemCard p {
    font-weight: 400;
    color: #3d3d3d;
    margin: 0;
    height: 48px;
    text-align: start;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: break-word
}

@media(min-width: 992px) {

    .freshProduceListingSwiper1 .fresh-itemCard p,
    .freshProduceListingSwiper2 .fresh-itemCard p {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {

    .freshProduceListingSwiper1 .fresh-itemCard p,
    .freshProduceListingSwiper2 .fresh-itemCard p {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {

    .freshProduceListingSwiper1 .fresh-itemCard p,
    .freshProduceListingSwiper2 .fresh-itemCard p {
        font-size: 12px
    }
}

@media(max-width: 575px) {

    .freshProduceListingSwiper1 .fresh-itemCard p,
    .freshProduceListingSwiper2 .fresh-itemCard p {
        font-size: 10.4px
    }
}

@media(min-width: 992px) {

    .freshProduceListingSwiper1 .fresh-itemCard p,
    .freshProduceListingSwiper2 .fresh-itemCard p {
        margin-top: 0.8333333333vw
    }
}

@media(min-width: 1600px) {

    .freshProduceListingSwiper1 .fresh-itemCard p,
    .freshProduceListingSwiper2 .fresh-itemCard p {
        margin-top: 0.6666666667vw
    }
}

@media(max-width: 991px) {

    .freshProduceListingSwiper1 .fresh-itemCard p,
    .freshProduceListingSwiper2 .fresh-itemCard p {
        margin-top: 9px
    }
}

@media(max-width: 575px) {

    .freshProduceListingSwiper1 .fresh-itemCard p,
    .freshProduceListingSwiper2 .fresh-itemCard p {
        margin-top: 7.8px
    }
}

.freshProduceListingSwiper1 .fresh-itemCard .region,
.freshProduceListingSwiper2 .fresh-itemCard .region {
    display: flex;
    flex-direction: row;
    align-items: center
}

@media(min-width: 992px) {

    .freshProduceListingSwiper1 .fresh-itemCard .region,
    .freshProduceListingSwiper2 .fresh-itemCard .region {
        margin-top: 1.8055555556vw
    }
}

@media(min-width: 1600px) {

    .freshProduceListingSwiper1 .fresh-itemCard .region,
    .freshProduceListingSwiper2 .fresh-itemCard .region {
        margin-top: 1.4444444444vw
    }
}

@media(max-width: 991px) {

    .freshProduceListingSwiper1 .fresh-itemCard .region,
    .freshProduceListingSwiper2 .fresh-itemCard .region {
        margin-top: 19.5px
    }
}

@media(max-width: 575px) {

    .freshProduceListingSwiper1 .fresh-itemCard .region,
    .freshProduceListingSwiper2 .fresh-itemCard .region {
        margin-top: 16.9px
    }
}

@media(min-width: 992px) {

    .freshProduceListingSwiper1 .fresh-itemCard .region span,
    .freshProduceListingSwiper2 .fresh-itemCard .region span {
        margin-inline-end: 0.6944444444vw
    }
}

@media(min-width: 1600px) {

    .freshProduceListingSwiper1 .fresh-itemCard .region span,
    .freshProduceListingSwiper2 .fresh-itemCard .region span {
        margin-inline-end: 0.5555555556vw
    }
}

@media(max-width: 991px) {

    .freshProduceListingSwiper1 .fresh-itemCard .region span,
    .freshProduceListingSwiper2 .fresh-itemCard .region span {
        margin-inline-end: 7.5px
    }
}

@media(max-width: 575px) {

    .freshProduceListingSwiper1 .fresh-itemCard .region span,
    .freshProduceListingSwiper2 .fresh-itemCard .region span {
        margin-inline-end: 6.5px
    }
}

.freshProduceListingSwiper1 .fresh-itemCard .region img,
.freshProduceListingSwiper2 .fresh-itemCard .region img {
    border-radius: 50%
}

@media(min-width: 992px) {

    .freshProduceListingSwiper1 .fresh-itemCard .region img,
    .freshProduceListingSwiper2 .fresh-itemCard .region img {
        margin-inline-end: 0.4166666667vw
    }
}

@media(min-width: 1600px) {

    .freshProduceListingSwiper1 .fresh-itemCard .region img,
    .freshProduceListingSwiper2 .fresh-itemCard .region img {
        margin-inline-end: 0.3333333333vw
    }
}

@media(max-width: 991px) {

    .freshProduceListingSwiper1 .fresh-itemCard .region img,
    .freshProduceListingSwiper2 .fresh-itemCard .region img {
        margin-inline-end: 4.5px
    }
}

@media(max-width: 575px) {

    .freshProduceListingSwiper1 .fresh-itemCard .region img,
    .freshProduceListingSwiper2 .fresh-itemCard .region img {
        margin-inline-end: 3.9px
    }
}

@media(min-width: 992px) {

    .freshProduceListingSwiper1 .fresh-itemCard .region img,
    .freshProduceListingSwiper2 .fresh-itemCard .region img {
        height: 1.25vw
    }
}

@media(min-width: 1600px) {

    .freshProduceListingSwiper1 .fresh-itemCard .region img,
    .freshProduceListingSwiper2 .fresh-itemCard .region img {
        height: 1vw
    }
}

@media(max-width: 991px) {

    .freshProduceListingSwiper1 .fresh-itemCard .region img,
    .freshProduceListingSwiper2 .fresh-itemCard .region img {
        height: 13.5px
    }
}

@media(max-width: 575px) {

    .freshProduceListingSwiper1 .fresh-itemCard .region img,
    .freshProduceListingSwiper2 .fresh-itemCard .region img {
        height: 11.7px
    }
}

@media(min-width: 992px) {

    .freshProduceListingSwiper1 .fresh-itemCard .region img,
    .freshProduceListingSwiper2 .fresh-itemCard .region img {
        width: 1.25vw
    }
}

@media(min-width: 1600px) {

    .freshProduceListingSwiper1 .fresh-itemCard .region img,
    .freshProduceListingSwiper2 .fresh-itemCard .region img {
        width: 1vw
    }
}

@media(max-width: 991px) {

    .freshProduceListingSwiper1 .fresh-itemCard .region img,
    .freshProduceListingSwiper2 .fresh-itemCard .region img {
        width: 13.5px
    }
}

@media(max-width: 575px) {

    .freshProduceListingSwiper1 .fresh-itemCard .region img,
    .freshProduceListingSwiper2 .fresh-itemCard .region img {
        width: 11.7px
    }
}

.freshProduceListingSwiper1 .fresh-itemCard:hover,
.freshProduceListingSwiper2 .fresh-itemCard:hover {
    transform: translateY(-15px);
    transition: all .4s ease-in;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 40%, white 100%)
}

.freshProduceListingSwiper1 .fresh-itemCard:hover .imgHover .back,
.freshProduceListingSwiper2 .fresh-itemCard:hover .imgHover .back {
    transition: all .4s ease-in-out;
    opacity: 1
}

.freshProduceListingSwiper1 .fresh-itemCard:hover .imgHover .front,
.freshProduceListingSwiper2 .fresh-itemCard:hover .imgHover .front {
    transition: all .4s ease-in-out;
    opacity: 0
}

.freshFruits {
    background-color: rgba(228, 0, 43, .05)
}

@media(min-width: 992px) {
    .freshFruits {
        padding-block: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .freshFruits {
        padding-block: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .freshFruits {
        padding-block: 45px
    }
}

@media(max-width: 575px) {
    .freshFruits {
        padding-block: 39px
    }
}

@media(min-width: 992px) {
    .freshFruits {
        margin-bottom: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .freshFruits {
        margin-bottom: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .freshFruits {
        margin-bottom: 45px
    }
}

@media(max-width: 575px) {
    .freshFruits {
        margin-bottom: 39px
    }
}

.freshFruits .commonBtn.redButton {
    margin: 0
}

.freshVegetables {
    background-color: rgba(222, 249, 236, .5)
}

@media(min-width: 992px) {
    .freshVegetables {
        padding-block: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .freshVegetables {
        padding-block: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .freshVegetables {
        padding-block: 45px
    }
}

@media(max-width: 575px) {
    .freshVegetables {
        padding-block: 39px
    }
}

@media(min-width: 992px) {
    .freshVegetables {
        margin-bottom: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .freshVegetables {
        margin-bottom: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .freshVegetables {
        margin-bottom: 45px
    }
}

@media(max-width: 575px) {
    .freshVegetables {
        margin-bottom: 39px
    }
}

.freshVegetables .commonBtn.redButton {
    margin: 0
}

.Fresh-Package {
    background-color: #f4f6fc
}

.Fresh-Package img {
    height: 100%;
    width: 100%
}

.Fresh-Package .videoContent {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    z-index: 100;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    background-color: rgba(0, 0, 0, .35)
}

.Fresh-Package .videoContent i {
    background-color: #e4002b;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all .2s ease-in-out;
    border: none;
    cursor: pointer;
    color: #fff
}

@media(min-width: 992px) {
    .Fresh-Package .videoContent i {
        width: 4.8611111111vw
    }
}

@media(min-width: 1600px) {
    .Fresh-Package .videoContent i {
        width: 3.8888888889vw
    }
}

@media(max-width: 991px) {
    .Fresh-Package .videoContent i {
        width: 52.5px
    }
}

@media(max-width: 575px) {
    .Fresh-Package .videoContent i {
        width: 45.5px
    }
}

@media(min-width: 992px) {
    .Fresh-Package .videoContent i {
        height: 4.8611111111vw
    }
}

@media(min-width: 1600px) {
    .Fresh-Package .videoContent i {
        height: 3.8888888889vw
    }
}

@media(max-width: 991px) {
    .Fresh-Package .videoContent i {
        height: 52.5px
    }
}

@media(max-width: 575px) {
    .Fresh-Package .videoContent i {
        height: 45.5px
    }
}

.Fresh-Package .videoContent i:hover {
    transform: scale(1.2);
    transition: all .2s ease-in-out;
    border: 1px solid #fff
}

.Fresh-Package .videoContent p {
    font-weight: 500;
    color: #fff;
    line-height: 1;
    text-align: center
}

@media(min-width: 992px) {
    .Fresh-Package .videoContent p {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .Fresh-Package .videoContent p {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .Fresh-Package .videoContent p {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .Fresh-Package .videoContent p {
        font-size: 10.4px
    }
}

@media(min-width: 992px) {
    .Fresh-Package .videoContent p {
        padding-top: 1.5277777778vw
    }
}

@media(min-width: 1600px) {
    .Fresh-Package .videoContent p {
        padding-top: 1.2222222222vw
    }
}

@media(max-width: 991px) {
    .Fresh-Package .videoContent p {
        padding-top: 16.5px
    }
}

@media(max-width: 575px) {
    .Fresh-Package .videoContent p {
        padding-top: 14.3px
    }
}

@media(min-width: 992px) {
    .Fresh-Package .videoContent p {
        padding-bottom: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .Fresh-Package .videoContent p {
        padding-bottom: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .Fresh-Package .videoContent p {
        padding-bottom: 6px
    }
}

@media(max-width: 575px) {
    .Fresh-Package .videoContent p {
        padding-bottom: 5.2px
    }
}

.Fresh-Package .videoContent p span {
    font-weight: 700
}

.Fresh-Package .Fresh-content {
    width: 82%
}

@media(min-width: 992px) {
    .Fresh-Package .Fresh-content {
        padding-top: 3.1944444444vw
    }
}

@media(min-width: 1600px) {
    .Fresh-Package .Fresh-content {
        padding-top: 2.5555555556vw
    }
}

@media(max-width: 991px) {
    .Fresh-Package .Fresh-content {
        padding-top: 34.5px
    }
}

@media(max-width: 575px) {
    .Fresh-Package .Fresh-content {
        padding-top: 29.9px
    }
}

@media(min-width: 992px) {
    .Fresh-Package .Fresh-content {
        padding-bottom: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .Fresh-Package .Fresh-content {
        padding-bottom: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .Fresh-Package .Fresh-content {
        padding-bottom: 22.5px
    }
}

@media(max-width: 575px) {
    .Fresh-Package .Fresh-content {
        padding-bottom: 19.5px
    }
}

@media(min-width: 992px) {
    .Fresh-Package .Fresh-content {
        padding-inline-start: 3.3333333333vw
    }
}

@media(min-width: 1600px) {
    .Fresh-Package .Fresh-content {
        padding-inline-start: 2.6666666667vw
    }
}

@media(max-width: 991px) {
    .Fresh-Package .Fresh-content {
        padding-inline-start: 36px
    }
}

@media(max-width: 575px) {
    .Fresh-Package .Fresh-content {
        padding-inline-start: 31.2px
    }
}

.Fresh-Package .Fresh-content .subTitle {
    font-weight: 400;
    color: #0b1610
}

@media(min-width: 992px) {
    .Fresh-Package .Fresh-content .subTitle {
        font-size: 1.5277777778vw
    }
}

@media(min-width: 1600px) {
    .Fresh-Package .Fresh-content .subTitle {
        font-size: 1.2222222222vw
    }
}

@media(max-width: 991px) {
    .Fresh-Package .Fresh-content .subTitle {
        font-size: 16.5px
    }
}

@media(max-width: 575px) {
    .Fresh-Package .Fresh-content .subTitle {
        font-size: 14.3px
    }
}

@media(min-width: 992px) {
    .Fresh-Package .Fresh-content .subTitle {
        margin-bottom: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .Fresh-Package .Fresh-content .subTitle {
        margin-bottom: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .Fresh-Package .Fresh-content .subTitle {
        margin-bottom: 15px
    }
}

@media(max-width: 575px) {
    .Fresh-Package .Fresh-content .subTitle {
        margin-bottom: 13px
    }
}

@media(min-width: 992px) {
    .Fresh-Package .Fresh-content .section-title {
        margin-bottom: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .Fresh-Package .Fresh-content .section-title {
        margin-bottom: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .Fresh-Package .Fresh-content .section-title {
        margin-bottom: 15px
    }
}

@media(max-width: 575px) {
    .Fresh-Package .Fresh-content .section-title {
        margin-bottom: 13px
    }
}

@media(min-width: 992px) {
    .Fresh-Package .Fresh-content .section-title {
        padding-inline-end: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .Fresh-Package .Fresh-content .section-title {
        padding-inline-end: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .Fresh-Package .Fresh-content .section-title {
        padding-inline-end: 45px
    }
}

@media(max-width: 575px) {
    .Fresh-Package .Fresh-content .section-title {
        padding-inline-end: 39px
    }
}

.Fresh-Package .Fresh-content .section-sub-title {
    color: #3d3d3d;
    font-weight: 500;
    line-height: 1.1
}

@media(min-width: 992px) {
    .Fresh-Package .Fresh-content .section-sub-title {
        margin-bottom: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .Fresh-Package .Fresh-content .section-sub-title {
        margin-bottom: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .Fresh-Package .Fresh-content .section-sub-title {
        margin-bottom: 45px
    }
}

@media(max-width: 575px) {
    .Fresh-Package .Fresh-content .section-sub-title {
        margin-bottom: 39px
    }
}

@media(min-width: 992px) {
    .Fresh-Package .Fresh-content .section-sub-title {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .Fresh-Package .Fresh-content .section-sub-title {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .Fresh-Package .Fresh-content .section-sub-title {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .Fresh-Package .Fresh-content .section-sub-title {
        font-size: 15.6px
    }
}

.Fresh-Package .Fresh-content .commonBtn.redButton {
    margin: 0
}

.freshProduceDetailBanner {
    height: max-content;
    position: relative
}

.freshProduceDetailBanner .backImage img {
    object-fit: cover;
    width: 100%
}

.freshProduceDetailBanner .container-box {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

@media(min-width: 992px) {
    .freshProduceDetailBanner .container-box {
        padding-top: 7.9861111111vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetailBanner .container-box {
        padding-top: 6.3888888889vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetailBanner .container-box {
        padding-top: 86.25px
    }
}

@media(max-width: 575px) {
    .freshProduceDetailBanner .container-box {
        padding-top: 74.75px
    }
}

.freshProduceDetailBanner .container-box .section-sub-title {
    text-transform: uppercase
}

@media(min-width: 992px) {
    .freshProduceDetailBanner .container-box .section-sub-title {
        padding-top: 4.4444444444vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetailBanner .container-box .section-sub-title {
        padding-top: 3.5555555556vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetailBanner .container-box .section-sub-title {
        padding-top: 48px
    }
}

@media(max-width: 575px) {
    .freshProduceDetailBanner .container-box .section-sub-title {
        padding-top: 41.6px
    }
}

.freshProduceDetailBanner .container-box .recipSliderArrows {
    background-color: #fff;
    display: flex;
    width: max-content;
    height: max-content;
    box-shadow: rgba(0, 0, 0, .1) 0px 0px 15px 0px
}

@media(min-width: 992px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows {
        margin-bottom: 0vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows {
        margin-bottom: 0vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows {
        margin-bottom: 0px
    }
}

@media(max-width: 575px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows {
        margin-bottom: 0px
    }
}

@media(min-width: 992px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows {
        border-radius: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows {
        border-radius: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows {
        border-radius: 7.5px
    }
}

@media(max-width: 575px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows {
        border-radius: 6.5px
    }
}

@media(min-width: 992px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows {
        padding: 0.3472222222vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows {
        padding: 0.2777777778vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows {
        padding: 3.75px
    }
}

@media(max-width: 575px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows {
        padding: 3.25px
    }
}

@media(min-width: 992px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows {
        gap: 0.2083333333vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows {
        gap: 0.1666666667vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows {
        gap: 2.25px
    }
}

@media(max-width: 575px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows {
        gap: 1.95px
    }
}

.freshProduceDetailBanner .container-box .recipSliderArrows .recipes-button {
    transition: all .3s ease;
    color: #e4002b
}

@media(min-width: 992px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows .recipes-button {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows .recipes-button {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows .recipes-button {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows .recipes-button {
        font-size: 10.4px
    }
}

@media(min-width: 992px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows .recipes-button {
        border-radius: 0.4861111111vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows .recipes-button {
        border-radius: 0.3888888889vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows .recipes-button {
        border-radius: 5.25px
    }
}

@media(max-width: 575px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows .recipes-button {
        border-radius: 4.55px
    }
}

@media(min-width: 992px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows .recipes-button {
        padding-inline: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows .recipes-button {
        padding-inline: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows .recipes-button {
        padding-inline: 12px
    }
}

@media(max-width: 575px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows .recipes-button {
        padding-inline: 10.4px
    }
}

@media(min-width: 992px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows .recipes-button {
        padding-block: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows .recipes-button {
        padding-block: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows .recipes-button {
        padding-block: 7.5px
    }
}

@media(max-width: 575px) {
    .freshProduceDetailBanner .container-box .recipSliderArrows .recipes-button {
        padding-block: 6.5px
    }
}

.freshProduceDetailBanner .container-box .recipSliderArrows .recipes-button.recipes-next {
    background-color: #e4002b;
    color: #fff
}

.freshProduceDetailBanner .container-box .recipSliderArrows .recipes-button:hover {
    color: #fff;
    background-color: #0b1610
}

@media(max-width: 767px) {
    .freshProduceDetailBanner .backImage {
        height: 100%
    }

    .freshProduceDetailBanner .backImage img {
        height: 100%
    }

    .freshProduceDetailBanner .container-box {
        padding-top: 30px
    }

    .freshProduceDetailBanner .container-box .section-sub-title {
        padding-top: 30px
    }
}

@media(min-width: 992px) {
    .freshProduceDetail {
        padding-bottom: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail {
        padding-bottom: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail {
        padding-bottom: 30px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail {
        padding-bottom: 26px
    }
}

.freshProduceDetail .mainTitle {
    text-align: start;
    font-weight: 700;
    color: #0b1610;
    margin: 0;
    display: none
}

@media(min-width: 992px) {
    .freshProduceDetail .mainTitle {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .mainTitle {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .mainTitle {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .mainTitle {
        font-size: 15.6px
    }
}

@media(min-width: 992px) {
    .freshProduceDetail .mainTitle {
        padding-bottom: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .mainTitle {
        padding-bottom: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .mainTitle {
        padding-bottom: 12px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .mainTitle {
        padding-bottom: 10.4px
    }
}

.freshProduceDetail .mainTitle.active {
    display: block
}

.freshProduceDetail .freshDetailSlider {
    position: relative
}

.freshProduceDetail .freshDetailSlider i {
    cursor: pointer
}

.freshProduceDetail .freshDetailSlider i.fa-chevron-up {
    position: absolute;
    top: 0;
    left: 40px;
    z-index: 20
}

@media(min-width: 992px) {
    .freshProduceDetail .freshDetailSlider i.fa-chevron-up {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .freshDetailSlider i.fa-chevron-up {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .freshDetailSlider i.fa-chevron-up {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .freshDetailSlider i.fa-chevron-up {
        font-size: 15.6px
    }
}

.freshProduceDetail .freshDetailSlider i.fa-chevron-down {
    position: absolute;
    bottom: 0;
    left: 40px;
    z-index: 20
}

@media(min-width: 992px) {
    .freshProduceDetail .freshDetailSlider i.fa-chevron-down {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .freshDetailSlider i.fa-chevron-down {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .freshDetailSlider i.fa-chevron-down {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .freshDetailSlider i.fa-chevron-down {
        font-size: 15.6px
    }
}

.freshProduceDetail .freshDetailSlider .swiper-wrapper {
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: scroll
}

@media(min-width: 992px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper {
        padding-top: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper {
        padding-top: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper {
        padding-top: 22.5px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper {
        padding-top: 19.5px
    }
}

.freshProduceDetail .freshDetailSlider .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start
}

@media(min-width: 992px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard {
        width: 8.3333333333vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard {
        width: 6.6666666667vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard {
        width: 90px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard {
        width: 78px
    }
}

@media(min-width: 992px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard {
        margin-inline-end: 1.7361111111vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard {
        margin-inline-end: 1.3888888889vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard {
        margin-inline-end: 18.75px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard {
        margin-inline-end: 16.25px
    }
}

.freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard .imgBox {
    border: 1px solid rgba(61, 61, 61, .3);
    overflow: hidden
}

@media(min-width: 992px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard .imgBox {
        border-radius: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard .imgBox {
        border-radius: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard .imgBox {
        border-radius: 6px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard .imgBox {
        border-radius: 5.2px
    }
}

@media(min-width: 992px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard .imgBox {
        width: 8.3333333333vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard .imgBox {
        width: 6.6666666667vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard .imgBox {
        width: 90px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard .imgBox {
        width: 78px
    }
}

@media(min-width: 992px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard .imgBox {
        height: 5.5555555556vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard .imgBox {
        height: 4.4444444444vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard .imgBox {
        height: 60px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard .imgBox {
        height: 52px
    }
}

@media(min-width: 992px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard .imgBox {
        margin-bottom: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard .imgBox {
        margin-bottom: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard .imgBox {
        margin-bottom: 7.5px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard .imgBox {
        margin-bottom: 6.5px
    }
}

.freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard img {
    object-fit: contain;
    height: 100%;
    width: 100%
}

.freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard p {
    color: #0b1610;
    margin: 0;
    line-height: 1.5;
    font-weight: 500
}

@media(min-width: 992px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard p {
        font-size: 0.9722222222vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard p {
        font-size: 0.7777777778vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard p {
        font-size: 10.5px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard p {
        font-size: 9.1px
    }
}

@media(min-width: 992px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard p {
        margin-bottom: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard p {
        margin-bottom: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard p {
        margin-bottom: 22.5px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard p {
        margin-bottom: 19.5px
    }
}

.freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard.active p {
    color: #e4002b
}

.freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard.active .imgBox {
    border: .5px solid #e4002b
}

.freshProduceDetail .midContent {
    display: none
}

.freshProduceDetail .midContent.active {
    display: block
}

.freshProduceDetail .midContent .previewImage {
    border: .5px solid rgba(61, 61, 61, .5);
    overflow: hidden
}

@media(min-width: 992px) {
    .freshProduceDetail .midContent .previewImage {
        border-radius: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .midContent .previewImage {
        border-radius: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .midContent .previewImage {
        border-radius: 6px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .midContent .previewImage {
        border-radius: 5.2px
    }
}

@media(min-width: 992px) {
    .freshProduceDetail .midContent .previewImage {
        margin-bottom: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .midContent .previewImage {
        margin-bottom: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .midContent .previewImage {
        margin-bottom: 18px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .midContent .previewImage {
        margin-bottom: 15.6px
    }
}

.freshProduceDetail .midContent .previewImage img {
    object-fit: cover;
    width: 100%;
    display: none
}

.freshProduceDetail .midContent .previewImage img.active {
    display: block
}

.freshProduceDetail .midContent ul {
    list-style: none;
    display: flex;
    padding: 0;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: start
}

.freshProduceDetail .midContent ul li {
    list-style: none;
    border: .5px solid rgba(61, 61, 61, .5);
    overflow: hidden
}

@media(min-width: 992px) {
    .freshProduceDetail .midContent ul li {
        width: 4.4444444444vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .midContent ul li {
        width: 3.5555555556vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .midContent ul li {
        width: 48px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .midContent ul li {
        width: 41.6px
    }
}

@media(min-width: 992px) {
    .freshProduceDetail .midContent ul li {
        height: 4.4444444444vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .midContent ul li {
        height: 3.5555555556vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .midContent ul li {
        height: 48px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .midContent ul li {
        height: 41.6px
    }
}

@media(min-width: 992px) {
    .freshProduceDetail .midContent ul li {
        border-radius: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .midContent ul li {
        border-radius: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .midContent ul li {
        border-radius: 6px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .midContent ul li {
        border-radius: 5.2px
    }
}

.freshProduceDetail .midContent ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
    opacity: .3
}

@media(min-width: 992px) {
    .freshProduceDetail .midContent ul li img {
        margin-bottom: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .midContent ul li img {
        margin-bottom: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .midContent ul li img {
        margin-bottom: 7.5px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .midContent ul li img {
        margin-bottom: 6.5px
    }
}

.freshProduceDetail .midContent ul li.active img {
    opacity: 1;
    display: block
}

.freshProduceDetail .popUpContent {
    display: none
}

.freshProduceDetail .popUpContent.active {
    display: block
}

@media(min-width: 992px) {
    .freshProduceDetail .popUpContent {
        padding-inline-start: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .popUpContent {
        padding-inline-start: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .popUpContent {
        padding-inline-start: 30px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .popUpContent {
        padding-inline-start: 26px
    }
}

.freshProduceDetail .popUpContent .section-sub-title {
    font-weight: 700
}

@media(min-width: 992px) {
    .freshProduceDetail .popUpContent .section-sub-title {
        margin-bottom: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .popUpContent .section-sub-title {
        margin-bottom: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .popUpContent .section-sub-title {
        margin-bottom: 18px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .popUpContent .section-sub-title {
        margin-bottom: 15.6px
    }
}

@media(min-width: 992px) {
    .freshProduceDetail .popUpContent .section-sub-title {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .popUpContent .section-sub-title {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .popUpContent .section-sub-title {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .popUpContent .section-sub-title {
        font-size: 15.6px
    }
}

.freshProduceDetail .popUpContent .originCountry {
    display: flex;
    align-items: center
}

@media(min-width: 992px) {
    .freshProduceDetail .popUpContent .originCountry {
        margin-bottom: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .popUpContent .originCountry {
        margin-bottom: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .popUpContent .originCountry {
        margin-bottom: 18px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .popUpContent .originCountry {
        margin-bottom: 15.6px
    }
}

@media(min-width: 992px) {
    .freshProduceDetail .popUpContent .originCountry {
        gap: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .popUpContent .originCountry {
        gap: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .popUpContent .originCountry {
        gap: 7.5px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .popUpContent .originCountry {
        gap: 6.5px
    }
}

.freshProduceDetail .popUpContent .originCountry p {
    color: #3d3d3d;
    margin: 0;
    font-weight: 500
}

@media(min-width: 992px) {
    .freshProduceDetail .popUpContent .originCountry p {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .popUpContent .originCountry p {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .popUpContent .originCountry p {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .popUpContent .originCountry p {
        font-size: 10.4px
    }
}

.freshProduceDetail .popUpContent .originCountry p span {
    font-weight: 700
}

.freshProduceDetail .popUpContent .originCountry .imgHover {
    position: relative;
    overflow: visible;
    text-align: center
}

.freshProduceDetail .popUpContent .originCountry .imgHover p {
    color: #3d3d3d;
    margin: 0;
    opacity: 0;
    font-weight: 500;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    pointer-events: none
}

@media(min-width: 992px) {
    .freshProduceDetail .popUpContent .originCountry .imgHover p {
        font-size: 0.8333333333vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .popUpContent .originCountry .imgHover p {
        font-size: 0.6666666667vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .popUpContent .originCountry .imgHover p {
        font-size: 9px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .popUpContent .originCountry .imgHover p {
        font-size: 7.8px
    }
}

.freshProduceDetail .popUpContent .originCountry .imgHover img {
    border-radius: 50%;
    object-fit: cover
}

@media(min-width: 992px) {
    .freshProduceDetail .popUpContent .originCountry .imgHover img {
        width: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .popUpContent .originCountry .imgHover img {
        width: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .popUpContent .originCountry .imgHover img {
        width: 18px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .popUpContent .originCountry .imgHover img {
        width: 15.6px
    }
}

@media(min-width: 992px) {
    .freshProduceDetail .popUpContent .originCountry .imgHover img {
        height: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .popUpContent .originCountry .imgHover img {
        height: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .popUpContent .originCountry .imgHover img {
        height: 18px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .popUpContent .originCountry .imgHover img {
        height: 15.6px
    }
}

@media(min-width: 992px) {
    .freshProduceDetail .popUpContent .originCountry .imgHover img {
        margin-inline: 0.3472222222vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .popUpContent .originCountry .imgHover img {
        margin-inline: 0.2777777778vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .popUpContent .originCountry .imgHover img {
        margin-inline: 3.75px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .popUpContent .originCountry .imgHover img {
        margin-inline: 3.25px
    }
}

.freshProduceDetail .popUpContent .originCountry .imgHover:hover p {
    opacity: 1;
    transition: all .3s ease-in-out;
    border-bottom: 1px solid #000;
    top: -25px
}

.freshProduceDetail .popUpContent .DetailTablist {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: row;
    margin: 0
}

@media(min-width: 992px) {
    .freshProduceDetail .popUpContent .DetailTablist {
        gap: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .popUpContent .DetailTablist {
        gap: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .popUpContent .DetailTablist {
        gap: 15px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .popUpContent .DetailTablist {
        gap: 13px
    }
}

.freshProduceDetail .popUpContent .DetailTablist li {
    cursor: pointer;
    color: #3d3d3d;
    font-weight: 500
}

@media(min-width: 992px) {
    .freshProduceDetail .popUpContent .DetailTablist li {
        padding-inline-end: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .popUpContent .DetailTablist li {
        padding-inline-end: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .popUpContent .DetailTablist li {
        padding-inline-end: 7.5px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .popUpContent .DetailTablist li {
        padding-inline-end: 6.5px
    }
}

@media(min-width: 992px) {
    .freshProduceDetail .popUpContent .DetailTablist li {
        padding-bottom: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .popUpContent .DetailTablist li {
        padding-bottom: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .popUpContent .DetailTablist li {
        padding-bottom: 11.25px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .popUpContent .DetailTablist li {
        padding-bottom: 9.75px
    }
}

@media(min-width: 992px) {
    .freshProduceDetail .popUpContent .DetailTablist li {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .popUpContent .DetailTablist li {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .popUpContent .DetailTablist li {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .popUpContent .DetailTablist li {
        font-size: 10.4px
    }
}

.freshProduceDetail .popUpContent .DetailTablist li.active {
    font-weight: 700;
    color: #e4002b;
    border-bottom: 2px solid #3d3d3d
}

.freshProduceDetail .popUpContent .DynamicContent {
    border-top: .5px solid #3d3d3d
}

@media(min-width: 992px) {
    .freshProduceDetail .popUpContent .DynamicContent {
        padding-top: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .popUpContent .DynamicContent {
        padding-top: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .popUpContent .DynamicContent {
        padding-top: 18px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .popUpContent .DynamicContent {
        padding-top: 15.6px
    }
}

.freshProduceDetail .popUpContent .DynamicContent p {
    display: none;
    transition: all .5s ease-in-out
}

.freshProduceDetail .popUpContent .DynamicContent p.active {
    transition: all .5s ease-in-out;
    display: block;
    color: #3d3d3d;
    line-height: 1.5
}

@media(min-width: 992px) {
    .freshProduceDetail .popUpContent .DynamicContent p.active {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .popUpContent .DynamicContent p.active {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .popUpContent .DynamicContent p.active {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .popUpContent .DynamicContent p.active {
        font-size: 10.4px
    }
}

@media(min-width: 992px) {
    .freshProduceDetail .popUpContent .DynamicContent p.active {
        margin-bottom: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .popUpContent .DynamicContent p.active {
        margin-bottom: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .popUpContent .DynamicContent p.active {
        margin-bottom: 18px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .popUpContent .DynamicContent p.active {
        margin-bottom: 15.6px
    }
}

.freshProduceDetail .popUpContent .socialLinks {
    display: flex;
    flex-direction: row
}

@media(min-width: 992px) {
    .freshProduceDetail .popUpContent .socialLinks {
        margin-top: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .popUpContent .socialLinks {
        margin-top: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .popUpContent .socialLinks {
        margin-top: 18px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .popUpContent .socialLinks {
        margin-top: 15.6px
    }
}

@media(min-width: 992px) {
    .freshProduceDetail .popUpContent .socialLinks {
        gap: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .popUpContent .socialLinks {
        gap: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .popUpContent .socialLinks {
        gap: 7.5px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .popUpContent .socialLinks {
        gap: 6.5px
    }
}

.freshProduceDetail .popUpContent .socialLinks p {
    color: #3d3d3d;
    margin: 0;
    line-height: 1.5;
    font-weight: 500
}

@media(min-width: 992px) {
    .freshProduceDetail .popUpContent .socialLinks p {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .popUpContent .socialLinks p {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .popUpContent .socialLinks p {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .popUpContent .socialLinks p {
        font-size: 10.4px
    }
}

.freshProduceDetail .popUpContent .socialLinks ul {
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
    flex-direction: row;
    margin: 0
}

@media(min-width: 992px) {
    .freshProduceDetail .popUpContent .socialLinks ul {
        gap: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .popUpContent .socialLinks ul {
        gap: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .popUpContent .socialLinks ul {
        gap: 7.5px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .popUpContent .socialLinks ul {
        gap: 6.5px
    }
}

.freshProduceDetail .popUpContent .socialLinks ul li a i {
    color: #0b1610
}

@media(min-width: 992px) {
    .freshProduceDetail .popUpContent .socialLinks ul li a i {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .popUpContent .socialLinks ul li a i {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .popUpContent .socialLinks ul li a i {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .popUpContent .socialLinks ul li a i {
        font-size: 15.6px
    }
}

@media(min-width: 992px) {
    .freshProduceDetail .popUpContent .socialLinks ul li a i {
        height: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .popUpContent .socialLinks ul li a i {
        height: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .popUpContent .socialLinks ul li a i {
        height: 18px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .popUpContent .socialLinks ul li a i {
        height: 15.6px
    }
}

@media(min-width: 992px) {
    .freshProduceDetail .popUpContent .socialLinks ul li a i {
        width: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .freshProduceDetail .popUpContent .socialLinks ul li a i {
        width: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .popUpContent .socialLinks ul li a i {
        width: 18px
    }
}

@media(max-width: 575px) {
    .freshProduceDetail .popUpContent .socialLinks ul li a i {
        width: 15.6px
    }
}

.freshProduceDetail .popUpContent .socialLinks ul li:hover a i {
    color: #e4002b
}

.freshProduce-modal .modal-dialog .modal-content {
    background-color: #fef6f4;
    position: relative;
    border: 1px solid #e4002b
}

.freshProduce-modal .modal-dialog .modal-content .modal-body .popUpLeft {
    flex: 0 0 35%;
    max-width: 35%
}

.freshProduce-modal .modal-dialog .modal-content .modal-body .popUpLeft .popUpSlider .popupSlider-Top {
    margin-bottom: 20px
}

.freshProduce-modal .modal-dialog .modal-content .modal-body .popUpLeft .popUpSlider .popupSlider-Top .swiper-slide img {
    overflow: hidden;
    height: 100%;
    width: 100%;
    object-fit: cover
}

@media(min-width: 992px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpLeft .popUpSlider .popupSlider-Top .swiper-slide img {
        border-radius: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpLeft .popUpSlider .popupSlider-Top .swiper-slide img {
        border-radius: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpLeft .popUpSlider .popupSlider-Top .swiper-slide img {
        border-radius: 6px
    }
}

@media(max-width: 575px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpLeft .popUpSlider .popupSlider-Top .swiper-slide img {
        border-radius: 5.2px
    }
}

.freshProduce-modal .modal-dialog .modal-content .modal-body .popUpLeft .popUpSlider .popupSlider-Bottom .swiper-slide img {
    overflow: hidden;
    height: 100%;
    width: 100%;
    object-fit: cover
}

@media(min-width: 992px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpLeft .popUpSlider .popupSlider-Bottom .swiper-slide img {
        border-radius: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpLeft .popUpSlider .popupSlider-Bottom .swiper-slide img {
        border-radius: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpLeft .popUpSlider .popupSlider-Bottom .swiper-slide img {
        border-radius: 6px
    }
}

@media(max-width: 575px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpLeft .popUpSlider .popupSlider-Bottom .swiper-slide img {
        border-radius: 5.2px
    }
}

@media(min-width: 992px) {

    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpLeft .popUpSlider .swiper-button-next:after,
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpLeft .popUpSlider .swiper-button-prev:after {
        font-size: 1.3888888889vw
    }
}

@media(min-width: 1600px) {

    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpLeft .popUpSlider .swiper-button-next:after,
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpLeft .popUpSlider .swiper-button-prev:after {
        font-size: 1.1111111111vw
    }
}

@media(max-width: 991px) {

    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpLeft .popUpSlider .swiper-button-next:after,
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpLeft .popUpSlider .swiper-button-prev:after {
        font-size: 15px
    }
}

@media(max-width: 575px) {

    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpLeft .popUpSlider .swiper-button-next:after,
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpLeft .popUpSlider .swiper-button-prev:after {
        font-size: 13px
    }
}

.freshProduce-modal .modal-dialog .modal-content .modal-body .popUpLeft .popUpSlider .swiper-button-next {
    color: #3d3d3d;
    right: 0;
    background: linear-gradient(90deg, rgba(228, 0, 43, 0) 25%, rgba(0, 0, 0, 0.065) 80%)
}

@media(min-width: 992px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpLeft .popUpSlider .swiper-button-next {
        padding-inline: 1.7361111111vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpLeft .popUpSlider .swiper-button-next {
        padding-inline: 1.3888888889vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpLeft .popUpSlider .swiper-button-next {
        padding-inline: 18.75px
    }
}

@media(max-width: 575px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpLeft .popUpSlider .swiper-button-next {
        padding-inline: 16.25px
    }
}

.freshProduce-modal .modal-dialog .modal-content .modal-body .popUpLeft .popUpSlider .swiper-button-prev {
    left: 0;
    color: #3d3d3d;
    background: linear-gradient(270deg, rgba(228, 0, 43, 0) 25%, rgba(0, 0, 0, 0.065) 80%)
}

@media(min-width: 992px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpLeft .popUpSlider .swiper-button-prev {
        padding-inline: 1.7361111111vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpLeft .popUpSlider .swiper-button-prev {
        padding-inline: 1.3888888889vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpLeft .popUpSlider .swiper-button-prev {
        padding-inline: 18.75px
    }
}

@media(max-width: 575px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpLeft .popUpSlider .swiper-button-prev {
        padding-inline: 16.25px
    }
}

.freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight {
    flex: 0 0 65%;
    max-width: 65%
}

@media(min-width: 992px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent {
        padding-inline-start: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent {
        padding-inline-start: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent {
        padding-inline-start: 45px
    }
}

@media(max-width: 575px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent {
        padding-inline-start: 39px
    }
}

@media(min-width: 992px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent {
        padding-inline-end: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent {
        padding-inline-end: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent {
        padding-inline-end: 30px
    }
}

@media(max-width: 575px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent {
        padding-inline-end: 26px
    }
}

@media(min-width: 992px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent {
        padding-top: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent {
        padding-top: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent {
        padding-top: 30px
    }
}

@media(max-width: 575px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent {
        padding-top: 26px
    }
}

.freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .section-sub-title {
    font-weight: 700
}

@media(min-width: 992px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .section-sub-title {
        margin-bottom: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .section-sub-title {
        margin-bottom: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .section-sub-title {
        margin-bottom: 18px
    }
}

@media(max-width: 575px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .section-sub-title {
        margin-bottom: 15.6px
    }
}

@media(min-width: 992px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .section-sub-title {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .section-sub-title {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .section-sub-title {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .section-sub-title {
        font-size: 15.6px
    }
}

.freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .originCountry {
    display: flex;
    align-items: center
}

@media(min-width: 992px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .originCountry {
        margin-bottom: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .originCountry {
        margin-bottom: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .originCountry {
        margin-bottom: 30px
    }
}

@media(max-width: 575px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .originCountry {
        margin-bottom: 26px
    }
}

@media(min-width: 992px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .originCountry {
        gap: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .originCountry {
        gap: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .originCountry {
        gap: 7.5px
    }
}

@media(max-width: 575px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .originCountry {
        gap: 6.5px
    }
}

.freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .originCountry p {
    color: #0b1610;
    margin: 0;
    font-weight: 500
}

@media(min-width: 992px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .originCountry p {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .originCountry p {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .originCountry p {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .originCountry p {
        font-size: 10.4px
    }
}

.freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .originCountry p span {
    font-weight: 700
}

.freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .originCountry img {
    border-radius: 50%;
    object-fit: cover
}

@media(min-width: 992px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .originCountry img {
        width: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .originCountry img {
        width: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .originCountry img {
        width: 18px
    }
}

@media(max-width: 575px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .originCountry img {
        width: 15.6px
    }
}

@media(min-width: 992px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .originCountry img {
        height: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .originCountry img {
        height: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .originCountry img {
        height: 18px
    }
}

@media(max-width: 575px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .originCountry img {
        height: 15.6px
    }
}

.freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent #tabList {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: row;
    margin: 0
}

@media(min-width: 992px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent #tabList {
        gap: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent #tabList {
        gap: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent #tabList {
        gap: 15px
    }
}

@media(max-width: 575px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent #tabList {
        gap: 13px
    }
}

.freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent #tabList li {
    cursor: pointer;
    color: #0b1610;
    font-weight: 500
}

@media(min-width: 992px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent #tabList li {
        padding-inline-end: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent #tabList li {
        padding-inline-end: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent #tabList li {
        padding-inline-end: 7.5px
    }
}

@media(max-width: 575px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent #tabList li {
        padding-inline-end: 6.5px
    }
}

@media(min-width: 992px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent #tabList li {
        padding-bottom: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent #tabList li {
        padding-bottom: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent #tabList li {
        padding-bottom: 11.25px
    }
}

@media(max-width: 575px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent #tabList li {
        padding-bottom: 9.75px
    }
}

@media(min-width: 992px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent #tabList li {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent #tabList li {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent #tabList li {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent #tabList li {
        font-size: 10.4px
    }
}

.freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent #tabList li.active {
    font-weight: 700;
    border-bottom: 2px solid #0b1610
}

.freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .DynamicContent {
    border-top: .5px solid #0b1610
}

@media(min-width: 992px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .DynamicContent {
        padding-top: 3.3333333333vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .DynamicContent {
        padding-top: 2.6666666667vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .DynamicContent {
        padding-top: 36px
    }
}

@media(max-width: 575px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .DynamicContent {
        padding-top: 31.2px
    }
}

.freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .DynamicContent p {
    display: none
}

.freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .DynamicContent p.active {
    display: block;
    color: #3d3d3d;
    line-height: 1.5
}

@media(min-width: 992px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .DynamicContent p.active {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .DynamicContent p.active {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .DynamicContent p.active {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .DynamicContent p.active {
        font-size: 10.4px
    }
}

.freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .socialLinks {
    display: flex;
    flex-direction: row
}

@media(min-width: 992px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .socialLinks {
        gap: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .socialLinks {
        gap: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .socialLinks {
        gap: 7.5px
    }
}

@media(max-width: 575px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .socialLinks {
        gap: 6.5px
    }
}

.freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .socialLinks p {
    color: #3d3d3d;
    margin: 0;
    line-height: 1.5;
    font-weight: 700
}

@media(min-width: 992px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .socialLinks p {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .socialLinks p {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .socialLinks p {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .socialLinks p {
        font-size: 10.4px
    }
}

.freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .socialLinks ul {
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
    flex-direction: row;
    margin: 0
}

@media(min-width: 992px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .socialLinks ul {
        gap: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .socialLinks ul {
        gap: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .socialLinks ul {
        gap: 7.5px
    }
}

@media(max-width: 575px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .socialLinks ul {
        gap: 6.5px
    }
}

.freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .socialLinks ul li a i {
    color: #0b1610
}

@media(min-width: 992px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .socialLinks ul li a i {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .socialLinks ul li a i {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .socialLinks ul li a i {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .socialLinks ul li a i {
        font-size: 15.6px
    }
}

@media(min-width: 992px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .socialLinks ul li a i {
        height: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .socialLinks ul li a i {
        height: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .socialLinks ul li a i {
        height: 18px
    }
}

@media(max-width: 575px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .socialLinks ul li a i {
        height: 15.6px
    }
}

@media(min-width: 992px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .socialLinks ul li a i {
        width: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .socialLinks ul li a i {
        width: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .socialLinks ul li a i {
        width: 18px
    }
}

@media(max-width: 575px) {
    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .socialLinks ul li a i {
        width: 15.6px
    }
}

.freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent .socialLinks ul li:hover a i {
    color: #e4002b
}

.freshProduce-modal .modal-dialog .modal-content button.btn-close {
    position: absolute;
    opacity: 1;
    z-index: 1000;
    background: rgba(0, 0, 0, 0) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="%23e4002b" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z"/></svg>') center/1em auto no-repeat
}

@media(min-width: 992px) {
    .freshProduce-modal .modal-dialog .modal-content button.btn-close {
        top: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modal .modal-dialog .modal-content button.btn-close {
        top: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modal .modal-dialog .modal-content button.btn-close {
        top: 15px
    }
}

@media(max-width: 575px) {
    .freshProduce-modal .modal-dialog .modal-content button.btn-close {
        top: 13px
    }
}

@media(min-width: 992px) {
    .freshProduce-modal .modal-dialog .modal-content button.btn-close {
        right: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modal .modal-dialog .modal-content button.btn-close {
        right: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modal .modal-dialog .modal-content button.btn-close {
        right: 15px
    }
}

@media(max-width: 575px) {
    .freshProduce-modal .modal-dialog .modal-content button.btn-close {
        right: 13px
    }
}

.freshProduce-modalPopup .modal-content {
    overflow: hidden
}

@media(min-width: 992px) {
    .freshProduce-modalPopup .modal-content {
        border-radius: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modalPopup .modal-content {
        border-radius: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modalPopup .modal-content {
        border-radius: 12px
    }
}

@media(max-width: 575px) {
    .freshProduce-modalPopup .modal-content {
        border-radius: 10.4px
    }
}

.freshProduce-modalPopup .modal-content .modal-body {
    background-color: #e6e8f4;
    padding: 0
}

.freshProduce-modalPopup .modal-content .modal-body .carouselCard {
    display: flex;
    overflow: hidden;
    width: 100%;
    position: relative
}

.freshProduce-modalPopup .modal-content .modal-body .carouselCard .content {
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media(min-width: 992px) {
    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content {
        padding-block: 6.5972222222vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content {
        padding-block: 5.2777777778vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content {
        padding-block: 71.25px
    }
}

@media(max-width: 575px) {
    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content {
        padding-block: 61.75px
    }
}

@media(min-width: 992px) {
    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content {
        padding-inline-start: 5.5555555556vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content {
        padding-inline-start: 4.4444444444vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content {
        padding-inline-start: 60px
    }
}

@media(max-width: 575px) {
    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content {
        padding-inline-start: 52px
    }
}

@media(min-width: 992px) {
    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content {
        padding-inline-end: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content {
        padding-inline-end: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content {
        padding-inline-end: 22.5px
    }
}

@media(max-width: 575px) {
    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content {
        padding-inline-end: 19.5px
    }
}

@media(min-width: 992px) {

    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content .section-sub-title,
    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content .section-title {
        margin-bottom: 0vw
    }
}

@media(min-width: 1600px) {

    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content .section-sub-title,
    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content .section-title {
        margin-bottom: 0vw
    }
}

@media(max-width: 991px) {

    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content .section-sub-title,
    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content .section-title {
        margin-bottom: 0px
    }
}

@media(max-width: 575px) {

    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content .section-sub-title,
    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content .section-title {
        margin-bottom: 0px
    }
}

.freshProduce-modalPopup .modal-content .modal-body .carouselCard .content .subDesc {
    max-height: 250px;
    overflow-y: auto;
    padding-inline-end: 24px;
    font-weight: 400;
    line-height: 1.2;
    color: #3d3d3d
}

@media(min-width: 992px) {
    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content .subDesc {
        margin-bottom: 0vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content .subDesc {
        margin-bottom: 0vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content .subDesc {
        margin-bottom: 0px
    }
}

@media(max-width: 575px) {
    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content .subDesc {
        margin-bottom: 0px
    }
}

@media(min-width: 992px) {
    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content .subDesc {
        margin-top: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content .subDesc {
        margin-top: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content .subDesc {
        margin-top: 22.5px
    }
}

@media(max-width: 575px) {
    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content .subDesc {
        margin-top: 19.5px
    }
}

@media(min-width: 992px) {
    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content .subDesc {
        font-size: 1.25vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content .subDesc {
        font-size: 1vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content .subDesc {
        font-size: 13.5px
    }
}

@media(max-width: 575px) {
    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content .subDesc {
        font-size: 11.7px
    }
}

.freshProduce-modalPopup .modal-content .modal-body .carouselCard .content .subDesc::-webkit-scrollbar {
    width: 3px;
    background-color: rgba(0, 22, 137, .2);
    border-radius: 100px
}

.freshProduce-modalPopup .modal-content .modal-body .carouselCard .content .subDesc::-webkit-scrollbar-thumb {
    width: 3px;
    background-color: #0b1610;
    border-radius: 100px
}

.freshProduce-modalPopup .modal-content .modal-body .carouselCard .sideImg {
    height: 100%;
    position: absolute;
    right: 0;
    width: 40%
}

.freshProduce-modalPopup .modal-content .modal-body .carouselCard .sideImg img {
    filter: drop-shadow(0px 4px 80px rgba(0, 0, 0, 0.15));
    width: 100%;
    height: 100%;
    object-fit: cover
}

.freshProduce-modalPopup .modal-content button.btn-close {
    position: absolute;
    opacity: 1;
    z-index: 1000;
    font-size: 24px;
    background: rgba(0, 0, 0, 0) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="%23e4002b" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z"/></svg>') center/1em auto no-repeat;
    background-color: #fff;
    border-radius: 50%;
    padding: 8px
}

@media(min-width: 992px) {
    .freshProduce-modalPopup .modal-content button.btn-close {
        top: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modalPopup .modal-content button.btn-close {
        top: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modalPopup .modal-content button.btn-close {
        top: 11.25px
    }
}

@media(max-width: 575px) {
    .freshProduce-modalPopup .modal-content button.btn-close {
        top: 9.75px
    }
}

@media(min-width: 992px) {
    .freshProduce-modalPopup .modal-content button.btn-close {
        right: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .freshProduce-modalPopup .modal-content button.btn-close {
        right: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .freshProduce-modalPopup .modal-content button.btn-close {
        right: 11.25px
    }
}

@media(max-width: 575px) {
    .freshProduce-modalPopup .modal-content button.btn-close {
        right: 9.75px
    }
}

@media(max-width: 991px) {
    .freshProduceDetail .midContent.active {
        display: flex;
        gap: 20px
    }

    .freshProduceDetail .midContent.active ul {
        flex-direction: column
    }

    .freshProduceDetail .popUpContent {
        padding-inline-start: 0;
        padding-top: 20px
    }

    .fresh-produce-banner .breadcrumb-golden {
        top: 30px
    }

    .fresh-produce-banner .container img {
        height: 100%
    }

    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .content {
        width: 100%;
        padding: 25px
    }

    .freshProduce-modalPopup .modal-content .modal-body .carouselCard .sideImg {
        display: none
    }

    .fresh-organic-section .organic-content .section-sub-title {
        padding-top: 0px
    }

    .fresh-organic-section .organic-content .commonBtn {
        margin-top: 8px
    }

    .freshProduce-modal .modal-dialog .modal-content {
        height: 90vh
    }

    .freshProduce-modal .modal-dialog .modal-content button.btn-close {
        font-size: 15px
    }

    .freshProduce-modal .modal-dialog .modal-content .modal-body {
        overflow-y: scroll
    }

    .freshProduce-modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
        width: 8px;
        background-color: rgba(0, 0, 0, 0)
    }

    .freshProduce-modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb {
        margin-top: 20px;
        width: 8px;
        background-color: #0b1610;
        border-radius: 100px
    }

    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpLeft {
        max-width: 100%;
        flex: 0 0 100%
    }

    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight {
        max-width: 100%;
        flex: 0 0 100%
    }

    .freshProduce-modal .modal-dialog .modal-content .modal-body .popUpRight .popUpContent {
        padding-inline: 0px
    }
}

@media(max-width: 767px) {
    .fresh-produce-banner .banner-content {
        padding: 150px 0px
    }

    .freshProduceDetail .mainTitle {
        padding-bottom: 20px
    }

    .freshProduceDetail .freshDetailSlider {
        height: auto;
        width: 90vw;
        margin-inline: auto
    }

    .freshProduceDetail .freshDetailSlider i.fa-chevron-up {
        position: absolute;
        top: 50%;
        transform: translateY(-50%) rotate(-90deg);
        left: 0px;
        z-index: 20
    }
}

@media(max-width: 767px)and (min-width: 992px) {
    .freshProduceDetail .freshDetailSlider i.fa-chevron-up {
        font-size: 1.6666666667vw
    }
}

@media(max-width: 767px)and (min-width: 1600px) {
    .freshProduceDetail .freshDetailSlider i.fa-chevron-up {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 767px)and (max-width: 991px) {
    .freshProduceDetail .freshDetailSlider i.fa-chevron-up {
        font-size: 18px
    }
}

@media(max-width: 767px)and (max-width: 575px) {
    .freshProduceDetail .freshDetailSlider i.fa-chevron-up {
        font-size: 15.6px
    }
}

@media(max-width: 767px) {
    .freshProduceDetail .freshDetailSlider i.fa-chevron-down {
        position: absolute;
        top: 50%;
        right: 0px;
        transform: translateY(-50%) rotate(-90deg);
        z-index: 20;
        left: unset
    }
}

@media(max-width: 767px)and (min-width: 992px) {
    .freshProduceDetail .freshDetailSlider i.fa-chevron-down {
        font-size: 1.6666666667vw
    }
}

@media(max-width: 767px)and (min-width: 1600px) {
    .freshProduceDetail .freshDetailSlider i.fa-chevron-down {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 767px)and (max-width: 991px) {
    .freshProduceDetail .freshDetailSlider i.fa-chevron-down {
        font-size: 18px
    }
}

@media(max-width: 767px)and (max-width: 575px) {
    .freshProduceDetail .freshDetailSlider i.fa-chevron-down {
        font-size: 15.6px
    }
}

@media(max-width: 767px) {
    .freshProduceDetail .freshDetailSlider .swiper-wrapper {
        flex-direction: row;
        overflow-y: hidden;
        overflow-x: scroll;
        padding: 0;
        padding-bottom: 20px
    }

    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard {
        padding: 0;
        text-wrap: wrap;
        margin: 0;
        margin-inline-end: 30px
    }

    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard:last-child {
        margin-bottom: 0px;
        margin-inline-end: 90px
    }

    .freshProduceDetail .freshDetailSlider .swiper-wrapper .leftCard p {
        width: 100px
    }

    .freshProduceDetail .midContent.active {
        display: block
    }

    .freshProduceDetail .midContent.active ul {
        flex-direction: row
    }

    .freshProduceDetail .popUpContent {
        padding-inline-start: 0;
        padding-top: 20px
    }

    .Fresh-Package .Fresh-content {
        width: 100%;
        padding-inline: 0;
        padding-block: 40px
    }

    .fresh-organic-section .organic-content .section-sub-title {
        padding-top: 0px
    }

    .fresh-organic-section .organic-content img {
        max-width: 250px;
        margin-inline: auto
    }
}

@media(max-width: 1200px)and (min-width: 992px) {
    .freshProduce-modalPopup .modal-content {
        height: 450px
    }

    .freshProduce-modalPopup .modal-content .modal-body {
        height: 100%
    }

    .freshProduce-modalPopup .modal-content .modal-body .carouselCard {
        height: 100%
    }
}

@media(min-width: 992px) {
    [lang=ar] .fresh-organic-section .organic-content .section-title {
        padding-top: 5.2083333333vw
    }
}

@media(min-width: 1600px) {
    [lang=ar] .fresh-organic-section .organic-content .section-title {
        padding-top: 4.1666666667vw
    }
}

@media(max-width: 991px) {
    [lang=ar] .fresh-organic-section .organic-content .section-title {
        padding-top: 56.25px
    }
}

@media(max-width: 575px) {
    [lang=ar] .fresh-organic-section .organic-content .section-title {
        padding-top: 48.75px
    }
}

@media(min-width: 992px) {
    [lang=ar] .fresh-organic-section .organic-content .section-title {
        margin-bottom: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    [lang=ar] .fresh-organic-section .organic-content .section-title {
        margin-bottom: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    [lang=ar] .fresh-organic-section .organic-content .section-title {
        margin-bottom: 6px
    }
}

@media(max-width: 575px) {
    [lang=ar] .fresh-organic-section .organic-content .section-title {
        margin-bottom: 5.2px
    }
}

@media(max-width: 991px) {
    [lang=ar] .fresh-organic-section .organic-content .section-title {
        padding-top: 10px
    }
}

[lang=ar] .freshProduce-modal .modal-dialog .modal-content button.btn-close {
    left: 20px;
    right: unset
}

[lang=ar] .freshProduceDetail .freshDetailSlider i.fa-chevron-down {
    right: 40px;
    left: unset
}

@media(max-width: 767px) {
    [lang=ar] .freshProduceDetail .freshDetailSlider i.fa-chevron-down {
        right: 0
    }
}

[lang=ar] .freshProduceDetail .freshDetailSlider i.fa-chevron-up {
    right: 40px;
    left: unset
}

@media(max-width: 767px) {
    [lang=ar] .freshProduceDetail .freshDetailSlider i.fa-chevron-up {
        left: 0;
        right: unset
    }
}

[lang=ar] .freshProduce-modalPopup .modal-content button.btn-close {
    left: 20px;
    right: unset
}

[lang=ar] .freshProduce-modalPopup .modal-content .modal-body .carouselCard .sideImg {
    right: unset;
    left: 0;
    transform: scaleX(-1)
}

[lang=ar] .fresh-produce-banner .section-image {
    transform: scaleX(-1)
}

@media(min-width: 992px) {
    .Policies-Section .breadcrumb-golden {
        padding-top: 7.9861111111vw
    }
}

@media(min-width: 1600px) {
    .Policies-Section .breadcrumb-golden {
        padding-top: 6.3888888889vw
    }
}

@media(max-width: 991px) {
    .Policies-Section .breadcrumb-golden {
        padding-top: 86.25px
    }
}

@media(max-width: 575px) {
    .Policies-Section .breadcrumb-golden {
        padding-top: 74.75px
    }
}

@media(min-width: 992px) {
    .Policies-Section .breadcrumb-golden {
        margin-bottom: 5.5555555556vw
    }
}

@media(min-width: 1600px) {
    .Policies-Section .breadcrumb-golden {
        margin-bottom: 4.4444444444vw
    }
}

@media(max-width: 991px) {
    .Policies-Section .breadcrumb-golden {
        margin-bottom: 60px
    }
}

@media(max-width: 575px) {
    .Policies-Section .breadcrumb-golden {
        margin-bottom: 52px
    }
}

.Policies-Section .breadcrumb-golden ul {
    margin: 0
}

@media(min-width: 992px) {
    .Policies-Section .section-title {
        margin-bottom: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .Policies-Section .section-title {
        margin-bottom: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .Policies-Section .section-title {
        margin-bottom: 18px
    }
}

@media(max-width: 575px) {
    .Policies-Section .section-title {
        margin-bottom: 15.6px
    }
}

.Policies-Section .heading {
    color: #000
}

@media(min-width: 992px) {
    .Policies-Section .heading {
        margin-bottom: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .Policies-Section .heading {
        margin-bottom: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .Policies-Section .heading {
        margin-bottom: 18px
    }
}

@media(max-width: 575px) {
    .Policies-Section .heading {
        margin-bottom: 15.6px
    }
}

@media(min-width: 992px) {
    .Policies-Section .heading {
        font-size: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .Policies-Section .heading {
        font-size: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .Policies-Section .heading {
        font-size: 22.5px
    }
}

@media(max-width: 575px) {
    .Policies-Section .heading {
        font-size: 19.5px
    }
}

.Policies-Section .sub-heading {
    color: #000
}

@media(min-width: 992px) {
    .Policies-Section .sub-heading {
        margin-bottom: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .Policies-Section .sub-heading {
        margin-bottom: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .Policies-Section .sub-heading {
        margin-bottom: 18px
    }
}

@media(max-width: 575px) {
    .Policies-Section .sub-heading {
        margin-bottom: 15.6px
    }
}

@media(min-width: 992px) {
    .Policies-Section .sub-heading {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .Policies-Section .sub-heading {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .Policies-Section .sub-heading {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .Policies-Section .sub-heading {
        font-size: 15.6px
    }
}

.Policies-Section .section-subdesc {
    color: #3d3d3d
}

@media(min-width: 992px) {
    .Policies-Section .section-subdesc {
        margin-bottom: 3.3333333333vw
    }
}

@media(min-width: 1600px) {
    .Policies-Section .section-subdesc {
        margin-bottom: 2.6666666667vw
    }
}

@media(max-width: 991px) {
    .Policies-Section .section-subdesc {
        margin-bottom: 36px
    }
}

@media(max-width: 575px) {
    .Policies-Section .section-subdesc {
        margin-bottom: 31.2px
    }
}

@media(min-width: 992px) {
    .Policies-Section .section-subdesc {
        font-size: 1.25vw
    }
}

@media(min-width: 1600px) {
    .Policies-Section .section-subdesc {
        font-size: 1vw
    }
}

@media(max-width: 991px) {
    .Policies-Section .section-subdesc {
        font-size: 13.5px
    }
}

@media(max-width: 575px) {
    .Policies-Section .section-subdesc {
        font-size: 11.7px
    }
}

@media(max-width: 991px) {
    .Policies-Section .breadcrumb-golden {
        padding-top: 10px;
        margin-bottom: 30px
    }
}

.our-companies-section {
    background-color: #e5e4eb
}

@media(min-width: 992px) {
    .our-companies-section .breadcrumb-golden {
        margin-block-end: 5.6944444444vw
    }
}

@media(min-width: 1600px) {
    .our-companies-section .breadcrumb-golden {
        margin-block-end: 4.5555555556vw
    }
}

@media(max-width: 991px) {
    .our-companies-section .breadcrumb-golden {
        margin-block-end: 61.5px
    }
}

@media(max-width: 575px) {
    .our-companies-section .breadcrumb-golden {
        margin-block-end: 53.3px
    }
}

@media(min-width: 992px) {
    .our-companies-section .our-companies-content .section-title {
        margin-block-end: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .our-companies-section .our-companies-content .section-title {
        margin-block-end: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .our-companies-section .our-companies-content .section-title {
        margin-block-end: 30px
    }
}

@media(max-width: 575px) {
    .our-companies-section .our-companies-content .section-title {
        margin-block-end: 26px
    }
}

@media(min-width: 992px) {
    .our-companies-section .our-companies-content .section-subdesc {
        margin-inline-end: 4.8611111111vw
    }
}

@media(min-width: 1600px) {
    .our-companies-section .our-companies-content .section-subdesc {
        margin-inline-end: 3.8888888889vw
    }
}

@media(max-width: 991px) {
    .our-companies-section .our-companies-content .section-subdesc {
        margin-inline-end: 52.5px
    }
}

@media(max-width: 575px) {
    .our-companies-section .our-companies-content .section-subdesc {
        margin-inline-end: 45.5px
    }
}

@media(min-width: 992px) {
    .our-companies-section img {
        max-width: 31.8055555556vw
    }
}

@media(min-width: 1600px) {
    .our-companies-section img {
        max-width: 25.4444444444vw
    }
}

@media(max-width: 991px) {
    .our-companies-section img {
        max-width: 343.5px
    }
}

@media(max-width: 575px) {
    .our-companies-section img {
        max-width: 297.7px
    }
}

@media(min-width: 992px) {
    .our-companies-section img {
        margin-inline-start: 4.8611111111vw
    }
}

@media(min-width: 1600px) {
    .our-companies-section img {
        margin-inline-start: 3.8888888889vw
    }
}

@media(max-width: 991px) {
    .our-companies-section img {
        margin-inline-start: 52.5px
    }
}

@media(max-width: 575px) {
    .our-companies-section img {
        margin-inline-start: 45.5px
    }
}

@media(min-width: 992px) {
    .our-companies-cards-section {
        padding-block-end: 6.9444444444vw
    }
}

@media(min-width: 1600px) {
    .our-companies-cards-section {
        padding-block-end: 5.5555555556vw
    }
}

@media(max-width: 991px) {
    .our-companies-cards-section {
        padding-block-end: 75px
    }
}

@media(max-width: 575px) {
    .our-companies-cards-section {
        padding-block-end: 65px
    }
}

.our-companies-cards-section .cards {
    width: 100%;
    display: grid;
    grid-template-rows: repeat(var(--cards-count), var(--card-height))
}

@media(min-width: 992px) {
    .our-companies-cards-section .cards {
        margin-block-start: -9.0277777778vw
    }
}

@media(min-width: 1600px) {
    .our-companies-cards-section .cards {
        margin-block-start: -7.2222222222vw
    }
}

@media(max-width: 991px) {
    .our-companies-cards-section .cards {
        margin-block-start: -97.5px
    }
}

@media(max-width: 575px) {
    .our-companies-cards-section .cards {
        margin-block-start: -84.5px
    }
}

@media(min-width: 992px) {
    .our-companies-cards-section .cards {
        gap: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .our-companies-cards-section .cards {
        gap: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .our-companies-cards-section .cards {
        gap: 22.5px
    }
}

@media(max-width: 575px) {
    .our-companies-cards-section .cards {
        gap: 19.5px
    }
}

.our-companies-cards-section .cards .card {
    position: sticky;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    border: none
}

@media(min-width: 992px) {
    .our-companies-cards-section .cards .card {
        top: 8.3333333333vw
    }
}

@media(min-width: 1600px) {
    .our-companies-cards-section .cards .card {
        top: 6.6666666667vw
    }
}

@media(max-width: 991px) {
    .our-companies-cards-section .cards .card {
        top: 90px
    }
}

@media(max-width: 575px) {
    .our-companies-cards-section .cards .card {
        top: 78px
    }
}

.our-companies-cards-section .cards .card .card__inner {
    will-change: transform;
    background: #fff;
    display: flex;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, .35) 0px 5px 15px;
    transform-origin: center top;
    padding: 0;
    background-color: #fff;
    overflow: hidden
}

@media(min-width: 992px) {
    .our-companies-cards-section .cards .card .card__inner {
        min-height: 34.7222222222vw
    }
}

@media(min-width: 1600px) {
    .our-companies-cards-section .cards .card .card__inner {
        min-height: 27.7777777778vw
    }
}

@media(max-width: 991px) {
    .our-companies-cards-section .cards .card .card__inner {
        min-height: 375px
    }
}

@media(max-width: 575px) {
    .our-companies-cards-section .cards .card .card__inner {
        min-height: 325px
    }
}

@media(min-width: 992px) {
    .our-companies-cards-section .cards .card .card__inner {
        border-radius: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .our-companies-cards-section .cards .card .card__inner {
        border-radius: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .our-companies-cards-section .cards .card .card__inner {
        border-radius: 6px
    }
}

@media(max-width: 575px) {
    .our-companies-cards-section .cards .card .card__inner {
        border-radius: 5.2px
    }
}

.our-companies-cards-section .cards .card .card__inner .left-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    align-items: center
}

@media(min-width: 992px) {
    .our-companies-cards-section .cards .card .card__inner .left-img {
        padding-block: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .our-companies-cards-section .cards .card .card__inner .left-img {
        padding-block: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .our-companies-cards-section .cards .card .card__inner .left-img {
        padding-block: 12px
    }
}

@media(max-width: 575px) {
    .our-companies-cards-section .cards .card .card__inner .left-img {
        padding-block: 10.4px
    }
}

.our-companies-cards-section .cards .card .card__inner .left-img img {
    width: 60%
}

.our-companies-cards-section .cards .card .card__inner .card-desc {
    height: 100%;
    background-color: #f4f6fc;
    display: flex;
    justify-content: center;
    flex-direction: column
}

@media(min-width: 992px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc {
        padding-block: 3.3333333333vw
    }
}

@media(min-width: 1600px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc {
        padding-block: 2.6666666667vw
    }
}

@media(max-width: 991px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc {
        padding-block: 36px
    }
}

@media(max-width: 575px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc {
        padding-block: 31.2px
    }
}

@media(min-width: 992px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc {
        padding-inline: 3.3333333333vw
    }
}

@media(min-width: 1600px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc {
        padding-inline: 2.6666666667vw
    }
}

@media(max-width: 991px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc {
        padding-inline: 36px
    }
}

@media(max-width: 575px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc {
        padding-inline: 31.2px
    }
}

@media(min-width: 992px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc img {
        margin-block-end: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc img {
        margin-block-end: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc img {
        margin-block-end: 22.5px
    }
}

@media(max-width: 575px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc img {
        margin-block-end: 19.5px
    }
}

@media(min-width: 992px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc img {
        width: 3.3333333333vw
    }
}

@media(min-width: 1600px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc img {
        width: 2.6666666667vw
    }
}

@media(max-width: 991px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc img {
        width: 36px
    }
}

@media(max-width: 575px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc img {
        width: 31.2px
    }
}

@media(min-width: 992px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc img {
        height: 3.3333333333vw
    }
}

@media(min-width: 1600px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc img {
        height: 2.6666666667vw
    }
}

@media(max-width: 991px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc img {
        height: 36px
    }
}

@media(max-width: 575px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc img {
        height: 31.2px
    }
}

@media(min-width: 992px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc .section-title {
        margin-block-end: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc .section-title {
        margin-block-end: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc .section-title {
        margin-block-end: 7.5px
    }
}

@media(max-width: 575px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc .section-title {
        margin-block-end: 6.5px
    }
}

.our-companies-cards-section .cards .card .card__inner .card-desc .section-desc {
    padding-block: 0;
    font-weight: 400;
    line-height: 1.4
}

@media(min-width: 992px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc .section-desc {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc .section-desc {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc .section-desc {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc .section-desc {
        font-size: 10.4px
    }
}

.our-companies-cards-section .cards .card .card__inner .card-desc .Card-url {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px
}

.our-companies-cards-section .cards .card .card__inner .card-desc .Card-url svg {
    width: 20px;
    height: 20px;
    fill: #e4002b
}

.our-companies-cards-section .cards .card .card__inner .card-desc .Card-url h3 {
    margin: 0;
    font-weight: 700
}

@media(min-width: 992px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc .Card-url h3 {
        font-size: 1.25vw
    }
}

@media(min-width: 1600px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc .Card-url h3 {
        font-size: 1vw
    }
}

@media(max-width: 991px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc .Card-url h3 {
        font-size: 13.5px
    }
}

@media(max-width: 575px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc .Card-url h3 {
        font-size: 11.7px
    }
}

@media(max-width: 991px) {
    .our-companies-section {
        padding-top: 30px;
        padding-block-end: 150px
    }

    .our-companies-section .breadcrumb-golden {
        margin-block-end: 30px
    }

    .our-companies-section .our-companies-content .section-title {
        margin-block-end: 20px
    }

    .our-companies-section .our-companies-content .section-subdesc {
        margin-inline-end: 0px;
        font-size: 14px
    }

    .our-companies-section img {
        margin-inline: 0px;
        max-width: 300px
    }
}

@media(max-width: 767px) {
    .our-companies-cards-section {
        padding-block-end: 130px
    }

    .our-companies-cards-section .cards .card {
        top: 120px;
        height: auto
    }

    .our-companies-cards-section .cards .card .card__inner {
        min-height: 440px
    }

    .our-companies-section .our-companies-content .section-subdesc {
        font-size: 12px
    }

    .our-companies-section img {
        margin-block-start: 40px;
        max-width: 300px
    }
}

.company_modal_section {
    position: relative
}

.company_modal_section .animation_elements-left {
    position: absolute;
    left: 0;
    transition: all .3s ease-in;
    transform: translateX(-50px);
    opacity: .3
}

@media(min-width: 992px) {
    .company_modal_section .animation_elements-left {
        top: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .company_modal_section .animation_elements-left {
        top: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .company_modal_section .animation_elements-left {
        top: 45px
    }
}

@media(max-width: 575px) {
    .company_modal_section .animation_elements-left {
        top: 39px
    }
}

@media(max-width: 991px) {
    .company_modal_section .animation_elements-left {
        display: none
    }
}

.company_modal_section .animation_elements-left.active {
    transform: translateX(0px);
    opacity: 1
}

@media(min-width: 992px) {
    .company_modal_section .animation_elements-left div {
        margin-block-end: 10.4166666667vw
    }
}

@media(min-width: 1600px) {
    .company_modal_section .animation_elements-left div {
        margin-block-end: 8.3333333333vw
    }
}

@media(max-width: 991px) {
    .company_modal_section .animation_elements-left div {
        margin-block-end: 112.5px
    }
}

@media(max-width: 575px) {
    .company_modal_section .animation_elements-left div {
        margin-block-end: 97.5px
    }
}

.company_modal_section .animation_elements-right {
    position: absolute;
    right: 0;
    opacity: .3;
    transition: all .3s ease-in;
    transform: translateX(50px)
}

@media(min-width: 992px) {
    .company_modal_section .animation_elements-right {
        top: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .company_modal_section .animation_elements-right {
        top: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .company_modal_section .animation_elements-right {
        top: 45px
    }
}

@media(max-width: 575px) {
    .company_modal_section .animation_elements-right {
        top: 39px
    }
}

@media(max-width: 991px) {
    .company_modal_section .animation_elements-right {
        display: none
    }
}

.company_modal_section .animation_elements-right.active {
    transform: translateX(0px);
    opacity: 1
}

@media(min-width: 992px) {
    .company_modal_section .animation_elements-right div {
        margin-block-end: 10.4166666667vw
    }
}

@media(min-width: 1600px) {
    .company_modal_section .animation_elements-right div {
        margin-block-end: 8.3333333333vw
    }
}

@media(max-width: 991px) {
    .company_modal_section .animation_elements-right div {
        margin-block-end: 112.5px
    }
}

@media(max-width: 575px) {
    .company_modal_section .animation_elements-right div {
        margin-block-end: 97.5px
    }
}

@media(min-width: 992px) {
    .golden_brands {
        padding: 3.4722222222vw
    }
}

@media(min-width: 1600px) {
    .golden_brands {
        padding: 2.7777777778vw
    }
}

@media(max-width: 991px) {
    .golden_brands {
        padding: 37.5px
    }
}

@media(max-width: 575px) {
    .golden_brands {
        padding: 32.5px
    }
}

.golden_brands_card {
    text-align: center;
    transition: all .3s ease-in-out
}

.golden_brands_card .modal-content {
    display: none
}

.golden_brands_card .brand-card {
    transition: all .3s ease-in;
    opacity: 1;
    transform: translateX(0px)
}

@media(min-width: 992px) {
    .golden_brands_card .brand-card {
        margin-block-end: 5.5555555556vw
    }
}

@media(min-width: 1600px) {
    .golden_brands_card .brand-card {
        margin-block-end: 4.4444444444vw
    }
}

@media(max-width: 991px) {
    .golden_brands_card .brand-card {
        margin-block-end: 60px
    }
}

@media(max-width: 575px) {
    .golden_brands_card .brand-card {
        margin-block-end: 52px
    }
}

@media(min-width: 992px) {
    .golden_brands_card .brand-card .brand_image {
        margin-block-end: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .golden_brands_card .brand-card .brand_image {
        margin-block-end: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .golden_brands_card .brand-card .brand_image {
        margin-block-end: 30px
    }
}

@media(max-width: 575px) {
    .golden_brands_card .brand-card .brand_image {
        margin-block-end: 26px
    }
}

.golden_brands_card .brand-card .brands-info p {
    margin: 0 auto
}

@media(min-width: 992px) {
    .golden_brands_card .brand-card .brands-info p {
        max-width: 17.3611111111vw
    }
}

@media(min-width: 1600px) {
    .golden_brands_card .brand-card .brands-info p {
        max-width: 13.8888888889vw
    }
}

@media(max-width: 991px) {
    .golden_brands_card .brand-card .brands-info p {
        max-width: 187.5px
    }
}

@media(max-width: 575px) {
    .golden_brands_card .brand-card .brands-info p {
        max-width: 162.5px
    }
}

@media(min-width: 992px) {
    .golden_brands_card .brand-card .brands-info p {
        margin-block-end: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .golden_brands_card .brand-card .brands-info p {
        margin-block-end: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .golden_brands_card .brand-card .brands-info p {
        margin-block-end: 15px
    }
}

@media(max-width: 575px) {
    .golden_brands_card .brand-card .brands-info p {
        margin-block-end: 13px
    }
}

@media(min-width: 992px) {
    .golden_brands_card .brand-card .brands-info p {
        margin-block-start: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .golden_brands_card .brand-card .brands-info p {
        margin-block-start: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .golden_brands_card .brand-card .brands-info p {
        margin-block-start: 15px
    }
}

@media(max-width: 575px) {
    .golden_brands_card .brand-card .brands-info p {
        margin-block-start: 13px
    }
}

.golden_brands_card .brand-card .brands-info a {
    display: inline-block
}

.golden_brands_card .brand-card.slideup {
    transition: all .3s ease-in;
    opacity: 0;
    transform: translateX(-50px)
}

@media(min-width: 992px) {
    .golden_brands_card:nth-child(even) {
        margin-block-start: 4.8611111111vw
    }
}

@media(min-width: 1600px) {
    .golden_brands_card:nth-child(even) {
        margin-block-start: 3.8888888889vw
    }
}

@media(max-width: 991px) {
    .golden_brands_card:nth-child(even) {
        margin-block-start: 52.5px
    }
}

@media(max-width: 575px) {
    .golden_brands_card:nth-child(even) {
        margin-block-start: 45.5px
    }
}

.golden_brands_card.no-active {
    opacity: .3
}

.golden_brands_card.active {
    width: 100% !important;
    position: fixed;
    height: 100vh;
    background: #fff;
    left: 0;
    z-index: 99999;
    top: 0;
    display: flex
}

.golden_brands_card.active .brand-card {
    width: 35%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

section.golden_brands_modal {
    background: #fff;
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 99999;
    top: 0;
    display: flex;
    align-items: center;
    align-items: center;
    display: none
}

@media(min-width: 992px) {
    section.golden_brands_modal {
        padding: 3.4722222222vw
    }
}

@media(min-width: 1600px) {
    section.golden_brands_modal {
        padding: 2.7777777778vw
    }
}

@media(max-width: 991px) {
    section.golden_brands_modal {
        padding: 37.5px
    }
}

@media(max-width: 575px) {
    section.golden_brands_modal {
        padding: 32.5px
    }
}

@media(max-width: 991px) {
    section.golden_brands_modal {
        flex-direction: column-reverse
    }
}

section.golden_brands_modal .close_modal {
    position: absolute;
    z-index: 999
}

@media(min-width: 992px) {
    section.golden_brands_modal .close_modal {
        right: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    section.golden_brands_modal .close_modal {
        right: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    section.golden_brands_modal .close_modal {
        right: 15px
    }
}

@media(max-width: 575px) {
    section.golden_brands_modal .close_modal {
        right: 13px
    }
}

@media(min-width: 992px) {
    section.golden_brands_modal .close_modal {
        top: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    section.golden_brands_modal .close_modal {
        top: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    section.golden_brands_modal .close_modal {
        top: 15px
    }
}

@media(max-width: 575px) {
    section.golden_brands_modal .close_modal {
        top: 13px
    }
}

@media(min-width: 992px) {
    section.golden_brands_modal .close_modal {
        font-size: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    section.golden_brands_modal .close_modal {
        font-size: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    section.golden_brands_modal .close_modal {
        font-size: 22.5px
    }
}

@media(max-width: 575px) {
    section.golden_brands_modal .close_modal {
        font-size: 19.5px
    }
}

@media(max-width: 991px) {
    section.golden_brands_modal .close_modal {
        right: 15px;
        top: 15px
    }
}

section.golden_brands_modal .close_modal img {
    background-color: #fff;
    border-radius: 50%;
    padding: 8px
}

section.golden_brands_modal .golden_brands_card {
    text-align: left !important;
    width: 34%
}

@media(max-width: 991px) {
    section.golden_brands_modal .golden_brands_card {
        width: 100%;
        padding: 30px
    }
}

section.golden_brands_modal .golden_brands_card .brand-card {
    transform: translateX(150px);
    opacity: 0;
    transition: all .3s ease-in-out
}

@media(min-width: 992px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        max-width: 24.3055555556vw
    }
}

@media(min-width: 1600px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        max-width: 19.4444444444vw
    }
}

@media(max-width: 991px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        max-width: 262.5px
    }
}

@media(max-width: 575px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        max-width: 227.5px
    }
}

@media(min-width: 992px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        margin-block-end: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        margin-block-end: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        margin-block-end: 15px
    }
}

@media(max-width: 575px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        margin-block-end: 13px
    }
}

@media(min-width: 992px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        margin-block-start: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        margin-block-start: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        margin-block-start: 15px
    }
}

@media(max-width: 575px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        margin-block-start: 13px
    }
}

@media(min-width: 992px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        margin-left: 0vw
    }
}

@media(min-width: 1600px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        margin-left: 0vw
    }
}

@media(max-width: 991px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        margin-left: 0px
    }
}

@media(max-width: 575px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        margin-left: 0px
    }
}

@media(max-width: 991px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        max-width: 100%
    }
}

section.golden_brands_modal .golden_brands_card .brand-card .brands-info a {
    display: inline-block
}

section.golden_brands_modal .golden_brands_card .brand-card.active {
    opacity: 1;
    cursor: unset;
    transform: translateX(0px)
}

section.golden_brands_modal .brand-banner-images {
    position: absolute;
    right: 0;
    top: 0;
    width: 65%;
    transition: all .3s ease-in-out;
    transform: translateX(100px);
    opacity: 0
}

@media(max-width: 991px) {
    section.golden_brands_modal .brand-banner-images {
        width: 100%;
        position: relative
    }
}

section.golden_brands_modal .brand-banner-images img {
    width: 100%
}

section.golden_brands_modal .brand-banner-images.active {
    opacity: 1;
    transform: translateX(0)
}

section.golden_brands_modal.active {
    display: flex
}

.our-companies-section {
    background-color: #f1eff0;
    background-position: 40vw;
    background-repeat: no-repeat;
    background-size: auto 100%
}

@media(min-width: 992px) {
    .our-companies-section {
        height: 55vh
    }
}

@media(min-width: 1200px) {
    .our-companies-section {
        height: 85vh
    }
}

@media(max-width: 991px) {
    .our-companies-section {
        height: 45vh
    }
}

.our-companies-section .row,
.our-companies-section .container {
    height: 100%
}

.our-companies-section .our-companies-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    align-items: start
}

@media(min-width: 992px) {
    .our-companies-section .our-companies-content .section-title {
        margin-bottom: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .our-companies-section .our-companies-content .section-title {
        margin-bottom: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .our-companies-section .our-companies-content .section-title {
        margin-bottom: 30px
    }
}

@media(max-width: 575px) {
    .our-companies-section .our-companies-content .section-title {
        margin-bottom: 26px
    }
}

@media(min-width: 992px) {
    .our-companies-section .our-companies-content .section-subdesc {
        margin-inline-end: 4.8611111111vw
    }
}

@media(min-width: 1600px) {
    .our-companies-section .our-companies-content .section-subdesc {
        margin-inline-end: 3.8888888889vw
    }
}

@media(max-width: 991px) {
    .our-companies-section .our-companies-content .section-subdesc {
        margin-inline-end: 52.5px
    }
}

@media(max-width: 575px) {
    .our-companies-section .our-companies-content .section-subdesc {
        margin-inline-end: 45.5px
    }
}

@media(min-width: 992px) {
    .our-companies-section img {
        max-width: 31.8055555556vw
    }
}

@media(min-width: 1600px) {
    .our-companies-section img {
        max-width: 25.4444444444vw
    }
}

@media(max-width: 991px) {
    .our-companies-section img {
        max-width: 343.5px
    }
}

@media(max-width: 575px) {
    .our-companies-section img {
        max-width: 297.7px
    }
}

@media(min-width: 992px) {
    .our-companies-section img {
        margin-inline-start: 4.8611111111vw
    }
}

@media(min-width: 1600px) {
    .our-companies-section img {
        margin-inline-start: 3.8888888889vw
    }
}

@media(max-width: 991px) {
    .our-companies-section img {
        margin-inline-start: 52.5px
    }
}

@media(max-width: 575px) {
    .our-companies-section img {
        margin-inline-start: 45.5px
    }
}

@media(min-width: 992px) {
    .our-companies-cards-section {
        padding-bottom: 6.9444444444vw
    }
}

@media(min-width: 1600px) {
    .our-companies-cards-section {
        padding-bottom: 5.5555555556vw
    }
}

@media(max-width: 991px) {
    .our-companies-cards-section {
        padding-bottom: 75px
    }
}

@media(max-width: 575px) {
    .our-companies-cards-section {
        padding-bottom: 65px
    }
}

.our-companies-cards-section .cards {
    width: 100%;
    display: grid;
    grid-template-rows: repeat(var(--cards-count), var(--card-height))
}

@media(min-width: 992px) {
    .our-companies-cards-section .cards {
        margin-top: -9.0277777778vw
    }
}

@media(min-width: 1600px) {
    .our-companies-cards-section .cards {
        margin-top: -7.2222222222vw
    }
}

@media(max-width: 991px) {
    .our-companies-cards-section .cards {
        margin-top: -97.5px
    }
}

@media(max-width: 575px) {
    .our-companies-cards-section .cards {
        margin-top: -84.5px
    }
}

@media(min-width: 992px) {
    .our-companies-cards-section .cards {
        gap: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .our-companies-cards-section .cards {
        gap: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .our-companies-cards-section .cards {
        gap: 22.5px
    }
}

@media(max-width: 575px) {
    .our-companies-cards-section .cards {
        gap: 19.5px
    }
}

.our-companies-cards-section .cards .card {
    position: sticky;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    border: none
}

@media(min-width: 992px) {
    .our-companies-cards-section .cards .card {
        top: 8.3333333333vw
    }
}

@media(min-width: 1600px) {
    .our-companies-cards-section .cards .card {
        top: 6.6666666667vw
    }
}

@media(max-width: 991px) {
    .our-companies-cards-section .cards .card {
        top: 90px
    }
}

@media(max-width: 575px) {
    .our-companies-cards-section .cards .card {
        top: 78px
    }
}

.our-companies-cards-section .cards .card .card__inner {
    will-change: transform;
    background: #fff;
    display: flex;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, .35) 0px 5px 15px;
    transform-origin: center top;
    padding: 0;
    background-color: #fff;
    overflow: hidden
}

@media(min-width: 992px) {
    .our-companies-cards-section .cards .card .card__inner {
        min-height: 34.7222222222vw
    }
}

@media(min-width: 1600px) {
    .our-companies-cards-section .cards .card .card__inner {
        min-height: 27.7777777778vw
    }
}

@media(max-width: 991px) {
    .our-companies-cards-section .cards .card .card__inner {
        min-height: 375px
    }
}

@media(max-width: 575px) {
    .our-companies-cards-section .cards .card .card__inner {
        min-height: 325px
    }
}

@media(min-width: 992px) {
    .our-companies-cards-section .cards .card .card__inner {
        border-radius: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .our-companies-cards-section .cards .card .card__inner {
        border-radius: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .our-companies-cards-section .cards .card .card__inner {
        border-radius: 6px
    }
}

@media(max-width: 575px) {
    .our-companies-cards-section .cards .card .card__inner {
        border-radius: 5.2px
    }
}

.our-companies-cards-section .cards .card .card__inner .left-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    align-items: center
}

@media(min-width: 992px) {
    .our-companies-cards-section .cards .card .card__inner .left-img {
        padding-block: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .our-companies-cards-section .cards .card .card__inner .left-img {
        padding-block: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .our-companies-cards-section .cards .card .card__inner .left-img {
        padding-block: 12px
    }
}

@media(max-width: 575px) {
    .our-companies-cards-section .cards .card .card__inner .left-img {
        padding-block: 10.4px
    }
}

.our-companies-cards-section .cards .card .card__inner .left-img img {
    width: 60%
}

.our-companies-cards-section .cards .card .card__inner .card-desc {
    height: 100%;
    background-color: #f4f6fc;
    display: flex;
    justify-content: center;
    flex-direction: column
}

@media(min-width: 992px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc {
        padding-block: 3.3333333333vw
    }
}

@media(min-width: 1600px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc {
        padding-block: 2.6666666667vw
    }
}

@media(max-width: 991px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc {
        padding-block: 36px
    }
}

@media(max-width: 575px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc {
        padding-block: 31.2px
    }
}

@media(min-width: 992px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc {
        padding-inline: 3.3333333333vw
    }
}

@media(min-width: 1600px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc {
        padding-inline: 2.6666666667vw
    }
}

@media(max-width: 991px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc {
        padding-inline: 36px
    }
}

@media(max-width: 575px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc {
        padding-inline: 31.2px
    }
}

@media(min-width: 992px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc img {
        margin-bottom: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc img {
        margin-bottom: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc img {
        margin-bottom: 22.5px
    }
}

@media(max-width: 575px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc img {
        margin-bottom: 19.5px
    }
}

@media(min-width: 992px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc img {
        width: 3.3333333333vw
    }
}

@media(min-width: 1600px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc img {
        width: 2.6666666667vw
    }
}

@media(max-width: 991px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc img {
        width: 36px
    }
}

@media(max-width: 575px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc img {
        width: 31.2px
    }
}

@media(min-width: 992px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc img {
        height: 3.3333333333vw
    }
}

@media(min-width: 1600px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc img {
        height: 2.6666666667vw
    }
}

@media(max-width: 991px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc img {
        height: 36px
    }
}

@media(max-width: 575px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc img {
        height: 31.2px
    }
}

@media(min-width: 992px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc .section-title {
        margin-bottom: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc .section-title {
        margin-bottom: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc .section-title {
        margin-bottom: 7.5px
    }
}

@media(max-width: 575px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc .section-title {
        margin-bottom: 6.5px
    }
}

.our-companies-cards-section .cards .card .card__inner .card-desc .section-desc {
    padding-block: 0;
    font-weight: 400;
    line-height: 1.4
}

@media(min-width: 992px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc .section-desc {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc .section-desc {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc .section-desc {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc .section-desc {
        font-size: 10.4px
    }
}

.our-companies-cards-section .cards .card .card__inner .card-desc .Card-url {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px
}

.our-companies-cards-section .cards .card .card__inner .card-desc .Card-url svg {
    width: 20px;
    height: 20px;
    fill: #e4002b
}

.our-companies-cards-section .cards .card .card__inner .card-desc .Card-url h3 {
    margin: 0;
    font-weight: 700
}

@media(min-width: 992px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc .Card-url h3 {
        font-size: 1.25vw
    }
}

@media(min-width: 1600px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc .Card-url h3 {
        font-size: 1vw
    }
}

@media(max-width: 991px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc .Card-url h3 {
        font-size: 13.5px
    }
}

@media(max-width: 575px) {
    .our-companies-cards-section .cards .card .card__inner .card-desc .Card-url h3 {
        font-size: 11.7px
    }
}

@media(max-width: 991px) {
    .our-companies-section {
        padding-top: 30px;
        padding-bottom: 150px
    }

    .our-companies-section .breadcrumb-golden {
        margin-bottom: 30px
    }

    .our-companies-section .our-companies-content .section-title {
        margin-bottom: 20px
    }

    .our-companies-section .our-companies-content .section-subdesc {
        margin-inline-end: 0px;
        font-size: 14px
    }

    .our-companies-section img {
        margin-inline: 0px;
        max-width: 300px
    }
}

@media(max-width: 575px) {
    .our-companies-section {
        height: 55vh;
        background-position: 0vw
    }
}

@media(max-width: 767px) {
    .our-companies-cards-section {
        padding-bottom: 130px
    }

    .our-companies-cards-section .cards .card {
        top: 120px;
        height: auto
    }

    .our-companies-cards-section .cards .card .card__inner {
        min-height: 440px
    }

    .our-companies-section .our-companies-content .section-subdesc {
        font-size: 12px
    }

    .our-companies-section img {
        margin-top: 40px;
        max-width: 300px
    }
}

.company_modal_section {
    position: relative
}

.company_modal_section .animation_elements-left {
    position: absolute;
    left: 0;
    transition: all .3s ease-in;
    transform: translateX(-50px);
    opacity: .3
}

@media(min-width: 992px) {
    .company_modal_section .animation_elements-left {
        top: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .company_modal_section .animation_elements-left {
        top: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .company_modal_section .animation_elements-left {
        top: 45px
    }
}

@media(max-width: 575px) {
    .company_modal_section .animation_elements-left {
        top: 39px
    }
}

@media(max-width: 991px) {
    .company_modal_section .animation_elements-left {
        display: none
    }
}

.company_modal_section .animation_elements-left.active {
    transform: translateX(0px);
    opacity: 1
}

@media(min-width: 992px) {
    .company_modal_section .animation_elements-left div {
        margin-bottom: 10.4166666667vw
    }
}

@media(min-width: 1600px) {
    .company_modal_section .animation_elements-left div {
        margin-bottom: 8.3333333333vw
    }
}

@media(max-width: 991px) {
    .company_modal_section .animation_elements-left div {
        margin-bottom: 112.5px
    }
}

@media(max-width: 575px) {
    .company_modal_section .animation_elements-left div {
        margin-bottom: 97.5px
    }
}

.company_modal_section .animation_elements-right {
    position: absolute;
    right: 0;
    opacity: .3;
    transition: all .3s ease-in;
    transform: translateX(50px)
}

@media(min-width: 992px) {
    .company_modal_section .animation_elements-right {
        top: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .company_modal_section .animation_elements-right {
        top: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .company_modal_section .animation_elements-right {
        top: 45px
    }
}

@media(max-width: 575px) {
    .company_modal_section .animation_elements-right {
        top: 39px
    }
}

@media(max-width: 991px) {
    .company_modal_section .animation_elements-right {
        display: none
    }
}

.company_modal_section .animation_elements-right.active {
    transform: translateX(0px);
    opacity: 1
}

@media(min-width: 992px) {
    .company_modal_section .animation_elements-right div {
        margin-bottom: 10.4166666667vw
    }
}

@media(min-width: 1600px) {
    .company_modal_section .animation_elements-right div {
        margin-bottom: 8.3333333333vw
    }
}

@media(max-width: 991px) {
    .company_modal_section .animation_elements-right div {
        margin-bottom: 112.5px
    }
}

@media(max-width: 575px) {
    .company_modal_section .animation_elements-right div {
        margin-bottom: 97.5px
    }
}

@media(min-width: 992px) {
    .golden_brands {
        padding: 3.4722222222vw
    }
}

@media(min-width: 1600px) {
    .golden_brands {
        padding: 2.7777777778vw
    }
}

@media(max-width: 991px) {
    .golden_brands {
        padding: 37.5px
    }
}

@media(max-width: 575px) {
    .golden_brands {
        padding: 32.5px
    }
}

.golden_brands_card {
    text-align: center;
    transition: all .3s ease-in-out
}

.golden_brands_card .modal-content {
    display: none
}

.golden_brands_card .brand-card {
    transition: all .3s ease-in;
    opacity: 1;
    transform: translateX(0)
}

@media(min-width: 992px) {
    .golden_brands_card .brand-card {
        margin-bottom: 5.5555555556vw
    }
}

@media(min-width: 1600px) {
    .golden_brands_card .brand-card {
        margin-bottom: 4.4444444444vw
    }
}

@media(max-width: 991px) {
    .golden_brands_card .brand-card {
        margin-bottom: 60px
    }
}

@media(max-width: 575px) {
    .golden_brands_card .brand-card {
        margin-bottom: 52px
    }
}

@media(min-width: 992px) {
    .golden_brands_card .brand-card .brand_image {
        margin-bottom: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .golden_brands_card .brand-card .brand_image {
        margin-bottom: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .golden_brands_card .brand-card .brand_image {
        margin-bottom: 30px
    }
}

@media(max-width: 575px) {
    .golden_brands_card .brand-card .brand_image {
        margin-bottom: 26px
    }
}

.golden_brands_card .brand-card .brands-info p {
    margin: 0 auto
}

@media(min-width: 992px) {
    .golden_brands_card .brand-card .brands-info p {
        max-width: 17.3611111111vw
    }
}

@media(min-width: 1600px) {
    .golden_brands_card .brand-card .brands-info p {
        max-width: 13.8888888889vw
    }
}

@media(max-width: 991px) {
    .golden_brands_card .brand-card .brands-info p {
        max-width: 187.5px
    }
}

@media(max-width: 575px) {
    .golden_brands_card .brand-card .brands-info p {
        max-width: 162.5px
    }
}

@media(min-width: 992px) {
    .golden_brands_card .brand-card .brands-info p {
        margin-bottom: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .golden_brands_card .brand-card .brands-info p {
        margin-bottom: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .golden_brands_card .brand-card .brands-info p {
        margin-bottom: 15px
    }
}

@media(max-width: 575px) {
    .golden_brands_card .brand-card .brands-info p {
        margin-bottom: 13px
    }
}

@media(min-width: 992px) {
    .golden_brands_card .brand-card .brands-info p {
        margin-top: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .golden_brands_card .brand-card .brands-info p {
        margin-top: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .golden_brands_card .brand-card .brands-info p {
        margin-top: 15px
    }
}

@media(max-width: 575px) {
    .golden_brands_card .brand-card .brands-info p {
        margin-top: 13px
    }
}

.golden_brands_card .brand-card .brands-info a {
    display: inline-block
}

.golden_brands_card .brand-card.slideup {
    transition: all .3s ease-in;
    opacity: 0;
    transform: translateX(-50px)
}

@media(min-width: 992px) {
    .golden_brands_card:nth-child(even) {
        margin-top: 4.8611111111vw
    }
}

@media(min-width: 1600px) {
    .golden_brands_card:nth-child(even) {
        margin-top: 3.8888888889vw
    }
}

@media(max-width: 991px) {
    .golden_brands_card:nth-child(even) {
        margin-top: 52.5px
    }
}

@media(max-width: 575px) {
    .golden_brands_card:nth-child(even) {
        margin-top: 45.5px
    }
}

.golden_brands_card.no-active {
    opacity: .3
}

.golden_brands_card.active {
    width: 100% !important;
    position: fixed;
    height: 100vh;
    background: #fff;
    left: 0;
    z-index: 99999;
    top: 0;
    display: flex
}

.golden_brands_card.active .brand-card {
    width: 35%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

section.golden_brands_modal {
    background: #fff;
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 99999;
    top: 0;
    display: flex;
    align-items: center;
    padding: 0;
    align-items: center;
    display: none
}

@media(max-width: 991px) {
    section.golden_brands_modal {
        flex-direction: column-reverse
    }
}

section.golden_brands_modal .close_modal {
    position: absolute;
    z-index: 999
}

@media(min-width: 992px) {
    section.golden_brands_modal .close_modal {
        right: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    section.golden_brands_modal .close_modal {
        right: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    section.golden_brands_modal .close_modal {
        right: 15px
    }
}

@media(max-width: 575px) {
    section.golden_brands_modal .close_modal {
        right: 13px
    }
}

@media(min-width: 992px) {
    section.golden_brands_modal .close_modal {
        top: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    section.golden_brands_modal .close_modal {
        top: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    section.golden_brands_modal .close_modal {
        top: 15px
    }
}

@media(max-width: 575px) {
    section.golden_brands_modal .close_modal {
        top: 13px
    }
}

@media(min-width: 992px) {
    section.golden_brands_modal .close_modal {
        font-size: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    section.golden_brands_modal .close_modal {
        font-size: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    section.golden_brands_modal .close_modal {
        font-size: 22.5px
    }
}

@media(max-width: 575px) {
    section.golden_brands_modal .close_modal {
        font-size: 19.5px
    }
}

@media(max-width: 991px) {
    section.golden_brands_modal .close_modal {
        right: 15px;
        top: 15px
    }
}

section.golden_brands_modal .close_modal img {
    background-color: #fff;
    border-radius: 50%;
    padding: 8px
}

section.golden_brands_modal .golden_brands_card {
    text-align: start !important;
    width: 34%
}

@media(min-width: 992px) {
    section.golden_brands_modal .golden_brands_card {
        padding-inline-start: 3.4722222222vw
    }
}

@media(min-width: 1600px) {
    section.golden_brands_modal .golden_brands_card {
        padding-inline-start: 2.7777777778vw
    }
}

@media(max-width: 991px) {
    section.golden_brands_modal .golden_brands_card {
        padding-inline-start: 37.5px
    }
}

@media(max-width: 575px) {
    section.golden_brands_modal .golden_brands_card {
        padding-inline-start: 32.5px
    }
}

@media(max-width: 991px) {
    section.golden_brands_modal .golden_brands_card {
        width: 100%;
        padding: 30px
    }
}

section.golden_brands_modal .golden_brands_card .brand-card {
    transform: translateX(100px);
    opacity: 0;
    transition: all .3s ease-in-out
}

@media(min-width: 992px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        max-width: 24.3055555556vw
    }
}

@media(min-width: 1600px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        max-width: 19.4444444444vw
    }
}

@media(max-width: 991px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        max-width: 262.5px
    }
}

@media(max-width: 575px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        max-width: 227.5px
    }
}

@media(min-width: 992px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        margin-bottom: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        margin-bottom: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        margin-bottom: 15px
    }
}

@media(max-width: 575px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        margin-bottom: 13px
    }
}

@media(min-width: 992px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        margin-top: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        margin-top: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        margin-top: 15px
    }
}

@media(max-width: 575px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        margin-top: 13px
    }
}

@media(min-width: 992px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        margin-left: 0vw
    }
}

@media(min-width: 1600px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        margin-left: 0vw
    }
}

@media(max-width: 991px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        margin-left: 0px
    }
}

@media(max-width: 575px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        margin-left: 0px
    }
}

@media(max-width: 991px) {
    section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
        max-width: 100%
    }
}

section.golden_brands_modal .golden_brands_card .brand-card .brands-info a {
    display: inline-block
}

section.golden_brands_modal .golden_brands_card .brand-card.active {
    opacity: 1;
    cursor: unset;
    transform: translateX(0px)
}

section.golden_brands_modal .brand-banner-images {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 65%;
    transition: all .3s ease-in-out;
    transform: translateX(100px);
    opacity: 0
}

@media(max-width: 991px) {
    section.golden_brands_modal .brand-banner-images {
        width: 100%;
        position: relative
    }
}

section.golden_brands_modal .brand-banner-images img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

section.golden_brands_modal .brand-banner-images.active {
    opacity: 1;
    transform: translateX(0)
}

section.golden_brands_modal.active {
    display: flex
}

.mobileImage {
    display: none
}

@media(max-width: 575px) {
    section.golden_brands_modal .brand-banner-images.active {
        display: none
    }

    section.golden_brands_modal .golden_brands_card {
        width: 100%;
        padding: 30px;
        height: 100vh;
        margin: 0;
        overflow-y: scroll
    }

    section.golden_brands_modal .golden_brands_card::-webkit-scrollbar {
        width: 3px
    }

    section.golden_brands_modal .golden_brands_card::-webkit-scrollbar-thumb {
        background-color: #0b1610;
        border-radius: 50%
    }

    section.golden_brands_modal .golden_brands_card .brand-card.active .mobileImage {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    section.golden_brands_modal {
        flex-direction: column;
        justify-content: center
    }
}

[lang=ar] section.golden_brands_modal .golden_brands_card .brand-card .brands-info p {
    margin-right: 0px !important
}

[lang=ar] section.golden_brands_modal .close_modal {
    right: unset;
    z-index: 999
}

@media(min-width: 992px) {
    [lang=ar] section.golden_brands_modal .close_modal {
        left: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    [lang=ar] section.golden_brands_modal .close_modal {
        left: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    [lang=ar] section.golden_brands_modal .close_modal {
        left: 15px
    }
}

@media(max-width: 575px) {
    [lang=ar] section.golden_brands_modal .close_modal {
        left: 13px
    }
}

@media(max-width: 991px) {
    [lang=ar] section.golden_brands_modal .close_modal {
        right: unset;
        left: 15px
    }
}

[lang=ar] section.golden_brands_modal .brand-banner-images.active {
    left: 0;
    right: unset
}

[lang=ar] .company_modal_section .animation_elements-left {
    right: -50px;
    left: unset;
    transform: translateX(0px) scaleX(-1)
}

[lang=ar] .company_modal_section .animation_elements-left.active {
    right: 0;
    transform: translateX(0px) scaleX(-1)
}

[lang=ar] .company_modal_section .animation_elements-left div:nth-child(2) img {
    transform: scaleX(-1)
}

[lang=ar] .company_modal_section .animation_elements-right {
    right: unset;
    left: -50px;
    transform: translateX(0px) scaleX(-1)
}

[lang=ar] .company_modal_section .animation_elements-right.active {
    left: 0;
    transform: translateX(0px) scaleX(-1)
}

[lang=ar] .company_modal_section .animation_elements-right div:nth-child(1) img {
    transform: scaleX(-1)
}

[lang=ar] .company_modal_section .animation_elements-right div:nth-child(2) img {
    transform: scaleX(-1)
}

[lang=ar] .company_modal_section .animation_elements-right div:nth-child(3) img {
    transform: scaleX(-1)
}

[lang=ar] .our-companies-section {
    background-position: -20vw
}

@media(max-width: 1300px)and (min-width: 992px) {
    .company_modal_section .animation_elements-left {
        left: -100px
    }

    .company_modal_section .animation_elements-right {
        right: -100px
    }

    [lang=ar] .company_modal_section .animation_elements-left {
        right: -100px;
        left: unset
    }

    [lang=ar] .company_modal_section .animation_elements-right {
        right: unset;
        left: -100px
    }
}

@media(min-width: 992px) {
    .contactBreadcrumbs .breadcrumb-golden {
        padding-top: 7.9861111111vw
    }
}

@media(min-width: 1600px) {
    .contactBreadcrumbs .breadcrumb-golden {
        padding-top: 6.3888888889vw
    }
}

@media(max-width: 991px) {
    .contactBreadcrumbs .breadcrumb-golden {
        padding-top: 86.25px
    }
}

@media(max-width: 575px) {
    .contactBreadcrumbs .breadcrumb-golden {
        padding-top: 74.75px
    }
}

@media(min-width: 992px) {
    .contactBreadcrumbs .breadcrumb-golden {
        margin-bottom: 5.5555555556vw
    }
}

@media(min-width: 1600px) {
    .contactBreadcrumbs .breadcrumb-golden {
        margin-bottom: 4.4444444444vw
    }
}

@media(max-width: 991px) {
    .contactBreadcrumbs .breadcrumb-golden {
        margin-bottom: 60px
    }
}

@media(max-width: 575px) {
    .contactBreadcrumbs .breadcrumb-golden {
        margin-bottom: 52px
    }
}

.contactBreadcrumbs .breadcrumb-golden ul {
    margin: 0
}

.ContactUsSection {
    position: relative
}

@media(min-width: 992px) {
    .ContactUsSection {
        padding-top: 5.5555555556vw
    }
}

@media(min-width: 1600px) {
    .ContactUsSection {
        padding-top: 4.4444444444vw
    }
}

@media(max-width: 991px) {
    .ContactUsSection {
        padding-top: 60px
    }
}

@media(max-width: 575px) {
    .ContactUsSection {
        padding-top: 52px
    }
}

@media(min-width: 992px) {
    .ContactUsSection {
        padding-bottom: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .ContactUsSection {
        padding-bottom: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .ContactUsSection {
        padding-bottom: 45px
    }
}

@media(max-width: 575px) {
    .ContactUsSection {
        padding-bottom: 39px
    }
}

.ContactUsSection .contactBannerImg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50%;
    height: 100%
}

.ContactUsSection .contactFormNewBannerImg {
    overflow: hidden;
    height: 100%;
    width: 100%
}

@media(min-width: 992px) {
    .ContactUsSection .contactFormNewBannerImg {
        border-radius: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .ContactUsSection .contactFormNewBannerImg {
        border-radius: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .ContactUsSection .contactFormNewBannerImg {
        border-radius: 12px
    }
}

@media(max-width: 575px) {
    .ContactUsSection .contactFormNewBannerImg {
        border-radius: 10.4px
    }
}

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

.ContactUsSection .contact-form {
    background-color: #f4f6fc;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column
}

@media(min-width: 992px) {
    .ContactUsSection .contact-form {
        border-radius: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .ContactUsSection .contact-form {
        border-radius: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .ContactUsSection .contact-form {
        border-radius: 12px
    }
}

@media(max-width: 575px) {
    .ContactUsSection .contact-form {
        border-radius: 10.4px
    }
}

@media(min-width: 992px) {
    .ContactUsSection .contact-form {
        padding-inline: 5.5555555556vw
    }
}

@media(min-width: 1600px) {
    .ContactUsSection .contact-form {
        padding-inline: 4.4444444444vw
    }
}

@media(max-width: 991px) {
    .ContactUsSection .contact-form {
        padding-inline: 60px
    }
}

@media(max-width: 575px) {
    .ContactUsSection .contact-form {
        padding-inline: 52px
    }
}

@media(min-width: 992px) {
    .ContactUsSection .contact-form {
        padding-block: 9.0277777778vw
    }
}

@media(min-width: 1600px) {
    .ContactUsSection .contact-form {
        padding-block: 7.2222222222vw
    }
}

@media(max-width: 991px) {
    .ContactUsSection .contact-form {
        padding-block: 97.5px
    }
}

@media(max-width: 575px) {
    .ContactUsSection .contact-form {
        padding-block: 84.5px
    }
}

.ContactUsSection .contact-form .select2-container {
    width: 100% !important
}

.ContactUsSection .contact-form .select2-container .select2-search--inline .select2-search__field {
    font-family: "Helvetica" !important;
    margin-top: 0;
    margin-left: unset
}

@media(min-width: 992px) {
    .ContactUsSection .contact-form .select2-container .select2-search--inline .select2-search__field {
        margin-inline-start: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .ContactUsSection .contact-form .select2-container .select2-search--inline .select2-search__field {
        margin-inline-start: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .ContactUsSection .contact-form .select2-container .select2-search--inline .select2-search__field {
        margin-inline-start: 12px
    }
}

@media(max-width: 575px) {
    .ContactUsSection .contact-form .select2-container .select2-search--inline .select2-search__field {
        margin-inline-start: 10.4px
    }
}

.ContactUsSection .contact-form .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder {
    color: #707070 !important;
    font-weight: 400 !important;
    opacity: 1 !important;
    font-family: "Helvetica" !important
}

.ContactUsSection .contact-form .select2-container--default .select2-selection--multiple .select2-selection__clear {
    right: unset;
    inset-inline-end: 0
}

.ContactUsSection .contact-form .select2-container--default .select2-selection--multiple {
    line-height: 1;
    border-radius: 0;
    border: 1px solid #0b1610
}

@media(min-width: 992px) {
    .ContactUsSection .contact-form .select2-container--default .select2-selection--multiple {
        padding-block: 0.8333333333vw
    }
}

@media(min-width: 1600px) {
    .ContactUsSection .contact-form .select2-container--default .select2-selection--multiple {
        padding-block: 0.6666666667vw
    }
}

@media(max-width: 991px) {
    .ContactUsSection .contact-form .select2-container--default .select2-selection--multiple {
        padding-block: 9px
    }
}

@media(max-width: 575px) {
    .ContactUsSection .contact-form .select2-container--default .select2-selection--multiple {
        padding-block: 7.8px
    }
}

@media(min-width: 992px) {
    .ContactUsSection .contact-form .select2-container--default .select2-selection--multiple {
        padding-inline: 0vw
    }
}

@media(min-width: 1600px) {
    .ContactUsSection .contact-form .select2-container--default .select2-selection--multiple {
        padding-inline: 0vw
    }
}

@media(max-width: 991px) {
    .ContactUsSection .contact-form .select2-container--default .select2-selection--multiple {
        padding-inline: 0px
    }
}

@media(max-width: 575px) {
    .ContactUsSection .contact-form .select2-container--default .select2-selection--multiple {
        padding-inline: 0px
    }
}

.ContactUsSection .contact-form .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-bottom: 3px;
    margin-top: 0;
    padding-left: 0;
    margin-left: 0;
    margin-inline-start: 5px;
    padding: 5px 20px;
    border: 1px solid #0b1610;
    align-content: center;
    background-color: #f4f6fc
}

.ContactUsSection .contact-form .select2-container--default .select2-selection--multiple .select2-selection__choice button {
    padding: 5px 5px;
    border-right: 1px solid #0b1610;
    border-radius: 0
}

.ContactUsSection .contact-form input,
.ContactUsSection .contact-form select,
.ContactUsSection .contact-form textarea {
    border-radius: 0;
    border: 1px solid #0b1610
}

@media(min-width: 992px) {

    .ContactUsSection .contact-form input,
    .ContactUsSection .contact-form select,
    .ContactUsSection .contact-form textarea {
        padding-block: 0.8333333333vw
    }
}

@media(min-width: 1600px) {

    .ContactUsSection .contact-form input,
    .ContactUsSection .contact-form select,
    .ContactUsSection .contact-form textarea {
        padding-block: 0.6666666667vw
    }
}

@media(max-width: 991px) {

    .ContactUsSection .contact-form input,
    .ContactUsSection .contact-form select,
    .ContactUsSection .contact-form textarea {
        padding-block: 9px
    }
}

@media(max-width: 575px) {

    .ContactUsSection .contact-form input,
    .ContactUsSection .contact-form select,
    .ContactUsSection .contact-form textarea {
        padding-block: 7.8px
    }
}

@media(min-width: 992px) {

    .ContactUsSection .contact-form input,
    .ContactUsSection .contact-form select,
    .ContactUsSection .contact-form textarea {
        padding-inline: 1.1111111111vw
    }
}

@media(min-width: 1600px) {

    .ContactUsSection .contact-form input,
    .ContactUsSection .contact-form select,
    .ContactUsSection .contact-form textarea {
        padding-inline: 0.8888888889vw
    }
}

@media(max-width: 991px) {

    .ContactUsSection .contact-form input,
    .ContactUsSection .contact-form select,
    .ContactUsSection .contact-form textarea {
        padding-inline: 12px
    }
}

@media(max-width: 575px) {

    .ContactUsSection .contact-form input,
    .ContactUsSection .contact-form select,
    .ContactUsSection .contact-form textarea {
        padding-inline: 10.4px
    }
}

.ContactUsSection .contact-form select {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 20px center
}

@media(min-width: 992px) {
    .ContactUsSection .contact-form select {
        background-size: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .ContactUsSection .contact-form select {
        background-size: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .ContactUsSection .contact-form select {
        background-size: 11.25px
    }
}

@media(max-width: 575px) {
    .ContactUsSection .contact-form select {
        background-size: 9.75px
    }
}

.ContactUsSection .contact-form select:focus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M241 130.5l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9l-22.7 22.7c-9.4 9.4-24.5 9.4-33.9 0L224 227.5 69.3 381.5c-9.4 9.3-24.5 9.3-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.6 0-33.9L207 130.5c9.4-9.4 24.6-9.4 33.9 0z"/></svg>')
}

.ContactUsSection .contact-form .section-title {
    font-weight: 700
}

@media(min-width: 992px) {
    .ContactUsSection .contact-form .section-title {
        margin-bottom: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .ContactUsSection .contact-form .section-title {
        margin-bottom: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .ContactUsSection .contact-form .section-title {
        margin-bottom: 18px
    }
}

@media(max-width: 575px) {
    .ContactUsSection .contact-form .section-title {
        margin-bottom: 15.6px
    }
}

.ContactUsSection .contact-form .section-subdesc {
    color: #3d3d3d
}

@media(min-width: 992px) {
    .ContactUsSection .contact-form .section-subdesc {
        margin-bottom: 3.3333333333vw
    }
}

@media(min-width: 1600px) {
    .ContactUsSection .contact-form .section-subdesc {
        margin-bottom: 2.6666666667vw
    }
}

@media(max-width: 991px) {
    .ContactUsSection .contact-form .section-subdesc {
        margin-bottom: 36px
    }
}

@media(max-width: 575px) {
    .ContactUsSection .contact-form .section-subdesc {
        margin-bottom: 31.2px
    }
}

@media(min-width: 992px) {
    .ContactUsSection .contact-form .section-subdesc {
        font-size: 1.25vw
    }
}

@media(min-width: 1600px) {
    .ContactUsSection .contact-form .section-subdesc {
        font-size: 1vw
    }
}

@media(max-width: 991px) {
    .ContactUsSection .contact-form .section-subdesc {
        font-size: 13.5px
    }
}

@media(max-width: 575px) {
    .ContactUsSection .contact-form .section-subdesc {
        font-size: 11.7px
    }
}

.ContactUsSection .contact-form .section-subdesc span {
    color: #0b1610
}

@media(min-width: 992px) {
    .ContactUsSection .contact-form .form-group {
        margin-bottom: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .ContactUsSection .contact-form .form-group {
        margin-bottom: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .ContactUsSection .contact-form .form-group {
        margin-bottom: 18px
    }
}

@media(max-width: 575px) {
    .ContactUsSection .contact-form .form-group {
        margin-bottom: 15.6px
    }
}

.ContactUsSection .contact-form .form-group .radioButtonForm {
    color: inherit;
    display: flex;
    align-items: center
}

.ContactUsSection .contact-form .form-group .radioButtonForm label {
    margin-bottom: 0
}

@media(min-width: 992px) {
    .ContactUsSection .contact-form .form-group .radioButtonForm label {
        margin-inline-end: 2.2222222222vw
    }
}

@media(min-width: 1600px) {
    .ContactUsSection .contact-form .form-group .radioButtonForm label {
        margin-inline-end: 1.7777777778vw
    }
}

@media(max-width: 991px) {
    .ContactUsSection .contact-form .form-group .radioButtonForm label {
        margin-inline-end: 24px
    }
}

@media(max-width: 575px) {
    .ContactUsSection .contact-form .form-group .radioButtonForm label {
        margin-inline-end: 20.8px
    }
}

.ContactUsSection .contact-form .form-group .radioButtonForm input {
    border: 1px solid #0b1610;
    accent-color: #0b1610;
    border-radius: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0
}

@media(min-width: 992px) {
    .ContactUsSection .contact-form .form-group .radioButtonForm input {
        margin-inline-end: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .ContactUsSection .contact-form .form-group .radioButtonForm input {
        margin-inline-end: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .ContactUsSection .contact-form .form-group .radioButtonForm input {
        margin-inline-end: 6px
    }
}

@media(max-width: 575px) {
    .ContactUsSection .contact-form .form-group .radioButtonForm input {
        margin-inline-end: 5.2px
    }
}

@media(min-width: 992px) {
    .ContactUsSection .contact-form .form-group .radioButtonForm input {
        width: 1.8055555556vw
    }
}

@media(min-width: 1600px) {
    .ContactUsSection .contact-form .form-group .radioButtonForm input {
        width: 1.4444444444vw
    }
}

@media(max-width: 991px) {
    .ContactUsSection .contact-form .form-group .radioButtonForm input {
        width: 19.5px
    }
}

@media(max-width: 575px) {
    .ContactUsSection .contact-form .form-group .radioButtonForm input {
        width: 16.9px
    }
}

@media(min-width: 992px) {
    .ContactUsSection .contact-form .form-group .radioButtonForm input {
        height: 1.8055555556vw
    }
}

@media(min-width: 1600px) {
    .ContactUsSection .contact-form .form-group .radioButtonForm input {
        height: 1.4444444444vw
    }
}

@media(max-width: 991px) {
    .ContactUsSection .contact-form .form-group .radioButtonForm input {
        height: 19.5px
    }
}

@media(max-width: 575px) {
    .ContactUsSection .contact-form .form-group .radioButtonForm input {
        height: 16.9px
    }
}

.ContactUsSection .contact-form .form-group .radioButtonForm input:checked {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto
}

.ContactUsSection .contact-form .form-group .upload-box {
    border: 1px dashed #0b1610;
    padding: 30px;
    cursor: pointer;
    width: 100%;
    margin: auto;
    border-radius: 0px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center
}

.ContactUsSection .contact-form .form-group .upload-box .text-class {
    display: flex;
    align-items: center;
    gap: 10px
}

@media(min-width: 992px) {
    .ContactUsSection .contact-form .form-group .upload-box .text-class img {
        width: 3.3333333333vw
    }
}

@media(min-width: 1600px) {
    .ContactUsSection .contact-form .form-group .upload-box .text-class img {
        width: 2.6666666667vw
    }
}

@media(max-width: 991px) {
    .ContactUsSection .contact-form .form-group .upload-box .text-class img {
        width: 36px
    }
}

@media(max-width: 575px) {
    .ContactUsSection .contact-form .form-group .upload-box .text-class img {
        width: 31.2px
    }
}

@media(min-width: 992px) {
    .ContactUsSection .contact-form .form-group .upload-box .text-class img {
        height: 3.3333333333vw
    }
}

@media(min-width: 1600px) {
    .ContactUsSection .contact-form .form-group .upload-box .text-class img {
        height: 2.6666666667vw
    }
}

@media(max-width: 991px) {
    .ContactUsSection .contact-form .form-group .upload-box .text-class img {
        height: 36px
    }
}

@media(max-width: 575px) {
    .ContactUsSection .contact-form .form-group .upload-box .text-class img {
        height: 31.2px
    }
}

.ContactUsSection .contact-form .form-group .upload-box .text-class p {
    font-weight: 400;
    line-height: 12px;
    color: #9090a7;
    margin: 0
}

@media(min-width: 992px) {
    .ContactUsSection .contact-form .form-group .upload-box .text-class p {
        font-size: 0.8333333333vw
    }
}

@media(min-width: 1600px) {
    .ContactUsSection .contact-form .form-group .upload-box .text-class p {
        font-size: 0.6666666667vw
    }
}

@media(max-width: 991px) {
    .ContactUsSection .contact-form .form-group .upload-box .text-class p {
        font-size: 9px
    }
}

@media(max-width: 575px) {
    .ContactUsSection .contact-form .form-group .upload-box .text-class p {
        font-size: 7.8px
    }
}

.ContactUsSection .contact-form .form-group .upload-box .text-class p span {
    line-height: 16px;
    font-weight: 800 !important
}

@media(min-width: 992px) {
    .ContactUsSection .contact-form .form-group .upload-box .text-class p span {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .ContactUsSection .contact-form .form-group .upload-box .text-class p span {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .ContactUsSection .contact-form .form-group .upload-box .text-class p span {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .ContactUsSection .contact-form .form-group .upload-box .text-class p span {
        font-size: 10.4px
    }
}

.ContactUsSection .contact-form .form-group .upload-box button {
    text-align: center;
    padding: 0 20px;
    line-height: 18px;
    border: none;
    white-space: nowrap;
    color: #0b1610;
    background-color: rgba(0, 22, 137, .1)
}

@media(min-width: 992px) {
    .ContactUsSection .contact-form .form-group .upload-box button {
        height: 3.3333333333vw
    }
}

@media(min-width: 1600px) {
    .ContactUsSection .contact-form .form-group .upload-box button {
        height: 2.6666666667vw
    }
}

@media(max-width: 991px) {
    .ContactUsSection .contact-form .form-group .upload-box button {
        height: 36px
    }
}

@media(max-width: 575px) {
    .ContactUsSection .contact-form .form-group .upload-box button {
        height: 31.2px
    }
}

@media(min-width: 992px) {
    .ContactUsSection .contact-form .form-group .upload-box button {
        width: 9.7222222222vw
    }
}

@media(min-width: 1600px) {
    .ContactUsSection .contact-form .form-group .upload-box button {
        width: 7.7777777778vw
    }
}

@media(max-width: 991px) {
    .ContactUsSection .contact-form .form-group .upload-box button {
        width: 105px
    }
}

@media(max-width: 575px) {
    .ContactUsSection .contact-form .form-group .upload-box button {
        width: 91px
    }
}

@media(min-width: 992px) {
    .ContactUsSection .contact-form .form-group .upload-box button {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .ContactUsSection .contact-form .form-group .upload-box button {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .ContactUsSection .contact-form .form-group .upload-box button {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .ContactUsSection .contact-form .form-group .upload-box button {
        font-size: 10.4px
    }
}

@media(max-width: 991px) {
    .ContactUsSection .contact-form .form-group .upload-box {
        padding: 24px 16px;
        flex-direction: column;
        align-items: flex-start
    }

    .ContactUsSection .contact-form .form-group .upload-box .text-class img {
        width: 36px;
        height: 36px
    }

    .ContactUsSection .contact-form .form-group .upload-box button {
        margin-inline-start: 46px
    }
}

@media(max-width: 767px) {
    .ContactUsSection .contact-form .form-group .upload-box {
        padding: 30px;
        flex-direction: row;
        align-items: center
    }

    .ContactUsSection .contact-form .form-group .upload-box button {
        margin-inline-start: 0px
    }
}

@media(max-width: 575px) {
    .ContactUsSection .contact-form .form-group .upload-box {
        padding: 24px 16px
    }
}

@media screen and (max-width: 430px) {
    .ContactUsSection .contact-form .form-group .upload-box {
        flex-direction: column;
        align-items: flex-start
    }

    .ContactUsSection .contact-form .form-group .upload-box button {
        margin-inline-start: 46px
    }
}

.ContactUsSection .contact-form .form-group .upload-box.highlight {
    background-color: #f0f8ff
}

.ContactUsSection .contact-form .form-group .file-name {
    line-height: 16px;
    margin: 0;
    display: block;
    color: #3d3d3d
}

@media(min-width: 992px) {
    .ContactUsSection .contact-form .form-group .file-name {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .ContactUsSection .contact-form .form-group .file-name {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .ContactUsSection .contact-form .form-group .file-name {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .ContactUsSection .contact-form .form-group .file-name {
        font-size: 10.4px
    }
}

@media(min-width: 992px) {
    .ContactUsSection .contact-form .form-group label {
        margin-bottom: 0.4166666667vw
    }
}

@media(min-width: 1600px) {
    .ContactUsSection .contact-form .form-group label {
        margin-bottom: 0.3333333333vw
    }
}

@media(max-width: 991px) {
    .ContactUsSection .contact-form .form-group label {
        margin-bottom: 4.5px
    }
}

@media(max-width: 575px) {
    .ContactUsSection .contact-form .form-group label {
        margin-bottom: 3.9px
    }
}

.ContactUsSection .contact-form .form-group label span {
    color: #e4002b;
    font-weight: 700
}

.ContactUsSection .contact-form .form-group .form-control:focus::placeholder {
    opacity: 0
}

.ContactUsSection .contact-form .commonBtn.redButton {
    margin: 0;
    max-width: 100%;
    border: none
}

.contact-form.careersuccess {
    display: none
}

.contact-form.careersuccess img {
    object-fit: cover
}

@media(min-width: 992px) {
    .contact-form.careersuccess img {
        width: 8.8888888889vw
    }
}

@media(min-width: 1600px) {
    .contact-form.careersuccess img {
        width: 7.1111111111vw
    }
}

@media(max-width: 991px) {
    .contact-form.careersuccess img {
        width: 96px
    }
}

@media(max-width: 575px) {
    .contact-form.careersuccess img {
        width: 83.2px
    }
}

@media(min-width: 992px) {
    .contact-form.careersuccess img {
        height: 8.8888888889vw
    }
}

@media(min-width: 1600px) {
    .contact-form.careersuccess img {
        height: 7.1111111111vw
    }
}

@media(max-width: 991px) {
    .contact-form.careersuccess img {
        height: 96px
    }
}

@media(max-width: 575px) {
    .contact-form.careersuccess img {
        height: 83.2px
    }
}

@media(min-width: 992px) {
    .contact-form.careersuccess img {
        margin-bottom: 3.3333333333vw
    }
}

@media(min-width: 1600px) {
    .contact-form.careersuccess img {
        margin-bottom: 2.6666666667vw
    }
}

@media(max-width: 991px) {
    .contact-form.careersuccess img {
        margin-bottom: 36px
    }
}

@media(max-width: 575px) {
    .contact-form.careersuccess img {
        margin-bottom: 31.2px
    }
}

@media(min-width: 992px) {
    .contactContinents {
        padding-block: 5.5555555556vw
    }
}

@media(min-width: 1600px) {
    .contactContinents {
        padding-block: 4.4444444444vw
    }
}

@media(max-width: 991px) {
    .contactContinents {
        padding-block: 60px
    }
}

@media(max-width: 575px) {
    .contactContinents {
        padding-block: 52px
    }
}

.contactContinents .section-subTitle {
    text-align: center;
    background-color: #f4f6fc;
    display: inline-block
}

@media(min-width: 992px) {
    .contactContinents .section-subTitle {
        font-size: 0.9722222222vw
    }
}

@media(min-width: 1600px) {
    .contactContinents .section-subTitle {
        font-size: 0.7777777778vw
    }
}

@media(max-width: 991px) {
    .contactContinents .section-subTitle {
        font-size: 10.5px
    }
}

@media(max-width: 575px) {
    .contactContinents .section-subTitle {
        font-size: 9.1px
    }
}

@media(min-width: 992px) {
    .contactContinents .section-subTitle {
        padding-block: 0.4166666667vw
    }
}

@media(min-width: 1600px) {
    .contactContinents .section-subTitle {
        padding-block: 0.3333333333vw
    }
}

@media(max-width: 991px) {
    .contactContinents .section-subTitle {
        padding-block: 4.5px
    }
}

@media(max-width: 575px) {
    .contactContinents .section-subTitle {
        padding-block: 3.9px
    }
}

@media(min-width: 992px) {
    .contactContinents .section-subTitle {
        padding-inline: 0.8333333333vw
    }
}

@media(min-width: 1600px) {
    .contactContinents .section-subTitle {
        padding-inline: 0.6666666667vw
    }
}

@media(max-width: 991px) {
    .contactContinents .section-subTitle {
        padding-inline: 9px
    }
}

@media(max-width: 575px) {
    .contactContinents .section-subTitle {
        padding-inline: 7.8px
    }
}

@media(min-width: 992px) {
    .contactContinents .section-subTitle {
        margin-bottom: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .contactContinents .section-subTitle {
        margin-bottom: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .contactContinents .section-subTitle {
        margin-bottom: 12px
    }
}

@media(max-width: 575px) {
    .contactContinents .section-subTitle {
        margin-bottom: 10.4px
    }
}

@media(min-width: 992px) {
    .contactContinents .section-subTitle {
        border-radius: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .contactContinents .section-subTitle {
        border-radius: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .contactContinents .section-subTitle {
        border-radius: 22.5px
    }
}

@media(max-width: 575px) {
    .contactContinents .section-subTitle {
        border-radius: 19.5px
    }
}

.contactContinents .section-title {
    text-align: center
}

@media(min-width: 992px) {
    .contactContinents .section-title {
        margin-bottom: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .contactContinents .section-title {
        margin-bottom: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .contactContinents .section-title {
        margin-bottom: 18px
    }
}

@media(max-width: 575px) {
    .contactContinents .section-title {
        margin-bottom: 15.6px
    }
}

.contactContinents .section-sub-title {
    text-align: center;
    font-weight: 500;
    color: #3d3d3d
}

@media(min-width: 992px) {
    .contactContinents .section-sub-title {
        margin-bottom: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .contactContinents .section-sub-title {
        margin-bottom: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .contactContinents .section-sub-title {
        margin-bottom: 18px
    }
}

@media(max-width: 575px) {
    .contactContinents .section-sub-title {
        margin-bottom: 15.6px
    }
}

.contactContinents .Mobile-Pop-up {
    display: none
}

.contactContinents .continent-map {
    position: relative
}

.contactContinents .continent-map .world-map {
    width: 100%
}

.contactContinents .continent-map .flag img {
    position: absolute;
    cursor: pointer
}

@media(min-width: 992px) {
    .contactContinents .continent-map .flag img {
        width: 2.5vw
    }
}

@media(min-width: 1600px) {
    .contactContinents .continent-map .flag img {
        width: 2vw
    }
}

@media(max-width: 991px) {
    .contactContinents .continent-map .flag img {
        width: 27px
    }
}

@media(max-width: 575px) {
    .contactContinents .continent-map .flag img {
        width: 23.4px
    }
}

@media(min-width: 992px) {
    .contactContinents .continent-map .flag img {
        height: 2.5vw
    }
}

@media(min-width: 1600px) {
    .contactContinents .continent-map .flag img {
        height: 2vw
    }
}

@media(max-width: 991px) {
    .contactContinents .continent-map .flag img {
        height: 27px
    }
}

@media(max-width: 575px) {
    .contactContinents .continent-map .flag img {
        height: 23.4px
    }
}

.contactContinents .continent-map .flag img.Saudi {
    top: 33%;
    left: 53.3%;
    transform: translate(-51%, -50%)
}

.contactContinents .continent-map .flag img.Bahrain {
    top: 29%;
    left: 55.5%;
    transform: translate(-51%, -50%)
}

.contactContinents .continent-map .flag img.UAE {
    top: 32%;
    left: 58.3%;
    transform: translate(-51%, -50%)
}

.contactContinents .continent-map .flag img.Africa {
    top: 60%;
    left: 46%;
    transform: translate(-51%, -50%)
}

.contactContinents .continent-map .flag img.Americas {
    top: 57%;
    left: 18%;
    transform: translate(-51%, -50%)
}

.contactContinents .continent-map .flag img.Egypt {
    top: 30%;
    left: 48%;
    transform: translate(-51%, -50%)
}

.contactContinents .continent-map .flag img.Phillipines {
    top: 47%;
    left: 78%;
    transform: translate(-51%, -50%)
}

.contactContinents .continent-map .Pop-up .globe-popup {
    position: absolute;
    top: 0;
    background-color: #fff;
    box-shadow: rgba(50, 50, 93, .25) 0px 13px 27px -5px, rgba(0, 0, 0, .3) 0px 8px 16px -8px
}

@media(min-width: 992px) {
    .contactContinents .continent-map .Pop-up .globe-popup {
        width: 27.0833333333vw
    }
}

@media(min-width: 1600px) {
    .contactContinents .continent-map .Pop-up .globe-popup {
        width: 21.6666666667vw
    }
}

@media(max-width: 991px) {
    .contactContinents .continent-map .Pop-up .globe-popup {
        width: 292.5px
    }
}

@media(max-width: 575px) {
    .contactContinents .continent-map .Pop-up .globe-popup {
        width: 253.5px
    }
}

@media(min-width: 992px) {
    .contactContinents .continent-map .Pop-up .globe-popup {
        height: 17.3611111111vw
    }
}

@media(min-width: 1600px) {
    .contactContinents .continent-map .Pop-up .globe-popup {
        height: 13.8888888889vw
    }
}

@media(max-width: 991px) {
    .contactContinents .continent-map .Pop-up .globe-popup {
        height: 187.5px
    }
}

@media(max-width: 575px) {
    .contactContinents .continent-map .Pop-up .globe-popup {
        height: 162.5px
    }
}

@media(min-width: 992px) {
    .contactContinents .continent-map .Pop-up .globe-popup {
        border-radius: 0.9722222222vw
    }
}

@media(min-width: 1600px) {
    .contactContinents .continent-map .Pop-up .globe-popup {
        border-radius: 0.7777777778vw
    }
}

@media(max-width: 991px) {
    .contactContinents .continent-map .Pop-up .globe-popup {
        border-radius: 10.5px
    }
}

@media(max-width: 575px) {
    .contactContinents .continent-map .Pop-up .globe-popup {
        border-radius: 9.1px
    }
}

@media(min-width: 992px) {
    .contactContinents .continent-map .Pop-up .globe-popup {
        padding-inline: 3.3333333333vw
    }
}

@media(min-width: 1600px) {
    .contactContinents .continent-map .Pop-up .globe-popup {
        padding-inline: 2.6666666667vw
    }
}

@media(max-width: 991px) {
    .contactContinents .continent-map .Pop-up .globe-popup {
        padding-inline: 36px
    }
}

@media(max-width: 575px) {
    .contactContinents .continent-map .Pop-up .globe-popup {
        padding-inline: 31.2px
    }
}

@media(min-width: 992px) {
    .contactContinents .continent-map .Pop-up .globe-popup {
        padding-block: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .contactContinents .continent-map .Pop-up .globe-popup {
        padding-block: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .contactContinents .continent-map .Pop-up .globe-popup {
        padding-block: 18px
    }
}

@media(max-width: 575px) {
    .contactContinents .continent-map .Pop-up .globe-popup {
        padding-block: 15.6px
    }
}

.contactContinents .continent-map .Pop-up .globe-popup .title-content {
    display: flex;
    align-items: center;
    justify-content: start
}

@media(min-width: 992px) {
    .contactContinents .continent-map .Pop-up .globe-popup .title-content {
        gap: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .contactContinents .continent-map .Pop-up .globe-popup .title-content {
        gap: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .contactContinents .continent-map .Pop-up .globe-popup .title-content {
        gap: 6px
    }
}

@media(max-width: 575px) {
    .contactContinents .continent-map .Pop-up .globe-popup .title-content {
        gap: 5.2px
    }
}

.contactContinents .continent-map .Pop-up .globe-popup .title-content h3 {
    font-weight: 700;
    margin: 0
}

@media(min-width: 992px) {
    .contactContinents .continent-map .Pop-up .globe-popup .title-content h3 {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .contactContinents .continent-map .Pop-up .globe-popup .title-content h3 {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .contactContinents .continent-map .Pop-up .globe-popup .title-content h3 {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .contactContinents .continent-map .Pop-up .globe-popup .title-content h3 {
        font-size: 15.6px
    }
}

@media(min-width: 992px) {
    .contactContinents .continent-map .Pop-up .globe-popup .title-content img {
        height: 3.4722222222vw
    }
}

@media(min-width: 1600px) {
    .contactContinents .continent-map .Pop-up .globe-popup .title-content img {
        height: 2.7777777778vw
    }
}

@media(max-width: 991px) {
    .contactContinents .continent-map .Pop-up .globe-popup .title-content img {
        height: 37.5px
    }
}

@media(max-width: 575px) {
    .contactContinents .continent-map .Pop-up .globe-popup .title-content img {
        height: 32.5px
    }
}

@media(min-width: 992px) {
    .contactContinents .continent-map .Pop-up .globe-popup .title-content img {
        width: 4.8611111111vw
    }
}

@media(min-width: 1600px) {
    .contactContinents .continent-map .Pop-up .globe-popup .title-content img {
        width: 3.8888888889vw
    }
}

@media(max-width: 991px) {
    .contactContinents .continent-map .Pop-up .globe-popup .title-content img {
        width: 52.5px
    }
}

@media(max-width: 575px) {
    .contactContinents .continent-map .Pop-up .globe-popup .title-content img {
        width: 45.5px
    }
}

.contactContinents .continent-map .Pop-up .globe-popup p {
    line-height: 2;
    font-weight: 500;
    color: #3d3d3d;
    margin-bottom: 0
}

@media(min-width: 992px) {
    .contactContinents .continent-map .Pop-up .globe-popup p {
        font-size: 0.8333333333vw
    }
}

@media(min-width: 1600px) {
    .contactContinents .continent-map .Pop-up .globe-popup p {
        font-size: 0.6666666667vw
    }
}

@media(max-width: 991px) {
    .contactContinents .continent-map .Pop-up .globe-popup p {
        font-size: 9px
    }
}

@media(max-width: 575px) {
    .contactContinents .continent-map .Pop-up .globe-popup p {
        font-size: 7.8px
    }
}

@media(min-width: 992px) {
    .contactContinents .continent-map .Pop-up .globe-popup p {
        margin-block: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .contactContinents .continent-map .Pop-up .globe-popup p {
        margin-block: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .contactContinents .continent-map .Pop-up .globe-popup p {
        margin-block: 18px
    }
}

@media(max-width: 575px) {
    .contactContinents .continent-map .Pop-up .globe-popup p {
        margin-block: 15.6px
    }
}

.contactContinents .continent-map .Pop-up .globe-popup:before {
    content: "";
    position: absolute;
    bottom: -4%;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    background-color: #fff
}

@media(min-width: 992px) {
    .contactContinents .continent-map .Pop-up .globe-popup:before {
        width: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .contactContinents .continent-map .Pop-up .globe-popup:before {
        width: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .contactContinents .continent-map .Pop-up .globe-popup:before {
        width: 15px
    }
}

@media(max-width: 575px) {
    .contactContinents .continent-map .Pop-up .globe-popup:before {
        width: 13px
    }
}

@media(min-width: 992px) {
    .contactContinents .continent-map .Pop-up .globe-popup:before {
        height: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .contactContinents .continent-map .Pop-up .globe-popup:before {
        height: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .contactContinents .continent-map .Pop-up .globe-popup:before {
        height: 15px
    }
}

@media(max-width: 575px) {
    .contactContinents .continent-map .Pop-up .globe-popup:before {
        height: 13px
    }
}

.contactContinents .continent-map .Pop-up .globe-popup .fa-times-circle {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: #e4002b
}

@media(min-width: 992px) {
    .contactContinents .continent-map .Pop-up .globe-popup .fa-times-circle {
        padding: 0.9722222222vw
    }
}

@media(min-width: 1600px) {
    .contactContinents .continent-map .Pop-up .globe-popup .fa-times-circle {
        padding: 0.7777777778vw
    }
}

@media(max-width: 991px) {
    .contactContinents .continent-map .Pop-up .globe-popup .fa-times-circle {
        padding: 10.5px
    }
}

@media(max-width: 575px) {
    .contactContinents .continent-map .Pop-up .globe-popup .fa-times-circle {
        padding: 9.1px
    }
}

.contactContinents .continent-map .Pop-up .globe-popup#Saudi {
    top: 3%;
    left: 53.2%;
    transform: translate(-50%, -50%)
}

.contactContinents .continent-map .Pop-up .globe-popup#Bahrain {
    top: -1.5%;
    left: 55.3%;
    transform: translate(-50%, -50%)
}

.contactContinents .continent-map .Pop-up .globe-popup#UAE {
    top: 2%;
    left: 58.2%;
    transform: translate(-50%, -50%)
}

.contactContinents .continent-map .Pop-up .globe-popup#Africa {
    top: 35%;
    left: 46%;
    transform: translate(-50%, -50%)
}

.contactContinents .continent-map .Pop-up .globe-popup#Americas {
    top: 32.25%;
    left: 18%;
    transform: translate(-50%, -50%)
}

.contactContinents .continent-map .Pop-up .globe-popup#Egypt {
    top: -0.5%;
    left: 48.2%;
    transform: translate(-51%, -50%)
}

.contactContinents .continent-map .Pop-up .globe-popup#Phillipines {
    top: 22.5%;
    left: 78.3%;
    transform: translate(-51%, -50%)
}

@media(max-width: 767px) {
    .ContactUsSection {
        padding-block: 30px
    }

    .ContactUsSection .contactBannerImg {
        display: none
    }

    .ContactUsSection .contact-form {
        padding-inline: 25px
    }
}

@media(max-width: 575px) {
    .contactBreadcrumbs .breadcrumb-golden {
        padding-top: 30px;
        padding-bottom: 30px;
        margin-bottom: 0
    }

    .ContactUsSection {
        padding-block: 30px
    }

    .ContactUsSection .contact-form {
        padding-inline: 25px
    }

    .contactContinents .continent-map {
        padding: 0
    }

    .contactContinents .continent-map .world-map {
        display: none
    }

    .contactContinents .continent-map .flag {
        display: none
    }

    .contactContinents .continent-map .Pop-up {
        display: none
    }

    .contactContinents .Mobile-Pop-up {
        display: block;
        padding-inline: 25px
    }

    .contactContinents .Mobile-Pop-up .globe-popup {
        padding: 16px;
        margin-block: 15px;
        position: relative;
        border-radius: 14px;
        width: 100%;
        background-color: #fff;
        box-shadow: rgba(50, 50, 93, .25) 0px 13px 27px -5px, rgba(0, 0, 0, .3) 0px 8px 16px -8px
    }

    .contactContinents .Mobile-Pop-up .globe-popup .title-content {
        display: flex;
        align-items: center;
        justify-content: start
    }
}

@media(max-width: 575px)and (min-width: 992px) {
    .contactContinents .Mobile-Pop-up .globe-popup .title-content {
        gap: 0.5555555556vw
    }
}

@media(max-width: 575px)and (min-width: 1600px) {
    .contactContinents .Mobile-Pop-up .globe-popup .title-content {
        gap: 0.4444444444vw
    }
}

@media(max-width: 575px)and (max-width: 991px) {
    .contactContinents .Mobile-Pop-up .globe-popup .title-content {
        gap: 6px
    }
}

@media(max-width: 575px)and (max-width: 575px) {
    .contactContinents .Mobile-Pop-up .globe-popup .title-content {
        gap: 5.2px
    }
}

@media(max-width: 575px) {
    .contactContinents .Mobile-Pop-up .globe-popup .title-content h3 {
        font-weight: 700;
        margin: 0
    }
}

@media(max-width: 575px)and (min-width: 992px) {
    .contactContinents .Mobile-Pop-up .globe-popup .title-content h3 {
        font-size: 1.6666666667vw
    }
}

@media(max-width: 575px)and (min-width: 1600px) {
    .contactContinents .Mobile-Pop-up .globe-popup .title-content h3 {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 575px)and (max-width: 991px) {
    .contactContinents .Mobile-Pop-up .globe-popup .title-content h3 {
        font-size: 18px
    }
}

@media(max-width: 575px)and (max-width: 575px) {
    .contactContinents .Mobile-Pop-up .globe-popup .title-content h3 {
        font-size: 15.6px
    }
}

@media(max-width: 575px)and (min-width: 992px) {
    .contactContinents .Mobile-Pop-up .globe-popup .title-content img {
        height: 3.4722222222vw
    }
}

@media(max-width: 575px)and (min-width: 1600px) {
    .contactContinents .Mobile-Pop-up .globe-popup .title-content img {
        height: 2.7777777778vw
    }
}

@media(max-width: 575px)and (max-width: 991px) {
    .contactContinents .Mobile-Pop-up .globe-popup .title-content img {
        height: 37.5px
    }
}

@media(max-width: 575px)and (max-width: 575px) {
    .contactContinents .Mobile-Pop-up .globe-popup .title-content img {
        height: 32.5px
    }
}

@media(max-width: 575px)and (min-width: 992px) {
    .contactContinents .Mobile-Pop-up .globe-popup .title-content img {
        width: 4.8611111111vw
    }
}

@media(max-width: 575px)and (min-width: 1600px) {
    .contactContinents .Mobile-Pop-up .globe-popup .title-content img {
        width: 3.8888888889vw
    }
}

@media(max-width: 575px)and (max-width: 991px) {
    .contactContinents .Mobile-Pop-up .globe-popup .title-content img {
        width: 52.5px
    }
}

@media(max-width: 575px)and (max-width: 575px) {
    .contactContinents .Mobile-Pop-up .globe-popup .title-content img {
        width: 45.5px
    }
}

@media(max-width: 575px) {
    .contactContinents .Mobile-Pop-up .globe-popup p {
        line-height: 2;
        font-size: 12px;
        font-weight: 500;
        color: #3d3d3d;
        margin-bottom: 0
    }
}

@media(max-width: 575px)and (min-width: 992px) {
    .contactContinents .Mobile-Pop-up .globe-popup p {
        margin-block: 1.6666666667vw
    }
}

@media(max-width: 575px)and (min-width: 1600px) {
    .contactContinents .Mobile-Pop-up .globe-popup p {
        margin-block: 1.3333333333vw
    }
}

@media(max-width: 575px)and (max-width: 991px) {
    .contactContinents .Mobile-Pop-up .globe-popup p {
        margin-block: 18px
    }
}

@media(max-width: 575px)and (max-width: 575px) {
    .contactContinents .Mobile-Pop-up .globe-popup p {
        margin-block: 15.6px
    }
}

@media(max-width: 575px) {
    .contactContinents .Mobile-Pop-up .globe-popup .commonBtn.redArrowButton {
        background-color: #e4002b;
        color: #fff
    }
}

@media(max-width: 575px)and (min-width: 992px) {
    .contactContinents .Mobile-Pop-up .globe-popup .commonBtn.redArrowButton {
        padding-inline: 1.3888888889vw
    }
}

@media(max-width: 575px)and (min-width: 1600px) {
    .contactContinents .Mobile-Pop-up .globe-popup .commonBtn.redArrowButton {
        padding-inline: 1.1111111111vw
    }
}

@media(max-width: 575px)and (max-width: 991px) {
    .contactContinents .Mobile-Pop-up .globe-popup .commonBtn.redArrowButton {
        padding-inline: 15px
    }
}

@media(max-width: 575px)and (max-width: 575px) {
    .contactContinents .Mobile-Pop-up .globe-popup .commonBtn.redArrowButton {
        padding-inline: 13px
    }
}

@media(max-width: 575px) {
    .contactContinents .Mobile-Pop-up .globe-popup .commonBtn.redArrowButton i {
        color: #fff
    }
}

@media(max-width: 991px) {
    .ContactUsSection .breadcrumb-golden {
        margin-bottom: 30px;
        padding-top: 10px
    }

    .ContactUsSection .contact-form {
        padding-block: 30px
    }

    .contactContinents .continent-map .flag img {
        height: 15px;
        width: 15px
    }

    .contactContinents .continent-map .flag img.Saudi {
        top: 29%;
        left: 53%;
        transform: translate(-51%, -50%)
    }

    .contactContinents .continent-map .flag img.Bahrain {
        top: 28%;
        left: 55%;
        transform: translate(-51%, -50%)
    }

    .contactContinents .continent-map .flag img.UAE {
        top: 31%;
        left: 58%;
        transform: translate(-51%, -50%)
    }

    .contactContinents .continent-map .flag img.Africa {
        top: 52%;
        left: 46%;
        transform: translate(-51%, -50%)
    }

    .contactContinents .continent-map .flag img.Americas {
        top: 54%;
        left: 18%;
        transform: translate(-51%, -50%)
    }

    .contactContinents .continent-map .flag img.Egypt {
        top: 30%;
        left: 47.5%;
        transform: translate(-51%, -50%)
    }
}

[lang=ar] .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder {
    font-family: "GESSTwo" !important
}

[lang=ar] .select2-container .select2-search--inline .select2-search__field {
    font-family: "GESSTwo" !important
}

[lang=ar] .ContactUsSection .contact-form select {
    background-position: left 20px center
}

.AU-Intro {
    height: 100vh;
    overflow: hidden;
    position: relative
}

.AU-Intro .img-container {
    overflow: hidden;
    height: 85vh;
    position: fixed;
    top: 0;
    width: 100%
}

.AU-Intro .img-container::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    box-shadow: inset 0 -60px 40px #fff
}

.AU-Intro .img-container .reveal {
    height: 100%
}

.AU-Intro .img-container .reveal .image-wrap {
    position: relative;
    width: auto;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: end;
    overflow: hidden;
    visibility: hidden
}

.AU-Intro .img-container .reveal .image-wrap .front {
    width: auto;
    opacity: 0;
    animation: fadeInScaleUp 1s ease-in 1s forwards;
    visibility: visible;
    object-fit: cover;
    height: 40vh
}

.AU-Intro .img-container .back {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    object-fit: cover;
    animation: fadeIn 2s ease-in forwards
}

.AU-Intro .introduction {
    height: 15vh;
    position: fixed;
    bottom: 0;
    display: flex;
    align-items: center
}

@media(min-width: 992px) {
    .AU-Intro .introduction img {
        margin-inline-end: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .AU-Intro .introduction img {
        margin-inline-end: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .AU-Intro .introduction img {
        margin-inline-end: 30px
    }
}

@media(max-width: 575px) {
    .AU-Intro .introduction img {
        margin-inline-end: 26px
    }
}

@media(min-width: 992px) {
    .AU-Intro .introduction img {
        height: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .AU-Intro .introduction img {
        height: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .AU-Intro .introduction img {
        height: 45px
    }
}

@media(max-width: 575px) {
    .AU-Intro .introduction img {
        height: 39px
    }
}

@media(min-width: 992px) {
    .AU-Intro .introduction img {
        width: 4.8611111111vw
    }
}

@media(min-width: 1600px) {
    .AU-Intro .introduction img {
        width: 3.8888888889vw
    }
}

@media(max-width: 991px) {
    .AU-Intro .introduction img {
        width: 52.5px
    }
}

@media(max-width: 575px) {
    .AU-Intro .introduction img {
        width: 45.5px
    }
}

.AU-Intro .introduction h1 {
    font-weight: 600;
    line-height: 1.2
}

@media(min-width: 992px) {
    .AU-Intro .introduction h1 {
        font-size: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .AU-Intro .introduction h1 {
        font-size: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .AU-Intro .introduction h1 {
        font-size: 30px
    }
}

@media(max-width: 575px) {
    .AU-Intro .introduction h1 {
        font-size: 26px
    }
}

.AU-Waves {
    box-shadow: rgba(0, 0, 0, .1) 0px 0px 40px;
    position: relative;
    text-align: center;
    background: linear-gradient(60deg, #0029be 0%, #0067c5 100%);
    height: 100vh !important;
    overflow-x: hidden;
    overflow-y: hidden
}

.AU-Waves .container {
    height: 85vh;
    margin: 0 auto
}

@media(min-width: 992px) {
    .AU-Waves .container {
        padding-top: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .AU-Waves .container {
        padding-top: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .AU-Waves .container {
        padding-top: 45px
    }
}

@media(max-width: 575px) {
    .AU-Waves .container {
        padding-top: 39px
    }
}

.AU-Waves .container .description {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%
}

.AU-Waves .container .description .content {
    color: #fff;
    line-height: 1.5;
    text-align: start
}

@media(min-width: 992px) {
    .AU-Waves .container .description .content {
        padding-bottom: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .AU-Waves .container .description .content {
        padding-bottom: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .AU-Waves .container .description .content {
        padding-bottom: 30px
    }
}

@media(max-width: 575px) {
    .AU-Waves .container .description .content {
        padding-bottom: 26px
    }
}

@media(min-width: 992px) {
    .AU-Waves .container .description .content {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .AU-Waves .container .description .content {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .AU-Waves .container .description .content {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .AU-Waves .container .description .content {
        font-size: 15.6px
    }
}

.AU-Waves .box-drift {
    position: absolute;
    width: 100px;
    height: 100%;
    bottom: -25%;
    left: 0%;
    animation: doDrift 16s infinite
}

.AU-Waves .box-bob {
    position: absolute;
    top: 55%;
    width: 100px;
    background: none;
    animation: doBob 2s infinite
}

.AU-Waves .box-pitch {
    height: 100px;
    animation: doPitch 1s infinite
}

.AU-Waves .left-sail {
    background: #fff;
    position: absolute;
    z-index: 102;
    top: 20%;
    left: 35%;
    width: 40%;
    height: 40%;
    -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    clip-path: polygon(100% 0, 0% 100%, 100% 100%)
}

.AU-Waves .right-sail {
    background: #fff;
    position: absolute;
    z-index: 102;
    top: 5%;
    left: 80%;
    width: 45%;
    height: 55%;
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
    clip-path: polygon(0 0, 0% 100%, 100% 100%)
}

.AU-Waves .hull {
    background: #fff;
    position: absolute;
    z-index: 102;
    top: 65%;
    left: 10%;
    width: 150%;
    height: 40%;
    -webkit-clip-path: polygon(0 0, 100% 0, 79% 100%, 18% 100%);
    clip-path: polygon(0 0, 100% 0, 79% 100%, 18% 100%)
}

.AU-Waves .waves {
    position: relative;
    width: 100%;
    height: 15vh;
    margin-bottom: -7px;
    min-height: 100px;
    max-height: 25vh
}

.AU-Waves .parallax>use {
    animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite
}

.AU-Waves .parallax>use:nth-child(1) {
    animation-delay: -1s;
    animation-duration: 10s
}

.AU-Waves .parallax>use:nth-child(2) {
    animation-delay: -2s;
    animation-duration: 11s
}

.AU-Waves .parallax>use:nth-child(3) {
    animation-delay: -3s;
    animation-duration: 12s
}

.AU-Waves .parallax>use:nth-child(4) {
    animation-delay: -4s;
    animation-duration: 13s
}

@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0)
    }

    100% {
        transform: translate3d(85px, 0, 0)
    }
}

.AU-timeline {
    box-shadow: rgba(0, 0, 0, .1) 0px 0px 40px;
    background-color: #fff;
    position: relative
}

@media(min-width: 992px) {
    .AU-timeline {
        padding-block: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .AU-timeline {
        padding-block: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .AU-timeline {
        padding-block: 45px
    }
}

@media(max-width: 575px) {
    .AU-timeline {
        padding-block: 39px
    }
}

.AU-timelineSlider {
    height: auto
}

.AU-timelineSlider .swiper-pagination-bullet {
    display: none
}

@media(min-width: 992px) {
    .AU-timelineSlider {
        margin-inline-start: 10.4166666667vw
    }
}

@media(min-width: 1600px) {
    .AU-timelineSlider {
        margin-inline-start: 8.3333333333vw
    }
}

@media(max-width: 991px) {
    .AU-timelineSlider {
        margin-inline-start: 112.5px
    }
}

@media(max-width: 575px) {
    .AU-timelineSlider {
        margin-inline-start: 97.5px
    }
}

@media(min-width: 992px) {
    .AU-timelineSlider {
        margin-top: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .AU-timelineSlider {
        margin-top: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .AU-timelineSlider {
        margin-top: 12px
    }
}

@media(max-width: 575px) {
    .AU-timelineSlider {
        margin-top: 10.4px
    }
}

@media(min-width: 1600px)and (min-width: 992px) {
    .AU-timelineSlider {
        margin-inline-start: 22.2222222222vw
    }
}

@media(min-width: 1600px)and (min-width: 1600px) {
    .AU-timelineSlider {
        margin-inline-start: 17.7777777778vw
    }
}

@media(min-width: 1600px)and (max-width: 991px) {
    .AU-timelineSlider {
        margin-inline-start: 240px
    }
}

@media(min-width: 1600px)and (max-width: 575px) {
    .AU-timelineSlider {
        margin-inline-start: 208px
    }
}

.AU-timelineSlider .swiper-slide .imgHover {
    overflow: hidden;
    transition: all .3s ease-in
}

@media(min-width: 992px) {
    .AU-timelineSlider .swiper-slide .imgHover {
        border-radius: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .AU-timelineSlider .swiper-slide .imgHover {
        border-radius: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .AU-timelineSlider .swiper-slide .imgHover {
        border-radius: 12px
    }
}

@media(max-width: 575px) {
    .AU-timelineSlider .swiper-slide .imgHover {
        border-radius: 10.4px
    }
}

@media(min-width: 992px) {
    .AU-timelineSlider .swiper-slide .imgHover {
        margin-inline-end: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .AU-timelineSlider .swiper-slide .imgHover {
        margin-inline-end: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .AU-timelineSlider .swiper-slide .imgHover {
        margin-inline-end: 45px
    }
}

@media(max-width: 575px) {
    .AU-timelineSlider .swiper-slide .imgHover {
        margin-inline-end: 39px
    }
}

@media(min-width: 992px) {
    .AU-timelineSlider .swiper-slide .imgHover {
        max-width: 29.1666666667vw
    }
}

@media(min-width: 1600px) {
    .AU-timelineSlider .swiper-slide .imgHover {
        max-width: 23.3333333333vw
    }
}

@media(max-width: 991px) {
    .AU-timelineSlider .swiper-slide .imgHover {
        max-width: 315px
    }
}

@media(max-width: 575px) {
    .AU-timelineSlider .swiper-slide .imgHover {
        max-width: 273px
    }
}

@media(min-width: 992px) {
    .AU-timelineSlider .swiper-slide .imgHover {
        max-height: 20.8333333333vw
    }
}

@media(min-width: 1600px) {
    .AU-timelineSlider .swiper-slide .imgHover {
        max-height: 16.6666666667vw
    }
}

@media(max-width: 991px) {
    .AU-timelineSlider .swiper-slide .imgHover {
        max-height: 225px
    }
}

@media(max-width: 575px) {
    .AU-timelineSlider .swiper-slide .imgHover {
        max-height: 195px
    }
}

.AU-timelineSlider .swiper-slide .imgHover img {
    filter: grayscale(1);
    transition: all .3s ease-in
}

.AU-timelineSlider .swiper-slide .imgHover img:hover {
    filter: grayscale(0);
    transform: scale(1.05);
    transition: all .3s ease-in
}

.AU-timelineSlider .swiper-slide .year {
    color: #e4002b;
    margin-bottom: 15px;
    line-height: 1.2;
    font-weight: 800;
    position: relative
}

@media(min-width: 992px) {
    .AU-timelineSlider .swiper-slide .year {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .AU-timelineSlider .swiper-slide .year {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .AU-timelineSlider .swiper-slide .year {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .AU-timelineSlider .swiper-slide .year {
        font-size: 15.6px
    }
}

@media(min-width: 992px) {
    .AU-timelineSlider .swiper-slide .year {
        margin-top: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .AU-timelineSlider .swiper-slide .year {
        margin-top: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .AU-timelineSlider .swiper-slide .year {
        margin-top: 18px
    }
}

@media(max-width: 575px) {
    .AU-timelineSlider .swiper-slide .year {
        margin-top: 15.6px
    }
}

.AU-timelineSlider .swiper-slide .year::before {
    content: "";
    position: absolute;
    bottom: -23px;
    height: 1px;
    width: 100%;
    background-color: #e4002b
}

.AU-timelineSlider .swiper-slide .dot-pagination {
    transition: all .2s ease-in;
    width: 16px;
    height: 16px;
    background-color: #fff;
    z-index: 10;
    border-radius: 50%;
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
    border: 1px solid #e4002b;
    outline: 0px solid #e4002b;
    outline-offset: 0px;
    pointer-events: none
}

@media(min-width: 992px) {
    .AU-timelineSlider .swiper-slide .dot-pagination {
        margin-inline-start: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .AU-timelineSlider .swiper-slide .dot-pagination {
        margin-inline-start: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .AU-timelineSlider .swiper-slide .dot-pagination {
        margin-inline-start: 6px
    }
}

@media(max-width: 575px) {
    .AU-timelineSlider .swiper-slide .dot-pagination {
        margin-inline-start: 5.2px
    }
}

.AU-timelineSlider .swiper-slide .dot-pagination:hover {
    outline: 1px solid #e4002b;
    outline-offset: 5px;
    background-color: #e4002b;
    transition: all .2s ease-in
}

.AU-timelineSlider .swiper-slide .cardDesc {
    color: #3d3d3d;
    line-height: 1.2;
    font-weight: 500
}

@media(min-width: 992px) {
    .AU-timelineSlider .swiper-slide .cardDesc {
        font-size: 0.9722222222vw
    }
}

@media(min-width: 1600px) {
    .AU-timelineSlider .swiper-slide .cardDesc {
        font-size: 0.7777777778vw
    }
}

@media(max-width: 991px) {
    .AU-timelineSlider .swiper-slide .cardDesc {
        font-size: 10.5px
    }
}

@media(max-width: 575px) {
    .AU-timelineSlider .swiper-slide .cardDesc {
        font-size: 9.1px
    }
}

@media(min-width: 992px) {
    .AU-timelineSlider .swiper-slide .cardDesc {
        padding-top: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .AU-timelineSlider .swiper-slide .cardDesc {
        padding-top: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .AU-timelineSlider .swiper-slide .cardDesc {
        padding-top: 12px
    }
}

@media(max-width: 575px) {
    .AU-timelineSlider .swiper-slide .cardDesc {
        padding-top: 10.4px
    }
}

@media(min-width: 992px) {
    .AU-timelineSlider .swiper-slide .cardDesc {
        margin-bottom: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .AU-timelineSlider .swiper-slide .cardDesc {
        margin-bottom: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .AU-timelineSlider .swiper-slide .cardDesc {
        margin-bottom: 6px
    }
}

@media(max-width: 575px) {
    .AU-timelineSlider .swiper-slide .cardDesc {
        margin-bottom: 5.2px
    }
}

@media(min-width: 992px) {
    .AU-timelineSlider .swiper-slide .cardDesc {
        margin-inline-end: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .AU-timelineSlider .swiper-slide .cardDesc {
        margin-inline-end: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .AU-timelineSlider .swiper-slide .cardDesc {
        margin-inline-end: 45px
    }
}

@media(max-width: 575px) {
    .AU-timelineSlider .swiper-slide .cardDesc {
        margin-inline-end: 39px
    }
}

@media(min-width: 992px) {
    .AU-timelineSlider .swiper-slide .cardDesc {
        max-width: 29.1666666667vw
    }
}

@media(min-width: 1600px) {
    .AU-timelineSlider .swiper-slide .cardDesc {
        max-width: 23.3333333333vw
    }
}

@media(max-width: 991px) {
    .AU-timelineSlider .swiper-slide .cardDesc {
        max-width: 315px
    }
}

@media(max-width: 575px) {
    .AU-timelineSlider .swiper-slide .cardDesc {
        max-width: 273px
    }
}

.AU-timelineSlider .swiper-slide-active .dot-pagination {
    background-color: #e4002b
}

.AU-timelineSlider .swiper-slide-active .dot-pagination::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 0, 0, .2);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(1);
    animation: pulse 2s infinite
}

.AU-timelineSlider .swiper-slide-active .dot-pagination::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 0, 0, .4);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(1);
    animation: pulse2 2s infinite
}

.AU-timeline .recipSliderArrows {
    background-color: #fff;
    display: flex;
    width: max-content;
    height: max-content;
    box-shadow: rgba(0, 0, 0, .1) 0px 0px 15px 0px
}

@media(min-width: 992px) {
    .AU-timeline .recipSliderArrows {
        margin-bottom: 0vw
    }
}

@media(min-width: 1600px) {
    .AU-timeline .recipSliderArrows {
        margin-bottom: 0vw
    }
}

@media(max-width: 991px) {
    .AU-timeline .recipSliderArrows {
        margin-bottom: 0px
    }
}

@media(max-width: 575px) {
    .AU-timeline .recipSliderArrows {
        margin-bottom: 0px
    }
}

@media(min-width: 992px) {
    .AU-timeline .recipSliderArrows {
        border-radius: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .AU-timeline .recipSliderArrows {
        border-radius: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .AU-timeline .recipSliderArrows {
        border-radius: 7.5px
    }
}

@media(max-width: 575px) {
    .AU-timeline .recipSliderArrows {
        border-radius: 6.5px
    }
}

@media(min-width: 992px) {
    .AU-timeline .recipSliderArrows {
        padding: 0.3472222222vw
    }
}

@media(min-width: 1600px) {
    .AU-timeline .recipSliderArrows {
        padding: 0.2777777778vw
    }
}

@media(max-width: 991px) {
    .AU-timeline .recipSliderArrows {
        padding: 3.75px
    }
}

@media(max-width: 575px) {
    .AU-timeline .recipSliderArrows {
        padding: 3.25px
    }
}

@media(min-width: 992px) {
    .AU-timeline .recipSliderArrows {
        gap: 0.2083333333vw
    }
}

@media(min-width: 1600px) {
    .AU-timeline .recipSliderArrows {
        gap: 0.1666666667vw
    }
}

@media(max-width: 991px) {
    .AU-timeline .recipSliderArrows {
        gap: 2.25px
    }
}

@media(max-width: 575px) {
    .AU-timeline .recipSliderArrows {
        gap: 1.95px
    }
}

.AU-timeline .recipSliderArrows .recipes-button {
    transition: all .3s ease;
    color: #e4002b
}

@media(min-width: 992px) {
    .AU-timeline .recipSliderArrows .recipes-button {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .AU-timeline .recipSliderArrows .recipes-button {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .AU-timeline .recipSliderArrows .recipes-button {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .AU-timeline .recipSliderArrows .recipes-button {
        font-size: 10.4px
    }
}

@media(min-width: 992px) {
    .AU-timeline .recipSliderArrows .recipes-button {
        border-radius: 0.4861111111vw
    }
}

@media(min-width: 1600px) {
    .AU-timeline .recipSliderArrows .recipes-button {
        border-radius: 0.3888888889vw
    }
}

@media(max-width: 991px) {
    .AU-timeline .recipSliderArrows .recipes-button {
        border-radius: 5.25px
    }
}

@media(max-width: 575px) {
    .AU-timeline .recipSliderArrows .recipes-button {
        border-radius: 4.55px
    }
}

@media(min-width: 992px) {
    .AU-timeline .recipSliderArrows .recipes-button {
        padding-inline: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .AU-timeline .recipSliderArrows .recipes-button {
        padding-inline: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .AU-timeline .recipSliderArrows .recipes-button {
        padding-inline: 12px
    }
}

@media(max-width: 575px) {
    .AU-timeline .recipSliderArrows .recipes-button {
        padding-inline: 10.4px
    }
}

@media(min-width: 992px) {
    .AU-timeline .recipSliderArrows .recipes-button {
        padding-block: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .AU-timeline .recipSliderArrows .recipes-button {
        padding-block: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .AU-timeline .recipSliderArrows .recipes-button {
        padding-block: 7.5px
    }
}

@media(max-width: 575px) {
    .AU-timeline .recipSliderArrows .recipes-button {
        padding-block: 6.5px
    }
}

.AU-timeline .recipSliderArrows .recipes-button.recipes-next {
    background-color: #e4002b;
    color: #fff
}

.AU-timeline .recipSliderArrows .recipes-button:hover {
    color: #fff;
    background-color: #0b1610
}

.AU-vision {
    box-shadow: rgba(0, 0, 0, .1) 0px 0px 40px;
    background-color: #fff;
    position: relative
}

@media(min-width: 992px) {
    .AU-vision {
        padding-block: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .AU-vision {
        padding-block: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .AU-vision {
        padding-block: 45px
    }
}

@media(max-width: 575px) {
    .AU-vision {
        padding-block: 39px
    }
}

.AU-vision .section-sub-title,
.AU-vision .section-title {
    width: 100%
}

@media(min-width: 992px) {
    .AU-vision .vision-full {
        padding-top: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .AU-vision .vision-full {
        padding-top: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .AU-vision .vision-full {
        padding-top: 45px
    }
}

@media(max-width: 575px) {
    .AU-vision .vision-full {
        padding-top: 39px
    }
}

.AU-vision .vision-full .vision-left {
    text-align: justify;
    line-height: 1.2;
    margin: 0;
    color: #3d3d3d
}

@media(min-width: 992px) {
    .AU-vision .vision-full .vision-left {
        padding-bottom: 16.8055555556vw
    }
}

@media(min-width: 1600px) {
    .AU-vision .vision-full .vision-left {
        padding-bottom: 13.4444444444vw
    }
}

@media(max-width: 991px) {
    .AU-vision .vision-full .vision-left {
        padding-bottom: 181.5px
    }
}

@media(max-width: 575px) {
    .AU-vision .vision-full .vision-left {
        padding-bottom: 157.3px
    }
}

@media(min-width: 992px) {
    .AU-vision .vision-full .vision-left {
        margin-inline-start: 10.4166666667vw
    }
}

@media(min-width: 1600px) {
    .AU-vision .vision-full .vision-left {
        margin-inline-start: 8.3333333333vw
    }
}

@media(max-width: 991px) {
    .AU-vision .vision-full .vision-left {
        margin-inline-start: 112.5px
    }
}

@media(max-width: 575px) {
    .AU-vision .vision-full .vision-left {
        margin-inline-start: 97.5px
    }
}

@media(min-width: 1600px)and (min-width: 992px) {
    .AU-vision .vision-full .vision-left {
        margin-inline-start: 22.2222222222vw
    }
}

@media(min-width: 1600px)and (min-width: 1600px) {
    .AU-vision .vision-full .vision-left {
        margin-inline-start: 17.7777777778vw
    }
}

@media(min-width: 1600px)and (max-width: 991px) {
    .AU-vision .vision-full .vision-left {
        margin-inline-start: 240px
    }
}

@media(min-width: 1600px)and (max-width: 575px) {
    .AU-vision .vision-full .vision-left {
        margin-inline-start: 208px
    }
}

@media(min-width: 992px) {
    .AU-vision .vision-full .vision-left {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .AU-vision .vision-full .vision-left {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .AU-vision .vision-full .vision-left {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .AU-vision .vision-full .vision-left {
        font-size: 15.6px
    }
}

.AU-vision .vision-full .vision-LeftImg {
    overflow: hidden;
    border-start-end-radius: 16px;
    border-end-end-radius: 16px
}

@media(min-width: 992px) {
    .AU-vision .vision-full .vision-LeftImg {
        margin-bottom: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .AU-vision .vision-full .vision-LeftImg {
        margin-bottom: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .AU-vision .vision-full .vision-LeftImg {
        margin-bottom: 22.5px
    }
}

@media(max-width: 575px) {
    .AU-vision .vision-full .vision-LeftImg {
        margin-bottom: 19.5px
    }
}

@media(min-width: 992px) {
    .AU-vision .vision-full .vision-LeftImg {
        width: 41.6666666667vw
    }
}

@media(min-width: 1600px) {
    .AU-vision .vision-full .vision-LeftImg {
        width: 33.3333333333vw
    }
}

@media(max-width: 991px) {
    .AU-vision .vision-full .vision-LeftImg {
        width: 450px
    }
}

@media(max-width: 575px) {
    .AU-vision .vision-full .vision-LeftImg {
        width: 390px
    }
}

.AU-vision .vision-full .vision-LeftImg img {
    width: 100%;
    object-fit: cover
}

.AU-vision .vision-full .vision-right {
    display: flex;
    flex-direction: column;
    align-items: end
}

.AU-vision .vision-full .vision-right .vision-RightImg {
    overflow: hidden;
    border-start-start-radius: 16px;
    border-end-start-radius: 16px
}

@media(min-width: 992px) {
    .AU-vision .vision-full .vision-right .vision-RightImg {
        margin-bottom: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .AU-vision .vision-full .vision-right .vision-RightImg {
        margin-bottom: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .AU-vision .vision-full .vision-right .vision-RightImg {
        margin-bottom: 45px
    }
}

@media(max-width: 575px) {
    .AU-vision .vision-full .vision-right .vision-RightImg {
        margin-bottom: 39px
    }
}

@media(min-width: 992px) {
    .AU-vision .vision-full .vision-right .vision-RightImg {
        width: 41.6666666667vw
    }
}

@media(min-width: 1600px) {
    .AU-vision .vision-full .vision-right .vision-RightImg {
        width: 33.3333333333vw
    }
}

@media(max-width: 991px) {
    .AU-vision .vision-full .vision-right .vision-RightImg {
        width: 450px
    }
}

@media(max-width: 575px) {
    .AU-vision .vision-full .vision-right .vision-RightImg {
        width: 390px
    }
}

@media(min-width: 1600px) {
    .AU-vision .vision-full .vision-right .vision-RightImg {
        width: 100%
    }
}

.AU-vision .vision-full .vision-right .vision-RightImg img {
    width: 100%;
    object-fit: cover
}

.AU-vision .vision-full .vision-right p {
    line-height: 1.2;
    text-align: justify;
    margin: 0;
    color: #3d3d3d
}

@media(min-width: 992px) {
    .AU-vision .vision-full .vision-right p {
        padding-top: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .AU-vision .vision-full .vision-right p {
        padding-top: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .AU-vision .vision-full .vision-right p {
        padding-top: 45px
    }
}

@media(max-width: 575px) {
    .AU-vision .vision-full .vision-right p {
        padding-top: 39px
    }
}

@media(min-width: 992px) {
    .AU-vision .vision-full .vision-right p {
        padding-inline-end: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .AU-vision .vision-full .vision-right p {
        padding-inline-end: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .AU-vision .vision-full .vision-right p {
        padding-inline-end: 18px
    }
}

@media(max-width: 575px) {
    .AU-vision .vision-full .vision-right p {
        padding-inline-end: 15.6px
    }
}

@media(min-width: 992px) {
    .AU-vision .vision-full .vision-right p {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .AU-vision .vision-full .vision-right p {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .AU-vision .vision-full .vision-right p {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .AU-vision .vision-full .vision-right p {
        font-size: 15.6px
    }
}

.AU-accordian {
    position: relative;
    z-index: 10
}

.AU-accordian .accordionContainer {
    margin: 0
}

.AU-accordian .accordionContainer ul {
    display: flex;
    position: relative
}

.AU-accordian .accordionContainer ul::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.8) 100%)
}

.AU-accordian .accordionContainer ul li {
    display: flex;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    transition: all .6s ease-in-out
}

@media(min-width: 992px) {
    .AU-accordian .accordionContainer ul li {
        min-height: 50vw
    }
}

@media(min-width: 1600px) {
    .AU-accordian .accordionContainer ul li {
        min-height: 40vw
    }
}

@media(max-width: 991px) {
    .AU-accordian .accordionContainer ul li {
        min-height: 540px
    }
}

@media(max-width: 575px) {
    .AU-accordian .accordionContainer ul li {
        min-height: 468px
    }
}

.AU-accordian .accordionContainer ul li .accordionBg {
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
    inset-inline-start: 0;
    inset-block-start: 0
}

.AU-accordian .accordionContainer ul li .accordionBg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: left;
    -o-object-position: left
}

.AU-accordian .accordionContainer ul li:first-child .title:after {
    display: none
}

.AU-accordian .accordionContainer ul li .title {
    cursor: pointer;
    background-color: rgba(0, 0, 0, .5);
    flex-grow: 0;
    flex-shrink: 0;
    height: 100%;
    display: flex;
    align-items: center;
    transition: all .6s ease-in-out;
    flex-direction: column;
    justify-content: center;
    position: relative
}

@media(min-width: 992px) {
    .AU-accordian .accordionContainer ul li .title {
        width: 27.7777777778vw
    }
}

@media(min-width: 1600px) {
    .AU-accordian .accordionContainer ul li .title {
        width: 22.2222222222vw
    }
}

@media(max-width: 991px) {
    .AU-accordian .accordionContainer ul li .title {
        width: 300px
    }
}

@media(max-width: 575px) {
    .AU-accordian .accordionContainer ul li .title {
        width: 260px
    }
}

@media(min-width: 992px) {
    .AU-accordian .accordionContainer ul li .title {
        flex-basis: 27.7777777778vw
    }
}

@media(min-width: 1600px) {
    .AU-accordian .accordionContainer ul li .title {
        flex-basis: 22.2222222222vw
    }
}

@media(max-width: 991px) {
    .AU-accordian .accordionContainer ul li .title {
        flex-basis: 300px
    }
}

@media(max-width: 575px) {
    .AU-accordian .accordionContainer ul li .title {
        flex-basis: 260px
    }
}

.AU-accordian .accordionContainer ul li .title .imgBox {
    text-align: start
}

@media(min-width: 992px) {
    .AU-accordian .accordionContainer ul li .title .imgBox {
        width: 22.2222222222vw
    }
}

@media(min-width: 1600px) {
    .AU-accordian .accordionContainer ul li .title .imgBox {
        width: 17.7777777778vw
    }
}

@media(max-width: 991px) {
    .AU-accordian .accordionContainer ul li .title .imgBox {
        width: 240px
    }
}

@media(max-width: 575px) {
    .AU-accordian .accordionContainer ul li .title .imgBox {
        width: 208px
    }
}

@media(min-width: 992px) {
    .AU-accordian .accordionContainer ul li .title .imgBox .icon {
        width: 4.8611111111vw
    }
}

@media(min-width: 1600px) {
    .AU-accordian .accordionContainer ul li .title .imgBox .icon {
        width: 3.8888888889vw
    }
}

@media(max-width: 991px) {
    .AU-accordian .accordionContainer ul li .title .imgBox .icon {
        width: 52.5px
    }
}

@media(max-width: 575px) {
    .AU-accordian .accordionContainer ul li .title .imgBox .icon {
        width: 45.5px
    }
}

@media(min-width: 992px) {
    .AU-accordian .accordionContainer ul li .title .imgBox .icon {
        height: 4.8611111111vw
    }
}

@media(min-width: 1600px) {
    .AU-accordian .accordionContainer ul li .title .imgBox .icon {
        height: 3.8888888889vw
    }
}

@media(max-width: 991px) {
    .AU-accordian .accordionContainer ul li .title .imgBox .icon {
        height: 52.5px
    }
}

@media(max-width: 575px) {
    .AU-accordian .accordionContainer ul li .title .imgBox .icon {
        height: 45.5px
    }
}

.AU-accordian .accordionContainer ul li .title .newTitle {
    color: #fff;
    line-height: 1.25;
    margin-bottom: 0
}

@media(min-width: 992px) {
    .AU-accordian .accordionContainer ul li .title .newTitle {
        width: 22.2222222222vw
    }
}

@media(min-width: 1600px) {
    .AU-accordian .accordionContainer ul li .title .newTitle {
        width: 17.7777777778vw
    }
}

@media(max-width: 991px) {
    .AU-accordian .accordionContainer ul li .title .newTitle {
        width: 240px
    }
}

@media(max-width: 575px) {
    .AU-accordian .accordionContainer ul li .title .newTitle {
        width: 208px
    }
}

@media(min-width: 992px) {
    .AU-accordian .accordionContainer ul li .title .newTitle {
        margin-top: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .AU-accordian .accordionContainer ul li .title .newTitle {
        margin-top: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .AU-accordian .accordionContainer ul li .title .newTitle {
        margin-top: 18px
    }
}

@media(max-width: 575px) {
    .AU-accordian .accordionContainer ul li .title .newTitle {
        margin-top: 15.6px
    }
}

@media(min-width: 992px) {
    .AU-accordian .accordionContainer ul li .title .newTitle {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .AU-accordian .accordionContainer ul li .title .newTitle {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .AU-accordian .accordionContainer ul li .title .newTitle {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .AU-accordian .accordionContainer ul li .title .newTitle {
        font-size: 15.6px
    }
}

.AU-accordian .accordionContainer ul li .title .newDesc {
    color: #fff;
    margin-bottom: 0;
    line-height: 1.25
}

@media(min-width: 992px) {
    .AU-accordian .accordionContainer ul li .title .newDesc {
        width: 22.2222222222vw
    }
}

@media(min-width: 1600px) {
    .AU-accordian .accordionContainer ul li .title .newDesc {
        width: 17.7777777778vw
    }
}

@media(max-width: 991px) {
    .AU-accordian .accordionContainer ul li .title .newDesc {
        width: 240px
    }
}

@media(max-width: 575px) {
    .AU-accordian .accordionContainer ul li .title .newDesc {
        width: 208px
    }
}

@media(min-width: 992px) {
    .AU-accordian .accordionContainer ul li .title .newDesc {
        margin-top: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .AU-accordian .accordionContainer ul li .title .newDesc {
        margin-top: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .AU-accordian .accordionContainer ul li .title .newDesc {
        margin-top: 18px
    }
}

@media(max-width: 575px) {
    .AU-accordian .accordionContainer ul li .title .newDesc {
        margin-top: 15.6px
    }
}

@media(min-width: 992px) {
    .AU-accordian .accordionContainer ul li .title .newDesc {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .AU-accordian .accordionContainer ul li .title .newDesc {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .AU-accordian .accordionContainer ul li .title .newDesc {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .AU-accordian .accordionContainer ul li .title .newDesc {
        font-size: 10.4px
    }
}

.AU-accordian .accordionContainer ul li .title .play-button {
    display: flex;
    align-items: center
}

@media(min-width: 992px) {
    .AU-accordian .accordionContainer ul li .title .play-button {
        margin-top: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .AU-accordian .accordionContainer ul li .title .play-button {
        margin-top: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .AU-accordian .accordionContainer ul li .title .play-button {
        margin-top: 45px
    }
}

@media(max-width: 575px) {
    .AU-accordian .accordionContainer ul li .title .play-button {
        margin-top: 39px
    }
}

@media(min-width: 992px) {
    .AU-accordian .accordionContainer ul li .title .play-button {
        gap: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .AU-accordian .accordionContainer ul li .title .play-button {
        gap: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .AU-accordian .accordionContainer ul li .title .play-button {
        gap: 30px
    }
}

@media(max-width: 575px) {
    .AU-accordian .accordionContainer ul li .title .play-button {
        gap: 26px
    }
}

.AU-accordian .accordionContainer ul li .title .play-button span {
    color: #fff;
    display: none
}

.AU-accordian .accordionContainer ul li .title .play-button i {
    background-color: #e4002b;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all .2s ease-in-out;
    cursor: pointer;
    color: #fff
}

@media(min-width: 992px) {
    .AU-accordian .accordionContainer ul li .title .play-button i {
        width: 4.8611111111vw
    }
}

@media(min-width: 1600px) {
    .AU-accordian .accordionContainer ul li .title .play-button i {
        width: 3.8888888889vw
    }
}

@media(max-width: 991px) {
    .AU-accordian .accordionContainer ul li .title .play-button i {
        width: 52.5px
    }
}

@media(max-width: 575px) {
    .AU-accordian .accordionContainer ul li .title .play-button i {
        width: 45.5px
    }
}

@media(min-width: 992px) {
    .AU-accordian .accordionContainer ul li .title .play-button i {
        height: 4.8611111111vw
    }
}

@media(min-width: 1600px) {
    .AU-accordian .accordionContainer ul li .title .play-button i {
        height: 3.8888888889vw
    }
}

@media(max-width: 991px) {
    .AU-accordian .accordionContainer ul li .title .play-button i {
        height: 52.5px
    }
}

@media(max-width: 575px) {
    .AU-accordian .accordionContainer ul li .title .play-button i {
        height: 45.5px
    }
}

.AU-accordian .accordionContainer ul li .title .play-button:hover i {
    transform: scale(1.1);
    border: 1px solid #fff;
    transition: all .2s ease-in-out
}

.AU-accordian .accordionContainer ul li .title:after {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    content: none;
    width: 1px;
    height: 90%;
    background-color: #fff
}

.AU-accordian .accordionContainer ul li .title .titleStyle {
    transition: all .2s ease-in-out;
    opacity: 1;
    display: flex;
    align-items: start;
    flex-direction: column;
    color: #fff;
    white-space: nowrap
}

@media(min-width: 992px) {
    .AU-accordian .accordionContainer ul li .title .titleStyle {
        gap: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .AU-accordian .accordionContainer ul li .title .titleStyle {
        gap: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .AU-accordian .accordionContainer ul li .title .titleStyle {
        gap: 7.5px
    }
}

@media(max-width: 575px) {
    .AU-accordian .accordionContainer ul li .title .titleStyle {
        gap: 6.5px
    }
}

@media(min-width: 992px) {
    .AU-accordian .accordionContainer ul li .title .titleStyle {
        min-width: 34.7222222222vw
    }
}

@media(min-width: 1600px) {
    .AU-accordian .accordionContainer ul li .title .titleStyle {
        min-width: 27.7777777778vw
    }
}

@media(max-width: 991px) {
    .AU-accordian .accordionContainer ul li .title .titleStyle {
        min-width: 375px
    }
}

@media(max-width: 575px) {
    .AU-accordian .accordionContainer ul li .title .titleStyle {
        min-width: 325px
    }
}

.AU-accordian .accordionContainer ul li .title .titleStyle h3,
.AU-accordian .accordionContainer ul li .title .titleStyle h4 {
    color: #fff
}

.AU-accordian .accordionContainer ul li .title .titleStyle .title-icon {
    transform: rotate(90deg)
}

@media(min-width: 992px) {
    .AU-accordian .accordionContainer ul li .title .titleStyle .title-icon {
        width: 1.7361111111vw
    }
}

@media(min-width: 1600px) {
    .AU-accordian .accordionContainer ul li .title .titleStyle .title-icon {
        width: 1.3888888889vw
    }
}

@media(max-width: 991px) {
    .AU-accordian .accordionContainer ul li .title .titleStyle .title-icon {
        width: 18.75px
    }
}

@media(max-width: 575px) {
    .AU-accordian .accordionContainer ul li .title .titleStyle .title-icon {
        width: 16.25px
    }
}

@media(min-width: 992px) {
    .AU-accordian .accordionContainer ul li .title .titleStyle .title-icon {
        height: 1.7361111111vw
    }
}

@media(min-width: 1600px) {
    .AU-accordian .accordionContainer ul li .title .titleStyle .title-icon {
        height: 1.3888888889vw
    }
}

@media(max-width: 991px) {
    .AU-accordian .accordionContainer ul li .title .titleStyle .title-icon {
        height: 18.75px
    }
}

@media(max-width: 575px) {
    .AU-accordian .accordionContainer ul li .title .titleStyle .title-icon {
        height: 16.25px
    }
}

.AU-accordian .accordionContainer ul li .content {
    width: 0px;
    overflow: hidden;
    position: relative
}

@media(min-width: 992px) {
    .AU-accordian .accordionContainer ul li .content {
        margin-block-end: 5.5555555556vw
    }
}

@media(min-width: 1600px) {
    .AU-accordian .accordionContainer ul li .content {
        margin-block-end: 4.4444444444vw
    }
}

@media(max-width: 991px) {
    .AU-accordian .accordionContainer ul li .content {
        margin-block-end: 60px
    }
}

@media(max-width: 575px) {
    .AU-accordian .accordionContainer ul li .content {
        margin-block-end: 52px
    }
}

.AU-accordian .accordionContainer ul li .content .innerContent {
    color: #fff
}

@media(min-width: 992px) {
    .AU-accordian .accordionContainer ul li .content .innerContent {
        min-width: 20.8333333333vw
    }
}

@media(min-width: 1600px) {
    .AU-accordian .accordionContainer ul li .content .innerContent {
        min-width: 16.6666666667vw
    }
}

@media(max-width: 991px) {
    .AU-accordian .accordionContainer ul li .content .innerContent {
        min-width: 225px
    }
}

@media(max-width: 575px) {
    .AU-accordian .accordionContainer ul li .content .innerContent {
        min-width: 195px
    }
}

.AU-accordian .accordionContainer ul li .content .innerContent h3 {
    color: #fff;
    margin-bottom: 0
}

.AU-accordian .accordionContainer ul li .content .innerContent h4 {
    color: #fff
}

@media(min-width: 992px) {
    .AU-accordian .accordionContainer ul li .content .innerContent h4 {
        margin-block-end: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .AU-accordian .accordionContainer ul li .content .innerContent h4 {
        margin-block-end: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .AU-accordian .accordionContainer ul li .content .innerContent h4 {
        margin-block-end: 18px
    }
}

@media(max-width: 575px) {
    .AU-accordian .accordionContainer ul li .content .innerContent h4 {
        margin-block-end: 15.6px
    }
}

.AU-accordian .accordionContainer ul li .content .innerContent .Desc {
    margin: 0;
    line-height: 1.2;
    font-weight: 400
}

@media(min-width: 992px) {
    .AU-accordian .accordionContainer ul li .content .innerContent .Desc {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .AU-accordian .accordionContainer ul li .content .innerContent .Desc {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .AU-accordian .accordionContainer ul li .content .innerContent .Desc {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .AU-accordian .accordionContainer ul li .content .innerContent .Desc {
        font-size: 15.6px
    }
}

.AU-accordian .accordionContainer ul li.active {
    flex-grow: 1
}

.AU-accordian .accordionContainer ul li.active .title {
    flex-grow: 1;
    background-color: rgba(0, 0, 0, 0);
    transition: all .6s ease-in-out
}

@media(min-width: 992px) {

    .AU-accordian .accordionContainer ul li.active .title .newDesc,
    .AU-accordian .accordionContainer ul li.active .title .newTitle,
    .AU-accordian .accordionContainer ul li.active .title .imgBox {
        width: 32.6388888889vw
    }
}

@media(min-width: 1600px) {

    .AU-accordian .accordionContainer ul li.active .title .newDesc,
    .AU-accordian .accordionContainer ul li.active .title .newTitle,
    .AU-accordian .accordionContainer ul li.active .title .imgBox {
        width: 26.1111111111vw
    }
}

@media(max-width: 991px) {

    .AU-accordian .accordionContainer ul li.active .title .newDesc,
    .AU-accordian .accordionContainer ul li.active .title .newTitle,
    .AU-accordian .accordionContainer ul li.active .title .imgBox {
        width: 352.5px
    }
}

@media(max-width: 575px) {

    .AU-accordian .accordionContainer ul li.active .title .newDesc,
    .AU-accordian .accordionContainer ul li.active .title .newTitle,
    .AU-accordian .accordionContainer ul li.active .title .imgBox {
        width: 305.5px
    }
}

.AU-accordian .accordionContainer ul li.active .title .play-button span {
    display: block
}

@media(min-width: 992px) {
    .AU-accordian .accordionContainer ul li.active .content {
        width: 30.5555555556vw
    }
}

@media(min-width: 1600px) {
    .AU-accordian .accordionContainer ul li.active .content {
        width: 24.4444444444vw
    }
}

@media(max-width: 991px) {
    .AU-accordian .accordionContainer ul li.active .content {
        width: 330px
    }
}

@media(max-width: 575px) {
    .AU-accordian .accordionContainer ul li.active .content {
        width: 286px
    }
}

@media(min-width: 992px) {
    .about-us-section {
        padding-top: 7.9861111111vw
    }
}

@media(min-width: 1600px) {
    .about-us-section {
        padding-top: 6.3888888889vw
    }
}

@media(max-width: 991px) {
    .about-us-section {
        padding-top: 86.25px
    }
}

@media(max-width: 575px) {
    .about-us-section {
        padding-top: 74.75px
    }
}

.about-us-section img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

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

.about-us-section .about-us-content .section-sub-title {
    position: relative
}

.about-us-section .about-us-content .section-sub-title::before {
    content: "";
    background-image: url("/assets/images/icons/about-us-commas.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute
}

@media(min-width: 992px) {
    .about-us-section .about-us-content .section-sub-title::before {
        top: -1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .about-us-section .about-us-content .section-sub-title::before {
        top: -0.8333333333vw
    }
}

@media(max-width: 991px) {
    .about-us-section .about-us-content .section-sub-title::before {
        top: -11.25px
    }
}

@media(max-width: 575px) {
    .about-us-section .about-us-content .section-sub-title::before {
        top: -9.75px
    }
}

@media(min-width: 992px) {
    .about-us-section .about-us-content .section-sub-title::before {
        left: -5vw
    }
}

@media(min-width: 1600px) {
    .about-us-section .about-us-content .section-sub-title::before {
        left: -4vw
    }
}

@media(max-width: 991px) {
    .about-us-section .about-us-content .section-sub-title::before {
        left: -54px
    }
}

@media(max-width: 575px) {
    .about-us-section .about-us-content .section-sub-title::before {
        left: -46.8px
    }
}

@media(min-width: 992px) {
    .about-us-section .about-us-content .section-sub-title::before {
        width: 4.8611111111vw
    }
}

@media(min-width: 1600px) {
    .about-us-section .about-us-content .section-sub-title::before {
        width: 3.8888888889vw
    }
}

@media(max-width: 991px) {
    .about-us-section .about-us-content .section-sub-title::before {
        width: 52.5px
    }
}

@media(max-width: 575px) {
    .about-us-section .about-us-content .section-sub-title::before {
        width: 45.5px
    }
}

@media(min-width: 992px) {
    .about-us-section .about-us-content .section-sub-title::before {
        height: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .about-us-section .about-us-content .section-sub-title::before {
        height: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .about-us-section .about-us-content .section-sub-title::before {
        height: 45px
    }
}

@media(max-width: 575px) {
    .about-us-section .about-us-content .section-sub-title::before {
        height: 39px
    }
}

@media(min-width: 992px) {
    .about-us-section .about-us-content .section-title {
        margin-bottom: 1.25vw
    }
}

@media(min-width: 1600px) {
    .about-us-section .about-us-content .section-title {
        margin-bottom: 1vw
    }
}

@media(max-width: 991px) {
    .about-us-section .about-us-content .section-title {
        margin-bottom: 13.5px
    }
}

@media(max-width: 575px) {
    .about-us-section .about-us-content .section-title {
        margin-bottom: 11.7px
    }
}

@media(min-width: 992px) {
    .about-us-section .about-us-content .section-subdesc {
        margin-bottom: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .about-us-section .about-us-content .section-subdesc {
        margin-bottom: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .about-us-section .about-us-content .section-subdesc {
        margin-bottom: 22.5px
    }
}

@media(max-width: 575px) {
    .about-us-section .about-us-content .section-subdesc {
        margin-bottom: 19.5px
    }
}

.about-us-history-section {
    position: relative
}

@media(min-width: 992px) {
    .about-us-history-section {
        padding-bottom: 10.4166666667vw
    }
}

@media(min-width: 1600px) {
    .about-us-history-section {
        padding-bottom: 8.3333333333vw
    }
}

@media(max-width: 991px) {
    .about-us-history-section {
        padding-bottom: 112.5px
    }
}

@media(max-width: 575px) {
    .about-us-history-section {
        padding-bottom: 97.5px
    }
}

.about-us-history-section img {
    width: 100%;
    position: absolute;
    height: 100%;
    z-index: -1
}

.about-us-history-section .about-us-content {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 80%;
    margin-inline: auto
}

.about-us-history-section .about-us-content .section-sub-title {
    color: #fff;
    text-align: center
}

@media(min-width: 992px) {
    .about-us-history-section .about-us-content .section-sub-title {
        padding-top: 9.375vw
    }
}

@media(min-width: 1600px) {
    .about-us-history-section .about-us-content .section-sub-title {
        padding-top: 7.5vw
    }
}

@media(max-width: 991px) {
    .about-us-history-section .about-us-content .section-sub-title {
        padding-top: 101.25px
    }
}

@media(max-width: 575px) {
    .about-us-history-section .about-us-content .section-sub-title {
        padding-top: 87.75px
    }
}

.about-us-history-section .about-us-content .section-title {
    text-align: center;
    color: #fff
}

@media(min-width: 992px) {
    .about-us-history-section .about-us-content .section-title {
        margin-bottom: 1.25vw
    }
}

@media(min-width: 1600px) {
    .about-us-history-section .about-us-content .section-title {
        margin-bottom: 1vw
    }
}

@media(max-width: 991px) {
    .about-us-history-section .about-us-content .section-title {
        margin-bottom: 13.5px
    }
}

@media(max-width: 575px) {
    .about-us-history-section .about-us-content .section-title {
        margin-bottom: 11.7px
    }
}

.about-us-history-section .about-us-content .section-subdesc {
    text-align: center;
    color: #fff
}

@media(min-width: 992px) {
    .about-us-history-section .about-us-content .section-subdesc {
        margin-bottom: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .about-us-history-section .about-us-content .section-subdesc {
        margin-bottom: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .about-us-history-section .about-us-content .section-subdesc {
        margin-bottom: 22.5px
    }
}

@media(max-width: 575px) {
    .about-us-history-section .about-us-content .section-subdesc {
        margin-bottom: 19.5px
    }
}

.about-us-mission-section {
    position: relative
}

@media(min-width: 992px) {
    .about-us-mission-section {
        padding-bottom: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .about-us-mission-section {
        padding-bottom: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .about-us-mission-section {
        padding-bottom: 22.5px
    }
}

@media(max-width: 575px) {
    .about-us-mission-section {
        padding-bottom: 19.5px
    }
}

@media(min-width: 992px) {
    .about-us-mission-section {
        padding-top: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .about-us-mission-section {
        padding-top: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .about-us-mission-section {
        padding-top: 45px
    }
}

@media(max-width: 575px) {
    .about-us-mission-section {
        padding-top: 39px
    }
}

@media(min-width: 992px) {
    .about-us-mission-section {
        height: 52.0833333333vw
    }
}

@media(min-width: 1600px) {
    .about-us-mission-section {
        height: 41.6666666667vw
    }
}

@media(max-width: 991px) {
    .about-us-mission-section {
        height: 562.5px
    }
}

@media(max-width: 575px) {
    .about-us-mission-section {
        height: 487.5px
    }
}

@media(max-width: 991px) {
    .about-us-mission-section {
        height: auto
    }
}

.about-us-mission-section .about-us-mission-img {
    right: 0;
    top: 0;
    position: absolute;
    width: 55%
}

@media(min-width: 992px) {
    .about-us-mission-section .about-us-mission-img {
        height: 52.0833333333vw
    }
}

@media(min-width: 1600px) {
    .about-us-mission-section .about-us-mission-img {
        height: 41.6666666667vw
    }
}

@media(max-width: 991px) {
    .about-us-mission-section .about-us-mission-img {
        height: 562.5px
    }
}

@media(max-width: 575px) {
    .about-us-mission-section .about-us-mission-img {
        height: 487.5px
    }
}

.about-us-mission-section .about-us-mission-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media(max-width: 991px) {
    .about-us-mission-section .about-us-mission-img {
        display: none
    }
}

.about-us-mission-section .about-us-content {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.about-us-mission-section .about-us-content .section-subdesc {
    line-height: 1.7
}

@media(min-width: 992px) {
    .about-us-mission-section .about-us-content .section-subdesc {
        font-size: 1.25vw
    }
}

@media(min-width: 1600px) {
    .about-us-mission-section .about-us-content .section-subdesc {
        font-size: 1vw
    }
}

@media(max-width: 991px) {
    .about-us-mission-section .about-us-content .section-subdesc {
        font-size: 13.5px
    }
}

@media(max-width: 575px) {
    .about-us-mission-section .about-us-content .section-subdesc {
        font-size: 11.7px
    }
}

@media(min-width: 992px) {
    .about-us-mission-section .about-us-content .section-subdesc {
        margin-bottom: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .about-us-mission-section .about-us-content .section-subdesc {
        margin-bottom: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .about-us-mission-section .about-us-content .section-subdesc {
        margin-bottom: 22.5px
    }
}

@media(max-width: 575px) {
    .about-us-mission-section .about-us-content .section-subdesc {
        margin-bottom: 19.5px
    }
}

.about-us-glance-section {
    position: relative
}

@media(min-width: 992px) {
    .about-us-glance-section {
        padding-block: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .about-us-glance-section {
        padding-block: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .about-us-glance-section {
        padding-block: 45px
    }
}

@media(max-width: 575px) {
    .about-us-glance-section {
        padding-block: 39px
    }
}

@media(min-width: 992px) {
    .about-us-glance-section .section-title {
        margin-bottom: 2.2222222222vw
    }
}

@media(min-width: 1600px) {
    .about-us-glance-section .section-title {
        margin-bottom: 1.7777777778vw
    }
}

@media(max-width: 991px) {
    .about-us-glance-section .section-title {
        margin-bottom: 24px
    }
}

@media(max-width: 575px) {
    .about-us-glance-section .section-title {
        margin-bottom: 20.8px
    }
}

.about-us-glance-section .section-subdesc {
    width: 70%
}

@media(min-width: 992px) {
    .about-us-glance-section .section-subdesc {
        margin-bottom: 3.3333333333vw
    }
}

@media(min-width: 1600px) {
    .about-us-glance-section .section-subdesc {
        margin-bottom: 2.6666666667vw
    }
}

@media(max-width: 991px) {
    .about-us-glance-section .section-subdesc {
        margin-bottom: 36px
    }
}

@media(max-width: 575px) {
    .about-us-glance-section .section-subdesc {
        margin-bottom: 31.2px
    }
}

@media(min-width: 992px) {
    .about-us-glance-section .section-subdesc {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .about-us-glance-section .section-subdesc {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .about-us-glance-section .section-subdesc {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .about-us-glance-section .section-subdesc {
        font-size: 15.6px
    }
}

.about-us-glance-section .slider-back {
    background-color: #f4f6fc
}

@media(min-width: 992px) {
    .about-us-glance-section .slider-back {
        padding-block: 3.3333333333vw
    }
}

@media(min-width: 1600px) {
    .about-us-glance-section .slider-back {
        padding-block: 2.6666666667vw
    }
}

@media(max-width: 991px) {
    .about-us-glance-section .slider-back {
        padding-block: 36px
    }
}

@media(max-width: 575px) {
    .about-us-glance-section .slider-back {
        padding-block: 31.2px
    }
}

.about-us-glance-section .slider-back .swiper-wrapper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center
}

.about-us-glance-section .slider-back .companies-button {
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center
}

.about-us-glance-section .slider-back .companies-button i {
    color: #e4002b
}

.about-us-glance-section h5 {
    font-weight: 700;
    background-color: #f4f6fc;
    position: relative;
    margin-bottom: 0;
    display: inline-block;
    text-transform: uppercase
}

@media(min-width: 992px) {
    .about-us-glance-section h5 {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .about-us-glance-section h5 {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .about-us-glance-section h5 {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .about-us-glance-section h5 {
        font-size: 15.6px
    }
}

@media(min-width: 992px) {
    .about-us-glance-section h5 {
        padding-top: 1.25vw
    }
}

@media(min-width: 1600px) {
    .about-us-glance-section h5 {
        padding-top: 1vw
    }
}

@media(max-width: 991px) {
    .about-us-glance-section h5 {
        padding-top: 13.5px
    }
}

@media(max-width: 575px) {
    .about-us-glance-section h5 {
        padding-top: 11.7px
    }
}

@media(min-width: 992px) {
    .about-us-glance-section h5 {
        padding-bottom: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .about-us-glance-section h5 {
        padding-bottom: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .about-us-glance-section h5 {
        padding-bottom: 6px
    }
}

@media(max-width: 575px) {
    .about-us-glance-section h5 {
        padding-bottom: 5.2px
    }
}

@media(min-width: 992px) {
    .about-us-glance-section h5 {
        padding-inline: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .about-us-glance-section h5 {
        padding-inline: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .about-us-glance-section h5 {
        padding-inline: 30px
    }
}

@media(max-width: 575px) {
    .about-us-glance-section h5 {
        padding-inline: 26px
    }
}

@media(min-width: 992px) {
    .about-us-glance-section h5 {
        border-top-left-radius: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .about-us-glance-section h5 {
        border-top-left-radius: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .about-us-glance-section h5 {
        border-top-left-radius: 6px
    }
}

@media(max-width: 575px) {
    .about-us-glance-section h5 {
        border-top-left-radius: 5.2px
    }
}

@media(min-width: 992px) {
    .about-us-glance-section h5 {
        border-top-right-radius: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .about-us-glance-section h5 {
        border-top-right-radius: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .about-us-glance-section h5 {
        border-top-right-radius: 6px
    }
}

@media(max-width: 575px) {
    .about-us-glance-section h5 {
        border-top-right-radius: 5.2px
    }
}

.about-us-glance-section h5::before {
    content: "";
    position: absolute;
    background-image: url("/assets/images/icons/companies-slider-curve.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 1;
    bottom: 0
}

@media(min-width: 992px) {
    .about-us-glance-section h5::before {
        width: 1.25vw
    }
}

@media(min-width: 1600px) {
    .about-us-glance-section h5::before {
        width: 1vw
    }
}

@media(max-width: 991px) {
    .about-us-glance-section h5::before {
        width: 13.5px
    }
}

@media(max-width: 575px) {
    .about-us-glance-section h5::before {
        width: 11.7px
    }
}

@media(min-width: 992px) {
    .about-us-glance-section h5::before {
        height: 0.7986111111vw
    }
}

@media(min-width: 1600px) {
    .about-us-glance-section h5::before {
        height: 0.6388888889vw
    }
}

@media(max-width: 991px) {
    .about-us-glance-section h5::before {
        height: 8.625px
    }
}

@media(max-width: 575px) {
    .about-us-glance-section h5::before {
        height: 7.475px
    }
}

@media(min-width: 992px) {
    .about-us-glance-section h5::before {
        left: -1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .about-us-glance-section h5::before {
        left: -0.8333333333vw
    }
}

@media(max-width: 991px) {
    .about-us-glance-section h5::before {
        left: -11.25px
    }
}

@media(max-width: 575px) {
    .about-us-glance-section h5::before {
        left: -9.75px
    }
}

.about-us-glance-section h5::after {
    content: "";
    position: absolute;
    transform: scaleX(-1);
    background-image: url("/assets/images/icons/companies-slider-curve.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 1;
    bottom: 0
}

@media(min-width: 992px) {
    .about-us-glance-section h5::after {
        width: 1.25vw
    }
}

@media(min-width: 1600px) {
    .about-us-glance-section h5::after {
        width: 1vw
    }
}

@media(max-width: 991px) {
    .about-us-glance-section h5::after {
        width: 13.5px
    }
}

@media(max-width: 575px) {
    .about-us-glance-section h5::after {
        width: 11.7px
    }
}

@media(min-width: 992px) {
    .about-us-glance-section h5::after {
        height: 0.7986111111vw
    }
}

@media(min-width: 1600px) {
    .about-us-glance-section h5::after {
        height: 0.6388888889vw
    }
}

@media(max-width: 991px) {
    .about-us-glance-section h5::after {
        height: 8.625px
    }
}

@media(max-width: 575px) {
    .about-us-glance-section h5::after {
        height: 7.475px
    }
}

@media(min-width: 992px) {
    .about-us-glance-section h5::after {
        right: -1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .about-us-glance-section h5::after {
        right: -0.8333333333vw
    }
}

@media(max-width: 991px) {
    .about-us-glance-section h5::after {
        right: -11.25px
    }
}

@media(max-width: 575px) {
    .about-us-glance-section h5::after {
        right: -9.75px
    }
}

.about-us-glance-section .commonBtn.redButton {
    margin-bottom: 0
}

@media(min-width: 992px) {
    .about-us-glance-section .commonBtn.redButton {
        margin-top: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .about-us-glance-section .commonBtn.redButton {
        margin-top: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .about-us-glance-section .commonBtn.redButton {
        margin-top: 30px
    }
}

@media(max-width: 575px) {
    .about-us-glance-section .commonBtn.redButton {
        margin-top: 26px
    }
}

.about-us-global-section {
    background-color: #f9f9f9;
    position: relative
}

@media(min-width: 992px) {
    .about-us-global-section .section-title {
        margin-bottom: 2.2222222222vw
    }
}

@media(min-width: 1600px) {
    .about-us-global-section .section-title {
        margin-bottom: 1.7777777778vw
    }
}

@media(max-width: 991px) {
    .about-us-global-section .section-title {
        margin-bottom: 24px
    }
}

@media(max-width: 575px) {
    .about-us-global-section .section-title {
        margin-bottom: 20.8px
    }
}

@media(min-width: 992px) {
    .about-us-global-section .section-subdesc {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .about-us-global-section .section-subdesc {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .about-us-global-section .section-subdesc {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .about-us-global-section .section-subdesc {
        font-size: 15.6px
    }
}

@media(min-width: 992px) {
    .about-us-global-section .section-subdesc {
        padding-inline-end: 6.9444444444vw
    }
}

@media(min-width: 1600px) {
    .about-us-global-section .section-subdesc {
        padding-inline-end: 5.5555555556vw
    }
}

@media(max-width: 991px) {
    .about-us-global-section .section-subdesc {
        padding-inline-end: 75px
    }
}

@media(max-width: 575px) {
    .about-us-global-section .section-subdesc {
        padding-inline-end: 65px
    }
}

@media(max-width: 991px) {
    .about-us-global-section .section-subdesc {
        padding-inline-end: 0
    }
}

.about-us-global-section .map-desc-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.about-us-global-section .map-container {
    position: relative;
    width: 100%;
    height: 100%
}

@media(min-width: 992px) {
    .about-us-global-section .map-container {
        min-height: 41.6666666667vw
    }
}

@media(min-width: 1600px) {
    .about-us-global-section .map-container {
        min-height: 33.3333333333vw
    }
}

@media(max-width: 991px) {
    .about-us-global-section .map-container {
        min-height: 450px
    }
}

@media(max-width: 575px) {
    .about-us-global-section .map-container {
        min-height: 390px
    }
}

.about-us-global-section .map-container::after {
    position: absolute;
    pointer-events: none;
    content: "";
    bottom: -10%;
    left: 0;
    right: 0;
    background-image: url('data:image/svg+xml,<svg width="800" height="214" viewBox="0 0 800 214" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_f_208_1013)"><ellipse cx="400" cy="107" rx="337" ry="44" fill="%23CCCCCC"/></g><defs><filter id="filter0_f_208_1013" x="0" y="0" width="800" height="214" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="31.5" result="effect1_foregroundBlur_208_1013"/></filter></defs></svg>');
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% 30%;
    background-position: bottom;
    transform: scale(1);
    opacity: .7
}

.about-us-global-section .map-container #map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.about-us-global-section .map-container #map:before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    border-radius: 100%;
    background: #000;
    opacity: .5;
    filter: blur(25px);
    z-index: -1
}

@media(min-width: 992px) {
    .about-us-global-section .map-container #map:before {
        bottom: 3.4722222222vw
    }
}

@media(min-width: 1600px) {
    .about-us-global-section .map-container #map:before {
        bottom: 2.7777777778vw
    }
}

@media(max-width: 991px) {
    .about-us-global-section .map-container #map:before {
        bottom: 37.5px
    }
}

@media(max-width: 575px) {
    .about-us-global-section .map-container #map:before {
        bottom: 32.5px
    }
}

@media(min-width: 992px) {
    .about-us-global-section .map-container #map:before {
        height: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .about-us-global-section .map-container #map:before {
        height: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .about-us-global-section .map-container #map:before {
        height: 22.5px
    }
}

@media(max-width: 575px) {
    .about-us-global-section .map-container #map:before {
        height: 19.5px
    }
}

.about-us-global-section .map-container #map a.mapboxgl-ctrl-logo,
.about-us-global-section .map-container #map .mapboxgl-ctrl-attrib.mapboxgl-compact {
    opacity: 0;
    pointer-events: none
}

@media(min-width: 992px) {
    .about-us-global-section .mapboxgl-popup-content {
        border-radius: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .about-us-global-section .mapboxgl-popup-content {
        border-radius: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .about-us-global-section .mapboxgl-popup-content {
        border-radius: 6px
    }
}

@media(max-width: 575px) {
    .about-us-global-section .mapboxgl-popup-content {
        border-radius: 5.2px
    }
}

@media(min-width: 992px) {
    .about-us-global-section .mapboxgl-popup-content {
        padding: 0.8333333333vw
    }
}

@media(min-width: 1600px) {
    .about-us-global-section .mapboxgl-popup-content {
        padding: 0.6666666667vw
    }
}

@media(max-width: 991px) {
    .about-us-global-section .mapboxgl-popup-content {
        padding: 9px
    }
}

@media(max-width: 575px) {
    .about-us-global-section .mapboxgl-popup-content {
        padding: 7.8px
    }
}

.about-us-global-section .mapboxgl-popup-content .title-content {
    display: flex;
    align-items: center;
    justify-content: start
}

@media(min-width: 992px) {
    .about-us-global-section .mapboxgl-popup-content .title-content {
        gap: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .about-us-global-section .mapboxgl-popup-content .title-content {
        gap: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .about-us-global-section .mapboxgl-popup-content .title-content {
        gap: 6px
    }
}

@media(max-width: 575px) {
    .about-us-global-section .mapboxgl-popup-content .title-content {
        gap: 5.2px
    }
}

.about-us-global-section .mapboxgl-popup-content .title-content h3 {
    font-weight: 700;
    margin: 0
}

@media(min-width: 992px) {
    .about-us-global-section .mapboxgl-popup-content .title-content h3 {
        font-size: 1.25vw
    }
}

@media(min-width: 1600px) {
    .about-us-global-section .mapboxgl-popup-content .title-content h3 {
        font-size: 1vw
    }
}

@media(max-width: 991px) {
    .about-us-global-section .mapboxgl-popup-content .title-content h3 {
        font-size: 13.5px
    }
}

@media(max-width: 575px) {
    .about-us-global-section .mapboxgl-popup-content .title-content h3 {
        font-size: 11.7px
    }
}

@media(min-width: 992px) {
    .about-us-global-section .mapboxgl-popup-content .title-content img {
        height: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .about-us-global-section .mapboxgl-popup-content .title-content img {
        height: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .about-us-global-section .mapboxgl-popup-content .title-content img {
        height: 18px
    }
}

@media(max-width: 575px) {
    .about-us-global-section .mapboxgl-popup-content .title-content img {
        height: 15.6px
    }
}

@media(min-width: 992px) {
    .about-us-global-section .mapboxgl-popup-content .title-content img {
        width: 2.5vw
    }
}

@media(min-width: 1600px) {
    .about-us-global-section .mapboxgl-popup-content .title-content img {
        width: 2vw
    }
}

@media(max-width: 991px) {
    .about-us-global-section .mapboxgl-popup-content .title-content img {
        width: 27px
    }
}

@media(max-width: 575px) {
    .about-us-global-section .mapboxgl-popup-content .title-content img {
        width: 23.4px
    }
}

.about-us-global-section .mapboxgl-popup-content p {
    font-weight: 500;
    color: #3d3d3d;
    margin-bottom: 0
}

@media(min-width: 992px) {
    .about-us-global-section .mapboxgl-popup-content p {
        font-size: 0.8333333333vw
    }
}

@media(min-width: 1600px) {
    .about-us-global-section .mapboxgl-popup-content p {
        font-size: 0.6666666667vw
    }
}

@media(max-width: 991px) {
    .about-us-global-section .mapboxgl-popup-content p {
        font-size: 9px
    }
}

@media(max-width: 575px) {
    .about-us-global-section .mapboxgl-popup-content p {
        font-size: 7.8px
    }
}

@media(min-width: 992px) {
    .about-us-global-section .mapboxgl-popup-content p {
        margin-top: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .about-us-global-section .mapboxgl-popup-content p {
        margin-top: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .about-us-global-section .mapboxgl-popup-content p {
        margin-top: 15px
    }
}

@media(max-width: 575px) {
    .about-us-global-section .mapboxgl-popup-content p {
        margin-top: 13px
    }
}

.about-us-achievements-section {
    background-color: #fff;
    position: relative
}

@media(min-width: 992px) {
    .about-us-achievements-section {
        padding-block: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .about-us-achievements-section {
        padding-block: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .about-us-achievements-section {
        padding-block: 45px
    }
}

@media(max-width: 575px) {
    .about-us-achievements-section {
        padding-block: 39px
    }
}

@media(min-width: 992px) {
    .about-us-achievements-section .section-title {
        margin-bottom: 2.2222222222vw
    }
}

@media(min-width: 1600px) {
    .about-us-achievements-section .section-title {
        margin-bottom: 1.7777777778vw
    }
}

@media(max-width: 991px) {
    .about-us-achievements-section .section-title {
        margin-bottom: 24px
    }
}

@media(max-width: 575px) {
    .about-us-achievements-section .section-title {
        margin-bottom: 20.8px
    }
}

@media(min-width: 992px) {
    .about-us-achievements-section .section-subdesc {
        margin-bottom: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .about-us-achievements-section .section-subdesc {
        margin-bottom: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .about-us-achievements-section .section-subdesc {
        margin-bottom: 22.5px
    }
}

@media(max-width: 575px) {
    .about-us-achievements-section .section-subdesc {
        margin-bottom: 19.5px
    }
}

@media(min-width: 992px) {
    .about-us-achievements-section .section-subdesc {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .about-us-achievements-section .section-subdesc {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .about-us-achievements-section .section-subdesc {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .about-us-achievements-section .section-subdesc {
        font-size: 15.6px
    }
}

@media(min-width: 992px) {
    .about-us-achievements-section .swiperBox {
        margin-inline-start: 10.4166666667vw
    }
}

@media(min-width: 1600px) {
    .about-us-achievements-section .swiperBox {
        margin-inline-start: 8.3333333333vw
    }
}

@media(max-width: 991px) {
    .about-us-achievements-section .swiperBox {
        margin-inline-start: 112.5px
    }
}

@media(max-width: 575px) {
    .about-us-achievements-section .swiperBox {
        margin-inline-start: 97.5px
    }
}

@media(min-width: 1600px)and (min-width: 992px) {
    .about-us-achievements-section .swiperBox {
        margin-inline-start: 22.2222222222vw
    }
}

@media(min-width: 1600px)and (min-width: 1600px) {
    .about-us-achievements-section .swiperBox {
        margin-inline-start: 17.7777777778vw
    }
}

@media(min-width: 1600px)and (max-width: 991px) {
    .about-us-achievements-section .swiperBox {
        margin-inline-start: 240px
    }
}

@media(min-width: 1600px)and (max-width: 575px) {
    .about-us-achievements-section .swiperBox {
        margin-inline-start: 208px
    }
}

.about-us-achievements-section .achievement-card {
    pointer-events: none;
    margin-bottom: 20px;
    height: 100%
}

.about-us-achievements-section .achievement-card .achievement-card-image {
    overflow: hidden;
    pointer-events: none
}

@media(min-width: 992px) {
    .about-us-achievements-section .achievement-card .achievement-card-image {
        border-radius: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .about-us-achievements-section .achievement-card .achievement-card-image {
        border-radius: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .about-us-achievements-section .achievement-card .achievement-card-image {
        border-radius: 6px
    }
}

@media(max-width: 575px) {
    .about-us-achievements-section .achievement-card .achievement-card-image {
        border-radius: 5.2px
    }
}

.about-us-achievements-section .achievement-card .achievement-card-image .img-Hover {
    transition: all .4s ease
}

.about-us-achievements-section .achievement-card .card-content {
    background-color: #fff;
    height: 60%;
    position: relative;
    pointer-events: auto;
    margin-top: -20%;
    box-shadow: rgba(0, 0, 0, .1) 3px 3px 15px
}

@media(min-width: 992px) {
    .about-us-achievements-section .achievement-card .card-content {
        margin-inline: 1.25vw
    }
}

@media(min-width: 1600px) {
    .about-us-achievements-section .achievement-card .card-content {
        margin-inline: 1vw
    }
}

@media(max-width: 991px) {
    .about-us-achievements-section .achievement-card .card-content {
        margin-inline: 13.5px
    }
}

@media(max-width: 575px) {
    .about-us-achievements-section .achievement-card .card-content {
        margin-inline: 11.7px
    }
}

@media(min-width: 992px) {
    .about-us-achievements-section .achievement-card .card-content {
        border-radius: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .about-us-achievements-section .achievement-card .card-content {
        border-radius: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .about-us-achievements-section .achievement-card .card-content {
        border-radius: 6px
    }
}

@media(max-width: 575px) {
    .about-us-achievements-section .achievement-card .card-content {
        border-radius: 5.2px
    }
}

@media(min-width: 992px) {
    .about-us-achievements-section .achievement-card .card-content {
        padding-inline: 1.25vw
    }
}

@media(min-width: 1600px) {
    .about-us-achievements-section .achievement-card .card-content {
        padding-inline: 1vw
    }
}

@media(max-width: 991px) {
    .about-us-achievements-section .achievement-card .card-content {
        padding-inline: 13.5px
    }
}

@media(max-width: 575px) {
    .about-us-achievements-section .achievement-card .card-content {
        padding-inline: 11.7px
    }
}

@media(min-width: 992px) {
    .about-us-achievements-section .achievement-card .card-content {
        padding-top: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .about-us-achievements-section .achievement-card .card-content {
        padding-top: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .about-us-achievements-section .achievement-card .card-content {
        padding-top: 12px
    }
}

@media(max-width: 575px) {
    .about-us-achievements-section .achievement-card .card-content {
        padding-top: 10.4px
    }
}

@media(min-width: 992px) {
    .about-us-achievements-section .achievement-card .card-content {
        padding-bottom: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .about-us-achievements-section .achievement-card .card-content {
        padding-bottom: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .about-us-achievements-section .achievement-card .card-content {
        padding-bottom: 18px
    }
}

@media(max-width: 575px) {
    .about-us-achievements-section .achievement-card .card-content {
        padding-bottom: 15.6px
    }
}

.about-us-achievements-section .achievement-card .card-content h3 {
    line-height: 1.2;
    font-weight: 700;
    color: #0b1610;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: break-word
}

@media(min-width: 992px) {
    .about-us-achievements-section .achievement-card .card-content h3 {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .about-us-achievements-section .achievement-card .card-content h3 {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .about-us-achievements-section .achievement-card .card-content h3 {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .about-us-achievements-section .achievement-card .card-content h3 {
        font-size: 15.6px
    }
}

@media(min-width: 992px) {
    .about-us-achievements-section .achievement-card .card-content h3 {
        margin-bottom: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .about-us-achievements-section .achievement-card .card-content h3 {
        margin-bottom: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .about-us-achievements-section .achievement-card .card-content h3 {
        margin-bottom: 12px
    }
}

@media(max-width: 575px) {
    .about-us-achievements-section .achievement-card .card-content h3 {
        margin-bottom: 10.4px
    }
}

@media(min-width: 992px) {
    .about-us-achievements-section .achievement-card .card-content h3 {
        height: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .about-us-achievements-section .achievement-card .card-content h3 {
        height: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .about-us-achievements-section .achievement-card .card-content h3 {
        height: 45px
    }
}

@media(max-width: 575px) {
    .about-us-achievements-section .achievement-card .card-content h3 {
        height: 39px
    }
}

.about-us-achievements-section .achievement-card .card-content .achievement-card-desc {
    line-height: 1.3;
    font-weight: 400;
    color: #3d3d3d;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: break-word
}

@media(min-width: 992px) {
    .about-us-achievements-section .achievement-card .card-content .achievement-card-desc {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .about-us-achievements-section .achievement-card .card-content .achievement-card-desc {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .about-us-achievements-section .achievement-card .card-content .achievement-card-desc {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .about-us-achievements-section .achievement-card .card-content .achievement-card-desc {
        font-size: 10.4px
    }
}

@media(min-width: 992px) {
    .about-us-achievements-section .achievement-card .card-content .achievement-card-desc {
        margin-bottom: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .about-us-achievements-section .achievement-card .card-content .achievement-card-desc {
        margin-bottom: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .about-us-achievements-section .achievement-card .card-content .achievement-card-desc {
        margin-bottom: 12px
    }
}

@media(max-width: 575px) {
    .about-us-achievements-section .achievement-card .card-content .achievement-card-desc {
        margin-bottom: 10.4px
    }
}

@media(min-width: 992px) {
    .about-us-achievements-section .achievement-card .card-content .achievement-card-desc {
        height: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .about-us-achievements-section .achievement-card .card-content .achievement-card-desc {
        height: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .about-us-achievements-section .achievement-card .card-content .achievement-card-desc {
        height: 45px
    }
}

@media(max-width: 575px) {
    .about-us-achievements-section .achievement-card .card-content .achievement-card-desc {
        height: 39px
    }
}

.about-us-achievements-section .achievement-card:hover .redArrowButton {
    background-color: #e4002b;
    color: #fff
}

@media(min-width: 992px) {
    .about-us-achievements-section .achievement-card:hover .redArrowButton {
        padding-inline: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .about-us-achievements-section .achievement-card:hover .redArrowButton {
        padding-inline: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .about-us-achievements-section .achievement-card:hover .redArrowButton {
        padding-inline: 15px
    }
}

@media(max-width: 575px) {
    .about-us-achievements-section .achievement-card:hover .redArrowButton {
        padding-inline: 13px
    }
}

.about-us-achievements-section .achievement-card:hover .redArrowButton i {
    color: #fff
}

.about-us-achievements-section .achievement-card:hover .img-Hover {
    transform: scale(1.15);
    transition: all .4s ease
}

.about-us-achievements-section .recipSliderArrows {
    background-color: #fff;
    display: flex;
    z-index: 100;
    position: relative;
    width: max-content;
    height: max-content;
    box-shadow: rgba(0, 0, 0, .1) 0px 0px 15px 0px
}

@media(min-width: 992px) {
    .about-us-achievements-section .recipSliderArrows {
        margin-bottom: 4.4444444444vw
    }
}

@media(min-width: 1600px) {
    .about-us-achievements-section .recipSliderArrows {
        margin-bottom: 3.5555555556vw
    }
}

@media(max-width: 991px) {
    .about-us-achievements-section .recipSliderArrows {
        margin-bottom: 48px
    }
}

@media(max-width: 575px) {
    .about-us-achievements-section .recipSliderArrows {
        margin-bottom: 41.6px
    }
}

@media(min-width: 992px) {
    .about-us-achievements-section .recipSliderArrows {
        border-radius: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .about-us-achievements-section .recipSliderArrows {
        border-radius: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .about-us-achievements-section .recipSliderArrows {
        border-radius: 7.5px
    }
}

@media(max-width: 575px) {
    .about-us-achievements-section .recipSliderArrows {
        border-radius: 6.5px
    }
}

@media(min-width: 992px) {
    .about-us-achievements-section .recipSliderArrows {
        padding: 0.3472222222vw
    }
}

@media(min-width: 1600px) {
    .about-us-achievements-section .recipSliderArrows {
        padding: 0.2777777778vw
    }
}

@media(max-width: 991px) {
    .about-us-achievements-section .recipSliderArrows {
        padding: 3.75px
    }
}

@media(max-width: 575px) {
    .about-us-achievements-section .recipSliderArrows {
        padding: 3.25px
    }
}

@media(min-width: 992px) {
    .about-us-achievements-section .recipSliderArrows {
        gap: 0.2083333333vw
    }
}

@media(min-width: 1600px) {
    .about-us-achievements-section .recipSliderArrows {
        gap: 0.1666666667vw
    }
}

@media(max-width: 991px) {
    .about-us-achievements-section .recipSliderArrows {
        gap: 2.25px
    }
}

@media(max-width: 575px) {
    .about-us-achievements-section .recipSliderArrows {
        gap: 1.95px
    }
}

.about-us-achievements-section .recipSliderArrows .recipes-button {
    transition: all .3s ease;
    color: #e4002b
}

@media(min-width: 992px) {
    .about-us-achievements-section .recipSliderArrows .recipes-button {
        font-size: 0.8333333333vw
    }
}

@media(min-width: 1600px) {
    .about-us-achievements-section .recipSliderArrows .recipes-button {
        font-size: 0.6666666667vw
    }
}

@media(max-width: 991px) {
    .about-us-achievements-section .recipSliderArrows .recipes-button {
        font-size: 9px
    }
}

@media(max-width: 575px) {
    .about-us-achievements-section .recipSliderArrows .recipes-button {
        font-size: 7.8px
    }
}

@media(min-width: 992px) {
    .about-us-achievements-section .recipSliderArrows .recipes-button {
        border-radius: 0.4861111111vw
    }
}

@media(min-width: 1600px) {
    .about-us-achievements-section .recipSliderArrows .recipes-button {
        border-radius: 0.3888888889vw
    }
}

@media(max-width: 991px) {
    .about-us-achievements-section .recipSliderArrows .recipes-button {
        border-radius: 5.25px
    }
}

@media(max-width: 575px) {
    .about-us-achievements-section .recipSliderArrows .recipes-button {
        border-radius: 4.55px
    }
}

@media(min-width: 992px) {
    .about-us-achievements-section .recipSliderArrows .recipes-button {
        padding-inline: 0.9722222222vw
    }
}

@media(min-width: 1600px) {
    .about-us-achievements-section .recipSliderArrows .recipes-button {
        padding-inline: 0.7777777778vw
    }
}

@media(max-width: 991px) {
    .about-us-achievements-section .recipSliderArrows .recipes-button {
        padding-inline: 10.5px
    }
}

@media(max-width: 575px) {
    .about-us-achievements-section .recipSliderArrows .recipes-button {
        padding-inline: 9.1px
    }
}

@media(min-width: 992px) {
    .about-us-achievements-section .recipSliderArrows .recipes-button {
        padding-block: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .about-us-achievements-section .recipSliderArrows .recipes-button {
        padding-block: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .about-us-achievements-section .recipSliderArrows .recipes-button {
        padding-block: 6px
    }
}

@media(max-width: 575px) {
    .about-us-achievements-section .recipSliderArrows .recipes-button {
        padding-block: 5.2px
    }
}

.about-us-achievements-section .recipSliderArrows .recipes-button.recipes-next {
    background-color: #e4002b;
    color: #fff
}

.about-us-achievements-section .recipSliderArrows .recipes-button:hover {
    color: #fff;
    background-color: #0b1610
}

.about-us-Leadership-section {
    position: relative;
    background-color: #f4f6fc
}

@media(min-width: 992px) {
    .about-us-Leadership-section {
        padding-top: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .about-us-Leadership-section {
        padding-top: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .about-us-Leadership-section {
        padding-top: 45px
    }
}

@media(max-width: 575px) {
    .about-us-Leadership-section {
        padding-top: 39px
    }
}

@media(min-width: 992px) {
    .about-us-Leadership-section {
        padding-bottom: 6.9444444444vw
    }
}

@media(min-width: 1600px) {
    .about-us-Leadership-section {
        padding-bottom: 5.5555555556vw
    }
}

@media(max-width: 991px) {
    .about-us-Leadership-section {
        padding-bottom: 75px
    }
}

@media(max-width: 575px) {
    .about-us-Leadership-section {
        padding-bottom: 65px
    }
}

.about-us-Leadership-section .mySwiper-thumb .swiper-slide h4 {
    font-weight: 700
}

@media(min-width: 992px) {
    .about-us-Leadership-section .mySwiper-thumb .swiper-slide h4 {
        padding-top: 5vw
    }
}

@media(min-width: 1600px) {
    .about-us-Leadership-section .mySwiper-thumb .swiper-slide h4 {
        padding-top: 4vw
    }
}

@media(max-width: 991px) {
    .about-us-Leadership-section .mySwiper-thumb .swiper-slide h4 {
        padding-top: 54px
    }
}

@media(max-width: 575px) {
    .about-us-Leadership-section .mySwiper-thumb .swiper-slide h4 {
        padding-top: 46.8px
    }
}

@media(min-width: 992px) {
    .about-us-Leadership-section .mySwiper-thumb .swiper-slide h4 {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .about-us-Leadership-section .mySwiper-thumb .swiper-slide h4 {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .about-us-Leadership-section .mySwiper-thumb .swiper-slide h4 {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .about-us-Leadership-section .mySwiper-thumb .swiper-slide h4 {
        font-size: 15.6px
    }
}

@media(max-width: 767px) {
    .about-us-Leadership-section .mySwiper-thumb .swiper-slide h4 {
        padding-top: 0
    }
}

.about-us-Leadership-section .mySwiper-thumb .swiper-slide h3 {
    color: #e4002b;
    font-weight: 400
}

@media(min-width: 992px) {
    .about-us-Leadership-section .mySwiper-thumb .swiper-slide h3 {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .about-us-Leadership-section .mySwiper-thumb .swiper-slide h3 {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .about-us-Leadership-section .mySwiper-thumb .swiper-slide h3 {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .about-us-Leadership-section .mySwiper-thumb .swiper-slide h3 {
        font-size: 10.4px
    }
}

@media(min-width: 992px) {
    .about-us-Leadership-section .mySwiper-thumb .swiper-slide h3 {
        margin-bottom: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .about-us-Leadership-section .mySwiper-thumb .swiper-slide h3 {
        margin-bottom: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .about-us-Leadership-section .mySwiper-thumb .swiper-slide h3 {
        margin-bottom: 18px
    }
}

@media(max-width: 575px) {
    .about-us-Leadership-section .mySwiper-thumb .swiper-slide h3 {
        margin-bottom: 15.6px
    }
}

.about-us-Leadership-section .mySwiper-thumb .swiper-slide p {
    overflow-y: scroll;
    font-weight: 400;
    color: #3d3d3d;
    line-height: 1.7;
    margin-bottom: 0;
    padding-inline-end: 20px
}

@media(min-width: 992px) {
    .about-us-Leadership-section .mySwiper-thumb .swiper-slide p {
        font-size: 1.25vw
    }
}

@media(min-width: 1600px) {
    .about-us-Leadership-section .mySwiper-thumb .swiper-slide p {
        font-size: 1vw
    }
}

@media(max-width: 991px) {
    .about-us-Leadership-section .mySwiper-thumb .swiper-slide p {
        font-size: 13.5px
    }
}

@media(max-width: 575px) {
    .about-us-Leadership-section .mySwiper-thumb .swiper-slide p {
        font-size: 11.7px
    }
}

@media(min-width: 992px) {
    .about-us-Leadership-section .mySwiper-thumb .swiper-slide p {
        height: 13.8888888889vw
    }
}

@media(min-width: 1600px) {
    .about-us-Leadership-section .mySwiper-thumb .swiper-slide p {
        height: 11.1111111111vw
    }
}

@media(max-width: 991px) {
    .about-us-Leadership-section .mySwiper-thumb .swiper-slide p {
        height: 150px
    }
}

@media(max-width: 575px) {
    .about-us-Leadership-section .mySwiper-thumb .swiper-slide p {
        height: 130px
    }
}

.about-us-Leadership-section .mySwiper-thumb .swiper-slide p::-webkit-scrollbar {
    width: 6px
}

.about-us-Leadership-section .mySwiper-thumb .swiper-slide p::-webkit-scrollbar {
    width: 5px;
    background-color: rgba(0, 22, 137, .2);
    border-radius: 100px
}

.about-us-Leadership-section .mySwiper-thumb .swiper-slide p::-webkit-scrollbar-thumb {
    width: 5px;
    background-color: #0b1610;
    border-radius: 100px
}

@media(max-width: 767px) {
    .about-us-Leadership-section .mySwiper-thumb .swiper-slide p {
        height: 70px
    }
}

.about-us-Leadership-section .mySwiper-thumb-2 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 65%;
    overflow: visible
}

.about-us-Leadership-section .mySwiper-thumb-2 .swiper-wrapper {
    align-items: flex-end
}

.about-us-Leadership-section .mySwiper-thumb-2 .swiper-wrapper .swiper-slide {
    display: flex;
    align-items: end;
    justify-content: center;
    transition: height .5s ease-in-out, transform .5s ease-in-out, opacity .5s ease-in-out
}

@media(min-width: 992px) {
    .about-us-Leadership-section .mySwiper-thumb-2 .swiper-wrapper .swiper-slide {
        height: 15.9722222222vw
    }
}

@media(min-width: 1600px) {
    .about-us-Leadership-section .mySwiper-thumb-2 .swiper-wrapper .swiper-slide {
        height: 12.7777777778vw
    }
}

@media(max-width: 991px) {
    .about-us-Leadership-section .mySwiper-thumb-2 .swiper-wrapper .swiper-slide {
        height: 172.5px
    }
}

@media(max-width: 575px) {
    .about-us-Leadership-section .mySwiper-thumb-2 .swiper-wrapper .swiper-slide {
        height: 149.5px
    }
}

.about-us-Leadership-section .mySwiper-thumb-2 .swiper-wrapper .swiper-slide img {
    height: 100%;
    object-fit: cover
}

.about-us-Leadership-section .mySwiper-thumb-2 .swiper-wrapper .swiper-slide-active {
    transition: height .5s ease-in-out, transform .5s ease-in-out, opacity .5s ease-in-out;
    opacity: 1
}

@media(min-width: 992px) {
    .about-us-Leadership-section .mySwiper-thumb-2 .swiper-wrapper .swiper-slide-active {
        height: 36.8055555556vw
    }
}

@media(min-width: 1600px) {
    .about-us-Leadership-section .mySwiper-thumb-2 .swiper-wrapper .swiper-slide-active {
        height: 29.4444444444vw
    }
}

@media(max-width: 991px) {
    .about-us-Leadership-section .mySwiper-thumb-2 .swiper-wrapper .swiper-slide-active {
        height: 397.5px
    }
}

@media(max-width: 575px) {
    .about-us-Leadership-section .mySwiper-thumb-2 .swiper-wrapper .swiper-slide-active {
        height: 344.5px
    }
}

.about-us-Leadership-section .mySwiper-thumb-2 .swiper-wrapper .swiper-slide-prev {
    transition: height .5s ease-in-out, transform .5s ease-in-out, opacity .5s ease-in-out;
    opacity: 0;
    pointer-events: none
}

.about-us-Leadership-section .recipSliderArrows {
    background-color: #fff;
    display: flex;
    z-index: 100;
    position: relative;
    width: max-content;
    height: max-content;
    box-shadow: rgba(0, 0, 0, .1) 0px 0px 15px 0px
}

@media(min-width: 992px) {
    .about-us-Leadership-section .recipSliderArrows {
        margin-bottom: 4.4444444444vw
    }
}

@media(min-width: 1600px) {
    .about-us-Leadership-section .recipSliderArrows {
        margin-bottom: 3.5555555556vw
    }
}

@media(max-width: 991px) {
    .about-us-Leadership-section .recipSliderArrows {
        margin-bottom: 48px
    }
}

@media(max-width: 575px) {
    .about-us-Leadership-section .recipSliderArrows {
        margin-bottom: 41.6px
    }
}

@media(min-width: 992px) {
    .about-us-Leadership-section .recipSliderArrows {
        border-radius: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .about-us-Leadership-section .recipSliderArrows {
        border-radius: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .about-us-Leadership-section .recipSliderArrows {
        border-radius: 7.5px
    }
}

@media(max-width: 575px) {
    .about-us-Leadership-section .recipSliderArrows {
        border-radius: 6.5px
    }
}

@media(min-width: 992px) {
    .about-us-Leadership-section .recipSliderArrows {
        padding: 0.3472222222vw
    }
}

@media(min-width: 1600px) {
    .about-us-Leadership-section .recipSliderArrows {
        padding: 0.2777777778vw
    }
}

@media(max-width: 991px) {
    .about-us-Leadership-section .recipSliderArrows {
        padding: 3.75px
    }
}

@media(max-width: 575px) {
    .about-us-Leadership-section .recipSliderArrows {
        padding: 3.25px
    }
}

@media(min-width: 992px) {
    .about-us-Leadership-section .recipSliderArrows {
        gap: 0.2083333333vw
    }
}

@media(min-width: 1600px) {
    .about-us-Leadership-section .recipSliderArrows {
        gap: 0.1666666667vw
    }
}

@media(max-width: 991px) {
    .about-us-Leadership-section .recipSliderArrows {
        gap: 2.25px
    }
}

@media(max-width: 575px) {
    .about-us-Leadership-section .recipSliderArrows {
        gap: 1.95px
    }
}

.about-us-Leadership-section .recipSliderArrows .recipes-button {
    transition: all .3s ease;
    color: #e4002b
}

@media(min-width: 992px) {
    .about-us-Leadership-section .recipSliderArrows .recipes-button {
        font-size: 0.8333333333vw
    }
}

@media(min-width: 1600px) {
    .about-us-Leadership-section .recipSliderArrows .recipes-button {
        font-size: 0.6666666667vw
    }
}

@media(max-width: 991px) {
    .about-us-Leadership-section .recipSliderArrows .recipes-button {
        font-size: 9px
    }
}

@media(max-width: 575px) {
    .about-us-Leadership-section .recipSliderArrows .recipes-button {
        font-size: 7.8px
    }
}

@media(min-width: 992px) {
    .about-us-Leadership-section .recipSliderArrows .recipes-button {
        border-radius: 0.4861111111vw
    }
}

@media(min-width: 1600px) {
    .about-us-Leadership-section .recipSliderArrows .recipes-button {
        border-radius: 0.3888888889vw
    }
}

@media(max-width: 991px) {
    .about-us-Leadership-section .recipSliderArrows .recipes-button {
        border-radius: 5.25px
    }
}

@media(max-width: 575px) {
    .about-us-Leadership-section .recipSliderArrows .recipes-button {
        border-radius: 4.55px
    }
}

@media(min-width: 992px) {
    .about-us-Leadership-section .recipSliderArrows .recipes-button {
        padding-inline: 0.9722222222vw
    }
}

@media(min-width: 1600px) {
    .about-us-Leadership-section .recipSliderArrows .recipes-button {
        padding-inline: 0.7777777778vw
    }
}

@media(max-width: 991px) {
    .about-us-Leadership-section .recipSliderArrows .recipes-button {
        padding-inline: 10.5px
    }
}

@media(max-width: 575px) {
    .about-us-Leadership-section .recipSliderArrows .recipes-button {
        padding-inline: 9.1px
    }
}

@media(min-width: 992px) {
    .about-us-Leadership-section .recipSliderArrows .recipes-button {
        padding-block: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .about-us-Leadership-section .recipSliderArrows .recipes-button {
        padding-block: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .about-us-Leadership-section .recipSliderArrows .recipes-button {
        padding-block: 6px
    }
}

@media(max-width: 575px) {
    .about-us-Leadership-section .recipSliderArrows .recipes-button {
        padding-block: 5.2px
    }
}

.about-us-Leadership-section .recipSliderArrows .recipes-button.recipes-next-mt {
    background-color: #e4002b;
    color: #fff
}

.about-us-Leadership-section .recipSliderArrows .recipes-button:hover {
    color: #fff;
    background-color: #0b1610
}

.aboutus-modalPopup .modal-content {
    overflow: hidden
}

@media(min-width: 992px) {
    .aboutus-modalPopup .modal-content {
        border-radius: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .aboutus-modalPopup .modal-content {
        border-radius: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .aboutus-modalPopup .modal-content {
        border-radius: 12px
    }
}

@media(max-width: 575px) {
    .aboutus-modalPopup .modal-content {
        border-radius: 10.4px
    }
}

.aboutus-modalPopup .modal-content .modal-body {
    background-color: #e6e8f4;
    padding: 0
}

.aboutus-modalPopup .modal-content .modal-body .carouselCard {
    display: flex;
    overflow: hidden;
    gap: 32px;
    align-items: center;
    width: 100%;
    position: relative
}

@media(min-width: 992px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard {
        padding-block: 3.3333333333vw
    }
}

@media(min-width: 1600px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard {
        padding-block: 2.6666666667vw
    }
}

@media(max-width: 991px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard {
        padding-block: 36px
    }
}

@media(max-width: 575px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard {
        padding-block: 31.2px
    }
}

@media(min-width: 992px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard {
        padding-inline: 3.5416666667vw
    }
}

@media(min-width: 1600px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard {
        padding-inline: 2.8333333333vw
    }
}

@media(max-width: 991px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard {
        padding-inline: 38.25px
    }
}

@media(max-width: 575px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard {
        padding-inline: 33.15px
    }
}

.aboutus-modalPopup .modal-content .modal-body .carouselCard .content {
    width: 65%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media(max-width: 991px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard .content {
        width: 100%;
        padding-inline: 45px
    }
}

.aboutus-modalPopup .modal-content .modal-body .carouselCard .content .section-sub-title {
    text-transform: uppercase
}

@media(min-width: 992px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard .content .section-sub-title {
        margin-bottom: 0vw
    }
}

@media(min-width: 1600px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard .content .section-sub-title {
        margin-bottom: 0vw
    }
}

@media(max-width: 991px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard .content .section-sub-title {
        margin-bottom: 0px
    }
}

@media(max-width: 575px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard .content .section-sub-title {
        margin-bottom: 0px
    }
}

@media(min-width: 992px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard .content .section-title {
        margin-bottom: 0vw
    }
}

@media(min-width: 1600px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard .content .section-title {
        margin-bottom: 0vw
    }
}

@media(max-width: 991px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard .content .section-title {
        margin-bottom: 0px
    }
}

@media(max-width: 575px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard .content .section-title {
        margin-bottom: 0px
    }
}

.aboutus-modalPopup .modal-content .modal-body .carouselCard .content .subDesc {
    font-weight: 400 !important;
    line-height: 1.2;
    color: #3d3d3d
}

@media(min-width: 992px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard .content .subDesc {
        margin-bottom: 0vw
    }
}

@media(min-width: 1600px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard .content .subDesc {
        margin-bottom: 0vw
    }
}

@media(max-width: 991px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard .content .subDesc {
        margin-bottom: 0px
    }
}

@media(max-width: 575px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard .content .subDesc {
        margin-bottom: 0px
    }
}

@media(min-width: 992px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard .content .subDesc {
        margin-top: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard .content .subDesc {
        margin-top: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard .content .subDesc {
        margin-top: 18px
    }
}

@media(max-width: 575px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard .content .subDesc {
        margin-top: 15.6px
    }
}

@media(min-width: 992px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard .content .subDesc {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard .content .subDesc {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard .content .subDesc {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard .content .subDesc {
        font-size: 10.4px
    }
}

.aboutus-modalPopup .modal-content .modal-body .carouselCard .sideImg {
    width: 35%;
    overflow: hidden
}

@media(min-width: 992px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard .sideImg {
        border-radius: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard .sideImg {
        border-radius: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard .sideImg {
        border-radius: 12px
    }
}

@media(max-width: 575px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard .sideImg {
        border-radius: 10.4px
    }
}

@media(min-width: 992px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard .sideImg {
        height: 20.8333333333vw
    }
}

@media(min-width: 1600px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard .sideImg {
        height: 16.6666666667vw
    }
}

@media(max-width: 991px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard .sideImg {
        height: 225px
    }
}

@media(max-width: 575px) {
    .aboutus-modalPopup .modal-content .modal-body .carouselCard .sideImg {
        height: 195px
    }
}

.aboutus-modalPopup .modal-content .modal-body .carouselCard .sideImg img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.aboutus-modalPopup .modal-content button.btn-close {
    position: absolute;
    opacity: 1;
    z-index: 1000;
    font-size: 28px;
    background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2865_1715)"><g filter="url(%23filter0_d_2865_1715)"><path d="M15.5 5C9.71049 5 5 9.71049 5 15.5C5 21.2895 9.71049 26 15.5 26C21.2895 26 26 21.2895 26 15.5C26 9.71049 21.2895 5 15.5 5ZM15.5 6.61538C20.4156 6.61538 24.3846 10.5844 24.3846 15.5C24.3846 20.4156 20.4156 24.3846 15.5 24.3846C10.5844 24.3846 6.61538 20.4156 6.61538 15.5C6.61538 10.5844 10.5844 6.61538 15.5 6.61538ZM12.4459 11.2849L11.2849 12.4459L14.3389 15.5L11.2849 18.5541L12.4459 19.7151L15.5 16.6611L18.5541 19.7151L19.7151 18.5541L16.6611 15.5L19.7151 12.4459L18.5541 11.2849L15.5 14.3389L12.4459 11.2849Z" fill="%23F4F6FC"/></g></g><defs><filter id="filter0_d_2865_1715" x="1" y="1" width="33" height="33" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="2" dy="2"/><feGaussianBlur stdDeviation="3"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2865_1715"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2865_1715" result="shape"/></filter><clipPath id="clip0_2865_1715"><rect width="32" height="32" fill="white"/></clipPath></defs></svg>')
}

@media(min-width: 992px) {
    .aboutus-modalPopup .modal-content button.btn-close {
        top: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .aboutus-modalPopup .modal-content button.btn-close {
        top: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .aboutus-modalPopup .modal-content button.btn-close {
        top: 11.25px
    }
}

@media(max-width: 575px) {
    .aboutus-modalPopup .modal-content button.btn-close {
        top: 9.75px
    }
}

@media(min-width: 992px) {
    .aboutus-modalPopup .modal-content button.btn-close {
        right: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .aboutus-modalPopup .modal-content button.btn-close {
        right: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .aboutus-modalPopup .modal-content button.btn-close {
        right: 11.25px
    }
}

@media(max-width: 575px) {
    .aboutus-modalPopup .modal-content button.btn-close {
        right: 9.75px
    }
}

.leaf-channel {
    display: inline-block;
    opacity: 1;
    opacity: 0;
    position: absolute;
    z-index: 10
}

.leaf-channel-1 {
    animation: fallingLeaf 6s linear infinite;
    left: 5%
}

.leaf-channel-1 .leaf-container {
    height: 100px;
    width: 100px;
    animation: rotatingLeaf 6s linear infinite
}

.leaf-channel-2 {
    animation: fallingLeaf 6s linear 1.5s infinite;
    left: 20%
}

.leaf-channel-2 .leaf-container {
    height: 60px;
    width: 60px;
    animation: rotatingLeaf 6s linear 2s infinite
}

.leaf-channel-3 {
    left: 35%;
    animation: fallingLeaf 6s linear 3s infinite
}

.leaf-channel-3 .leaf-container {
    height: 90px;
    width: 90px;
    animation: rotatingLeaf 6s linear 4s infinite
}

.leaf-channel-4 {
    left: 50%;
    animation: fallingLeaf 6s linear 5s infinite
}

.leaf-channel-4 .leaf-container {
    height: 70px;
    width: 70px;
    animation: rotatingLeaf 6s linear 6s infinite
}

.leaf-channel-5 {
    left: 65%;
    animation: fallingLeaf 6s linear 4s infinite
}

.leaf-channel-5 .leaf-container {
    height: 120px;
    width: 120px;
    animation: rotatingLeaf 6s linear 7s infinite
}

.leaf-channel-6 {
    left: 75%;
    animation: fallingLeaf 6s linear 4s infinite
}

.leaf-channel-6 .leaf-container {
    height: 70px;
    width: 70px;
    animation: rotatingLeaf 6s linear 8s infinite
}

.leaf-channel-7 {
    left: 94%;
    animation: fallingLeaf 6s linear 4s infinite
}

.leaf-channel-7 .leaf-container {
    height: 45px;
    width: 45px;
    animation: rotatingLeaf 6s linear 4s infinite
}

.leaf-container {
    display: inline-block
}

.leaf-img {
    height: 100%
}

.about-us-freshness-section {
    background-color: #ffe8bf;
    position: relative
}

@media(min-width: 992px) {
    .about-us-freshness-section {
        padding-top: 4.0277777778vw
    }
}

@media(min-width: 1600px) {
    .about-us-freshness-section {
        padding-top: 3.2222222222vw
    }
}

@media(max-width: 991px) {
    .about-us-freshness-section {
        padding-top: 43.5px
    }
}

@media(max-width: 575px) {
    .about-us-freshness-section {
        padding-top: 37.7px
    }
}

@media(min-width: 992px) {
    .about-us-freshness-section {
        padding-bottom: 2.2222222222vw
    }
}

@media(min-width: 1600px) {
    .about-us-freshness-section {
        padding-bottom: 1.7777777778vw
    }
}

@media(max-width: 991px) {
    .about-us-freshness-section {
        padding-bottom: 24px
    }
}

@media(max-width: 575px) {
    .about-us-freshness-section {
        padding-bottom: 20.8px
    }
}

.about-us-freshness-section .back {
    position: absolute;
    height: 100%;
    width: 100%
}

@media(min-width: 992px) {
    .about-us-freshness-section .freshness-img.shirt {
        width: 16.6666666667vw
    }
}

@media(min-width: 1600px) {
    .about-us-freshness-section .freshness-img.shirt {
        width: 13.3333333333vw
    }
}

@media(max-width: 991px) {
    .about-us-freshness-section .freshness-img.shirt {
        width: 180px
    }
}

@media(max-width: 575px) {
    .about-us-freshness-section .freshness-img.shirt {
        width: 156px
    }
}

@media(min-width: 992px) {
    .about-us-freshness-section .freshness-img.shirt {
        height: 18.0555555556vw
    }
}

@media(min-width: 1600px) {
    .about-us-freshness-section .freshness-img.shirt {
        height: 14.4444444444vw
    }
}

@media(max-width: 991px) {
    .about-us-freshness-section .freshness-img.shirt {
        height: 195px
    }
}

@media(max-width: 575px) {
    .about-us-freshness-section .freshness-img.shirt {
        height: 169px
    }
}

.about-us-freshness-section .section-title {
    margin-bottom: 0;
    background-image: url("/assets/images/clipping-image-01.png");
    background-position: center;
    background-repeat: repeat;
    color: rgba(0, 0, 0, 0);
    background-clip: text;
    line-height: .8;
    font-weight: 800;
    padding: 0
}

@media(min-width: 992px) {
    .about-us-freshness-section .section-title {
        font-size: 8.3333333333vw
    }
}

@media(min-width: 1600px) {
    .about-us-freshness-section .section-title {
        font-size: 6.6666666667vw
    }
}

@media(max-width: 991px) {
    .about-us-freshness-section .section-title {
        font-size: 90px
    }
}

@media(max-width: 575px) {
    .about-us-freshness-section .section-title {
        font-size: 78px
    }
}

@media(min-width: 992px) {
    .about-us-freshness-section .section-sub-title {
        margin-bottom: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .about-us-freshness-section .section-sub-title {
        margin-bottom: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .about-us-freshness-section .section-sub-title {
        margin-bottom: 12px
    }
}

@media(max-width: 575px) {
    .about-us-freshness-section .section-sub-title {
        margin-bottom: 10.4px
    }
}

.about-us-freshness-section .commonBtn.redBorder {
    margin: 0
}

@media(min-width: 992px) {
    .about-us-freshness-section .commonBtn.redBorder {
        margin-top: 3.0555555556vw
    }
}

@media(min-width: 1600px) {
    .about-us-freshness-section .commonBtn.redBorder {
        margin-top: 2.4444444444vw
    }
}

@media(max-width: 991px) {
    .about-us-freshness-section .commonBtn.redBorder {
        margin-top: 33px
    }
}

@media(max-width: 575px) {
    .about-us-freshness-section .commonBtn.redBorder {
        margin-top: 28.6px
    }
}

.about-us-sustainability-section {
    background-color: rgba(228, 0, 43, .1)
}

@media(min-width: 992px) {
    .about-us-sustainability-section {
        padding-block: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .about-us-sustainability-section {
        padding-block: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .about-us-sustainability-section {
        padding-block: 45px
    }
}

@media(max-width: 575px) {
    .about-us-sustainability-section {
        padding-block: 39px
    }
}

.about-us-sustainability-section:has(.right:hover) .left {
    border: 1px solid #fff;
    scale: 1;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

.about-us-sustainability-section:has(.right:hover) .left .card-title {
    transition: all .2s ease-in-out;
    color: #3d3d3d
}

@media(min-width: 992px) {
    .about-us-sustainability-section:has(.right:hover) .left .card-title {
        margin-bottom: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .about-us-sustainability-section:has(.right:hover) .left .card-title {
        margin-bottom: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .about-us-sustainability-section:has(.right:hover) .left .card-title {
        margin-bottom: 12px
    }
}

@media(max-width: 575px) {
    .about-us-sustainability-section:has(.right:hover) .left .card-title {
        margin-bottom: 10.4px
    }
}

.about-us-sustainability-section:has(.right:hover) .left svg {
    stroke: #3d3d3d;
    transition: all .2s ease-in-out;
    fill: #3d3d3d
}

.about-us-sustainability-section:has(.right:hover) .left svg.svgStroke {
    transition: all .2s ease-in-out;
    fill: rgba(0, 0, 0, 0)
}

@media(min-width: 992px) {
    .about-us-sustainability-section .section-title {
        margin-bottom: 4.4444444444vw
    }
}

@media(min-width: 1600px) {
    .about-us-sustainability-section .section-title {
        margin-bottom: 3.5555555556vw
    }
}

@media(max-width: 991px) {
    .about-us-sustainability-section .section-title {
        margin-bottom: 48px
    }
}

@media(max-width: 575px) {
    .about-us-sustainability-section .section-title {
        margin-bottom: 41.6px
    }
}

.about-us-sustainability-section .home-cards {
    border: 1px solid #fff
}

@media(min-width: 992px) {
    .about-us-sustainability-section .home-cards {
        padding-top: 3.125vw
    }
}

@media(min-width: 1600px) {
    .about-us-sustainability-section .home-cards {
        padding-top: 2.5vw
    }
}

@media(max-width: 991px) {
    .about-us-sustainability-section .home-cards {
        padding-top: 33.75px
    }
}

@media(max-width: 575px) {
    .about-us-sustainability-section .home-cards {
        padding-top: 29.25px
    }
}

@media(min-width: 992px) {
    .about-us-sustainability-section .home-cards {
        padding-bottom: 2.6388888889vw
    }
}

@media(min-width: 1600px) {
    .about-us-sustainability-section .home-cards {
        padding-bottom: 2.1111111111vw
    }
}

@media(max-width: 991px) {
    .about-us-sustainability-section .home-cards {
        padding-bottom: 28.5px
    }
}

@media(max-width: 575px) {
    .about-us-sustainability-section .home-cards {
        padding-bottom: 24.7px
    }
}

.about-us-sustainability-section .home-cards .card-title {
    transition: all .2s ease-in-out;
    color: #3d3d3d
}

@media(min-width: 992px) {
    .about-us-sustainability-section .home-cards .card-title {
        margin-bottom: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .about-us-sustainability-section .home-cards .card-title {
        margin-bottom: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .about-us-sustainability-section .home-cards .card-title {
        margin-bottom: 12px
    }
}

@media(max-width: 575px) {
    .about-us-sustainability-section .home-cards .card-title {
        margin-bottom: 10.4px
    }
}

.about-us-sustainability-section .home-cards svg {
    stroke: #3d3d3d;
    fill: #3d3d3d
}

.about-us-sustainability-section .home-cards svg.svgStroke {
    fill: rgba(0, 0, 0, 0)
}

.about-us-sustainability-section .home-cards .card-text {
    margin-bottom: 0 !important
}

.about-us-sustainability-section .home-cards.left {
    border: 1px solid #e4002b;
    background-color: rgba(255, 255, 255, .7);
    box-shadow: #c8d3d9 0px 7px 29px 0px;
    scale: 1.05;
    transition: all .4s ease-in-out
}

.about-us-sustainability-section .home-cards.left .card-title {
    transition: all .2s ease-in-out;
    color: #0b1610
}

.about-us-sustainability-section .home-cards.left svg {
    stroke: #0b1610;
    fill: #0b1610;
    transition: all .2s ease-in-out
}

.about-us-sustainability-section .home-cards.left svg.svgStroke {
    fill: rgba(0, 0, 0, 0);
    transition: all .2s ease-in-out;
    stroke: #0b1610 !important
}

@media(min-width: 992px) {
    .about-us-sustainability-section .home-cards.left .card-text {
        margin-bottom: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .about-us-sustainability-section .home-cards.left .card-text {
        margin-bottom: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .about-us-sustainability-section .home-cards.left .card-text {
        margin-bottom: 7.5px
    }
}

@media(max-width: 575px) {
    .about-us-sustainability-section .home-cards.left .card-text {
        margin-bottom: 6.5px
    }
}

.about-us-sustainability-section .home-cards.right:hover {
    scale: 1.05;
    border: 1px solid #e4002b;
    background-color: rgba(255, 255, 255, .7);
    box-shadow: #c8d3d9 0px 7px 29px 0px;
    transition: all .4s ease-in-out
}

.about-us-sustainability-section .home-cards.right:hover .card-title {
    color: #0b1610;
    transition: all .2s ease-in-out
}

.about-us-sustainability-section .home-cards.right:hover svg {
    stroke: #0b1610;
    fill: #0b1610;
    transition: all .2s ease-in-out
}

.about-us-sustainability-section .home-cards.right:hover svg.svgStroke {
    fill: rgba(0, 0, 0, 0);
    transition: all .2s ease-in-out;
    stroke: #0b1610 !important
}

@media(min-width: 992px) {
    .about-us-sustainability-section .home-cards.right:hover .card-text {
        margin-bottom: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .about-us-sustainability-section .home-cards.right:hover .card-text {
        margin-bottom: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .about-us-sustainability-section .home-cards.right:hover .card-text {
        margin-bottom: 7.5px
    }
}

@media(max-width: 575px) {
    .about-us-sustainability-section .home-cards.right:hover .card-text {
        margin-bottom: 6.5px
    }
}

.freshnessUpdated {
    background-color: #f7f6f1;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    flex-direction: column
}

@media(min-width: 992px) {
    .freshnessUpdated {
        padding-top: 9.2361111111vw
    }
}

@media(min-width: 1600px) {
    .freshnessUpdated {
        padding-top: 7.3888888889vw
    }
}

@media(max-width: 991px) {
    .freshnessUpdated {
        padding-top: 99.75px
    }
}

@media(max-width: 575px) {
    .freshnessUpdated {
        padding-top: 86.45px
    }
}

@media(min-width: 992px) {
    .freshnessUpdated {
        padding-bottom: 13.4027777778vw
    }
}

@media(min-width: 1600px) {
    .freshnessUpdated {
        padding-bottom: 10.7222222222vw
    }
}

@media(max-width: 991px) {
    .freshnessUpdated {
        padding-bottom: 144.75px
    }
}

@media(max-width: 575px) {
    .freshnessUpdated {
        padding-bottom: 125.45px
    }
}

@media(min-width: 992px) {
    .freshnessUpdated.error404 {
        margin-top: 8.5416666667vw
    }
}

@media(min-width: 1600px) {
    .freshnessUpdated.error404 {
        margin-top: 6.8333333333vw
    }
}

@media(max-width: 991px) {
    .freshnessUpdated.error404 {
        margin-top: 92.25px
    }
}

@media(max-width: 575px) {
    .freshnessUpdated.error404 {
        margin-top: 79.95px
    }
}

@media(min-width: 992px) {
    .freshnessUpdated.error404 {
        margin-bottom: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .freshnessUpdated.error404 {
        margin-bottom: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .freshnessUpdated.error404 {
        margin-bottom: 30px
    }
}

@media(max-width: 575px) {
    .freshnessUpdated.error404 {
        margin-bottom: 26px
    }
}

.freshnessUpdated.error404 .section-title {
    font-weight: 900
}

@media(min-width: 992px) {
    .freshnessUpdated.error404 .section-title {
        font-size: 10.4166666667vw
    }
}

@media(min-width: 1600px) {
    .freshnessUpdated.error404 .section-title {
        font-size: 8.3333333333vw
    }
}

@media(max-width: 991px) {
    .freshnessUpdated.error404 .section-title {
        font-size: 112.5px
    }
}

@media(max-width: 575px) {
    .freshnessUpdated.error404 .section-title {
        font-size: 97.5px
    }
}

.freshnessUpdated.error404 .section-sub-title {
    font-weight: 900
}

.freshnessUpdated.error404:hover .section-title,
.freshnessUpdated.error404:hover .section-sub-title {
    -webkit-text-stroke: 0px #0b1610;
    text-shadow: 1px 1px 1px rgba(0, 22, 137, 0)
}

.freshnessUpdated .section-sub-title {
    color: #0b1610;
    text-transform: uppercase;
    font-weight: 400;
    transition: -webkit-text-stroke .3s ease-in-out, text-shadow .3s ease-in-out;
    -webkit-text-stroke: 0px #0b1610;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0)
}

@media(min-width: 992px) {
    .freshnessUpdated .section-sub-title {
        font-size: 2.2222222222vw
    }
}

@media(min-width: 1600px) {
    .freshnessUpdated .section-sub-title {
        font-size: 1.7777777778vw
    }
}

@media(max-width: 991px) {
    .freshnessUpdated .section-sub-title {
        font-size: 24px
    }
}

@media(max-width: 575px) {
    .freshnessUpdated .section-sub-title {
        font-size: 20.8px
    }
}

.freshnessUpdated .section-title {
    color: #0b1610;
    font-weight: 400;
    transition: -webkit-text-stroke .3s ease-in-out, text-shadow .3s ease-in-out;
    -webkit-text-stroke: 0px #0b1610;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0)
}

@media(min-width: 992px) {
    .freshnessUpdated .section-title {
        font-size: 6.9444444444vw
    }
}

@media(min-width: 1600px) {
    .freshnessUpdated .section-title {
        font-size: 5.5555555556vw
    }
}

@media(max-width: 991px) {
    .freshnessUpdated .section-title {
        font-size: 75px
    }
}

@media(max-width: 575px) {
    .freshnessUpdated .section-title {
        font-size: 65px
    }
}

.freshnessUpdated a {
    z-index: 2
}

@media(min-width: 992px) {
    .freshnessUpdated a {
        margin-top: 2.9166666667vw
    }
}

@media(min-width: 1600px) {
    .freshnessUpdated a {
        margin-top: 2.3333333333vw
    }
}

@media(max-width: 991px) {
    .freshnessUpdated a {
        margin-top: 31.5px
    }
}

@media(max-width: 575px) {
    .freshnessUpdated a {
        margin-top: 27.3px
    }
}

.freshnessUpdated a.commonBtn {
    background-color: rgba(0, 0, 0, 0);
    color: #e4002b;
    border: 1px solid #e4002b;
    transition: all .3s ease-in-out
}

.freshnessUpdated img {
    position: absolute;
    object-fit: cover;
    transition: all .3s ease-in-out
}

.freshnessUpdated img.banana {
    top: 0;
    mix-blend-mode: darken;
    left: 0
}

@media(min-width: 992px) {
    .freshnessUpdated img.banana {
        width: 27.7777777778vw
    }
}

@media(min-width: 1600px) {
    .freshnessUpdated img.banana {
        width: 22.2222222222vw
    }
}

@media(max-width: 991px) {
    .freshnessUpdated img.banana {
        width: 300px
    }
}

@media(max-width: 575px) {
    .freshnessUpdated img.banana {
        width: 260px
    }
}

@media(min-width: 992px) {
    .freshnessUpdated img.banana {
        height: 27.7777777778vw
    }
}

@media(min-width: 1600px) {
    .freshnessUpdated img.banana {
        height: 22.2222222222vw
    }
}

@media(max-width: 991px) {
    .freshnessUpdated img.banana {
        height: 300px
    }
}

@media(max-width: 575px) {
    .freshnessUpdated img.banana {
        height: 260px
    }
}

.freshnessUpdated img.orange {
    mix-blend-mode: darken;
    top: 0;
    right: 0
}

@media(min-width: 992px) {
    .freshnessUpdated img.orange {
        width: 27.7777777778vw
    }
}

@media(min-width: 1600px) {
    .freshnessUpdated img.orange {
        width: 22.2222222222vw
    }
}

@media(max-width: 991px) {
    .freshnessUpdated img.orange {
        width: 300px
    }
}

@media(max-width: 575px) {
    .freshnessUpdated img.orange {
        width: 260px
    }
}

@media(min-width: 992px) {
    .freshnessUpdated img.orange {
        height: 27.7777777778vw
    }
}

@media(min-width: 1600px) {
    .freshnessUpdated img.orange {
        height: 22.2222222222vw
    }
}

@media(max-width: 991px) {
    .freshnessUpdated img.orange {
        height: 300px
    }
}

@media(max-width: 575px) {
    .freshnessUpdated img.orange {
        height: 260px
    }
}

.freshnessUpdated img.kiwi1 {
    mix-blend-mode: darken;
    bottom: 0;
    right: 0;
    z-index: 100
}

@media(min-width: 992px) {
    .freshnessUpdated img.kiwi1 {
        width: 27.7777777778vw
    }
}

@media(min-width: 1600px) {
    .freshnessUpdated img.kiwi1 {
        width: 22.2222222222vw
    }
}

@media(max-width: 991px) {
    .freshnessUpdated img.kiwi1 {
        width: 300px
    }
}

@media(max-width: 575px) {
    .freshnessUpdated img.kiwi1 {
        width: 260px
    }
}

@media(min-width: 992px) {
    .freshnessUpdated img.kiwi1 {
        height: 27.7777777778vw
    }
}

@media(min-width: 1600px) {
    .freshnessUpdated img.kiwi1 {
        height: 22.2222222222vw
    }
}

@media(max-width: 991px) {
    .freshnessUpdated img.kiwi1 {
        height: 300px
    }
}

@media(max-width: 575px) {
    .freshnessUpdated img.kiwi1 {
        height: 260px
    }
}

.freshnessUpdated img.kiwi2 {
    mix-blend-mode: darken;
    bottom: 0;
    left: 0
}

@media(min-width: 992px) {
    .freshnessUpdated img.kiwi2 {
        width: 27.7777777778vw
    }
}

@media(min-width: 1600px) {
    .freshnessUpdated img.kiwi2 {
        width: 22.2222222222vw
    }
}

@media(max-width: 991px) {
    .freshnessUpdated img.kiwi2 {
        width: 300px
    }
}

@media(max-width: 575px) {
    .freshnessUpdated img.kiwi2 {
        width: 260px
    }
}

@media(min-width: 992px) {
    .freshnessUpdated img.kiwi2 {
        height: 27.7777777778vw
    }
}

@media(min-width: 1600px) {
    .freshnessUpdated img.kiwi2 {
        height: 22.2222222222vw
    }
}

@media(max-width: 991px) {
    .freshnessUpdated img.kiwi2 {
        height: 300px
    }
}

@media(max-width: 575px) {
    .freshnessUpdated img.kiwi2 {
        height: 260px
    }
}

.freshnessUpdated img.leaf-01 {
    left: 27%;
    top: 10%
}

@media(min-width: 992px) {
    .freshnessUpdated img.leaf-01 {
        width: 8.3333333333vw
    }
}

@media(min-width: 1600px) {
    .freshnessUpdated img.leaf-01 {
        width: 6.6666666667vw
    }
}

@media(max-width: 991px) {
    .freshnessUpdated img.leaf-01 {
        width: 90px
    }
}

@media(max-width: 575px) {
    .freshnessUpdated img.leaf-01 {
        width: 78px
    }
}

@media(min-width: 992px) {
    .freshnessUpdated img.leaf-01 {
        height: 8.3333333333vw
    }
}

@media(min-width: 1600px) {
    .freshnessUpdated img.leaf-01 {
        height: 6.6666666667vw
    }
}

@media(max-width: 991px) {
    .freshnessUpdated img.leaf-01 {
        height: 90px
    }
}

@media(max-width: 575px) {
    .freshnessUpdated img.leaf-01 {
        height: 78px
    }
}

.freshnessUpdated img.leaf-02 {
    left: 1%;
    top: 1%
}

@media(min-width: 992px) {
    .freshnessUpdated img.leaf-02 {
        width: 6.25vw
    }
}

@media(min-width: 1600px) {
    .freshnessUpdated img.leaf-02 {
        width: 5vw
    }
}

@media(max-width: 991px) {
    .freshnessUpdated img.leaf-02 {
        width: 67.5px
    }
}

@media(max-width: 575px) {
    .freshnessUpdated img.leaf-02 {
        width: 58.5px
    }
}

@media(min-width: 992px) {
    .freshnessUpdated img.leaf-02 {
        height: 6.25vw
    }
}

@media(min-width: 1600px) {
    .freshnessUpdated img.leaf-02 {
        height: 5vw
    }
}

@media(max-width: 991px) {
    .freshnessUpdated img.leaf-02 {
        height: 67.5px
    }
}

@media(max-width: 575px) {
    .freshnessUpdated img.leaf-02 {
        height: 58.5px
    }
}

.freshnessUpdated img.leaf-03 {
    left: 12%;
    bottom: 12%
}

@media(min-width: 992px) {
    .freshnessUpdated img.leaf-03 {
        width: 9.7222222222vw
    }
}

@media(min-width: 1600px) {
    .freshnessUpdated img.leaf-03 {
        width: 7.7777777778vw
    }
}

@media(max-width: 991px) {
    .freshnessUpdated img.leaf-03 {
        width: 105px
    }
}

@media(max-width: 575px) {
    .freshnessUpdated img.leaf-03 {
        width: 91px
    }
}

@media(min-width: 992px) {
    .freshnessUpdated img.leaf-03 {
        height: 9.7222222222vw
    }
}

@media(min-width: 1600px) {
    .freshnessUpdated img.leaf-03 {
        height: 7.7777777778vw
    }
}

@media(max-width: 991px) {
    .freshnessUpdated img.leaf-03 {
        height: 105px
    }
}

@media(max-width: 575px) {
    .freshnessUpdated img.leaf-03 {
        height: 91px
    }
}

.freshnessUpdated img.leaf-04 {
    z-index: 101;
    right: 14%;
    bottom: 10%
}

@media(min-width: 992px) {
    .freshnessUpdated img.leaf-04 {
        width: 9.7222222222vw
    }
}

@media(min-width: 1600px) {
    .freshnessUpdated img.leaf-04 {
        width: 7.7777777778vw
    }
}

@media(max-width: 991px) {
    .freshnessUpdated img.leaf-04 {
        width: 105px
    }
}

@media(max-width: 575px) {
    .freshnessUpdated img.leaf-04 {
        width: 91px
    }
}

@media(min-width: 992px) {
    .freshnessUpdated img.leaf-04 {
        height: 9.7222222222vw
    }
}

@media(min-width: 1600px) {
    .freshnessUpdated img.leaf-04 {
        height: 7.7777777778vw
    }
}

@media(max-width: 991px) {
    .freshnessUpdated img.leaf-04 {
        height: 105px
    }
}

@media(max-width: 575px) {
    .freshnessUpdated img.leaf-04 {
        height: 91px
    }
}

.freshnessUpdated:hover .section-sub-title,
.freshnessUpdated:hover .section-title {
    -webkit-text-stroke: 2px #0b1610;
    text-shadow: 1px 1px 1px #0b1610
}

.freshnessUpdated:hover a.commonBtn {
    background-color: #e4002b;
    color: #fff;
    transition: all .3s ease-in-out
}

.freshnessUpdated:hover img {
    transition: all .4s ease-in-out
}

.freshnessUpdated:hover img.leaf-01 {
    left: 29%;
    top: 11%
}

.freshnessUpdated:hover img.leaf-02 {
    left: 0%;
    top: 2%
}

.freshnessUpdated:hover img.leaf-03 {
    left: 13%;
    bottom: 13%
}

.freshnessUpdated:hover img.leaf-04 {
    right: 17%;
    bottom: 15%
}

.freshnessUpdated:hover img.banana {
    left: -1%;
    top: -1%
}

.freshnessUpdated:hover img.orange {
    right: -1%;
    top: -1%
}

.freshnessUpdated:hover img.kiwi1 {
    right: 1%;
    bottom: 1%
}

.freshnessUpdated:hover img.kiwi2 {
    bottom: -1%;
    left: 2%
}

@media(max-width: 991px) {

    .AU-timelineSlider .swiper-slide .cardDesc,
    .AU-timelineSlider .swiper-slide .imgHover {
        max-width: unset;
        max-height: unset
    }

    .about-us-section {
        padding-top: 10px
    }

    .about-us-section .about-us-content .section-sub-title::before {
        height: 30px;
        width: 30px;
        left: -30px
    }

    .AU-vision .vision-full .vision-right .vision-RightImg,
    .AU-vision .vision-full .vision-LeftImg {
        margin-inline: auto;
        margin-block: 20px;
        border-radius: 16px
    }

    .about-us-achievements-section .swiperBox {
        margin-inline-start: 15px
    }

    .AU-vision .vision-full .vision-left {
        margin-inline-start: 0px;
        padding: 0px
    }

    .AU-vision .container {
        padding-inline: 15px;
        max-width: 100%;
        width: 100%;
        margin: 0
    }

    .about-us-mission-section {
        display: flex;
        flex-direction: column-reverse
    }

    .about-us-mission-section img {
        width: 100%;
        position: relative
    }

    .about-us-freshness-section .freshness-img {
        display: none
    }
}

@media(max-width: 767px) {
    .AU-timelineSlider {
        margin-inline-start: 25px !important
    }

    .about-us-section {
        padding-top: 10px
    }

    .about-us-section .about-us-content {
        margin-inline: 40px
    }

    .about-us-section .about-us-content .section-sub-title::before {
        height: 40px;
        width: 40px;
        left: -40px
    }

    .about-us-Leadership-section {
        padding-bottom: 0;
        display: flex;
        flex-direction: column-reverse
    }

    .about-us-Leadership-section .mySwiper-thumb-2 {
        margin-top: 80px;
        width: 100%;
        position: relative
    }

    .about-us-Leadership-section .swiper-wrapper {
        align-items: end
    }

    .about-us-Leadership-section .recipSliderArrows {
        margin-bottom: 0;
        position: relative
    }

    .about-us-glance-section .section-subdesc,
    .about-us-achievements-section .section-subdesc {
        width: 100%
    }

    .about-us-achievements-section .achievement-card {
        margin-bottom: 20px;
        margin-inline: 5%
    }

    .about-us-achievements-section .achievement-card .card-content {
        margin-top: -5%;
        min-height: unset
    }
}

@media(max-width: 575px) {
    .about-us-global-section {
        padding: 50px 0px 30px
    }

    .freshnessUpdated {
        padding-block: 80px
    }

    .freshnessUpdated .section-title {
        line-height: 1;
        font-size: 50px
    }

    .freshnessUpdated img.banana,
    .freshnessUpdated img.orange,
    .freshnessUpdated img.kiwi1,
    .freshnessUpdated img.kiwi2 {
        width: 40%;
        height: auto
    }

    .about-us-freshness-section .section-title {
        font-size: 46px
    }

    .section-subdesc,
    .achievement-card-desc {
        font-size: 12px !important
    }

    .about-us-Leadership-section .mySwiper-thumb-2 .swiper-wrapper .swiper-slide {
        height: 300px
    }
}

[lang=ar] .freshnessUpdated .section-title {
    text-align: center
}

[lang=ar] .about-us-mission-section .about-us-mission-img,
[lang=ar] .about-us-Leadership-section .mySwiper-thumb-2 {
    left: 0;
    right: auto
}

[lang=ar] .about-us-section .about-us-content .section-sub-title::before {
    transform: scaleX(-1);
    left: auto
}

@media(min-width: 992px) {
    [lang=ar] .about-us-section .about-us-content .section-sub-title::before {
        right: -5vw
    }
}

@media(min-width: 1600px) {
    [lang=ar] .about-us-section .about-us-content .section-sub-title::before {
        right: -4vw
    }
}

@media(max-width: 991px) {
    [lang=ar] .about-us-section .about-us-content .section-sub-title::before {
        right: -54px
    }
}

@media(max-width: 575px) {
    [lang=ar] .about-us-section .about-us-content .section-sub-title::before {
        right: -46.8px
    }
}

[lang=ar] .fa-chevron-left,
[lang=ar] .fa-chevron-right {
    transform: scaleX(-1)
}

[lang=ar] .about-us-freshness-section .section-title {
    line-height: 1
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes doBob {
    0% {
        top: 56%
    }

    50% {
        top: 54%
    }

    100% {
        top: 56%
    }
}

@keyframes doDrift {
    0% {
        left: -10%
    }

    10% {
        left: 10%
    }

    20% {
        left: 20%
    }

    50% {
        left: 50%
    }

    50% {
        left: 50%
    }

    80% {
        left: 80%
    }

    90% {
        left: 90%
    }

    100% {
        left: 100%
    }
}

@keyframes doPitch {
    0% {
        transform: rotate(-7deg)
    }

    50% {
        transform: rotate(7deg)
    }

    100% {
        transform: rotate(-7deg)
    }
}

@keyframes pulse {
    0% {
        transform: translate(-50%, -50%) scale(1)
    }

    50% {
        transform: translate(-50%, -50%) scale(2.3)
    }

    100% {
        transform: translate(-50%, -50%) scale(1)
    }
}

@keyframes pulse2 {
    0% {
        transform: translate(-50%, -50%) scale(1)
    }

    50% {
        transform: translate(-50%, -50%) scale(1.7)
    }

    100% {
        transform: translate(-50%, -50%) scale(1)
    }
}

@keyframes rotatingLeaf {
    0% {
        transform: rotate(-65deg)
    }

    33.33% {
        transform: rotate(-115deg)
    }

    66.66% {
        transform: rotate(-65deg)
    }

    100% {
        transform: rotate(-115deg)
    }
}

@keyframes fallingLeaf {
    0% {
        transform: translate(0, 0);
        opacity: 0
    }

    5% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    33.33% {
        transform: translate(20px, 100px)
    }

    66.66% {
        transform: translate(-20px, 200px)
    }

    85% {
        opacity: 1
    }

    95% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translate(0, 300px)
    }
}

.blur-para p {
    filter: blur(3px);
    opacity: .5;
    transition: all .5s ease
}

.word {
    display: inline-block;
    filter: blur(3px);
    opacity: .5;
    margin-inline-end: 10px !important;
    transition: ali .5s ease-in-out
}

@keyframes fadeInScaleUp {
    to {
        height: 75vh;
        opacity: 1
    }
}

@media(min-width: 992px) {
    .partnersIntroSection {
        padding-top: 7.2916666667vw
    }
}

@media(min-width: 1600px) {
    .partnersIntroSection {
        padding-top: 5.8333333333vw
    }
}

@media(max-width: 991px) {
    .partnersIntroSection {
        padding-top: 78.75px
    }
}

@media(max-width: 575px) {
    .partnersIntroSection {
        padding-top: 68.25px
    }
}

@media(min-width: 992px) {
    .partnersIntroSection {
        padding-bottom: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .partnersIntroSection {
        padding-bottom: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .partnersIntroSection {
        padding-bottom: 30px
    }
}

@media(max-width: 575px) {
    .partnersIntroSection {
        padding-bottom: 26px
    }
}

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

@media(min-width: 992px) {
    .partnersIntroSection .contentIntro h1 {
        margin-bottom: 5.5555555556vw
    }
}

@media(min-width: 1600px) {
    .partnersIntroSection .contentIntro h1 {
        margin-bottom: 4.4444444444vw
    }
}

@media(max-width: 991px) {
    .partnersIntroSection .contentIntro h1 {
        margin-bottom: 60px
    }
}

@media(max-width: 575px) {
    .partnersIntroSection .contentIntro h1 {
        margin-bottom: 52px
    }
}

.partnersIntroSection .contentIntro p {
    font-weight: 400;
    color: #3d3d3d;
    line-height: 1.2;
    margin: 0
}

@media(min-width: 992px) {
    .partnersIntroSection .contentIntro p {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .partnersIntroSection .contentIntro p {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .partnersIntroSection .contentIntro p {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .partnersIntroSection .contentIntro p {
        font-size: 15.6px
    }
}

.distributionChannels {
    background-color: #0b1610
}

@media(min-width: 992px) {
    .distributionChannels {
        padding-top: 9.7222222222vw
    }
}

@media(min-width: 1600px) {
    .distributionChannels {
        padding-top: 7.7777777778vw
    }
}

@media(max-width: 991px) {
    .distributionChannels {
        padding-top: 105px
    }
}

@media(max-width: 575px) {
    .distributionChannels {
        padding-top: 91px
    }
}

@media(min-width: 992px) {
    .distributionChannels {
        padding-bottom: 9.375vw
    }
}

@media(min-width: 1600px) {
    .distributionChannels {
        padding-bottom: 7.5vw
    }
}

@media(max-width: 991px) {
    .distributionChannels {
        padding-bottom: 101.25px
    }
}

@media(max-width: 575px) {
    .distributionChannels {
        padding-bottom: 87.75px
    }
}

.distributionChannels .content h3,
.distributionChannels .content h2 {
    color: #fff
}

@media(min-width: 992px) {
    .distributionChannels .content {
        padding-bottom: 5.9722222222vw
    }
}

@media(min-width: 1600px) {
    .distributionChannels .content {
        padding-bottom: 4.7777777778vw
    }
}

@media(max-width: 991px) {
    .distributionChannels .content {
        padding-bottom: 64.5px
    }
}

@media(max-width: 575px) {
    .distributionChannels .content {
        padding-bottom: 55.9px
    }
}

.distributionChannels .distributionCard {
    transition: all .3s ease-in-out;
    z-index: 0;
    position: relative;
    background-color: #fff;
    height: 100%
}

@media(min-width: 992px) {
    .distributionChannels .distributionCard {
        border-radius: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .distributionChannels .distributionCard {
        border-radius: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .distributionChannels .distributionCard {
        border-radius: 6px
    }
}

@media(max-width: 575px) {
    .distributionChannels .distributionCard {
        border-radius: 5.2px
    }
}

@media(min-width: 992px) {
    .distributionChannels .distributionCard {
        padding: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .distributionChannels .distributionCard {
        padding: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .distributionChannels .distributionCard {
        padding: 15px
    }
}

@media(max-width: 575px) {
    .distributionChannels .distributionCard {
        padding: 13px
    }
}

@media(min-width: 992px) {
    .distributionChannels .distributionCard {
        margin-bottom: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .distributionChannels .distributionCard {
        margin-bottom: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .distributionChannels .distributionCard {
        margin-bottom: 22.5px
    }
}

@media(max-width: 575px) {
    .distributionChannels .distributionCard {
        margin-bottom: 19.5px
    }
}

.distributionChannels .distributionCard img {
    width: 100%;
    object-fit: cover
}

@media(min-width: 992px) {
    .distributionChannels .distributionCard img {
        border-radius: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .distributionChannels .distributionCard img {
        border-radius: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .distributionChannels .distributionCard img {
        border-radius: 6px
    }
}

@media(max-width: 575px) {
    .distributionChannels .distributionCard img {
        border-radius: 5.2px
    }
}

@media(min-width: 992px) {
    .distributionChannels .distributionCard img {
        height: 13.8888888889vw
    }
}

@media(min-width: 1600px) {
    .distributionChannels .distributionCard img {
        height: 11.1111111111vw
    }
}

@media(max-width: 991px) {
    .distributionChannels .distributionCard img {
        height: 150px
    }
}

@media(max-width: 575px) {
    .distributionChannels .distributionCard img {
        height: 130px
    }
}

@media(min-width: 992px) {
    .distributionChannels .distributionCard img {
        margin-bottom: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .distributionChannels .distributionCard img {
        margin-bottom: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .distributionChannels .distributionCard img {
        margin-bottom: 30px
    }
}

@media(max-width: 575px) {
    .distributionChannels .distributionCard img {
        margin-bottom: 26px
    }
}

.distributionChannels .distributionCard h3 {
    color: #0b1610;
    transition: all .3s ease-in-out;
    font-weight: 700
}

@media(min-width: 992px) {
    .distributionChannels .distributionCard h3 {
        font-size: 1.5277777778vw
    }
}

@media(min-width: 1600px) {
    .distributionChannels .distributionCard h3 {
        font-size: 1.2222222222vw
    }
}

@media(max-width: 991px) {
    .distributionChannels .distributionCard h3 {
        font-size: 16.5px
    }
}

@media(max-width: 575px) {
    .distributionChannels .distributionCard h3 {
        font-size: 14.3px
    }
}

@media(min-width: 992px) {
    .distributionChannels .distributionCard h3 {
        margin-bottom: 0.8333333333vw
    }
}

@media(min-width: 1600px) {
    .distributionChannels .distributionCard h3 {
        margin-bottom: 0.6666666667vw
    }
}

@media(max-width: 991px) {
    .distributionChannels .distributionCard h3 {
        margin-bottom: 9px
    }
}

@media(max-width: 575px) {
    .distributionChannels .distributionCard h3 {
        margin-bottom: 7.8px
    }
}

.distributionChannels .distributionCard p {
    color: #3d3d3d;
    margin: 0
}

@media(min-width: 992px) {
    .distributionChannels .distributionCard p {
        font-size: 1.25vw
    }
}

@media(min-width: 1600px) {
    .distributionChannels .distributionCard p {
        font-size: 1vw
    }
}

@media(max-width: 991px) {
    .distributionChannels .distributionCard p {
        font-size: 13.5px
    }
}

@media(max-width: 575px) {
    .distributionChannels .distributionCard p {
        font-size: 11.7px
    }
}

.distributionChannels .distributionCard:hover {
    box-shadow: rgba(255, 255, 255, .35) 0px 50px 100px -20px, rgba(255, 255, 255, .35) 0px 30px 60px -30px, rgba(255, 255, 255, .35) 0px -2px 6px 0px inset;
    background-color: #0b1610;
    transition: all .3s ease-in-out;
    transform: translateY(-20px);
    z-index: 1
}

.distributionChannels .distributionCard:hover h3,
.distributionChannels .distributionCard:hover p {
    color: #fff;
    transition: all .3s ease-in-out
}

.suppliesAndDistributors {
    background: #e4002b;
    background: linear-gradient(90deg, #e4002b 50%, #0b1610 50%)
}

@media(min-width: 992px) {
    .suppliesAndDistributors {
        padding-block: 4.5138888889vw
    }
}

@media(min-width: 1600px) {
    .suppliesAndDistributors {
        padding-block: 3.6111111111vw
    }
}

@media(max-width: 991px) {
    .suppliesAndDistributors {
        padding-block: 48.75px
    }
}

@media(max-width: 575px) {
    .suppliesAndDistributors {
        padding-block: 42.25px
    }
}

.suppliesAndDistributors .section-sub-title,
.suppliesAndDistributors .section-title,
.suppliesAndDistributors .subDesc {
    color: #fff
}

.suppliesAndDistributors .subDesc {
    margin: 0;
    font-weight: 500
}

@media(min-width: 992px) {
    .suppliesAndDistributors .subDesc {
        font-size: 1.25vw
    }
}

@media(min-width: 1600px) {
    .suppliesAndDistributors .subDesc {
        font-size: 1vw
    }
}

@media(max-width: 991px) {
    .suppliesAndDistributors .subDesc {
        font-size: 13.5px
    }
}

@media(max-width: 575px) {
    .suppliesAndDistributors .subDesc {
        font-size: 11.7px
    }
}

@media(min-width: 992px) {
    .suppliesAndDistributors .subDesc {
        padding-top: 1.25vw
    }
}

@media(min-width: 1600px) {
    .suppliesAndDistributors .subDesc {
        padding-top: 1vw
    }
}

@media(max-width: 991px) {
    .suppliesAndDistributors .subDesc {
        padding-top: 13.5px
    }
}

@media(max-width: 575px) {
    .suppliesAndDistributors .subDesc {
        padding-top: 11.7px
    }
}

@media(min-width: 992px) {
    .registerWithUs {
        padding-top: 5.5555555556vw
    }
}

@media(min-width: 1600px) {
    .registerWithUs {
        padding-top: 4.4444444444vw
    }
}

@media(max-width: 991px) {
    .registerWithUs {
        padding-top: 60px
    }
}

@media(max-width: 575px) {
    .registerWithUs {
        padding-top: 52px
    }
}

@media(min-width: 992px) {
    .registerWithUs {
        padding-bottom: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .registerWithUs {
        padding-bottom: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .registerWithUs {
        padding-bottom: 30px
    }
}

@media(max-width: 575px) {
    .registerWithUs {
        padding-bottom: 26px
    }
}

.registerWithUs .section-subdesc {
    margin: 0;
    font-weight: 400;
    color: #3d3d3d
}

@media(min-width: 992px) {
    .registerWithUs .section-subdesc {
        padding-top: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .registerWithUs .section-subdesc {
        padding-top: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .registerWithUs .section-subdesc {
        padding-top: 18px
    }
}

@media(max-width: 575px) {
    .registerWithUs .section-subdesc {
        padding-top: 15.6px
    }
}

@media(min-width: 992px) {
    .registerWithUs .section-subdesc {
        font-size: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .registerWithUs .section-subdesc {
        font-size: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .registerWithUs .section-subdesc {
        font-size: 15px
    }
}

@media(max-width: 575px) {
    .registerWithUs .section-subdesc {
        font-size: 13px
    }
}

.registerWithUs .section-subdesc span {
    color: #0b1610
}

@media(min-width: 992px) {
    .ContactSupplier.ContactUsSection {
        padding-block: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .ContactSupplier.ContactUsSection {
        padding-block: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .ContactSupplier.ContactUsSection {
        padding-block: 30px
    }
}

@media(max-width: 575px) {
    .ContactSupplier.ContactUsSection {
        padding-block: 26px
    }
}

@media(min-width: 992px) {
    .OurPartnership {
        padding-top: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .OurPartnership {
        padding-top: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .OurPartnership {
        padding-top: 30px
    }
}

@media(max-width: 575px) {
    .OurPartnership {
        padding-top: 26px
    }
}

@media(min-width: 992px) {
    .OurPartnership {
        padding-bottom: 5.5555555556vw
    }
}

@media(min-width: 1600px) {
    .OurPartnership {
        padding-bottom: 4.4444444444vw
    }
}

@media(max-width: 991px) {
    .OurPartnership {
        padding-bottom: 60px
    }
}

@media(max-width: 575px) {
    .OurPartnership {
        padding-bottom: 52px
    }
}

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

@media(min-width: 992px) {
    .OurPartnership .OurPartnershipSlider {
        padding-inline-start: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .OurPartnership .OurPartnershipSlider {
        padding-inline-start: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .OurPartnership .OurPartnershipSlider {
        padding-inline-start: 15px
    }
}

@media(max-width: 575px) {
    .OurPartnership .OurPartnershipSlider {
        padding-inline-start: 13px
    }
}

@media(min-width: 992px) {
    .OurPartnership .OurPartnershipSlider {
        padding-block: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .OurPartnership .OurPartnershipSlider {
        padding-block: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .OurPartnership .OurPartnershipSlider {
        padding-block: 30px
    }
}

@media(max-width: 575px) {
    .OurPartnership .OurPartnershipSlider {
        padding-block: 26px
    }
}

.OurPartnership .OurPartnershipSlider .OurPartnershipCard {
    background-color: #fff;
    height: 100%;
    text-align: center;
    transition: all .3s ease-in-out
}

@media(min-width: 992px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard {
        padding-block: 4.4444444444vw
    }
}

@media(min-width: 1600px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard {
        padding-block: 3.5555555556vw
    }
}

@media(max-width: 991px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard {
        padding-block: 48px
    }
}

@media(max-width: 575px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard {
        padding-block: 41.6px
    }
}

@media(min-width: 992px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard {
        padding-inline: 4.4444444444vw
    }
}

@media(min-width: 1600px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard {
        padding-inline: 3.5555555556vw
    }
}

@media(max-width: 991px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard {
        padding-inline: 48px
    }
}

@media(max-width: 575px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard {
        padding-inline: 41.6px
    }
}

@media(min-width: 992px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard {
        border-radius: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard {
        border-radius: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard {
        border-radius: 12px
    }
}

@media(max-width: 575px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard {
        border-radius: 10.4px
    }
}

.OurPartnership .OurPartnershipSlider .OurPartnershipCard img {
    object-fit: cover
}

@media(min-width: 992px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard img {
        width: 5.5555555556vw
    }
}

@media(min-width: 1600px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard img {
        width: 4.4444444444vw
    }
}

@media(max-width: 991px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard img {
        width: 60px
    }
}

@media(max-width: 575px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard img {
        width: 52px
    }
}

@media(min-width: 992px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard img {
        height: 5.5555555556vw
    }
}

@media(min-width: 1600px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard img {
        height: 4.4444444444vw
    }
}

@media(max-width: 991px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard img {
        height: 60px
    }
}

@media(max-width: 575px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard img {
        height: 52px
    }
}

@media(min-width: 992px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard img {
        margin-bottom: 4.4444444444vw
    }
}

@media(min-width: 1600px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard img {
        margin-bottom: 3.5555555556vw
    }
}

@media(max-width: 991px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard img {
        margin-bottom: 48px
    }
}

@media(max-width: 575px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard img {
        margin-bottom: 41.6px
    }
}

.OurPartnership .OurPartnershipSlider .OurPartnershipCard .content {
    display: block;
    height: auto
}

.OurPartnership .OurPartnershipSlider .OurPartnershipCard .content h3 {
    color: #e4002b;
    font-weight: 700
}

@media(min-width: 992px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard .content h3 {
        font-size: 1.5277777778vw
    }
}

@media(min-width: 1600px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard .content h3 {
        font-size: 1.2222222222vw
    }
}

@media(max-width: 991px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard .content h3 {
        font-size: 16.5px
    }
}

@media(max-width: 575px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard .content h3 {
        font-size: 14.3px
    }
}

@media(min-width: 992px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard .content h3 {
        margin-bottom: 2.2222222222vw
    }
}

@media(min-width: 1600px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard .content h3 {
        margin-bottom: 1.7777777778vw
    }
}

@media(max-width: 991px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard .content h3 {
        margin-bottom: 24px
    }
}

@media(max-width: 575px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard .content h3 {
        margin-bottom: 20.8px
    }
}

.OurPartnership .OurPartnershipSlider .OurPartnershipCard .content p {
    color: #3d3d3d;
    margin: 0
}

@media(min-width: 992px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard .content p {
        font-size: 1.25vw
    }
}

@media(min-width: 1600px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard .content p {
        font-size: 1vw
    }
}

@media(max-width: 991px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard .content p {
        font-size: 13.5px
    }
}

@media(max-width: 575px) {
    .OurPartnership .OurPartnershipSlider .OurPartnershipCard .content p {
        font-size: 11.7px
    }
}

.OurPartnership .OurPartnershipSlider .OurPartnershipCard:hover {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .1);
    transform: scale(1.02);
    transition: all .3s ease-in-out
}

.OurPartnership .OurPartnershipSlider .swiper-slide-active .OurPartnershipCard {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .1);
    transform: scale(1.02);
    transition: all .3s ease-in-out
}

.OurPartnership .recipSliderArrows {
    background-color: #fff;
    display: flex;
    width: max-content;
    height: max-content;
    box-shadow: rgba(0, 0, 0, .1) 0px 0px 15px 0px
}

@media(min-width: 992px) {
    .OurPartnership .recipSliderArrows {
        margin-bottom: 4.4444444444vw
    }
}

@media(min-width: 1600px) {
    .OurPartnership .recipSliderArrows {
        margin-bottom: 3.5555555556vw
    }
}

@media(max-width: 991px) {
    .OurPartnership .recipSliderArrows {
        margin-bottom: 48px
    }
}

@media(max-width: 575px) {
    .OurPartnership .recipSliderArrows {
        margin-bottom: 41.6px
    }
}

@media(min-width: 992px) {
    .OurPartnership .recipSliderArrows {
        border-radius: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .OurPartnership .recipSliderArrows {
        border-radius: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .OurPartnership .recipSliderArrows {
        border-radius: 7.5px
    }
}

@media(max-width: 575px) {
    .OurPartnership .recipSliderArrows {
        border-radius: 6.5px
    }
}

@media(min-width: 992px) {
    .OurPartnership .recipSliderArrows {
        padding: 0.3472222222vw
    }
}

@media(min-width: 1600px) {
    .OurPartnership .recipSliderArrows {
        padding: 0.2777777778vw
    }
}

@media(max-width: 991px) {
    .OurPartnership .recipSliderArrows {
        padding: 3.75px
    }
}

@media(max-width: 575px) {
    .OurPartnership .recipSliderArrows {
        padding: 3.25px
    }
}

@media(min-width: 992px) {
    .OurPartnership .recipSliderArrows {
        gap: 0.2083333333vw
    }
}

@media(min-width: 1600px) {
    .OurPartnership .recipSliderArrows {
        gap: 0.1666666667vw
    }
}

@media(max-width: 991px) {
    .OurPartnership .recipSliderArrows {
        gap: 2.25px
    }
}

@media(max-width: 575px) {
    .OurPartnership .recipSliderArrows {
        gap: 1.95px
    }
}

.OurPartnership .recipSliderArrows .recipes-button {
    transition: all .3s ease;
    color: #e4002b
}

@media(min-width: 992px) {
    .OurPartnership .recipSliderArrows .recipes-button {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .OurPartnership .recipSliderArrows .recipes-button {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .OurPartnership .recipSliderArrows .recipes-button {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .OurPartnership .recipSliderArrows .recipes-button {
        font-size: 10.4px
    }
}

@media(min-width: 992px) {
    .OurPartnership .recipSliderArrows .recipes-button {
        border-radius: 0.4861111111vw
    }
}

@media(min-width: 1600px) {
    .OurPartnership .recipSliderArrows .recipes-button {
        border-radius: 0.3888888889vw
    }
}

@media(max-width: 991px) {
    .OurPartnership .recipSliderArrows .recipes-button {
        border-radius: 5.25px
    }
}

@media(max-width: 575px) {
    .OurPartnership .recipSliderArrows .recipes-button {
        border-radius: 4.55px
    }
}

@media(min-width: 992px) {
    .OurPartnership .recipSliderArrows .recipes-button {
        padding-inline: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .OurPartnership .recipSliderArrows .recipes-button {
        padding-inline: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .OurPartnership .recipSliderArrows .recipes-button {
        padding-inline: 12px
    }
}

@media(max-width: 575px) {
    .OurPartnership .recipSliderArrows .recipes-button {
        padding-inline: 10.4px
    }
}

@media(min-width: 992px) {
    .OurPartnership .recipSliderArrows .recipes-button {
        padding-block: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .OurPartnership .recipSliderArrows .recipes-button {
        padding-block: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .OurPartnership .recipSliderArrows .recipes-button {
        padding-block: 7.5px
    }
}

@media(max-width: 575px) {
    .OurPartnership .recipSliderArrows .recipes-button {
        padding-block: 6.5px
    }
}

.OurPartnership .recipSliderArrows .recipes-button.recipes-next {
    background-color: #e4002b;
    color: #fff
}

.OurPartnership .recipSliderArrows .recipes-button:hover {
    color: #fff;
    background-color: #0b1610
}

.SourceGlobally {
    width: 100%;
    overflow: hidden
}

@media(min-width: 992px) {
    .SourceGlobally {
        padding-bottom: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .SourceGlobally {
        padding-bottom: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .SourceGlobally {
        padding-bottom: 30px
    }
}

@media(max-width: 575px) {
    .SourceGlobally {
        padding-bottom: 26px
    }
}

@media(min-width: 992px) {
    .SourceGlobally h3 {
        margin-bottom: 5.5555555556vw
    }
}

@media(min-width: 1600px) {
    .SourceGlobally h3 {
        margin-bottom: 4.4444444444vw
    }
}

@media(max-width: 991px) {
    .SourceGlobally h3 {
        margin-bottom: 60px
    }
}

@media(max-width: 575px) {
    .SourceGlobally h3 {
        margin-bottom: 52px
    }
}

.SourceGlobally .scroll {
    position: relative;
    display: flex;
    width: fit-content
}

.SourceGlobally .scroll .flagRow {
    display: flex;
    position: relative;
    width: max-content;
    animation-name: animate;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 60s
}

.SourceGlobally .scroll.reverse .flagRow {
    animation-direction: reverse
}

@keyframes animate {
    0% {
        transform: translateX(0)
    }

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

@keyframes animateArabic {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(100%)
    }
}

.SourceGlobally .scroll .flagRow .flag {
    display: inline-flex;
    position: relative;
    padding: 35px 15px;
    border-radius: 8px;
    letter-spacing: .3em;
    text-transform: uppercase
}

.SourceGlobally .scroll .flagRow .flag img {
    border-radius: 8px;
    transition: all .2s ease-in-out;
    width: 120px;
    height: 85px;
    object-fit: cover;
    box-shadow: rgba(0, 0, 0, .2) 0px 10px 15px -3px, rgba(0, 0, 0, .1) 0px 4px 6px -2px
}

.SourceGlobally .scroll .flagRow .flag .flagName {
    position: absolute;
    left: 0;
    top: 40px;
    right: 0;
    color: #3d3d3d;
    text-align: center;
    transition: all .2s ease-in-out;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    opacity: 0;
    letter-spacing: 2px;
    text-transform: uppercase
}

.SourceGlobally .scroll:hover .flagRow {
    animation-play-state: paused
}

.SourceGlobally .scroll .flagRow .flag:hover img {
    transform: scale(1.05) translateY(-10px);
    transition: all .2s ease-in-out
}

.SourceGlobally .scroll .flagRow .flag:hover .flagName {
    opacity: 1;
    top: -10px;
    transition: all .2s ease-in-out
}

@media(max-width: 767px) {
    .suppliesAndDistributors {
        background: linear-gradient(180deg, #e4002b 50%, #0b1610 50%)
    }
}

@media(max-width: 991px) {
    .OurPartnership {
        padding-inline: 25px
    }

    .distributionChannels .content {
        padding-bottom: 20px
    }

    .distributionChannels .distributionCard {
        margin-bottom: 40px
    }

    .partnersIntroSection {
        margin-bottom: 0px
    }

    .partnersIntroSection .contentIntro {
        height: auto;
        margin-bottom: 20px
    }

    .partnersIntroSection .contentIntro h1 {
        margin-bottom: 20px
    }
}

[lang=ar] .SourceGlobally .scroll .flagRow {
    animation-name: animateArabic
}

[lang=ar] .suppliesAndDistributors {
    background: linear-gradient(90deg, #0b1610 50%, #e4002b 50%)
}

@media(max-width: 767px) {
    [lang=ar] .suppliesAndDistributors {
        background: linear-gradient(180deg, #e4002b 50%, #0b1610 50%)
    }
}

.newsMediaBanner {
    position: relative;
    height: 85vh
}

.newsMediaBanner .breadcrumb-golden {
    position: absolute;
    z-index: 2;
    left: 10%
}

@media(min-width: 992px) {
    .newsMediaBanner .breadcrumb-golden {
        top: 7.9861111111vw
    }
}

@media(min-width: 1600px) {
    .newsMediaBanner .breadcrumb-golden {
        top: 6.3888888889vw
    }
}

@media(max-width: 991px) {
    .newsMediaBanner .breadcrumb-golden {
        top: 86.25px
    }
}

@media(max-width: 575px) {
    .newsMediaBanner .breadcrumb-golden {
        top: 74.75px
    }
}

.newsMediaBanner .breadcrumb-golden li a,
.newsMediaBanner .breadcrumb-golden li i {
    color: #fff
}

.newsMediaBanner .breadcrumb-golden li.active a {
    color: #fff
}

.newsMediaBanner .newsMediaBanner-swiper {
    position: absolute;
    top: 0;
    background-color: #f1eff0;
    mix-blend-mode: multiply
}

.newsMediaBanner .newsMediaBanner-swiper .swiper-slide {
    position: relative;
    height: auto
}

.newsMediaBanner .newsMediaBanner-swiper .swiper-slide .swiperImg {
    height: 100%
}

.newsMediaBanner .newsMediaBanner-swiper .swiper-slide .swiperImg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5)
}

.newsMediaBanner .newsMediaBanner-swiper .swiper-slide .swiperImg img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.newsMediaBanner .newsMediaBanner-swiper .swiper-slide .container {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.newsMediaBanner .newsMediaBanner-swiper .swiper-slide .banner-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    height: 100%;
    width: 45%
}

.newsMediaBanner .newsMediaBanner-swiper .swiper-slide .banner-content .banner-text {
    opacity: 0;
    transform: translateY(100px);
    color: #e4002b;
    font-weight: 700
}

@media(min-width: 992px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-slide .banner-content .banner-text {
        font-size: 1.7361111111vw
    }
}

@media(min-width: 1600px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-slide .banner-content .banner-text {
        font-size: 1.3888888889vw
    }
}

@media(max-width: 991px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-slide .banner-content .banner-text {
        font-size: 18.75px
    }
}

@media(max-width: 575px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-slide .banner-content .banner-text {
        font-size: 16.25px
    }
}

@media(min-width: 992px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-slide .banner-content .banner-text {
        margin-bottom: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-slide .banner-content .banner-text {
        margin-bottom: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-slide .banner-content .banner-text {
        margin-bottom: 6px
    }
}

@media(max-width: 575px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-slide .banner-content .banner-text {
        margin-bottom: 5.2px
    }
}

.newsMediaBanner .newsMediaBanner-swiper .swiper-slide .banner-content .banner-title {
    opacity: 0;
    transform: translateY(100px);
    font-weight: 800;
    color: #fff
}

@media(min-width: 992px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-slide .banner-content .banner-title {
        font-size: 3.0555555556vw
    }
}

@media(min-width: 1600px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-slide .banner-content .banner-title {
        font-size: 2.4444444444vw
    }
}

@media(max-width: 991px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-slide .banner-content .banner-title {
        font-size: 33px
    }
}

@media(max-width: 575px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-slide .banner-content .banner-title {
        font-size: 28.6px
    }
}

.newsMediaBanner .newsMediaBanner-swiper .swiper-slide .sliderImg {
    position: absolute;
    right: 0;
    z-index: -1;
    top: 50%;
    width: 60%;
    transform: translate(0, -50%)
}

.newsMediaBanner .newsMediaBanner-swiper .swiper-slide .sliderImg img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.newsMediaBanner .newsMediaBanner-swiper .swiper-slide-active .banner-content .banner-text,
.newsMediaBanner .newsMediaBanner-swiper .swiper-slide-active .banner-content .banner-title,
.newsMediaBanner .newsMediaBanner-swiper .swiper-slide-active .banner-content .banner-desc {
    opacity: 1;
    transform: translateY(0);
    transition: all .5s ease-in-out
}

.newsMediaBanner .newsMediaBanner-swiper .swiper-pagination-bullet {
    background-color: #fff;
    transition: all .4s ease
}

@media(min-width: 992px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-pagination-bullet {
        width: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-pagination-bullet {
        width: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-pagination-bullet {
        width: 7.5px
    }
}

@media(max-width: 575px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-pagination-bullet {
        width: 6.5px
    }
}

@media(min-width: 992px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-pagination-bullet {
        height: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-pagination-bullet {
        height: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-pagination-bullet {
        height: 7.5px
    }
}

@media(max-width: 575px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-pagination-bullet {
        height: 6.5px
    }
}

.newsMediaBanner .newsMediaBanner-swiper .swiper-pagination-bullet-active {
    background-color: #fff
}

@media(min-width: 992px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-pagination-bullet-active {
        width: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-pagination-bullet-active {
        width: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-pagination-bullet-active {
        width: 15px
    }
}

@media(max-width: 575px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-pagination-bullet-active {
        width: 13px
    }
}

@media(min-width: 992px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-pagination-bullet-active {
        border-radius: 0.3472222222vw
    }
}

@media(min-width: 1600px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-pagination-bullet-active {
        border-radius: 0.2777777778vw
    }
}

@media(max-width: 991px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-pagination-bullet-active {
        border-radius: 3.75px
    }
}

@media(max-width: 575px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-pagination-bullet-active {
        border-radius: 3.25px
    }
}

@media(min-width: 992px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-pagination-bullets {
        bottom: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-pagination-bullets {
        bottom: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-pagination-bullets {
        bottom: 30px
    }
}

@media(max-width: 575px) {
    .newsMediaBanner .newsMediaBanner-swiper .swiper-pagination-bullets {
        bottom: 26px
    }
}

.newsMediaBanner .banner-arrows {
    position: absolute;
    top: 50%;
    background-color: #fff;
    transform: translateY(-50%);
    transition: all .3s ease;
    color: #e4002b;
    z-index: 100
}

@media(min-width: 992px) {
    .newsMediaBanner .banner-arrows {
        font-size: 0.8333333333vw
    }
}

@media(min-width: 1600px) {
    .newsMediaBanner .banner-arrows {
        font-size: 0.6666666667vw
    }
}

@media(max-width: 991px) {
    .newsMediaBanner .banner-arrows {
        font-size: 9px
    }
}

@media(max-width: 575px) {
    .newsMediaBanner .banner-arrows {
        font-size: 7.8px
    }
}

@media(min-width: 992px) {
    .newsMediaBanner .banner-arrows {
        border-radius: 0.4861111111vw
    }
}

@media(min-width: 1600px) {
    .newsMediaBanner .banner-arrows {
        border-radius: 0.3888888889vw
    }
}

@media(max-width: 991px) {
    .newsMediaBanner .banner-arrows {
        border-radius: 5.25px
    }
}

@media(max-width: 575px) {
    .newsMediaBanner .banner-arrows {
        border-radius: 4.55px
    }
}

@media(min-width: 992px) {
    .newsMediaBanner .banner-arrows {
        padding-inline: 0.9722222222vw
    }
}

@media(min-width: 1600px) {
    .newsMediaBanner .banner-arrows {
        padding-inline: 0.7777777778vw
    }
}

@media(max-width: 991px) {
    .newsMediaBanner .banner-arrows {
        padding-inline: 10.5px
    }
}

@media(max-width: 575px) {
    .newsMediaBanner .banner-arrows {
        padding-inline: 9.1px
    }
}

@media(min-width: 992px) {
    .newsMediaBanner .banner-arrows {
        padding-block: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .newsMediaBanner .banner-arrows {
        padding-block: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .newsMediaBanner .banner-arrows {
        padding-block: 6px
    }
}

@media(max-width: 575px) {
    .newsMediaBanner .banner-arrows {
        padding-block: 5.2px
    }
}

.newsMediaBanner .banner-arrows.banner-left {
    left: 1%
}

.newsMediaBanner .banner-arrows.banner-left i {
    color: #e4002b
}

.newsMediaBanner .banner-arrows.banner-right {
    right: 1%
}

.newsMediaBanner .banner-arrows.banner-right i {
    color: #e4002b
}

.imgHover {
    position: relative;
    overflow: hidden;
    transition: all .35s ease-in-out;
    cursor: pointer
}

@media(min-width: 992px) {
    .imgHover {
        margin-bottom: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .imgHover {
        margin-bottom: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .imgHover {
        margin-bottom: 6px
    }
}

@media(max-width: 575px) {
    .imgHover {
        margin-bottom: 5.2px
    }
}

@media(min-width: 992px) {
    .imgHover {
        border-radius: 0.9722222222vw
    }
}

@media(min-width: 1600px) {
    .imgHover {
        border-radius: 0.7777777778vw
    }
}

@media(max-width: 991px) {
    .imgHover {
        border-radius: 10.5px
    }
}

@media(max-width: 575px) {
    .imgHover {
        border-radius: 9.1px
    }
}

.imgHover img {
    transition: all .35s ease-in-out;
    width: 100%;
    object-fit: cover
}

.imgHover .videoBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .35s ease-in-out
}

.imgHover .videoBtn i {
    font-size: 50px;
    color: #fff;
    transition: all .3s ease-in-out
}

.imgHover:hover .videoBtn i {
    font-size: 70px;
    filter: drop-shadow(0px 4px 80px rgba(0, 0, 0, 0.8));
    transition: all .3s ease-in-out
}

@media(min-width: 992px) {
    .latestNewsSection {
        padding-block: 5.5555555556vw
    }
}

@media(min-width: 1600px) {
    .latestNewsSection {
        padding-block: 4.4444444444vw
    }
}

@media(max-width: 991px) {
    .latestNewsSection {
        padding-block: 60px
    }
}

@media(max-width: 575px) {
    .latestNewsSection {
        padding-block: 52px
    }
}

@media(min-width: 992px) {
    .latestNewsSection h3.section-title {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .latestNewsSection h3.section-title {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .latestNewsSection h3.section-title {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .latestNewsSection h3.section-title {
        font-size: 15.6px
    }
}

@media(min-width: 992px) {
    .latestNewsSection h3.section-title {
        margin-bottom: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .latestNewsSection h3.section-title {
        margin-bottom: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .latestNewsSection h3.section-title {
        margin-bottom: 18px
    }
}

@media(max-width: 575px) {
    .latestNewsSection h3.section-title {
        margin-bottom: 15.6px
    }
}

@media(min-width: 992px) {
    .latestNewsSection .latestCards {
        margin-bottom: 2.4305555556vw
    }
}

@media(min-width: 1600px) {
    .latestNewsSection .latestCards {
        margin-bottom: 1.9444444444vw
    }
}

@media(max-width: 991px) {
    .latestNewsSection .latestCards {
        margin-bottom: 26.25px
    }
}

@media(max-width: 575px) {
    .latestNewsSection .latestCards {
        margin-bottom: 22.75px
    }
}

.latestNewsSection .latestCards .imgHover {
    position: relative;
    overflow: hidden;
    transition: all .35s ease-in-out;
    cursor: pointer
}

@media(min-width: 992px) {
    .latestNewsSection .latestCards .imgHover {
        margin-bottom: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .latestNewsSection .latestCards .imgHover {
        margin-bottom: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .latestNewsSection .latestCards .imgHover {
        margin-bottom: 6px
    }
}

@media(max-width: 575px) {
    .latestNewsSection .latestCards .imgHover {
        margin-bottom: 5.2px
    }
}

@media(min-width: 992px) {
    .latestNewsSection .latestCards .imgHover {
        border-radius: 0.9722222222vw
    }
}

@media(min-width: 1600px) {
    .latestNewsSection .latestCards .imgHover {
        border-radius: 0.7777777778vw
    }
}

@media(max-width: 991px) {
    .latestNewsSection .latestCards .imgHover {
        border-radius: 10.5px
    }
}

@media(max-width: 575px) {
    .latestNewsSection .latestCards .imgHover {
        border-radius: 9.1px
    }
}

.latestNewsSection .latestCards .imgHover img {
    transition: all .35s ease-in-out;
    height: 100%;
    width: 100%;
    object-fit: cover
}

.latestNewsSection .latestCards .imgHover .videoBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .35s ease-in-out
}

.latestNewsSection .latestCards .imgHover .videoBtn i {
    font-size: 50px;
    color: #fff
}

.latestNewsSection .latestCards .imgHover:hover img {
    transform: scale(1.1)
}

.latestNewsSection .latestCards .date {
    color: #3d3d3d;
    font-weight: 500
}

@media(min-width: 992px) {
    .latestNewsSection .latestCards .date {
        font-size: 0.9722222222vw
    }
}

@media(min-width: 1600px) {
    .latestNewsSection .latestCards .date {
        font-size: 0.7777777778vw
    }
}

@media(max-width: 991px) {
    .latestNewsSection .latestCards .date {
        font-size: 10.5px
    }
}

@media(max-width: 575px) {
    .latestNewsSection .latestCards .date {
        font-size: 9.1px
    }
}

@media(min-width: 992px) {
    .latestNewsSection .latestCards .date {
        margin-bottom: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .latestNewsSection .latestCards .date {
        margin-bottom: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .latestNewsSection .latestCards .date {
        margin-bottom: 7.5px
    }
}

@media(max-width: 575px) {
    .latestNewsSection .latestCards .date {
        margin-bottom: 6.5px
    }
}

.latestNewsSection .latestCards .title {
    color: #0b1610;
    font-weight: 500
}

@media(min-width: 992px) {
    .latestNewsSection .latestCards .title {
        margin-bottom: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .latestNewsSection .latestCards .title {
        margin-bottom: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .latestNewsSection .latestCards .title {
        margin-bottom: 7.5px
    }
}

@media(max-width: 575px) {
    .latestNewsSection .latestCards .title {
        margin-bottom: 6.5px
    }
}

@media(min-width: 992px) {
    .latestNewsSection .latestCards .title {
        font-size: 1.25vw
    }
}

@media(min-width: 1600px) {
    .latestNewsSection .latestCards .title {
        font-size: 1vw
    }
}

@media(max-width: 991px) {
    .latestNewsSection .latestCards .title {
        font-size: 13.5px
    }
}

@media(max-width: 575px) {
    .latestNewsSection .latestCards .title {
        font-size: 11.7px
    }
}

.newsChart {
    background-color: #f4f6fc
}

@media(min-width: 992px) {
    .newsChart {
        padding-block: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .newsChart {
        padding-block: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .newsChart {
        padding-block: 45px
    }
}

@media(max-width: 575px) {
    .newsChart {
        padding-block: 39px
    }
}

@media(min-width: 992px) {
    .newsChart .section-title {
        margin-top: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .newsChart .section-title {
        margin-top: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .newsChart .section-title {
        margin-top: 15px
    }
}

@media(max-width: 575px) {
    .newsChart .section-title {
        margin-top: 13px
    }
}

@media(min-width: 992px) {
    .newsChart .section-title {
        margin-bottom: 6.9444444444vw
    }
}

@media(min-width: 1600px) {
    .newsChart .section-title {
        margin-bottom: 5.5555555556vw
    }
}

@media(max-width: 991px) {
    .newsChart .section-title {
        margin-bottom: 75px
    }
}

@media(max-width: 575px) {
    .newsChart .section-title {
        margin-bottom: 65px
    }
}

.newsChart .chartDesc {
    height: 100%;
    align-content: center
}

@media(min-width: 992px) {
    .newsChart .chartDesc {
        margin-bottom: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .newsChart .chartDesc {
        margin-bottom: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .newsChart .chartDesc {
        margin-bottom: 12px
    }
}

@media(max-width: 575px) {
    .newsChart .chartDesc {
        margin-bottom: 10.4px
    }
}

.newsChart .chartSVG {
    position: relative
}

@media(min-width: 992px) {
    .newsChart .chartSVG {
        margin-bottom: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .newsChart .chartSVG {
        margin-bottom: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .newsChart .chartSVG {
        margin-bottom: 12px
    }
}

@media(max-width: 575px) {
    .newsChart .chartSVG {
        margin-bottom: 10.4px
    }
}

.newsChart .chartSVG p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #3d3d3d;
    font-weight: 700
}

.newsChart .chartRightCard {
    box-shadow: rgba(149, 157, 165, .2) 0px 8px 24px;
    background-color: #fff;
    height: 100%
}

@media(min-width: 992px) {
    .newsChart .chartRightCard {
        padding-block: 2.2222222222vw
    }
}

@media(min-width: 1600px) {
    .newsChart .chartRightCard {
        padding-block: 1.7777777778vw
    }
}

@media(max-width: 991px) {
    .newsChart .chartRightCard {
        padding-block: 24px
    }
}

@media(max-width: 575px) {
    .newsChart .chartRightCard {
        padding-block: 20.8px
    }
}

@media(min-width: 992px) {
    .newsChart .chartRightCard {
        padding-inline: 5.4166666667vw
    }
}

@media(min-width: 1600px) {
    .newsChart .chartRightCard {
        padding-inline: 4.3333333333vw
    }
}

@media(max-width: 991px) {
    .newsChart .chartRightCard {
        padding-inline: 58.5px
    }
}

@media(max-width: 575px) {
    .newsChart .chartRightCard {
        padding-inline: 50.7px
    }
}

@media(min-width: 992px) {
    .newsChart .chartRightCard {
        border-radius: 0.9722222222vw
    }
}

@media(min-width: 1600px) {
    .newsChart .chartRightCard {
        border-radius: 0.7777777778vw
    }
}

@media(max-width: 991px) {
    .newsChart .chartRightCard {
        border-radius: 10.5px
    }
}

@media(max-width: 575px) {
    .newsChart .chartRightCard {
        border-radius: 9.1px
    }
}

.newsChart .chartRightCard h3 {
    color: #0b1610;
    font-weight: 700;
    text-align: center
}

@media(min-width: 992px) {
    .newsChart .chartRightCard h3 {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .newsChart .chartRightCard h3 {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .newsChart .chartRightCard h3 {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .newsChart .chartRightCard h3 {
        font-size: 15.6px
    }
}

@media(min-width: 992px) {
    .newsChart .chartRightCard h3 {
        margin-bottom: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .newsChart .chartRightCard h3 {
        margin-bottom: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .newsChart .chartRightCard h3 {
        margin-bottom: 18px
    }
}

@media(max-width: 575px) {
    .newsChart .chartRightCard h3 {
        margin-bottom: 15.6px
    }
}

.newsChart .chartRightCard .sideCardSVG {
    position: relative
}

.newsChart .chartRightCard .sideCardSVG img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.newsChart .chartRightCard .sideCardSVG .text {
    position: absolute;
    top: 50%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%)
}

.newsChart .chartRightCard .sideCardSVG .text h2 {
    text-align: center;
    color: #0b1610;
    font-weight: 700
}

@media(min-width: 992px) {
    .newsChart .chartRightCard .sideCardSVG .text h2 {
        font-size: 3.125vw
    }
}

@media(min-width: 1600px) {
    .newsChart .chartRightCard .sideCardSVG .text h2 {
        font-size: 2.5vw
    }
}

@media(max-width: 991px) {
    .newsChart .chartRightCard .sideCardSVG .text h2 {
        font-size: 33.75px
    }
}

@media(max-width: 575px) {
    .newsChart .chartRightCard .sideCardSVG .text h2 {
        font-size: 29.25px
    }
}

@media(min-width: 992px) {
    .newsChart .chartRightCard .sideCardSVG .text h2 {
        margin-bottom: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .newsChart .chartRightCard .sideCardSVG .text h2 {
        margin-bottom: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .newsChart .chartRightCard .sideCardSVG .text h2 {
        margin-bottom: 7.5px
    }
}

@media(max-width: 575px) {
    .newsChart .chartRightCard .sideCardSVG .text h2 {
        margin-bottom: 6.5px
    }
}

.newsChart .chartRightCard .sideCardSVG .text p {
    text-align: center;
    color: rgba(61, 61, 61, .5);
    font-weight: 500;
    margin: 0
}

@media(min-width: 992px) {
    .newsChart .chartRightCard .sideCardSVG .text p {
        font-size: 1.25vw
    }
}

@media(min-width: 1600px) {
    .newsChart .chartRightCard .sideCardSVG .text p {
        font-size: 1vw
    }
}

@media(max-width: 991px) {
    .newsChart .chartRightCard .sideCardSVG .text p {
        font-size: 13.5px
    }
}

@media(max-width: 575px) {
    .newsChart .chartRightCard .sideCardSVG .text p {
        font-size: 11.7px
    }
}

.newsChart .chartLeftCard {
    position: absolute;
    left: 0;
    box-shadow: rgba(149, 157, 165, .2) 0px 8px 24px;
    background-color: #fff
}

@media(min-width: 992px) {
    .newsChart .chartLeftCard {
        bottom: -8.6111111111vw
    }
}

@media(min-width: 1600px) {
    .newsChart .chartLeftCard {
        bottom: -6.8888888889vw
    }
}

@media(max-width: 991px) {
    .newsChart .chartLeftCard {
        bottom: -93px
    }
}

@media(max-width: 575px) {
    .newsChart .chartLeftCard {
        bottom: -80.6px
    }
}

@media(min-width: 992px) {
    .newsChart .chartLeftCard {
        max-width: 25vw
    }
}

@media(min-width: 1600px) {
    .newsChart .chartLeftCard {
        max-width: 20vw
    }
}

@media(max-width: 991px) {
    .newsChart .chartLeftCard {
        max-width: 270px
    }
}

@media(max-width: 575px) {
    .newsChart .chartLeftCard {
        max-width: 234px
    }
}

@media(min-width: 992px) {
    .newsChart .chartLeftCard {
        padding: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .newsChart .chartLeftCard {
        padding: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .newsChart .chartLeftCard {
        padding: 18px
    }
}

@media(max-width: 575px) {
    .newsChart .chartLeftCard {
        padding: 15.6px
    }
}

@media(min-width: 992px) {
    .newsChart .chartLeftCard {
        border-radius: 0.9722222222vw
    }
}

@media(min-width: 1600px) {
    .newsChart .chartLeftCard {
        border-radius: 0.7777777778vw
    }
}

@media(max-width: 991px) {
    .newsChart .chartLeftCard {
        border-radius: 10.5px
    }
}

@media(max-width: 575px) {
    .newsChart .chartLeftCard {
        border-radius: 9.1px
    }
}

.newsChart .chartLeftCard .apexcharts-series path:hover {
    fill: rgba(228, 0, 42, .5019607843) !important
}

.newsChart .chartLeftCard h3 {
    color: #0b1610;
    font-weight: 700;
    text-align: center
}

@media(min-width: 992px) {
    .newsChart .chartLeftCard h3 {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .newsChart .chartLeftCard h3 {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .newsChart .chartLeftCard h3 {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .newsChart .chartLeftCard h3 {
        font-size: 15.6px
    }
}

@media(min-width: 992px) {
    .newsChart .chartLeftCard h3 {
        margin-bottom: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .newsChart .chartLeftCard h3 {
        margin-bottom: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .newsChart .chartLeftCard h3 {
        margin-bottom: 12px
    }
}

@media(max-width: 575px) {
    .newsChart .chartLeftCard h3 {
        margin-bottom: 10.4px
    }
}

@media(min-width: 992px) {
    .newsChart .chartLeftCard h3.below {
        margin-top: -1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .newsChart .chartLeftCard h3.below {
        margin-top: -1.3333333333vw
    }
}

@media(max-width: 991px) {
    .newsChart .chartLeftCard h3.below {
        margin-top: -18px
    }
}

@media(max-width: 575px) {
    .newsChart .chartLeftCard h3.below {
        margin-top: -15.6px
    }
}

.newsChart .chartLeftCard img {
    width: 100%;
    object-fit: cover
}

@media(min-width: 992px) {
    .newsChart .chartLeftCard img {
        margin-bottom: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .newsChart .chartLeftCard img {
        margin-bottom: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .newsChart .chartLeftCard img {
        margin-bottom: 12px
    }
}

@media(max-width: 575px) {
    .newsChart .chartLeftCard img {
        margin-bottom: 10.4px
    }
}

.newsChart .chartLeftCard p {
    text-align: center;
    color: #3d3d3d;
    font-weight: 400;
    line-height: 1.4;
    margin: 0
}

@media(min-width: 992px) {
    .newsChart .chartLeftCard p {
        font-size: 1.25vw
    }
}

@media(min-width: 1600px) {
    .newsChart .chartLeftCard p {
        font-size: 1vw
    }
}

@media(max-width: 991px) {
    .newsChart .chartLeftCard p {
        font-size: 13.5px
    }
}

@media(max-width: 575px) {
    .newsChart .chartLeftCard p {
        font-size: 11.7px
    }
}

.newsChart .bottomLegendChart {
    width: 100%;
    display: flex;
    justify-content: center
}

@media(min-width: 992px) {
    .newsChart .bottomLegendChart {
        padding-top: 7.6388888889vw
    }
}

@media(min-width: 1600px) {
    .newsChart .bottomLegendChart {
        padding-top: 6.1111111111vw
    }
}

@media(max-width: 991px) {
    .newsChart .bottomLegendChart {
        padding-top: 82.5px
    }
}

@media(max-width: 575px) {
    .newsChart .bottomLegendChart {
        padding-top: 71.5px
    }
}

.newsChart .bottomLegendChart img {
    object-fit: cover
}

.newsChart .bottomLegendChart .left {
    align-content: center;
    width: 50%
}

.newsChart .bottomLegendChart .right {
    width: 30%;
    align-content: center
}

@media(min-width: 992px) {
    .newsChart .bottomLegendChart .right {
        padding-left: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .newsChart .bottomLegendChart .right {
        padding-left: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .newsChart .bottomLegendChart .right {
        padding-left: 45px
    }
}

@media(max-width: 575px) {
    .newsChart .bottomLegendChart .right {
        padding-left: 39px
    }
}

.newsChart .bottomLegendChart .right span {
    display: block;
    cursor: pointer
}

@media(min-width: 992px) {
    .newsChart .bottomLegendChart .right span {
        height: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .newsChart .bottomLegendChart .right span {
        height: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .newsChart .bottomLegendChart .right span {
        height: 6px
    }
}

@media(max-width: 575px) {
    .newsChart .bottomLegendChart .right span {
        height: 5.2px
    }
}

@media(min-width: 992px) {
    .newsChart .bottomLegendChart .right span {
        width: 2.2222222222vw
    }
}

@media(min-width: 1600px) {
    .newsChart .bottomLegendChart .right span {
        width: 1.7777777778vw
    }
}

@media(max-width: 991px) {
    .newsChart .bottomLegendChart .right span {
        width: 24px
    }
}

@media(max-width: 575px) {
    .newsChart .bottomLegendChart .right span {
        width: 20.8px
    }
}

@media(min-width: 992px) {
    .newsChart .bottomLegendChart .right span {
        border-radius: 0.3472222222vw
    }
}

@media(min-width: 1600px) {
    .newsChart .bottomLegendChart .right span {
        border-radius: 0.2777777778vw
    }
}

@media(max-width: 991px) {
    .newsChart .bottomLegendChart .right span {
        border-radius: 3.75px
    }
}

@media(max-width: 575px) {
    .newsChart .bottomLegendChart .right span {
        border-radius: 3.25px
    }
}

@media(min-width: 992px) {
    .newsChart .bottomLegendChart .right span {
        margin-bottom: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .newsChart .bottomLegendChart .right span {
        margin-bottom: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .newsChart .bottomLegendChart .right span {
        margin-bottom: 12px
    }
}

@media(max-width: 575px) {
    .newsChart .bottomLegendChart .right span {
        margin-bottom: 10.4px
    }
}

.newsChart .bottomLegendChart .right span.red {
    background-color: #e4002b
}

.newsChart .bottomLegendChart .right span.blue {
    background-color: #0b1610
}

.newsChart .bottomLegendChart .right h3 {
    font-weight: 700
}

@media(min-width: 992px) {
    .newsChart .bottomLegendChart .right h3 {
        font-size: 1.25vw
    }
}

@media(min-width: 1600px) {
    .newsChart .bottomLegendChart .right h3 {
        font-size: 1vw
    }
}

@media(max-width: 991px) {
    .newsChart .bottomLegendChart .right h3 {
        font-size: 13.5px
    }
}

@media(max-width: 575px) {
    .newsChart .bottomLegendChart .right h3 {
        font-size: 11.7px
    }
}

@media(min-width: 992px) {
    .newsChart .bottomLegendChart .right h3 {
        margin-bottom: 2.2222222222vw
    }
}

@media(min-width: 1600px) {
    .newsChart .bottomLegendChart .right h3 {
        margin-bottom: 1.7777777778vw
    }
}

@media(max-width: 991px) {
    .newsChart .bottomLegendChart .right h3 {
        margin-bottom: 24px
    }
}

@media(max-width: 575px) {
    .newsChart .bottomLegendChart .right h3 {
        margin-bottom: 20.8px
    }
}

.newsChart .bottomLegendChart .right h3.red {
    color: #e4002b
}

.newsChart .bottomLegendChart .right h3.blue {
    color: #0b1610
}

.newsChart .single-chart {
    width: 33%;
    justify-content: space-around
}

.newsChart .circular-chart {
    display: block;
    margin: 0 auto
}

.newsChart .circle-bg {
    fill: none;
    stroke: #0b1610;
    stroke-width: 3
}

.newsChart .circle {
    fill: none;
    stroke-width: 2.9;
    stroke-linecap: round;
    animation: progress 1s ease-out forwards
}

@keyframes progress {
    0% {
        stroke-dasharray: 0 100
    }
}

.newsChart .circular-chart.red .circle {
    stroke: #e4002b
}

.newsChart .percentage {
    fill: #9090a7;
    font-family: sans-serif;
    font-size: .25em;
    text-anchor: middle;
    font-weight: 700
}

.Sustainability-CSR {
    position: relative
}

@media(min-width: 992px) {
    .Sustainability-CSR {
        padding-bottom: 7.6388888889vw
    }
}

@media(min-width: 1600px) {
    .Sustainability-CSR {
        padding-bottom: 6.1111111111vw
    }
}

@media(max-width: 991px) {
    .Sustainability-CSR {
        padding-bottom: 82.5px
    }
}

@media(max-width: 575px) {
    .Sustainability-CSR {
        padding-bottom: 71.5px
    }
}

.Sustainability-CSR .plane {
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    --perspective: 1500px;
    perspective: var(--perspective);
    transform-style: unset !important;
    position: relative
}

.Sustainability-CSR .grid {
    display: grid;
    grid-template-columns: repeat(var(--cols, 12), minmax(0, 1fr));
    grid-template-rows: repeat(var(--rows, 12), minmax(0, 1fr));
    width: 100%;
    height: 100%;
    perspective: var(--perspective);
    transform-style: unset !important;
    will-change: transform, perspective-origin;
    perspective-origin: var(--perspective-origin, center center);
    transition: transform 100ms ease-out;
    animation-duration: 5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    animation-direction: alternate
}

.Sustainability-CSR .grid>* {
    --calculated-z: calc(var(--z, 0) * 1px + var(--grid-z, 0) * 1px + var(--z-multiplier, 0) * -1500px + var(--scroll-z, 0) * 1px);
    grid-column: var(--col-start, 1)/span var(--col-span, 1);
    grid-row: var(--row-start, 1)/span var(--row-span, 1);
    transform: translateZ(var(--calculated-z));
    will-change: transform, opacity;
    opacity: 1;
    transition: opacity 300ms ease-out
}

.Sustainability-CSR .grid>*.hidden {
    opacity: 0
}

@keyframes animation-3d {
    0% {
        transform: translateZ(1000px)
    }

    100% {
        transform: translateZ(0px)
    }
}

.Sustainability-CSR .fancy-img {
    cursor: pointer;
    flex-direction: column;
    display: none
}

.Sustainability-CSR .fancy-img:has(img) {
    display: flex
}

.Sustainability-CSR .fancy-img span {
    line-height: 1;
    color: #0b1610;
    font-weight: 500;
    text-transform: capitalize
}

@media(min-width: 992px) {
    .Sustainability-CSR .fancy-img span {
        margin-top: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .Sustainability-CSR .fancy-img span {
        margin-top: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .Sustainability-CSR .fancy-img span {
        margin-top: 15px
    }
}

@media(max-width: 575px) {
    .Sustainability-CSR .fancy-img span {
        margin-top: 13px
    }
}

@media(min-width: 992px) {
    .Sustainability-CSR .fancy-img span {
        font-size: 1.5277777778vw
    }
}

@media(min-width: 1600px) {
    .Sustainability-CSR .fancy-img span {
        font-size: 1.2222222222vw
    }
}

@media(max-width: 991px) {
    .Sustainability-CSR .fancy-img span {
        font-size: 16.5px
    }
}

@media(max-width: 575px) {
    .Sustainability-CSR .fancy-img span {
        font-size: 14.3px
    }
}

.Sustainability-CSR .fancy-img img {
    transition: all .3s ease-in-out;
    box-shadow: rgba(149, 157, 165, .4) 0px 8px 24px;
    border-radius: 16px;
    border: none;
    max-width: 100%;
    max-height: 100%;
    position: relative
}

.Sustainability-CSR .fancy-img:hover img {
    box-shadow: rgba(100, 100, 111, .4) 0px 7px 29px 0px;
    transition: all .3s ease-in-out;
    transform: scale(1.05)
}

.Sustainability-CSR .Background-Text {
    line-height: .9;
    text-align: center;
    font-weight: bold;
    pointer-events: none;
    color: rgba(0, 22, 137, .05);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media(min-width: 992px) {
    .Sustainability-CSR .Background-Text {
        font-size: 13.8888888889vw
    }
}

@media(min-width: 1600px) {
    .Sustainability-CSR .Background-Text {
        font-size: 11.1111111111vw
    }
}

@media(max-width: 991px) {
    .Sustainability-CSR .Background-Text {
        font-size: 150px
    }
}

@media(max-width: 575px) {
    .Sustainability-CSR .Background-Text {
        font-size: 130px
    }
}

.Sustainability-CSR .freshProduce-modalPopup2 .modal-content {
    overflow: hidden
}

@media(min-width: 992px) {
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content {
        border-radius: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content {
        border-radius: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content {
        border-radius: 12px
    }
}

@media(max-width: 575px) {
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content {
        border-radius: 10.4px
    }
}

.Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body {
    background-color: #e6e8f4;
    padding: 0
}

.Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard {
    display: flex;
    overflow: hidden;
    width: 100%;
    position: relative
}

@media(min-width: 992px) {
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard {
        padding: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard {
        padding: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard {
        padding: 45px
    }
}

@media(max-width: 575px) {
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard {
        padding: 39px
    }
}

.Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard .content {
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media(min-width: 992px) {

    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard .content .section-sub-title,
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard .content .section-title {
        margin-bottom: 0vw
    }
}

@media(min-width: 1600px) {

    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard .content .section-sub-title,
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard .content .section-title {
        margin-bottom: 0vw
    }
}

@media(max-width: 991px) {

    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard .content .section-sub-title,
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard .content .section-title {
        margin-bottom: 0px
    }
}

@media(max-width: 575px) {

    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard .content .section-sub-title,
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard .content .section-title {
        margin-bottom: 0px
    }
}

.Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard .content .subDesc {
    max-height: 250px;
    overflow-y: auto;
    padding-inline-end: 24px;
    font-weight: 400;
    line-height: 1.2;
    color: #3d3d3d
}

@media(min-width: 992px) {
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard .content .subDesc {
        margin-bottom: 0vw
    }
}

@media(min-width: 1600px) {
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard .content .subDesc {
        margin-bottom: 0vw
    }
}

@media(max-width: 991px) {
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard .content .subDesc {
        margin-bottom: 0px
    }
}

@media(max-width: 575px) {
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard .content .subDesc {
        margin-bottom: 0px
    }
}

@media(min-width: 992px) {
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard .content .subDesc {
        margin-top: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard .content .subDesc {
        margin-top: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard .content .subDesc {
        margin-top: 22.5px
    }
}

@media(max-width: 575px) {
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard .content .subDesc {
        margin-top: 19.5px
    }
}

@media(min-width: 992px) {
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard .content .subDesc {
        font-size: 1.25vw
    }
}

@media(min-width: 1600px) {
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard .content .subDesc {
        font-size: 1vw
    }
}

@media(max-width: 991px) {
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard .content .subDesc {
        font-size: 13.5px
    }
}

@media(max-width: 575px) {
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard .content .subDesc {
        font-size: 11.7px
    }
}

.Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard .content .subDesc::-webkit-scrollbar {
    width: 3px;
    background-color: rgba(0, 22, 137, .2);
    border-radius: 100px
}

.Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard .content .subDesc::-webkit-scrollbar-thumb {
    width: 3px;
    background-color: #0b1610;
    border-radius: 100px
}

.Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard .sideImg {
    height: 100%;
    position: relative;
    width: 40%
}

.Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard .sideImg img {
    filter: drop-shadow(0px 4px 80px rgba(0, 0, 0, 0.15));
    width: 100%;
    height: 100%;
    object-fit: cover
}

.Sustainability-CSR .freshProduce-modalPopup2 .modal-content button.btn-close {
    position: absolute;
    opacity: 1;
    z-index: 1000;
    font-size: 24px;
    background: rgba(0, 0, 0, 0) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="%23e4002b" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z"/></svg>') center/1em auto no-repeat
}

@media(min-width: 992px) {
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content button.btn-close {
        top: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content button.btn-close {
        top: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content button.btn-close {
        top: 11.25px
    }
}

@media(max-width: 575px) {
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content button.btn-close {
        top: 9.75px
    }
}

@media(min-width: 992px) {
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content button.btn-close {
        right: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content button.btn-close {
        right: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content button.btn-close {
        right: 11.25px
    }
}

@media(max-width: 575px) {
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content button.btn-close {
        right: 9.75px
    }
}

@media(max-width: 991px) {
    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard {
        flex-direction: column
    }

    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard .content {
        width: 100%;
        padding: 25px
    }

    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard .sideImg {
        width: 100%
    }
}

@media(min-width: 992px) {
    .accordionContainer {
        margin-block-start: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .accordionContainer {
        margin-block-start: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .accordionContainer {
        margin-block-start: 30px
    }
}

@media(max-width: 575px) {
    .accordionContainer {
        margin-block-start: 26px
    }
}

.accordionContainer ul {
    display: flex;
    position: relative
}

.accordionContainer ul::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.8) 100%)
}

.accordionContainer ul li {
    display: flex;
    align-items: flex-end;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    transition: all .3s ease-in-out
}

@media(min-width: 992px) {
    .accordionContainer ul li {
        min-height: 50vw
    }
}

@media(min-width: 1600px) {
    .accordionContainer ul li {
        min-height: 40vw
    }
}

@media(max-width: 991px) {
    .accordionContainer ul li {
        min-height: 540px
    }
}

@media(max-width: 575px) {
    .accordionContainer ul li {
        min-height: 468px
    }
}

.accordionContainer ul li .accordionBg {
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
    inset-inline-start: 0;
    inset-block-start: 0
}

.accordionContainer ul li .accordionBg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: left;
    -o-object-position: left
}

.accordionContainer ul li:first-child .title:after {
    display: none
}

.accordionContainer ul li .title {
    cursor: pointer;
    flex-grow: 0;
    flex-shrink: 0;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: relative
}

@media(min-width: 992px) {
    .accordionContainer ul li .title {
        width: 13.8888888889vw
    }
}

@media(min-width: 1600px) {
    .accordionContainer ul li .title {
        width: 11.1111111111vw
    }
}

@media(max-width: 991px) {
    .accordionContainer ul li .title {
        width: 150px
    }
}

@media(max-width: 575px) {
    .accordionContainer ul li .title {
        width: 130px
    }
}

@media(min-width: 992px) {
    .accordionContainer ul li .title {
        flex-basis: 13.8888888889vw
    }
}

@media(min-width: 1600px) {
    .accordionContainer ul li .title {
        flex-basis: 11.1111111111vw
    }
}

@media(max-width: 991px) {
    .accordionContainer ul li .title {
        flex-basis: 150px
    }
}

@media(max-width: 575px) {
    .accordionContainer ul li .title {
        flex-basis: 130px
    }
}

.accordionContainer ul li .title:after {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    content: none;
    width: 1px;
    height: 90%;
    background-color: #fff
}

.accordionContainer ul li .title .titleStyle {
    transition: all .3s ease-in-out;
    opacity: 1;
    transform: rotate(-90deg) translateX(60%);
    display: flex;
    align-items: start;
    flex-direction: column;
    color: #fff;
    white-space: nowrap
}

@media(min-width: 992px) {
    .accordionContainer ul li .title .titleStyle {
        gap: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .accordionContainer ul li .title .titleStyle {
        gap: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .accordionContainer ul li .title .titleStyle {
        gap: 7.5px
    }
}

@media(max-width: 575px) {
    .accordionContainer ul li .title .titleStyle {
        gap: 6.5px
    }
}

@media(min-width: 992px) {
    .accordionContainer ul li .title .titleStyle {
        min-width: 34.7222222222vw
    }
}

@media(min-width: 1600px) {
    .accordionContainer ul li .title .titleStyle {
        min-width: 27.7777777778vw
    }
}

@media(max-width: 991px) {
    .accordionContainer ul li .title .titleStyle {
        min-width: 375px
    }
}

@media(max-width: 575px) {
    .accordionContainer ul li .title .titleStyle {
        min-width: 325px
    }
}

.accordionContainer ul li .title .titleStyle h3,
.accordionContainer ul li .title .titleStyle h4 {
    color: #fff
}

.accordionContainer ul li .title .titleStyle .title-icon {
    transform: rotate(90deg)
}

@media(min-width: 992px) {
    .accordionContainer ul li .title .titleStyle .title-icon {
        width: 1.7361111111vw
    }
}

@media(min-width: 1600px) {
    .accordionContainer ul li .title .titleStyle .title-icon {
        width: 1.3888888889vw
    }
}

@media(max-width: 991px) {
    .accordionContainer ul li .title .titleStyle .title-icon {
        width: 18.75px
    }
}

@media(max-width: 575px) {
    .accordionContainer ul li .title .titleStyle .title-icon {
        width: 16.25px
    }
}

@media(min-width: 992px) {
    .accordionContainer ul li .title .titleStyle .title-icon {
        height: 1.7361111111vw
    }
}

@media(min-width: 1600px) {
    .accordionContainer ul li .title .titleStyle .title-icon {
        height: 1.3888888889vw
    }
}

@media(max-width: 991px) {
    .accordionContainer ul li .title .titleStyle .title-icon {
        height: 18.75px
    }
}

@media(max-width: 575px) {
    .accordionContainer ul li .title .titleStyle .title-icon {
        height: 16.25px
    }
}

.accordionContainer ul li .content {
    width: 0px;
    overflow: hidden;
    position: relative
}

@media(min-width: 992px) {
    .accordionContainer ul li .content {
        margin-block-end: 5.5555555556vw
    }
}

@media(min-width: 1600px) {
    .accordionContainer ul li .content {
        margin-block-end: 4.4444444444vw
    }
}

@media(max-width: 991px) {
    .accordionContainer ul li .content {
        margin-block-end: 60px
    }
}

@media(max-width: 575px) {
    .accordionContainer ul li .content {
        margin-block-end: 52px
    }
}

.accordionContainer ul li .content .innerContent {
    color: #fff
}

@media(min-width: 992px) {
    .accordionContainer ul li .content .innerContent {
        min-width: 20.8333333333vw
    }
}

@media(min-width: 1600px) {
    .accordionContainer ul li .content .innerContent {
        min-width: 16.6666666667vw
    }
}

@media(max-width: 991px) {
    .accordionContainer ul li .content .innerContent {
        min-width: 225px
    }
}

@media(max-width: 575px) {
    .accordionContainer ul li .content .innerContent {
        min-width: 195px
    }
}

.accordionContainer ul li .content .innerContent h3 {
    color: #fff;
    margin-bottom: 0
}

.accordionContainer ul li .content .innerContent h4 {
    color: #fff
}

@media(min-width: 992px) {
    .accordionContainer ul li .content .innerContent h4 {
        margin-block-end: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .accordionContainer ul li .content .innerContent h4 {
        margin-block-end: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .accordionContainer ul li .content .innerContent h4 {
        margin-block-end: 18px
    }
}

@media(max-width: 575px) {
    .accordionContainer ul li .content .innerContent h4 {
        margin-block-end: 15.6px
    }
}

.accordionContainer ul li .content .innerContent .Desc {
    margin: 0;
    line-height: 1.2;
    font-weight: 400
}

@media(min-width: 992px) {
    .accordionContainer ul li .content .innerContent .Desc {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .accordionContainer ul li .content .innerContent .Desc {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .accordionContainer ul li .content .innerContent .Desc {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .accordionContainer ul li .content .innerContent .Desc {
        font-size: 15.6px
    }
}

.accordionContainer ul li.active {
    flex-grow: 1
}

.accordionContainer ul li.active .title .titleStyle {
    opacity: 0;
    transition: all .5s ease-in-out
}

@media(min-width: 992px) {
    .accordionContainer ul li.active .content {
        width: 30.5555555556vw
    }
}

@media(min-width: 1600px) {
    .accordionContainer ul li.active .content {
        width: 24.4444444444vw
    }
}

@media(max-width: 991px) {
    .accordionContainer ul li.active .content {
        width: 330px
    }
}

@media(max-width: 575px) {
    .accordionContainer ul li.active .content {
        width: 286px
    }
}

.uniqueBrandSection {
    background-color: #0b1610;
    position: relative;
    overflow: hidden
}

@media(min-width: 992px) {
    .uniqueBrandSection {
        padding-block: 3.125vw
    }
}

@media(min-width: 1600px) {
    .uniqueBrandSection {
        padding-block: 2.5vw
    }
}

@media(max-width: 991px) {
    .uniqueBrandSection {
        padding-block: 33.75px
    }
}

@media(max-width: 575px) {
    .uniqueBrandSection {
        padding-block: 29.25px
    }
}

.uniqueBrandSection .backImg {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    opacity: .25
}

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

.uniqueBrandSection h3,
.uniqueBrandSection h4 {
    color: #fff
}

@media(min-width: 992px) {
    .uniqueBrandSection .section-title {
        margin-bottom: 2.2222222222vw
    }
}

@media(min-width: 1600px) {
    .uniqueBrandSection .section-title {
        margin-bottom: 1.7777777778vw
    }
}

@media(max-width: 991px) {
    .uniqueBrandSection .section-title {
        margin-bottom: 24px
    }
}

@media(max-width: 575px) {
    .uniqueBrandSection .section-title {
        margin-bottom: 20.8px
    }
}

.uniqueBrandSection .Desc {
    color: #fff;
    line-height: 1.2;
    font-weight: 400
}

@media(min-width: 992px) {
    .uniqueBrandSection .Desc {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .uniqueBrandSection .Desc {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .uniqueBrandSection .Desc {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .uniqueBrandSection .Desc {
        font-size: 15.6px
    }
}

@media(min-width: 992px) {
    .uniqueBrandSection .Desc {
        margin-bottom: 2.2222222222vw
    }
}

@media(min-width: 1600px) {
    .uniqueBrandSection .Desc {
        margin-bottom: 1.7777777778vw
    }
}

@media(max-width: 991px) {
    .uniqueBrandSection .Desc {
        margin-bottom: 24px
    }
}

@media(max-width: 575px) {
    .uniqueBrandSection .Desc {
        margin-bottom: 20.8px
    }
}

.uniqueBrandSection .commonBtn {
    margin: 0
}

@media(min-width: 992px) {
    .newsDetailIntroduction .breadcrumb-golden {
        padding-top: 7.9861111111vw
    }
}

@media(min-width: 1600px) {
    .newsDetailIntroduction .breadcrumb-golden {
        padding-top: 6.3888888889vw
    }
}

@media(max-width: 991px) {
    .newsDetailIntroduction .breadcrumb-golden {
        padding-top: 86.25px
    }
}

@media(max-width: 575px) {
    .newsDetailIntroduction .breadcrumb-golden {
        padding-top: 74.75px
    }
}

@media(min-width: 992px) {
    .newsDetailIntroduction .breadcrumb-golden {
        padding-bottom: 5.5555555556vw
    }
}

@media(min-width: 1600px) {
    .newsDetailIntroduction .breadcrumb-golden {
        padding-bottom: 4.4444444444vw
    }
}

@media(max-width: 991px) {
    .newsDetailIntroduction .breadcrumb-golden {
        padding-bottom: 60px
    }
}

@media(max-width: 575px) {
    .newsDetailIntroduction .breadcrumb-golden {
        padding-bottom: 52px
    }
}

.newsDetailIntroduction .breadcrumb-golden ul {
    margin: 0
}

@media(max-width: 991px) {
    .newsDetailIntroduction .breadcrumb-golden {
        padding-block: 30px
    }
}

.newsDetailIntroduction h4.date {
    color: #e4002b;
    font-weight: 600
}

@media(min-width: 992px) {
    .newsDetailIntroduction h4.date {
        font-size: 1.7361111111vw
    }
}

@media(min-width: 1600px) {
    .newsDetailIntroduction h4.date {
        font-size: 1.3888888889vw
    }
}

@media(max-width: 991px) {
    .newsDetailIntroduction h4.date {
        font-size: 18.75px
    }
}

@media(max-width: 575px) {
    .newsDetailIntroduction h4.date {
        font-size: 16.25px
    }
}

@media(min-width: 992px) {
    .newsDetailIntroduction h4.date {
        margin-bottom: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .newsDetailIntroduction h4.date {
        margin-bottom: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .newsDetailIntroduction h4.date {
        margin-bottom: 6px
    }
}

@media(max-width: 575px) {
    .newsDetailIntroduction h4.date {
        margin-bottom: 5.2px
    }
}

.newsDetailIntroduction h1 {
    color: #0b1610;
    font-weight: 700
}

@media(min-width: 992px) {
    .newsDetailIntroduction h1 {
        font-size: 3.0555555556vw
    }
}

@media(min-width: 1600px) {
    .newsDetailIntroduction h1 {
        font-size: 2.4444444444vw
    }
}

@media(max-width: 991px) {
    .newsDetailIntroduction h1 {
        font-size: 33px
    }
}

@media(max-width: 575px) {
    .newsDetailIntroduction h1 {
        font-size: 28.6px
    }
}

@media(min-width: 992px) {
    .newsDetailIntroduction h1 {
        margin-bottom: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .newsDetailIntroduction h1 {
        margin-bottom: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .newsDetailIntroduction h1 {
        margin-bottom: 6px
    }
}

@media(max-width: 575px) {
    .newsDetailIntroduction h1 {
        margin-bottom: 5.2px
    }
}

.newsDetailIntroduction p {
    color: #3d3d3d;
    font-weight: 400;
    line-height: 1.4
}

@media(min-width: 992px) {
    .newsDetailIntroduction p {
        font-size: 1.25vw
    }
}

@media(min-width: 1600px) {
    .newsDetailIntroduction p {
        font-size: 1vw
    }
}

@media(max-width: 991px) {
    .newsDetailIntroduction p {
        font-size: 13.5px
    }
}

@media(max-width: 575px) {
    .newsDetailIntroduction p {
        font-size: 11.7px
    }
}

@media(min-width: 992px) {
    .newsDetailIntroduction p {
        margin-bottom: 0vw
    }
}

@media(min-width: 1600px) {
    .newsDetailIntroduction p {
        margin-bottom: 0vw
    }
}

@media(max-width: 991px) {
    .newsDetailIntroduction p {
        margin-bottom: 0px
    }
}

@media(max-width: 575px) {
    .newsDetailIntroduction p {
        margin-bottom: 0px
    }
}

@media(min-width: 992px) {
    .newsDetailIntroduction img {
        margin-block: 3.3333333333vw
    }
}

@media(min-width: 1600px) {
    .newsDetailIntroduction img {
        margin-block: 2.6666666667vw
    }
}

@media(max-width: 991px) {
    .newsDetailIntroduction img {
        margin-block: 36px
    }
}

@media(max-width: 575px) {
    .newsDetailIntroduction img {
        margin-block: 31.2px
    }
}

@media(max-width: 991px) {
    .Sustainability-CSR .plane {
        width: 90vw;
        height: max-content;
        margin-inline: auto;
        perspective: unset;
        --perspective: unset
    }

    .Sustainability-CSR .plane .grid {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: space-between
    }

    .Sustainability-CSR .plane .grid .fancy-img {
        margin-top: 28px;
        width: 45%
    }

    .Sustainability-CSR .plane .grid .fancy-img img {
        aspect-ratio: 1;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .Sustainability-CSR .plane .grid .fancy-img span {
        font-size: 22px
    }

    .Sustainability-CSR .Background-Text {
        opacity: 0
    }

    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content {
        border-radius: 12px
    }

    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .carouselCard .content {
        padding: 0
    }

    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .carouselCard .content .section-sub-title {
        font-size: 22px
    }

    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .carouselCard .content .subDesc {
        font-size: 16px
    }

    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .carouselCard .sideImg {
        overflow: hidden;
        border-radius: 16px
    }

    .newsChart .chartLeftCard {
        margin-top: 20px;
        position: unset;
        width: 100%;
        max-width: 100%
    }

    .newsChart .bottomLegendChart {
        padding-top: 30px
    }

    .newsChart .bottomLegendChart .right {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .newsMediaBanner .newsMediaBanner-swiper .swiper-slide .banner-content {
        width: 80%;
        align-items: center;
        margin-inline: auto;
        justify-content: start;
        height: auto;
        padding-top: 150px
    }

    .newsMediaBanner .newsMediaBanner-swiper .swiper-slide .banner-content .banner-text,
    .newsMediaBanner .newsMediaBanner-swiper .swiper-slide .banner-content .banner-title {
        text-align: center
    }

    .newsMediaBanner .newsMediaBanner-swiper .swiper-slide .sliderImg {
        top: 65%;
        right: unset;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 75%
    }
}

@media(max-width: 767px) {
    .newsChart .bottomLegendChart {
        flex-wrap: wrap;
        gap: 30px
    }

    .newsChart .bottomLegendChart .left {
        width: 100%
    }

    .newsChart .bottomLegendChart .right {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0;
        flex-direction: row;
        gap: 20px;
        align-items: center
    }

    .newsChart .bottomLegendChart .right span,
    .newsChart .bottomLegendChart .right h3 {
        margin: 0
    }

    .AU-accordian .accordionContainer ul {
        flex-direction: column
    }

    .AU-accordian .accordionContainer ul li {
        min-height: max-content;
        transition: all .2s ease-in
    }

    .AU-accordian .accordionContainer ul li .title {
        width: 100%;
        flex-basis: 100%;
        background-color: rgba(0, 0, 0, 0);
        padding-block: 50px
    }

    .AU-accordian .accordionContainer ul li .title .newTitle {
        width: 50%
    }

    .AU-accordian .accordionContainer ul li .title .imgBox {
        width: 50%
    }

    .AU-accordian .accordionContainer ul li .title .imgBox .icon {
        height: 70px;
        width: 70px
    }

    .AU-accordian .accordionContainer ul li .title .newDesc,
    .AU-accordian .accordionContainer ul li .title .play-button {
        width: 50%;
        display: none;
        transition: .3s ease-in
    }

    .AU-accordian .accordionContainer ul li.active {
        transition: all .2s ease-in
    }

    .AU-accordian .accordionContainer ul li.active .title {
        padding-block: 100px
    }

    .AU-accordian .accordionContainer ul li.active .title .newTitle {
        width: 50%;
        font-size: 24px
    }

    .AU-accordian .accordionContainer ul li.active .title .imgBox {
        width: 50%
    }

    .AU-accordian .accordionContainer ul li.active .title .imgBox .icon {
        height: 70px;
        width: 70px
    }

    .AU-accordian .accordionContainer ul li.active .title .newDesc {
        display: block;
        width: 50%;
        transition: .3s ease-in;
        line-height: 1.55;
        font-weight: 400;
        font-size: 16px;
        opacity: .8
    }

    .AU-accordian .accordionContainer ul li.active .title .play-button {
        display: flex;
        flex-wrap: wrap;
        width: 50%;
        transition: .3s ease-in
    }
}

@media(max-width: 575px) {

    .AU-accordian .accordionContainer ul li .title .newTitle,
    .AU-accordian .accordionContainer ul li .title .imgBox,
    .AU-accordian .accordionContainer ul li .title .newDesc,
    .AU-accordian .accordionContainer ul li .title .play-button {
        width: 85%
    }

    .AU-accordian .accordionContainer ul li.active .title .newTitle,
    .AU-accordian .accordionContainer ul li.active .title .imgBox,
    .AU-accordian .accordionContainer ul li.active .title .newDesc,
    .AU-accordian .accordionContainer ul li.active .title .play-button {
        width: 85%
    }

    .Sustainability-CSR .plane {
        width: 80vw;
        height: max-content;
        margin-inline: auto;
        perspective: unset;
        --perspective: unset
    }

    .Sustainability-CSR .plane .grid {
        display: block
    }

    .Sustainability-CSR .plane .grid .fancy-img {
        margin-top: 48px;
        width: 100%
    }

    .Sustainability-CSR .plane .grid .fancy-img img {
        aspect-ratio: unset;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .Sustainability-CSR .plane .grid .fancy-img span {
        font-size: 22px
    }

    .Sustainability-CSR .Background-Text {
        opacity: 0
    }

    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content {
        border-radius: 12px
    }

    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .carouselCard .content {
        padding: 0
    }

    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .carouselCard .content .section-sub-title {
        font-size: 22px
    }

    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .carouselCard .content .subDesc {
        font-size: 16px
    }

    .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .carouselCard .sideImg {
        overflow: hidden;
        border-radius: 16px
    }

    .newsMediaBanner {
        height: 60vh
    }

    .newsMediaBanner .newsMediaBanner-swiper .swiper-slide .sliderImg {
        top: 70%
    }

    .newsChart .chartDesc {
        text-align: center;
        padding-bottom: 40px;
        margin: 0
    }
}

[lang=ar] .Sustainability-CSR .freshProduce-modalPopup2 .modal-content button.btn-close {
    left: 20px;
    right: unset
}

[lang=ar] .Sustainability-CSR .freshProduce-modalPopup2 .modal-content .modal-body .carouselCard .sideImg {
    right: unset;
    left: 0;
    transform: scaleX(-1)
}

[lang=ar] .newsMediaBanner .breadcrumb-golden {
    left: auto;
    right: 10%
}

[lang=ar] .newsMediaBanner .banner-arrows i {
    transform: scaleX(1)
}

[lang=ar] .newsMediaBanner .newsMediaBanner-swiper .swiper-slide .sliderImg {
    left: 0;
    right: unset
}

[lang=ar] .accordionContainer ul li .title .titleStyle {
    align-items: end
}

[lang=ar] .uniqueBrandSection .backImg {
    left: 0;
    right: unset
}

.serviceBanner {
    position: relative;
    height: 85vh
}

.serviceBanner .bgImage {
    position: relative;
    height: 100%
}

.serviceBanner .bgImage::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5)
}

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

.serviceBanner .breadcrumb-golden {
    position: absolute;
    z-index: 10;
    left: 10%
}

@media(min-width: 992px) {
    .serviceBanner .breadcrumb-golden {
        top: 6.9444444444vw
    }
}

@media(min-width: 1600px) {
    .serviceBanner .breadcrumb-golden {
        top: 5.5555555556vw
    }
}

@media(max-width: 991px) {
    .serviceBanner .breadcrumb-golden {
        top: 75px
    }
}

@media(max-width: 575px) {
    .serviceBanner .breadcrumb-golden {
        top: 65px
    }
}

.serviceBanner .breadcrumb-golden ul li a,
.serviceBanner .breadcrumb-golden ul li i {
    color: #fff !important
}

.serviceBanner .slider-backContent {
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start
}

.serviceBanner .slider-backContent .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    text-align: start
}

.serviceBanner .slider-backContent .content .section-sub-title,
.serviceBanner .slider-backContent .content .section-title {
    color: #fff;
    text-align: start
}

@media(min-width: 992px) {
    .serviceBanner .slider-backContent .content .section-title {
        margin-bottom: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .serviceBanner .slider-backContent .content .section-title {
        margin-bottom: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .serviceBanner .slider-backContent .content .section-title {
        margin-bottom: 30px
    }
}

@media(max-width: 575px) {
    .serviceBanner .slider-backContent .content .section-title {
        margin-bottom: 26px
    }
}

.serviceBanner .slider-backContent .content .sub-desc {
    color: #fff;
    font-weight: 400;
    line-height: 1.2
}

@media(min-width: 992px) {
    .serviceBanner .slider-backContent .content .sub-desc {
        margin-bottom: 0vw
    }
}

@media(min-width: 1600px) {
    .serviceBanner .slider-backContent .content .sub-desc {
        margin-bottom: 0vw
    }
}

@media(max-width: 991px) {
    .serviceBanner .slider-backContent .content .sub-desc {
        margin-bottom: 0px
    }
}

@media(max-width: 575px) {
    .serviceBanner .slider-backContent .content .sub-desc {
        margin-bottom: 0px
    }
}

@media(min-width: 992px) {
    .serviceBanner .slider-backContent .content .sub-desc {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .serviceBanner .slider-backContent .content .sub-desc {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .serviceBanner .slider-backContent .content .sub-desc {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .serviceBanner .slider-backContent .content .sub-desc {
        font-size: 15.6px
    }
}

@media(min-width: 992px) {
    .serviceCategories {
        padding-top: 5.5555555556vw
    }
}

@media(min-width: 1600px) {
    .serviceCategories {
        padding-top: 4.4444444444vw
    }
}

@media(max-width: 991px) {
    .serviceCategories {
        padding-top: 60px
    }
}

@media(max-width: 575px) {
    .serviceCategories {
        padding-top: 52px
    }
}

@media(min-width: 992px) {
    .serviceCategories .section-sub-title {
        margin-bottom: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .serviceCategories .section-sub-title {
        margin-bottom: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .serviceCategories .section-sub-title {
        margin-bottom: 22.5px
    }
}

@media(max-width: 575px) {
    .serviceCategories .section-sub-title {
        margin-bottom: 19.5px
    }
}

@media(min-width: 992px) {
    .serviceCategories .categoriesCard {
        margin-bottom: 5.5555555556vw
    }
}

@media(min-width: 1600px) {
    .serviceCategories .categoriesCard {
        margin-bottom: 4.4444444444vw
    }
}

@media(max-width: 991px) {
    .serviceCategories .categoriesCard {
        margin-bottom: 60px
    }
}

@media(max-width: 575px) {
    .serviceCategories .categoriesCard {
        margin-bottom: 52px
    }
}

.serviceCategories .categoriesCard img {
    width: 48px;
    height: 48px
}

@media(min-width: 992px) {
    .serviceCategories .categoriesCard img {
        margin-bottom: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .serviceCategories .categoriesCard img {
        margin-bottom: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .serviceCategories .categoriesCard img {
        margin-bottom: 22.5px
    }
}

@media(max-width: 575px) {
    .serviceCategories .categoriesCard img {
        margin-bottom: 19.5px
    }
}

@media(min-width: 992px) {
    .serviceCategories .categoriesCard img {
        padding-inline-start: 0.4166666667vw
    }
}

@media(min-width: 1600px) {
    .serviceCategories .categoriesCard img {
        padding-inline-start: 0.3333333333vw
    }
}

@media(max-width: 991px) {
    .serviceCategories .categoriesCard img {
        padding-inline-start: 4.5px
    }
}

@media(max-width: 575px) {
    .serviceCategories .categoriesCard img {
        padding-inline-start: 3.9px
    }
}

@media(min-width: 992px) {
    .serviceCategories .categoriesCard h3 {
        margin-bottom: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .serviceCategories .categoriesCard h3 {
        margin-bottom: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .serviceCategories .categoriesCard h3 {
        margin-bottom: 18px
    }
}

@media(max-width: 575px) {
    .serviceCategories .categoriesCard h3 {
        margin-bottom: 15.6px
    }
}

@media(min-width: 992px) {
    .serviceCategories .categoriesCard h3 {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .serviceCategories .categoriesCard h3 {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .serviceCategories .categoriesCard h3 {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .serviceCategories .categoriesCard h3 {
        font-size: 15.6px
    }
}

.serviceCategories .categoriesCard p {
    font-weight: 400;
    color: #3d3d3d
}

@media(min-width: 992px) {
    .serviceCategories .categoriesCard p {
        margin-bottom: 0vw
    }
}

@media(min-width: 1600px) {
    .serviceCategories .categoriesCard p {
        margin-bottom: 0vw
    }
}

@media(max-width: 991px) {
    .serviceCategories .categoriesCard p {
        margin-bottom: 0px
    }
}

@media(max-width: 575px) {
    .serviceCategories .categoriesCard p {
        margin-bottom: 0px
    }
}

@media(min-width: 992px) {
    .serviceCategories .categoriesCard p {
        font-size: 1.25vw
    }
}

@media(min-width: 1600px) {
    .serviceCategories .categoriesCard p {
        font-size: 1vw
    }
}

@media(max-width: 991px) {
    .serviceCategories .categoriesCard p {
        font-size: 13.5px
    }
}

@media(max-width: 575px) {
    .serviceCategories .categoriesCard p {
        font-size: 11.7px
    }
}

.serviceSliderCarousel {
    position: relative
}

.serviceSliderCarousel .recipSliderArrows {
    display: none;
    background-color: #fff;
    display: flex;
    width: max-content;
    height: max-content;
    box-shadow: rgba(0, 0, 0, .1) 0px 0px 15px 0px
}

@media(min-width: 992px) {
    .serviceSliderCarousel .recipSliderArrows {
        margin-bottom: 0vw
    }
}

@media(min-width: 1600px) {
    .serviceSliderCarousel .recipSliderArrows {
        margin-bottom: 0vw
    }
}

@media(max-width: 991px) {
    .serviceSliderCarousel .recipSliderArrows {
        margin-bottom: 0px
    }
}

@media(max-width: 575px) {
    .serviceSliderCarousel .recipSliderArrows {
        margin-bottom: 0px
    }
}

@media(min-width: 992px) {
    .serviceSliderCarousel .recipSliderArrows {
        border-radius: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .serviceSliderCarousel .recipSliderArrows {
        border-radius: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .serviceSliderCarousel .recipSliderArrows {
        border-radius: 7.5px
    }
}

@media(max-width: 575px) {
    .serviceSliderCarousel .recipSliderArrows {
        border-radius: 6.5px
    }
}

@media(min-width: 992px) {
    .serviceSliderCarousel .recipSliderArrows {
        padding: 0.3472222222vw
    }
}

@media(min-width: 1600px) {
    .serviceSliderCarousel .recipSliderArrows {
        padding: 0.2777777778vw
    }
}

@media(max-width: 991px) {
    .serviceSliderCarousel .recipSliderArrows {
        padding: 3.75px
    }
}

@media(max-width: 575px) {
    .serviceSliderCarousel .recipSliderArrows {
        padding: 3.25px
    }
}

@media(min-width: 992px) {
    .serviceSliderCarousel .recipSliderArrows {
        gap: 0.2083333333vw
    }
}

@media(min-width: 1600px) {
    .serviceSliderCarousel .recipSliderArrows {
        gap: 0.1666666667vw
    }
}

@media(max-width: 991px) {
    .serviceSliderCarousel .recipSliderArrows {
        gap: 2.25px
    }
}

@media(max-width: 575px) {
    .serviceSliderCarousel .recipSliderArrows {
        gap: 1.95px
    }
}

.serviceSliderCarousel .recipSliderArrows .recipes-button {
    transition: all .3s ease;
    color: #e4002b
}

@media(min-width: 992px) {
    .serviceSliderCarousel .recipSliderArrows .recipes-button {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .serviceSliderCarousel .recipSliderArrows .recipes-button {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .serviceSliderCarousel .recipSliderArrows .recipes-button {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .serviceSliderCarousel .recipSliderArrows .recipes-button {
        font-size: 10.4px
    }
}

@media(min-width: 992px) {
    .serviceSliderCarousel .recipSliderArrows .recipes-button {
        border-radius: 0.4861111111vw
    }
}

@media(min-width: 1600px) {
    .serviceSliderCarousel .recipSliderArrows .recipes-button {
        border-radius: 0.3888888889vw
    }
}

@media(max-width: 991px) {
    .serviceSliderCarousel .recipSliderArrows .recipes-button {
        border-radius: 5.25px
    }
}

@media(max-width: 575px) {
    .serviceSliderCarousel .recipSliderArrows .recipes-button {
        border-radius: 4.55px
    }
}

@media(min-width: 992px) {
    .serviceSliderCarousel .recipSliderArrows .recipes-button {
        padding-inline: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .serviceSliderCarousel .recipSliderArrows .recipes-button {
        padding-inline: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .serviceSliderCarousel .recipSliderArrows .recipes-button {
        padding-inline: 12px
    }
}

@media(max-width: 575px) {
    .serviceSliderCarousel .recipSliderArrows .recipes-button {
        padding-inline: 10.4px
    }
}

@media(min-width: 992px) {
    .serviceSliderCarousel .recipSliderArrows .recipes-button {
        padding-block: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .serviceSliderCarousel .recipSliderArrows .recipes-button {
        padding-block: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .serviceSliderCarousel .recipSliderArrows .recipes-button {
        padding-block: 7.5px
    }
}

@media(max-width: 575px) {
    .serviceSliderCarousel .recipSliderArrows .recipes-button {
        padding-block: 6.5px
    }
}

.serviceSliderCarousel .recipSliderArrows .recipes-button.recipes-next {
    background-color: #e4002b;
    color: #fff
}

.serviceSliderCarousel .recipSliderArrows .recipes-button:hover {
    color: #fff;
    background-color: #0b1610
}

@media(min-width: 992px) {
    .serviceSliderCarousel {
        padding-top: 5.5555555556vw
    }
}

@media(min-width: 1600px) {
    .serviceSliderCarousel {
        padding-top: 4.4444444444vw
    }
}

@media(max-width: 991px) {
    .serviceSliderCarousel {
        padding-top: 60px
    }
}

@media(max-width: 575px) {
    .serviceSliderCarousel {
        padding-top: 52px
    }
}

.serviceSliderCarousel .swiper-slide {
    height: auto
}

.serviceSliderCarousel .swiper-no-swiping {
    user-select: text;
    -webkit-user-drag: none;
    pointer-events: auto
}

.serviceSliderCarousel .carouselCard {
    display: flex;
    height: 100%;
    background-color: #e6e8f4;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden
}

@media(min-width: 992px) {
    .serviceSliderCarousel .carouselCard {
        border-radius: 0vw
    }
}

@media(min-width: 1600px) {
    .serviceSliderCarousel .carouselCard {
        border-radius: 0vw
    }
}

@media(max-width: 991px) {
    .serviceSliderCarousel .carouselCard {
        border-radius: 0px
    }
}

@media(max-width: 575px) {
    .serviceSliderCarousel .carouselCard {
        border-radius: 0px
    }
}

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

@media(min-width: 992px) {
    .serviceSliderCarousel .carouselCard .content h2 {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .serviceSliderCarousel .carouselCard .content h2 {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .serviceSliderCarousel .carouselCard .content h2 {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .serviceSliderCarousel .carouselCard .content h2 {
        font-size: 15.6px
    }
}

@media(min-width: 992px) {
    .serviceSliderCarousel .carouselCard .content h2 {
        margin-bottom: 0.2777777778vw
    }
}

@media(min-width: 1600px) {
    .serviceSliderCarousel .carouselCard .content h2 {
        margin-bottom: 0.2222222222vw
    }
}

@media(max-width: 991px) {
    .serviceSliderCarousel .carouselCard .content h2 {
        margin-bottom: 3px
    }
}

@media(max-width: 575px) {
    .serviceSliderCarousel .carouselCard .content h2 {
        margin-bottom: 2.6px
    }
}

.serviceSliderCarousel .carouselCard .content ul {
    list-style-type: none;
    position: relative
}

@media(min-width: 992px) {
    .serviceSliderCarousel .carouselCard .content ul {
        padding-inline-start: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .serviceSliderCarousel .carouselCard .content ul {
        padding-inline-start: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .serviceSliderCarousel .carouselCard .content ul {
        padding-inline-start: 30px
    }
}

@media(max-width: 575px) {
    .serviceSliderCarousel .carouselCard .content ul {
        padding-inline-start: 26px
    }
}

@media(min-width: 992px) {
    .serviceSliderCarousel .carouselCard .content ul li .section-sub-title {
        margin-bottom: 0.2777777778vw
    }
}

@media(min-width: 1600px) {
    .serviceSliderCarousel .carouselCard .content ul li .section-sub-title {
        margin-bottom: 0.2222222222vw
    }
}

@media(max-width: 991px) {
    .serviceSliderCarousel .carouselCard .content ul li .section-sub-title {
        margin-bottom: 3px
    }
}

@media(max-width: 575px) {
    .serviceSliderCarousel .carouselCard .content ul li .section-sub-title {
        margin-bottom: 2.6px
    }
}

@media(min-width: 992px) {
    .serviceSliderCarousel .carouselCard .content ul li .section-sub-title {
        margin-top: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .serviceSliderCarousel .carouselCard .content ul li .section-sub-title {
        margin-top: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .serviceSliderCarousel .carouselCard .content ul li .section-sub-title {
        margin-top: 12px
    }
}

@media(max-width: 575px) {
    .serviceSliderCarousel .carouselCard .content ul li .section-sub-title {
        margin-top: 10.4px
    }
}

@media(min-width: 992px) {
    .serviceSliderCarousel .carouselCard .content ul li .section-sub-title {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .serviceSliderCarousel .carouselCard .content ul li .section-sub-title {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .serviceSliderCarousel .carouselCard .content ul li .section-sub-title {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .serviceSliderCarousel .carouselCard .content ul li .section-sub-title {
        font-size: 15.6px
    }
}

.serviceSliderCarousel .carouselCard .content ul li .subDesc {
    font-weight: 400;
    line-height: 1.2;
    color: #3d3d3d
}

@media(min-width: 992px) {
    .serviceSliderCarousel .carouselCard .content ul li .subDesc {
        margin-bottom: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .serviceSliderCarousel .carouselCard .content ul li .subDesc {
        margin-bottom: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .serviceSliderCarousel .carouselCard .content ul li .subDesc {
        margin-bottom: 7.5px
    }
}

@media(max-width: 575px) {
    .serviceSliderCarousel .carouselCard .content ul li .subDesc {
        margin-bottom: 6.5px
    }
}

@media(min-width: 992px) {
    .serviceSliderCarousel .carouselCard .content ul li .subDesc {
        font-size: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .serviceSliderCarousel .carouselCard .content ul li .subDesc {
        font-size: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .serviceSliderCarousel .carouselCard .content ul li .subDesc {
        font-size: 11.25px
    }
}

@media(max-width: 575px) {
    .serviceSliderCarousel .carouselCard .content ul li .subDesc {
        font-size: 9.75px
    }
}

.serviceSliderCarousel .carouselCard .content ul li::before {
    content: "";
    display: block;
    background-image: url("/assets/images/card-list-item.svg");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0
}

@media(min-width: 992px) {
    .serviceSliderCarousel .carouselCard .content ul li::before {
        margin-top: 0.2777777778vw
    }
}

@media(min-width: 1600px) {
    .serviceSliderCarousel .carouselCard .content ul li::before {
        margin-top: 0.2222222222vw
    }
}

@media(max-width: 991px) {
    .serviceSliderCarousel .carouselCard .content ul li::before {
        margin-top: 3px
    }
}

@media(max-width: 575px) {
    .serviceSliderCarousel .carouselCard .content ul li::before {
        margin-top: 2.6px
    }
}

@media(min-width: 992px) {
    .serviceSliderCarousel .carouselCard .content ul li::before {
        height: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .serviceSliderCarousel .carouselCard .content ul li::before {
        height: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .serviceSliderCarousel .carouselCard .content ul li::before {
        height: 18px
    }
}

@media(max-width: 575px) {
    .serviceSliderCarousel .carouselCard .content ul li::before {
        height: 15.6px
    }
}

@media(min-width: 992px) {
    .serviceSliderCarousel .carouselCard .content ul li::before {
        width: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .serviceSliderCarousel .carouselCard .content ul li::before {
        width: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .serviceSliderCarousel .carouselCard .content ul li::before {
        width: 18px
    }
}

@media(max-width: 575px) {
    .serviceSliderCarousel .carouselCard .content ul li::before {
        width: 15.6px
    }
}

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

.serviceSliderCarousel .carouselCard .sideImg img {
    width: 100%;
    object-fit: cover
}

.serviceSliderCarousel .swiper-pagination {
    display: none
}

.serviceSliderCarousel .customServicePagination {
    display: flex
}

@media(min-width: 992px) {
    .serviceSliderCarousel .customServicePagination {
        padding-top: 5.5555555556vw
    }
}

@media(min-width: 1600px) {
    .serviceSliderCarousel .customServicePagination {
        padding-top: 4.4444444444vw
    }
}

@media(max-width: 991px) {
    .serviceSliderCarousel .customServicePagination {
        padding-top: 60px
    }
}

@media(max-width: 575px) {
    .serviceSliderCarousel .customServicePagination {
        padding-top: 52px
    }
}

@media(min-width: 992px) {
    .serviceSliderCarousel .customServicePagination {
        gap: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .serviceSliderCarousel .customServicePagination {
        gap: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .serviceSliderCarousel .customServicePagination {
        gap: 7.5px
    }
}

@media(max-width: 575px) {
    .serviceSliderCarousel .customServicePagination {
        gap: 6.5px
    }
}

.serviceSliderCarousel .customServicePagination .paginationService {
    cursor: pointer;
    width: 25%;
    display: flex;
    flex-direction: column
}

.serviceSliderCarousel .customServicePagination .paginationService h4 {
    font-weight: 400;
    color: #0b1610;
    text-wrap: nowrap;
    line-height: 1
}

@media(min-width: 992px) {
    .serviceSliderCarousel .customServicePagination .paginationService h4 {
        margin-bottom: 1.3888888889vw
    }
}

@media(min-width: 1600px) {
    .serviceSliderCarousel .customServicePagination .paginationService h4 {
        margin-bottom: 1.1111111111vw
    }
}

@media(max-width: 991px) {
    .serviceSliderCarousel .customServicePagination .paginationService h4 {
        margin-bottom: 15px
    }
}

@media(max-width: 575px) {
    .serviceSliderCarousel .customServicePagination .paginationService h4 {
        margin-bottom: 13px
    }
}

@media(min-width: 992px) {
    .serviceSliderCarousel .customServicePagination .paginationService h4 {
        font-size: 1.25vw
    }
}

@media(min-width: 1600px) {
    .serviceSliderCarousel .customServicePagination .paginationService h4 {
        font-size: 1vw
    }
}

@media(max-width: 991px) {
    .serviceSliderCarousel .customServicePagination .paginationService h4 {
        font-size: 13.5px
    }
}

@media(max-width: 575px) {
    .serviceSliderCarousel .customServicePagination .paginationService h4 {
        font-size: 11.7px
    }
}

.serviceSliderCarousel .customServicePagination .paginationService .progress-bar {
    width: 100%;
    position: relative
}

.serviceSliderCarousel .customServicePagination .paginationService .progress-bar .progress {
    width: 100%;
    height: 5px;
    background-color: #0b1610
}

@media(min-width: 992px) {
    .serviceSliderCarousel .customServicePagination .paginationService .progress-bar .progress {
        border-radius: 0.2777777778vw
    }
}

@media(min-width: 1600px) {
    .serviceSliderCarousel .customServicePagination .paginationService .progress-bar .progress {
        border-radius: 0.2222222222vw
    }
}

@media(max-width: 991px) {
    .serviceSliderCarousel .customServicePagination .paginationService .progress-bar .progress {
        border-radius: 3px
    }
}

@media(max-width: 575px) {
    .serviceSliderCarousel .customServicePagination .paginationService .progress-bar .progress {
        border-radius: 2.6px
    }
}

.serviceSliderCarousel .customServicePagination .paginationService.active h4 {
    color: #e4002b;
    font-weight: 800
}

.serviceSliderCarousel .customServicePagination .paginationService.active .progress-bar .progress .active {
    background-color: #e4002b;
    height: 5px;
    width: 100%;
    animation-name: countingBar;
    animation-duration: 3.8s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-fill-mode: forwards
}

@media(min-width: 992px) {
    .serviceSliderCarousel .customServicePagination .paginationService.active .progress-bar .progress .active {
        border-radius: 0.2777777778vw
    }
}

@media(min-width: 1600px) {
    .serviceSliderCarousel .customServicePagination .paginationService.active .progress-bar .progress .active {
        border-radius: 0.2222222222vw
    }
}

@media(max-width: 991px) {
    .serviceSliderCarousel .customServicePagination .paginationService.active .progress-bar .progress .active {
        border-radius: 3px
    }
}

@media(max-width: 575px) {
    .serviceSliderCarousel .customServicePagination .paginationService.active .progress-bar .progress .active {
        border-radius: 2.6px
    }
}

.serviceSliderCarousel .serviceCarousel:hover .customServicePagination .paginationService.active .progress-bar .progress .active {
    animation-play-state: paused
}

.ServiceTestimonials {
    background-color: #e6e8f4
}

@media(min-width: 992px) {
    .ServiceTestimonials {
        padding-block: 3.8194444444vw
    }
}

@media(min-width: 1600px) {
    .ServiceTestimonials {
        padding-block: 3.0555555556vw
    }
}

@media(max-width: 991px) {
    .ServiceTestimonials {
        padding-block: 41.25px
    }
}

@media(max-width: 575px) {
    .ServiceTestimonials {
        padding-block: 35.75px
    }
}

.ServiceTestimonials .carouselCard {
    display: flex;
    height: 100%;
    overflow: hidden
}

@media(min-width: 992px) {
    .ServiceTestimonials .carouselCard {
        border-radius: 0vw
    }
}

@media(min-width: 1600px) {
    .ServiceTestimonials .carouselCard {
        border-radius: 0vw
    }
}

@media(max-width: 991px) {
    .ServiceTestimonials .carouselCard {
        border-radius: 0px
    }
}

@media(max-width: 575px) {
    .ServiceTestimonials .carouselCard {
        border-radius: 0px
    }
}

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

@media(min-width: 992px) {
    .ServiceTestimonials .carouselCard .content h2 {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .ServiceTestimonials .carouselCard .content h2 {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .ServiceTestimonials .carouselCard .content h2 {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .ServiceTestimonials .carouselCard .content h2 {
        font-size: 15.6px
    }
}

@media(min-width: 992px) {
    .ServiceTestimonials .carouselCard .content h2 {
        margin-bottom: 0.2777777778vw
    }
}

@media(min-width: 1600px) {
    .ServiceTestimonials .carouselCard .content h2 {
        margin-bottom: 0.2222222222vw
    }
}

@media(max-width: 991px) {
    .ServiceTestimonials .carouselCard .content h2 {
        margin-bottom: 3px
    }
}

@media(max-width: 575px) {
    .ServiceTestimonials .carouselCard .content h2 {
        margin-bottom: 2.6px
    }
}

.ServiceTestimonials .carouselCard .content ul {
    list-style-type: none;
    position: relative
}

@media(min-width: 992px) {
    .ServiceTestimonials .carouselCard .content ul {
        padding-inline-start: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .ServiceTestimonials .carouselCard .content ul {
        padding-inline-start: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .ServiceTestimonials .carouselCard .content ul {
        padding-inline-start: 30px
    }
}

@media(max-width: 575px) {
    .ServiceTestimonials .carouselCard .content ul {
        padding-inline-start: 26px
    }
}

@media(min-width: 992px) {
    .ServiceTestimonials .carouselCard .content ul li .section-sub-title {
        margin-bottom: 0.2777777778vw
    }
}

@media(min-width: 1600px) {
    .ServiceTestimonials .carouselCard .content ul li .section-sub-title {
        margin-bottom: 0.2222222222vw
    }
}

@media(max-width: 991px) {
    .ServiceTestimonials .carouselCard .content ul li .section-sub-title {
        margin-bottom: 3px
    }
}

@media(max-width: 575px) {
    .ServiceTestimonials .carouselCard .content ul li .section-sub-title {
        margin-bottom: 2.6px
    }
}

@media(min-width: 992px) {
    .ServiceTestimonials .carouselCard .content ul li .section-sub-title {
        margin-top: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .ServiceTestimonials .carouselCard .content ul li .section-sub-title {
        margin-top: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .ServiceTestimonials .carouselCard .content ul li .section-sub-title {
        margin-top: 12px
    }
}

@media(max-width: 575px) {
    .ServiceTestimonials .carouselCard .content ul li .section-sub-title {
        margin-top: 10.4px
    }
}

@media(min-width: 992px) {
    .ServiceTestimonials .carouselCard .content ul li .section-sub-title {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .ServiceTestimonials .carouselCard .content ul li .section-sub-title {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .ServiceTestimonials .carouselCard .content ul li .section-sub-title {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .ServiceTestimonials .carouselCard .content ul li .section-sub-title {
        font-size: 15.6px
    }
}

.ServiceTestimonials .carouselCard .content ul li .subDesc {
    font-weight: 400;
    line-height: 1.2;
    color: #3d3d3d
}

@media(min-width: 992px) {
    .ServiceTestimonials .carouselCard .content ul li .subDesc {
        margin-bottom: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .ServiceTestimonials .carouselCard .content ul li .subDesc {
        margin-bottom: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .ServiceTestimonials .carouselCard .content ul li .subDesc {
        margin-bottom: 7.5px
    }
}

@media(max-width: 575px) {
    .ServiceTestimonials .carouselCard .content ul li .subDesc {
        margin-bottom: 6.5px
    }
}

@media(min-width: 992px) {
    .ServiceTestimonials .carouselCard .content ul li .subDesc {
        font-size: 1.0416666667vw
    }
}

@media(min-width: 1600px) {
    .ServiceTestimonials .carouselCard .content ul li .subDesc {
        font-size: 0.8333333333vw
    }
}

@media(max-width: 991px) {
    .ServiceTestimonials .carouselCard .content ul li .subDesc {
        font-size: 11.25px
    }
}

@media(max-width: 575px) {
    .ServiceTestimonials .carouselCard .content ul li .subDesc {
        font-size: 9.75px
    }
}

.ServiceTestimonials .carouselCard .content ul li::before {
    content: "";
    display: block;
    background-image: url("/assets/images/card-list-item.svg");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0
}

@media(min-width: 992px) {
    .ServiceTestimonials .carouselCard .content ul li::before {
        margin-top: 0.2777777778vw
    }
}

@media(min-width: 1600px) {
    .ServiceTestimonials .carouselCard .content ul li::before {
        margin-top: 0.2222222222vw
    }
}

@media(max-width: 991px) {
    .ServiceTestimonials .carouselCard .content ul li::before {
        margin-top: 3px
    }
}

@media(max-width: 575px) {
    .ServiceTestimonials .carouselCard .content ul li::before {
        margin-top: 2.6px
    }
}

@media(min-width: 992px) {
    .ServiceTestimonials .carouselCard .content ul li::before {
        height: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .ServiceTestimonials .carouselCard .content ul li::before {
        height: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .ServiceTestimonials .carouselCard .content ul li::before {
        height: 18px
    }
}

@media(max-width: 575px) {
    .ServiceTestimonials .carouselCard .content ul li::before {
        height: 15.6px
    }
}

@media(min-width: 992px) {
    .ServiceTestimonials .carouselCard .content ul li::before {
        width: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .ServiceTestimonials .carouselCard .content ul li::before {
        width: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .ServiceTestimonials .carouselCard .content ul li::before {
        width: 18px
    }
}

@media(max-width: 575px) {
    .ServiceTestimonials .carouselCard .content ul li::before {
        width: 15.6px
    }
}

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

.ServiceTestimonials .carouselCard .sideImg img {
    width: 100%;
    object-fit: cover
}

.ServiceTestimonials .sideImg {
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.ServiceTestimonials .recipSliderArrows {
    background-color: #fff;
    display: flex;
    z-index: 100;
    position: relative;
    width: max-content;
    height: max-content;
    box-shadow: rgba(0, 0, 0, .1) 0px 0px 15px 0px
}

@media(min-width: 992px) {
    .ServiceTestimonials .recipSliderArrows {
        margin-bottom: 4.4444444444vw
    }
}

@media(min-width: 1600px) {
    .ServiceTestimonials .recipSliderArrows {
        margin-bottom: 3.5555555556vw
    }
}

@media(max-width: 991px) {
    .ServiceTestimonials .recipSliderArrows {
        margin-bottom: 48px
    }
}

@media(max-width: 575px) {
    .ServiceTestimonials .recipSliderArrows {
        margin-bottom: 41.6px
    }
}

@media(min-width: 992px) {
    .ServiceTestimonials .recipSliderArrows {
        border-radius: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .ServiceTestimonials .recipSliderArrows {
        border-radius: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .ServiceTestimonials .recipSliderArrows {
        border-radius: 7.5px
    }
}

@media(max-width: 575px) {
    .ServiceTestimonials .recipSliderArrows {
        border-radius: 6.5px
    }
}

@media(min-width: 992px) {
    .ServiceTestimonials .recipSliderArrows {
        padding: 0.3472222222vw
    }
}

@media(min-width: 1600px) {
    .ServiceTestimonials .recipSliderArrows {
        padding: 0.2777777778vw
    }
}

@media(max-width: 991px) {
    .ServiceTestimonials .recipSliderArrows {
        padding: 3.75px
    }
}

@media(max-width: 575px) {
    .ServiceTestimonials .recipSliderArrows {
        padding: 3.25px
    }
}

@media(min-width: 992px) {
    .ServiceTestimonials .recipSliderArrows {
        gap: 0.2083333333vw
    }
}

@media(min-width: 1600px) {
    .ServiceTestimonials .recipSliderArrows {
        gap: 0.1666666667vw
    }
}

@media(max-width: 991px) {
    .ServiceTestimonials .recipSliderArrows {
        gap: 2.25px
    }
}

@media(max-width: 575px) {
    .ServiceTestimonials .recipSliderArrows {
        gap: 1.95px
    }
}

.ServiceTestimonials .recipSliderArrows .recipes-button {
    transition: all .3s ease;
    color: #e4002b
}

@media(min-width: 992px) {
    .ServiceTestimonials .recipSliderArrows .recipes-button {
        font-size: 0.8333333333vw
    }
}

@media(min-width: 1600px) {
    .ServiceTestimonials .recipSliderArrows .recipes-button {
        font-size: 0.6666666667vw
    }
}

@media(max-width: 991px) {
    .ServiceTestimonials .recipSliderArrows .recipes-button {
        font-size: 9px
    }
}

@media(max-width: 575px) {
    .ServiceTestimonials .recipSliderArrows .recipes-button {
        font-size: 7.8px
    }
}

@media(min-width: 992px) {
    .ServiceTestimonials .recipSliderArrows .recipes-button {
        border-radius: 0.4861111111vw
    }
}

@media(min-width: 1600px) {
    .ServiceTestimonials .recipSliderArrows .recipes-button {
        border-radius: 0.3888888889vw
    }
}

@media(max-width: 991px) {
    .ServiceTestimonials .recipSliderArrows .recipes-button {
        border-radius: 5.25px
    }
}

@media(max-width: 575px) {
    .ServiceTestimonials .recipSliderArrows .recipes-button {
        border-radius: 4.55px
    }
}

@media(min-width: 992px) {
    .ServiceTestimonials .recipSliderArrows .recipes-button {
        padding-inline: 0.9722222222vw
    }
}

@media(min-width: 1600px) {
    .ServiceTestimonials .recipSliderArrows .recipes-button {
        padding-inline: 0.7777777778vw
    }
}

@media(max-width: 991px) {
    .ServiceTestimonials .recipSliderArrows .recipes-button {
        padding-inline: 10.5px
    }
}

@media(max-width: 575px) {
    .ServiceTestimonials .recipSliderArrows .recipes-button {
        padding-inline: 9.1px
    }
}

@media(min-width: 992px) {
    .ServiceTestimonials .recipSliderArrows .recipes-button {
        padding-block: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .ServiceTestimonials .recipSliderArrows .recipes-button {
        padding-block: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .ServiceTestimonials .recipSliderArrows .recipes-button {
        padding-block: 6px
    }
}

@media(max-width: 575px) {
    .ServiceTestimonials .recipSliderArrows .recipes-button {
        padding-block: 5.2px
    }
}

.ServiceTestimonials .recipSliderArrows .recipes-button.recipes-next {
    background-color: #e4002b;
    color: #fff
}

.ServiceTestimonials .recipSliderArrows .recipes-button:hover {
    color: #fff;
    background-color: #0b1610
}

@keyframes countingBar {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@media(max-width: 991px) {
    .serviceSliderCarousel .swiper-pagination {
        display: block
    }

    .serviceSliderCarousel .swiper-pagination-bullets.swiper-pagination-horizontal {
        top: unset !important
    }
}

@media(max-width: 991px)and (min-width: 992px) {
    .serviceSliderCarousel .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 1.3888888889vw
    }
}

@media(max-width: 991px)and (min-width: 1600px) {
    .serviceSliderCarousel .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 1.1111111111vw
    }
}

@media(max-width: 991px)and (max-width: 991px) {
    .serviceSliderCarousel .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 15px
    }
}

@media(max-width: 991px)and (max-width: 575px) {
    .serviceSliderCarousel .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 13px
    }
}

@media(max-width: 991px) {
    .serviceSliderCarousel .swiper-pagination-bullet {
        background-color: #e4002b;
        transition: all .4s ease
    }
}

@media(max-width: 991px)and (min-width: 992px) {
    .serviceSliderCarousel .swiper-pagination-bullet {
        width: 0.6944444444vw
    }
}

@media(max-width: 991px)and (min-width: 1600px) {
    .serviceSliderCarousel .swiper-pagination-bullet {
        width: 0.5555555556vw
    }
}

@media(max-width: 991px)and (max-width: 991px) {
    .serviceSliderCarousel .swiper-pagination-bullet {
        width: 7.5px
    }
}

@media(max-width: 991px)and (max-width: 575px) {
    .serviceSliderCarousel .swiper-pagination-bullet {
        width: 6.5px
    }
}

@media(max-width: 991px)and (min-width: 992px) {
    .serviceSliderCarousel .swiper-pagination-bullet {
        height: 0.6944444444vw
    }
}

@media(max-width: 991px)and (min-width: 1600px) {
    .serviceSliderCarousel .swiper-pagination-bullet {
        height: 0.5555555556vw
    }
}

@media(max-width: 991px)and (max-width: 991px) {
    .serviceSliderCarousel .swiper-pagination-bullet {
        height: 7.5px
    }
}

@media(max-width: 991px)and (max-width: 575px) {
    .serviceSliderCarousel .swiper-pagination-bullet {
        height: 6.5px
    }
}

@media(max-width: 991px) {
    .serviceSliderCarousel .swiper-pagination-bullet-active {
        background-color: #e4002b
    }
}

@media(max-width: 991px)and (min-width: 992px) {
    .serviceSliderCarousel .swiper-pagination-bullet-active {
        width: 1.3888888889vw
    }
}

@media(max-width: 991px)and (min-width: 1600px) {
    .serviceSliderCarousel .swiper-pagination-bullet-active {
        width: 1.1111111111vw
    }
}

@media(max-width: 991px)and (max-width: 991px) {
    .serviceSliderCarousel .swiper-pagination-bullet-active {
        width: 15px
    }
}

@media(max-width: 991px)and (max-width: 575px) {
    .serviceSliderCarousel .swiper-pagination-bullet-active {
        width: 13px
    }
}

@media(max-width: 991px)and (min-width: 992px) {
    .serviceSliderCarousel .swiper-pagination-bullet-active {
        border-radius: 0.3472222222vw
    }
}

@media(max-width: 991px)and (min-width: 1600px) {
    .serviceSliderCarousel .swiper-pagination-bullet-active {
        border-radius: 0.2777777778vw
    }
}

@media(max-width: 991px)and (max-width: 991px) {
    .serviceSliderCarousel .swiper-pagination-bullet-active {
        border-radius: 3.75px
    }
}

@media(max-width: 991px)and (max-width: 575px) {
    .serviceSliderCarousel .swiper-pagination-bullet-active {
        border-radius: 3.25px
    }
}

@media(max-width: 991px) {
    .serviceSliderCarousel .carouselCard {
        justify-content: start;
        flex-direction: column
    }

    .serviceSliderCarousel .carouselCard .content {
        padding-inline: 30px
    }

    .serviceBanner .breadcrumb-golden {
        top: 30px
    }

    .serviceCategories .categoriesCard img {
        width: 48px;
        height: 48px
    }
}

@media(max-width: 767px) {
    .serviceSliderCarousel .carouselCard {
        padding-block: 16px;
        flex-direction: column-reverse;
        border-radius: 16px
    }

    .serviceSliderCarousel .carouselCard .content {
        width: 100%;
        padding: 0px
    }

    .serviceSliderCarousel .carouselCard .content h2 {
        display: none
    }

    .serviceSliderCarousel .carouselCard .sideImg {
        display: none;
        width: 100%;
        padding: 20px 20px 0 20px
    }

    .serviceSliderCarousel .carouselCard .sideImg img {
        border-radius: 16px
    }

    .serviceSliderCarousel .customServicePagination {
        justify-content: space-between
    }

    .serviceSliderCarousel .customServicePagination .paginationService {
        display: none
    }

    .serviceSliderCarousel .customServicePagination .paginationService.active {
        display: flex;
        width: 185px
    }

    .serviceSliderCarousel .customServicePagination .paginationService.active h4 {
        font-size: 14px;
        font-weight: 600
    }

    .serviceBanner {
        height: 40vh
    }

    .serviceBanner .bgImage {
        height: 100%
    }

    .serviceBanner .content {
        width: 80%
    }
}

[lang=ar] .serviceSliderCarousel .carouselCard .content ul li::before,
[lang=ar] .ServiceTestimonials .carouselCard .content ul li::before {
    left: unset;
    right: 0
}

.searchBarWrap .searchBtn {
    background-color: rgba(0, 0, 0, 0);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: none
}

@media(min-width: 992px) {
    .searchBarWrap .searchBtn {
        width: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .searchBarWrap .searchBtn {
        width: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .searchBarWrap .searchBtn {
        width: 22.5px
    }
}

@media(max-width: 575px) {
    .searchBarWrap .searchBtn {
        width: 19.5px
    }
}

@media(min-width: 992px) {
    .searchBarWrap .searchBtn {
        height: 2.0833333333vw
    }
}

@media(min-width: 1600px) {
    .searchBarWrap .searchBtn {
        height: 1.6666666667vw
    }
}

@media(max-width: 991px) {
    .searchBarWrap .searchBtn {
        height: 22.5px
    }
}

@media(max-width: 575px) {
    .searchBarWrap .searchBtn {
        height: 19.5px
    }
}

.searchBarWrap .searchBtn i {
    transition: all .3s ease-in-out;
    color: #fff
}

@media(min-width: 992px) {
    .searchBarWrap .searchBtn i {
        font-size: 1.25vw
    }
}

@media(min-width: 1600px) {
    .searchBarWrap .searchBtn i {
        font-size: 1vw
    }
}

@media(max-width: 991px) {
    .searchBarWrap .searchBtn i {
        font-size: 13.5px
    }
}

@media(max-width: 575px) {
    .searchBarWrap .searchBtn i {
        font-size: 11.7px
    }
}

.searchBarWrap .searchBtn.searchOpen:has(.fa-times) {
    z-index: 2505;
    right: 0;
    position: absolute;
    transform: scale(1.05);
    transition: all .3s ease;
    cursor: pointer;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .1)
}

@media(min-width: 992px) {
    .searchBarWrap .searchBtn.searchOpen:has(.fa-times) {
        top: 2.2222222222vw
    }
}

@media(min-width: 1600px) {
    .searchBarWrap .searchBtn.searchOpen:has(.fa-times) {
        top: 1.7777777778vw
    }
}

@media(max-width: 991px) {
    .searchBarWrap .searchBtn.searchOpen:has(.fa-times) {
        top: 24px
    }
}

@media(max-width: 575px) {
    .searchBarWrap .searchBtn.searchOpen:has(.fa-times) {
        top: 20.8px
    }
}

@media(min-width: 992px) {
    .searchBarWrap .searchBtn.searchOpen:has(.fa-times) {
        right: 2.5vw
    }
}

@media(min-width: 1600px) {
    .searchBarWrap .searchBtn.searchOpen:has(.fa-times) {
        right: 2vw
    }
}

@media(max-width: 991px) {
    .searchBarWrap .searchBtn.searchOpen:has(.fa-times) {
        right: 27px
    }
}

@media(max-width: 575px) {
    .searchBarWrap .searchBtn.searchOpen:has(.fa-times) {
        right: 23.4px
    }
}

.searchBarWrap .searchBtn.searchOpen:has(.fa-times) i {
    color: #0b1610
}

@media(min-width: 992px) {
    .searchBarWrap .searchBtn.searchOpen:has(.fa-times) i {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .searchBarWrap .searchBtn.searchOpen:has(.fa-times) i {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .searchBarWrap .searchBtn.searchOpen:has(.fa-times) i {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .searchBarWrap .searchBtn.searchOpen:has(.fa-times) i {
        font-size: 15.6px
    }
}

.searchBarWrap .searchBtn:hover {
    transform: scale(1.05);
    transition: all .3s ease
}

.searchBarWrap .searchBox {
    box-shadow: 0 4px 30px rgba(0, 0, 0, .3);
    overflow: hidden;
    height: 70vh;
    position: absolute;
    top: 0;
    z-index: 2500;
    width: 100%;
    left: 0;
    transform-origin: center top;
    transition-delay: 100ms;
    transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    right: 0;
    transform: translateY(-100%);
    pointer-events: none;
    background-color: #fff;
    text-align: center
}

@media(min-width: 992px) {
    .searchBarWrap .searchBox {
        padding-bottom: 4.3055555556vw
    }
}

@media(min-width: 1600px) {
    .searchBarWrap .searchBox {
        padding-bottom: 3.4444444444vw
    }
}

@media(max-width: 991px) {
    .searchBarWrap .searchBox {
        padding-bottom: 46.5px
    }
}

@media(max-width: 575px) {
    .searchBarWrap .searchBox {
        padding-bottom: 40.3px
    }
}

.searchBarWrap .searchBox.active {
    pointer-events: auto;
    transform: translateY(0%);
    transition-delay: 100ms;
    transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    transform-origin: top center
}

.searchBarWrap .searchBox .searchTitle {
    text-align: center;
    color: #0b1610;
    font-weight: 700
}

@media(min-width: 992px) {
    .searchBarWrap .searchBox .searchTitle {
        font-size: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .searchBarWrap .searchBox .searchTitle {
        font-size: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .searchBarWrap .searchBox .searchTitle {
        font-size: 30px
    }
}

@media(max-width: 575px) {
    .searchBarWrap .searchBox .searchTitle {
        font-size: 26px
    }
}

@media(min-width: 992px) {
    .searchBarWrap .searchBox .searchTitle {
        margin-top: 2.2222222222vw
    }
}

@media(min-width: 1600px) {
    .searchBarWrap .searchBox .searchTitle {
        margin-top: 1.7777777778vw
    }
}

@media(max-width: 991px) {
    .searchBarWrap .searchBox .searchTitle {
        margin-top: 24px
    }
}

@media(max-width: 575px) {
    .searchBarWrap .searchBox .searchTitle {
        margin-top: 20.8px
    }
}

@media(min-width: 992px) {
    .searchBarWrap .searchBox .searchTitle {
        margin-bottom: 4.1666666667vw
    }
}

@media(min-width: 1600px) {
    .searchBarWrap .searchBox .searchTitle {
        margin-bottom: 3.3333333333vw
    }
}

@media(max-width: 991px) {
    .searchBarWrap .searchBox .searchTitle {
        margin-bottom: 45px
    }
}

@media(max-width: 575px) {
    .searchBarWrap .searchBox .searchTitle {
        margin-bottom: 39px
    }
}

.searchBarWrap .searchBox .inputWrap {
    transition: all .4s ease-in-out;
    z-index: 2501;
    position: relative;
    width: 60%;
    display: flex;
    justify-content: space-between;
    margin-inline: auto;
    border-bottom: 1px solid #d6d6d6
}

@media(min-width: 992px) {
    .searchBarWrap .searchBox .inputWrap {
        padding-bottom: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .searchBarWrap .searchBox .inputWrap {
        padding-bottom: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .searchBarWrap .searchBox .inputWrap {
        padding-bottom: 7.5px
    }
}

@media(max-width: 575px) {
    .searchBarWrap .searchBox .inputWrap {
        padding-bottom: 6.5px
    }
}

.searchBarWrap .searchBox .inputWrap input {
    border: none;
    width: 90%;
    color: #464646;
    font-weight: 400;
    padding-inline: 10px;
    visibility: visible
}

@media(min-width: 992px) {
    .searchBarWrap .searchBox .inputWrap input {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .searchBarWrap .searchBox .inputWrap input {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .searchBarWrap .searchBox .inputWrap input {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .searchBarWrap .searchBox .inputWrap input {
        font-size: 10.4px
    }
}

.searchBarWrap .searchBox .inputWrap input::placeholder {
    color: #afafaf !important
}

.searchBarWrap .searchBox .inputWrap i {
    color: #0b1610;
    cursor: pointer;
    align-content: center
}

@media(min-width: 992px) {
    .searchBarWrap .searchBox .inputWrap i {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .searchBarWrap .searchBox .inputWrap i {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .searchBarWrap .searchBox .inputWrap i {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .searchBarWrap .searchBox .inputWrap i {
        font-size: 15.6px
    }
}

.searchBarWrap .searchBox .inputWrap.active {
    width: 100%
}

.searchBarWrap .searchBox .inputWrap.active i {
    color: #0b1610
}

.searchBarWrap .searchBox .searchResults {
    width: 60%;
    margin-inline: auto;
    overflow-y: auto;
    height: 35vh
}

@media(min-width: 992px) {
    .searchBarWrap .searchBox .searchResults {
        margin-top: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .searchBarWrap .searchBox .searchResults {
        margin-top: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .searchBarWrap .searchBox .searchResults {
        margin-top: 7.5px
    }
}

@media(max-width: 575px) {
    .searchBarWrap .searchBox .searchResults {
        margin-top: 6.5px
    }
}

.searchBarWrap .searchBox .searchResults .tagHeading {
    text-align: end;
    background-color: #c6cbea;
    color: #737373;
    text-transform: uppercase
}

@media(min-width: 992px) {
    .searchBarWrap .searchBox .searchResults .tagHeading {
        margin-top: 0.4166666667vw
    }
}

@media(min-width: 1600px) {
    .searchBarWrap .searchBox .searchResults .tagHeading {
        margin-top: 0.3333333333vw
    }
}

@media(max-width: 991px) {
    .searchBarWrap .searchBox .searchResults .tagHeading {
        margin-top: 4.5px
    }
}

@media(max-width: 575px) {
    .searchBarWrap .searchBox .searchResults .tagHeading {
        margin-top: 3.9px
    }
}

@media(min-width: 992px) {
    .searchBarWrap .searchBox .searchResults .tagHeading {
        margin-bottom: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .searchBarWrap .searchBox .searchResults .tagHeading {
        margin-bottom: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .searchBarWrap .searchBox .searchResults .tagHeading {
        margin-bottom: 7.5px
    }
}

@media(max-width: 575px) {
    .searchBarWrap .searchBox .searchResults .tagHeading {
        margin-bottom: 6.5px
    }
}

@media(min-width: 992px) {
    .searchBarWrap .searchBox .searchResults .tagHeading {
        padding-inline: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .searchBarWrap .searchBox .searchResults .tagHeading {
        padding-inline: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .searchBarWrap .searchBox .searchResults .tagHeading {
        padding-inline: 7.5px
    }
}

@media(max-width: 575px) {
    .searchBarWrap .searchBox .searchResults .tagHeading {
        padding-inline: 6.5px
    }
}

@media(min-width: 992px) {
    .searchBarWrap .searchBox .searchResults .tagHeading {
        padding-block: 0.2777777778vw
    }
}

@media(min-width: 1600px) {
    .searchBarWrap .searchBox .searchResults .tagHeading {
        padding-block: 0.2222222222vw
    }
}

@media(max-width: 991px) {
    .searchBarWrap .searchBox .searchResults .tagHeading {
        padding-block: 3px
    }
}

@media(max-width: 575px) {
    .searchBarWrap .searchBox .searchResults .tagHeading {
        padding-block: 2.6px
    }
}

@media(min-width: 992px) {
    .searchBarWrap .searchBox .searchResults .tagHeading {
        font-size: 0.8333333333vw
    }
}

@media(min-width: 1600px) {
    .searchBarWrap .searchBox .searchResults .tagHeading {
        font-size: 0.6666666667vw
    }
}

@media(max-width: 991px) {
    .searchBarWrap .searchBox .searchResults .tagHeading {
        font-size: 9px
    }
}

@media(max-width: 575px) {
    .searchBarWrap .searchBox .searchResults .tagHeading {
        font-size: 7.8px
    }
}

.searchBarWrap .searchBox .searchResults ul {
    list-style: none;
    padding-inline: 0
}

.searchBarWrap .searchBox .searchResults ul li {
    color: #464646;
    font-weight: 400
}

@media(min-width: 992px) {
    .searchBarWrap .searchBox .searchResults ul li {
        padding-block: 0.3472222222vw
    }
}

@media(min-width: 1600px) {
    .searchBarWrap .searchBox .searchResults ul li {
        padding-block: 0.2777777778vw
    }
}

@media(max-width: 991px) {
    .searchBarWrap .searchBox .searchResults ul li {
        padding-block: 3.75px
    }
}

@media(max-width: 575px) {
    .searchBarWrap .searchBox .searchResults ul li {
        padding-block: 3.25px
    }
}

@media(min-width: 992px) {
    .searchBarWrap .searchBox .searchResults ul li {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .searchBarWrap .searchBox .searchResults ul li {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .searchBarWrap .searchBox .searchResults ul li {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .searchBarWrap .searchBox .searchResults ul li {
        font-size: 10.4px
    }
}

.searchBarWrap .searchBox .searchResults ul li span {
    font-weight: 700
}

.searchBarWrap .searchBox .searchResults ul li:hover {
    color: #0b1610;
    background-color: #f9f9f9
}

.searchBarWrap .searchBox .searchResults ul.pages li {
    display: flex;
    align-items: center
}

@media(min-width: 992px) {
    .searchBarWrap .searchBox .searchResults ul.pages li {
        gap: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .searchBarWrap .searchBox .searchResults ul.pages li {
        gap: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .searchBarWrap .searchBox .searchResults ul.pages li {
        gap: 6px
    }
}

@media(max-width: 575px) {
    .searchBarWrap .searchBox .searchResults ul.pages li {
        gap: 5.2px
    }
}

.searchBarWrap .searchBox .searchResults ul.pages li span {
    font-weight: 400;
    margin: 0
}

.searchBarWrap .searchBox .searchResults ul.pages li i {
    background-color: #a1a2ab;
    color: #000;
    padding: 6px 12px;
    border-radius: 50%
}

.searchBarWrap .searchBox .searchResults ul.products {
    display: flex;
    flex-wrap: wrap
}

.searchBarWrap .searchBox .searchResults ul.products li {
    width: 25%;
    display: flex;
    flex-direction: column;
    padding-inline: 42px;
    padding-block: 8px
}

.searchBarWrap .searchBox .searchResults ul.products li img {
    width: 50px;
    height: 40px;
    object-fit: cover;
    margin-bottom: 6px
}

.searchBarWrap .searchBox .searchResults ul.products li h4 {
    color: #0b1610;
    font-weight: 500;
    margin-bottom: 6px
}

@media(min-width: 992px) {
    .searchBarWrap .searchBox .searchResults ul.products li h4 {
        font-size: 0.9722222222vw
    }
}

@media(min-width: 1600px) {
    .searchBarWrap .searchBox .searchResults ul.products li h4 {
        font-size: 0.7777777778vw
    }
}

@media(max-width: 991px) {
    .searchBarWrap .searchBox .searchResults ul.products li h4 {
        font-size: 10.5px
    }
}

@media(max-width: 575px) {
    .searchBarWrap .searchBox .searchResults ul.products li h4 {
        font-size: 9.1px
    }
}

.searchBarWrap .searchBox .searchResults ul.products li p {
    color: #e4002b;
    font-weight: 400;
    margin: 0
}

@media(min-width: 992px) {
    .searchBarWrap .searchBox .searchResults ul.products li p {
        font-size: 0.8333333333vw
    }
}

@media(min-width: 1600px) {
    .searchBarWrap .searchBox .searchResults ul.products li p {
        font-size: 0.6666666667vw
    }
}

@media(max-width: 991px) {
    .searchBarWrap .searchBox .searchResults ul.products li p {
        font-size: 9px
    }
}

@media(max-width: 575px) {
    .searchBarWrap .searchBox .searchResults ul.products li p {
        font-size: 7.8px
    }
}

.searchBg {
    background: rgba(0, 0, 15, .3);
    border-radius: 16px;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 2090;
    display: block;
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 0
}

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

@media(min-width: 992px) {
    .searchSection {
        margin-top: 10.5555555556vw
    }
}

@media(min-width: 1600px) {
    .searchSection {
        margin-top: 8.4444444444vw
    }
}

@media(max-width: 991px) {
    .searchSection {
        margin-top: 114px
    }
}

@media(max-width: 575px) {
    .searchSection {
        margin-top: 98.8px
    }
}

@media(min-width: 992px) {
    .searchSection {
        margin-bottom: 2.2222222222vw
    }
}

@media(min-width: 1600px) {
    .searchSection {
        margin-bottom: 1.7777777778vw
    }
}

@media(max-width: 991px) {
    .searchSection {
        margin-bottom: 24px
    }
}

@media(max-width: 575px) {
    .searchSection {
        margin-bottom: 20.8px
    }
}

.searchSection h1 {
    text-align: center
}

@media(min-width: 992px) {
    .searchSection h1 {
        font-size: 3.125vw
    }
}

@media(min-width: 1600px) {
    .searchSection h1 {
        font-size: 2.5vw
    }
}

@media(max-width: 991px) {
    .searchSection h1 {
        font-size: 33.75px
    }
}

@media(max-width: 575px) {
    .searchSection h1 {
        font-size: 29.25px
    }
}

@media(min-width: 992px) {
    .searchSection h1 {
        margin-bottom: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .searchSection h1 {
        margin-bottom: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .searchSection h1 {
        margin-bottom: 12px
    }
}

@media(max-width: 575px) {
    .searchSection h1 {
        margin-bottom: 10.4px
    }
}

.searchSection #SearchList {
    list-style: none;
    padding-inline: 0;
    display: flex;
    border-bottom: .5px solid rgba(0, 22, 137, .5)
}

@media(min-width: 992px) {
    .searchSection #SearchList {
        gap: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .searchSection #SearchList {
        gap: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .searchSection #SearchList {
        gap: 18px
    }
}

@media(max-width: 575px) {
    .searchSection #SearchList {
        gap: 15.6px
    }
}

.searchSection #SearchList li {
    font-weight: 400;
    color: #0b1610;
    cursor: pointer
}

@media(min-width: 992px) {
    .searchSection #SearchList li {
        padding-block: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .searchSection #SearchList li {
        padding-block: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .searchSection #SearchList li {
        padding-block: 7.5px
    }
}

@media(max-width: 575px) {
    .searchSection #SearchList li {
        padding-block: 6.5px
    }
}

@media(min-width: 992px) {
    .searchSection #SearchList li {
        padding-inline-end: 0.5555555556vw
    }
}

@media(min-width: 1600px) {
    .searchSection #SearchList li {
        padding-inline-end: 0.4444444444vw
    }
}

@media(max-width: 991px) {
    .searchSection #SearchList li {
        padding-inline-end: 6px
    }
}

@media(max-width: 575px) {
    .searchSection #SearchList li {
        padding-inline-end: 5.2px
    }
}

@media(min-width: 992px) {
    .searchSection #SearchList li {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .searchSection #SearchList li {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .searchSection #SearchList li {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .searchSection #SearchList li {
        font-size: 10.4px
    }
}

.searchSection #SearchList li.active {
    border-bottom: 2px solid #0b1610;
    font-weight: 700
}

.searchSection .searchContent {
    display: none
}

.searchSection .searchContent.active {
    display: block
}

.searchSection .searchContent .topResultDesc {
    color: #3d3d3d;
    font-weight: 400
}

@media(min-width: 992px) {
    .searchSection .searchContent .topResultDesc {
        margin-top: 2.2222222222vw
    }
}

@media(min-width: 1600px) {
    .searchSection .searchContent .topResultDesc {
        margin-top: 1.7777777778vw
    }
}

@media(max-width: 991px) {
    .searchSection .searchContent .topResultDesc {
        margin-top: 24px
    }
}

@media(max-width: 575px) {
    .searchSection .searchContent .topResultDesc {
        margin-top: 20.8px
    }
}

@media(min-width: 992px) {
    .searchSection .searchContent .topResultDesc {
        font-size: 1.25vw
    }
}

@media(min-width: 1600px) {
    .searchSection .searchContent .topResultDesc {
        font-size: 1vw
    }
}

@media(max-width: 991px) {
    .searchSection .searchContent .topResultDesc {
        font-size: 13.5px
    }
}

@media(max-width: 575px) {
    .searchSection .searchContent .topResultDesc {
        font-size: 11.7px
    }
}

.searchSection .searchContent .productSearchBox {
    display: flex
}

@media(min-width: 992px) {
    .searchSection .searchContent .productSearchBox {
        padding-block: 2.7777777778vw
    }
}

@media(min-width: 1600px) {
    .searchSection .searchContent .productSearchBox {
        padding-block: 2.2222222222vw
    }
}

@media(max-width: 991px) {
    .searchSection .searchContent .productSearchBox {
        padding-block: 30px
    }
}

@media(max-width: 575px) {
    .searchSection .searchContent .productSearchBox {
        padding-block: 26px
    }
}

@media(min-width: 992px) {
    .searchSection .searchContent .productSearchBox {
        padding-inline: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .searchSection .searchContent .productSearchBox {
        padding-inline: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .searchSection .searchContent .productSearchBox {
        padding-inline: 18px
    }
}

@media(max-width: 575px) {
    .searchSection .searchContent .productSearchBox {
        padding-inline: 15.6px
    }
}

@media(min-width: 992px) {
    .searchSection .searchContent .productSearchBox {
        gap: 2.2222222222vw
    }
}

@media(min-width: 1600px) {
    .searchSection .searchContent .productSearchBox {
        gap: 1.7777777778vw
    }
}

@media(max-width: 991px) {
    .searchSection .searchContent .productSearchBox {
        gap: 24px
    }
}

@media(max-width: 575px) {
    .searchSection .searchContent .productSearchBox {
        gap: 20.8px
    }
}

@media(min-width: 992px) {
    .searchSection .searchContent .productSearchBox {
        margin-top: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .searchSection .searchContent .productSearchBox {
        margin-top: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .searchSection .searchContent .productSearchBox {
        margin-top: 12px
    }
}

@media(max-width: 575px) {
    .searchSection .searchContent .productSearchBox {
        margin-top: 10.4px
    }
}

.searchSection .searchContent .productSearchBox .imgHover {
    flex: 0 0 210px;
    max-width: 210px;
    height: 165px
}

.searchSection .searchContent .productSearchBox .imgHover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    mix-blend-mode: multiply
}

.searchSection .searchContent .productSearchBox .ProductContent h3 {
    color: #0b1610;
    font-weight: 700
}

@media(min-width: 992px) {
    .searchSection .searchContent .productSearchBox .ProductContent h3 {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .searchSection .searchContent .productSearchBox .ProductContent h3 {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .searchSection .searchContent .productSearchBox .ProductContent h3 {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .searchSection .searchContent .productSearchBox .ProductContent h3 {
        font-size: 15.6px
    }
}

@media(min-width: 992px) {
    .searchSection .searchContent .productSearchBox .ProductContent h3 {
        margin-bottom: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .searchSection .searchContent .productSearchBox .ProductContent h3 {
        margin-bottom: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .searchSection .searchContent .productSearchBox .ProductContent h3 {
        margin-bottom: 7.5px
    }
}

@media(max-width: 575px) {
    .searchSection .searchContent .productSearchBox .ProductContent h3 {
        margin-bottom: 6.5px
    }
}

.searchSection .searchContent .productSearchBox .ProductContent p {
    line-height: 1.5;
    color: #3d3d3d;
    font-weight: 400
}

@media(min-width: 992px) {
    .searchSection .searchContent .productSearchBox .ProductContent p {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .searchSection .searchContent .productSearchBox .ProductContent p {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .searchSection .searchContent .productSearchBox .ProductContent p {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .searchSection .searchContent .productSearchBox .ProductContent p {
        font-size: 10.4px
    }
}

@media(min-width: 992px) {
    .searchSection .searchContent .productSearchBox .ProductContent p {
        margin-bottom: 1.7361111111vw
    }
}

@media(min-width: 1600px) {
    .searchSection .searchContent .productSearchBox .ProductContent p {
        margin-bottom: 1.3888888889vw
    }
}

@media(max-width: 991px) {
    .searchSection .searchContent .productSearchBox .ProductContent p {
        margin-bottom: 18.75px
    }
}

@media(max-width: 575px) {
    .searchSection .searchContent .productSearchBox .ProductContent p {
        margin-bottom: 16.25px
    }
}

.searchSection .searchContent .productSearchBox .ProductContent .commonBtn.redArrowButton {
    background-color: rgba(0, 0, 0, 0)
}

.searchSection .searchContent .productSearchBox .ProductContent .commonBtn.redArrowButton:hover {
    background-color: #e4002b
}

.searchSection .searchContent .productSearchBox.pink {
    background-color: rgba(254, 239, 234, .5)
}

.searchSection .searchContent .productSearchBox.blue {
    background-color: rgba(222, 249, 236, .5)
}

.searchSection .searchContent .pageContentList {
    list-style: none;
    padding-inline: 0
}

.searchSection .searchContent .pageContentList li {
    border-bottom: 1px solid #cbcbcb
}

@media(min-width: 992px) {
    .searchSection .searchContent .pageContentList li {
        padding-inline: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .searchSection .searchContent .pageContentList li {
        padding-inline: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .searchSection .searchContent .pageContentList li {
        padding-inline: 18px
    }
}

@media(max-width: 575px) {
    .searchSection .searchContent .pageContentList li {
        padding-inline: 15.6px
    }
}

@media(min-width: 992px) {
    .searchSection .searchContent .pageContentList li {
        padding-block: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .searchSection .searchContent .pageContentList li {
        padding-block: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .searchSection .searchContent .pageContentList li {
        padding-block: 12px
    }
}

@media(max-width: 575px) {
    .searchSection .searchContent .pageContentList li {
        padding-block: 10.4px
    }
}

.searchSection .searchContent .pageContentList li h3 {
    color: #0b1610;
    font-weight: 700
}

@media(min-width: 992px) {
    .searchSection .searchContent .pageContentList li h3 {
        font-size: 1.6666666667vw
    }
}

@media(min-width: 1600px) {
    .searchSection .searchContent .pageContentList li h3 {
        font-size: 1.3333333333vw
    }
}

@media(max-width: 991px) {
    .searchSection .searchContent .pageContentList li h3 {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .searchSection .searchContent .pageContentList li h3 {
        font-size: 15.6px
    }
}

@media(min-width: 992px) {
    .searchSection .searchContent .pageContentList li h3 {
        margin-bottom: 0.6944444444vw
    }
}

@media(min-width: 1600px) {
    .searchSection .searchContent .pageContentList li h3 {
        margin-bottom: 0.5555555556vw
    }
}

@media(max-width: 991px) {
    .searchSection .searchContent .pageContentList li h3 {
        margin-bottom: 7.5px
    }
}

@media(max-width: 575px) {
    .searchSection .searchContent .pageContentList li h3 {
        margin-bottom: 6.5px
    }
}

.searchSection .searchContent .pageContentList li p {
    line-height: 1.5;
    color: #3d3d3d;
    font-weight: 400
}

@media(min-width: 992px) {
    .searchSection .searchContent .pageContentList li p {
        font-size: 1.1111111111vw
    }
}

@media(min-width: 1600px) {
    .searchSection .searchContent .pageContentList li p {
        font-size: 0.8888888889vw
    }
}

@media(max-width: 991px) {
    .searchSection .searchContent .pageContentList li p {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .searchSection .searchContent .pageContentList li p {
        font-size: 10.4px
    }
}

.searchSection .searchContent .pageContentList li:hover {
    background-color: rgba(230, 232, 244, .5)
}

.searchSection .searchContent .pageContentList li:hover p {
    color: #5b5b5b
}

/*# sourceMappingURL=style.css.map */