:root{
    --background-color: #fffff;
    --text-color: #686868;
    --color-gold: #f6ad00;
    --color-gold-hover: #eaa601;
    --color-white: white;
}

:root[dir="rtl"] {
    --bg-gradient-gold:  linear-gradient(263deg, #f6ad00 0%, #f6cD00 100%);
}

:root[dir="ltr"] {
    --bg-gradient-gold:  linear-gradient(263deg, #f6cD00 0%, #f6ad00 100%);
}

:root[data-mode="dark-theme"] {
     --background-color: #000000;
    --text-color: #ffffff;
    --bg-gradient-gray: linear-gradient(260deg, #2d3436 0%, #323232 74%);
}

:root[data-mode="light-theme"] {
    --background-color: #ffffff;
    --text-color: #686868;
    --bg-gradient-gray:  linear-gradient(260deg, #f9f9f9 0%, #f6f6f6 100%);
}


html{
    scroll-behavior: smooth;
}


html[dir="ltr"] body{
    text-align: left;
    direction: ltr;
}

html[dir="rtl"] body{
    text-align: right;
    direction: rtl;
}

html[dir="rtl"]  .mr-auto{
    margin-left: auto;
    margin-right: 0 !important;
}


body{
    font-family: 'Klapt', sans-serif;
    background-color: var(--background-color) ;
    color: var(--text-color);
    font-size: 16px;
    line-height: 1.7;
    font-weight: 400;
    overflow-x: hidden;
    user-select: none;
}

::selection{
    color: var(--color-white);
    : var(--color-gold);
}

h1, h2, h3, h4, h5, h6{
    line-height: 1.5;
}

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

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

.bg-gradient-gold{
    background: var(--bg-gradient-gold);
}

.bg-gradient-gray{
    background: var(--bg-gradient-gray);
}

.section-head span::before{
    content: " ";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDMuNDIxIiBoZWlnaHQ9IjguMzIzIiB2aWV3Qm94PSIwIDAgMTAzLjQyMSA4LjMyMyI+DQogIDxwYXRoIGlkPSJQYXRoXzE3NzY4IiBkYXRhLW5hbWU9IlBhdGggMTc3NjgiIGQ9Ik0tMjEuODc4LDcuOTI5YTcuOTMsNy45MywwLDAsMC0xLjA0LjQyOCw0Ni4zNTEsNDYuMzUxLDAsMCwxLTUuNTM4LDIuMjk1QTE3Ljg3LDE3Ljg3LDAsMCwxLTM0LjMsMTEuNzIzYTYuMTgxLDYuMTgxLDAsMCwxLTMuMzY2LS44ODdBMTQuMjI5LDE0LjIyOSwwLDAsMS00MC4zNTksOC42bC0uMjc1LS4yNzVhMi4yLDIuMiwwLDAsMS0uMjc1LS4zMzcsNi4xMTEsNi4xMTEsMCwwLDEtLjU1MS0uNjEyLDYuMzc0LDYuMzc0LDAsMCwxLS4zMzctLjY0MywxLjY4MiwxLjY4MiwwLDAsMS0uMTUzLS43LDIsMiwwLDAsMSwuMzM3LTEuMTYzLDEuMDg1LDEuMDg1LDAsMCwxLC45NDktLjQ5LDEuMjMsMS4yMywwLDAsMSwuOTc5LjU1MSwyLjk5NCwyLjk5NCwwLDAsMSwuNTUxLjU4MSw2LjAwNyw2LjAwNywwLDAsMCwuNjEyLjdBOC4wMjgsOC4wMjgsMCwwLDAtMzYuODEsNy41OTJhNS4zMjYsNS4zMjYsMCwwLDAsMi44MTUuNjQzQTExLjkyLDExLjkyLDAsMCwwLTMwLjIsNy42MjNxMS44MzYtLjYxMiwzLjQyNy0xLjI4NS44LS4zNjcsMS41LS43dDEuMzc3LS41ODFhNi4wNzcsNi4wNzcsMCwwLDEsMi4yNjQtLjYxMiwyLjEyNiwyLjEyNiwwLDAsMSwxLjM0Ni40MjgsMy41ODUsMy41ODUsMCwwLDEsLjQyOC40OSwzLjM0LDMuMzQsMCwwLDEsLjI0NS4yNzUsMy4zMzcsMy4zMzcsMCwwLDAsLjI0NS4yNzUsNS4wNDEsNS4wNDEsMCwwLDAsMS40MDgsMS4wNCw2LjM5Myw2LjM5MywwLDAsMCwyLjg3Ni40OUExMS40LDExLjQsMCwwLDAtMTEuMjkxLDYuOCwyNS42ODIsMjUuNjgyLDAsMCwwLTcuOTI1LDUuMzU4cS43MzQtLjM2NywxLjM3Ny0uN3QxLjEzMi0uNjQzQTMuNjQ1LDMuNjQ1LDAsMCwxLTMuOTQ3LDMuNGExLjMyMywxLjMyMywwLDAsMSwuOTc5LjM2Ny41NDEuNTQxLDAsMCwxLC4xNTMuMjQ1LjU0MS41NDEsMCwwLDAsLjE1My4yNDUuNTMzLjUzMywwLDAsMSwuMTUzLjI3NS41MzMuNTMzLDAsMCwwLC4xNTMuMjc1QTQuODc0LDQuODc0LDAsMCwwLTEuNTMsNS44NzgsMi4zMDksMi4zMDksMCwwLDAsLjE1Myw2LjRhMTEuMjQ3LDExLjI0NywwLDAsMCw0LjU5LS45MTgsMS4wNjMsMS4wNjMsMCwwLDEsLjMzNy0uMjE0LDIuMjcyLDIuMjcyLDAsMCwwLC40NTktLjI3NSwzLjQ2NywzLjQ2NywwLDAsMCwuNTUxLS4yNzVxLjI0NS0uMTUzLjU1MS0uMzM3LjU1MS0uMzA2LDEuMDEtLjUyYTEuODc1LDEuODc1LDAsMCwxLC42NDMtLjIxNCwxLjc4NiwxLjc4NiwwLDAsMSwuOC4zNjcsMi40NTgsMi40NTgsMCwwLDEsLjUyLjM2Nyw1Ljg2LDUuODYsMCwwLDAsLjY0My40OSw4Ljc1Niw4Ljc1NiwwLDAsMCwxLjgwNS44ODcsNy43MDcsNy43MDcsMCwwLDAsMi42NjIuNCw3LjI3Miw3LjI3MiwwLDAsMCwyLjgxNS0uNDI4LDcuMDcyLDcuMDcyLDAsMCwwLDEuNjUyLS45NzksNC4yNzUsNC4yNzUsMCwwLDEsLjU1MS0uNDksMi4zLDIuMywwLDAsMSwuMjQ1LS4yMTQsMi4zLDIuMywwLDAsMCwuMjQ1LS4yMTQsNS40LDUuNCwwLDAsMSwuNTgxLS4zMDYsMS41NywxLjU3LDAsMCwxLC42NDMtLjEyMnEyLjIsMCw0LjQwNi4xMjJ0NC4zNDUuMjQ1cTUuNjkxLjMwNiwxMS4yNi41ODF0MTEuMi4yNzVoMi4wMTlhMTAuNiwxMC42LDAsMCwwLDEuOTU4LS4xODQsMS43MTksMS43MTksMCwwLDAsLjMzNy0uMDMxLDIuODI5LDIuODI5LDAsMCwwLC4zMzctLjA5Miw0Ljc0Niw0Ljc0NiwwLDAsMSwuNjEyLS4yNDVBMy43ODIsMy43ODIsMCwwLDEsNTguNSwzLjg5YTIuNjc0LDIuNjc0LDAsMCwxLC41ODEtLjA2MSwyLjMsMi4zLDAsMCwxLDIuMzg3LDIuMzg3LDEuNTM5LDEuNTM5LDAsMCwxLS40OSwxLjIyNCwxLjg4MSwxLjg4MSwwLDAsMS0xLjI4NS40MjhoLTEwLjRxLTYuMjQyLDAtMTIuMzkyLS40dC0xMi4zMzEtLjRxLTEuMDQsMC0xLjk1OC4wOTJhNC4wMzIsNC4wMzIsMCwwLDAtMS44MzYuN3EtLjg1Ny40MjgtMS41My43MzRhMTIuMTc0LDEyLjE3NCwwLDAsMS0xLjM0Ni41Miw3LjgsNy44LDAsMCwxLTEuNDM4LjMwNiwxNS4zODksMTUuMzg5LDAsMCwxLTEuODA1LjA5Miw2LjY3OSw2LjY3OSwwLDAsMS0xLjY4My0uMjE0cS0uODI2LS4yMTQtMS42ODMtLjUyLS40MjgtLjEyMi0uODI2LS4yMTR0LS44MjYtLjIxNGE1LjQyNCw1LjQyNCwwLDAsMC0xLjcxMy0uMjQ1LDUuMDMzLDUuMDMzLDAsMCwwLS43NjUuMDYxcS0uNC4wNjEtLjg4Ny4xODQtLjQyOC4xMjItLjg4Ny4yNzV0LS45NDkuMzM3cS0uOTc5LjMwNi0xLjk1OC41ODFhNy40MjMsNy40MjMsMCwwLDEtMi4wMTkuMjc1LDQuMjkxLDQuMjkxLDAsMCwxLTEuNzQ0LS4zMzdxLS43NjUtLjMzNy0xLjQzOC0uN2EzLjgxMSwzLjgxMSwwLDAsMS0uNTUxLS40LDIuMzM4LDIuMzM4LDAsMCwwLS40OS0uMzM3LDEuNDgxLDEuNDgxLDAsMCwwLS44LS4zNjcsMS4wMDcsMS4wMDcsMCwwLDAtLjMwNi4wNjEsMi4zNzQsMi4zNzQsMCwwLDAtLjMwNi4xMjIsMS45LDEuOSwwLDAsMC0uNTUxLjE4NHEtMS4yODUuNDktMi40MTcuOTc5dC0yLjM1Ni45MThhMTIuNTcxLDEyLjU3MSwwLDAsMS0yLjM1Ni43MzQsMTIuOTUyLDEyLjk1MiwwLDAsMS0yLjYuMjQ1LDcuMDg2LDcuMDg2LDAsMCwxLTMuNDI3LS44LDExLjUxNSwxMS41MTUsMCwwLDEtMi44MTUtMi4ybC0uMTIyLS4wNjFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MS45NSAtMy40KSIgZmlsbD0iI2Y2YWQwMCIvPg0KPC9zdmc+DQo=);
    position: absolute;
    width: 107px;
    height: 10px;
    background-repeat: no-repeat;
    bottom: -14px;
    right: 5px;
}

.new-section,
.help-section,
.hero-section,
.owner-section{
    padding: 100px 0;
}

.hero-section::before,
.owner-section::before,
.download-section::before,
.new-section::before,
.bg-absolute::before{
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4NzIiIGhlaWdodD0iODcyIiB2aWV3Qm94PSIwIDAgODcyIDg3MiI+DQogIDxwYXRoIGlkPSJVbmlvbl8zOSIgZGF0YS1uYW1lPSJVbmlvbiAzOSIgZD0iTTAsNDM2QzAsMTk1LjIsMTk1LjIsMCw0MzYsMFM4NzIsMTk1LjIsODcyLDQzNiw2NzYuOCw4NzIsNDM2LDg3MiwwLDY3Ni44LDAsNDM2Wk0zNDguNjY5LDExLjQ4N2E0MzAuOTM1LDQzMC45MzUsMCwwLDAtMTU0LjkzOSw2NS4yLDQzNC41ODUsNDM0LjU4NSwwLDAsMC0xNTcsMTkwLjY0OCw0MzEuMDY1LDQzMS4wNjUsMCwwLDAtMjUuMjQ4LDgxLjMzNCw0MzcuNTMyLDQzNy41MzIsMCwwLDAsMCwxNzQuNjYzLDQzMC45MzUsNDMwLjkzNSwwLDAsMCw2NS4yLDE1NC45MzksNDM0LjU3OSw0MzQuNTc5LDAsMCwwLDE5MC42NDgsMTU3LDQzMS4xNTQsNDMxLjE1NCwwLDAsMCw4MS4zMzQsMjUuMjQ4LDQzNy41OTQsNDM3LjU5NCwwLDAsMCwxNzQuNjYzLDAsNDMwLjkzNCw0MzAuOTM0LDAsMCwwLDE1NC45MzktNjUuMiw0MzQuNTg5LDQzNC41ODksMCwwLDAsMTU3LTE5MC42NSw0MzEuMTU0LDQzMS4xNTQsMCwwLDAsMjUuMjQ4LTgxLjMzNCw0MzcuNTk0LDQzNy41OTQsMCwwLDAsMC0xNzQuNjYzLDQzMC45MzUsNDMwLjkzNSwwLDAsMC02NS4yLTE1NC45MzksNDM0LjU5NSw0MzQuNTk1LDAsMCwwLTE5MC42NS0xNTcsNDMxLjA2Niw0MzEuMDY2LDAsMCwwLTgxLjMzNC0yNS4yNDgsNDM3LjUzMiw0MzcuNTMyLDAsMCwwLTE3NC42NjMsMFpNNTIuMzIsNDM2QzUyLjMyLDIyNC4xLDIyNC4xLDUyLjMyLDQzNiw1Mi4zMlM4MTkuNjgsMjI0LjEsODE5LjY4LDQzNiw2NDcuOSw4MTkuNjgsNDM2LDgxOS42OCw1Mi4zMiw2NDcuOSw1Mi4zMiw0MzZaTTM1OS4yMTMsNjIuNzQ0QTM3OC45LDM3OC45LDAsMCwwLDIyMi45ODMsMTIwLjA3LDM4Mi4xMTMsMzgyLjExMywwLDAsMCw4NC45NDMsMjg3LjdhMzc4Ljk2NiwzNzguOTY2LDAsMCwwLTIyLjIsNzEuNTEzLDM4NC43NCwzODQuNzQsMCwwLDAsMCwxNTMuNTc0LDM3OC45MTUsMzc4LjkxNSwwLDAsMCw1Ny4zMjUsMTM2LjIzQTM4Mi4xNCwzODIuMTQsMCwwLDAsMjg3LjcsNzg3LjA1OGEzNzkuMTQyLDM3OS4xNDIsMCwwLDAsNzEuNTEzLDIyLjIsMzg0Ljc0LDM4NC43NCwwLDAsMCwxNTMuNTc0LDAsMzc4Ljg4NywzNzguODg3LDAsMCwwLDEzNi4yMy01Ny4zMjdBMzgyLjEyMiwzODIuMTIyLDAsMCwwLDc4Ny4wNTgsNTg0LjNhMzc5LjE0MywzNzkuMTQzLDAsMCwwLDIyLjItNzEuNTEzLDM4NC43NCwzODQuNzQsMCwwLDAsMC0xNTMuNTc0QTM3OC44NjgsMzc4Ljg2OCwwLDAsMCw3NTEuOTMsMjIyLjk4MywzODIuMSwzODIuMSwwLDAsMCw1ODQuMyw4NC45NDNhMzc4Ljk2NiwzNzguOTY2LDAsMCwwLTcxLjUxMy0yMi4yLDM4NC43NCwzODQuNzQsMCwwLDAtMTUzLjU3NCwwWk0xMTQuMDMsNDM2YzAtMTc3LjgxOSwxNDQuMTUxLTMyMS45NywzMjEuOTctMzIxLjk3Uzc1Ny45NywyNTguMTgxLDc1Ny45Nyw0MzYsNjEzLjgxOSw3NTcuOTcsNDM2LDc1Ny45NywxMTQuMDMsNjEzLjgxOSwxMTQuMDMsNDM2Wk0zNzEuNjUsMTIzLjJhMzE3LjUzNSwzMTcuNTM1LDAsMCwwLTExNC4xNjQsNDguMDQxQTMyMC4yMjEsMzIwLjIyMSwwLDAsMCwxNDEuOCwzMTEuNzJhMzE3LjYxNSwzMTcuNjE1LDAsMCwwLTE4LjYsNTkuOTMsMzIyLjQ2LDMyMi40NiwwLDAsMCwwLDEyOC43LDMxNy41MzUsMzE3LjUzNSwwLDAsMCw0OC4wNDEsMTE0LjE2NEEzMjAuMjIsMzIwLjIyLDAsMCwwLDMxMS43Miw3MzAuMmEzMTcuNjE2LDMxNy42MTYsMCwwLDAsNTkuOTMsMTguNiwzMjIuNCwzMjIuNCwwLDAsMCwxMjguNywwLDMxNy41MzgsMzE3LjUzOCwwLDAsMCwxMTQuMTY0LTQ4LjA0MUEzMjAuMjIsMzIwLjIyLDAsMCwwLDczMC4yLDU2MC4yOGEzMTcuNjE1LDMxNy42MTUsMCwwLDAsMTguNi01OS45MywzMjIuNCwzMjIuNCwwLDAsMCwwLTEyOC43LDMxNy41MzgsMzE3LjUzOCwwLDAsMC00OC4wNDEtMTE0LjE2NEEzMjAuMjIxLDMyMC4yMjEsMCwwLDAsNTYwLjI4LDE0MS44YTMxNy42MTQsMzE3LjYxNCwwLDAsMC01OS45My0xOC42LDMyMi40NiwzMjIuNDYsMCwwLDAtMTI4LjcsMFpNMTc4LjQyNSw0MzZjMC0xNDIuMjU1LDExNS4zMi0yNTcuNTc1LDI1Ny41NzUtMjU3LjU3NVM2OTMuNTc1LDI5My43NDUsNjkzLjU3NSw0MzYsNTc4LjI1NSw2OTMuNTc1LDQzNiw2OTMuNTc1LDE3OC40MjUsNTc4LjI1NSwxNzguNDI1LDQzNlptMjA2LjItMjQ5LjcxNGEyNTMuNDg4LDI1My40ODgsMCwwLDAtOTEuMTM4LDM4LjM1MSwyNTUuNjQsMjU1LjY0LDAsMCwwLTkyLjM1MiwxMTIuMTQ4LDI1My42NiwyNTMuNjYsMCwwLDAtMTQuODUxLDQ3Ljg0MSwyNTcuNDExLDI1Ny40MTEsMCwwLDAsMCwxMDIuNzQ2LDI1My40ODksMjUzLjQ4OSwwLDAsMCwzOC4zNTEsOTEuMTM4LDI1NS42MzksMjU1LjYzOSwwLDAsMCwxMTIuMTQ4LDkyLjM1MiwyNTMuNTc0LDI1My41NzQsMCwwLDAsNDcuODQxLDE0Ljg1MSwyNTcuNDEyLDI1Ny40MTIsMCwwLDAsMTAyLjc0NiwwLDI1My40OSwyNTMuNDksMCwwLDAsOTEuMTM4LTM4LjM1MSwyNTUuNjM5LDI1NS42MzksMCwwLDAsOTIuMzUyLTExMi4xNDgsMjUzLjU3NCwyNTMuNTc0LDAsMCwwLDE0Ljg1MS00Ny44NDEsMjU3LjQxMiwyNTcuNDEyLDAsMCwwLDAtMTAyLjc0NiwyNTMuNDksMjUzLjQ5LDAsMCwwLTM4LjM1MS05MS4xMzgsMjU1LjY0LDI1NS42NCwwLDAsMC0xMTIuMTQ4LTkyLjM1MiwyNTMuNjYsMjUzLjY2LDAsMCwwLTQ3Ljg0MS0xNC44NTEsMjU3LjQxMSwyNTcuNDExLDAsMCwwLTEwMi43NDYsMFoiIGZpbGw9IiNmOGY4ZjgiLz4NCjwvc3ZnPg0K");
    background-size: cover;
    z-index: -1;

}

:root[data-mode="light-theme"] .hero-section::before,
:root[data-mode="light-theme"] .owner-section::before,
:root[data-mode="light-theme"] .download-section::before,
:root[data-mode="light-theme"] .new-section::before,
:root[data-mode="light-theme"]  .bg-absolute::before{
    opacity: 0.8;
}

:root[data-mode="dark-theme"] .hero-section::before,
:root[data-mode="dark-theme"] .owner-section::before,
:root[data-mode="dark-theme"] .download-section::before,
:root[data-mode="dark-theme"] .new-section::before,
:root[data-mode="dark-theme"]  .bg-absolute::before{
    opacity: 0.15;
}

.links a{
    border: 2px solid var(--color-white);
    padding: 10px;
    border-radius: 10px;
    overflow: hidden;
}

html[dir="ltr"] .links a:first-child{
    margin-right: 12px;
}

html[dir="rtl"] .links a:first-child{
    margin-left: 12px;
}

html[dir="ltr"] .links a:nth-child(2){
    margin-right: 12px;
}

html[dir="rtl"] .links a:nth-child(2){
    margin-left: 12px;
}

.links a img{
    min-width: 140px;
    width: 100%;
}

.scale-out{
    animation: scale-out 4s infinite;
}

@keyframes scale-out {
    0% {
        transform: translateY(-15px);
    }
    50% {
        transform: translateY(15px);
    }
    100% {
        transform: translateY(-15px);
    }
}

.hero-section::before{
    top: 180px;
}

html[dir="rtl"] .hero-section::before{
    right: -16%;
}

html[dir="ltr"] .hero-section::before{
    left: -16%;
}

.hero-section  h1{
    color: var(--text-color);
    margin-bottom: 20px;
}

.hero-section  h1 span{
    margin-bottom: 10px;
}

.hero-section p{
    color: #A5A5A5;
}

.hero-section .hero-img{
    text-align: center;
}

.hero-section .hero-img img{
    width: 85%;
}

.hero-section .hero-img::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
    background-color: rgba(246, 173, 0, .14);
    opacity: .36;
    filter: blur(2rem);
    z-index: -1;
}

.hero-box{
    padding: 50px;
    margin-top: 100px;
    position: relative;
}

.hero-box .position-relative,
.download-section .position-relative,
.help-box .position-relative,
.call-box .position-relative{
    z-index: 1;
}

.hero-box .circles-group  > span,
.download-section .circles-group  > span,
.help-box   .circles-group > span,
.call-box .circles-group> span {
    position: absolute;
    border-radius: 50%;
    z-index: 0;
}

.hero-box .circles-group .ellipse1,
.download-section .circles-group .ellipse1{
    background-color: rgba(246, 189, 0, 0.6);
}

:root[data-mode="light-theme"] .help-box .circles-group .ellipse1,
:root[data-mode="light-theme"] .call-box .circles-group .ellipse1,
:root[data-mode="light-theme"] .help-box .circles-group .ellipse2,
:root[data-mode="light-theme"] .call-box .circles-group .ellipse2,
:root[data-mode="light-theme"] .help-box .circles-group .ellipse3,
:root[data-mode="light-theme"] .call-box .circles-group .ellipse3,
:root[data-mode="light-theme"] .help-box .circles-group .ellipse4,
:root[data-mode="light-theme"] .help-box .circles-group .ellipse5{
    background-color: rgba(241, 241, 241, 0.55);
}

:root[data-mode="dark-theme"] .help-box .circles-group .ellipse1,
:root[data-mode="dark-theme"] .call-box .circles-group .ellipse1,
:root[data-mode="dark-theme"] .help-box .circles-group .ellipse2,
:root[data-mode="dark-theme"] .call-box .circles-group .ellipse2,
:root[data-mode="dark-theme"] .help-box .circles-group .ellipse3,
:root[data-mode="dark-theme"] .call-box .circles-group .ellipse3,
:root[data-mode="dark-theme"] .help-box .circles-group .ellipse4,
:root[data-mode="dark-theme"] .help-box .circles-group .ellipse5{
    background-color: rgba(241, 241, 241, 0.02);
}

.hero-box .circles-group .ellipse1,
.download-section .circles-group .ellipse1,
.help-section .circles-group .ellipse1{
    width: 200px;
    height: 200px;
    bottom: -30%;
}

html[dir="ltr"] .hero-box .circles-group .ellipse1,
html[dir="ltr"] .download-section .circles-group .ellipse1,
html[dir="ltr"] .help-section .circles-group .ellipse1{
    left: -4%;
}

html[dir="rtl"] .hero-box .circles-group .ellipse1,
html[dir="rtl"] .download-section .circles-group .ellipse1,
html[dir="rtl"] .help-section .circles-group .ellipse1{
    right: -4%;
}

.call-box .circles-group .ellipse1{
    width: 200px;
    height: 200px;
    bottom: -14%;
}

html[dir="ltr"] .call-box .circles-group .ellipse1{
    left: -2%;
}

html[dir="rtl"] .call-box .circles-group .ellipse1{
    right: -2%;
}

.hero-box .circles-group .ellipse2,
.download-section .circles-group .ellipse2{
    background-color: rgba(246, 172, 0, 0.4);
    width: 55px;
    height: 55px;
    top: 50%;
    transform: translateY(-50%);
}

html[dir="ltr"] .hero-box .circles-group .ellipse2,
html[dir="ltr"] .download-section .circles-group .ellipse2{
    right: 16%;
}

html[dir="rtl"] .hero-box .circles-group .ellipse2,
html[dir="rtl"] .download-section .circles-group .ellipse2{
    left: 16%;
}

.help-box .circles-group .ellipse2{
    width: 73px;
    height: 73px;
    top: 50%;
    transform: translateY(-50%);
}

html[dir="ltr"] .help-box .circles-group .ellipse2{
    right: 8%;
}

html[dir="rtl"] .help-box .circles-group .ellipse2{
    left: 8%;
}

.call-box .circles-group .ellipse2{
    width: 53px;
    height: 53px;
    bottom: 50px;
}

html[dir="ltr"] .call-box .circles-group .ellipse2{
    right: 40%;
}

html[dir="rtl"] .call-box .circles-group .ellipse2{
    left: 40%;
}

.hero-box .circles-group .ellipse3,
.download-section .circles-group .ellipse3{
    background-color: rgba(246, 197, 0, 0.55);
    top: 50%;
    width: 30px;
    height: 30px;
}

html[dir="ltr"] .hero-box .circles-group .ellipse3,
html[dir="ltr"] .download-section .circles-group .ellipse3{
    right: 60%;
}

html[dir="rtl"] .hero-box .circles-group .ellipse3,
html[dir="rtl"] .download-section .circles-group .ellipse3{
    left: 60%;
}

.help-box .circles-group .ellipse3{
    top: 32%;
    width: 53px;
    height: 53px;
}

html[dir="rtl"]  .help-box .circles-group .ellipse3{
    right: 30%;
}

html[dir="ltr"]  .help-box .circles-group .ellipse3{
    left: 30%;
}

.call-box .circles-group .ellipse3{
    width: 92px;
    height: 92px;
    top: 50%;
    transform: translateY(-50%);
}

html[dir="ltr"] .call-box .circles-group .ellipse3{
    right: 50px;
}

html[dir="rtl"] .call-box .circles-group .ellipse3{
    left: 50px;
}

.hero-box .circles-group .ellipse4,
.download-section .circles-group .ellipse4{
    background-color: rgba(246, 197, 0, 0.55);
    top: 20%;
}

html[dir="rtl"] .hero-box .circles-group .ellipse4,
html[dir="rtl"] .download-section .circles-group .ellipse4{
    left: 40%;
}

html[dir="ltr"] .hero-box .circles-group .ellipse4,
html[dir="ltr"] .download-section .circles-group .ellipse4{
    right: 40%;
}

.help-box .circles-group .ellipse4{
    top: 50%;
    transform: translate(-50%, -50%);
}

html[dir="ltr"]  .help-box .circles-group .ellipse4{
    right: 50%;
}

html[dir="rtl"]  .help-box .circles-group .ellipse4{
    left: 50%;
}

.hero-box .circles-group .ellipse4,
.download-section .circles-group .ellipse4,
.help-section .circles-group .ellipse4 {
    width: 20px;
    height: 20px;
}


.help-box .circles-group .ellipse5{
    width: 55px;
    height: 55px;
    bottom: 50px;
}

html[dir="rtl"] .help-box .circles-group .ellipse5{
    left: 30%;
}

html[dir="ltr"] .help-box .circles-group .ellipse5{
    right: 30%;
}


.hero-section .hero-box{
    border-radius: 23px;
    box-shadow: 0 0  99px rgba(246, 173, 0, .21);
}


.owner-section::before{
    top: 100px;
}

html[dir="ltr"] .owner-section::before{
    right: -16%;
}

html[dir="rtl"] .owner-section::before{
    left: -16%;
}

.owner-section::after{
    content: "";
    position: absolute;
    bottom: 0;
    width: 300px;
    height: 300px;
    background-color: rgba(246, 173, 0, .14);
    opacity: .4;
    filter: blur(2rem);
}

html[dir="ltr"] .owner-section::after{
    right: 0;
}

html[dir="rtl"] .owner-section::after{
    left: 0;
}


.owner-section .section-head{
    margin-bottom: 100px;
}

.owner-section .items{
    position: relative;
    min-height: 600px;
}


@media (min-width: 576px) {
    .owner-section .item{
        position: absolute;
        cursor: pointer;
    }

    .owner-section .item:nth-child(1){
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .owner-section .item:nth-child(2){
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }

    .owner-section .item:nth-child(3){
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .owner-section .item:nth-child(4){
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }
}

.owner-section .item .item-svg{
    margin-bottom: 20px;
    filter: grayscale(1);
    transition: all 500ms ease-in-out;
}

.owner-section .item:hover  .item-svg{
    filter: grayscale(0);
}

.download-section > div{
    padding: 40px;
    box-shadow: 0 0  99px rgba(246, 173, 0, 0.21);
}

.download-section::before{
    top: -250px;
}

html[dir="ltr"] .download-section::before{
    left: -6%;
}

html[dir="rtl"] .download-section::before{
    right: -6%;
}

.download-section  .links{
    margin-top: 24px;
}


.new-section::before{
    bottom: -140px;
}

html[dir="ltr"] .new-section::before{
    right: -5%;
}

html[dir="rtl"] .new-section::before{
    left: -5%;
}

.new-section .section-head{
    margin-bottom: 100px;
}

html[dir="ltr"] .new-section ul li{
    padding-left: 26px;
}

html[dir="rtl"] .new-section ul li{
    padding-right: 26px;
}

.new-section ul li{
    margin-bottom: 30px;
    transition: all 400ms ease-in-out;
    color: #C3C3C3;
    cursor: pointer;
}

.new-section ul li:hover{
    color: var(--color-gold);
}

.new-section ul li::before{
    content: "";
    position: absolute;
    top: 50%;
    width: 3px;
    height: 40px;
    transform: translateY(-50%);
    background-color: #C3C3C3;
    transition: all 400ms ease-in-out;
    cursor: pointer;
}

html[dir="ltr"] .new-section ul li::before{
    left: 0;
}

html[dir="rtl"] .new-section ul li::before{
    right: 0;
}

.new-section ul li:hover::before{
    background-color:   var(--color-gold);
}

.new-section .new-img{
    max-width: 380px;
    margin: auto;
}

html[dir="ltr"] .new-section .new-img img{
    transform: scale(-1, 1);
}

.help-section .help-box{
    padding: 40px;
    border-radius: 12px;
    margin-bottom: 80px;
    box-shadow: 0  0 35px rgba(0, 0,0, .05);
}

.help-section .help-box a{
    width: 180px;
    border-radius: 100px;
    padding: 10px;
    margin:20px auto 0;
    background-color: var(--color-gold);
    transition: all 300ms ease-in-out;
}

.help-section .help-box a:hover{
    background-color: var(--color-gold-hover);
}



.call-box{
    border-radius: 12px;
    padding: 40px;
}

:root[data-mode="light-theme"]  .call-box{
    border: 1px  solid #ECECEC;
}

.call-box .icon-svg{
    margin-bottom: 10px;
}

.call-box  a{
    border-radius: 100px;
    margin-top: 20px;
    padding: 8px 20px;
    width: 260px;
    background-color: var(--color-gold);
    font-family: Arial, sans-serif;
    transition: all 300ms ease-in-out;
}

.call-box  a:hover{
    background-color: var(--color-gold-hover);
}

footer::before{
    content: "";
    width: 300px;
    height: 300px;
    position: absolute;
    bottom: 0;
    border-radius: 50%;
    background-color: rgba(246, 173, 0, .14);
    opacity: .36;
    filter: blur(2rem);
    z-index: -1;
}

html[dir="rtl"] footer::before{
    right: 0;
}

html[dir="ltr"] footer::before{
    left: 0;
}

footer > div.container{
    padding: 40px 0;
    overflow: hidden;
}

:root[data-mode="light-theme"]  footer > div.container{
    border-top: 1px solid rgba(246, 246, 247, 0.6);
}

:root[data-mode="dark-theme"]  footer > div.container{
    border-top: 1px solid rgba(246, 246, 247, 0.2);
}

footer  .social-media{
    margin-bottom: 20px;
}

html[dir="ltr"] footer  .social-media a:not(:last-of-type){
    margin-right: 12px;
}

html[dir="rtl"] footer  .social-media a:not(:last-of-type){
    margin-left: 12px;
}

footer  .social-media a{
    background: var(--bg-gradient-gray);
    width: 40px;
    height: 40px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .social-media a svg{
    transition: all 300ms ease-in-out;
}

footer .social-media a:hover svg{
    transform: scale(1.1);
}

footer .menu-links a{
    padding: 10px 20px;
    color: var(--text-color);
    transition: all 300ms ease-in-out;

}

footer .menu-links a:hover{
    color: var(--color-gold);
}

footer .app-links{
    margin-top: 20px;
}

footer .app-links a{
    padding: 10px 14px;
    border-radius: 12px;
    box-shadow: 0 0 10px rgba(0,0,0,.04);
}

:root[data-mode="light-theme"] footer .app-links a {
    border: 2px solid #454545;
}

:root[data-mode="dark-theme"] footer .app-links a {
    border: 2px solid #5d5d5d;
}

:root[data-mode="dark-theme"] footer .app-links a img{
    filter: invert(1);
}

html[dir="ltr"] footer .app-links a:first-of-type{
    margin-right: 12px;
}

html[dir="rtl"] footer .app-links a:first-of-type{
    margin-left: 12px;
}

html[dir="ltr"] footer .app-links a:nth-child(2){
    margin-right: 12px;
}

html[dir="rtl"] footer .app-links a:nth-child(2){
    margin-left: 12px;
}

footer .app-links a img{
    width: 120px;
}

footer  .copyright {
    margin-top: 24px;
    color: #7C7F84;
}

.progress-wrap{
    position: fixed;
    bottom: 30px;
    height: 44px;
    width: 44px;
    cursor: pointer;
    display: block;
    border-radius: 50%;
    z-index: 100;
    box-shadow: 0 0 40px rgba(0, 0, 0,  0.05);
    background-color: #ffffff;
    opacity: 0;
    visibility: visible;
    transform: translateY(20px);
    transition: all 400ms linear;
}

html[dir="ltr"] .progress-wrap{
    left: 30px;
}

html[dir="rtl"] .progress-wrap{
    right: 30px;
}

.progress-wrap::before{
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzUyIDM1MmMtOC4xODggMC0xNi4zOC0zLjEyNS0yMi42Mi05LjM3NUwxOTIgMjA1LjNsLTEzNy40IDEzNy40Yy0xMi41IDEyLjUtMzIuNzUgMTIuNS00NS4yNSAwcy0xMi41LTMyLjc1IDAtNDUuMjVsMTYwLTE2MGMxMi41LTEyLjUgMzIuNzUtMTIuNSA0NS4yNSAwbDE2MCAxNjBjMTIuNSAxMi41IDEyLjUgMzIuNzUgMCA0NS4yNUMzNjguNCAzNDguOSAzNjAuMiAzNTIgMzUyIDM1MnoiIGZpbGw9IiNGNkFEMDAiLz48L3N2Zz4=);
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
}


.progress-wrap.active-progress{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.progress-wrap svg.progress-circle path {
    stroke: var(--color-gold);
    stroke-width: 5;
}

.bg-absolute::after{
    content: "";
    width: 400px;
    height: 400px;
    position: absolute;
    top: -200px;
    bottom: 0;
    border-radius: 50%;
    background-color: rgba(246, 173, 0, .14);
    opacity: .36;
    filter: blur(2rem);
    z-index: -1;
}


html[dir="ltr"] .bg-absolute::after{
    left: 0;
}

html[dir="rtl"] .bg-absolute::after{
    right: 0;
}

.bg-absolute::before{
    top: -450px;
}

html[dir="ltr"] .bg-absolute::before{
    right: 16%;
}

html[dir="rtl"] .bg-absolute::before{
    left: 16%;
}

@media (max-width: 991.98px) {
    .new-section,
    .help-section,
    .hero-section,
    .owner-section{
        padding: 80px 0;
    }

    .hero-section::before,
    .owner-section::before,
    .download-section::before,
    .new-section::before,
    .bg-absolute::before{
        content: none;
    }

    .hero-section .hero-img,
    .hero-box,
    .new-section .new-img{
        margin-top: 50px;
    }

    .hero-box h4{
        margin-bottom: 20px;
    }

    .help-section .help-box,
    .help-box ~ div > div{
        margin-bottom: 30px;
    }
}

@media (max-width: 767.98px) {
    .new-section,
    .help-section,
    .hero-section,
    .owner-section{
        padding: 60px 0;
    }

    .hero-box,
    .download-section > div,
    .help-section .help-box,
    .call-box{
        padding: 40px 20px;
    }

    .links a img {
        min-width: 120px;
    }

    .owner-section .section-head{
        margin-bottom: 80px;
    }

    .new-section .section-head{
        margin-bottom: 60px;
    }

    .section-head span::before{
        width: 80px;
        bottom: -10px;
    }

}

@media (max-width: 575.98px) {

    .hero-box,
    .download-section > div,
    .help-section .help-box,
    .call-box {
        padding: 30px 20px;
    }

    .links a img {
        min-width:auto;
    }


    .owner-section .item:not(:last-of-type){
        margin-bottom: 40px;
    }

    .new-section{
        padding-bottom: 0 !important;
    }

    .new-section ul li{
        padding-right: 20px;
        margin-bottom: 20px;
    }

    .new-section ul li::before{
        height: 30px;
    }

    .call-box,
    .help-section .help-box,
    .hero-section .hero-box{
        border-radius: 6px;

    }

    .new-section .new-img {
        max-width: 300px;
    }

    footer .app-links a img {
        width: 100px;
    }

    .progress-wrap{
        right: 15px;
        bottom: 15px;
    }

    .hero-box .circles-group .ellipse1,
    .download-section .circles-group .ellipse1,
    .help-section .circles-group .ellipse1,
    .call-box .circles-group .ellipse1{
        width: 140px;
        height: 140px;
        bottom: -20%;
    }

}