/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

:root {
    --cardGap: 1.12rem;
    --gap-x : 1rem;
    --heightDataBox : 10.875rem ;
    --heightDataBox-ar-ru : 12.875rem ;
}
main.homeWrapper {
    -webkit-transition: opacity linear 0.1s;
    -o-transition: opacity linear 0.1s;
    transition: opacity linear 0.1s;
    opacity: 0;
}
body.load main.homeWrapper {
    opacity: 1;
}
/*===================HERO SECTION=======================*/
/*section.hero:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 30rem;*/
/*    height: 100%;*/
/*    top: 0;*/
/*    left: calc(50% - 15rem - (100% * sin(45deg) / 2));*/
/*    z-index: 0;*/
/*    pointer-events: none;*/
/*    transform-origin: bottom left;*/
/*    transform: skew(-45deg) translateX(calc(-50% + 15rem + (100% * sin(45deg) / 2)));*/
/*    -webkit-backdrop-filter: blur(4px);*/
/*    backdrop-filter: blur(4px);*/
/*    z-index: 0;*/
/*    pointer-events: none;*/
/*}*/
section.hero:before {
    content: "";
    position: absolute;
    width: 30rem;
    height: 100%;
    top: 0;
    left: calc(50% - 15rem - (100% * sin(45deg) / 2));
    z-index: 0;
    pointer-events: none;
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-45deg) translateX(calc(-50% + 15rem + (100% * sin(55deg) / 2)));
    -ms-transform: skew(-45deg) translateX(calc(-50% + 15rem + (100% * sin(55deg) / 2)));
    transform: skew(-45deg) translateX(calc(-50% + 15rem + (100% * sin(55deg) / 2)));
    /*-webkit-backdrop-filter: blur(20px);*/
    /*backdrop-filter: blur(20px);*/
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(15%, rgb(255 255 255 / 50%)), color-stop(50%, rgb(247 245 245 / 85%)), color-stop(70%, rgb(255 255 255 / 50%)), to(transparent));
    -webkit-mask-image: linear-gradient(to right, transparent 0%, rgb(255 255 255 / 50%) 15%, rgb(247 245 245 / 85%) 50%, rgb(255 255 255 / 50%) 70%, transparent 100%);
    mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(15%, rgb(255 255 255 / 50%)), color-stop(50%, rgb(247 245 245 / 85%)), color-stop(70%, rgb(255 255 255 / 50%)), to(transparent));
    mask-image: linear-gradient(to right, transparent 0%, rgb(255 255 255 / 50%) 15%, rgb(247 245 245 / 85%) 50%, rgb(255 255 255 / 50%) 70%, transparent 100%);
    z-index: 0;
    pointer-events: none;
    /* background-color: red; */
}
.swiper.myDataBoxSwiper:not(.swiper-fade.swiper-initialized) .data-box-wrap {
    opacity: 1;
}
.hero_content-text > *,
.hero_content-media > div {
    opacity: 0;
    -webkit-transform: translateY(100px) translateZ(0);
    transform: translateY(100px) translateZ(0);
    -webkit-transition: opacity cubic-bezier(0,.29,.09,1) .5s 1s,-webkit-transform cubic-bezier(0,.29,.09,1) .5s 1s;
    transition: opacity cubic-bezier(0,.29,.09,1) .5s 1s,-webkit-transform cubic-bezier(0,.29,.09,1) .5s 1s;
    -o-transition: transform cubic-bezier(0,.29,.09,1) .5s 1s,opacity cubic-bezier(0,.29,.09,1) .5s 1s;
    transition: transform cubic-bezier(0,.29,.09,1) .5s 1s,opacity cubic-bezier(0,.29,.09,1) .5s 1s;
    transition: transform cubic-bezier(0,.29,.09,1) .5s 1s,opacity cubic-bezier(0,.29,.09,1) .5s 1s,-webkit-transform cubic-bezier(0,.29,.09,1) .5s 1s;
}
section.hero .hero_background {
    opacity: 0;
    -webkit-transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 1.5s 1s;
    -o-transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 1.5s 1s;
    transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 1.5s 1s;
}
body.load .hero_content-text > *,
body.load section.hero .hero_background,
body.load .hero_content-media > div {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
body.load .hero_content-text .element,
body.load .hero_content-media .data-box{
    -webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s;
}
body.load .hero_content-text .title,
.hero_content-media .video-previewBox {
    -webkit-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    transition-delay: 1.3s;
}
body.load .hero_content-text .des{
    -webkit-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s;
}
body.load .hero_content-text .gradient-line.yellow {
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
}
body.load .hero_content-text .cta-buttons {
    -webkit-transition-delay: 1.6s;
    -o-transition-delay: 1.6s;
    transition-delay: 1.6s;
}
.hero_content-media .data-box {
    width: var(--heightDataBox);
    height: var(--heightDataBox) !important;
    padding: 0.5rem;
    /*-webkit-transition: all ease-in-out .4s;*/
    /*-o-transition: all ease-in-out .4s;*/
    /*transition: all ease-in-out .4s;*/
}
html[lang="ar"] .hero_content-media .data-box,
html[lang="ru-RU"] .hero_content-media .data-box {
    width: var(--heightDataBox-ar-ru);
    height: var(--heightDataBox-ar-ru) !important;
}
section.hero {
    position: relative;
    overflow: hidden;
    height: 100vh;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: white;
    padding-top: calc(var(--headerHeight) + var(--spaceS));
    padding-bottom: var(--spaceS);
    z-index: 1;
}
.hero_background::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: -o-linear-gradient(167deg, rgba(255, 255, 255, 0.00) 36.6%, rgba(255, 255, 255, 0.10) 50.36%, rgba(255, 255, 255, 0.00) 61.91%);
    background: linear-gradient(283deg, rgba(255, 255, 255, 0.00) 36.6%, rgba(255, 255, 255, 0.10) 50.36%, rgba(255, 255, 255, 0.00) 61.91%);
    -webkit-backdrop-filter: blur(2.5px);
    backdrop-filter: blur(2.5px);
    z-index: 1;
    background: rgba(0,0,0,.4);
}
.data-box-wrap .arrow-btn {
    position: absolute;
    bottom: 0;
    left: 0.25rem;
    font-size: .5rem;
    width: 1.2rem;
    height: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--BrandYellow500);
    color: var(--BrandGreen500);
    border-radius: 50%;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.data-box-wrap .arrow-btn [class^="icon-"] {
    display: block;
    margin-top: 0;
    font-size: .45rem;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.data-box-wrap:hover .arrow-btn [class^="icon-"] {
    -webkit-transform: rotate(-45deg) translateZ(0);
    transform: rotate(-45deg) translateZ(0);
}
html[dir="ltr"] .data-box-wrap .arrow-btn {
    right: 0.25rem;
    left: auto;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}
.hero_content-media .data-box .swiper-pagination {
    left: auto;
    right: 0.5rem;
    text-align: right;
    bottom: 0rem !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
html[dir="ltr"] .hero_content-media .data-box .swiper-pagination {
    right: auto;
    left: 0.5rem;
    text-align: left;
}
.hero_content-media .data-box:hover {
    background: -o-radial-gradient(50% -4.11%, 52.46% 25%, #529B89 50%, #1C352F 100%);
    background: radial-gradient(52.46% 25% at 50% -4.11%, #529B89 50%, #1C352F 100%);
}

.hero_content-media .data-box::before {
    content: '';
    position: absolute;
    background: -o-radial-gradient(50% -4.11%, 52.46% 25%, #529B89 0%, #1C352F 100%);
    background: radial-gradient(52.46% 25% at 50% -4.11%, #529B89 0%, #1C352F 100%);
    width: 100%;
    height: calc(100% + 4rem);
    top: -1.5rem;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    -webkit-transition: top ease-in-out 0.3s;
    -o-transition: top ease-in-out 0.3s;
    transition: top ease-in-out 0.3s;
}

.hero_content-media .data-box:hover::before {top: 0;}
.swiper-pagination-bullet {
    opacity: 1;
    background-color: var(--BrandGreen300);
}

.swiper-pagination-bullet-active {
    background-color: var(--BrandYellow500);
}
.data-box-wrap {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity ease-in-out .3s;
    -o-transition: opacity ease-in-out .3s;
    transition: opacity ease-in-out .3s;
}
.swiper-slide-active .data-box-wrap {
    opacity: 1;
    pointer-events: auto;
}
.data-box-wrap .data-box-logo {
    width: 3.5rem;
    height: 3.5rem;
    margin: 0 auto .5rem;
}
.data-box-wrap .data-box-logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.hero_content-media .data-box .swiper-pagination span.swiper-pagination-bullet {
    width: .85rem;
    height: 1rem;
    vertical-align: bottom;
    margin-bottom: 1px !important;
    display: inline-block;
    background-color: transparent;
    position: relative;
}
.hero_content-media .data-box span.swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.hero_content-media .data-box .swiper-pagination span.swiper-pagination-bullet::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    background-color: var(--BrandGreen300);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.hero_content-media .data-box .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    background-color: var(--BrandYellow500);
    -webkit-box-shadow: 0 0 5px 1px var(--BrandYellow500);
    box-shadow: 0 0 5px 1px var(--BrandYellow500)
}
.data-box-wrap p.title {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--BrandYellow500);
}
html[dir="ltr"] .data-box-wrap p.title {
    font-weight: 600;
}
.swiper.myDataBoxSwiper {
    position: relative;
    width: 100%;
    height: 100%;
}
.swiper.myDataBoxSwiper {
    z-index: 0;
}
section.hero .hero_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

section.hero .hero_background * {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0;
}
.hero_content-text {
    z-index: 1;
}
.hero_content-text .element {
    width: 3.125rem;
    height: 1.8125rem;
}
.hero_content-text > * {
    margin: 0 0 1.62rem;
}
.hero_content-text .title {
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.5625rem;
    letter-spacing: -0.08rem;
}
.calculator-container .difference #interestDifference span.highlighted {
    direction: ltr;
    display: inline-block;
}
html[dir="ltr"] .hero_content-text .title {
    font-weight: 600;
}
.hero_content-text .des {
    font-size: 0.97rem;
    font-style: normal;
    font-weight: 400;
}
.hero_content-media {
    -ms-grid-column: 3;
    grid-column: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -ms-grid;
    display: grid;
    width: 100%;
    height: var(--heightDataBox);
    gap: .55rem;
    -ms-grid-columns: var(--heightDataBox) .55rem 1fr;
    grid-template-columns: var(--heightDataBox) 1fr;
}
html[lang="ar"] .hero_content-media,
html[lang="ru-RU"] .hero_content-media {
    height: var(--heightDataBox-ar-ru);
    -ms-grid-columns: var(--heightDataBox-ar-ru) .55rem 1fr;
    grid-template-columns: var(--heightDataBox-ar-ru) 1fr;
}
.hero_content-media .data-box span.title {
    color: var(--BrandYellow100);
    font-size: 0.75rem;
    font-weight: 300;
    position: absolute;
}
.cta-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.63rem;
    margin-bottom: 0 !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.bottom-boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 20px;
    padding: 20px;
    z-index: 1;
    margin-left: auto;
}
.hero_content-media .data-box ,
.hero_content-media .video-previewBox{
    height: var(--heightDataBox);
    border-radius: .5rem;
}
html[lang="ar"] .hero_content-media .data-box,
html[lang="ru-RU"] .hero_content-media .data-box,
html[lang="ar"] .hero_content-media .video-previewBox ,
html[lang="ru-RU"] .hero_content-media .video-previewBox {
    height: var(--heightDataBox-ar-ru);
}
.hero_content-media .video-previewBox {
    background-color: var(--BrandYellow500);
    position: relative;
}
.hero_content-media .video-previewBox .video-preview-container {
    padding: .44rem;
    cursor: pointer;
}
.hero_content-media .data-box{
    aspect-ratio: 1;
    background-color: var(--BrandGreen600);
    overflow: hidden;
}
.hero_content-media .video-previewBox [class^="icon-"]{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    cursor: pointer;
    color: var(--BrandYellow500);
    width: 1rem;
    height: 1rem;
}
.hero_content-text .cta-buttons .brandCta {
    min-width: 8rem;
    width: 47%;
}
/*===================HERO SECTION=======================*/
/*===================ABOUT CARDS=======================*/
section.heroAboutUsSection {
    position: relative;
    z-index: 2;
}
section.heroAboutUsSection .pin-spacer {
    z-index: 3;
}
section.heroAboutUsSection #load-shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* align-items: center; */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none;
    z-index: 2;
}
section.heroAboutUsSection #load-shadow .load-img {
    position: sticky;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) scale(.7);
    -ms-transform: translate(-50%,-50%) scale(.7);
    transform: translate(-50%,-50%) scale(.7);
    /*-webkit-transition: all cubic-bezier(.17,.67,1,1.23) .75s 1s;*/
    /*-o-transition: all cubic-bezier(.17,.67,1,1.23) .75s 1s;*/
    /*transition: all cubic-bezier(.17,.67,1,1.23) .75s 1s;*/
    -webkit-transition: -webkit-transform linear .75s 1s;
    transition: -webkit-transform linear .75s 1s;
    -o-transition: transform linear .75s 1s;
    transition: transform linear .75s 1s;
    transition: transform linear .75s 1s, -webkit-transform linear .75s 1s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
}
body.load section.heroAboutUsSection #load-shadow .load-img {
    -webkit-transform: translate(-50%,-50%) scale(1);
    -ms-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
}
section.heroAboutUsSection #load-shadow.scrollDown .load-img {}
section.aboutLotusContainer {
    position: relative;
    width: 100%;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    z-index: 3;
}
.aboutLotusWrapper {
    width: calc(var(--space) * 6);
    height: 100vh;
    position: relative;
    /* overflow: hidden; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* -webkit-box-align: center; */
    -ms-flex-align: center;
    /* align-items: center; */
    padding-top: 9rem;
    z-index: 1;
}
.aboutCardsWrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 65vh;
    margin: 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.aboutCardsWrapper .aboutCardsBannerContainer {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--BrandGreen500);
    border-radius: 1.3125rem;
    padding: var(--cardGap);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.aboutLotusContainer {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.aboutCardsBannerContainer {
    will-change: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); /* GPU layer promotion */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.aboutCardsBannerContainer .back-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    padding: var(--cardGap);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.875rem;
    z-index: 0;
}
.aboutCardsBannerContainer .back-overlay img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 0.875rem;
}
.aboutCardsBannerContainer .aboutCardWrap {
    position: relative;
    z-index: 1;
    width: 33%;
    height: calc(100% - (var(--cardGap) * 2));
    border-radius: 0.3125rem;
    border: 1px solid rgba(255, 255, 255, 0.90);
    background: -o-radial-gradient(99.76% 126.23% at 16.94% 90.18%, rgba(97, 254, 178, 0.40) 0%, rgba(222, 233, 216, 0.80) 50%, rgba(164, 174, 172, 0.90) 100%);
    background: -o-radial-gradient(16.94% 90.18%, 99.76% 126.23%, rgba(97, 254, 178, 0.40) 0%, rgba(222, 233, 216, 0.80) 50%, rgba(164, 174, 172, 0.90) 100%);
    background: radial-gradient(99.76% 126.23% at 16.94% 90.18%, rgba(97, 254, 178, 0.40) 0%, rgba(222, 233, 216, 0.80) 50%, rgba(164, 174, 172, 0.90) 100%);
    /*-webkit-backdrop-filter: blur(10px);*/
    /*backdrop-filter: blur(10px);*/
    padding: var(--cardGap);
    margin-right: var(--cardGap);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
html[dir="ltr"] .aboutCardsBannerContainer .aboutCardWrap {
    margin-left: var(--cardGap);
    margin-right: 0;
}
section.aboutLotusContainer .footer-logo {
    position: absolute;
    bottom: 0.97rem;
    width: 6.81075rem;
    height: 4.99763rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

section.aboutLotusContainer .footer-logo img {
    width: 100%;
    vertical-align: middle;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.aboutCardsBannerContainer .aboutCardWrap h2.title {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    margin-top: 0;
}
.aboutCardsBannerContainer .aboutCardWrap p {
    font-size: 0.97rem;
    font-style: normal;
    font-weight: 400;
    margin-bottom: .8rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 100%;
}
.aboutLotusMediaWrap {
    position: relative;
    width: 100%;
    height: 7.5625rem;
    border-radius: 0.3125rem;
    margin: .5rem 0;
}
section.aboutLotusContainer .gradient-line.gray {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    z-index: 0;
    -webkit-transition: -webkit-transform ease-in .5s;
    transition: -webkit-transform ease-in .5s;
    -o-transition: transform ease-in .5s;
    transition: transform ease-in .5s;
    transition: transform ease-in .5s, -webkit-transform ease-in .5s;
}
section.aboutLotusContainer.active .gradient-line.gray {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
.aboutLotusMediaWrap img.play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1.74281rem;
    height: 1.20519rem;
    -o-object-fit: contain;
    object-fit: contain;
}
.aboutLotusMediaWrap img:not(.play-icon),
.aboutLotusMediaWrap video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 0.3125rem;
}
.aboutCardsBannerContainer .aboutCardWrap .brandCta {
    width: 100%;
}
/*===================ABOUT CARDS=======================*/
/*================HORIZONTAL SCROLL====================*/
section.horizontalInfiniteScrollContainer {
    position: relative;
    width: 100%;
    display: block;
    z-index: 1;
}
html[dir="ltr"] section.horizontalInfiniteScrollContainer {
    direction: rtl;
}
section.horizontalInfiniteScrollContainer .back-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background-repeat: repeat;
    opacity: .5;
}
.horizontalInfiniteScrollWrapper {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 8rem;
    padding-bottom: 8rem;
}
.horizontalInfiniteScrollInfo {
    padding-left: var(--spaceXXX);
    width: 50%;
}
html[dir="ltr"] .horizontalInfiniteScrollInfo {
    text-align: left;
}
.marqueeContainer {
    position: relative;
    direction: ltr;
}
.marqueeContainer.before .people {
    width: 1.6875rem;
    height: 1.6875rem;
    position: relative;
    display: block;
    border-radius: 50%;
}
.horizontalInfiniteScrollItems {
    width: calc(50% - var(--spaceX));
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* padding-left: var(--spaceX); */
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: var(--heightLogo);
    overflow: hidden;
}
.marqueeContainer .people img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
}
.scroller {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    height: 100%;
}

.scroller__inner {
    padding-block: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem;
    height: 100%;
}

.scroller[data-animated="true"] {
    overflow: hidden;
    -webkit-mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, white), color-stop(80%, white), to(transparent));
    -webkit-mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
    mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, white), color-stop(80%, white), to(transparent));
    mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
}
.scroller[data-animated="true"] .scroller__inner {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-animation: scroll var(--_animation-duration, 40s)
    var(--_animation-direction, forwards) linear infinite;
    animation: scroll var(--_animation-duration, 40s)
    var(--_animation-direction, forwards) linear infinite;
    /* animation-play-state: paused; */
}

.scroller[data-direction="right"] {
    --_animation-direction: reverse;
}

.scroller[data-direction="left"] {
    --_animation-direction: forwards;
}

.scroller[data-speed="fast"] {
    --_animation-duration: 20s;
}

.scroller[data-speed="slow"] {
    --_animation-duration: 40s;
}
.scroller[data-speed="medium"] {
    --_animation-duration: 30s;
}
@-webkit-keyframes scroll {
    to {
        -webkit-transform: translate(calc(-50% - 0.5rem));
        transform: translate(calc(-50% - 0.5rem));
    }
}
@keyframes scroll {
    to {
        -webkit-transform: translate(calc(-50% - 0.5rem));
        transform: translate(calc(-50% - 0.5rem));
    }
}
.marqueeContainer.before {
    height: 100%;
    width: 48%;
    z-index: 0;
}

.marqueeContainer.before .scroller__inner {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.marqueeContainer.before .scroller__inner img {
    width: 2.75rem;
    height: 2.75rem;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.marqueeContainer .scroller__inner img {
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}
.marqueeContainer.before .scroller__inner img:nth-of-type(5n+1) {
    -webkit-filter: grayscale(1) blur(3px);
    filter: grayscale(1) blur(3px);
    margin-bottom: 81px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.marqueeContainer.before .scroller__inner img:nth-of-type(5n+2) {
    margin-top: 59px;
}
.marqueeContainer.before .scroller__inner img:nth-of-type(5n+3) {
    margin-bottom: 49px;
}
.marqueeContainer.before .scroller__inner img:nth-of-type(5n+4) {
    margin-top: 54px;
    width: 2.03838rem;
    height: 2.03838rem;
}
.marqueeContainer.after {
    width: 44%;
    height: 100%;
    z-index: 0;
    -webkit-mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, white), color-stop(80%, white), to(transparent));
    -webkit-mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
    mask: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(-54%, white), color-stop(69%, white), to(transparent));
    mask: linear-gradient(270deg, transparent, white -54%, white 69%, transparent);
    margin-right: 5rem;
}
.marqueeContainer.after .scroller__inner .scroller__inner__box img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.marqueeContainer.after .scroller__inner .scroller__inner__box:nth-of-type(3n+1) {
    width: 4.5125rem;
    height: 4.5125rem;
    margin-bottom: 111px;
}
.marqueeContainer.after .scroller__inner .scroller__inner__box:nth-of-type(3n+2) {
    width: 3.5125rem;
    height: 3.5125rem;
    margin-top: 29px;
}
section.horizontalInfiniteScrollContainer.reach .marqueeContainer.after .scroller {
    opacity: 1;
}
.marqueeContainer.after .scroller__inner .scroller__inner__box:nth-of-type(3n+3) {
    width: 3.8125rem;
    height: 3.8125rem;
    margin-bottom: 43px;
}
.marqueeContainer.after .scroller__inner {
    /*align-items: center;*/
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-block: 0.97rem;
}
.horizontalInfiniteScrollInfo h2 {
    font-size: 2rem;
    margin-top: 0;
}
html[dir="ltr"] .horizontalInfiniteScrollInfo h2 {
    font-weight: 600;
}
.horizontalInfiniteScrollInfo .content_text p {
    font-size: 0.97rem;
    font-style: normal;
    font-weight: 400;
}
.marqueeContainer.after .scroller__inner .scroller__inner__box {
    position: relative;
}
.marqueeContainer.after .scroller__inner .scroller__inner__box::before{
    content: '';
    position: absolute;
    background-image: url(../img/flower.png);
    width: 2.125rem;
    height: 2.125rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    bottom: 0;
    right: -.75rem;
    z-index: 1;
}
.marqueeContainer.after .scroller[data-animated="true"] {
    /* -webkit-mask-image: url(../img/mask-1.png); */
    /* mask-image: url(../img/mask-1.png); */
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center top;
    mask-position: center top;
    -webkit-animation-play-state: initial;
    animation-play-state: initial;
    -webkit-mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, white), color-stop(90%, white), to(transparent));
    -webkit-mask: linear-gradient(90deg, transparent, white 20%, white 90%, transparent);
    mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, white), color-stop(90%, white), to(transparent));
    mask: linear-gradient(90deg, transparent, white 20%, white 90%, transparent);
}
.marqueeContainer.after .scroller {
    opacity: 0;
    -webkit-transition: opacity ease-in-out .5s;
    -o-transition: opacity ease-in-out .5s;
    transition: opacity ease-in-out .5s;
}
.horizontalInfiniteScrollItems .diagonal-box{
    position: absolute !important;
    left: calc(40% + 0.25rem - var(--spaceX));
    -ms-flex-negative: 0;
    flex-shrink: 0;
    z-index: 1;
    top: 0;
    /* background-color: #ff000052; */
}
#loading .load-img,
#load-shadow .load-img,
.horizontalInfiniteScrollItems .diagonal-box,
#sample-shape{
    width: var(--widthLogo);
    height: var(--heightLogo);
    position: relative;
}
.horizontalInfiniteScrollItems .diagonal-box::before{
    content: '';
    position: absolute;
    background-image: url(../img/diagonal-shadow.png);
    background-size: contain;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    z-index: 0;
    opacity: 1;
    -webkit-transition: opacity linear .4s;
    -o-transition: opacity linear .4s;
    transition: opacity linear .4s;
    background-position: center;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
}
.reach .horizontalInfiniteScrollItems .diagonal-box::before {
    opacity: 1;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}
#sample-shape{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    bottom: 0;
    left: 50%;
}
#imgSample{
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.marqueeContainer.before .scroller[data-animated="true"] {
    /* -webkit-mask-image: url(../img/mask-2.png); */
    /* mask-image: url(../img/mask-2.png); */
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 12rem;
    mask-size: 100% 12rem;
    -webkit-mask-position: left;
    mask-position: left;
}
.horizontalInfiniteScrollItems .diagonal-box img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: opacity linear 0.3s;
    -o-transition: opacity linear 0.3s;
    transition: opacity linear 0.3s;
    will-change: transform;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.scroller__inner {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    flex-wrap: nowrap;
}
.scroller[data-animated="true"] .scroller__inner {
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
.scroller[data-animated="true"] .permissionItems {
    animation-play-state: running;
}
section.permissionContainer .scroller {
    height: auto;
}
section.permissionContainer .scroller .scroller__inner.permissionItems {
    height: auto;
}
/*================HORIZONTAL SCROLL====================*/
/*================FULL SCREEN VIDEO====================*/
section.fullVideoContainer {
    position: relative;
    width: 100%;
    height: 100dvh;
    overflow: hidden;
    display: block;
}
section.fullVideoContainer .videoContainer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
section.fullVideoContainer .videoContainer video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
section.fullVideoContainer .overlayFrame {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
.fullVideoWrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
section.fullVideoContainer .overlayFrame img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(1.05) translateZ(0);
    transform: scale(1.05) translateZ(0);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
/*================FILL SCREEN VIDEO====================*/
/*=================WHY CHOOSE US SECTION==================*/
section.whyChooseUsContainer {
    position: relative;
    width: 100%;
    display: block;
    height: 100dvh;
    overflow: hidden;
}
.morphWrapper {
    width: calc(100vh - var(--headerHeight) * 2);
    height: calc(100vh - var(--headerHeight) * 2);
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
    /*opacity: .6;*/
}
html[dir="ltr"] .morphWrapper {
    left: auto;
    right: 0;
}
#webgl-output {
    -webkit-filter: brightness(1) invert(1);
    filter: brightness(1) invert(1);
}
.whyChooseUsWrapper {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.whyChooseUsWrapper::before {
    content: '';
    width: 100%;
    height: 100vh;
    right: 0;
    top: 0;
    position: absolute;
    z-index: 0;
    background: #FFF;
    /*background: linear-gradient(90deg, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, 0) 100%);*/
    background: -o-linear-gradient(left,rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.7) 28%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear,left top, right top,from(rgba(255, 255, 255, 0.4)), color-stop(28%, rgba(255, 255, 255, 0.7)), color-stop(50%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(90deg,rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.7) 28%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
}
html[dir="ltr"] .whyChooseUsWrapper::before {
    background: -o-linear-gradient(right,rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.7) 28%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear,right top, left top,from(rgba(255, 255, 255, 0.4)), color-stop(28%, rgba(255, 255, 255, 0.7)), color-stop(50%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(270deg,rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.7) 28%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
}
.degreeWrap {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 0;
}
html[dir="ltr"] .degreeWrap {
    right: auto;
    left: 0;
}
.degreeWrap img#circleDegreeCategory {
    width: 30vw;
    height: 30vw;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0;
    position: relative;
    -webkit-transform: translateX(23vw);
    -ms-transform: translateX(23vw);
    transform: translateX(23vw);
}
html[dir="ltr"] .degreeWrap img#circleDegreeCategory {
    -webkit-transform: translateX(-23vw);
    -ms-transform: translateX(-23vw);
    transform: translateX(-23vw);
}
.degreeWrap img#degree-line {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    right: 0;
    z-index: 1;
    width: 9vw;
}
html[dir="ltr"] .degreeWrap img#degree-line {
    left: 0;
    right: auto;
}
.whyChooseUsListItems {
    position: relative;
    width: calc(100% - 50vw);
    margin-right: 15vw;
    min-height: 15rem;
    z-index: 1;
}
html[dir="ltr"] .whyChooseUsListItems {
    margin-right: auto;
    margin-left: 15vw;
}
.whyChooseUsListItems .whyChooseUsListItem {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 12rem;
    -moz-column-gap: 12rem;
    column-gap: 12rem;
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    top: 50%;
    right: 0;
}
html[dir="ltr"] .whyChooseUsListItems .whyChooseUsListItem {
    right: auto;
    left: 0;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}
.whyChooseUsListItems .whyChooseUsListItem:first-child {
    /*transform: translateY(-50%);*/
}
.whyChooseUsListItems .whyChooseUsListItem h2 {
    margin: 0;
    font-size: 2rem;
    display: block;
    width: 15vw;
    min-width: 15vw;
}
html[dir="ltr"] .whyChooseUsListItems .whyChooseUsListItem h2 {
    font-weight: 600;
}
.whyChooseUsListItems .whyChooseUsListItem .content_text p {
    font-size: 0.97rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.6;
    color: #000;
    margin: 0;
}
.whyChooseUsWrapper > .gradient-line.gray {
    position: absolute;
    width: 9rem;
    top: 50%;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 30.5vw;
}
html[dir="ltr"] .whyChooseUsWrapper > .gradient-line.gray {
    left: 30.5vw;
    right: auto;
}
.whyChooseUsWrapper .title {
    position: absolute;
    top: 7rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}
.degreeWrap::before {
    content: '';
    position: absolute;
    width: 8.71169rem;
    height: 8.71169rem;
    background-color: rgba(210, 215, 213, 0.30);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    z-index: 2;
    border-radius: 50%;
    top: 50%;
    -webkit-transform: translate(5.71169rem, -50%);
    -ms-transform: translate(5.71169rem, -50%);
    transform: translate(5.71169rem, -50%);
}
html[dir="ltr"] .degreeWrap::before {
    -webkit-transform: translate(-5.71169rem, -50%);
    -ms-transform: translate(-5.71169rem, -50%);
    transform: translate(-5.71169rem, -50%);
}
/*=================WHY CHOOSE US SECTION==================*/
/*==================WidgetContainer=======================*/
.sectionContainer {
    position: relative;
    overflow: hidden;
    padding-top: var(--space4Y);
}

.sectionContainer .back-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
    pointer-events: none;
}
section.lotusWidgetContainer {
    margin-top: var(--space4Y);
    margin-bottom: var(--space4Y);
    padding-bottom: var(--space4Y);
    position: relative;
}
.widgetItems {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 7.2rem 1fr 7.2rem 1fr 7.2rem 1fr;
    grid-template-columns: repeat(4,1fr);
    gap: 7.2rem;
}
section.lotusWidgetContainer::before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 2.5px;
    background-color: var(--BrandYellow500);
    top: 1.73rem;
}
.widgetItem {
    position: relative;
}
.widgetItemHeader > span {
    display: block;
    text-align: center;
    font-size: 0.97rem;
    font-style: normal;
    font-weight: 700;
    color: var(--BrandGreen400);
}
.widgetItemBody {
    text-align: center;
    margin-top: 1.2rem;
}

.widgetItemBody p.desc {
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 700;
    margin: 0;
}
.widgetItemHeader {
    position: relative;
    width: 100%;
    background-color: var(--BrandYellow500);
    border-radius: var(--radius-box);
    height: 3.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    row-gap: 0.1rem;
}
.widgetItemHeader::before{
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.22 14.01'><path d='m0-.14C0,3.09,2.62,5.71,5.85,5.71h50.6c.55,0,1,.45,1,1s-.45,1-1,1H6.15C2.75,7.71,0,10.47,0,13.86s-2.75,6.15-6.15,6.15h-260.7c-3.4,0-6.15-2.75-6.15-6.15s-2.75-6.15-6.15-6.15h-110.4c-.55,0-1-.45-1-1s.45-1,1-1h110.69c3.23,0,5.85-2.62,5.85-5.85s2.62-5.85,5.85-5.85H-5.85C-2.62-5.99,0-3.37,0-.14Z' fill='%23FFC53C'/></svg>") center/100% 100% no-repeat;
    height: 100%;
    width: .5rem;
    right: -.4rem;
}
.widgetItemHeader::after{
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) scaleX(-1);
    -ms-transform: translateY(-50%) scaleX(-1);
    transform: translateY(-50%) scaleX(-1);
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.22 14.01'><path d='m0-.14C0,3.09,2.62,5.71,5.85,5.71h50.6c.55,0,1,.45,1,1s-.45,1-1,1H6.15C2.75,7.71,0,10.47,0,13.86s-2.75,6.15-6.15,6.15h-260.7c-3.4,0-6.15-2.75-6.15-6.15s-2.75-6.15-6.15-6.15h-110.4c-.55,0-1-.45-1-1s.45-1,1-1h110.69c3.23,0,5.85-2.62,5.85-5.85s2.62-5.85,5.85-5.85H-5.85C-2.62-5.99,0-3.37,0-.14Z' fill='%23FFC53C'/></svg>") center/100% 100% no-repeat;
    height: 100%;
    width: 0.5rem;
    left: -0.4rem;
}
.widgetItemHeader .headerItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    color: var(--BrandGreen400);
}
html[dir="ltr"] .widgetItemHeader .headerItem {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.widgetItemHeader .headerItem > span {
    display: block;
    /* margin-top: 3px; */
    font-size: .5rem;
    margin-right: .25rem;
    line-height: normal;
}
.widgetItemHeader .headerItem p.counterNumber {
    margin: 0;
    /*font-family: var(--font-bingo);*/
    line-height: normal;
    font-weight: bold;
}
/*==================WidgetContainer=======================*/
/*=============================permissionContainer=============================*/
section.permissionContainer {
    margin-top: var(--space4Y);
    margin-bottom: var(--space4Y);
}
section.permissionContainer .title {
    text-align: center;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.5625rem; /* 256.25% */
    letter-spacing: -0.04rem;
    margin: 0;
}
section.permissionContainer .scrollerContainer {
    direction: ltr;
    max-height: 14rem;
    overflow: hidden;
}
section.permissionContainer .scroller[data-animated="true"] {
    overflow: hidden;
    -webkit-mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, white), color-stop(80%, white), to(transparent));
    -webkit-mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
    mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, white), color-stop(80%, white), to(transparent));
    mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
}
section.permissionContainer .scroller__inner.permissionItems {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-block: 2.88rem;
}
section.permissionContainer .gradient-line.gray{
    width: 6.125rem;
    height: 1px;
}
.permissionItem_media img{
    width: 5.875rem;
    height: 4.8125rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    aspect-ratio: 62/45;
    -o-object-fit: contain;
    object-fit: contain;
}
/*=============================permissionContainer=============================*/
/*=============================lotusFundsContainer=============================*/
section.lotusFundsContainer {
    margin-top: var(--space4Y);
    margin-bottom: var(--space4Y);
    position: relative;
    /*overflow: hidden;*/
}
/*=============================lotusFundsContainer=============================*/
/*=============================socialContainerContainer=============================*/
section.socialContainer > .title {
    margin-bottom: 2.7rem;
}
section.socialContainer .row.fundItem-media .main {
    cursor: pointer;
    width: 100%;
    aspect-ratio: 1 / .8;
}
.fund_candleContainer {
    position: absolute;
    width: calc(100% - var(--spaceX) * 2);
    height: 100%;
    top: calc(4rem);
    left: var(--spaceX);
    z-index: -1;
}
/*=============================socialContainerContainer=============================*/
/*=============================POP UP=============================*/
#home_overlay_back {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
    display: block;
    z-index: 103;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    cursor: pointer;
}
#home_overlay_wrapper {
    position: fixed;
    width: 50vw;
    top: 50%;
    left: 50%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -ms-grid;
    display: grid;
    z-index: 104;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    border-radius: 35px;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    overflow: hidden;
}
#home_overlay_wrapper.show,#home_overlay_back.show {
    opacity: 1;
    pointer-events: auto;
}
#home_overlay_back.show {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}
.overlay_info_wrapper {
    padding: 1.5rem 2rem 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: var(--white);
}
.overlay_info_wrapper img {
    margin: 0 auto;
    width: 11rem;
}
.overlay_info_wrapper p {
    font-size: 1.25rem;
    font-weight: bold;
}
.overlay_info_wrapper .close_overlay {
    height: 2.5rem;
    background-color: var(--BrandGreen500);
    width: 100%;
    border-radius: 2rem;
    color: var(--white);
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    overflow: hidden;
    position:relative;
    border: 1px solid var(--BrandGreen500);
}
.overlay_info_wrapper .btn_boxes {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr .5rem 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: .5rem;
    width: 100%;
}
.overlay_media_wrapper {
    position: relative;
    width: 100%;
    height: 52vh;
    display: block;
    overflow: hidden;
}
.overlay_media_wrapper img {
    width: 100%;
    height: 101%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 35px 0 0 35px;
}
.overlay_info_wrapper::before {
    content: '';
    background-image: url(../img/dot-pattern.png);
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
}
.overlay_info_wrapper > * {
    position: relative;
    z-index: 1;
}
.overlay_info_wrapper .close_overlay::before {
    content: '';
    position: absolute;
    width: 65%;
    height: 145%;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 6px);
    -ms-transform: translate(-50%, 6px);
    transform: translate(-50%, 6px);
    pointer-events: none;
    background: -o-radial-gradient(47% 106.25%, 28.8% 39.42%, #529B89 0%, #1C352F 100%);
    background: radial-gradient(28.8% 39.42% at 47% 106.25%, #529B89 0%, #1C352F 100%);
    -webkit-transition: -webkit-transform ease-in 0.3s;
    transition: -webkit-transform ease-in 0.3s;
    -o-transition: transform ease-in 0.3s;
    transition: transform ease-in 0.3s;
    transition: transform ease-in 0.3s, -webkit-transform ease-in 0.3s;
    z-index: 0;
}
.overlay_info_wrapper .close_overlay span {
    position: relative;
    z-index: 1;
    font-size: .875rem;
    display: block;
}
.overlay_info_wrapper .close_overlay:hover::before {
    -webkit-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
}
/*=============================POP UP=============================*/
@media only screen and (max-width: 768px){
    :root{
        --cardGap: .7rem;
        --widthLogo: 17.32031rem;
        --heightLogo: 10.875rem;
    }
    /*===============HERO================*/
    .router-overlay .diagonal-img,
    #loading .load-img{
        width: var(--widthLogoTwo) !important;
        height: var(--heightLogoTwo) !important;
    }
    .router-overlay .router-shadow {
        height: calc(var(--heightLogoTwo) + 4px);
    }
    main.homeWrapper {
        overflow-x: hidden;
    }
    section.heroAboutUsSection #load-shadow {
        display: none;
    }
    section.hero {
        height: auto;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        display: block;
    }
    section.hero .hero_background {
        height: 80vh;
    }
    .hero_content-text {
        width: 100%;
        height: calc(80vh - var(--headerHeight) - var(--spaceS));
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-bottom: 2rem;
    }
    .hero_content-media,html[lang="ar"] .hero_content-media, html[lang="ru-RU"] .hero_content-media {
        height: auto;
        margin-top: 1rem;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    section.hero:before {
        display: none;
    }
    .hero_content-text .cta-buttons {
        margin-bottom: 0 !important;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 0;
    }
    .hero_content-text > * {
        margin-bottom: 1rem;
    }
    .hero_content-text .title {
        font-size: 1.25rem;
        line-height: normal; /* 140% */
    }
    .hero_content-media .data-box,html[lang="ar"] .hero_content-media .data-box, html[lang="ru-RU"] .hero_content-media .data-box {
        width: 100%;
        aspect-ratio: unset;
        height: 28vh;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .hero_content-text .cta-buttons .brandCta {
        min-width: auto;
        width: 47%;
    }
    .hero_content-media .video-previewBox {
        height: 24vh;
    }
    /*===============HERO================*/
    /*===============horizontalInfiniteScrollWrapper================*/
    .horizontalInfiniteScrollWrapper {
        padding-top: 4rem;
        padding-bottom: 4rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 3.52rem;
    }
    .marqueeContainer.after .scroller[data-animated="true"] {
        opacity: 1;
    }
    .horizontalInfiniteScrollItems {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        overflow: hidden;
    }
    .horizontalInfiniteScrollInfo ,
    html[dir="ltr"] .horizontalInfiniteScrollInfo{
        width: 100%;
        padding: 0 var(--spaceX);
    }
    .horizontalInfiniteScrollInfo h2 {
        font-size: 1.5rem;
    }
    .horizontalInfiniteScrollItems .diagonal-box img {opacity: 1;}
    .horizontalInfiniteScrollItems .diagonal-box {
        left: calc(15% + 1rem - var(--spaceX));
    }
    .marqueeContainer.after .scroller__inner .scroller__inner__box:nth-of-type(3n+1) {
        width: 3.8363rem;
        height: 3.8363rem;
        margin-bottom: 50px;
    }
    .marqueeContainer.before .scroller__inner img{
        width: 2.75rem;
        height: 2.75rem;
    }
    .marqueeContainer.after .scroller__inner .scroller__inner__box:nth-of-type(3n+3) {
        width: 2.88363rem;
        height: 2.88363rem;
        margin-bottom: 86px;
    }
    .marqueeContainer.after .scroller__inner .scroller__inner__box::before {
        width: 1.38431rem;
        height: 1.38431rem;
        aspect-ratio: 22.15/22.15;
        right: -.5rem;
    }
    .marqueeContainer.after .scroller__inner .scroller__inner__box:nth-of-type(3n+2) {
        width: 2.9125rem;
        height: 2.9125rem;
    }
    .marqueeContainer.before .scroller__inner {
        padding-block: 0.5rem;
    }
    section.permissionContainer .scroller__inner.permissionItems {
        padding-block: 1.88rem;
    }
    section.permissionContainer .scroller[data-animated="true"] {
        -webkit-mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(5%, var(--white)), color-stop(95%, var(--white)), to(transparent));
        -webkit-mask: linear-gradient(90deg, transparent, var(--white) 5%, var(--white) 95%, transparent);
        mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(5%, var(--white)), color-stop(95%, var(--white)), to(transparent));
        mask: linear-gradient(90deg, transparent, var(--white) 5%, var(--white) 95%, transparent);
    }
    /*===============horizontalInfiniteScrollWrapper================*/
    /*===============aboutLotusContainer================*/
    .aboutLotusWrapper {
        width: 92%;
        padding-top: calc(var(--headerHeight) + 3rem);
    }
    .aboutCardsWrapper {
        height: 67vh;
    }
    .aboutCardsWrapper .aboutCardsBannerContainer {
        border-radius: 1.125rem;
    }
    .aboutCardsBannerContainer .aboutCardWrap {
        width: calc(100% - (var(--cardGap) * 2));
        margin: 0 auto;
    }
    html[dir="ltr"] .aboutCardsBannerContainer .aboutCardWrap {
        margin: 0 auto;
    }
    .widgetItems {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 1.62rem;
    }
    .widgetItemHeader {
        width: 70%;
        margin: 0 auto;
        height: 4.4rem;
    }
    .widgetItemHeader .headerItem {
        font-size: 1.5rem;
    }
    .widgetItem::before {
        content: '';
        position: absolute;
        left: 50%;
        width: 100vw;
        height: 0.3rem;
        background-color: var(--BrandYellow500);
        top: 2rem;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    section.lotusWidgetContainer::before {
        display: none;
    }
    .widgetItemHeader::before {
        width: 1rem;
        background-size: contain;
        right: -.8rem;
    }
    .widgetItemHeader::after {
        width: 1rem;
        left: -.8rem;
    }
    .widgetItemBody {
        margin-top: .62rem;
    }
    section.lotusWidgetContainer {
        margin-bottom: 4rem;
    }
    section.aboutLotusContainer .footer-logo {
        width: 4.81075rem;
        height: 2.99763rem;
    }
    /*===============aboutLotusContainer================*/
    /*===============WHY CHOOSE US================*/
    .degreeWrap img#circleDegreeCategory {
        width: 80vw;
        height: 80vw;
        -webkit-transform: translateX(64vw);
        -ms-transform: translateX(64vw);
        transform: translateX(64vw);
    }
    html[dir="ltr"] .degreeWrap img#circleDegreeCategory {
        -webkit-transform: translateX(-64vw);
        -ms-transform: translateX(-64vw);
        transform: translateX(-64vw);
    }
    .whyChooseUsListItems {
        width: calc(100% - 24vw - var(--spaceX));
        margin-right: 24vw;
    }
    html[dir="ltr"] .whyChooseUsListItems {
        margin-left: 24vw;
        margin-right: auto;
    }
    .whyChooseUsListItems .whyChooseUsListItem {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 14vw;
    }
    .whyChooseUsListItems .whyChooseUsListItem h2 {
        font-size: 1.5rem;
        margin-bottom: 1rem;
        border-bottom: 2px solid;
        -o-border-image: -o-linear-gradient(left, rgba(73, 93, 89, 0.00) 0%, #333 50%, rgba(73, 93, 89, 0.00) 100%);
        border-image: -webkit-gradient(linear, left top, right top, from(rgba(73, 93, 89, 0.00)), color-stop(50%, #333), to(rgba(73, 93, 89, 0.00)));
        border-image: linear-gradient(90deg, rgba(73, 93, 89, 0.00) 0%, #333 50%, rgba(73, 93, 89, 0.00) 100%);
        border-image-slice: 1;
        padding-bottom: .5rem;
        min-width: auto;
        width: auto;
    }
    .degreeWrap::before {
        width: 4.0995rem;
        height: 4.0995rem;
        -webkit-transform: translate(2.91169rem, -50%);
        -ms-transform: translate(2.91169rem, -50%);
        transform: translate(2.91169rem, -50%);
    }
    html[dir="ltr"] .degreeWrap::before {
        -webkit-transform: translate(-2.91169rem, -50%);
        -ms-transform: translate(-2.91169rem, -50%);
        transform: translate(-2.91169rem, -50%);
    }
    .whyChooseUsWrapper .title {
        top: calc(var(--headerHeight) + 1rem);
    }
    .whyChooseUsWrapper > .gradient-line.gray{
        display: none;
    }
    .degreeWrap img#degree-line {
        width: 20vw;
    }
    /*===============WHY CHOOSE US================*/
    #home_overlay_wrapper {
        width: calc(100% - 40px);
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        border-radius: 20px;
    }
    .overlay_media_wrapper {
        height: 22vh;
    }
    .overlay_info_wrapper img {
        width: 8rem;
    }
    .overlay_info_wrapper {
        padding: 1.25rem 1.5rem 1.5rem;
    }
    .overlay_info_wrapper p {
        font-size: .97rem;
    }
    .overlay_info_wrapper .close_overlay span {
        font-size: .875rem;
    }
    .overlay_media_wrapper img {
        border-radius: 0 0 20px 20px;
    }
}
@media only screen and (max-width: 768px) and (min-height: 668px) {
    .hero_content-text {
        height: calc(69vh - var(--headerHeight) - var(--spaceS));
    }
    section.hero .hero_background {
        height: 69vh;
    }
}
@media only screen and (max-width: 768px) and (min-height: 813px) {
    .hero_content-text {
        height: calc(65vh - var(--headerHeight) - var(--spaceS));
    }
    section.hero .hero_background {
        height: 65vh;
    }
}
@media only screen and (max-width: 768px) and (min-height: 845px) {
    .hero_content-text {
        height: calc(56vh - var(--headerHeight) - var(--spaceS));
    }
    section.hero .hero_background {
        height: 56vh;
    }
}

@media only screen and (min-width: 640px) and (max-width: 768px){
    .hero_content-media {
        -ms-grid-columns: 2fr 1fr;
        grid-template-columns: 2fr 1fr;
    }
    /*================HERO=====================*/
    section.hero .hero_background {
        height: 45vh;
    }
    .hero_content-text {
        height: calc(45vh - var(--headerHeight) - var(--spaceS));
    }
    .hero_content-media {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .hero_content-media .data-box {
        width: 100%;
        height: 30vw;
        height: auto !important;
        aspect-ratio: 1 / 1;
    }
    .hero_content-text .title {
        font-size: 1.5rem;
    }
    .hero_content-media .video-previewBox {
        width: 100%;
        height: auto;
        aspect-ratio: 2 / 1;
    }
    /*================HERO=====================*/
    /*==========horizontalInfiniteScrollItems===============*/
    .horizontalInfiniteScrollItems .diagonal-box {
        left: calc(36% + 1rem - var(--spaceX));
    }
    /*==========horizontalInfiniteScrollItems===============*/
    /*===========aboutLotusWrapper=============*/
    .aboutLotusWrapper{
        padding-top: calc(var(--headerHeight) + 7rem);
        width: 70%;
    }
    .aboutCardsWrapper {
        height: 50vh;
    }
    /*===========aboutLotusWrapper=============*/
    /*===========WIDGETS=============*/
    .aboutLotusMediaWrap {
        height: 11.5625rem;
    }
    .widgetItems {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .permissionItem_media img {
        width: 5.875rem;
        height: 3.8125rem;
    }
    /*===========WIDGETS=============*/
    /*===========WHY CHOOSE US=============*/
    .whyChooseUsListItems .whyChooseUsListItem {
        margin-top: 0;
    }
    .whyChooseUsListItems {
        width: calc(100% - 42vw - var(--spaceX));
    }
    /*===========WHY CHOOSE US=============*/
}
@media only screen and (min-width: 769px) and (max-width: 1199px){
    :root{
        --cardGap: .99rem;
        --heightDataBox : 18.875rem ;
        --heightDataBox-ar-ru : 20.875rem ;
    }
    /*==============HERO================*/
    .scroller__inner {
        padding-block: 2rem;
    }

    section.hero:before {
        left: calc(50% - 60rem + 15rem);
    }
    section.hero {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .hero_content-media {
        grid-column: auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .hero_content-text {
        width: 50%;
        margin: 4rem auto 0;
    }
    .cta-buttons {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 1rem;
    }
    .hero_content-text .cta-buttons .brandCta {
        width: 48%;
    }
    .data-box-wrap .data-box-logo {
        width: 6.5rem;
        height: 5.5rem;
    }
    .data-box-wrap .arrow-btn {
        width: 1.875rem;
        height: 1.875rem;
        font-size: .75rem;
    }
    /*==============HERO================*/
    /*==========horizontalInfiniteScrollItems=============*/
    .horizontalInfiniteScrollItems .diagonal-box {
        left: calc(40% - 2.5rem - var(--spaceX));
    }
    .horizontalInfiniteScrollInfo h2 {
        font-size: 1.75rem;
    }
    .marqueeContainer.after .scroller__inner {
        padding-block: 1rem;
    }
    .marqueeContainer.after .scroller__inner .scroller__inner__box:nth-of-type(3n+1) {
        width: 3.5125rem;
        height: 3.5125rem;
        margin-bottom: 46px;
    }
    .marqueeContainer.after .scroller__inner .scroller__inner__box:nth-of-type(3n+3) {
        width: 3.125rem;
        height: 3.125rem;
        margin-bottom: 96px;
    }
    .marqueeContainer.after .scroller__inner .scroller__inner__box::before {
        width: 2rem;
        height: 2rem;
    }
    /*==========horizontalInfiniteScrollItems=============*/
    /*==========aboutLotusWrapper=============*/
    .aboutCardsWrapper {
        height: 43vh;
    }
    .aboutLotusWrapper {
        width: calc(var(--space) * 8);
        padding-top: 16rem;
    }
    .aboutCardsBannerContainer .aboutCardWrap {
        width: 45%;
    }
    /*==========aboutLotusWrapper=============*/
    /*===============WIDGET===================*/
    .permissionItem_media img {
        width: 5.875rem;
        height: 4.8125rem;
    }
    section.permissionContainer .scroller[data-animated="true"] {
        -webkit-mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, white), color-stop(90%, white), to(transparent));
        -webkit-mask: linear-gradient(90deg, transparent, white 10%, white 90%, transparent);
        mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, white), color-stop(90%, white), to(transparent));
        mask: linear-gradient(90deg, transparent, white 10%, white 90%, transparent);
    }
    /*===============WIDGET===================*/
    /*===============WHY CHOOSE US===================*/
    .morphWrapper {
        display: none;
    }
    .degreeWrap img#circleDegreeCategory {
        width: 38vw;
        height: 38vw;
        -webkit-transform: translateX(28vw);
        -ms-transform: translateX(28vw);
        transform: translateX(28vw);
    }
    html[dir="ltr"] .degreeWrap img#circleDegreeCategory {
        -webkit-transform: translateX(-28vw);
        -ms-transform: translateX(-28vw);
        transform: translateX(-28vw);
    }
    .degreeWrap::before {
        width: 10.71169rem;
        height: 10.71169rem;
        -webkit-transform: translate(7.71169rem, -50%);
        -ms-transform: translate(7.71169rem, -50%);
        transform: translate(7.71169rem, -50%);
    }
    html[dir="ltr"] .degreeWrap::before{
        -webkit-transform: translate(-7.71169rem, -50%);
        -ms-transform: translate(-7.71169rem, -50%);
        transform: translate(-7.71169rem, -50%);
    }
    .degreeWrap img#degree-line {
        width: 14vw;
    }
    .whyChooseUsListItems {
        position: relative;
        width: calc(100% - 25vw);
        margin-right: 17vw;
        min-height: 15rem;
    }
    html[dir="ltr"] .whyChooseUsListItems {
        margin-left: 17vw;
        margin-right: auto;
    }

    .whyChooseUsWrapper > .gradient-line.gray {
        right: 33.5vw;
    }
    html[dir="ltr"] .whyChooseUsWrapper > .gradient-line.gray {
        left: 33.5vw;
        right: auto;
    }
    .whyChooseUsListItems .whyChooseUsListItem h2 {
        font-size: 1.5rem;
        width: 15vw;
        min-width: 15vw;
    }
    /*===============WHY CHOOSE US===================*/
    #home_overlay_wrapper {
        width: 78vw;
    }
    .overlay_media_wrapper {
        height: 37vh;
    }
    .overlay_info_wrapper img {
        width: 10rem;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
    :root{
        --cardGap: .875rem;
    }
    /*==============HERO=================*/
    .hero_content-text .title {
        font-size: 1.5rem;
    }
    section.hero:before {
        left: calc(50% - 36rem + 15rem);
    }
    /*==============HERO=================*/
    /*==========horizontalInfiniteScrollWrapper============*/
    .horizontalInfiniteScrollWrapper {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
    .horizontalInfiniteScrollInfo h2 {
        font-size: 1.6rem;
    }
    .marqueeContainer.after .scroller__inner {
        padding-block: 1rem;
    }
    .marqueeContainer.after .scroller__inner .scroller__inner__box:nth-of-type(3n+1) {
        width: 2.8125rem;
        height: 2.8125rem;
        margin-bottom: 50px;
    }
    .marqueeContainer.after .scroller__inner .scroller__inner__box:nth-of-type(3n+3) {
        width: 2.8125rem;
        height: 2.8125rem;
        margin-bottom: 88px;
    }
    .marqueeContainer.after .scroller__inner .scroller__inner__box::before {
        width: 1.55rem;
        height: 1.55rem;
        right: -.5rem;
    }
    .horizontalInfiniteScrollItems .diagonal-box {
        left: calc(40% + .5rem - var(--spaceX));
    }
    .scroller__inner__box {
        width: 2.125rem;
        height: 2.125rem;
        margin-top: 30px;
    }
    .scroller__inner {
        padding-block: 1rem;
    }
    /*==========horizontalInfiniteScrollWrapper============*/
    /*==========aboutLotusContainer============*/
    .aboutLotusWrapper {
        padding-top: 8rem;
        width: calc(var(--space) * 10);
    }
    section.aboutLotusContainer .footer-logo {
        width: 5.81075rem;
        height: 2.99763rem;
    }
    .aboutCardsWrapper {
        height: 62vh;
    }
    .aboutLotusMediaWrap {
        height: 5.5625rem;
    }
    .aboutCardsBannerContainer .aboutCardWrap h2.title {
        font-size: 1.05rem;
    }
    .aboutCardsBannerContainer .aboutCardWrap p {
        -webkit-line-clamp: 4;
    }
    /*==========aboutLotusContainer============*/
    /*==========WIDGET============*/
    .widgetItemBody p.desc {
        font-size: .75rem;
    }
    section.permissionContainer .scroller__inner.permissionItems {
        padding-block: 1.88rem;
    }
    section.permissionContainer .gradient-line.gray {
        width: 4.125rem;
    }
    section.permissionContainer .scroller[data-animated="true"] {
        -webkit-mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, white), color-stop(90%, white), to(transparent));
        -webkit-mask: linear-gradient(90deg, transparent, white 10%, white 90%, transparent);
        mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, white), color-stop(90%, white), to(transparent));
        mask: linear-gradient(90deg, transparent, white 10%, white 90%, transparent);
    }
    /*==========WIDGET============*/
    /*==========WHY CHOOSE US============*/
    .whyChooseUsWrapper > .gradient-line.gray {
        right: 30vw;
    }
    .whyChooseUsListItems .whyChooseUsListItem h2 {
        font-size: 1.6rem;
    }
    .whyChooseUsWrapper .title {
        top: 6rem;
    }
    .whyChooseUsListItems {
        width: calc(100% - 44vw);
    }
    /*==========WHY CHOOSE US============*/
    .overlay_info_wrapper .close_overlay span{
        font-size: .75rem;
    }
    .overlay_info_wrapper .close_overlay {
        height: 2.25rem;
    }
    .overlay_info_wrapper p {
        font-size: 1rem;
    }

    .overlay_info_wrapper img {
        width: 10rem;
    }

}
@media only screen and (min-width: 1400px) and (max-width: 1600px){
    :root{
        --heightDataBox: 10.875rem;
        --heightDataBox-ar-ru: 12.875rem;
        --cardGap: .875rem;
    }
    /*=================HERO==================*/
    section.hero:before {
        left: calc(50% - 38rem + 15rem);
    }
    .data-box-wrap .data-box-logo {
        width: 2.875rem;
        height: 2.875rem;
    }
    .data-box-wrap p.title {
        font-size: .875rem;
    }
    .hero_content-text .title {
        font-size: 1.75rem;
    }
    /*=================HERO==================*/
    /*===========horizontalInfiniteScrollWrapper==============*/
    .horizontalInfiniteScrollWrapper {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
    .horizontalInfiniteScrollInfo h2 {
        font-size: 1.75rem;
    }
    .marqueeContainer.after .scroller__inner .scroller__inner__box:nth-of-type(3n+1) {
        width: 3.0125rem;
        height: 3.0125rem;
        margin-bottom: 54px;
    }
    .marqueeContainer.after .scroller__inner .scroller__inner__box:nth-of-type(3n+3) {
        width: 2.8125rem;
        height: 2.8125rem;
        margin-bottom: 113px;
    }
    .marqueeContainer.after .scroller__inner .scroller__inner__box::before {
        width: 1.75rem;
        height: 1.75rem;
    }
    /*===========horizontalInfiniteScrollWrapper==============*/
    /*===========aboutLotusContainer==============*/
    section.aboutLotusContainer .footer-logo {
        width: 5.81075rem;
        height: 2.99763rem;
    }
    /*===========aboutLotusContainer==============*/
    /*===========WIDGET==============*/
    section.aboutLotusContainer .footer-logo {
        width: 5.81075rem;
        height: 2.99763rem;
    }
    .widgetItemBody p.desc {
        font-size: .875rem;
    }
    section.permissionContainer .scroller__inner.permissionItems {
        padding-block: 2rem;
    }
    section.permissionContainer .gradient-line.gray {
        width: 5.125rem;
    }
    section.permissionContainer .scroller[data-animated="true"] {
        -webkit-mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, white), color-stop(90%, white), to(transparent));
        -webkit-mask: linear-gradient(90deg, transparent, white 10%, white 90%, transparent);
        mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, white), color-stop(90%, white), to(transparent));
        mask: linear-gradient(90deg, transparent, white 10%, white 90%, transparent);
    }
    /*===========WIDGET==============*/
    /*===========WHY CHOOSE US==============*/
    .whyChooseUsListItems .whyChooseUsListItem h2 {
        font-size: 1.75rem;
    }
    .whyChooseUsWrapper::before {
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.3)), color-stop(50%, rgba(255, 255, 255, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    }
    html[dir="ltr"] .whyChooseUsWrapper::before {
        background: -o-linear-gradient(right, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.3)), color-stop(50%, rgba(255, 255, 255, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(270deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    }
    /*===========WHY CHOOSE US==============*/
    .overlay_info_wrapper p {
        font-size: 1rem;
    }
    .overlay_info_wrapper img {
        width: 10rem;
    }
}
@media only screen and (min-width: 1601px) and (max-width: 1800px) {
    /*===========horizontalInfiniteScrollWrapper==============*/
    .horizontalInfiniteScrollWrapper {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
    .horizontalInfiniteScrollInfo h2 {
        font-size: 1.75rem;
    }
    .marqueeContainer.after .scroller__inner .scroller__inner__box:nth-of-type(3n+1) {
        width: 3.0125rem;
        height: 3.0125rem;
        margin-bottom: 54px;
    }
    .marqueeContainer.after .scroller__inner .scroller__inner__box:nth-of-type(3n+3) {
        width: 2.8125rem;
        height: 2.8125rem;
        margin-bottom: 113px;
    }
    .marqueeContainer.after .scroller__inner .scroller__inner__box::before {
        width: 1.75rem;
        height: 1.75rem;
    }
    /*===========horizontalInfiniteScrollWrapper==============*/
}