/*
Theme Name: lotus theme
Author: Dokmeh Agency
Author URI: https://www.hidokmeh.com/
Description: Lotus Home appliances theme
Version: 1.0.0
Text Domain: dokmeh
*/
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{-ms-scroll-chaining:none;overscroll-behavior:contain}.lenis.lenis-stopped{overflow:clip}.lenis.lenis-smooth iframe{pointer-events:none}
:root {
    --space: calc(100vw / 12);
    --spaceX: calc(var(--space) * 1);
    --spaceXX: calc(var(--space) * 2);
    --spaceXXX: calc(var(--space) * 3);
    --spaceS: calc(var(--space) * 0.5);
    --spaceXS: calc(var(--space) / 8);
    --headerTop: 1.87rem;
    --headerHeight: 4.9375rem;
    --space3Y: 2.5rem;
    --space4Y: 3rem;
    --space5Y: 3.81rem;
    --spaceHalf: 4.38rem;
    --border-radius-XS: 0.25;
    --white: #fff;
    --dark:#333;
    --black:#000;
    --gray:#D9D9D9;
    --grayBlue:#98A2B3;
    --BrandGreen200: #A4AEAC;
    --BrandGreen300: #778682;
    --BrandGreen-400: #495D59;
    --BrandGreen500:#1C352F;
    --BrandGreen600:#162A26;
    --PantonGreen600: #2ECB7F;
    --PantonGreen700:#23985F;
    --BrandGreen400:#495D59;
    --BrandYellow100: #FFF3D8;
    --BrandYellow200: #FFE8B1;
    --BrandYellow500:#FFC53C;
    --BrandYellow600:#CC9E30;
    --border-radius: 0.3125rem;
    --Bt-Bg:rgba(210, 215, 213, 0.30);
    --BackgroundBlure:rgba(255, 255, 255, 0.90);
    --radius-box: .75rem;
    --radius-btn: .5rem;
    --font-size: 15px;
    --headerSpaceL: 1rem;
    --font-bingo :'Bingo', sans-serif;
    --widthLogo: 26.5rem;
    --heightLogo: 16.69369rem;
}
*, ::before, ::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
}
::-moz-selection{
    color: var(--BrandGreen500);
    background-color: var(--BrandYellow500);
}
::selection{
    color: var(--BrandGreen500);
    background-color: var(--BrandYellow500);
}
::-moz-selection{
    color: var(--BrandGreen500);
    background-color: var(--BrandYellow500);
}
/*=================Loading==================*/
@media (max-width: 699px) {
    :root {
        --font-size: 15px;
        --font-size-ar: 14px;
    }
}

@media (min-width: 700px) and (max-width: 1024px) {
    :root {
        --font-size: 15px;
        --font-size-ar: 14px;
    }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    :root {
        --font-size: 15px;
        --font-size-ar: 14px;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    :root {
        --font-size: 14px;
        --font-size-ar: 13px;
    }
}

@media (min-width: 1600px) and (max-width: 1999px) {
    :root {
        --font-size: 17px;
        --font-size-ar: 15px;
    }
}

@media (min-width: 2000px) and (max-width: 2399px) {
    :root {
        --font-size: 19px;
        --font-size-ar: 17px;
    }
}

@media (min-width: 2400px) {
    :root {
        --font-size: 21px;
        --font-size-ar: 19px;
    }
}
html{
    min-height: 100%;
    line-height: 1.3;
    color: var(--BrandGreen500);
    background-color: var(--white);
    font-size: var(--font-size);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: background-color .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: background-color .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: background-color .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    width: 100%;
}
html[lang="ar"] {
    font-size: var(--font-size-ar);
}
html[lang="fa-IR"] {
    font-size: var(--font-size);
}
body {
    margin: 0;
    line-height: normal;
    position: relative;
}
html[lang="fa-IR"],html[lang="fa-IR"] body,html[lang="fa-IR"] h1,html[lang="fa-IR"] h2,html[lang="fa-IR"] h3,html[lang="fa-IR"] h4,html[lang="fa-IR"] h5,html[lang="fa-IR"] h6,html[lang="fa-IR"] a,html[lang="fa-IR"] p,html[lang="fa-IR"] span,html[lang="fa-IR"] ul li,html[lang="fa-IR"] ol li,html[lang="fa-IR"] input,html[lang="fa-IR"] textarea,html[lang="fa-IR"] button {
    font-family: "iranyekan", sans-serif;
}
html[lang="ar"],html[lang="ar"] body,html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,html[lang="ar"] h5,html[lang="ar"] h6,html[lang="ar"] a,html[lang="ar"] p,html[lang="ar"] span,html[lang="ar"] ul li,html[lang="ar"] ol li,html[lang="ar"] input,html[lang="ar"] textarea,html[lang="ar"] button {
    font-family: "Loew Next Arabic", sans-serif;
}
li.fa a {
    font-family: "iranyekan", sans-serif !important;
}
li.ar a {
    font-family: "Loew Next Arabic", sans-serif !important;
    font-weight: 300;
}
li.en a ,
li.ru a {
    font-family: "Barlow", sans-serif !important;
}
html::-webkit-scrollbar {
    width: 6px;
}
html::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px var(--white);
    box-shadow: inset 0 0 6px var(--white);
}
html::-webkit-scrollbar-thumb {
    background-color: var(--BrandGreen500);
    outline: 1px solid var(--BrandGreen500);
    border-radius: 10px;
}
*:focus,*:focus-visible{
    outline: none !important;
}
a{
    color: inherit;
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
span.text-yellow,a.text-yellow  {
    color: var(--BrandYellow500);
    font-weight: 700;
}
ul,ol {
    padding-right: 1rem;
}
ul li {
    line-height: 1.6;
}
img,
video {
    max-width: 100%;
    height: auto;
    font-size: .8rem;
}
*,*:focus,*:focus-visible{
    outline: none;
    outline-color: transparent;
}
p{
    line-height: 1.6;
}
.padding-x {
    padding-right: var(--spaceX);
    padding-left: var(--spaceX);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.padding-2x {
    padding-right: var(--spaceXX);
    padding-left: var(--spaceXX);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.padding-3x {
    padding-right: var(--spaceXXX);
    padding-left: var(--spaceXXX);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.size-full {
    width: 100%;
    height: 100%;
}
.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}
.object-contain {
    -o-object-fit: contain;
    object-fit: contain;
}
.brandCta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    font-size: 0.97rem;
    font-weight: 400;
    line-height: normal;
    padding: 0.375rem 1.0625rem;
    border-radius: 6.25rem;
    border: 1px solid transparent;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    height: 2.6375rem;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: -o-linear-gradient(left, #fcd37d, #fffdf7) padding-box,
    -o-linear-gradient(290deg, var(--BrandYellow500), var(--BrandGreen400), var(--BrandYellow500)) border-box;
    background: linear-gradient(90deg, #fcd37d, #fffdf7) padding-box,
    linear-gradient(160deg, var(--BrandYellow500), var(--BrandGreen400), var(--BrandYellow500)) border-box;
    -webkit-transition: -webkit-transform 0.3s ease-in;
    transition: -webkit-transform 0.3s ease-in;
    -o-transition: transform 0.3s ease-in;
    transition: transform 0.3s ease-in;
    transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
}
.brandCta::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: -o-linear-gradient(left, #fffdf7, #fcd37d);
    background: -webkit-gradient(linear, left top, right top, from(#fffdf7), to(#fcd37d));
    background: linear-gradient(90deg, #fffdf7, #fcd37d);
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
    z-index: -1;
}
.brandCta:hover::before {
    opacity: 1;
}
.brandCta.dark {
    border: 1px solid rgba(255, 255, 255, 0.90);
    background: -o-linear-gradient(left, rgba(255, 197, 60, 0.50) 0%, rgba(255, 197, 60, 0.05) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 197, 60, 0.50)), to(rgba(255, 197, 60, 0.05)));
    background: linear-gradient(90deg, rgba(255, 197, 60, 0.50) 0%, rgba(255, 197, 60, 0.05) 100%);
}
.brandCta.dark::before{
    background: -o-linear-gradient(left, #1C352F 0%, rgba(255, 197, 60, 0.50) 100%);
    background: -webkit-gradient(linear, left top, right top, from(#1C352F), to(rgba(255, 197, 60, 0.50)));
    background: linear-gradient(90deg, #1C352F 0%, rgba(255, 197, 60, 0.50) 100%);
}
.brandCta.whiteBack {
    background: -o-linear-gradient(left, var(--white), var(--white)) padding-box,
    -o-linear-gradient(290deg, var(--BrandYellow500), var(--BrandGreen400), var(--BrandYellow500)) border-box ;
    background: -o-linear-gradient(left, var(--white), var(--white)) padding-box,
    -o-linear-gradient(290deg, var(--BrandYellow500), var(--BrandGreen400), var(--BrandYellow500)) border-box ;
    background: -o-linear-gradient(left, var(--white), var(--white)) padding-box,
    -o-linear-gradient(290deg, var(--BrandYellow500), var(--BrandGreen400), var(--BrandYellow500)) border-box ;
    background: -o-linear-gradient(left, var(--white), var(--white)) padding-box,
    -o-linear-gradient(290deg, var(--BrandYellow500), var(--BrandGreen400), var(--BrandYellow500)) border-box ;
    background: -o-linear-gradient(left, var(--white), var(--white)) padding-box,
    -o-linear-gradient(290deg, var(--BrandYellow500), var(--BrandGreen400), var(--BrandYellow500)) border-box ;
    background: linear-gradient(90deg, var(--white), var(--white)) padding-box,
    linear-gradient(160deg, var(--BrandYellow500), var(--BrandGreen400), var(--BrandYellow500)) border-box ;
}
.brandCta *[class^="icon-"] {
    position:absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: .85rem;
}
.brandCta *[class^="icon-"]:first-child {
    right: calc( .85rem / -2);
}

.brandCta *[class^="icon-"]:last-child {
    left: calc( .85rem / -2);
}
.brandCta:hover *[class^="icon-"] {
    -webkit-animation: rotateForward  .75s linear forwards;
    animation: rotateForward  .75s linear forwards; /* Apply animation on hover */
}

/*@keyframes rotateForward {*/
/*    0% {*/
/*        transform: translateY(-50%)rotate(0deg);*/
/*    }*/
/*    50% {*/
/*        transform: translateY(-50%)rotate(-45deg);*/
/*    }*/
/*    100% {*/
/*        transform: translateY(-50%)rotate(0deg);*/
/*    }*/
/*}*/
/*.brandCta.brandCtaShadow:after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 100%;*/
/*    left: 10%;*/
/*    width: 80%;*/
/*    height: .13rem;*/
/*    background-color: var(--BrandYellow500);*/
/*}*/

/*.brandCta.brandCtaShadow:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 10%;*/
/*    width: 80%;*/
/*    height: 70%;*/
/*    background-color: rgb(255 197 60 / 50%);*/
/*    !* box-shadow: 0 0 0.25rem 0.25rem rgb(255 197 60 / 50%); *!*/
/*    -o-transition: all ease-in-out .25s;*/
/*    transition: all ease-in-out .25s;*/
/*    border-color: transparent;*/
/*    filter: blur(6px);*/
/*    z-index: -1;*/
/*}*/
.gradient-line {
    height: 1px;
}
.gradient-line.yellow {
    width: 100%;
    background: -o-linear-gradient(left, rgba(255, 197, 60, 0.00) 0%, var(--BrandYellow500) 50%, rgba(255, 197, 60, 0.00) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 197, 60, 0.00)), color-stop(50%, var(--BrandYellow500)), to(rgba(255, 197, 60, 0.00)));
    background: linear-gradient(90deg, rgba(255, 197, 60, 0.00) 0%, var(--BrandYellow500) 50%, rgba(255, 197, 60, 0.00) 100%);
}
.gradient-line.gray {
    width: 100%;
    background: -o-linear-gradient(left, rgba(73, 93, 89, 0.00) 0%, var(--dark) 50%, rgba(73, 93, 89, 0.00) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(73, 93, 89, 0.00)), color-stop(50%, var(--dark)), to(rgba(73, 93, 89, 0.00)));
    background: linear-gradient(90deg, rgba(73, 93, 89, 0.00) 0%, var(--dark) 50%, rgba(73, 93, 89, 0.00) 100%);
}
.gradient-line.yellowGreen {
    /*background: -o-linear-gradient(3deg, var(--BrandGreen400) 20.98%, var(--BrandYellow500) 61.13%, var(--BrandGreen400) 93.87%);*/
    /*background: linear-gradient(87deg, var(--BrandGreen400) 20.98%, var(--BrandYellow500) 61.13%, var(--BrandGreen400) 93.87%);*/
    background: -o-linear-gradient(left, rgba(255, 197, 60, 0.00) 0%,var(--BrandYellow500) 33%, var(--BrandYellow500) 66%, rgba(255, 197, 60, 0.00) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 197, 60, 0.00)),color-stop(33%, var(--BrandYellow500)), color-stop(66%, var(--BrandYellow500)), to(rgba(255, 197, 60, 0.00)));
    background: linear-gradient(90deg, rgba(255, 197, 60, 0.00) 0%,var(--BrandYellow500) 33%, var(--BrandYellow500) 66%, rgba(255, 197, 60, 0.00) 100%);
    width: 100%;
}
.brandBackground{
    border-radius: 0.9375rem;
    background: -o-linear-gradient(310deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.30) 75.84%);
    background: linear-gradient(140deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.30) 75.84%);
    border: 1px solid var(--BackgroundBlure);
    background: var(--Bt-Bg);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.preText {
    display: inline-block;
    font-size: 0.97rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.text-small{
    display: inline-block;
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.mainTitleText {
    font-size: 1rem;
    font-style: normal;
    font-weight: 800;
    line-height: 170%; /* 1.7rem */
    margin: 0;
}

.titleWrappedByLine {
    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;
    gap: 2.5rem;
}
.titleWrappedByLine .titleText {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 800;
    line-height: 3.9375rem; /* 262.5% */
    letter-spacing: -0.06rem;
    margin: 0;
    white-space: nowrap;
}
.titleWrappedByLine .gradient-line {
    width: 7.4375rem;
}
.brandGradientBorder:before {
    content: '';
    position: absolute;
    background: #cc9e30;
    background: -o-linear-gradient(130deg, #cc9e30 0%, #98a2b3 100%);
    background: linear-gradient(320deg, #cc9e30 0%, #98a2b3 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    inset: 0;
    padding: 2px;
    pointer-events: none;
    opacity: .15;
    border-radius: inherit;
}
.borderHighlight::before{
    content: '';
    position: absolute;
    background: -o-linear-gradient(90deg, var(--BrandYellow500), rgba(255,255,255,.5));
    background: -o-linear-gradient(top, var(--BrandYellow500), rgba(255, 255, 255, .3));
    background: -o-linear-gradient(top, var(--BrandYellow500), rgba(255, 255, 255, .15));
    background: -o-linear-gradient(left, var(--BrandYellow500), rgba(255, 255, 255, .15));
    background: -webkit-gradient(linear, left top, right top, from(var(--BrandYellow500)), to(rgba(255, 255, 255, .15)));
    background: linear-gradient(90deg, var(--BrandYellow500), rgba(255, 255, 255, .15));
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    inset: 0;
    padding: 1px;
    pointer-events: none;
    border-radius: var(--radius-box);
}
.mediumTitle{
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: .95rem 0 1.95rem;
}
.smallTitle{
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
/*==========================MODAL=======================*/
#modalVideoContainer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    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;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity ease-in-out .45s;
    -o-transition: opacity ease-in-out .45s;
    transition: opacity ease-in-out .45s;
}
#contactModal label#captchaLabel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.6375rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 0.25rem 0 !important;
}
.videoModalIsOpen #modalVideoContainer {
    opacity: 1;
    pointer-events: auto;
    background: rgba(217,217,217,0);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(217,217,217,0);
    cursor: pointer;
}
.modalVideoContainer-inner {
    position: relative;
    margin: auto;
    width: fit-content;
    height: calc(100dvh - var(--spaceX) * 2.5);
    background-color:var(--BrandGreen500);
    border-radius: 1rem;
    cursor: auto;
    min-width: 33vw;
}
body.videoModalIsOpen {
    pointer-events: none;
}
#closeModalVideo {
    position: absolute;
    bottom: 100%;
    width: 3.1875rem;
    height: 3.1875rem;
    background-color: var(--BrandGreen500);
    z-index: 999999999999999;
    right: calc(var(--spaceX) - 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;
    cursor: pointer;
    border-radius: .5rem .5rem 0 0;
}
#closeModalVideo:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -2rem;
    -webkit-box-shadow: 1rem 1rem var(--BrandGreen500);
    box-shadow: 1rem 1rem var(--BrandGreen500);
    width: 2rem;
    height: 2rem;
    border-radius: .5rem;
}
#closeModalVideo:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: -2rem;
    -webkit-box-shadow: 1rem 1rem var(--BrandGreen500);
    box-shadow: 1rem 1rem var(--BrandGreen500);
    width: 2rem;
    height: 2rem;
    border-radius: .5rem;
    -webkit-transform:scaleX(-1);
    -ms-transform:scaleX(-1);
    transform:scaleX(-1)
}
#closeModalVideo img {
    width: 3.1875rem;
    height: 3.1875rem;
    z-index: 1;
}
#modalVideoContainer .video_wrap {
    width: 100%;
    height: 100%;
    padding: 1rem;
}
#modalVideoContainer video {
    background-color: #D9D9D9;
    border-radius: .75rem;
}
/*==========================MODAL=======================*/
/*==========================CONTACT MODAL=======================*/
#contactModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    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;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity ease-in-out .5s;
    -o-transition: opacity ease-in-out .5s;
    transition: opacity ease-in-out .5s;
}
.contactModalIsOpen #contactModal {
    opacity: 1;
    pointer-events: auto;
    background: rgba(217,217,217,0);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.contactModal-inner {
    position: relative;
    margin: auto;
    width: 24vw;
    /*min-height: calc(100dvh - var(--spaceX)*2);*/
    background-color: var(--BrandGreen500);
    /*border-radius: var(--border-radius-XS);*/
    border-radius: 1rem;
    color: var(--white);
    border: 2px solid transparent; /* space for the border */
    background:
            -o-linear-gradient(var(--BrandGreen500), var(--BrandGreen500)) padding-box, /* inner background */
            -o-repeating-linear-gradient(
                    left,
                    #495D59 0,
                    #495D59 45%,
                    var(--BrandYellow500) 70%,
                    #495D59 100%,
                    #495D59 25%,
                    var(--BrandYellow500) 25%,
                    var(--BrandYellow500) 100%
            ) border-box;
    background:
            -o-linear-gradient(var(--BrandGreen500), var(--BrandGreen500)) padding-box, /* inner background */
            -o-repeating-linear-gradient(
                    left,
                    #495D59 0,
                    #495D59 45%,
                    var(--BrandYellow500) 70%,
                    #495D59 100%,
                    #495D59 25%,
                    var(--BrandYellow500) 25%,
                    var(--BrandYellow500) 100%
            ) border-box;
    background:
            -o-linear-gradient(var(--BrandGreen500), var(--BrandGreen500)) padding-box, /* inner background */
            -o-repeating-linear-gradient(
                    left,
                    #495D59 0,
                    #495D59 45%,
                    var(--BrandYellow500) 70%,
                    #495D59 100%,
                    #495D59 25%,
                    var(--BrandYellow500) 25%,
                    var(--BrandYellow500) 100%
            ) border-box;
    background:
            -o-linear-gradient(var(--BrandGreen500), var(--BrandGreen500)) padding-box, /* inner background */
            -o-repeating-linear-gradient(
                    left,
                    #495D59 0,
                    #495D59 45%,
                    var(--BrandYellow500) 70%,
                    #495D59 100%,
                    #495D59 25%,
                    var(--BrandYellow500) 25%,
                    var(--BrandYellow500) 100%
            ) border-box;
    background:
            -webkit-gradient(linear, left top, left bottom, from(var(--BrandGreen500)), to(var(--BrandGreen500))) padding-box, /* inner background */
            repeating-linear-gradient(
                    90deg,
                    #495D59 0,
                    #495D59 45%,
                    var(--BrandYellow500) 70%,
                    #495D59 100%,
                    #495D59 25%,
                    var(--BrandYellow500) 25%,
                    var(--BrandYellow500) 100%
            ) border-box;
    background:
            -o-linear-gradient(var(--BrandGreen500), var(--BrandGreen500)) padding-box, /* inner background */
            -o-repeating-linear-gradient(
                    left,
                    #495D59 0,
                    #495D59 45%,
                    var(--BrandYellow500) 70%,
                    #495D59 100%,
                    #495D59 25%,
                    var(--BrandYellow500) 25%,
                    var(--BrandYellow500) 100%
            ) border-box;
    background:
            linear-gradient(var(--BrandGreen500), var(--BrandGreen500)) padding-box, /* inner background */
            repeating-linear-gradient(
                    90deg,
                    #495D59 0,
                    #495D59 45%,
                    var(--BrandYellow500) 70%,
                    #495D59 100%,
                    #495D59 25%,
                    var(--BrandYellow500) 25%,
                    var(--BrandYellow500) 100%
            ) border-box;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    /*opacity: 0;*/
    -webkit-animation-name: slideDown, fadeOut;
    animation-name: slideDown, fadeOut;
    -webkit-animation-duration: 0.5s, 0.4s;
    animation-duration: 0.5s, 0.4s;
    -webkit-animation-delay: 0s, 0.15s;
    animation-delay: 0s, 0.15s; /* transform starts immediately, opacity starts after 0.5s */
    -webkit-animation-fill-mode: forwards, forwards;
    animation-fill-mode: forwards, forwards;
    -webkit-animation-timing-function: ease-out, linear;
    animation-timing-function: ease-out, linear;

}
@-webkit-keyframes slideDown {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}
@keyframes slideDown {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
body.contactModalIsOpen .contactModal-inner {
    -webkit-animation-name: slideUp, fadeIn;
    animation-name: slideUp, fadeIn;
    -webkit-animation-duration: 0.5s, 0.4s;
    animation-duration: 0.5s, 0.4s;
    -webkit-animation-delay: 0s, 0.15s;
    animation-delay: 0s, 0.15s; /* transform starts immediately, opacity starts after 0.5s */
    -webkit-animation-fill-mode: forwards, forwards;
    animation-fill-mode: forwards, forwards;
    -webkit-animation-timing-function: ease-out, linear;
    animation-timing-function: ease-out, linear;
}
@-webkit-keyframes slideUp {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes slideUp {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/*body.contactModalIsOpen {*/
/*    overflow: hidden;*/
/*}*/
.contactModal-inner  .contactModal-form{
    padding: 1.25rem 1.13rem;
    max-height: calc(100vh - var(--headerHeight) * 2);
    overflow-y: auto;
}
.contactModal-inner  .contactModal-form::-webkit-scrollbar {
    width: 3px;
}
.contactModal-inner  .contactModal-form::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px var(--BrandGreen500);
    box-shadow: inset 0 0 3px var(--BrandGreen500);
}
.contactModal-inner  .contactModal-form::-webkit-scrollbar-thumb {
    background-color: var(--white);
    outline: 1px solid var(--white);
    border-radius: 10px;
}
.contactModal-form > *{
    display: block;
    margin: 0 0 1.5rem 0;
}
.contactModal-inner .contactModal-form form > label {
    display: inline-block;
    margin: 1.5rem 0 1.5rem 0;
}
.contactModal-form .time-options {
    display: inline-block;
    margin: 0 0 1rem 0;
}
.contactModal-form .captcha {
    margin: 0 auto 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.contactModal-form form {
    margin: 0;
}

#contactModal form input:not([type=radio]) {
    width: 100%;
    margin: 0 0 .25rem 0;
    border-radius: .25rem;
    color: var(--white);
    text-align: right;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    height: 2.6375rem;
    padding: 0.3125rem 0.6875rem;
    border: 1px solid transparent; /* space for the border */
    background:
            -o-linear-gradient(var(--BrandGreen500), var(--BrandGreen500)) padding-box, /* inner background */
            -o-repeating-linear-gradient(
                    left,
                    #495D59 0,
                    #495D59 45%,
                    #FFC53C 70%,
                    #495D59 100%,
                    #495D59 25%,
                    #FFC53C 25%,
                    #FFC53C 100%
            ) border-box;
    background:
            -o-linear-gradient(var(--BrandGreen500), var(--BrandGreen500)) padding-box, /* inner background */
            -o-repeating-linear-gradient(
                    left,
                    #495D59 0,
                    #495D59 45%,
                    #FFC53C 70%,
                    #495D59 100%,
                    #495D59 25%,
                    #FFC53C 25%,
                    #FFC53C 100%
            ) border-box;
    background:
            -o-linear-gradient(var(--BrandGreen500), var(--BrandGreen500)) padding-box, /* inner background */
            -o-repeating-linear-gradient(
                    left,
                    #495D59 0,
                    #495D59 45%,
                    #FFC53C 70%,
                    #495D59 100%,
                    #495D59 25%,
                    #FFC53C 25%,
                    #FFC53C 100%
            ) border-box;
    background:
            -o-linear-gradient(var(--BrandGreen500), var(--BrandGreen500)) padding-box, /* inner background */
            -o-repeating-linear-gradient(
                    left,
                    #495D59 0,
                    #495D59 45%,
                    #FFC53C 70%,
                    #495D59 100%,
                    #495D59 25%,
                    #FFC53C 25%,
                    #FFC53C 100%
            ) border-box;
    background:
            -webkit-gradient(linear, left top, left bottom, from(var(--BrandGreen500)), to(var(--BrandGreen500))) padding-box, /* inner background */
            repeating-linear-gradient(
                    90deg,
                    #495D59 0,
                    #495D59 45%,
                    #FFC53C 70%,
                    #495D59 100%,
                    #495D59 25%,
                    #FFC53C 25%,
                    #FFC53C 100%
            ) border-box;
    background:
            -o-linear-gradient(var(--BrandGreen500), var(--BrandGreen500)) padding-box, /* inner background */
            -o-repeating-linear-gradient(
                    left,
                    #495D59 0,
                    #495D59 45%,
                    #FFC53C 70%,
                    #495D59 100%,
                    #495D59 25%,
                    #FFC53C 25%,
                    #FFC53C 100%
            ) border-box;
    background:
            linear-gradient(var(--BrandGreen500), var(--BrandGreen500)) padding-box, /* inner background */
            repeating-linear-gradient(
                    90deg,
                    #495D59 0,
                    #495D59 45%,
                    #FFC53C 70%,
                    #495D59 100%,
                    #495D59 25%,
                    #FFC53C 25%,
                    #FFC53C 100%
            ) border-box;
}
#contactModal form input[type="submit"] {
    background: transparent;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
    color: var(--white);
    height: 100%;
    border: none;
    font-size: .75rem !important;
    cursor: pointer;
    line-height: 1;
}
#contactModal form input:not([type=radio])::-webkit-input-placeholder {
    color: var(--white);
    opacity: .5;
    font-size: 12px;
}
#contactModal form input:not([type=radio])::-moz-placeholder {
    color: var(--white);
    opacity: .5;
    font-size: 12px;
}
#contactModal form input:not([type=radio]):-ms-input-placeholder {
    color: var(--white);
    opacity: .5;
    font-size: 12px;
}
#contactModal form input:not([type=radio])::-ms-input-placeholder {
    color: var(--white);
    opacity: .5;
    font-size: 12px;
}
#contactModal form input:not([type=radio])::placeholder {
    color: var(--white);
    opacity: .5;
    font-size: 12px;
}
.contactModal-inner .contactModal-form .title {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}
.contactModal-inner .contactModal-form .input-error {
    margin-bottom: 0.5rem;
}
.contactModal-inner .contactModal-form .input-error .error-message {
    font-size: 12px;
    color: #f00;
}
#apiLogInvestment {
    text-align: center;
    font-size: .85rem;
    margin-bottom: 0;
    margin-top: 0 !important;
}
#apiLogInvestment p {
    margin-bottom: 0;
}
.contactModal-inner .contactModal-form .text ,
.contactModal-inner .contactModal-form form > label {
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.contactModal-form .time-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .7rem;
}
.time-options .input.radioBtn {
    width: calc(100% / 3 - .7rem * 2/3);
}
.time-options .input.radioBtn > input {
    display: none;
}
.time-options label {
    position: relative;
    cursor: pointer;
    color: var(--white);
    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;
    gap: .5rem;
    text-align: center;
    padding: .45rem;
    border-radius: .25rem;
    background: rgba(217, 217, 217, 0.00);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    border: 1px solid transparent;
    background:
            -o-linear-gradient(var(--BrandGreen500), var(--BrandGreen500)) padding-box, /* inner background */
            -o-repeating-linear-gradient(
                    left,
                    #495D59 0,
                    #495D59 45%,
                    #FFC53C 70%,
                    #495D59 100%,
                    #495D59 25%,
                    #FFC53C 25%,
                    #FFC53C 100%
            ) border-box;
    background:
            -o-linear-gradient(var(--BrandGreen500), var(--BrandGreen500)) padding-box, /* inner background */
            -o-repeating-linear-gradient(
                    left,
                    #495D59 0,
                    #495D59 45%,
                    #FFC53C 70%,
                    #495D59 100%,
                    #495D59 25%,
                    #FFC53C 25%,
                    #FFC53C 100%
            ) border-box;
    background:
            -o-linear-gradient(var(--BrandGreen500), var(--BrandGreen500)) padding-box, /* inner background */
            -o-repeating-linear-gradient(
                    left,
                    #495D59 0,
                    #495D59 45%,
                    #FFC53C 70%,
                    #495D59 100%,
                    #495D59 25%,
                    #FFC53C 25%,
                    #FFC53C 100%
            ) border-box;
    background:
            -o-linear-gradient(var(--BrandGreen500), var(--BrandGreen500)) padding-box, /* inner background */
            -o-repeating-linear-gradient(
                    left,
                    #495D59 0,
                    #495D59 45%,
                    #FFC53C 70%,
                    #495D59 100%,
                    #495D59 25%,
                    #FFC53C 25%,
                    #FFC53C 100%
            ) border-box;
    background:
            -webkit-gradient(linear, left top, left bottom, from(var(--BrandGreen500)), to(var(--BrandGreen500))) padding-box, /* inner background */
            repeating-linear-gradient(
                    90deg,
                    #495D59 0,
                    #495D59 45%,
                    #FFC53C 70%,
                    #495D59 100%,
                    #495D59 25%,
                    #FFC53C 25%,
                    #FFC53C 100%
            ) border-box;
    background:
            -o-linear-gradient(var(--BrandGreen500), var(--BrandGreen500)) padding-box, /* inner background */
            -o-repeating-linear-gradient(
                    left,
                    #495D59 0,
                    #495D59 45%,
                    #FFC53C 70%,
                    #495D59 100%,
                    #495D59 25%,
                    #FFC53C 25%,
                    #FFC53C 100%
            ) border-box;
    background:
            linear-gradient(var(--BrandGreen500), var(--BrandGreen500)) padding-box, /* inner background */
            repeating-linear-gradient(
                    90deg,
                    #495D59 0,
                    #495D59 45%,
                    #FFC53C 70%,
                    #495D59 100%,
                    #495D59 25%,
                    #FFC53C 25%,
                    #FFC53C 100%
            ) border-box;
}
.time-options label * {
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.time-options label span.time {
    /* display: inline-block; */
    text-transform: uppercase;
    position: relative;
    top: -.625rem;
    font-size: 0.375rem;
    font-weight: 100;
}
.time-options label:before{
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    background: -o-radial-gradient(49.64% 76.56%, 95.14% 56.25%, var(--BrandGreen-400, #495D59) 18.27%, rgba(73, 93, 89, 0.20) 100%);
    background: radial-gradient(95.14% 56.25% at 49.64% 76.56%, var(--BrandGreen-400, #495D59) 18.27%, rgba(73, 93, 89, 0.20) 100%);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    z-index: -1;
    border-radius: .25rem;
    -webkit-transition: all ease-in-out .35s;
    -o-transition: all ease-in-out .35s;
    transition: all ease-in-out .35s;
    opacity: 0;
    pointer-events:none
}
.time-options label:hover:before ,
.time-options input:checked + label:before{
    opacity:1
}
.time-options input:checked + label:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 10%;
    width: 80%;
    height: 0.125rem;
    background-color: var(--BrandYellow500);
}
.captcha {
}

button[type="submit"] {
    width: 100%;
    /* border: none; */
    cursor: pointer;
    font-family: inherit;
    height: 2.4375rem;
    color: inherit;
    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;
}
#closeModalContact{
    position: absolute;
    bottom: calc(100% - 3.1875rem*2);
    width: 3.1875rem;
    height: 3.1875rem;
    background-color: var(--BrandGreen500);
    z-index: 999999999999999;
    right: -3.1875rem;
    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;
    border-radius: 0 .5rem .5rem  0;
}
#closeModalContact::before {
    content: '';
    position: absolute;
    background: -o-linear-gradient(right, rgba(255, 197, 60, .5) 0%, rgba(255, 197, 60, 1) 36%, rgba(28, 53, 47, .5) 74%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 197, 60, .5)), color-stop(36%, rgba(255, 197, 60, 1)), color-stop(74%, rgba(28, 53, 47, .5)));
    background: linear-gradient(270deg, rgba(255, 197, 60, .5) 0%, rgba(255, 197, 60, 1) 36%, rgba(28, 53, 47, .5) 74%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    inset: 0;
    padding: 1.5px;
    pointer-events: none;
    border-radius: 0 .5rem .5rem  0;
}
span.wpcf7-not-valid-tip {
    margin-top: 0;
}

.contactModal-form .wpcf7 {
    margin-bottom: 0;
}
#contactModal .wpcf7-not-valid-tip {
    font-size: .625rem;
    margin: 0 0 .75rem;
}
/*==========================CONTACT MODAL=======================*/
/*==========================FORM=======================*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--BrandGreen500);
    -webkit-box-shadow: 0 0 0 1000px transparent inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
}
.headerSearch-input input:-webkit-autofill,
.headerSearch-input input:-webkit-autofill:hover,
.headerSearch-input input:-webkit-autofill:focus{
    -webkit-text-fill-color: var(--white);
    -webkit-box-shadow: 0 0 0 1000px transparent inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
}
#contactModal form input:not([type=radio]):-webkit-autofill,
#contactModal form input:not([type=radio]):-webkit-autofill:hover,
#contactModal form input:not([type=radio]):-webkit-autofill:focus{
    -webkit-text-fill-color: var(--white);
    border:1px solid #495D59;
}
.recaptcha {
    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;
}
#form-message_newsletter p {
    direction: rtl;
}
.wpcf7-spinner{
    position: absolute;
    pointer-events: none;
}
.arcaptcha {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;}
.wpcf7 form .wpcf7-response-output {
    font-size: .65rem;
    text-align: center;
    padding: 8px 0;
    /* margin-bottom: 0; */
}
#form-message_newsletter p{
    -webkit-animation: spotlight 4.5s infinite forwards;
    animation: spotlight 4.5s infinite forwards;
    padding: 0 1rem;
}
@-webkit-keyframes spotlight{
    0% {
        opacity:1
    }
    50%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes spotlight{
    0% {
        opacity:1
    }
    50%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
    text-align: right;
}
span.wpcf7-not-valid-tip {
    font-size: .75rem;
    margin-top: 5px;
    margin-bottom: 0.75rem;
}
.wpcf7-form-control-wrap[data-name="textareaInput"] {
    margin-bottom: .5rem;
    display: block;
}
.wpcf7-spinner {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    margin: 0;
    opacity: 1;
    font-size: .75rem;
    border-radius: 6.25rem;
    background: -o-linear-gradient(left, #fffdf7, #fcd37d);
    background: -webkit-gradient(linear, left top, right top, from(#fffdf7), to(#fcd37d));
    background: linear-gradient(90deg, #fffdf7, #fcd37d);
}

.wpcf7-spinner::after {
    content: 'LOADING ...';
    color: var(--black);
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50% ,-50%);
    -ms-transform: translate(-50% ,-50%);
    transform: translate(-50% ,-50%);
    position: absolute;
    -webkit-animation: 1.5s linear infinite spotlight ;
    animation: 1.5s linear infinite spotlight ;
    font-size: .75rem;
}
.wpcf7-spinner::before {
    visibility: hidden;
    display: none
}
html[dir=rtl] .wpcf7-spinner::after {
    content: 'در حال ارسال ...'
}
.dark .wpcf7-spinner {
    background: -o-linear-gradient(right, var(--BrandGreen500), #fcd37d);
    background: -webkit-gradient(linear, right top, left top, from(var(--BrandGreen500)), to(#fcd37d));
    background: linear-gradient(-90deg, var(--BrandGreen500), #fcd37d);
}
.dark .wpcf7-spinner::after {
    color: var(--white);
}
.wpcf7-form-control-wrap {
    display: block;
    margin-bottom: .5rem;
}
/*==========================FORM=======================*/
/*==========================TITLE ITEM=======================*/
.title_item {
    position: relative;
    margin-bottom: 1.5rem;
    min-height:  7.25rem;;
}
.title_item::before {
    content:'';
    position: absolute;
    background-image: url("./assets/img/diagonal.svg");
    width: 5.5rem;
    height: 3.46472rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    right: 0;
    top: 0;
}
.title_item h2 {
    margin: 0;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
}
.content_item {
    text-align: justify;
    font-size: 0.97rem;
    font-weight: 400;
    text-align-last: right;
    -moz-text-align-last: right;
    -webkit-text-align-last: right;
    text-justify: inter-word;
    -ms-text-justify: inter-word;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    font-kerning: none;
}
.title_item h2,.title_item p {
    padding-right: 6.75rem;
    color: var(--BrandGreen400);
}
.title_item p {
    margin: 0;
    font-size: 0.97rem;
    font-style: normal;
    font-weight: 700;
}
.title_item.small h2 {
    font-size: 1.25rem;
}
.title_item.white h2,.content_text_wrap.white p,.title_item.white > p {
    color: var(--white);
}
.content_text_wrap {
    text-align: justify;
    text-align-last: right;
    -moz-text-align-last: right;
    -webkit-text-align-last: right;
    text-justify: inter-word;
    -ms-text-justify: inter-word;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    font-kerning: none;
}
/*==========================TITLE ITEM=======================*/
/*==========================HERO CONTAINER=======================*/
section.heroContainer .heroContainer_media::before{
    content:'';
    background: #000;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.4)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4) 100%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    display: none;
}
section.heroSectionOverlay .heroContainer_media::before{
    content:'';
    background: #000;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.2) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.2)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.2) 100%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    display: none;
}
section.heroContainer .heroContainer_media,section.heroSectionOverlay .heroContainer_media {
    overflow: hidden;
}
/*==========================HERO CONTAINER=======================*/
/*========================DEFAULT PAGE=========================*/
main.pageWrapper {
    padding-top: calc(var(--headerHeight) + 4rem);
    position: relative;
    width: 100%;
    display: block;
}
main.pageWrapper .page-container {
    margin-bottom: var(--space5Y);
    padding-left: calc(var(--spaceX) * 3);
    padding-right: calc(var(--spaceX) * 3);
}
.router-overlay{
    position:fixed;
    width:100%;
    height:100vh;
    left:0;
    top:0;
    opacity: 0;
    pointer-events:none;
    background-color:var(--white);
    z-index:10000;
    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-transition-timing-function: cubic-bezier(.17,.67,1,1.23);
    -o-transition-timing-function: cubic-bezier(.17,.67,1,1.23);
    transition-timing-function: cubic-bezier(.17,.67,1,1.23);
}
.router-overlay .diagonal-img {
    width: var(--widthLogo);
    height: var(--heightLogo);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 0;
}
.router-overlay .diagonal-img img{
    width: 100%;
    height: 100%;
    vertical-align: middle;
    -o-object-fit: contain;
    object-fit: contain;
}
.router-overlay .router-shadow {
    position: relative;
    width: 100%;
    height: calc(var(--heightLogo) + 4px);
    z-index: 1;
    background:var(--white);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition-timing-function: cubic-bezier(.17,.67,1,1.23);
    -o-transition-timing-function: cubic-bezier(.17,.67,1,1.23);
    transition-timing-function: cubic-bezier(.17,.67,1,1.23);
}
/*========================DEFAULT PAGE=========================*/
/*========================CANDLE CONTAINER=========================*/
.candleContainer .bg ,
.fund_candleContainer .bg {
    z-index: 0;
    pointer-events: none;
    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;
    position: absolute;
    width: 100%;
    height: 100%;
}
.candleContainer .cell-col ,
.fund_candleContainer .cell-col {
    height: 100%;
}
.candleContainer .cell ,
.fund_candleContainer .cell {
    background-color: #3affa3;
    opacity: 0;
    /*box-shadow: 0px 0px 7px 8px #23985F26, 0px 0px 7px 1px #2ECB7F73;*/
    -webkit-box-shadow: 0px 0px 36px 8px  #3affa326, 0px 0px 7px 1px #3affa373;
    box-shadow: 0px 0px 36px 8px  #3affa326, 0px 0px 7px 1px #3affa373;
    width: .5rem;
    height: 3.33333vh;
    /*height: calc(100% / 3);*/
    margin: 1px 0;
}
.fund_candleContainer .cell {
    background-color: #f3f978;
    -webkit-box-shadow: 0px 0px 36px 8px rgb(243 249 120 / 15%), 0px 0px 7px 1px rgb(243 249 120 / 45%);
    box-shadow: 0px 0px 36px 8px rgb(243 249 120 / 15%), 0px 0px 7px 1px rgb(243 249 120 / 45%)
}
.candleContainer .cell .cell-col ,
.fund_candleContainer .cell .cell-col {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% / 4);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
/*========================CANDLE CONTAINER=========================*/
.blur-up {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-out;
    -o-transition: opacity 0.4s ease-out;
    transition: opacity 0.4s ease-out;
}
.blur-up.lazyloaded {
    opacity: 1;
}
body > div[style*="z-index: 2000000000"][style*="position: absolute"] {
    overflow: hidden !important;
}
/*============================FUND CARD TAGS============================*/
.row.fundItem-tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: .25rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.green .row.fundItem-tags {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.fundItem-tag {
    background-color: var(--PantonGreen700 );
    padding: 0.25rem;
    border-radius: 1rem;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .25rem;
    min-width: 2.75rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: default;
}
.fundItem-tag img {
    width: .8rem;
    height: .8rem;
    -o-object-fit: contain;
    object-fit: contain;
}
.fundItem-tag span:not([class^="icon-"]) {
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 700;
}
html[dir="ltr"] .fundItem-tag span:not([class^="icon-"]) {
    font-weight: 600;
    text-transform: capitalize;
}
.fundItem-tag [class^="icon-"] {
    font-size: .5rem;
    line-height: normal;
}
.fundItem-tag.warning {
    background-color: #fd7e14;
}
.fundItem-tag.error {
    background-color: #dc3545;
}
.fundItem-tag.normal {
    background-color: #007bff;
}
.fundItem-tag.general {
    background-color: #6c757d;
}
.fundItem-tag.success {
    background-color: #28a745;
}
/*============================FUND CARD TAGS============================*/
/*======================SCROLL DOWN============================*/
.scroll-down {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    bottom: 4rem;
    width: 2rem;
    height: 2rem;
    opacity: 0;
    -webkit-transition: opacity cubic-bezier(0, .29, .09, 1) .5s 1s;
    -o-transition: opacity cubic-bezier(0, .29, .09, 1) .5s 1s;
    transition: opacity cubic-bezier(0, .29, .09, 1) .5s 1s;
}
.scroll-top {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(180deg);
    -ms-transform: translateX(-50%) rotate(180deg);
    transform: translateX(-50%) rotate(180deg);
    z-index: 1;
    top: 4rem;
    width: 4rem;
    height: 5rem;
    opacity: 0;
    -webkit-transition: opacity cubic-bezier(0, .29, .09, 1) .5s 1s;
    -o-transition: opacity cubic-bezier(0, .29, .09, 1) .5s 1s;
    transition: opacity cubic-bezier(0, .29, .09, 1) .5s 1s;
}
.reachFooter .scroll-top {
    opacity: 1;
}
body.load .scroll-down{
    opacity: 1;
    -webkit-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
}
.scroll-down .chevron,
.scroll-top .chevron{
    position: absolute;
    width: 1.7rem;
    height: 0.24rem;
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
}
.scroll-top .chevron {
    pointer-events: none;
    top: 13px;
    left: 1rem;
}
.scroll-down .chevron ,
.reachFooter .scroll-top .chevron {
    -webkit-animation: move-chevron 3s ease-out infinite;
    animation: move-chevron 3s ease-out infinite;
}
.scroll-down .chevron:first-child ,
.reachFooter .scroll-top .chevron:first-child {
    -webkit-animation: move-chevron 3s ease-out 1s infinite;
    animation: move-chevron 3s ease-out 1s infinite;
}
.scroll-down .chevron:nth-child(2) ,
.reachFooter .scroll-top .chevron:nth-child(2) {
    -webkit-animation: move-chevron 3s ease-out 2s infinite;
    animation: move-chevron 3s ease-out 2s infinite;
}
.scroll-down .chevron:before,
.scroll-down .chevron:after,
.scroll-top .chevron:before,
.scroll-top .chevron:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 50%;
    background: var(--BrandYellow500);
}
.scroll-down .chevron:before ,
.scroll-top .chevron:before {
    left: 0;
    -webkit-transform: skewY(30deg);
    -ms-transform: skewY(30deg);
    transform: skewY(30deg);
}
.scroll-down .chevron:after ,
.scroll-top .chevron:after {
    right: 0;
    width: 50%;
    -webkit-transform: skewY(-30deg);
    -ms-transform: skewY(-30deg);
    transform: skewY(-30deg);
}
@-webkit-keyframes move-chevron {
    25% {
        opacity: 1;
    }
    33.3% {
        opacity: 1;
        -webkit-transform: translateY(2.28rem);
        transform: translateY(2.28rem);
    }
    66.6% {
        opacity: 1;
        -webkit-transform: translateY(3.12rem);
        transform: translateY(3.12rem);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(4.8rem) scale(0.5);
        transform: translateY(4.8rem) scale(0.5);
    }
}
@keyframes move-chevron {
    25% {
        opacity: 1;
    }
    33.3% {
        opacity: 1;
        -webkit-transform: translateY(2.28rem);
        transform: translateY(2.28rem);
    }
    66.6% {
        opacity: 1;
        -webkit-transform: translateY(3.12rem);
        transform: translateY(3.12rem);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(4.8rem) scale(0.5);
        transform: translateY(4.8rem) scale(0.5);
    }
}

/*======================SCROLL DOWN============================*/
/*==========================FAQ==============================*/
details.wp-block-details.is-layout-flow.wp-block-details-is-layout-flow {
    margin-block-end: 0.75rem;
    border-bottom: 1px solid;
    -o-border-image: -o-linear-gradient(left, rgba(255, 197, 60, 0.00) 0%, var(--BrandYellow500) 19.23%, var(--BrandYellow500) 79.33%, rgba(255, 197, 60, 0.00) 100%);
    border-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 197, 60, 0.00)), color-stop(19.23%, var(--BrandYellow500)), color-stop(79.33%, var(--BrandYellow500)), to(rgba(255, 197, 60, 0.00)));
    border-image: linear-gradient(90deg, rgba(255, 197, 60, 0.00) 0%, var(--BrandYellow500) 19.23%, var(--BrandYellow500) 79.33%, rgba(255, 197, 60, 0.00) 100%);
    border-image-slice: 1;
}

.wp-block-details summary {
    padding-bottom: 0.75rem;
    font-weight: bold;
    font-size: 1.05rem;
    list-style: none;
    margin: 0;
    position: relative;
    padding-inline-end: 21px;
}

details.wp-block-details.is-layout-flow.wp-block-details-is-layout-flow figure.wp-block-table {
    font-size: .87rem;
    margin-top: 0.5rem;
}

details.wp-block-details.is-layout-flow.wp-block-details-is-layout-flow > p {
    font-size: .97rem;
}

details.wp-block-details.is-layout-flow.wp-block-details-is-layout-flow::marker {
    display: none;
}

details.wp-block-details.is-layout-flow.wp-block-details-is-layout-flow summary::before {
    position: absolute;
    left: 0;
    top: 5px;
    content: "\e91f";
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    font-size: .875rem;
}

details.wp-block-details.is-layout-flow.wp-block-details-is-layout-flow[open] summary::before {
    content: "\e91d";
}
/*==========================FAQ==============================*/
/*===================================================RESPONSIVE*/
@media only screen and (max-width: 768px){
    :root {
        --space3Y: 1.5rem;
        --space4Y: 1.5rem;
        --space5Y: 2.19rem;
        --spaceX: 20px;
        --spaceXX: 20px;
        --spaceXXX: 20px;
        --widthLogo: 13.32031rem;
        --heightLogo: 7.875rem;
        --widthLogoTwo: 13.32031rem;
        --heightLogoTwo: 7.875rem;
    }
    main.pageWrapper {
        padding-top: calc(var(--headerHeight) + 2rem);
    }
    main.pageWrapper section.page-container {
        padding-left: var(--spaceX);
        padding-right: var(--spaceX);
    }
    .smallTitle {
        font-size: 1.125rem;
    }
    .titleWrappedByLine .titleText {
        font-size: 1.25rem;
        line-height: 1.75rem;
        white-space: normal;
        text-align: center;
    }
    .mediumTitle{
        font-size: 1.5rem;
        margin: .5rem 0 1.81rem;
    }
    .content_item {
        font-size: .75rem;
    }
    .modalVideoContainer-inner {
        height: auto;
        width: calc(100% - 40px);
    }
    #closeModalVideo {
        left: calc(var(--spaceX) + 1rem);
        width: 2.1875rem;
        height: 2.1875rem;
        right: auto;
    }
    #closeModalVideo img {
        width: 1.75rem;
        height: 1.75rem;
    }
    .title_item h2 {
        font-size: 1.5rem;
    }
    /*===================CONTACT MODAL=======================*/
    .contactModal-inner {
        width: calc(100% - var(--spaceX) * 2);
        border-radius: .25rem;
        border-width: 1px;
        background: -o-linear-gradient(var(--BrandGreen500), var(--BrandGreen500)) padding-box,
            /* inner background */ -o-repeating-linear-gradient(left, #495D59 0, #495D59 45%, #FFC53C 70%, #495D59 100%, #495D59 25%, #FFC53C 25%, #FFC53C 100%) border-box;
        background: -o-linear-gradient(var(--BrandGreen500), var(--BrandGreen500)) padding-box,
            /* inner background */ -o-repeating-linear-gradient(left, #495D59 0, #495D59 45%, #FFC53C 70%, #495D59 100%, #495D59 25%, #FFC53C 25%, #FFC53C 100%) border-box;
        background: -o-linear-gradient(var(--BrandGreen500), var(--BrandGreen500)) padding-box,
            /* inner background */ -o-repeating-linear-gradient(left, #495D59 0, #495D59 45%, #FFC53C 70%, #495D59 100%, #495D59 25%, #FFC53C 25%, #FFC53C 100%) border-box;
        background: -o-linear-gradient(var(--BrandGreen500), var(--BrandGreen500)) padding-box,
            /* inner background */ -o-repeating-linear-gradient(left, #495D59 0, #495D59 45%, #FFC53C 70%, #495D59 100%, #495D59 25%, #FFC53C 25%, #FFC53C 100%) border-box;
        background: -webkit-gradient(linear, left top, left bottom, from(var(--BrandGreen500)), to(var(--BrandGreen500))) padding-box,
            /* inner background */ repeating-linear-gradient(90deg, #495D59 0, #495D59 45%, #FFC53C 70%, #495D59 100%, #495D59 25%, #FFC53C 25%, #FFC53C 100%) border-box;
        background: -o-linear-gradient(var(--BrandGreen500), var(--BrandGreen500)) padding-box,
            /* inner background */ -o-repeating-linear-gradient(left, #495D59 0, #495D59 45%, #FFC53C 70%, #495D59 100%, #495D59 25%, #FFC53C 25%, #FFC53C 100%) border-box;
        background: linear-gradient(var(--BrandGreen500), var(--BrandGreen500)) padding-box,
            /* inner background */ repeating-linear-gradient(90deg, #495D59 0, #495D59 45%, #FFC53C 70%, #495D59 100%, #495D59 25%, #FFC53C 25%, #FFC53C 100%) border-box;
    }
    #closeModalContact {
        bottom: 0;
        top: -1.4625rem;
        right: auto;
        left: -1.5px;
        width: 1.5625rem;
        height: 1.5625rem;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        border-radius: 0 .25rem .25rem  0;
        z-index: 1;
    }
    #closeModalContact::before {
        border-radius: 0 .25rem .25rem 0;
        background: -o-linear-gradient(right,rgba(73, 93, 89, 1) 0%, rgba(73, 93, 89, 1) 50%, rgba(28, 53, 47, 1) 99%);
        background: -webkit-gradient(linear,right top, left top,from(rgba(73, 93, 89, 1)), color-stop(50%, rgba(73, 93, 89, 1)), color-stop(99%, rgba(28, 53, 47, 1)));
        background: linear-gradient(270deg,rgba(73, 93, 89, 1) 0%, rgba(73, 93, 89, 1) 50%, rgba(28, 53, 47, 1) 99%);
    }
    .time-options label {
        padding: .45rem .125rem;
    }
    .contactModal-form .time-options {
        gap: .35rem;
    }
    .time-options .input.radioBtn {
        width: calc(100% / 3 - .35rem * 2/3);
    }
    /*===================CONTACT MODAL=======================*/
    input:not([type="submit"]),textarea {
        font-size: 16px !important;
    }
    .cell-col.var-4 ,.cell-col.var-5 {
        display: none;
    }
    header .brandCta {
        font-size: .75rem;
    }
    .scroll_down {
        display: none;
    }
}

@media only screen and (min-width: 640px) and (max-width: 768px){
    /*===================CONTACT MODAL=======================*/
    .contactModal-inner {
        width: 50vw;
    }
    #closeModalContact {
        width: 2.5625rem;
        height: 2.5625rem;
        top: -2.4625rem;
    }
    /*===================CONTACT MODAL=======================*/
}
@media only screen and (min-width: 769px) and (max-width: 1199px){
    :root {
        --spaceX: calc(var(--space) * 0.5);
        --spaceXX: calc(var(--space) * 0.5);
        --spaceXXX: calc(var(--space) * 0.5);
        --widthLogo: 20.32031rem;
        --heightLogo: 12.875rem;
    }
    main.pageWrapper section.page-container {
        padding-left: calc(var(--spaceX)*4);
        padding-right: calc(var(--spaceX)*4);
    }
    .smallTitle{
        font-size: 1.2rem;
    }
    .mediumTitle {
        font-size: 1.75rem;
        margin: .95rem 0 1.95rem;
    }
    .title_item h2 {
        font-size: 1.75rem;
    }
    .content_item {
        font-size: .75rem;
    }
    .contactModal-inner {
        width: 38vw;
    }
    .modalVideoContainer-inner {
        height: auto;
        width: calc(90% - var(--spaceX) * 2);
    }
    #closeModalVideo {
        right: calc(var(--spaceX) + 1rem);
    }
    input:not([type="submit"]),textarea {
        font-size: 16px !important;
    }
    .scroll_down {
        display: none;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
    :root{
        --space3Y: 2.25rem;
        --space4Y: 2rem;
        --space5Y: 2.81rem;
        --space: calc(100vw / 18);
        --widthLogo: 20.5rem;
        --heightLogo: 10.69369rem;
    }
    main.pageWrapper section.page-container {
        padding-left: calc(var(--spaceX)*4);
        padding-right: calc(var(--spaceX)*4);
    }
    .smallTitle{
        font-size: 1.2rem;
    }
    .brandCta {
        height: 1.95rem;
    }
    .mediumTitle,.title_item h2 {
        font-size: 1.75rem;
    }
    .content_item {
        font-size: .75rem;
    }
    .contactModal-inner {
        width: 30vw;
        max-height: -webkit-max-content;
        max-height: -moz-max-content;
        max-height: max-content;
    }
    #closeModalContact {
        width: 2.75rem;
        height: 2.75rem;
        bottom: calc(100% - 2.75rem * 2);
        right: -2.75rem;
    }
    .scroll_down {transform: scale(.7);transform-origin: bottom left;}
    #contactModal form input:not([type=radio]),#contactModal label#captchaLabel {
        height: 2.125rem;
    }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px){
    :root {
        --widthLogo: 23.5rem;
        --heightLogo: 14.69369rem;
    }
    .smallTitle{
        font-size: 1.2rem;
    }
    .brandCta {
        height: 2.125rem;
    }
    .mediumTitle,.title_item h2 {
        font-size: 1.875rem;
    }
    .content_item {
        font-size: .75rem;
    }
    .contactModal-inner {
        width: 27vw;
        max-height: -webkit-max-content;
        max-height: -moz-max-content;
        max-height: max-content;
    }
    #closeModalContact {
        width: 2.875rem;
        height: 2.875rem;
        bottom: calc(100% - 2.875rem * 2);
        right: -2.875rem;
    }
    #contactModal form input:not([type=radio]),#contactModal label#captchaLabel {
        height: 2.125rem;
    }
}
@media only screen and (min-width: 1601px) and (max-width: 1800px) {
    :root{
        --widthLogo: 23.5rem;
        --heightLogo: 14.69369rem;
    }
}