@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
:root {
    --font-family: "Poppins", sans-serif;
    --background-color: #130433;
    --main-color: #5e7bbf;
    --main-color-light: rgb(102, 212, 179);
    --main-color-dark: rgb(53, 145, 117);
    --main-text: #000000;
    --second-text: #fff;
    --bg-color: #ebebf0;
    --chb-bg-color: var(--main-color);
    --modal-bg-color: #ebebf0;
    --bg-color-ac-ic: #e1e0e5;
    --bg-color-ac: #ebebf0;
    --bg-color-ac-co: var(--main-color);
    --swiper-theme-color: var(--main-color);
    --text-color-ac-co: #fff;
    --text-color-ac: #000000;
}
@media (max-width: 899.98px) {
    :root {
        --safe-area: 386px;
        --layout-margin: 21px;
        --header-height: 45px;
        --header-area: calc(var(--header-height) + var(--layout-margin) * 2);
        --font-xxl: 48px;
        --font-xl: 30px;
        --font-lg: 24px;
        --font-md: 20px;
        --font-sm: 18px;
        --font-xs: 14px;
        --font-xxs: 12px;
    }
}
@media (min-width: 900px) {
    :root {
        --safe-area: 868px;
        --layout-margin: 24px;
        --header-height: 55px;
        --header-area: calc(var(--header-height) + var(--layout-margin) * 2);
        --font-xxl: 52px;
        --font-xl: 32px;
        --font-lg: 30px;
        --font-md: 24px;
        --font-sm: 20px;
        --font-xs: 16px;
        --font-xxs: 14px;
    }
}
@media (min-width: 1300px) {
    :root {
        --safe-area: 1100px;
        --layout-margin: 36px;
        --header-height: 65px;
        --header-area: calc(var(--header-height) + var(--layout-margin) * 2);
        --font-xxl: 52px;
        --font-xl: 32px;
        --font-lg: 30px;
        --font-md: 24px;
        --font-sm: 20px;
        --font-xs: 16px;
        --font-xxs: 14px;
    }
}
html {
    font-size: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
*,
::after,
::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}
html {
    scroll-behavior: smooth;
}
body {
    background: #0d0d0d;
    color: rgb(54, 54, 54);
    margin: 0;
    padding: 0;
    line-height: 1.3;
    font-family: Poppins, sans-serif;
    position:relative;
}

body:before {
    content: ' ';
    display: block;
    position: absolute;
    z-index:-10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-size: contain;
}

button {
    border: none;
}
.arrow-right::before {
    content: "";
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 12L3 12' stroke='%230A84FF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.8181 18.1818L19.8206 12.1793V12.1793C19.9196 12.0803 19.9196 11.9197 19.8206 11.8206V11.8206L13.8181 5.81817' stroke='%230A84FF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 1.5rem;
    height: 1.5rem;
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 1.5rem;
    display: inline-block;
}
.icon-user-line {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 8C17 10.7614 14.7614 13 12 13C9.23858 13 7 10.7614 7 8C7 5.23858 9.23858 3 12 3C14.7614 3 17 5.23858 17 8Z' stroke='black' stroke-width='2'/%3E%3Cpath d='M3 21C3.95728 17.9237 6.41998 17 12 17C17.58 17 20.0427 17.9237 21 21' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 24px;
}
.icon-menugrid-line {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='9.07692' height='9.07692' rx='1' stroke='%23323232' stroke-width='2.2'/%3E%3Crect x='1' y='13.9231' width='9.07692' height='9.07692' rx='1' stroke='%23323232' stroke-width='2.2'/%3E%3Crect x='13.9231' y='1' width='9.07692' height='9.07692' rx='1' stroke='%23323232' stroke-width='2.2'/%3E%3Crect x='13.9231' y='13.9231' width='9.07692' height='9.07692' rx='1' stroke='%23323232' stroke-width='2.2'/%3E%3C/svg%3E%0A");
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 24px;
}
.icon-menugrid-fill {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='10.0769' height='10.0769' rx='1.5' fill='%23494949' stroke='%23B8B8B8'/%3E%3Crect x='0.5' y='13.4231' width='10.0769' height='10.0769' rx='1.5' fill='%23494949' stroke='%23B8B8B8'/%3E%3Crect x='13.4231' y='0.5' width='10.0769' height='10.0769' rx='1.5' fill='%23494949' stroke='%23B8B8B8'/%3E%3Crect x='13.4231' y='13.4231' width='10.0769' height='10.0769' rx='1.5' fill='%23494949' stroke='%23B8B8B8'/%3E%3C/svg%3E%0A");
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 24px;
}
.icon-credit-card-line {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 10H20.5' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 14H8' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M11 14H13' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M3 9C3 7.11438 3 6.17157 3.58579 5.58579C4.17157 5 5.11438 5 7 5H12H17C18.8856 5 19.8284 5 20.4142 5.58579C21 6.17157 21 7.11438 21 9V12V15C21 16.8856 21 17.8284 20.4142 18.4142C19.8284 19 18.8856 19 17 19H12H7C5.11438 19 4.17157 19 3.58579 18.4142C3 17.8284 3 16.8856 3 15V12V9Z' stroke='%23fff' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 24px;
}
.footer__brand {
    max-width: var(--safe-area);
    margin: calc(var(--layout-margin) * 3) auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
}
.footer__brand .logo {
    width: 100%;
    height: var(--header-height);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.footer__brand .background {
    position: absolute;
    z-index: -1;
    background: -webkit-gradient(linear, left top, right top, from(rgba(250, 249, 236, 0)), color-stop(50%, rgba(237, 212, 206, 0.34)), color-stop(98.96%, rgba(250, 249, 236, 0)));
    background: linear-gradient(90deg, rgba(250, 249, 236, 0) 0, rgba(237, 212, 206, 0.34) 50%, rgba(250, 249, 236, 0) 98.96%);
    width: 100%;
    height: 36px;
}
.footer__brand .figure__left {
    background-image: url(/app/img/Spiral.png);
    min-width: 92px;
    min-height: 92px;
    background-size: 92px 92px;
    -webkit-transform: rotate(67deg);
    transform: rotate(67deg);
}
.footer__brand .figure__right {
    background-image: url(/app/img/Spiral.png);
    min-width: 92px;
    min-height: 92px;
    background-size: 92px 92px;
    -webkit-transform: rotate(-113deg);
    transform: rotate(-113deg);
}
.isipho__footer {
    color: rgb(255, 255, 255);
    max-width: var(--safe-area);
    margin: 0 auto;
}
.isipho__footer .footer__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-bottom: var(--layout-margin);
}
.isipho__footer .footer__links .box-1 {
    list-style: none;
    padding-left: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: calc(var(--layout-margin) / 1);
}
.isipho__footer .footer__links .box-1 .box-header {
    font-size: var(--font-md);
    font-weight: 600;
    margin-bottom: 0.1rem;
}
.isipho__footer .brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.isipho__footer .brand .footer__figure {
    width: 48px;
    height: 74px;
    background-size: 48px 74px;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 48px;
    position: relative;
    z-index: -1;
}
.isipho__footer .brand .wrapper {
    margin-left: 0.5rem;
}
.isipho__footer .brand .wrapper .name {
    font-size: var(--font-md);
    font-weight: 600;
}
@media (min-width: 1300px) {
    .isipho__footer .brand .wrapper .name {
        font-size: var(--font-lg);
    }
}
.isipho__footer .brand .wrapper .slogan {
    font-size: var(--font-sm);
    font-weight: 400;
    opacity: 0.9;
}
.isipho__footer .divider__left {
    margin-top: calc(var(--layout-margin) * 2);
    margin-bottom: calc(var(--layout-margin) * 2 - var(--layout-margin));
}
.isipho__footer .divider__left .left__diamond__arrow {
    width: 7rem;
}
.isipho__footer .copyright {
    max-width: var(--safe-area);
    margin: 0 auto;
    padding: var(--layout-margin);
    font-size: var(--font-xs);
    font-weight: 300;
    text-align: center;
    border-top: 1px solid #000;
}
.button-pill {
    background: var(--main-color);
    color: #fff !important;
    font-size: var(--font-md);
    text-align: center;
    padding: 8px 50px;
    border-radius: 100rem;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.button-pill a {
    color: #fff !important;
}
.isipho__breadcrumb {
    max-width: calc(var(--safe-area) - var(--layout-margin) * 2);
    margin: 0 auto;
    padding-top: calc(var(--header-margin) * 1.7);
}
.isipho__breadcrumb .wrapper {
    border-radius: 200rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 6px;
    padding-left: 0;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.isipho__breadcrumb .wrapper::-webkit-scrollbar {
    display: none;
}
.isipho__breadcrumb .wrapper .chevron {
    display: block;
}
.isipho__breadcrumb .wrapper .chevron:last-of-type {
    display: none;
}
.isipho__breadcrumb .wrapper .link {
    background: #d8d8dc;
    color: #000;
    font-size: var(--font-xs);
    font-weight: 450;
    white-space: nowrap;
    padding: 6px 12px;
    border-radius: 100rem;
    margin: calc(var(--layout-margin) / 10);
}
.isipho__breadcrumb .wrapper .link.active {
    background: var(--main-color);
    color: var(--second-text);
}
.left__diamond__arrow {
    background: rgb(255, 255, 255);
    width: 3rem;
    height: 1px;
    position: relative;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin: calc(var(--layout-margin) / 2) 0;
}
.left__diamond__arrow::before {
    content: "";
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    border: none;
    background-color: rgb(255, 255, 255);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 100;
    margin-top: -2px;
}
.right__diamond__arrow {
    background: rgb(255, 255, 255);
    width: 3rem;
    height: 1px;
    position: relative;
    margin: calc(var(--layout-margin) / 2) 0;
}
.right__diamond__arrow::before {
    content: "";
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    border: none;
    background-color: rgb(255, 255, 255);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 80;
    margin-top: -2px;
}
.left__line {
    background: #000;
    height: 4px;
    width: 100%;
    margin: var(--layout-margin) calc(var(--layout-margin) / 2) var(--layout-margin) calc(0px - var(--safe-area));
    overflow: hidden;
}
.right__line {
    background: #000;
    height: 4px;
    width: calc(100% - var(--safe-area) / 1 - var(--layout-margin));
    margin-left: calc(var(--layout-margin) / 2);
}
.divider {
    max-width: var(--safe-area);
    margin: 0 auto;
}
.divider__text {
    color: rgb(255, 255, 255);
    max-width: var(--safe-area);
    margin: var(--layout-margin) auto var(--layout-margin) auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.divider__text span {
    font-size: var(--font-xl);
    white-space: nowrap;
    padding-left: 1rem;
}
.divider__text::before {
    content: "";
    width: 100%;
    height: 4px;
    background: rgb(255, 255, 255);
    position: absolute;
    margin-left: calc(0px - var(--safe-area));
}
.divider__text-image {
    color: rgb(255, 255, 255);
    max-width: var(--safe-area);
    margin: var(--layout-margin) auto var(--layout-margin) auto;
    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;
    position: relative;
}
.divider__text-image span {
    font-size: var(--font-xl);
    white-space: nowrap;
    padding-left: 1rem;
    margin-right: calc(var(--layout-margin) * 2.5);
}
.divider__text-image::before {
    content: "";
    width: 1000%;
    height: 4px;
    background: rgb(255, 255, 255);
    margin-left: calc(0px - var(--safe-area));
}
.divider__text-image .divider__image {
    width: 6rem;
    height: 6rem;
    background-size: 6rem 6rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 6rem;
    position: absolute;
    z-index: -1;
}
@media (max-width: 899.98px) {
    .divider__text-image .divider__image {
        right: -1rem;
    }
}
@media (min-width: 900px) {
    .divider__text-image .divider__image {
        right: -0.5rem;
    }
}
@media (min-width: 1300px) {
    .divider__text-image .divider__image {
        right: 1.2rem;
    }
}
.divider__availablepackages {
    max-width: var(--safe-area);
    margin: var(--layout-margin) auto var(--layout-margin) auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.divider__availablepackages span {
    font-size: var(--font-xl);
    padding-left: 1rem;
}
.divider__availablepackages::before {
    content: "";
    width: 100%;
    height: 4px;
    background: #000;
    position: absolute;
    margin-left: calc(0px - var(--safe-area));
}
.divider__electcards {
    max-width: var(--safe-area);
    margin: var(--layout-margin) auto var(--layout-margin) auto;
    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;
    position: relative;
}
.divider__electcards span {
    font-size: var(--font-xl);
    padding-left: 1rem;
    white-space: nowrap;
    margin-right: calc(var(--layout-margin) * 2.5);
}
.divider__electcards::before {
    content: "";
    width: 1000%;
    height: 4px;
    background: #000;
    margin-left: calc(0px - var(--safe-area));
}
.divider__electcards .divider__image {
    width: 6rem;
    height: 6rem;
    background-size: 6rem 6rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 6rem;
    position: absolute;
    z-index: -1;
}
@media (max-width: 899.98px) {
    .divider__electcards .divider__image {
        right: -1rem;
    }
}
@media (min-width: 900px) {
    .divider__electcards .divider__image {
        right: -0.5rem;
    }
}
@media (min-width: 1300px) {
    .divider__electcards .divider__image {
        right: 1.2rem;
    }
}
.divider__addpages {
    max-width: var(--safe-area);
    margin: var(--layout-margin) auto var(--layout-margin) auto;
    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;
    position: relative;
}
.divider__addpages span {
    font-size: var(--font-xl);
    padding-left: 1rem;
    white-space: nowrap;
    margin-right: calc(var(--layout-margin) * 2.5);
}
.divider__addpages::before {
    content: "";
    width: 1000%;
    height: 4px;
    background: #000;
    margin-left: calc(0px - var(--safe-area));
}
.divider__addpages .divider__image {
    width: 6rem;
    height: 6rem;
    background-size: 6rem 6rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 6rem;
    position: absolute;
    z-index: -1;
}
@media (max-width: 899.98px) {
    .divider__addpages .divider__image {
        right: -1rem;
    }
}
@media (min-width: 900px) {
    .divider__addpages .divider__image {
        right: -0.5rem;
    }
}
@media (min-width: 1300px) {
    .divider__addpages .divider__image {
        right: 1.2rem;
    }
}
.divider__costrev {
    max-width: var(--safe-area);
    margin: var(--layout-margin) auto var(--layout-margin) auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.divider__costrev span {
    font-size: var(--font-xl);
    padding-left: 1rem;
}
.divider__costrev::before {
    content: "";
    width: 100%;
    height: 4px;
    background: #000;
    position: absolute;
    margin-left: calc(0px - var(--safe-area));
}
.divider__contactus {
    max-width: var(--safe-area);
    margin: var(--layout-margin) auto var(--layout-margin) auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.divider__contactus span {
    font-size: var(--font-xl);
    padding-left: 1rem;
}
.divider__contactus::before {
    content: "";
    width: 100%;
    height: 4px;
    background: #000;
    position: absolute;
    margin-left: calc(0px - var(--safe-area));
}
.hm {
    padding-top: var(--header-area);
}
.headerBG {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(171, 171, 171, 0.671)), to(transparent));
    background: linear-gradient(to bottom, rgba(171, 171, 171, 0.671), transparent);
}
.container {
    max-width: var(--safe-area);
    margin: 0 auto;
}
.container__header__mobile {
    padding: var(--layout-margin);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: fixed;
    width: 100%;
    z-index: 1000;
}
@media (min-width: 899.98px) {
    .container__header__mobile {
        display: none;
    }
}
.container__header__mobile .logo {
    height: var(--header-height);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.container__header__mobile .logo img {
    height: 100%;
}
.container__header__mobile .wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.container__header__mobile .wrapper .profile {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ebebf0;
    border-radius: 50%;
    margin-right: 0.5rem;
    width: var(--header-height);
    height: var(--header-height);
}
.container__header__mobile .wrapper .profile i {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
.container__header__mobile .wrapper .profile .dropdown-toggle::after {
    display: inline-block;
    margin-bottom: -0.5em;
    margin-left: 0.055em;
    vertical-align: 0.255em;
    content: "";
    border: none;
}
.container__header__mobile .wrapper .profile .dropdown__button__profile {
    color: var(--main-text);
    background: 0 0;
    padding: 0;
    margin: 0;
    border: none;
    outline: 0;
}
.container__header__mobile .wrapper .profile .dropdown__button__profile:not(.show)::after {
    content: " " !important;
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='scarlab scarlab-user'%3E%3Cpath d='M17 8C17 10.7614 14.7614 13 12 13C9.23858 13 7 10.7614 7 8C7 5.23858 9.23858 3 12 3C14.7614 3 17 5.23858 17 8Z'%3E%3C/path%3E%3Cpath d='M3 21C3.95728 17.9237 6.41998 17 12 17C17.58 17 20.0427 17.9237 21 21'%3E%3C/path%3E%3C/svg%3E");
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.container__header__mobile .wrapper .profile .dropdown__button__profile::after {
    width: 1.25rem;
    height: 1.25rem;
    content: " " !important;
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='currentColor' stroke='none' fill-rule='evenodd' clip-rule='evenodd' class='scarlab scarlab-user'%3E%3Cpath d='M6 8C6 4.68629 8.68629 2 12 2C15.3137 2 18 4.68629 18 8C18 11.3137 15.3137 14 12 14C8.68629 14 6 11.3137 6 8Z'%3E%3C/path%3E%3Cpath d='M5.43094 16.9025C7.05587 16.2213 9.2233 16 12 16C14.771 16 16.9351 16.2204 18.5586 16.8981C20.3012 17.6255 21.3708 18.8613 21.941 20.6587C22.1528 21.3267 21.6518 22 20.9592 22H3.03459C2.34482 22 1.84679 21.3297 2.0569 20.6654C2.62537 18.8681 3.69119 17.6318 5.43094 16.9025Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.25rem;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.container__header__mobile .wrapper .profile .dropdown__button__profile span {
    margin-right: 0.3rem;
    font-size: var(--font-xs);
    font-weight: 500;
}
.container__header__mobile .wrapper .profile .btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.container__header__mobile .wrapper .profile .dropdown__window {
    margin-top: calc(var(--layout-margin) * 0.8);
    background: 0 0;
    background-color: transparent;
    border: none;
    position: absolute;
    padding: 10px;
    background: #ebebf0;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.12);
    border-radius: 1rem;
}
.container__header__mobile .wrapper .profile .dropdown__window .list__item__button {
    background: #363638;
    border-radius: 8px;
    margin: 5px;
}
.container__header__mobile .wrapper .profile .dropdown__window .list__item__button .dropdown-item {
    color: #fff;
    text-align: center;
    padding: 12px 20px;
    border-radius: 8px;
}
.container__header__mobile .wrapper .profile .dropdown__window .list__item__button .dropdown-item:hover {
    background: rgba(255, 255, 255, 0.199);
}
.container__header__mobile .wrapper .profile .dropdown__window .list__item__button .dropdown-item.danger {
    background: #e25851;
}
.container__header__mobile .wrapper .profile .dropdown__window .list__item__button .dropdown-item.danger:hover {
    background: #ff5656;
}
.container__header__mobile .wrapper .menu {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ebebf0;
    border-radius: 0.5rem;
    width: var(--header-height);
    height: var(--header-height);
}
.container__header__mobile .wrapper .menu i {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
.container__header__mobile .nav-menu {
    position: absolute;
    width: 100%;
    top: calc(var(--header-height) + 2rem);
}
.container__header__mobile .nav-menu ul {
    margin-right: calc(var(--layout-margin) * 2);
    background: rgba(233, 233, 233, 0.822);
    border-radius: 13px 0 13px 13px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
    list-style: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    padding: 12px;
}
@media (min-width: 700px) {
    .container__header__mobile .nav-menu ul {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (min-width: 870px) {
    .container__header__mobile .nav-menu ul {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}
.container__header__mobile .nav-menu ul li {
    height: 80px;
    background: var(--main-color);
    border: 1px solid #9e9e9e;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 9px;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: calc(var(--layout-margin) / 6);
}
.container__header__mobile .nav-menu ul li span {
    color: #fff;
    font-size: var(--font-xs);
    font-weight: 450;
    text-align: center;
}
.container__header__desktop {
    padding: var(--layout-margin) calc(var(--safe-area) / 6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: fixed;
    width: 100%;
    z-index: 1000;
}
@media (max-width: 899.98px) {
    .container__header__desktop {
        display: none;
    }
}
.container__header__desktop.out {
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(171, 171, 171, 0.671)), to(transparent));
    background: linear-gradient(to bottom, rgba(171, 171, 171, 0.671), transparent);
}
.container__header__desktop.out .logo {
    display: none;
    opacity: 0;
    -webkit-transform: translateX(calc(0 - var(--header-area)));
    transform: translateX(calc(0 - var(--header-area)));
}
.container__header__desktop.out .wrapper .logo__menu {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}
.container__header__desktop.out .wrapper .header__links {
    padding-left: 0;
}
.container__header__desktop .wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: var(--header-height);
    background: -webkit-gradient(linear, right top, left top, from(#e5e5e5), to(rgba(196, 196, 196, 0)));
    background: linear-gradient(270deg, #e5e5e5 0, rgba(196, 196, 196, 0) 100%);
    border-radius: 50px;
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
    -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.16);
}
.container__header__desktop .wrapper .logo__menu {
    padding: 5px;
    height: var(--header-height);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top-left-radius: 10rem;
    border-bottom-left-radius: 10rem;
}
.container__header__desktop .wrapper .logo__menu img {
    height: 100%;
}
.container__header__desktop .wrapper .header__links {
    margin: 0;
    margin-left: 1rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
}
.container__header__desktop .wrapper .header__links .dropdown-toggle::after {
    display: inline-block;
    margin-bottom: -0.5em;
    margin-left: -0.255em;
    vertical-align: 0.255em;
    content: "";
    border: none;
}
.container__header__desktop .wrapper .header__links .btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.container__header__desktop .wrapper .header__links .dropdown__button {
    color: #000;
    background: 0 0;
    padding: 0;
    margin: 0;
    border: none;
    outline: 0;
}
.container__header__desktop .wrapper .header__links .dropdown__button:not(.show)::after {
    content: " " !important;
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='scarlab scarlab-chevron-up-alt'%3E%3Cpath d='M18 15L12.2126 9.21261V9.21261C12.0952 9.09519 11.9048 9.09519 11.7874 9.21261V9.21261L6 15'%3E%3C/path%3E%3C/svg%3E");
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.container__header__desktop .wrapper .header__links .dropdown__button::after {
    width: 1.25rem;
    height: 1.25rem;
    content: " " !important;
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='scarlab scarlab-chevron-up-alt'%3E%3Cpath d='M18 15L12.2126 9.21261V9.21261C12.0952 9.09519 11.9048 9.09519 11.7874 9.21261V9.21261L6 15'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.25rem;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.container__header__desktop .wrapper .header__links .dropdown__button span {
    margin-right: 0.3rem;
    font-size: var(--font-xs);
    font-weight: 500;
}
.container__header__desktop .wrapper .header__links .dropdown__button:focus {
    border-color: transparent;
    border: none;
}
.container__header__desktop .wrapper .header__links .dropdown__window {
    margin-top: calc(var(--layout-margin) * 0.8);
    background: 0 0;
    background-color: transparent;
    border: none;
    position: absolute;
    padding: 10px;
    background: #ebebf0;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.12);
    border-radius: 1rem;
}
.container__header__desktop .wrapper .header__links .dropdown__window .list__item__button {
    background: var(--main-color);
    border-radius: 8px;
    margin: 5px;
}
.container__header__desktop .wrapper .header__links .dropdown__window .list__item__button .dropdown-item {
    color: #fff;
    text-align: center;
    padding: 12px 20px;
    border-radius: 8px;
}
.container__header__desktop .wrapper .header__links .dropdown__window .list__item__button .dropdown-item:hover {
    background: rgba(255, 255, 255, 0.199);
}
.container__header__desktop .wrapper .header__links .list__item {
    color: #000;
    font-size: var(--font-xs);
    font-weight: 500;
    padding: 0 0.7rem;
    white-space: nowrap;
}
.container__header__desktop .wrapper .header__links .list__item a {
    color: #000;
}
.container__header__desktop .wrapper .header__links .list__item:nth-child(2) {
    border-left: 1px solid #a7a7a7;
}
.container__header__desktop .wrapper .header__links .list__item:nth-child(3) {
    border-left: 1px solid #a7a7a7;
}
.container__header__desktop .wrapper .profile {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ebebf0;
    border-radius: 50%;
    -webkit-box-shadow: -5px 0 27px -3px rgba(0, 0, 0, 0.24);
    box-shadow: -5px 0 27px -3px rgba(0, 0, 0, 0.24);
    width: var(--header-height);
    height: var(--header-height);
}
.container__header__desktop .wrapper .profile i {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
.container__header__desktop .wrapper .profile .dropdown-toggle::after {
    display: inline-block;
    margin-bottom: -0.5em;
    margin-left: 0.055em;
    vertical-align: 0.255em;
    content: "";
    border: none;
}
.container__header__desktop .wrapper .profile .dropdown__button__profile {
    color: var(--main-text);
    background: 0 0;
    padding: 0;
    margin: 0;
    border: none;
    outline: 0;
}
.container__header__desktop .wrapper .profile .dropdown__button__profile:not(.show)::after {
    content: " " !important;
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='scarlab scarlab-user'%3E%3Cpath d='M17 8C17 10.7614 14.7614 13 12 13C9.23858 13 7 10.7614 7 8C7 5.23858 9.23858 3 12 3C14.7614 3 17 5.23858 17 8Z'%3E%3C/path%3E%3Cpath d='M3 21C3.95728 17.9237 6.41998 17 12 17C17.58 17 20.0427 17.9237 21 21'%3E%3C/path%3E%3C/svg%3E");
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.container__header__desktop .wrapper .profile .dropdown__button__profile::after {
    width: 1.25rem;
    height: 1.25rem;
    content: " " !important;
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='currentColor' stroke='none' fill-rule='evenodd' clip-rule='evenodd' class='scarlab scarlab-user'%3E%3Cpath d='M6 8C6 4.68629 8.68629 2 12 2C15.3137 2 18 4.68629 18 8C18 11.3137 15.3137 14 12 14C8.68629 14 6 11.3137 6 8Z'%3E%3C/path%3E%3Cpath d='M5.43094 16.9025C7.05587 16.2213 9.2233 16 12 16C14.771 16 16.9351 16.2204 18.5586 16.8981C20.3012 17.6255 21.3708 18.8613 21.941 20.6587C22.1528 21.3267 21.6518 22 20.9592 22H3.03459C2.34482 22 1.84679 21.3297 2.0569 20.6654C2.62537 18.8681 3.69119 17.6318 5.43094 16.9025Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.25rem;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.container__header__desktop .wrapper .profile .dropdown__button__profile span {
    margin-right: 0.3rem;
    font-size: var(--font-xs);
    font-weight: 500;
}
.container__header__desktop .wrapper .profile .btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.container__header__desktop .wrapper .profile .dropdown__window {
    margin-top: calc(var(--layout-margin) * 0.8);
    background: 0 0;
    background-color: transparent;
    border: none;
    position: absolute;
    padding: 10px;
    background: #ebebf0;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.12);
    border-radius: 1rem;
}
.container__header__desktop .wrapper .profile .dropdown__window .list__item__button {
    background: #363638;
    border-radius: 8px;
    margin: 5px;
}
.container__header__desktop .wrapper .profile .dropdown__window .list__item__button .dropdown-item {
    color: #fff;
    text-align: center;
    padding: 12px 20px;
    border-radius: 8px;
}
.container__header__desktop .wrapper .profile .dropdown__window .list__item__button .dropdown-item:hover {
    background: rgba(255, 255, 255, 0.199);
}
.container__header__desktop .wrapper .profile .dropdown__window .list__item__button .dropdown-item.danger {
    background: #e25851;
}
.container__header__desktop .wrapper .profile .dropdown__window .list__item__button .dropdown-item.danger:hover {
    background: #ff5656;
}
.container__header__desktop .wrapper .profile .list__item {
    font-size: var(--font-xs);
    font-weight: 500;
    padding: 0 0.7rem;
}
.container__header__desktop .wrapper .profile .list__item:nth-child(2) {
    border-left: 1px solid #a7a7a7;
}
.container__header__desktop .wrapper .profile .list__item:nth-child(3) {
    border-left: 1px solid #a7a7a7;
}
.container__header__desktop .logo {
    height: var(--header-height);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 14px;
}
.container__header__desktop .logo img {
    height: 100%;
}
.container__header__desktop .logo.out {
    display: none;
    opacity: 0;
    -webkit-transform: translateX(calc(0 - var(--header-area)));
    transform: translateX(calc(0 - var(--header-area)));
}
.container__isiphonews {
    display: none;
    padding: var(--header-area) calc(var(--safe-area) / 6) 0 calc(var(--safe-area) / 6);
    position: fixed;
    width: 100%;
    z-index: 100;
}
@media (max-width: 899.98px) {
    .container__isiphonews {
        padding: var(--header-area) var(--layout-margin);
    }
}
.container__isiphonews .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: slideDown 2s ease-in-out;
    animation: slideDown 2s ease-in-out;
}
.container__isiphonews .wrapper .icon {
    position: absolute;
    background: var(--main-color);
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
    border-radius: 22%;
    padding: calc(var(--layout-margin) / 2);
    z-index: 10;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.26);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.26);
    -webkit-animation: bounce 4s infinite;
    animation: bounce 4s infinite;
}
.container__isiphonews .wrapper .icon .news-icon {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.5 8.41876C23.3719 8.83126 24 9.94219 24 11.25C24 12.5578 23.3719 13.6688 22.5 14.0813V21C22.5 21.6047 22.1344 22.1531 21.5719 22.3875C21.0141 22.6172 20.3672 22.4906 19.9406 22.0594L17.8922 19.9734C15.6422 17.7234 12.5906 16.5 9.40781 16.5H9V22.5C9 23.3297 8.32969 24 7.5 24H4.5C3.67172 24 3 23.3297 3 22.5V16.5C1.34297 16.5 0 15.1547 0 13.5V9.00001C0 7.34532 1.34297 6.00001 3 6.00001H9.40781C12.5906 6.00001 15.6422 4.73438 17.8922 2.48532L19.9406 0.439369C20.3672 0.0103927 21.0141 -0.117928 21.5719 0.114244C22.1344 0.346416 22.5 0.893447 22.5 1.50001V8.41876ZM9.40781 9.00001H9V13.5H9.40781C13.1484 13.5 16.7438 14.8969 19.5 17.4047V5.09532C16.7438 7.60313 13.1484 9.00001 9.40781 9.00001Z' fill='white'/%3E%3C/svg%3E%0A");
    width: 24px;
    height: 24px;
    background-image: 24px 24px;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    opacity: 0.7;
}
@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(calc(0 - var(--header-area)));
        transform: translateY(calc(0 - var(--header-area)));
    }
    30% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes slideDown {
    0% {
        -webkit-transform: translateY(calc(0 - var(--header-area)));
        transform: translateY(calc(0 - var(--header-area)));
    }
    30% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes bounce {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    30% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@keyframes bounce {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    30% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
.container__isiphonews .wrapper .collapsed {
    width: 0 !important;
}
.container__isiphonews .wrapper .text {
    background: #ebebf0;
    border-radius: 100rem;
    -webkit-box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.158);
    box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.158);
    position: relative;
    width: 100%;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    overflow: hidden;
}
.container__isiphonews .wrapper .text marquee {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: calc(var(--header-height) / 1.5);
}
.container__isiphonews .wrapper .text marquee .isisphonews__list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 0;
}
.container__isiphonews .wrapper .text marquee .isisphonews__list .ss {
    width: 8px;
    height: 8px;
    fill: var(--main-color);
}
.container__isiphonews .wrapper .text marquee .isisphonews__list li {
    margin-right: 2rem;
}
.container__isiphonews .wrapper .text marquee .isisphonews__list li a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.container__isiphonews .wrapper .text marquee:after,
.container__isiphonews .wrapper .text marquee:before {
    position: absolute;
    top: 0;
    width: 3rem;
    height: 100%;
    content: "";
    z-index: 1;
}
.container__isiphonews .wrapper .text marquee:before {
    left: 42px;
    background: -webkit-gradient(linear, left top, right top, from(#e5e6ec), to(rgba(229, 230, 236, 0)));
    background: linear-gradient(to right, #e5e6ec 0, rgba(229, 230, 236, 0) 100%);
}
.container__isiphonews .wrapper .text marquee:after {
    right: -2px;
    background: -webkit-gradient(linear, right top, left top, from(#e5e6ec), to(rgba(229, 230, 236, 0)));
    background: linear-gradient(to left, #e5e6ec 0, rgba(229, 230, 236, 0) 100%);
    border-top-right-radius: 100rem;
    border-bottom-right-radius: 100rem;
}

.container__main {
    position: relative;
}
.container__main .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.container__main .wrapper .brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 200px;
    -webkit-animation:1s ease-in-out forwards mainAniBrand;
    animation:1s ease-in-out forwards mainAniBrand
}
@media (max-width: 565.98px) {
    .container__main {
        position: relative;
        background-position: top;
        background-size: contain;
        background-repeat: no-repeat;
    }
}
@media (min-width: 1300px) {
    .container__main .wrapper .brand {
        height: 350px;
    }
}
.container__main .wrapper .brand .logo {
    width: 100%;
    height: 6rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.container__main .wrapper .brand .name {
    color: var(--main-color);
    font-size: var(--font-md);
    font-weight: 500;
    text-align: center;
    margin-top: 0.5rem;
}
@media (max-width: 565.98px) {
    .container__main .wrapper .brand .name {
        display: none;
    }
}
.container__main .wrapper .slogan {
    color: rgb(255, 255, 255);
    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;
    text-align: center;
    height: 200px;
    width: 100%;
    z-index:-1;
    background: unset;
    -webkit-animation:1s ease-in-out forwards mainAniSlogan;
    animation:1s ease-in-out forwards mainAniSlogan
}
@media (min-width: 566px) {
    .container__main .wrapper .slogan {
        background: linear-gradient(118.36deg, #85acf459 11.39%, rgba(255, 255, 255, 0) 50.15%, #556eb94d 87.89%);
    }
}

@media (min-width: 1300px) {
    .container__main .wrapper .slogan {
        background: linear-gradient(118.36deg, #85acf459 11.39%, rgba(255, 255, 255, 0) 50.15%, #556eb94d 87.89%);
    }
}
.container__main .wrapper .slogan span {
    max-width: 200px;
    font-size: var(--font-md);
    font-weight: 500;
    text-align: center;
}
@media (max-width: 565.98px) {
    .container__main .wrapper .slogan span {
        display: none;
    }
}
@media (max-width: 899.98px) {
    .container__main .wrapper .slogan span {
        max-width: 200px;
    }
}
@media (min-width: 900px) {
    .container__main .wrapper .slogan span {
        max-width: 300px;
    }
}
@media (min-width: 1300px) {
    .container__main .wrapper .slogan span {
        max-width: 300px;
    }
}
.container__main .wrapper .shift {
    height: 200px;
}
@media (min-width: 1301px) {
    .container__main .wrapper .shift {
        height: 350px;
    }
}
.container__main .figures {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.container__main .figures .left {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    left: -96px;
    top: 0;
    -webkit-animation:1s ease-in-out forwards mainAniLeft;
    animation:1s ease-in-out forwards mainAniLeft
}
@media (min-width: 900px) and (max-width: 1299.98px) {
    .container__main .figures .left {
        left: -198px;
    }
}
.container__main .figures .left .device {
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
@media (max-width: 899.98px) {
    .container__main .figures .left .device {
        width: 193px;
        height: 400px;
        background-size: 193px 400px;
        background-repeat: no-repeat;
        background-position: center;
        min-width: 193px;
        margin-bottom: 46px;
    }
}
@media (min-width: 900px) {
    .container__main .figures .left .device {
        width: 400px;
        height: 549.08px;
        background-size: 400px 549.08px;
        background-repeat: no-repeat;
        background-position: center;
        min-width: 400px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        margin-top: -74px;
    }
}
@media (min-width: 1300px) {
    .container__main .figures .left .device {
        width: 525px;
        height: 736px;
        background-size: 525px 736px;
        background-repeat: no-repeat;
        background-position: center;
        min-width: 525px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        margin-top: 55px;
        margin-left: 90px;
    }
}
.container__main .figures .left .toroid {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    width: 176px;
    height: 155px;
    background-size: 176px 155px;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 176px;
    margin-left: 2.6rem;
}
@media (min-width: 900px) and (max-width: 1300px) {
    .container__main .figures .left .toroid {
        margin-left: 15rem;
        margin-top: -2rem;
    }
}
@media (min-width: 1301px) {
    .container__main .figures .left .toroid {
        margin-top: -4.5rem;
        margin-left: 9.1rem;
        width: 200px;
        height: 176px;
        background-size: 200px 176px;
    }
}
.container__main .figures .right {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    right: -96px;
    top: 15px;
    -webkit-animation:1s ease-in-out forwards mainAniRight;
    animation:1s ease-in-out forwards mainAniRight
}
@media (min-width: 900px) and (max-width: 1299.98px) {
    .container__main .figures .right {
        right: -198px;
    }
}
.container__main .figures .right .toroid {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    width: 136px;
    height: 136px;
    background-size: 136px 136px;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 136px;
    margin-bottom: 49px;
}
@media (min-width: 1300px) {
    .container__main .figures .right .toroid {
        margin-left: 10rem;
    }
}
.container__main .figures .right .device {
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
@media (max-width: 899.98px) {
    .container__main .figures .right .device {
        width: 193px;
        height: 400px;
        background-size: 193px 400px;
        background-repeat: no-repeat;
        background-position: center;
        min-width: 193px;
    }
}
@media (min-width: 900px) and (max-width: 1299.98px) {
    .container__main .figures .right .device {
        width: 400px;
        height: 549.08px;
        background-size: 400px 549.08px;
        background-repeat: no-repeat;
        background-position: center;
        min-width: 400px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        margin-top: -75px;
    }
}
@media (min-width: 1300px) {
    .container__main .figures .right .device {
        width: 600px;
        height: 882px;
        background-size: 600px 882px;
        background-repeat: no-repeat;
        background-position: center;
        min-width: 600px;
        margin-top: -200px;
        margin-right: 00px;
    }
}

@keyframes mainAniBrand{
    0%{
        opacity:0;
        -webkit-transform:translateY(-200px);
        transform:translateY(-200px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}

@keyframes mainAniSlogan{
    0%{
        opacity:0;
        -webkit-transform:translateY(-150px);
        transform:translateY(-150px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}

@keyframes mainAniLeft{
    0%{
        -webkit-transform:translateX(-200px);
        transform:translateX(-200px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}

@keyframes mainAniRight{
    0%{
        -webkit-transform:translateX(200px);
        transform:translateX(200px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        -moz-transform:translateX(0);
        -ms-transform:translateX(0);
        -o-transform:translateX(0);
}
}

.container__isiphoslideshow {
    display: none;
    max-width: calc(772px + calc(var(--layout-margin) * 1.8));
    margin: 0 auto;
    padding-top: var(--layout-margin);
}
.container__isiphoslideshow .isiphoslide_card .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}
.container__isiphoslideshow .isiphoslide_card .wrapper .top {
    position: relative;
}
.container__isiphoslideshow .isiphoslide_card .wrapper .top .image {
    width: 386px;
    height: 193px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 25px;
    position: relative;
    overflow: hidden;
}
.container__isiphoslideshow .isiphoslide_card .wrapper .top .image .bg-blur {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    position: absolute;
    z-index: -1;
    -webkit-filter: blur(10px) brightness(0.5);
    filter: blur(10px) brightness(0.5);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.container__isiphoslideshow .isiphoslide_card .wrapper .top .linkbutton {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(32, 33, 36, 0.6);
    display: inline-block;
    padding: 3px;
    border-radius: 50%;
    color: rgba(255, 255, 255, 0.851);
}
.container__isiphoslideshow .isiphoslide_card .wrapper .top .linkbutton .scarlab-link {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.container__isiphoslideshow .isiphoslide_card .wrapper .top .linkbutton:hover {
    background: #202124;
    color: #fff;
}
.container__isiphoslideshow .isiphoslide_card .wrapper .bottom {
    width: 330px;
    margin: 0 10px;
    margin-top: -10px;
    z-index: -2;
    padding: 15px;
    background: #ebebf0;
    border-radius: 5px 5px 22px 22px;
}
.container__isiphoslideshow .isiphoslide_card .wrapper .bottom .header {
    color: #000;
    font-size: var(--font-sm);
    font-weight: 500;
}
.container__isiphoslideshow .isiphoslide_card .wrapper .bottom .description {
    color: #000;
    font-size: var(--font-xs);
    line-height: 1.1;
    margin-top: 5px;
    max-height: 5.3ch;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}
.container__helloagain {
    margin: 0 auto;
}
@media (max-width: 899.98px) {
    .container__helloagain {
        max-width: 386px;
    }
}
@media (min-width: 900px) {
    .container__helloagain {
        max-width: calc(772px + var(--layout-margin) * 2);
    }
}
.container__helloagain .header {
    color: #000;
    font-size: var(--font-md);
    font-weight: 500;
    text-align: center;
}
.container__helloagain .header span {
    color: var(--main-color);
}
.container__login {
    max-width: calc(var(--safe-area) + 50px);
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.container__login .ios__login {
    background: linear-gradient(156.42deg, rgba(255, 173, 14, 0.6) 0, rgba(221, 15, 255, 0.46) 44.35%, rgba(197, 123, 255, 0.6) 70.69%, rgba(32, 175, 255, 0.53) 100%), rgba(255, 255, 255, 0.60);
    width: 386px;
    height: 390px;
    border-radius: 2.2rem;
    -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.14);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.14);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.container__login .ios__login .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 26px 26px 0;
    width: 100%;
}
.container__login .ios__login .top .ios__logo {
    background-image: url("data:image/svg+xml, %3Csvg width='88' height='110' viewBox='0 0 88 110' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M85.1895 37.5027C84.5626 37.9977 73.4937 44.3454 73.4937 58.4598C73.4937 74.7854 87.5784 80.561 88 80.704C87.9351 81.056 85.7624 88.6138 80.5739 96.3146C75.9474 103.091 71.1156 109.857 63.7651 109.857C56.4147 109.857 54.523 105.511 46.0376 105.511C37.7683 105.511 34.8282 110 28.1047 110C21.3812 110 16.6898 103.729 11.2959 96.0285C5.04803 86.9856 0 72.9372 0 59.6039C0 38.2178 13.6632 26.8756 27.1102 26.8756C34.2553 26.8756 40.2113 31.6501 44.6972 31.6501C48.967 31.6501 55.6256 26.5896 63.7543 26.5896C66.835 26.5896 77.9039 26.8756 85.1895 37.5027ZM59.8953 17.5357C63.2571 13.4763 65.6352 7.84372 65.6352 2.21116C65.6352 1.43008 65.5703 0.638003 65.4298 -6.10352e-05C59.9602 0.20896 53.4529 3.70731 49.5291 8.33877C46.4484 11.9031 43.573 17.5357 43.573 23.2453C43.573 24.1033 43.7136 24.9614 43.7784 25.2365C44.1243 25.3025 44.6864 25.3795 45.2485 25.3795C50.156 25.3795 56.3282 22.0351 59.8953 17.5357Z' fill='white'/%3E%3C/svg%3E%0A");
    width: 105px;
    height: 110px;
    background-size: 105px 110px;
    background-position: center;
    background-repeat: no-repeat;
}
.container__login .ios__login .top .right .hero {
    color: #fff;
    font-size: var(--font-xl);
    font-weight: 600;
    line-height: 1.1;
    text-align: center;
}
.container__login .ios__login .top .right .subhero {
    color: #444446;
    font-size: var(--font-xs);
    margin-top: 0.3rem;
    text-align: center;
}
.container__login .ios__login .divider__right {
    -ms-flex-item-align: end;
    align-self: flex-end;
}
.container__login .ios__login .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 0 26px 26px;
}
.container__login .ios__login .bottom .button__tutorial {
    background: rgba(0, 71, 255, 0.24);
    color: #fff;
    font-size: var(--font-xs);
    font-weight: 500;
    border-radius: 0.6rem;
    padding: 0.7rem 1.2rem;
    text-align: center;
}
.container__login .ios__login .bottom .button__login {
    color: #000;
    width: 100%;
    background: linear-gradient(101.39deg, rgba(0, 209, 255, 0.2) -16.7%, rgba(255, 0, 245, 0.1) 76.86%), linear-gradient(0deg, #fff, #fff);
    font-size: var(--font-sm);
    font-weight: 500;
    border-radius: 0.8rem;
    padding: 18px 0;
    text-align: center;
    margin: calc(26px / 2);
}
.container__login .ios__login .bottom .button__packages {
    color: #000;
    width: 100%;
    background: linear-gradient(101.39deg, rgba(0, 209, 255, 0.2) -16.7%, rgba(255, 0, 245, 0.1) 76.86%), linear-gradient(0deg, #fff, #fff);
    font-size: var(--font-sm);
    font-weight: 500;
    border-radius: 0.8rem;
    padding: 18px 0;
    text-align: center;
}
.container__login .android__login {
    background: linear-gradient(157.04deg, #9c0 -24.74%, rgba(158, 205, 16, 0.35) 71.68%), rgba(255, 255, 255, 0.60);
    width: 386px;
    height: 390px;
    border-radius: 2.2rem;
    -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.14);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.14);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.container__login .android__login .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 26px 26px 0;
}
.container__login .android__login .top .android__logo {
    background-image: url("data:image/svg+xml, %3Csvg width='89' height='105' viewBox='0 0 89 105' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M82.4239 34.0112C84.2331 34.0112 85.7681 34.6421 87.0299 35.9039C88.2916 37.1656 88.9227 38.6797 88.9227 40.4469V67.5801C88.9227 69.3916 88.2918 70.9252 87.0299 72.1872C85.7681 73.449 84.2331 74.0801 82.4239 74.0801C80.6161 74.0801 79.0904 73.4492 77.8482 72.1872C76.6084 70.9254 75.9868 69.3916 75.9868 67.5801V40.4469C75.9868 38.6796 76.6177 37.1656 77.8797 35.9039C79.1417 34.6421 80.6567 34.0112 82.4239 34.0112Z' fill='white'/%3E%3Cpath d='M30.1757 9.65364L25.6954 1.38879C25.4013 0.841624 25.506 0.42204 26.0102 0.127003C26.5576 -0.127406 26.9781 0.00150721 27.272 0.504628L31.8149 8.83555C35.8123 7.06817 40.0403 6.18287 44.4987 6.18287C48.958 6.18287 53.1863 7.06836 57.1823 8.83555L61.7253 0.504628C62.0206 0.00150721 62.4411 -0.126266 62.9871 0.127003C63.4925 0.423369 63.5971 0.841624 63.3019 1.38879L58.8215 9.65364C63.3646 11.9705 66.9829 15.1971 69.675 19.3405C72.3672 23.4862 73.7139 28.0166 73.7139 32.9396H15.3469C15.3469 28.0177 16.6938 23.4872 19.3857 19.3405C22.0781 15.1971 25.6755 11.9705 30.1757 9.65364ZM56.0784 21.675C56.5629 22.1607 57.1416 22.4023 57.8143 22.4023C58.4883 22.4023 59.0552 22.1607 59.5177 21.675C59.9802 21.1916 60.2114 20.6152 60.2114 19.9403C60.2114 19.2676 59.9802 18.6901 59.5177 18.2056C59.0552 17.7222 58.487 17.4805 57.8143 17.4805C57.1416 17.4805 56.5629 17.7222 56.0784 18.2056C55.5951 18.6912 55.3522 19.2676 55.3522 19.9403C55.3536 20.6141 55.5962 21.1916 56.0784 21.675ZM29.4821 21.675C29.9456 22.1607 30.5138 22.4023 31.1853 22.4023C31.8595 22.4023 32.438 22.1607 32.9216 21.675C33.4059 21.1916 33.6476 20.6152 33.6476 19.9403C33.6476 19.2676 33.4059 18.6901 32.9216 18.2056C32.438 17.7222 31.8595 17.4805 31.1853 17.4805C30.5127 17.4805 29.9458 17.7222 29.4821 18.2056C29.0193 18.6912 28.7884 19.2676 28.7884 19.9403C28.7884 20.6141 29.0195 21.1916 29.4821 21.675Z' fill='white'/%3E%3Cpath d='M73.4633 77.2346C73.4633 79.1715 72.7906 80.8111 71.4451 82.1566C70.0984 83.5021 68.4588 84.1748 66.5232 84.1748H61.8535L61.7895 98.5003C61.7895 100.309 61.1586 101.845 59.8968 103.107C58.6351 104.369 57.1198 105 55.3538 105C53.5458 105 52.0098 104.369 50.7478 103.107C49.4859 101.845 48.855 100.309 48.855 98.5003V84.1761H40.1474V98.5003C40.1474 100.309 39.5167 101.845 38.2547 103.107C36.9927 104.369 35.4581 105 33.6488 105C31.8407 105 30.3048 104.369 29.0428 103.107C27.7808 101.845 27.1501 100.309 27.1501 98.5003V84.1761H22.4174C20.5247 84.1761 18.9062 83.5033 17.5582 82.1577C16.2129 80.8122 15.5398 79.1726 15.5398 77.2359V35.209H73.4633V77.2346Z' fill='white'/%3E%3Cpath d='M6.57588 34.0112C8.34326 34.0112 9.85718 34.6328 11.1192 35.8725C12.3809 37.1146 13.0118 38.6403 13.0118 40.4469V67.5801C13.0118 69.3916 12.3811 70.9252 11.1192 72.1872C9.85718 73.4492 8.34212 74.0801 6.57588 74.0801C4.76787 74.0801 3.23193 73.4492 1.96995 72.1872C0.707966 70.9252 0.0772624 69.3916 0.0772624 67.5801V40.4469C0.0772624 38.6401 0.707966 37.1146 1.96995 35.8725C3.23193 34.6328 4.76787 34.0112 6.57588 34.0112Z' fill='white'/%3E%3C/svg%3E ");
    width: 136px;
    height: 110px;
    background-size: contain;
    background-repeat: no-repeat;
}
.container__login .android__login .top .left {
    margin-left: -1.438rem;
    margin-right: -0.5rem;
}
.container__login .android__login .top .left .hero {
    color: #fff;
    font-size: var(--font-xl);
    font-weight: 600;
    line-height: 1.1;
    text-align: center;
}
.container__login .android__login .top .left .subhero {
    color: #444446;
    font-size: var(--font-xs);
    margin-top: 0.3rem;
    text-align: center;
}
.container__login .android__login .divider__left {
    -ms-flex-item-align: self-start;
    -ms-grid-row-align: self-start;
    align-self: self-start;
}
.container__login .android__login .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 0 26px 26px;
}
.container__login .android__login .bottom .button__tutorial {
    background: rgba(62, 177, 7, 0.39);
    color: #fff;
    font-size: var(--font-xs);
    font-weight: 500;
    border-radius: 0.6rem;
    padding: 0.7rem 1.2rem;
    text-align: center;
}
.container__login .android__login .bottom .button__login {
    color: #000;
    width: 100%;
    background: linear-gradient(92.18deg, rgba(173, 255, 0, 0.2) -22.72%, rgba(191, 255, 0, 0.2) 124.69%), #fff;
    font-size: var(--font-sm);
    font-weight: 500;
    border-radius: 0.8rem;
    padding: 18px 0;
    text-align: center;
    margin: calc(26px / 2);
}
.container__login .android__login .bottom .button__packages {
    color: #000;
    width: 100%;
    background: linear-gradient(92.18deg, rgba(173, 255, 0, 0.2) -22.72%, rgba(191, 255, 0, 0.2) 124.69%), #fff;
    font-size: var(--font-sm);
    font-weight: 500;
    border-radius: 0.8rem;
    padding: 18px 0;
    text-align: center;
}
.container__login .android__login,
.container__login .ios__login {
    margin: calc(var(--layout-margin) / 2);
}
.container__subscription {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.container__subscription .ios__subscard {
    background: linear-gradient(156.42deg, rgba(255, 173, 14, 0.6) 0, rgba(221, 15, 255, 0.46) 44.35%, rgba(197, 123, 255, 0.6) 70.69%, rgba(32, 175, 255, 0.53) 100%), rgba(255, 255, 255, 0.60);
    width: 183px;
    height: 183px;
    border-radius: var(--layout-margin);
    border: solid 1px #ebebf0;
    -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.14);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.14);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.container__subscription .ios__subscard .ios__logo {
    background-image: url("data:image/svg+xml, %3Csvg width='88' height='110' viewBox='0 0 88 110' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M85.1895 37.5027C84.5626 37.9977 73.4937 44.3454 73.4937 58.4598C73.4937 74.7854 87.5784 80.561 88 80.704C87.9351 81.056 85.7624 88.6138 80.5739 96.3146C75.9474 103.091 71.1156 109.857 63.7651 109.857C56.4147 109.857 54.523 105.511 46.0376 105.511C37.7683 105.511 34.8282 110 28.1047 110C21.3812 110 16.6898 103.729 11.2959 96.0285C5.04803 86.9856 0 72.9372 0 59.6039C0 38.2178 13.6632 26.8756 27.1102 26.8756C34.2553 26.8756 40.2113 31.6501 44.6972 31.6501C48.967 31.6501 55.6256 26.5896 63.7543 26.5896C66.835 26.5896 77.9039 26.8756 85.1895 37.5027ZM59.8953 17.5357C63.2571 13.4763 65.6352 7.84372 65.6352 2.21116C65.6352 1.43008 65.5703 0.638003 65.4298 -6.10352e-05C59.9602 0.20896 53.4529 3.70731 49.5291 8.33877C46.4484 11.9031 43.573 17.5357 43.573 23.2453C43.573 24.1033 43.7136 24.9614 43.7784 25.2365C44.1243 25.3025 44.6864 25.3795 45.2485 25.3795C50.156 25.3795 56.3282 22.0351 59.8953 17.5357Z' fill='white'/%3E%3C/svg%3E%0A");
    width: 88px;
    height: 88px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-filter: drop-shadow(0px 2px 12px rgba(0, 0, 0, 0.09));
    filter: drop-shadow(0px 2px 12px rgba(0, 0, 0, 0.09));
}
.container__subscription .ios__subscard .hero {
    color: #000;
    font-size: var(--font-xl);
    font-weight: 500;
    margin-top: 1rem;
}
.container__subscription .android__subscard {
    background: linear-gradient(157.04deg, #9c0 -24.74%, rgba(158, 205, 16, 0.35) 71.68%), rgba(255, 255, 255, 0.60);
    width: 183px;
    height: 183px;
    border-radius: var(--layout-margin);
    border: solid 1px #ebebf0;
    -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.14);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.14);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.container__subscription .android__subscard .android__logo {
    background-image: url("data:image/svg+xml, %3Csvg width='89' height='105' viewBox='0 0 89 105' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M82.4239 34.0112C84.2331 34.0112 85.7681 34.6421 87.0299 35.9039C88.2916 37.1656 88.9227 38.6797 88.9227 40.4469V67.5801C88.9227 69.3916 88.2918 70.9252 87.0299 72.1872C85.7681 73.449 84.2331 74.0801 82.4239 74.0801C80.6161 74.0801 79.0904 73.4492 77.8482 72.1872C76.6084 70.9254 75.9868 69.3916 75.9868 67.5801V40.4469C75.9868 38.6796 76.6177 37.1656 77.8797 35.9039C79.1417 34.6421 80.6567 34.0112 82.4239 34.0112Z' fill='white'/%3E%3Cpath d='M30.1757 9.65364L25.6954 1.38879C25.4013 0.841624 25.506 0.42204 26.0102 0.127003C26.5576 -0.127406 26.9781 0.00150721 27.272 0.504628L31.8149 8.83555C35.8123 7.06817 40.0403 6.18287 44.4987 6.18287C48.958 6.18287 53.1863 7.06836 57.1823 8.83555L61.7253 0.504628C62.0206 0.00150721 62.4411 -0.126266 62.9871 0.127003C63.4925 0.423369 63.5971 0.841624 63.3019 1.38879L58.8215 9.65364C63.3646 11.9705 66.9829 15.1971 69.675 19.3405C72.3672 23.4862 73.7139 28.0166 73.7139 32.9396H15.3469C15.3469 28.0177 16.6938 23.4872 19.3857 19.3405C22.0781 15.1971 25.6755 11.9705 30.1757 9.65364ZM56.0784 21.675C56.5629 22.1607 57.1416 22.4023 57.8143 22.4023C58.4883 22.4023 59.0552 22.1607 59.5177 21.675C59.9802 21.1916 60.2114 20.6152 60.2114 19.9403C60.2114 19.2676 59.9802 18.6901 59.5177 18.2056C59.0552 17.7222 58.487 17.4805 57.8143 17.4805C57.1416 17.4805 56.5629 17.7222 56.0784 18.2056C55.5951 18.6912 55.3522 19.2676 55.3522 19.9403C55.3536 20.6141 55.5962 21.1916 56.0784 21.675ZM29.4821 21.675C29.9456 22.1607 30.5138 22.4023 31.1853 22.4023C31.8595 22.4023 32.438 22.1607 32.9216 21.675C33.4059 21.1916 33.6476 20.6152 33.6476 19.9403C33.6476 19.2676 33.4059 18.6901 32.9216 18.2056C32.438 17.7222 31.8595 17.4805 31.1853 17.4805C30.5127 17.4805 29.9458 17.7222 29.4821 18.2056C29.0193 18.6912 28.7884 19.2676 28.7884 19.9403C28.7884 20.6141 29.0195 21.1916 29.4821 21.675Z' fill='white'/%3E%3Cpath d='M73.4633 77.2346C73.4633 79.1715 72.7906 80.8111 71.4451 82.1566C70.0984 83.5021 68.4588 84.1748 66.5232 84.1748H61.8535L61.7895 98.5003C61.7895 100.309 61.1586 101.845 59.8968 103.107C58.6351 104.369 57.1198 105 55.3538 105C53.5458 105 52.0098 104.369 50.7478 103.107C49.4859 101.845 48.855 100.309 48.855 98.5003V84.1761H40.1474V98.5003C40.1474 100.309 39.5167 101.845 38.2547 103.107C36.9927 104.369 35.4581 105 33.6488 105C31.8407 105 30.3048 104.369 29.0428 103.107C27.7808 101.845 27.1501 100.309 27.1501 98.5003V84.1761H22.4174C20.5247 84.1761 18.9062 83.5033 17.5582 82.1577C16.2129 80.8122 15.5398 79.1726 15.5398 77.2359V35.209H73.4633V77.2346Z' fill='white'/%3E%3Cpath d='M6.57588 34.0112C8.34326 34.0112 9.85718 34.6328 11.1192 35.8725C12.3809 37.1146 13.0118 38.6403 13.0118 40.4469V67.5801C13.0118 69.3916 12.3811 70.9252 11.1192 72.1872C9.85718 73.4492 8.34212 74.0801 6.57588 74.0801C4.76787 74.0801 3.23193 73.4492 1.96995 72.1872C0.707966 70.9252 0.0772624 69.3916 0.0772624 67.5801V40.4469C0.0772624 38.6401 0.707966 37.1146 1.96995 35.8725C3.23193 34.6328 4.76787 34.0112 6.57588 34.0112Z' fill='white'/%3E%3C/svg%3E ");
    width: 88px;
    height: 88px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-filter: drop-shadow(0px 2px 12px rgba(0, 0, 0, 0.09));
    filter: drop-shadow(0px 2px 12px rgba(0, 0, 0, 0.09));
}
.container__subscription .android__subscard .hero {
    color: #000;
    font-size: var(--font-xl);
    font-weight: 500;
    margin-top: 1rem;
}
.container__subscription .android__subscard,
.container__subscription .ios__subscard {
    margin: calc(var(--layout-margin) / 2);
}
.container__availablepackages {
    max-width: calc(var(--safe-area) + 300px);
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.container__availablepackages .package__premium {
    background: linear-gradient(340.3deg, rgba(52, 182, 255, 0.2) -120.75%, rgba(255, 255, 255, 0) 148.35%), linear-gradient(180deg, #c3dcfa 0, rgba(241, 241, 241, 0) 100%), rgba(255, 255, 255, 0.60);
    width: 386px;
    height: 100%;
    border-radius: 38px;
    position: relative;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}
.container__availablepackages .package__premium .top__badge {
    width: 100%;
    margin-top: -0.6rem;
    z-index: 10;
    position: absolute;
    text-align: center;
}
.container__availablepackages .package__premium .top__badge span {
    color: #000;
    padding: 0.6rem 1.8rem;
    background: #ebebf0;
    border-radius: 100rem;
}
.container__availablepackages .package__premium .top {
    padding: 26px;
    margin-top: 1rem;
    padding-bottom: 13px;
}
.container__availablepackages .package__premium .top .package__hero {
    color: #000;
    font-size: var(--font-xl);
    font-weight: 500;
    margin-bottom: 21px;
}
.container__availablepackages .package__premium .top .price__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 21px;
}
.container__availablepackages .package__premium .top .price__wrapper .price {
    max-width: 70%;
    color: #000;
    font-size: var(--font-xxl);
    font-weight: 600;
    letter-spacing: -0.05em;
    line-height: 1;
}
.container__availablepackages .package__premium .top .price__wrapper .period {
    color: #444446;
    font-size: var(--font-sm);
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.8;
}
.container__availablepackages .package__premium .top .package__description {
    color: #444446;
    font-size: var(--font-sm);
}
.container__availablepackages .package__premium .bottom {
    padding: 26px;
    padding-top: 13px;
}
.container__availablepackages .package__premium .bottom .package__feature_list {
    color: #000;
    letter-spacing: -0.01em;
    padding-left: 0;
    list-style: none;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
}
.container__availablepackages .package__premium .bottom .package__feature_list li {
    margin: 0.7rem 0 0.7rem 0;
    font-size: var(--font-sm);
}
.container__availablepackages .package__premium .bottom .package__feature_list li::before {
    content: "";
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z' stroke='%23323232' stroke-width='2'/%3E%3Cpath d='M9 12L10.6828 13.6828V13.6828C10.858 13.858 11.142 13.858 11.3172 13.6828V13.6828L15 10' stroke='%23323232' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 1.5rem;
    height: 1.5rem;
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 1.5rem;
    display: inline-block;
    position: relative;
    margin: 0 0.5rem -0.3rem 0;
}
.container__availablepackages .package__premium .bottom .package__button {
    background: linear-gradient(231.19deg, #0094ff 7.16%, rgba(0, 163, 255, 0) 125.3%);
    padding: 1rem;
    border-radius: 1rem;
    -webkit-box-shadow: 0 2px 15px rgba(20, 157, 255, 0.47);
    box-shadow: 0 2px 15px rgba(20, 157, 255, 0.47);
    color: #fff;
    font-size: var(--font-md);
    font-weight: 500;
    text-align: center;
    margin-top: 1.5rem;
}
.container__availablepackages .package__default {
    background: linear-gradient(340.3deg, rgba(0, 222, 155, 0.2) -120.75%, rgba(255, 255, 255, 0) 148.35%), linear-gradient(180deg, rgba(210, 255, 242, 0.36) 0, rgba(241, 241, 241, 0) 100%), rgba(255, 255, 255, 0.60);
    width: 386px;
    height: 100%;
    border-radius: 38px;
    position: relative;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}
.container__availablepackages .package__default .top__badge {
    width: 100%;
    margin-top: -0.6rem;
    z-index: 10;
    position: absolute;
    text-align: center;
}
.container__availablepackages .package__default .top__badge span {
    color: #000;
    padding: 0.6rem 1.8rem;
    background: #ebebf0;
    border-radius: 100rem;
}
.container__availablepackages .package__default .top {
    padding: 26px;
    margin-top: 1rem;
    padding-bottom: 13px;
}
.container__availablepackages .package__default .top .package__hero {
    color: #000;
    font-size: var(--font-xl);
    font-weight: 500;
    margin-bottom: 21px;
}
.container__availablepackages .package__default .top .price__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 21px;
}
.container__availablepackages .package__default .top .price__wrapper .price {
    max-width: 70%;
    color: #000;
    font-size: var(--font-xxl);
    font-weight: 600;
    line-height: 1;
}
.container__availablepackages .package__default .top .price__wrapper .period {
    color: #444446;
    font-size: var(--font-sm);
    font-weight: 500;
    line-height: 1.8;
}
.container__availablepackages .package__default .top .package__description {
    color: #444446;
    font-size: var(--font-sm);
}
.container__availablepackages .package__default .bottom {
    padding: 26px;
    padding-top: 13px;
}
.container__availablepackages .package__default .bottom .package__feature_list {
    color: #000;
    letter-spacing: -0.01em;
    padding-left: 0;
    list-style: none;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
}
.container__availablepackages .package__default .bottom .package__feature_list li {
    margin: 0.7rem 0 0.7rem 0;
    font-size: var(--font-sm);
}
.container__availablepackages .package__default .bottom .package__feature_list li::before {
    content: "";
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z' stroke='%23323232' stroke-width='2'/%3E%3Cpath d='M9 12L10.6828 13.6828V13.6828C10.858 13.858 11.142 13.858 11.3172 13.6828V13.6828L15 10' stroke='%23323232' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 1.5rem;
    height: 1.5rem;
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 1.5rem;
    display: inline-block;
    position: relative;
    margin: 0 0.5rem -0.3rem 0;
}
.container__availablepackages .package__default .bottom .package__button {
    background: linear-gradient(231.19deg, #00de9b 7.16%, rgba(0, 222, 155, 0) 125.3%);
    padding: 1rem;
    border-radius: 1rem;
    -webkit-box-shadow: 0 2px 15px rgba(0, 222, 155, 0.47);
    box-shadow: 0 2px 15px rgba(0, 222, 155, 0.47);
    color: #fff;
    font-size: var(--font-md);
    font-weight: 500;
    text-align: center;
    margin-top: 1.5rem;
}
.container__availablepackages .package__basic {
    background: linear-gradient(340.3deg, rgba(222, 186, 0, 0.2) -120.75%, rgba(255, 255, 255, 0) 148.35%), linear-gradient(180deg, rgba(253, 244, 198, 0.36) 0, rgba(241, 241, 241, 0) 100%), rgba(255, 255, 255, 0.60);
    width: 386px;
    height: 100%;
    border-radius: 38px;
    position: relative;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}
.container__availablepackages .package__basic .top__badge {
    width: 100%;
    margin-top: -0.6rem;
    z-index: 10;
    position: absolute;
    text-align: center;
}
.container__availablepackages .package__basic .top__badge span {
    padding: 0.6rem 1.8rem;
    background: #ebebf0;
    border-radius: 100rem;
}
.container__availablepackages .package__basic .top {
    padding: 26px;
    margin-top: 1rem;
    padding-bottom: 13px;
}
.container__availablepackages .package__basic .top .package__hero {
    color: #000;
    font-size: var(--font-xl);
    font-weight: 500;
    margin-bottom: 21px;
}
.container__availablepackages .package__basic .top .price__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 21px;
}
.container__availablepackages .package__basic .top .price__wrapper .price {
    max-width: 70%;
    color: #000;
    font-size: var(--font-xxl);
    font-weight: 600;
    line-height: 1;
}
.container__availablepackages .package__basic .top .price__wrapper .period {
    color: #444446;
    font-size: var(--font-sm);
    font-weight: 500;
    line-height: 1.8;
}
.container__availablepackages .package__basic .top .package__description {
    color: #444446;
    font-size: var(--font-sm);
}
.container__availablepackages .package__basic .bottom {
    padding: 26px;
    padding-top: 13px;
}
.container__availablepackages .package__basic .bottom .package__feature_list {
    color: #000;
    letter-spacing: -0.01em;
    padding-left: 0;
    list-style: none;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
}
.container__availablepackages .package__basic .bottom .package__feature_list li {
    margin: 0.7rem 0 0.7rem 0;
    font-size: var(--font-sm);
}
.container__availablepackages .package__basic .bottom .package__feature_list li::before {
    content: "";
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z' stroke='%23323232' stroke-width='2'/%3E%3Cpath d='M9 12L10.6828 13.6828V13.6828C10.858 13.858 11.142 13.858 11.3172 13.6828V13.6828L15 10' stroke='%23323232' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 1.5rem;
    height: 1.5rem;
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 1.5rem;
    display: inline-block;
    position: relative;
    margin: 0 0.5rem -0.3rem 0;
}
.container__availablepackages .package__basic .bottom .package__button {
    background: linear-gradient(231.19deg, #deba00 7.16%, rgba(222, 186, 0, 0) 125.3%);
    padding: 1rem;
    border-radius: 1rem;
    -webkit-box-shadow: 0 2px 15px rgba(222, 186, 0, 0.47);
    box-shadow: 0 2px 15px rgba(222, 186, 0, 0.47);
    color: #fff;
    font-size: var(--font-md);
    font-weight: 500;
    text-align: center;
    margin-top: 1.5rem;
}
.container__availablepackages .package__basic,
.container__availablepackages .package__default,
.container__availablepackages .package__premium {
    margin: var(--layout-margin) calc(var(--layout-margin) / 2);
}
.container__availableapps {
    max-width: calc(var(--safe-area) + 300px);
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.container__availableapps .app__card {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: calc(var(--layout-margin) / 2);
}
.container__availableapps .app__card .image {
    width: 70px;
    height: 70px;
    max-width: 70px;
    max-height: 70px;
    min-width: 70px;
    min-height: 70px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 22%;
    -webkit-box-shadow: 0 5px 20px -2px rgba(0, 0, 0, 0.337);
    box-shadow: 0 5px 20px -2px rgba(0, 0, 0, 0.337);
    margin-bottom: -35px;
    z-index: 10;
}
.container__availableapps .app__card .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #ebebf0;
    width: 181px;
    height: 100%;
    border-radius: 25px;
    padding: 43px 10px 18px 10px;
}
.container__availableapps .app__card .wrapper .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.container__availableapps .app__card .wrapper .top .name {
    font-size: var(--font-md);
    font-weight: 450;
    line-height: 1.2;
    text-align: center;
    text-overflow: ellipsis;
    max-width: 160px;
    overflow: hidden;
}
.container__availableapps .app__card .wrapper .top .specs {
    margin-top: 5px;
    margin-bottom: 8px;
    text-align: center;
    opacity: 0.6;
}
.container__availableapps .app__card .wrapper a {
    text-align: center;
    text-decoration: underline;
}
.container__electronic_cards {
    max-width: var(--safe-area);
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.container__electronic_cards .layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.container__electronic_cards .electronic_card {
    margin: calc(var(--layout-margin) / 2);
}
.container__electronic_cards .electronic_card .top {
    background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e354), to(rgba(227, 227, 227, 0)));
    background: linear-gradient(180deg, #e3e3e354 0, rgba(227, 227, 227, 0) 100%);
    width: 386px;
    border-radius: 22px;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 39.9375em) {
    .container__electronic_cards .electronic_card .top {
        width: 360px;
    }
}
.container__electronic_cards .electronic_card .top .electronic_card__image {
    min-width: 150px;
    min-height: 150px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 14px;
}
.container__electronic_cards .electronic_card .top .wrapper {
    padding-left: 10px;
    height: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.container__electronic_cards .electronic_card .top .wrapper .up {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto 0;
    height: 75%;
    margin-bottom: 0.5rem;
}
.container__electronic_cards .electronic_card .top .wrapper .up .electronic_card__header {
    color: rgb(255, 255, 255);
    font-size: var(--font-sm);
    font-weight: 500;
    line-height: 1;
    -ms-flex-item-align: start;
    align-self: flex-start;
}
.container__electronic_cards .electronic_card .top .wrapper .down {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto 0;
    height: 25%;
    margin-top: 0.5rem;
}
.container__electronic_cards .electronic_card .top .wrapper .down .details__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.container__electronic_cards .electronic_card .top .wrapper .down .details__button span {
    color: #007bff;
    font-size: var(--font-sm);
    font-weight: 500;
}
.container__electronic_cards .electronic_card .top .wrapper .down .details__button .scarlab-arrow-right {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    color: #007bff;
}
.container__electronic_cards .electronic_card .diamond__divider_electcards {
    background: rgb(255, 255, 255);
    width: 220px;
    height: 2px;
    position: relative;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin: calc(var(--layout-margin) / 1) 0;
}
.container__electronic_cards .electronic_card .diamond__divider_electcards::before {
    content: "";
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    border: none;
    background-color: rgb(255, 255, 255);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 100;
    margin-top: -4px;
}
.container__electronic_cards .electronic_card:nth-child(2n) .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.container__electronic_cards .electronic_card:nth-child(2n) .top .wrapper {
    padding: 0 10px 0 0;
}
.container__electronic_cards .electronic_card:nth-child(2n) .diamond__divider_electcards {
    background: rgb(255, 255, 255);
    width: 220px;
    height: 2px;
    float: right;
    position: relative;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    margin: calc(var(--layout-margin) / 1) 0;
}
.container__electronic_cards .electronic_card:nth-child(2n) .diamond__divider_electcards::before {
    content: "";
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    border: none;
    background-color: rgb(255, 255, 255);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 100;
    margin-top: -4px;
}
.container__electronic_cards .seemore {
    color: #000;
    background: linear-gradient(68.37deg, #ddd 15.08%, rgba(221, 221, 221, 0) 94.09%);
    -webkit-box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
    border-radius: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.7rem 1rem 0.6rem 1.2rem;
}
.container__costumerreviews {
    max-width: calc(916px + calc(var(--layout-margin) * 1.8));
    margin: 0 auto;
}
.container__costumerreviews .swiper-wrapper {
    position: relative;
}
.container__costumerreviews .costreview__card {
    background: linear-gradient(146.13deg, var(--main-color) -81.48%, var(--main-color) 24.18%, rgba(255, 255, 255, 0.484) 84.59%);
    width: 430px;
    height: 100%;
    padding: 14px;
    -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.062);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.062);
    border-radius: 18px 80px;
    position: relative;
}
@media (max-width: 39.9375em) {
    .container__costumerreviews .costreview__card {
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.027);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.027);
    }
}
.container__costumerreviews .costreview__card .quote__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: absolute;
}
.container__costumerreviews .costreview__card .quote__top span {
    width: 10px;
    height: 40px;
    background: #fff;
    border-radius: 10rem;
    margin-right: 3px;
    -webkit-border-radius: 10rem;
    -moz-border-radius: 10rem;
    -ms-border-radius: 10rem;
    -o-border-radius: 10rem;
}
.container__costumerreviews .costreview__card .quote__top span:nth-child(2) {
    height: 26px;
    opacity: 0.8;
}
.container__costumerreviews .costreview__card .wrapper {
    padding: 35px 19px;
    padding-bottom: 0;
}
.container__costumerreviews .costreview__card .wrapper .top {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px;
}
.container__costumerreviews .costreview__card .wrapper .top .name {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-251.92%, #dcdcdc), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(180deg, #dcdcdc -251.92%, rgba(255, 255, 255, 0) 100%);
    display: inline-block;
    padding: 3px 11px;
    color: #000;
    font-size: var(--font-sm);
    font-weight: 500;
    border: 1px solid #fff;
    border-radius: 3px 8px 8px 8px;
}
.container__costumerreviews .costreview__card .wrapper .top .stars {
    background: #363638;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10rem;
    padding: 0 0.7rem 0 0.5rem;
    margin-left: 0.4rem;
}
.container__costumerreviews .costreview__card .wrapper .top .stars span {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    margin-right: -0.5rem;
    margin-bottom: -0.05rem;
}
.container__costumerreviews .costreview__card .wrapper .top .stars span .scarlab-star {
    color: #6c6c70;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
.container__costumerreviews .costreview__card .wrapper .top .stars span .scarlab-star-filled {
    color: #fc0 !important;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
.container__costumerreviews .costreview__card .wrapper .middle {
    background: rgba(255, 255, 255, 0.256);
    border: 1.5px solid #f8f8f8;
    -webkit-box-shadow: 0 0 27px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 27px rgba(0, 0, 0, 0.08);
    border-radius: 8px 16px 16px 16px;
    padding: 10px;
    margin-bottom: 12px;
}
.container__costumerreviews .costreview__card .wrapper .middle .cost__message {
    font-size: var(--font-xs);
    font-weight: 450;
}
.container__costumerreviews .costreview__card .wrapper .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.container__costumerreviews .costreview__card .wrapper .bottom .country {
    color: #000;
    background: linear-gradient(267.42deg, var(--main-color) -50%, rgba(124, 208, 255, 0) 80%);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 10rem;
}
.container__costumerreviews .costreview__card .wrapper .bottom .country span {
    font-size: var(--font-xs);
    font-weight: 450;
    margin: 3px 1px 2px 13px;
}
.container__costumerreviews .costreview__card .wrapper .bottom .country .scarlab-world {
    color: var(--main-color);
    -webkit-transform: scale(1);
    transform: scale(1);
    margin: 0.1rem 0.1rem 0.15rem 0.25rem;
}
.container__costumerreviews .costreview__card .quote__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    right: 14px;
}
.container__costumerreviews .costreview__card .quote__bottom span {
    width: 10px;
    height: 26px;
    background: var(--main-color);
    border-radius: 10rem;
    margin-right: 3px;
}
.container__costumerreviews .costreview__card .quote__bottom span:nth-child(2) {
    height: 40px;
    opacity: 0.8;
}
.container__costumerreviews .left__gradient {
    width: 100px;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(90deg, #fff 0, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
}
@media (max-width: 39.9375em) {
    .container__costumerreviews .left__gradient {
        display: none;
    }
}
.container__costumerreviews .right__gradient {
    width: 100px;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(#fff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(270deg, #fff 0, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
}
@media (max-width: 39.9375em) {
    .container__costumerreviews .right__gradient {
        display: none;
    }
}
.container__addpages {
    max-width: var(--safe-area);
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.container__addpages .layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.container__addpages .addpage__card {
    margin: var(--layout-margin) calc(var(--layout-margin) / 2);
    position: relative;
}
.container__addpages .addpage__card .top {
    background: #d8d8dc;
    display: inline-block;
    padding: 8px;
    border: 1px solid #e4e4e4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: -4px 4px 9px rgba(0, 0, 0, 0.14);
    box-shadow: -4px 4px 9px rgba(0, 0, 0, 0.14);
    border-radius: 8px 17px 8px 8px;
    position: absolute;
    right: -8px;
    top: -8px;
}
.container__addpages .addpage__card .bottom {
    background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(rgba(227, 227, 227, 0)));
    background: linear-gradient(180deg, #e3e3e3 0, rgba(227, 227, 227, 0) 100%);
    width: 386px;
    border-radius: 22px;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 39.9375em) {
    .container__addpages .addpage__card .bottom {
        width: 360px;
    }
}
.container__addpages .addpage__card .bottom .addpage__card__image {
    min-width: 150px;
    min-height: 150px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;
}
.container__addpages .addpage__card .bottom .wrapper {
    padding: 18px 0 18px 10px;
    height: 80%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.container__addpages .addpage__card .bottom .wrapper .up {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto 0;
    height: 75%;
    margin-bottom: 0.5rem;
}
.container__addpages .addpage__card .bottom .wrapper .up .addpage__card__header {
    color: #000;
    font-size: var(--font-sm);
    font-weight: 500;
    line-height: 1;
    -ms-flex-item-align: start;
    align-self: flex-start;
}
.container__addpages .seemore {
    color: #000;
    background: linear-gradient(68.37deg, #ddd 15.08%, rgba(221, 221, 221, 0) 94.09%);
    -webkit-box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
    border-radius: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.7rem 1rem 0.6rem 1.2rem;
}
.container__contactus {
    margin: 0 auto;
}
@media (max-width: 899.98px) {
    .container__contactus {
        max-width: 386px;
    }
}
@media (min-width: 900px) {
    .container__contactus {
        max-width: calc(772px + var(--layout-margin) * 2);
    }
}
.container__contactus .divider__right {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-right: calc(0px - var(--layout-margin));
    margin-top: calc(var(--layout-margin) / 2);
    margin-bottom: var(--layout-margin);
}
.container__contactus .divider__right .right__diamond__arrow {
    width: 7rem;
}
@media (max-width: 899.98px) {
    .container__contactus .divider__right .right__diamond__arrow {
        width: 3rem;
    }
}
.container__contactus .button {
    background: -webkit-gradient(linear, left top, right top, from(rgba(88, 165, 255, 0.75)), color-stop(49.91%, rgba(255, 77, 66, 0.3)), to(rgba(88, 165, 255, 0.75)));
    background: linear-gradient(90deg, rgba(88, 165, 255, 0.75) 0, rgba(255, 77, 66, 0.3) 49.91%, rgba(88, 165, 255, 0.75) 100%);
    border-radius: 14px;
    display: inline-block;
    padding: 14px 60px;
    color: #fff;
    font-size: var(--font-md);
    font-weight: 450;
    text-align: center;
}
@media (max-width: 767px) {
    .container__contactus .button {
        width: 100%;
    }
}
.container__contactus p {
    color: #000;
}
.container__wallpapers {
    max-width: var(--safe-area);
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.container__wallpapers .wallpaper__card {
    position: relative;
    overflow: hidden;
    width: 300px;
    border-radius: 20px;
    margin: calc(var(--layout-margin) / 2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.247);
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.247);
}
.container__wallpapers .wallpaper__card .bg-blur {
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    z-index: -1;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-filter: blur(10px) brightness(0.5);
    filter: blur(10px) brightness(0.5);
    -webkit-transform: scale(2);
    transform: scale(2);
}
.container__wallpapers .wallpaper__card .download__button {
    background: rgba(0, 0, 0, 0.342);
    padding: 5px;
    border-radius: 50%;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.container__wallpapers .wallpaper__card .download__button .scarlab-download {
    color: rgba(255, 255, 255, 0.801);
}
.container__wallpapers .wallpaper__card .image {
    display: block;
}
.container__wallpapers .wallpaper__card .image img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.container__storeapp {
    max-width: calc(var(--safe-area) - var(--layout-margin) * 2);
    margin: 0 auto;
    position: relative;
}
.container__storeapp .wrapper {
    background: #ebebf0;
    padding: 20px;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.container__storeapp .wrapper .name {
    font-size: var(--font-md);
    font-weight: 500;
}
.container__storeapp .wrapper .version {
    opacity: 0.7;
    margin-bottom: 15px;
}
.container__storeapp .wrapper .image {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 22%;
}
.container__storeapp .wrapper .button__storeapp {
    background: var(--main-color);
    color: #fff;
    font-size: var(--font-md);
    text-align: center;
    padding: 8px 20px;
    border-radius: 14px;
    margin-top: 20px;
}
.container__storeapp .wrapper .figure__left {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    width: 176px;
    height: 155px;
    background-size: 176px 155px;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 176px;
    position: absolute;
    bottom: -78px;
    left: -88px;
}
.container__storeapp .wrapper .figure__right {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    width: 136px;
    height: 136px;
    background-size: 136px 136px;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 136px;
    position: absolute;
    top: -68px;
    right: -68px;
}
.container__applist {
    max-width: var(--safe-area);
    margin: 0 auto;
}
.container__applist .apps__grid {
    margin: 0 auto;
    margin-top: calc(var(--layout-margin));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.container__applist .apps__grid .app__card {
    background: #ebebf0;
    width: 180px;
    padding: 18px;
    border-radius: 26px;
    margin: calc(var(--layout-margin) / 4);
}
.container__applist .apps__grid .app__card .wrapper {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.container__applist .apps__grid .app__card .wrapper .detail {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.container__applist .apps__grid .app__card .wrapper .detail .icon {
    background-image: url(/app/img/iSipho.jpg);
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    max-width: 60px;
    max-height: 60px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 22%;
    background-color: #d8d8dc;
}
.container__applist .apps__grid .app__card .wrapper .detail .row {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 12px;
}
.container__applist .apps__grid .app__card .wrapper .detail .row .name {
    font-size: var(--font-md);
    font-weight: 500;
    white-space: normal;
}
.container__applist .apps__grid .app__card .wrapper .detail .row .specs {
    opacity: 0.75;
    margin-top: 3px;
}
.container__applist .apps__grid .app__card .wrapper .buttons {
    margin-top: 12px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.container__applist .apps__grid .app__card .wrapper .buttons .scarlab-duplicate,
.container__applist .apps__grid .app__card .wrapper .buttons .scarlab-install {
    -webkit-transform: scale(1.5) !important;
    transform: scale(1.5) !important;
}
.container__applist .apps__grid .app__card .wrapper .buttons .duplicate,
.container__applist .apps__grid .app__card .wrapper .buttons .install {
    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;
    width: 70px;
    padding: 15px;
    border-radius: 15px;
}
.container__applist .apps__grid .app__card .wrapper .buttons .duplicate {
    background: #007bff;
}
.container__applist .apps__grid .app__card .wrapper .buttons .install {
    background: #34c759;
}
.container__applist .apps__grid .app__card .wrapper .description__link {
    text-align: center;
    text-decoration: underline;
}
.container__applist .apps__grid .app__card .description {
    display: none;
}
.container__applist .apps__grid.android .app__card .wrapper .buttons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.container__applist .apps__list {
    max-width: calc(var(--safe-area) - var(--layout-margin) * 2);
    margin: 0 auto;
}
.container__applist .apps__list .app__card {
    background: #ebebf0;
    padding: 15px;
    border-radius: 26px;
    margin: 15px 0;
}
.container__applist .apps__list .app__card .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.container__applist .apps__list .app__card .wrapper .detail {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.container__applist .apps__list .app__card .wrapper .detail .icon {
    background-image: url(/app/img/iSipho.jpg);
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    max-width: 60px;
    max-height: 60px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 22%;
    background-color: #d8d8dc;
}
.container__applist .apps__list .app__card .wrapper .detail .row {
    margin-left: -1px;
}
.container__applist .apps__list .app__card .wrapper .detail .row .name {
    font-size: var(--font-md);
    font-weight: 500;
    line-height: 1.2;
}
.container__applist .apps__list .app__card .wrapper .buttons {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-item-align: center;
    align-self: center;
}
.container__applist .apps__list .app__card .wrapper .buttons .duplicate,
.container__applist .apps__list .app__card .wrapper .buttons .install {
    padding: 6px;
    border-radius: 8px;
}
.container__applist .apps__list .app__card .wrapper .buttons .duplicate {
    background: #007bff;
}
.container__applist .apps__list .app__card .wrapper .buttons .install {
    background: #34c759;
    margin-left: 5px;
    margin-right: 5px;
}
.container__applist .apps__list .app__card .wrapper .description__link {
    display: none;
}
.container__applist .apps__list .app__card .description {
    margin-top: 15px;
    position: relative;
}
.container__applist .apps__list .app__card .description .scrollable {
    max-height: 16ch;
    overflow-y: scroll;
}
.container__applist .apps__list .app__card .description .scroll__behavior {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1000;
    width: 10px;
    height: 80%;
    border-radius: 100rem;
    background: -webkit-gradient(linear, left bottom, left top, from(#414141), to(rgba(235, 235, 240, 0)));
    background: linear-gradient(360deg, #414141 0, rgba(235, 235, 240, 0) 100%);
}
.container__applist .layoutchanger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: var(--layout-margin);
}
.container__applist .layoutchanger .layout-icon {
    background: #ebebf0;
    padding: 7px;
    border-radius: 6px;
}
.container__applist .layoutchanger .layout-icon:last-of-type {
    margin-left: 7px;
}
.container__forms {
    max-width: calc(var(--safe-area) - var(--layout-margin) * 2);
    margin: 0 auto;
    padding: var(--layout-margin);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.container__forms .main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 899.98px) {
    .container__forms .main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (min-width: 900px) {
    .container__forms .main {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.container__forms .main .form__card {
    width: calc(var(--safe-area) / 2 - var(--layout-margin) * 2);
    margin: 0 auto;
    background: #ebebf0;
    border-radius: 36px 36px 0 0;
    padding: var(--layout-margin);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 899.98px) {
    .container__forms .main .form__card {
        width: calc(var(--safe-area) - var(--layout-margin) * 2);
    }
}
@media (min-width: 900px) {
    .container__forms .main .form__card {
        border-radius: 36px 0 0 36px;
    }
    [dir="rtl"] .container__forms .main .form__card {
        border-radius: 0 36px 36px 0;
    }
}
.container__forms .main .form__card .security-code {
    background-color: #ebebf0;
    height: 40px;
    margin-top: 20.8px;
    border-radius: 8px;
    border: 2px solid #000;
    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;
}
.container__forms .main .form__card .security-code span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #0e0e0e;
    letter-spacing: 5px;
    line-height: 1.3;
    font-size: var(--font-md);
}
.container__forms .main .form__card .divider__left {
    margin-top: 1.5rem;
    margin-left: calc(0px - var(--layout-margin));
}
.container__forms .main .form__card .header {
    color: #000;
    font-size: var(--font-lg);
    font-weight: 500;
    text-align: center;
}
.container__forms .main .form__card .subheader {
    color: #000;
    font-size: var(--font-xs);
    font-weight: 400;
    text-align: center;
}
.form__card .button-rounded {
    background: var(--main-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 12px;
    border-radius: 10px;
    color: #fff;
    font-size: var(--font-sm);
    font-weight: 500;
}
.form__card .button-rounded-wp {
    background: #25d366;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 12px;
    border-radius: 10px;
}
.form__card .button-rounded-wp .wp-i {
    width: 40px;
    height: 40px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
}
.form__card .button-rounded-wp .wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #fff;
    font-size: var(--font-sm);
    font-weight: 500;
    line-height: 1;
    margin-left: 8px;
}
.container__forms .main .form__card .button-pill {
    background: var(--main-color);
    color: #fff;
    font-size: var(--font-md);
    text-align: center;
    padding: 8px 50px;
    border-radius: 100rem;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.container__forms .main .form__card .button-pill a {
    color: #fff;
}
.container__forms .main .form__card .link-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.container__forms .main .form__card .link-icon span {
    font-size: calc(var(--font-xs) + 5px);
    line-height: 1;
}
.container__forms .main .form__card .link-icon .scarlab-right {
    color: var(--main-color);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    stroke-width: 1.4;
}
.container__forms .main .image__card {
    width: calc(var(--safe-area) / 2 - var(--layout-margin) * 2);
    margin: 0 auto;
    background: var(--main-color);
    border-radius: 0 0 36px 36px;
    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;
    padding: calc(var(--layout-margin) / 3);
    position: relative;
}
@media (max-width: 899.98px) {
    .container__forms .main .image__card {
        width: calc(var(--safe-area) - var(--layout-margin) * 2);
    }
}
@media (min-width: 900px) {
    .container__forms .main .image__card {
        border-radius: 0 36px 36px 0;
    }
    [dir="rtl"] .container__forms .main .image__card {
        border-radius: 36px 0 0 36px;
    }
}
.container__forms .main .image__card .logo {
    width: 100%;
    height: 4rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.container__userforms {
    max-width: var(--safe-area);
    margin: 0 auto;
    padding: var(--layout-margin);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 767.98px) {
    .container__userforms .payment__section {
        width: 350px;
    }
}
.container__userforms .payment__section .form-label-fileupload {
    position: relative;
    background: #ebebf0;
}
.container__userforms .payment__section .fileuploader .fileuploader-items-list .fileuploader-item {
    padding: 15px !important;
}
.container__userforms .payment__section .fileuploader .fileuploader-items-list .fileuploader-item .columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    border-radius: 8px;
}
.container__userforms .payment__section .fileuploader .fileuploader-items-list .fileuploader-item .columns .column-thumbnail {
    position: relative;
    left: unset;
    top: unset;
    width: 30px;
    height: 30px;
    background-color: var(--main-color);
    border-radius: 4px;
}
.container__userforms .payment__section .fileuploader .fileuploader-items-list .fileuploader-item .columns .column-title {
    margin-left: 8px;
    line-height: 1;
    padding-left: unset;
    padding-right: unset;
}
.container__userforms .payment__section .fileuploader .fileuploader-items-list .fileuploader-item .columns .column-title div {
    font-size: var(--font-xs) !important;
    font-weight: 500;
}
.container__userforms .payment__section .fileuploader .fileuploader-input-caption {
    margin-left: 0;
    background: #ebebf0;
    border: 1px dashed #000;
    border-radius: 8px;
}
.container__userforms .payment__section .fileuploader .fileuploader-input-caption span {
    font-size: var(--font-xs);
    font-weight: 400;
}
.container__userforms .payment__section .fileuploader .fileuploader-input-button {
    display: none;
}
.container__userforms .payment__section .accordion .accordion-button {
    font-size: var(--font-sm);
    font-weight: 500;
}
.container__userforms .payment__section .button-pill {
    background: var(--main-color);
    color: #fff;
    font-size: var(--font-sm);
    text-align: center;
    padding: 8px 50px;
    border-radius: 100rem;
}
.container__userforms .payment__section .button-pill a {
    color: #fff;
}
.container__userforms .form__card__complete {
    width: 386px;
    border-radius: 36px;
    padding-top: var(--layout-margin);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: calc(var(--layout-margin));
}
@media (max-width: 767.98px) {
    .container__userforms .form__card__complete {
        width: 350px;
    }
}
@media (min-width: 768px) {
    .container__userforms .form__card__complete {
        width: 500px;
    }
}
.container__userforms .form__card__complete .button-pill {
    background: var(--main-color);
    color: #fff;
    font-size: var(--font-sm);
    font-weight: 500;
    text-align: center;
    padding: 8px 50px;
    border-radius: 100rem;
    margin-top: calc(var(--layout-margin) / 2);
}
.container__userforms .form__card__complete .button-pill a {
    color: #fff;
}
.container__userforms .form__card__complete .form-check {
    -ms-flex-item-align: start;
    align-self: flex-start;
}
.container__userforms .form__card__complete .form-check .form-check-input[type="checkbox"] {
    height: 24px;
    width: 24px;
    border-radius: 6px;
    margin-right: 0.5rem;
}
.container__userforms .form__card__complete .form-check .form-check-label {
    font-size: var(--font-xs);
    margin-bottom: -4px;
    max-width: 90%;
}
.container__userforms .form__card {
    background: #ebebf0;
    border-radius: 36px;
    padding: var(--layout-margin);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: calc(var(--layout-margin) / 1.5);
}
@media (max-width: 767.98px) {
    .container__userforms .form__card {
        width: 350px;
    }
}
.container__userforms .form__card .button-pill {
    display: inline-block;
    background: var(--main-color);
    color: #fff;
    font-size: var(--font-sm);
    font-weight: 500;
    text-align: center;
    padding: 8px 16px;
    border-radius: 100rem;
}
.container__userforms .form__card .button-pill a {
    color: #fff;
}
.container__userforms .form__card .divider__right {
    -ms-flex-item-align: end;
    align-self: flex-end;
}
.container__userforms .form__card .inside__invert {
    background: var(--main-color);
    color: #fff;
    height: 130px;
    border-radius: 20px;
    margin: var(--layout-margin) calc(var(--layout-margin) / 2) calc(var(--layout-margin) / 2) calc(var(--layout-margin) / 2);
    padding: calc(var(--layout-margin) / 1.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.container__userforms .form__card .inside__invert .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 70%;
}
.container__userforms .form__card .inside__invert .left .package__name {
    color: #fff;
    font-size: var(--font-sm);
    font-weight: 500;
}
.container__userforms .form__card .inside__invert .left .package__name a {
    color: #fff;
}
.container__userforms .form__card .inside__invert .left .package__period {
    opacity: 0.8;
}
.container__userforms .form__card .inside__invert .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.container__userforms .form__card .inside__invert .right .package__priceDollar,
.container__userforms .form__card .inside__invert .right .package__priceLocal {
    white-space: nowrap;
}
.container__userforms .form__card .inside__invert .right .package__priceDollar span,
.container__userforms .form__card .inside__invert .right .package__priceLocal span {
    font-weight: 600;
    font-size: var(--font-md);
}
.container__userforms .form__card .inside__invert__profile {
    background: var(--main-color);
    color: #fff;
    border-radius: 26px;
    margin: var(--layout-margin) calc(var(--layout-margin) / 2) calc(var(--layout-margin) / 2) calc(var(--layout-margin) / 2);
    padding: calc(var(--layout-margin) / 1.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.container__userforms .form__card .inside__invert__profile .package__name {
    color: #fff;
    text-align: center;
    font-size: var(--font-sm);
    font-weight: 500;
}
.container__userforms .form__card .inside__invert__profile .package__name a {
    color: #fff;
}
.container__userforms .form__card .inside__invert__profile .package__name a:hover {
    text-decoration: underline;
}
.container__userforms .form__card .form-label {
    font-size: calc(var(--font-xs) + 4px);
}
.container__userforms .form__card .divider__left {
    margin-top: 1.5rem;
    margin-left: calc(0px - var(--layout-margin));
}
.container__userforms .form__card .header {
    color: var(--main-color);
    font-size: var(--font-lg);
    font-weight: 500;
    text-align: center;
}
.container__userforms .form__card .subheader {
    font-size: var(--font-xs);
    font-weight: 400;
    text-align: center;
}
.container__userforms .form__card .link-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.container__userforms .form__card .link-icon span {
    font-size: calc(var(--font-xs) + 5px);
    line-height: 1;
}
.container__userforms .form__card .link-icon .chevron {
    color: var(--main-color);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.container__userforms .button-pill-close {
    background: #e25851;
    color: #fff;
    font-size: var(--font-sm);
    font-weight: 500;
    text-align: center;
    padding: 8px 30px;
    border-radius: 100rem;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.container__userforms .button-pill-close a {
    color: #fff;
}
.container__bankaccounts {
    padding: 10px;
}
.container__bankaccounts .account__card {
    background: #fff;
    -webkit-box-shadow: 0 5px 20px -5px rgba(34, 34, 34, 0.178);
    box-shadow: 0 5px 20px -5px rgba(34, 34, 34, 0.178);
    border-radius: 25px;
    margin-bottom: var(--layout-margin);
    padding: calc(var(--layout-margin) / 2);
}
.container__bankaccounts .account__card .hero {
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
}
.container__bankaccounts .account__card .hero .name {
    font-size: var(--font-md);
    font-weight: 500;
}
.container__bankaccounts .account__card .hero .image {
    margin-right: 8px;
}
.container__bankaccounts .account__card .hero .image img {
    border-radius: 6px;
}
.container__bankaccounts .account__card .details {
    margin-top: 10px;
}
.container__bankaccounts .account__card .details .item {
    padding: 12px;
}
.container__bankaccounts .account__card .details .item:last-of-type {
    border: none;
}
.container__bankaccounts .account__card .details .item .header {
    color: #545456;
    font-size: var(--font-sm);
    font-weight: 500;
}
.container__bankaccounts .account__card .details .item .text {
    width: 100%;
    padding: 10px 15px;
    font-size: var(--font-sm);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0 0 12px 12px;
    -webkit-box-shadow: 0 5px 10px -2px rgba(34, 34, 34, 0.151);
    box-shadow: 0 5px 10px -2px rgba(34, 34, 34, 0.151);
}
.container-card {
    margin: calc(var(--layout-margin) / 2);
    padding: var(--layout-margin);
    background: #ebebf0;
    border-radius: var(--layout-margin);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.container-card {
    margin: calc(var(--layout-margin) / 2);
    padding: var(--layout-margin);
    background: #ebebf0;
    border-radius: var(--layout-margin);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.outside__layout-overflow {
    padding: 8px 0;
    position: relative;
    overflow: hidden;
}
.outside__layout-overflow__grp {
    padding: 68px 0 79px;
    position: relative;
    overflow: hidden;
}
.outside__layout-margin {
    margin: var(--layout-margin);
}
.swiper-pagination {
    margin-top: 3rem;
}
.modal__progresspop .modal-dialog {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.modal__progresspop .modal-content {
    background: rgba(0, 0, 0, 0.637);
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
}
.modal__progresspop .wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: var(--layout-margin);
}
.modal__progresspop .wrapper .spinn .spinner {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    width: 50px;
    height: 50px;
}
.modal__progresspop .wrapper .spinn .spinner .path {
    stroke: #fff;
    stroke-linecap: round;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite;
}
@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}
@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}
.spinner {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    width: 50px;
    height: 50px;
}
.spinner .path {
    stroke: #fff;
    stroke-linecap: round;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite;
}
@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}
[dir="rtl"] .container__header__mobile .wrapper .profile {
    margin-right: 0;
    margin-left: 0.5rem;
}
[dir="rtl"] .container__header__mobile .nav-menu ul {
    margin-right: 0;
    margin-left: calc(var(--layout-margin) * 2);
}
[dir="rtl"] .container__header__desktop .wrapper {
    background: -webkit-gradient(linear, left top, right top, from(#e5e5e5), to(rgba(196, 196, 196, 0)));
    background: linear-gradient(90deg, #e5e5e5 0, rgba(196, 196, 196, 0) 100%);
}
[dir="rtl"] .container__header__desktop .wrapper .logo__menu {
    padding-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 10rem;
    border-bottom-right-radius: 10rem;
}
[dir="rtl"] .container__header__desktop .wrapper .header__links {
    margin-left: 0;
    margin-right: 1rem;
}
[dir="rtl"] .container__header__desktop .wrapper .header__links .list__item:nth-child(2) {
    border-left: none;
    border-right: 1px solid #a7a7a7;
}
[dir="rtl"] .container__header__desktop .wrapper .header__links .list__item:nth-child(3) {
    border-left: none;
    border-right: 1px solid #a7a7a7;
}
[dir="rtl"] .container__isiphonews .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: slideDown 2s ease-in-out;
    animation: slideDown 2s ease-in-out;
}
[dir="rtl"] .container__isiphonews .wrapper .icon .news-icon {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
[dir="rtl"] .container__isiphonews .wrapper .text marquee:after,
[dir="rtl"] .container__isiphonews .wrapper .text marquee:before {
    position: absolute;
    top: 0;
    width: 3rem;
    height: 100%;
    content: "";
    z-index: 1;
}
[dir="rtl"] .container__isiphonews .wrapper .text marquee:before {
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(#e5e6ec), to(rgba(229, 230, 236, 0)));
    background: linear-gradient(to right, #e5e6ec 0, rgba(229, 230, 236, 0) 100%);
}
[dir="rtl"] .container__isiphonews .wrapper .text marquee:after {
    right: 42px;
    background: -webkit-gradient(linear, right top, left top, from(#e5e6ec), to(rgba(229, 230, 236, 0)));
    background: linear-gradient(to left, #e5e6ec 0, rgba(229, 230, 236, 0) 100%);
    border-top-right-radius: 100rem;
    border-bottom-right-radius: 100rem;
}
[dir="rtl"] .container__main {
    position: relative;
}
[dir="rtl"] .container__main .wrapper .brand .name {
    direction: rtl;
}
[dir="rtl"] .container__main .wrapper .slogan {
    direction: rtl;
}
[dir="rtl"] .container__main .figures {
    direction: ltr;
}
[dir="rtl"] .container__main .figures .left {
    direction: ltr;
}
[dir="rtl"] .container__availablepackages .package__premium .bottom .package__feature_list li::before {
    margin: 0 0 -0.3rem 0.5rem;
}
[dir="rtl"] .container__availablepackages .package__default .bottom .package__feature_list li::before {
    margin: 0 0 -0.3rem 0.5rem;
}
[dir="rtl"] .container__availablepackages .package__basic .bottom .package__feature_list li::before {
    margin: 0 0 -0.3rem 0.5rem;
}
[dir="rtl"] .container__electronic_cards .electronic_card .top {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
[dir="rtl"] .container__electronic_cards .electronic_card .top .wrapper {
    padding-right: 10px;
    height: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
[dir="rtl"] .container__electronic_cards .electronic_card .top .wrapper .up {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto 0;
    height: 75%;
    margin-bottom: 0.5rem;
}
[dir="rtl"] .container__electronic_cards .electronic_card .top .wrapper .up .electronic_card__header {
    color: rgb(255, 255, 255);
    font-size: var(--font-sm);
    font-weight: 500;
    line-height: 1;
    -ms-flex-item-align: start;
    align-self: flex-start;
}
[dir="rtl"] .container__electronic_cards .electronic_card .top .wrapper .down .details__button {
    direction: ltr;
}
[dir="rtl"] .container__electronic_cards .electronic_card .diamond__divider_electcards {
    background: #000;
    width: 220px;
    height: 2px;
    position: relative;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin: calc(var(--layout-margin) / 1) 0;
}
[dir="rtl"] .container__electronic_cards .electronic_card .diamond__divider_electcards::before {
    content: "";
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    border: none;
    background-color: #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 100;
    margin-top: -4px;
}
[dir="rtl"] .container__electronic_cards .electronic_card:nth-child(2n) .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
[dir="rtl"] .container__electronic_cards .electronic_card:nth-child(2n) .top .wrapper {
    padding: 0 10px 0 0;
}
[dir="rtl"] .container__electronic_cards .electronic_card:nth-child(2n) .diamond__divider_electcards {
    background: #000;
    width: 220px;
    height: 2px;
    float: left;
    position: relative;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    margin: calc(var(--layout-margin) / 1) 0;
}
[dir="rtl"] .container__electronic_cards .electronic_card:nth-child(2n) .diamond__divider_electcards::before {
    content: "";
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    border: none;
    background-color: #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 100;
    margin-top: -4px;
}
[dir="rtl"] .container__electronic_cards .seemore {
    direction: ltr;
}
[dir="rtl"] .container__costumerreviews .costreview__card {
    border-radius: 80px 18px;
}
[dir="rtl"] .container__costumerreviews .costreview__card .wrapper .top .stars {
    margin-left: 0;
    margin-right: 0.4rem;
}
[dir="rtl"] .container__costumerreviews .costreview__card .wrapper .bottom .country span {
    margin: 3px 13px 1px 2px;
}
[dir="rtl"] .container__addpages {
    direction: ltr;
}
[dir="rtl"] .container__contactus .divider__right {
    direction: ltr;
    -ms-flex-item-align: start;
    align-self: flex-start;
}
[dir="rtl"] .container__applist .apps__list .app__card .wrapper .detail .row {
    margin-left: 0;
    margin-right: -1px;
}
[dir="rtl"] .container__applist .apps__list .app__card .description .scroll__behavior {
    left: 0;
    right: unset;
}
[dir="rtl"] .container__applist .layoutchanger {
    margin-left: var(--layout-margin);
    margin-right: 0;
}
[dir="rtl"] .container__applist .layoutchanger .layout-icon:last-of-type {
    margin-left: 0;
    margin-right: 7px;
}
@media (max-width: 899.98px) {
    [dir="rtl"] .container__forms .main .form__card {
        border-radius: 36px 36px 0 0;
    }
}
@media (max-width: 899.98px) {
    [dir="rtl"].form__card .button-rounded-wp .wrapper {
        margin-left: 0;
        margin-right: 8px;
    }
    [dir="rtl"] .container__forms .main .form__card .link-icon .scarlab-right {
        -webkit-transform: rotate(180deg) scale(1.5);
        transform: rotate(180deg) scale(1.5);
    }
    [dir="rtl"] .container__userforms .form__card .divider__left {
        margin-left: 0;
        margin-right: calc(0px - var(--layout-margin));
    }
    [dir="rtl"] .container__userforms .form__card__complete .form-check {
        padding-right: 0;
    }
    [dir="rtl"] .container__userforms .form__card__complete .form-check .form-check-input[type="checkbox"] {
        margin-right: 0;
        margin-left: 0.5rem;
    }
    [dir="rtl"] .container__userforms .payment__section .fileuploader .fileuploader-items-list .fileuploader-item .columns .column-title {
        margin-left: 0;
        margin-right: 8px;
    }
    [dir="rtl"] .container__userforms .payment__section .fileuploader .fileuploader-input-caption {
        margin-left: 0;
        background: #ebebf0;
        border: 1px dashed #000;
        border-radius: 8px;
    }
    [dir="rtl"] .container__userforms .payment__section .fileuploader .fileuploader-input-caption span {
        font-size: var(--font-xs);
        font-weight: 400;
    }
    [dir="rtl"] .container__userforms .payment__section .fileuploader .fileuploader-input-button {
        display: none;
    }
    [dir="rtl"] .divider {
        max-width: var(--safe-area);
        margin: 0 auto;
        direction: ltr;
    }
    [dir="rtl"] .divider__text {
        max-width: var(--safe-area);
        margin: var(--layout-margin) auto var(--layout-margin) auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
    }
    [dir="rtl"] .divider__text span {
        font-size: var(--font-xl);
        white-space: nowrap;
        padding-right: 1rem;
    }
    [dir="rtl"] .divider__text::before {
        content: "";
        width: 100%;
        height: 4px;
        background: rgb(255, 255, 255);
        position: relative;
        margin-right: calc(0px - var(--safe-area));
        margin-left: 0;
    }
    [dir="rtl"] .divider__text-image {
        max-width: var(--safe-area);
        margin: var(--layout-margin) auto var(--layout-margin) auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
    }
    [dir="rtl"] .divider__text-image span {
        font-size: var(--font-xl);
        white-space: nowrap;
        padding-left: 1rem;
    }
    @media (max-width: 899.98px) {
        [dir="rtl"] .divider__text-image span {
            padding-left: 1.5rem;
        }
    }
    @media (min-width: 900px) {
        [dir="rtl"] .divider__text-image span {
            padding-left: 1rem;
        }
    }
    @media (min-width: 1300px) {
        [dir="rtl"] .divider__text-image span {
            margin-left: -1.6rem;
        }
    }
    [dir="rtl"] .divider__text-image::before {
        content: "";
        width: 100%;
        height: 4px;
        background: rgb(255, 255, 255);
        position: absolute;
        left: 3px;
    }
    [dir="rtl"] .divider__text-image .divider__image {
        width: 6rem;
        height: 6rem;
        background-size: 6rem 6rem;
        background-repeat: no-repeat;
        background-position: center;
        min-width: 6rem;
        position: relative;
        z-index: -1;
    }
    @media (max-width: 899.98px) {
        [dir="rtl"] .divider__text-image .divider__image {
            margin-left: 0;
        }
    }
    @media (min-width: 900px) {
        [dir="rtl"] .divider__text-image .divider__image {
            margin-left: 0.1rem;
        }
    }
    @media (min-width: 1300px) {
        [dir="rtl"] .divider__text-image .divider__image {
            margin-left: 1.8rem;
        }
    }
    [dir="rtl"] .isipho__breadcrumb .wrapper {
        padding-right: 0;
    }
    [dir="rtl"] .isipho__breadcrumb .wrapper .chevron {
        display: block;
        -webkit-transform: scale(1.2) rotate(180deg) !important;
        transform: scale(1.2) rotate(180deg) !important;
    }
    [dir="rtl"] .isipho__breadcrumb .wrapper .chevron:last-of-type {
        display: none;
    }
    .swal2-modal .swal2-content,
    .swal2-modal .swal2-title {
        font-family: var(--font-family) !important;
    }
}
#MyCart {
    position: fixed;
    bottom: 40px;
    right: 20px;
    z-index: 99999;
}
#MyCart span {
    color: #000;
    padding-top: 4px;
    text-align: center;
    background-color: #ebebf0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 550;
    position: absolute;
    right: -8px;
    top: -27px;
}
.shoppingBottun {
    background-color: #0a84ff;
    color: #fff;
    padding: 20px 33px;
    border-radius: 0.8rem;
}
.shoppingBottun:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7393 18.6553H20.9697C21.3828 18.6553 21.7607 18.3301 21.7607 17.8643C21.7607 17.4072 21.3828 17.082 20.9697 17.082H10.9414C10.5195 17.082 10.2559 16.792 10.1943 16.3438L10.0625 15.4297H21.04C22.3848 15.4297 23.0967 14.6123 23.29 13.2764L23.9492 8.87305C23.9668 8.75879 23.9844 8.60938 23.9844 8.5127C23.9844 7.99414 23.624 7.64258 23.0176 7.64258H8.92871L8.79688 6.69336C8.68262 5.92871 8.375 5.54199 7.39941 5.54199H4.38477C3.94531 5.54199 3.55859 5.92871 3.55859 6.37695C3.55859 6.83398 3.94531 7.2207 4.38477 7.2207H7.13574L8.49805 16.5195C8.69141 17.8467 9.39453 18.6553 10.7393 18.6553ZM22.1562 9.21582L21.6025 13.1182C21.5322 13.5664 21.2949 13.8477 20.8643 13.8477L9.83398 13.8564L9.15723 9.21582H22.1562ZM11.46 23.0674C12.3125 23.0674 12.998 22.3818 12.998 21.5293C12.998 20.6768 12.3125 19.9912 11.46 19.9912C10.6074 19.9912 9.92188 20.6768 9.92188 21.5293C9.92188 22.3818 10.6074 23.0674 11.46 23.0674ZM19.5811 23.0674C20.4336 23.0674 21.1104 22.3818 21.1104 21.5293C21.1104 20.6768 20.4336 19.9912 19.5811 19.9912C18.7285 19.9912 18.0342 20.6768 18.0342 21.5293C18.0342 22.3818 18.7285 23.0674 19.5811 23.0674Z' fill='%23f7f7f5'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    z-index: 10;
    left: 16px;
    bottom: -5px;
    width: 2rem;
    height: 2rem;
    background-size: 2rem 2rem;
}
.shoppingBottun:hover {
    background-color: #0a83ff;
}
a.shoppingBottun:hover {
    color: #fff;
}
.widget-page {
    background: #fff;
    border-radius: 4px;
}
.widget-page h3 {
    color: #263a5b;
}
.widget-page p {
    color: #000;
}
.widget-page h1 {
    color: #000;
}
.widget-page h2 {
    color: #000;
}
.widget-page h4 {
    color: #000;
}
.widget-page h5 {
    color: #000;
}
.widget-page h6 {
    color: #000;
}
.resp-sharing-button__icon,
.resp-sharing-button__link {
    display: inline-block;
}
.resp-sharing-button__link {
    text-decoration: none;
    color: #fff;
    margin: 0.5em;
}
.resp-sharing-button {
    border-radius: 5px;
    transition: 25ms ease-out;
    padding: 0.5em 0.75em;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.resp-sharing-button__icon svg {
    width: 1em;
    height: 1em;
    margin-right: 0.4em;
    vertical-align: top;
}
.resp-sharing-button--small svg {
    margin: 0;
    vertical-align: middle;
}
.resp-sharing-button__icon {
    stroke: #fff;
    fill: none;
}
.resp-sharing-button__icon,
.resp-sharing-button__link {
    display: inline-block;
}
.resp-sharing-button__link {
    text-decoration: none;
    color: #fff;
    margin: 0.5em;
}
.resp-sharing-button {
    border-radius: 5px;
    transition: 25ms ease-out;
    padding: 0.5em 0.75em;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.resp-sharing-button__icon svg {
    width: 1em;
    height: 1em;
    margin-right: 0.4em;
    vertical-align: top;
}
.resp-sharing-button--small svg {
    margin: 0;
    vertical-align: middle;
}
.resp-sharing-button__icon {
    stroke: #fff;
    fill: none;
}
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
    fill: #fff;
    stroke: none;
}
.resp-sharing-button--twitter {
    background-color: #55acee;
}
.resp-sharing-button--twitter:hover {
    background-color: #2795e9;
}
.resp-sharing-button--pinterest {
    background-color: #bd081c;
}
.resp-sharing-button--pinterest:hover {
    background-color: #8c0615;
}
.resp-sharing-button--facebook {
    background-color: #3b5998;
}
.resp-sharing-button--facebook:hover {
    background-color: #2d4373;
}
.resp-sharing-button--tumblr {
    background-color: #35465c;
}
.resp-sharing-button--tumblr:hover {
    background-color: #222d3c;
}
.resp-sharing-button--reddit {
    background-color: #5f99cf;
}
.resp-sharing-button--reddit:hover {
    background-color: #3a80c1;
}
.resp-sharing-button--google {
    background-color: #dd4b39;
}
.resp-sharing-button--google:hover {
    background-color: #c23321;
}
.resp-sharing-button--linkedin {
    background-color: #0077b5;
}
.resp-sharing-button--linkedin:hover {
    background-color: #046293;
}
.resp-sharing-button--email {
    background-color: #777;
}
.resp-sharing-button--email:hover {
    background-color: #5e5e5e;
}
.resp-sharing-button--xing {
    background-color: #1a7576;
}
.resp-sharing-button--xing:hover {
    background-color: #114c4c;
}
.resp-sharing-button--whatsapp {
    background-color: #25d366;
}
.resp-sharing-button--whatsapp:hover {
    background-color: #1da851;
}
.resp-sharing-button--hackernews {
    background-color: #f60;
}
.resp-sharing-button--hackernews:focus,
.resp-sharing-button--hackernews:hover {
    background-color: #fb6200;
}
.resp-sharing-button--vk {
    background-color: #507299;
}
.resp-sharing-button--vk:hover {
    background-color: #43648c;
}
.resp-sharing-button--facebook {
    background-color: #3b5998;
    border-color: #3b5998;
}
.resp-sharing-button--facebook:active,
.resp-sharing-button--facebook:hover {
    background-color: #2d4373;
    border-color: #2d4373;
}
.resp-sharing-button--twitter {
    background-color: #55acee;
    border-color: #55acee;
}
.resp-sharing-button--twitter:active,
.resp-sharing-button--twitter:hover {
    background-color: #2795e9;
    border-color: #2795e9;
}
.resp-sharing-button--tumblr {
    background-color: #35465c;
    border-color: #35465c;
}
.resp-sharing-button--tumblr:active,
.resp-sharing-button--tumblr:hover {
    background-color: #222d3c;
    border-color: #222d3c;
}
.resp-sharing-button--email {
    background-color: #777;
    border-color: #777;
}
.resp-sharing-button--email:active,
.resp-sharing-button--email:hover {
    background-color: #5e5e5e;
    border-color: #5e5e5e;
}
.resp-sharing-button--pinterest {
    background-color: #bd081c;
    border-color: #bd081c;
}
.resp-sharing-button--pinterest:active,
.resp-sharing-button--pinterest:hover {
    background-color: #8c0615;
    border-color: #8c0615;
}
.resp-sharing-button--whatsapp {
    background-color: #25d366;
    border-color: #25d366;
}
.resp-sharing-button--whatsapp:active,
.resp-sharing-button--whatsapp:hover {
    background-color: #1da851;
    border-color: #1da851;
}
.resp-sharing-button--telegram {
    background-color: #54a9eb;
}
.resp-sharing-button--telegram:hover {
    background-color: #4b97d1;
}
.client {
    width: 100%;
    height: 100%;
    background: #333035;
    background: -webkit-linear-gradient(to right, #e100ff, #7f00ff);
    background: linear-gradient(to right, #3e3b3f, #1d1c1f);
    border-radius: 26px;
}
.carousel-icon i {
    font-size: 5rem;
    color: rgba(255, 255, 255, 0.3);
}
.carousel-item i {
    font-size: 1.6rem;
    color: rgba(255, 255, 255, 0.3);
}
.t-card {
    padding: 1.8125rem 1.125rem;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 1.25rem;
    color: #fff;
    height: auto;
}
.arrow-down {
    width: 0;
    height: 0;
    border-left: 1.5625rem solid transparent;
    border-right: 1.5625rem solid transparent;
    border-top: 1.25rem solid rgba(0, 0, 0, 0.5);
}
.lh-lg {
    line-height: 2 !important;
    color: #ebebf0;
}
.payment-big {
    width: 70px !important;
    height: 44px !important;
    background-size: 90% 90% !important;
    border-radius: 8px !important;
    padding: 15px !important;
}
.payment-logos span {
    width: 33px;
    height: 22px;
    background-size: 90% 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    border: 1px solid #d9d9d98e;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 8px;
}
.payment-logos span:nth-of-type(1) {
    margin: 0.1rem;
}
.payment-logos span:nth-of-type(2) {
    margin: 0.1rem;
}
.payment-logos span:nth-of-type(3) {
    margin: 0.1rem;
}
.payment-logos span:nth-of-type(4) {
    margin: 0.1rem;
}
.payment-logos span:nth-of-type(5) {
    margin: 0.1rem;
}
.container__bankaccounts .layout {
    display: flex;
    flex-direction: column;
    align-self: center;
    justify-content: center;
}
.footer-icons {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.divider {
    max-width: var(--safe-area);
    margin: 0 auto;
}
.divider__text {
    color: rgb(255, 255, 255);
    max-width: var(--safe-area);
    margin: var(--layout-margin) auto var(--layout-margin) auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.divider__text span {
    font-size: var(--font-xl);
    white-space: nowrap;
    padding-left: 1rem;
}
.divider__text::before {
    content: "";
    width: 100%;
    height: 4px;
    background: rgb(255, 255, 255);
    position: absolute;
    margin-left: calc(0px - var(--safe-area));
}
.divider__text-image {
    color: rgb(255, 255, 255);
    max-width: var(--safe-area);
    margin: var(--layout-margin) auto var(--layout-margin) auto;
    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;
    position: relative;
}
.divider__text-image span {
    font-size: var(--font-xl);
    white-space: nowrap;
    padding-left: 1rem;
    margin-right: calc(var(--layout-margin) * 2.5);
}
.divider__text-image::before {
    content: "";
    width: 1000%;
    height: 4px;
    background: rgb(255, 255, 255);
    margin-left: calc(0px - var(--safe-area));
}
.divider__text-image .divider__image {
    background-image: url("/app/img/SuperToroid-White-Glossy-R.png");
    width: 6rem;
    height: 6rem;
    background-size: 6rem 6rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 6rem;
    position: absolute;
    z-index: -1;
}
@media (max-width: 899.98px) {
    .divider__text-image .divider__image {
        right: -1rem;
    }
}
@media (min-width: 900px) {
    .divider__text-image .divider__image {
        right: -0.5rem;
    }
}
@media (min-width: 1300px) {
    .divider__text-image .divider__image {
        right: 1.2rem;
    }
}
.divider__availablepackages {
    max-width: var(--safe-area);
    margin: var(--layout-margin) auto var(--layout-margin) auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.divider__availablepackages span {
    font-size: var(--font-xl);
    padding-left: 1rem;
}
.divider__availablepackages::before {
    content: "";
    width: 100%;
    height: 4px;
    background: #000;
    position: absolute;
    margin-left: calc(0px - var(--safe-area));
}
.divider__electcards {
    max-width: var(--safe-area);
    margin: var(--layout-margin) auto var(--layout-margin) auto;
    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;
    position: relative;
}
.divider__electcards span {
    font-size: var(--font-xl);
    padding-left: 1rem;
    white-space: nowrap;
    margin-right: calc(var(--layout-margin) * 2.5);
}
.divider__electcards::before {
    content: "";
    width: 1000%;
    height: 4px;
    background: #000;
    margin-left: calc(0px - var(--safe-area));
}
.divider__electcards .divider__image {
    background-image: url("/app/img/SuperToroid-White-Glossy-R.png");
    width: 6rem;
    height: 6rem;
    background-size: 6rem 6rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 6rem;
    position: absolute;
    z-index: -1;
}
@media (max-width: 899.98px) {
    .divider__electcards .divider__image {
        right: -1rem;
    }
}
@media (min-width: 900px) {
    .divider__electcards .divider__image {
        right: -0.5rem;
    }
}
@media (min-width: 1300px) {
    .divider__electcards .divider__image {
        right: 1.2rem;
    }
}
.divider__addpages {
    max-width: var(--safe-area);
    margin: var(--layout-margin) auto var(--layout-margin) auto;
    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;
    position: relative;
}
.divider__addpages span {
    font-size: var(--font-xl);
    padding-left: 1rem;
    white-space: nowrap;
    margin-right: calc(var(--layout-margin) * 2.5);
}
.divider__addpages::before {
    content: "";
    width: 1000%;
    height: 4px;
    background: #000;
    margin-left: calc(0px - var(--safe-area));
}
.divider__addpages .divider__image {
    background-image: url("/app/img/SuperToroid-White-Glossy-R.png");
    width: 6rem;
    height: 6rem;
    background-size: 6rem 6rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 6rem;
    position: absolute;
    z-index: -1;
}
@media (max-width: 899.98px) {
    .divider__addpages .divider__image {
        right: -1rem;
    }
}
@media (min-width: 900px) {
    .divider__addpages .divider__image {
        right: -0.5rem;
    }
}
@media (min-width: 1300px) {
    .divider__addpages .divider__image {
        right: 1.2rem;
    }
}
.divider__costrev {
    max-width: var(--safe-area);
    margin: var(--layout-margin) auto var(--layout-margin) auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.divider__costrev span {
    font-size: var(--font-xl);
    padding-left: 1rem;
}
.divider__costrev::before {
    content: "";
    width: 100%;
    height: 4px;
    background: #000;
    position: absolute;
    margin-left: calc(0px - var(--safe-area));
}
.divider__contactus {
    max-width: var(--safe-area);
    margin: var(--layout-margin) auto var(--layout-margin) auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.divider__contactus span {
    font-size: var(--font-xl);
    padding-left: 1rem;
}
.divider__contactus::before {
    content: "";
    width: 100%;
    height: 4px;
    background: #000;
    position: absolute;
    margin-left: calc(0px - var(--safe-area));
}
[dir="rtl"] .divider {
    max-width: var(--safe-area) !important;
    margin: 0 auto !important;
    direction: ltr !important;
}
[dir="rtl"] .divider__text {
    max-width: var(--safe-area) !important;
    margin: var(--layout-margin) auto var(--layout-margin) auto !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    position: relative !important;
}
[dir="rtl"] .divider__text span {
    font-size: var(--font-xl) !important;
    white-space: nowrap !important;
    padding-right: 1rem !important;
}
[dir="rtl"] .divider__text::before {
    content: "" !important;
    width: 100% !important;
    height: 4px !important;
    background: rgb(255, 255, 255) !important;
    position: relative !important;
    margin-right: calc(0px - var(--safe-area)) !important;
    margin-left: 0 !important;
}
[dir="rtl"] .divider__text-image {
    max-width: var(--safe-area) !important;
    margin: var(--layout-margin) auto var(--layout-margin) auto !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    position: relative !important;
}
[dir="rtl"] .divider__text-image span {
    font-size: var(--font-xl) !important;
    white-space: nowrap !important;
    padding-left: 1rem !important;
}
@media (max-width: 899.98px) {
    [dir="rtl"] .divider__text-image span {
        padding-left: 1.5rem !important;
    }
}
@media (min-width: 900px) {
    [dir="rtl"] .divider__text-image span {
        padding-left: 1rem !important;
    }
}
@media (min-width: 1300px) {
    [dir="rtl"] .divider__text-image span {
        margin-left: -1.6rem !important;
    }
}
[dir="rtl"] .divider__text-image::before {
    content: "" !important;
    width: 100% !important;
    height: 4px !important;
    background: rgb(255, 255, 255) !important;
    position: absolute !important;
    left: 3px !important;
}
[dir="rtl"] .divider__text-image .divider__image {
    width: 6rem !important;
    height: 6rem !important;
    background-size: 6rem 6rem !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    min-width: 6rem !important;
    position: relative !important;
    z-index: -1 !important;
}
@media (max-width: 899.98px) {
    [dir="rtl"] .divider__text-image .divider__image {
        margin-left: 0 !important;
    }
}
@media (min-width: 900px) {
    [dir="rtl"] .divider__text-image .divider__image {
        margin-left: 0.1rem !important;
    }
}
@media (min-width: 1300px) {
    [dir="rtl"] .divider__text-image .divider__image {
        margin-left: 1.8rem !important;
    }
}