@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2:wght@400..800&display=swap');

*,::after,::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

html {
    font-size: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    scroll-behavior: smooth;
    font-family: 'Baloo Bhaijaan 2', sans-serif !important;
    background: #1f2f40 !important;
    color: #fff;
    margin: 0;
    padding: 0;
    line-height: 1.3;
    font-size: 1.125rem;
    font-weight: 400
}

#box {
		text-align: center;
		width: 350px;
		color: white;
		border-radius: 2rem;
		background-color: #263a4e;
		padding: 20px 10px;
		margin-left: auto;
		margin-right: auto;
		}
		.modal-header {
		background-color: #457991;
}

.link-secondary {
		color: #fff2f2;
}

main {
    padding-top: 4rem
}

button {
    border: none
}

.link-icon {
    color: #0a84ff;
    background: 0 0;
    font-size: 1.125rem;
    font-weight: 400;
    white-space: nowrap;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5rem
}

.link-icon:hover {
    text-decoration: underline
}

.link-icon.hover-none:hover {
    text-decoration: none
}

.fill-button {
    background: #0a84ff;
    color: #fff;
    padding: .5rem 1rem;
    border-radius: 5rem;
    font-size: 1.125rem;
    text-align: center;
    font-weight: 400;
    white-space: nowrap;
    cursor: pointer
}

.fill-button:hover {
    color: #fff;
    background: #409cff
}

.fill-button__ios {
    background: #12c2e9;
    background: linear-gradient(135deg,#f64f59,#c471ed,#12c2e9);
    background-size: 150% 150%;
    color: #fff;
    padding: .5rem 1rem;
    border-radius: 5rem;
    font-size: 1.125rem;
    font-weight: 400;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    z-index: 10
}

.fill-button__ios::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #12c2e9;
    background: -webkit-gradient(linear,left top,right top,from(#f64f59),color-stop(#c471ed),to(#12c2e9));
    background: linear-gradient(to right,#f64f59,#c471ed,#12c2e9);
    -webkit-filter: blur(15px);
    filter: blur(15px);
    opacity: .7;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.fill-button__ios:hover {
    color: #fff;
    background: #604ff6
}

.fill-button__android {
    background: #56ab2f;
    background: -webkit-gradient(linear,left top,right top,from(#a8e063),to(#56ab2f));
    background: linear-gradient(to right,#a8e063,#56ab2f);
    background-size: 400% 400%;
    color: #fff;
    padding: .5rem 1rem;
    border-radius: 5rem;
    font-size: 1.125rem;
    font-weight: 400;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    z-index: 10
}

.fill-button__android::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #56ab2f;
    background: -webkit-gradient(linear,left top,right top,from(#a8e063),to(#56ab2f));
    background: linear-gradient(to right,#a8e063,#56ab2f);
    background-size: 400% 400%;
    -webkit-filter: blur(15px);
    filter: blur(15px);
    opacity: .7;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.fill-button__android:hover {
    color: #fff;
    background: #56ab2f
}

.fill-button__package {
    background: #3494e6;
    background: -webkit-gradient(linear,left bottom,left top,from(#ec6ead),to(#3494e6));
    background: linear-gradient(to top,#ec6ead,#3494e6);
    background-size: 120%;
    color: #fff;
    padding: .5rem 1rem;
    border-radius: 5rem;
    font-size: 1.125rem;
    font-weight: 400;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    z-index: 10
}

.fill-button__package::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #3494e6;
    background: -webkit-gradient(linear,right top,left top,from(#ec6ead),to(#3494e6));
    background: linear-gradient(to left,#ec6ead,#3494e6);
    -webkit-filter: blur(15px);
    filter: blur(15px);
    opacity: .7;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.fill-button__package:hover {
    color: #fff;
    background: #3494e6
}

.fill-button__electroniccard {
    font-size: 1.2rem;
    background: #56ccf2;
    background: -webkit-gradient(linear,left bottom,left top,from(#2f80ed),to(#56ccf2));
    background: linear-gradient(to top,#2f80ed,#56ccf2);
    background-size: 150%;
    color: #fff;
    padding: .5rem 1rem;
    border-radius: 5rem;
    font-size: 1.125rem;
    font-weight: 400;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    z-index: 10
}

.fill-button__electroniccard::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #56ccf2;
    background: -webkit-gradient(linear,left bottom,left top,from(#2f80ed),to(#56ccf2));
    background: linear-gradient(to top,#2f80ed,#56ccf2);
    -webkit-filter: blur(15px);
    filter: blur(15px);
    opacity: .7;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.fill-button__electroniccard:hover {
    color: #fff;
    background: #03a0d4
}

.fill-button__contactus {
    background: #5c258d;
    background: -webkit-gradient(linear,right top,left top,from(#4389a2),to(#280085));
    background: linear-gradient(to left,#4389a2,#280085);
    background-size: 150%;
    color: #fff;
    padding: .5rem 1rem;
    border-radius: 5rem;
    font-size: 1.125rem;
    font-weight: 400;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    z-index: 10
}

.fill-button__contactus::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #5c258d;
    background: -webkit-gradient(linear,right top,left top,from(#4389a2),to(#280085));
    background: linear-gradient(to left,#4389a2,#280085);
    -webkit-filter: blur(15px);
    filter: blur(15px);
    opacity: .7;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.fill-button__contactus:hover {
    color: #fff;
    background: #280085
}

.fill-button.storeappdownload {
    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
}

.fill-button.storeappdownload i {
    margin-top: .3rem;
    margin-right: .3rem
}

.fill-button__login {
    background: #462cb9;
    background-size: 100%;
    display: inline-block;
    width: 100%;
    font-size: 1.2rem;
    color: #fff;
    padding: 1rem;
    border-radius: 1rem;
    line-height: 1.17648;
    text-align: center;
    white-space: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    z-index: 10
}

.fill-button__login::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #485296;
    -webkit-filter: blur(15px);
    filter: blur(15px);
    opacity: .5;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.fill-button__login:hover {
    background: #3b4cbe;
    -webkit-transition: .5s;
    transition: .5s
}

.fill-button__whatsapp {
    background: #56ab2f;
    background-size: 100%;
    display: inline-block;
    width: 100%;
    font-size: 1.2rem;
    color: #fff;
    padding: 1rem;
    border-radius: 1rem;
    line-height: 1.17648;
    text-align: center;
    white-space: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    z-index: 10
}

.fill-button__whatsapp::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #56ab2f;
    -webkit-filter: blur(15px);
    filter: blur(15px);
    opacity: .5;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.fill-button__whatsapp:hover {
    background: #56ab3f;
    -webkit-transition: .5s;
    transition: .5s
}

.fill-button__contactusform {
    background: #cc2c27;
    background-size: 100%;
    display: inline-block;
    width: 100%;
    font-size: 1.2rem;
    color: #fff;
    padding: 1rem;
    border-radius: 1rem;
    line-height: 1.17648;
    text-align: center;
    white-space: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    z-index: 10
}

.fill-button__contactusform:hover {
    background: #9c3632;
    -webkit-transition: .5s;
    transition: .5s
}

.fill-button__contactusform::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #cc2c27;
    -webkit-filter: blur(15px);
    filter: blur(15px);
    opacity: .5;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.outline-button {
    border: 1.5px solid #0a84ff;
    color: #0a84ff;
    padding: .5rem 1rem;
    border-radius: 5rem;
    font-size: 1.125rem;
    font-weight: 400;
    white-space: nowrap;
    cursor: pointer
}

.outline-button:hover {
    background: #f8f8f8
}

.outline-button__ios {
    border: 1.5px solid #3f5efb;
    color: #3f5efb;
    padding: .5rem 1rem;
    border-radius: 5rem;
    font-size: 1.125rem;
    font-weight: 400;
    white-space: nowrap;
    cursor: pointer
}

@media(max-width: 39.9375em) {
    .outline-button__ios {
        font-size:1rem
    }
}

.outline-button__ios:hover {
    background: 0 0
}

.outline-button__android {
    border: 1.5px solid #56ab2f;
    color: #56ab2f;
    padding: .5rem 1rem;
    border-radius: 5rem;
    font-size: 1.125rem;
    font-weight: 400;
    white-space: nowrap;
    cursor: pointer
}

@media(max-width: 39.9375em) {
    .outline-button__android {
        font-size:1rem
    }
}

.outline-button__android:hover {
    color: #469e1d;
    background: 0 0
}

.outline-button__seemore {
    border: 1.5px solid #fff;
    color: #fff;
    padding: .5rem 1rem;
    border-radius: 5rem;
    font-size: 1.125rem;
    font-weight: 400;
    white-space: nowrap;
    cursor: pointer
}

.outline-button__seemore:hover {
    color: #000;
    background: #f8f8f8;
    -webkit-transition: .6s;
    transition: .6s
}

.outline-button__signup {
    background: 0 0;
    font-size: 1.1rem;
    width: 100%;
    text-align: center;
    border: 1.5px solid #3f5efb;
    display: inline-block;
    padding: .7rem 1rem;
    border-radius: 1rem;
    color: #3f5efb;
    margin-top: 1rem
}

.outline-button__signup:hover {
    background: #3b4dbe3f
}

.containers {
    padding: 2rem
}

.containers.hero {
    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;
    color: #f8f8f8;
    position: relative
}

@media(max-width: 63.9375em) {
    .containers.hero {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.containers.hero .bg-circle-1 {
    position: absolute;
    top: 5%;
    left: -5%;
    z-index: -1;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transition: .5s;
    transition: .5s
}

@media(max-width: 39.9375em) {
    .containers.hero .bg-circle-1 {
        opacity:0
    }
}

.containers.hero .bg-circle-2 {
    position: absolute;
    top: -10%;
    right: -10%;
    z-index: -1;
    -webkit-transition: 1s;
    transition: 1s
}

@media(max-width: 63.9375em) {
    .containers.hero .bg-circle-2 {
        top:35%
    }
}

.containers.hero .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
}

@media(max-width: 63.9375em) {
    .containers.hero .wrapper {
        margin-bottom:1rem
    }
}

.containers.hero .wrapper .site-logo {
    width: 100%;
    height: 4rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 1rem
}

.containers.hero .wrapper h5 {
    font-weight: 400
}

.containers.hero .image {
    width: 30rem;
    height: 23rem;
    background-size: 30rem 23rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 30rem
}

@media(max-width: 63.9375em) {
    .containers.hero .image {
        width:17rem;
        height: 36rem;
        background-size: 17rem 36rem;
        background-repeat: no-repeat;
        background-position: center;
        min-width: 17rem
    }
}

.containers.logins {
    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;
    position: relative
}

@media(min-width: 40em) {
    .containers.logins {
        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;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.containers.logins .bg-circle-1 {
    position: absolute;
    bottom: 10%;
    left: 5%;
    z-index: -1;
    -webkit-transform: rotate(220deg);
    transform: rotate(220deg);
    -webkit-transition: .5s;
    transition: .5s
}

@media(max-width: 39.9375em) {
    .containers.logins .bg-circle-1 {
        opacity:0
    }
}

.containers.logins .bg-circle-2 {
    position: absolute;
    top: 10%;
    right: -5%;
    z-index: -1;
    -webkit-transform: rotate(70deg);
    transform: rotate(70deg);
    -webkit-transition: 1s;
    transition: 1s
}

@media(max-width: 63.9375em) {
    .containers.logins .bg-circle-2 {
        top:35%
    }
}

.containers.logins .ios {
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: #f8f8f8;
    padding: 2rem;
    border-radius: 2rem;
    margin: 1rem
}

@media(max-width: 39.9375em) {
    .containers.logins .ios {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.containers.logins .ios .image {
    width: 10rem;
    height: 15rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 1.5rem -2.5rem 0;
    min-width: 10rem;
    margin-right: 0
}

html[dir=rtl] .containers.logins .ios .image {
    margin-right: 0;
    margin-left: 1.5rem
}

@media(max-width: 39.9375em) {
    .containers.logins .ios .image {
        width:100%;
        height: 15rem;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin: 1rem 1rem -2.5rem 0;
        min-width: 10rem
    }
}

.containers.logins .ios .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: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.containers.logins .ios .header {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.02;
    background: #12c2e9;
    background: -webkit-gradient(linear,left top,right top,from(#f64f59),color-stop(#c471ed),to(#12c2e9));
    background: linear-gradient(to right,#f64f59,#c471ed,#12c2e9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 150% 150%;
    text-shadow: 0 0 10px rgba(18,194,233,.199)
}

.containers.logins .ios .subheader {
    font-weight: 400;
    color: #000;
    opacity: .7
}

.containers.logins .ios a {
    margin-bottom: .5rem
}

.containers.logins .android {
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: #f8f8f8;
    padding: 2rem;
    border-radius: 2rem;
    margin: 1rem
}

@media(max-width: 39.9375em) {
    .containers.logins .android {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.containers.logins .android .image {
    width: 9rem;
    height: 10rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 10rem;
    margin: 0 1rem -.5rem 0;
    margin-right: 0
}

html[dir=rtl] .containers.logins .android .image {
    margin-right: 0;
    margin-left: 1rem
}

@media(max-width: 39.9375em) {
    .containers.logins .android .image {
        width:100%;
        height: 12.5rem;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        min-width: 9.5rem;
        margin: 2rem 0 -.5rem
    }
}

.containers.logins .android .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: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.containers.logins .android .header {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.02;
    background: #56ab2f;
    background: -webkit-gradient(linear,left top,right top,from(#a8e063),to(#56ab2f));
    background: linear-gradient(to right,#a8e063,#56ab2f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 400% 400%;
    text-shadow: 0 0 10px rgba(18,194,233,.199)
}

.containers.logins .android .subheader {
    font-weight: 400;
    color: #000;
    opacity: .7
}

.containers.logins .android a {
    margin-bottom: .5rem
}

.containers.getsubscription {
    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
}

@media(max-width: 63.9375em) {
    .containers.getsubscription {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.containers.getsubscription .subscard {
    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;
    background: #f8f8f8;
    padding: 2rem;
    border-radius: 2rem
}

@media(max-width: 39.9375em) {
    .containers.getsubscription .subscard {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.containers.getsubscription .subscard .image {
    width: 12.1rem;
    height: 14rem;
    background-size: 12.1rem 14rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 12.1rem;
    margin-right: 2rem
}

@media(max-width: 39.9375em) {
    .containers.getsubscription .subscard .image {
        width:12.1rem;
        height: 14rem;
        background-size: 12.1rem 14rem;
        background-repeat: no-repeat;
        background-position: center;
        min-width: 12.1rem;
        width: 100%
    }
}

html[dir=rtl] .containers.getsubscription .subscard .image {
    margin-right: 0!important;
    margin-left: 2rem!important
}

.containers.getsubscription .subscard .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: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media(max-width: 39.9375em) {
    .containers.getsubscription .subscard .wrapper {
        margin-bottom:1.5rem
    }
}

.containers.getsubscription .subscard .wrapper .fill-button__ios {
    margin-bottom: .5rem
}

.containers.getsubscription .subscard .wrapper .fill-button__android {
    margin-bottom: .5rem
}

.containers.availablepackagaes {
    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;
    padding: 1rem 0
}

@media(max-width: 39.9375em) {
    .containers.availablepackagaes {
        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
    }
}

.containers.availablepackagaes .packages-grid {
    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;
    padding: 1rem
}

@media(min-width: 40em) {
    .containers.availablepackagaes .packages-grid {
        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;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.containers.availablepackagaes .packages-grid .package-card {
    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;
    background: #f8f8f8;
    color: #000;
    padding: 2rem;
    border-radius: 2rem;
    margin: 1rem;
    max-width: 23rem;
    overflow: hidden
}

.containers.availablepackagaes .packages-grid .package-card .header {
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: -.03rem;
    background: #3494e6;
    background: -webkit-gradient(linear,right top,left top,from(#ec6ead),to(#3494e6));
    background: linear-gradient(to left,#ec6ead,#3494e6);
    background-size: 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    text-shadow: 0 5px 30px rgba(79,28,219,.171)
}

.containers.availablepackagaes .packages-grid .package-card .image {
    margin-right: 1rem;
    margin-right: 0
}

html[dir=rtl] .containers.availablepackagaes .packages-grid .package-card .image {
    margin-right: 0;
    margin-left: 1rem
}

.containers.availablepackagaes .packages-grid .package-card .image.lvl1 {
    width: 10rem;
    height: 10rem;
    background-size: 10rem 10rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 10rem
}

.containers.availablepackagaes .packages-grid .package-card .image.lvl2 {
    width: 10rem;
    height: 10rem;
    background-size: 10rem 10rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 10rem
}

.containers.availablepackagaes .packages-grid .package-card .image.lvl3 {
    width: 10rem;
    height: 10rem;
    background-size: 10rem 10rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 10rem
}

.containers.availablepackagaes .packages-grid .package-card .price {
    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
}

.containers.availablepackagaes .packages-grid .package-card .custom-list {
    padding-left: 0;
    list-style: none;
    -webkit-padding-start: 0;
    padding-inline-start:0}

.containers.availablepackagaes .packages-grid .package-card .custom-list li {
    margin: .3rem 0;
    font-size: 1.1rem
}

@media(max-width: 39.9375em) {
    .containers.availablepackagaes .packages-grid .package-card .custom-list li {
        font-size:1rem
    }
}

.containers.availablepackagaes .packages-grid .package-card .custom-list li::before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTIgMTJDMiA2LjQ3NzE1IDYuNDc3MTUgMiAxMiAyQzE3LjUyMjggMiAyMiA2LjQ3NzE1IDIyIDEyQzIyIDE3LjUyMjggMTcuNTIyOCAyMiAxMiAyMkM2LjQ3NzE1IDIyIDIgMTcuNTIyOCAyIDEyWk0xMiA0QzcuNTgxNzIgNCA0IDcuNTgxNzIgNCAxMkM0IDE2LjQxODMgNy41ODE3MiAyMCAxMiAyMEMxNi40MTgzIDIwIDIwIDE2LjQxODMgMjAgMTJDMjAgNy41ODE3MiAxNi40MTgzIDQgMTIgNFonIGZpbGw9J2JsYWNrJy8+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBjbGlwLXJ1bGU9J2V2ZW5vZGQnIGQ9J00xNi42NDAyIDguMjMxOEMxNy4wNjQ1IDguNTg1MzcgMTcuMTIxOCA5LjIxNTkzIDE2Ljc2ODIgOS42NDAyMUwxMS43NjgyIDE1LjY0MDJDMTEuNTkzNyAxNS44NDk3IDExLjM0MTEgMTUuOTc4OCAxMS4wNjkxIDE1Ljk5NzZDMTAuNzk3IDE2LjAxNjUgMTAuNTI5MSAxNS45MjM0IDEwLjMyNzMgMTUuNzRMNy4zMjczMyAxMy4wMTI3QzYuOTE4NjggMTIuNjQxMiA2Ljg4ODU2IDEyLjAwODcgNy4yNjAwNyAxMS42MDAxQzcuNjMxNTcgMTEuMTkxNCA4LjI2NDAyIDExLjE2MTMgOC42NzI2OCAxMS41MzI4TDEwLjkwMDIgMTMuNTU3OEwxNS4yMzE4IDguMzU5ODRDMTUuNTg1NCA3LjkzNTU2IDE2LjIxNTkgNy44NzgyNCAxNi42NDAyIDguMjMxOFonIGZpbGw9J2JsYWNrJy8+PC9zdmc+Cg==);
    width: 1.3rem;
    height: 1.3rem;
    background-size: 1.3rem 1.3rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 1.3rem;
    display: inline-block;
    position: relative;
    z-index: 10;
    margin: 0 .3rem -.25rem 0
}

.containers.electroniccards {
    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;
    padding: 1rem 0
}

.containers.electroniccards .hero {
    font-weight: 700;
    text-align: center;
    margin: 1rem 0
}

.containers.electroniccards .electroniccards-grid {
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 800px
}

.containers.electroniccards .electronic-card {
    display: flexbox;
    -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: 150px!important;
    margin: .3rem;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media(max-width: 39.9375em) {
    .containers.electroniccards .electronic-card {
        max-width:9rem
    }
}

.containers.electroniccards .electronic-card .image {
    width: 6rem;
    height: 6rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-filter: drop-shadow(-7px 10px 24px rgba(0,0,0,0.308));
    filter: drop-shadow(-7px 10px 24px rgba(0, 0, 0, .308));
    position: relative;
    z-index: 10;
    margin: auto
}

.containers.electroniccards .electronic-card .wrapper {
    background: #f8f8f8;
    max-width: 100%!important;
    color: #000;
    padding: 2.5rem 1rem 1.5rem;
    margin-top: -2rem;
    border-radius: 1.5rem
}

.containers.electroniccards .electronic-card .wrapper .header {
    font-weight: 600;
    text-align: center;
    white-space: inherit;
    margin: 5px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

@media(min-width: 40em) {
    .containers.electroniccards .electronic-card .wrapper .header {
        -webkit-line-clamp:0
    }
}

.containers.electroniccards .electronic-card .wrapper .price {
    background: #f8f8f8;
    font-size: 1rem;
    font-weight: 500;
    padding: .3rem .6rem;
    border-radius: 10rem;
    border: 1.5px solid #bebebe;
    -webkit-box-shadow: 0 8px 18px rgba(0,0,0,.205);
    box-shadow: 0 8px 18px rgba(0,0,0,.205)
}

.containers.otherpages {
    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;
    padding: 1rem 0
}

.containers.otherpages .hero {
    font-weight: 700;
    text-align: center;
    margin-bottom: 2rem
}

.containers.otherpages .otherpages-grid {
    max-width: 800px
}

.containers.otherpages .otherpages-card {
    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;
    border-radius: 26px 5px 26px 26px;
    padding: 2rem;
    min-width: 200px;
    text-align: center;
    position: relative
}

.containers.otherpages .otherpages-card .icon-cornerarrow {
    top: .2rem;
    right: .27rem;
    position: absolute
}

.containers.otherpages .otherpages-card .image {
    width: 8rem;
    height: 8rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-filter: drop-shadow(-7px 10px 24px rgba(0,0,0,0.308));
    filter: drop-shadow(-7px 10px 24px rgba(0, 0, 0, .308));
    z-index: 10
}

.containers.otherpages .otherpages-card .header {
    color: #fff;
    font-weight: 600;
    overflow: hidden;
    margin-top: 1rem
}

.containers.contactus {
    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;
    padding: 1rem 0
}

.containers.contactus .hero {
    font-weight: 700;
    text-align: center;
    margin-bottom: 2rem
}

.containers.contactus .contactus-card {
    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;
    background: #f8f8f8;
    border-radius: 2rem;
    padding: 2rem;
    margin: 1rem;
    text-align: center;
    position: relative
}

.containers.contactus .contactus-card .icon-cornerarrow {
    top: .2rem;
    right: .26rem;
    position: absolute
}

.containers.contactus .contactus-card .image {
    width: 10rem;
    height: 10rem;
    background-size: 10rem 10rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 10rem;
    -webkit-filter: drop-shadow(-7px 10px 24px rgba(0,0,0,0.308));
    filter: drop-shadow(-7px 10px 24px rgba(0, 0, 0, .308));
    z-index: 10
}

.containers.contactus .contactus-card .header {
    color: #000;
    font-weight: 600;
    overflow: hidden;
    margin-top: 1rem
}

.containers.socialmedia {
    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;
    padding: 1rem 0
}

.containers.socialmedia .hero {
    font-weight: 700;
    text-align: center;
    margin-bottom: 2rem
}

.containers.socialmedia .image {
    background-image: url("");
    width: 6rem;
    height: 6rem;
    background-size: 6rem 6rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 6rem;
    margin: .5rem
}

.containers.socialmedia .image.whatsapp {
    width: 6rem;
    height: 6rem;
    background-size: 6rem 6rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 6rem
}

.containers.socialmedia .image.instagram {
    width: 6rem;
    height: 6rem;
    background-size: 6rem 6rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 6rem
}

.containers.socialmedia .image.telegram {
    width: 6rem;
    height: 6rem;
    background-size: 6rem 6rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 6rem
}

.containers.socialmedia .image.twitter {
    width: 6rem;
    height: 6rem;
    background-size: 6rem 6rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 6rem
}

.containers.socialmedia .image.facebook {
    width: 6rem;
    height: 6rem;
    background-size: 6rem 6rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 6rem
}

.containers.socialmedia .image.snapchat {
    width: 6rem;
    height: 6rem;
    background-size: 6rem 6rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 6rem
}

.containers.socialmedia .image.youtube {
    width: 6rem;
    height: 6rem;
    background-size: 6rem 6rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 6rem
}

.containers.socialmedia .header {
    color: #000;
    font-weight: 600;
    overflow: hidden;
    margin-top: 1rem
}

.containers.groupapps {
    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
}

.containers.useraccount {
    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%;
    padding: 1rem
}

.containers.useraccount .image {
    background-image: url("");
    width: 6rem;
    height: 6rem;
    background-size: 6rem 6rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 6rem;
    margin-bottom: 1rem;
    border-radius: 50%;
    border: 5px solid #000;
    -webkit-box-shadow: 0 0 30px rgba(43,43,43,.377);
    box-shadow: 0 0 30px rgba(43,43,43,.377)
}

.containers.useraccount .list-group-useraccount {
    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: "";
    -ms-flex-align: "";
    align-items: "";
    -webkit-box-pack: "";
    -ms-flex-pack: "";
    justify-content: "";
    width: 60%;
    background: #131313;
    border-radius: 1.5rem
}

@media(max-width: 39.9375em) {
    .containers.useraccount .list-group-useraccount {
        width:90%
    }
}

.containers.useraccount .list-group-useraccount .list-group-cell {
    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;
    padding: .7rem 1rem;
    border-bottom: 1px solid rgba(255,255,255,.164)
}

.containers.useraccount .list-group-useraccount .list-group-cell:last-child {
    border-bottom: none
}

.containers.useraccount .list-group-useraccount .list-group-cell .chevron-right {
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.containers.useraccount .list-group-useraccount .list-group-cell:last-child:hover {
    background: #2c2c2c;
    border-radius: 0 0 1.5rem 1.5rem;
    -webkit-transition: background .3s;
    transition: background .3s
}

.containers.storeapp {
    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%
}

.containers.storeapp .store-app-card {
    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: 60%;
    background: 0 0;
    padding: 1rem;
    border-radius: 2rem;
    position: relative;
    overflow: hidden
}

@media(max-width: 39.9375em) {
    .containers.storeapp .store-app-card {
        width:90%
    }
}

.containers.storeapp .store-app-card .image {
    background-image: url("");
    width: 5.5rem;
    height: 5.5rem;
    background-size: 5.5rem 5.5rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 5.5rem;
    border-radius: 22%
}

.containers.storeapp .store-app-card .bg-circle-1 {
    position: absolute;
    top: 5%;
    left: -15%;
    z-index: 1;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transition: .5s;
    transition: .5s
}

@media(max-width: 39.9375em) {
    .containers.storeapp .store-app-card .bg-circle-1 {
        top:3%;
        left: -55%
    }
}

@media(max-width: 63.9375em) {
    .containers.storeapp .store-app-card .bg-circle-1 {
        top:3%;
        left: -55%
    }
}

.containers.storeapp .store-app-card .bg-circle-2 {
    position: absolute;
    top: -10%;
    right: -15%;
    z-index: 1;
    -webkit-transition: 1s;
    transition: 1s
}

@media(max-width: 63.9375em) {
    .containers.storeapp .store-app-card .bg-circle-2 {
        top:-5%;
        right: -35%
    }
}

.containers.storeapp .store-app-card .bg-circle-3 {
    position: absolute;
    z-index: 5;
    top: 5%;
    left: 5%;
    opacity: .8;
    -webkit-animation: bgmoving3 30s ease-in-out 3;
    animation: bgmoving3 30s ease-in-out 3
}

@media(max-width: 39.9375em) {
    .containers.storeapp .store-app-card .bg-circle-3 {
        opacity:0
    }
}

@media(max-width: 63.9375em) {
    .containers.storeapp .store-app-card .bg-circle-3 {
        top:25%;
        left: -20%;
        -webkit-transform: scale(.7) rotate(40deg);
        transform: scale(.7) rotate(40deg);
        opacity: .7
    }
}

@-webkit-keyframes bgmoving3 {
    0% {
        -webkit-transform: translateX(0) translateY(0) scale(1) rotate(10deg);
        transform: translateX(0) translateY(0) scale(1) rotate(10deg);
        opacity: .8
    }

    35% {
        -webkit-transform: translateX(80px) translateY(-15px) scale(.75) rotate(10deg);
        transform: translateX(80px) translateY(-15px) scale(.75) rotate(10deg);
        opacity: .6
    }

    65% {
        -webkit-transform: translateX(100px) translateY(15px) scale(.75) rotate(10deg);
        transform: translateX(100px) translateY(15px) scale(.75) rotate(10deg);
        opacity: .6
    }

    100% {
        -webkit-transform: translateX(0) translateY(0) scale(1) rotate(10deg);
        transform: translateX(0) translateY(0) scale(1) rotate(10deg);
        opacity: .8
    }
}

@keyframes bgmoving3 {
    0% {
        -webkit-transform: translateX(0) translateY(0) scale(1) rotate(10deg);
        transform: translateX(0) translateY(0) scale(1) rotate(10deg);
        opacity: .8
    }

    35% {
        -webkit-transform: translateX(80px) translateY(-15px) scale(.75) rotate(10deg);
        transform: translateX(80px) translateY(-15px) scale(.75) rotate(10deg);
        opacity: .6
    }

    65% {
        -webkit-transform: translateX(100px) translateY(15px) scale(.75) rotate(10deg);
        transform: translateX(100px) translateY(15px) scale(.75) rotate(10deg);
        opacity: .6
    }

    100% {
        -webkit-transform: translateX(0) translateY(0) scale(1) rotate(10deg);
        transform: translateX(0) translateY(0) scale(1) rotate(10deg);
        opacity: .8
    }
}

.containers.storeapp .store-app-card .bg-circle-4 {
    position: absolute;
    z-index: 5;
    top: 10%;
    right: -3%;
    opacity: .8;
    -webkit-animation: bgmoving4 30s ease-in-out 4;
    animation: bgmoving4 30s ease-in-out 4;
    -webkit-animation-delay: 6s;
    animation-delay: 6s
}

@media(max-width: 63.9375em) {
    .containers.storeapp .store-app-card .bg-circle-4 {
        bottom:-5%;
        right: -15%;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@-webkit-keyframes bgmoving4 {
    0% {
        -webkit-transform: translateX(0) translateY(0) scale(.8);
        transform: translateX(0) translateY(0) scale(.8);
        opacity: .8
    }

    35% {
        -webkit-transform: translateX(-100px) translateY(15px) scale(.9);
        transform: translateX(-100px) translateY(15px) scale(.9);
        opacity: .6
    }

    65% {
        -webkit-transform: translateX(-80px) translateY(-15px) scale(.9);
        transform: translateX(-80px) translateY(-15px) scale(.9);
        opacity: .6
    }

    100% {
        -webkit-transform: translateX(0) translateY(0) scale(.8);
        transform: translateX(0) translateY(0) scale(.8);
        opacity: .8
    }
}

@keyframes bgmoving4 {
    0% {
        -webkit-transform: translateX(0) translateY(0) scale(.8);
        transform: translateX(0) translateY(0) scale(.8);
        opacity: .8
    }

    35% {
        -webkit-transform: translateX(-100px) translateY(15px) scale(.9);
        transform: translateX(-100px) translateY(15px) scale(.9);
        opacity: .6
    }

    65% {
        -webkit-transform: translateX(-80px) translateY(-15px) scale(.9);
        transform: translateX(-80px) translateY(-15px) scale(.9);
        opacity: .6
    }

    100% {
        -webkit-transform: translateX(0) translateY(0) scale(.8);
        transform: translateX(0) translateY(0) scale(.8);
        opacity: .8
    }
}

.containers.appslock {
    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
}

.containers.appslock .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;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHhtbG5zOnN2Z2pzPSdodHRwOi8vc3ZnanMuY29tL3N2Z2pzJyB3aWR0aD0nMTUzOCcgaGVpZ2h0PSc2NjEnIHByZXNlcnZlQXNwZWN0UmF0aW89J25vbmUnIHZpZXdCb3g9JzAgMCAxNTM4IDY2MSc+PGcgbWFzaz0ndXJsKCZxdW90OyNTdmdqc01hc2sxMDM5JnF1b3Q7KScgZmlsbD0nbm9uZSc+PHJlY3Qgd2lkdGg9JzE1MzgnIGhlaWdodD0nNjYxJyB4PScwJyB5PScwJyBmaWxsPSdyZ2JhKDI0LCAyNCwgMjQsIDEpJz48L3JlY3Q+PHBhdGggZD0nTTAsNTk3LjMyM0MxMTYuOTA1LDYwNy4wNTIsMjUxLjQwMSw2MDQuNTkzLDMzNi45OTQsNTI0LjM3M0M0MjEuNjg4LDQ0NC45OTYsMzg1LDMwMy4zMDgsNDI4LjUyNiwxOTUuNzAxQzQ2OS4yNyw5NC45NzIsNTc0LjQ5NSwyNC41LDU4My4wMDQsLTgzLjgyM0M1OTIuMjE2LC0yMDEuMTA0LDU0NC45MTksLTMxNy4xNjIsNDc2LjMxNywtNDEyLjczMUM0MDMuNzgsLTUxMy43ODEsMzA4LjMzOSwtNjA5LjgxMSwxODYuNzE0LC02MzUuODg5QzY3LjQxNSwtNjYxLjQ2OSwtNTAuNDM3LC02MDAuMzMxLC0xNjEuMzM0LC01NDkuNDUzQy0yNTkuMzI4LC01MDQuNDk0LC0zMzguNTU5LC00MzUuNjA3LC00MTUuMTcyLC0zNTkuNzQ5Qy00OTcuODc0LC0yNzcuODYyLC02MTUuODQ2LC0yMDUuOTExLC02MjUuNDM4LC04OS45MjRDLTYzNS4wMzksMjYuMTc0LC01MjAuNDYzLDExMC4xOCwtNDYyLjM4NywyMTEuMTY1Qy00MTAuNjQ2LDMwMS4xMzUsLTM4Mi40MzgsNDA0LjYwNCwtMzAyLjc3OCw0NzEuMTMyQy0yMTcuMTIsNTQyLjY2OSwtMTExLjIxNyw1ODguMDY4LDAsNTk3LjMyMycgZmlsbD0nIzEyMTIxMic+PC9wYXRoPjxwYXRoIGQ9J00xNTM4IDExNTguNzExQzE2NDguNzUxIDExNjIuMzY4IDE3NjQuNjE3IDEyMTcuNDY3IDE4NjMuNTc3IDExNjcuNjA4IDE5NjQuMzM4IDExMTYuODQyIDIwMTYuNTEyIDEwMDMuMjY4IDIwNTYuMTc0IDg5Ny42NDIgMjA5My45OTEgNzk2LjkzMDAwMDAwMDAwMDEgMjExMS4wNjIgNjg2LjUyNSAyMDgzLjI0NSA1ODIuNjA2IDIwNTYuOTUyIDQ4NC4zODEgMTk3Mi4wOSA0MTkuMzcyIDE5MDcuMTk0IDM0MS4wOTEgMTg0MC42MzggMjYwLjgwOCAxNzkzLjAwNiAxNTkuNTUgMTY5Ny42MDYgMTE3LjQzMTAwMDAwMDAwMDA0IDE1OTcuMTY0IDczLjA4NTAwMDAwMDAwMDA0IDE0ODAuOSA3Ni44NjY5OTk5OTk5OTk5NiAxMzc1LjA4NSAxMDYuMTYzMDAwMDAwMDAwMDEgMTI2OC4yOCAxMzUuNzMyOTk5OTk5OTk5OTUgMTE2MS4xODYgMTg5LjMzMzAwMDAwMDAwMDAzIDExMDEuMjM3IDI4Mi41NDIgMTA0My43MjQgMzcxLjk2MiAxMDY0Ljc5MSA0ODYuMzA2MDAwMDAwMDAwMDQgMTA2Mi4yMjYgNTkyLjU5NCAxMDU5Ljk2NSA2ODYuMjc4IDEwNjAuNTc0IDc3Ny4wMzUgMTA4Ny4xMzUgODY2LjkwMyAxMTE3LjI0MiA5NjguNzY5IDExMzYuNzc5IDEwODguODQgMTIyNS45NTMgMTE0Ni41NTUgMTMxNS4xNDggMTIwNC4yODQgMTQzMS44MTEgMTE1NS4yMDUgMTUzOCAxMTU4LjcxMScgZmlsbD0nIzFlMWUxZSc+PC9wYXRoPjwvZz48ZGVmcz48bWFzayBpZD0nU3ZnanNNYXNrMTAzOSc+PHJlY3Qgd2lkdGg9JzE1MzgnIGhlaWdodD0nNjYxJyBmaWxsPSd3aGl0ZSc+PC9yZWN0PjwvbWFzaz48L2RlZnM+PC9zdmc+);
    background-size: cover;
    background-position: center;
    width: 60%;
    text-align: center;
    padding: 2rem;
    border-radius: 3rem
}

@media(max-width: 39.9375em) {
    .containers.appslock .wrapper {
        width:90%
    }
}

.containers.appslock .wrapper .image {
    width: 10rem;
    height: 10rem;
    background-size: 10rem 10rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 10rem
}

.containers.storewebapps {
    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
}

.containers.storewebapps .storewebapps-card {
    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;
    background: #131313;
    border-radius: 2rem;
    padding: 0 1rem;
    width: 17rem;
    margin: 1rem 1rem 5rem
}

.containers.storewebapps .storewebapps-card .image {
    background-image: url("");
    width: 4rem;
    height: 4rem;
    background-size: 4rem 4rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 4rem;
    border-radius: 22%;
    margin-top: -2rem;
    position: relative;
    z-index: 1;
    -webkit-filter: drop-shadow(0px 4px 8px rgba(0,0,0,0.25));
    filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, .25))
}

.containers.storewebapps .storewebapps-card .card-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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #353535;
    border-radius: 1.5rem 1.5rem .5rem .5rem;
    margin-top: -1rem;
    position: relative;
    z-index: 0;
    width: 100%;
    height: 3.5rem;
    font-size: 1rem;
    padding: .7rem .5rem;
    -webkit-box-shadow: 0 1px 14px rgba(0,0,0,.09);
    box-shadow: 0 1px 14px rgba(0,0,0,.09)
}

.containers.storewebapps .storewebapps-card .card-bottom {
    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;
    margin-bottom: -2rem
}

.containers.storewebapps .storewebapps-card .card-bottom .left,.containers.storewebapps .storewebapps-card .card-top .left,.containers.storewebapps .storewebapps-card .card-top .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: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.containers.storewebapps .storewebapps-card .card-top .left,.containers.storewebapps .storewebapps-card .card-top .right {
    width: 5.5rem
}

.containers.storewebapps .storewebapps-card .card-top hr {
    background-color: #bebebe;
    width: 1px;
    border-radius: 2rem;
    height: 2rem;
    border: none;
    margin: .9rem 0 0
}

.containers.storewebapps .storewebapps-card .card-bottom .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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #0a84ff;
    width: 6.5rem;
    padding: .3rem 0;
    margin-right: .35rem;
    border-radius: .8rem;
    -webkit-box-shadow: 0 0 11px rgba(0,0,0,.25);
    box-shadow: 0 0 11px rgba(0,0,0,.25);
    cursor: pointer
}

html[dir=rtl] .containers.storewebapps .storewebapps-card .card-bottom .left {
    margin-right: 0!important;
    margin-left: .35rem!important
}

.containers.storewebapps .storewebapps-card .card-bottom .left .get {
    font-size: .9rem
}

.containers.storewebapps .storewebapps-card .card-bottom .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: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #30d158;
    width: 6.5rem;
    padding: .3rem 0;
    margin-left: .35rem;
    border-radius: .8rem;
    -webkit-box-shadow: 0 0 11px rgba(0,0,0,.25);
    box-shadow: 0 0 11px rgba(0,0,0,.25);
    cursor: pointer
}

html[dir=rtl] .containers.storewebapps .storewebapps-card .card-bottom .right {
    margin-right: .35rem!important;
    margin-left: 0!important
}

.instll-log {
    left: 1.3rem;
    bottom: -3.2rem
}

html[dir=rtl] .instll-log {
    right: -5.8rem;
    bottom: -3.2rem
}

.containers.storewebapps .storewebapps-card .card-bottom .right .duplicate {
    font-size: .9rem
}

.containers.storewebapps .storewebapps-card .card-top .left .top,.containers.storewebapps .storewebapps-card .card-top .right .top {
    color: #bebebe;
    font-weight: 500
}

.containers.storewebapps .storewebapps-card .card-bottom .left .get,.containers.storewebapps .storewebapps-card .card-bottom .right .duplicate,.containers.storewebapps .storewebapps-card .card-top .left .bottom,.containers.storewebapps .storewebapps-card .card-top .right .bottom {
    color: var(--white-2);
    font-weight: 500
}

.containers.storewebapps .storewebapps-card .app-name {
    color: var(--white-2);
    font-size: 1.3rem;
    font-weight: var(--font-semibold)
}

.containers.storewebapps .storewebapps-card .list-label {
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: .3rem
}

.containers.storewebapps .storewebapps-card .app-description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    overflow: hidden
}

.containers.storewebapps .storewebapps-card .app-description .desc {
    max-height: 6rem!important
}

.containers.storewebapps .storewebapps-card .app-description .desc.show {
    max-height: 100%!important
}

.containers.storewebapps .storewebapps-card .app-description .desc.collapse:not(.show) {
    display: block
}

.containers.storewebapps .storewebapps-card form {
    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;
    gap: 1rem;
    margin: 1rem 0 1.5rem;
    width: 80%
}

.containers.storewebapps .storewebapps-card .placeholder-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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.containers.storewebapps .storewebapps-card .placeholder-wrapper .bundle,.containers.storewebapps .storewebapps-card .placeholder-wrapper .name {
    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;
    margin-bottom: 1rem
}

.containers.storewebapps .storewebapps-card label {
    color: #000;
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: .5rem
}

.containers.storewebapps .storewebapps-card input {
    border-radius: .7rem;
    border: 1px solid #bebebe;
    padding-left: .5rem;
    padding-right: .5rem
}

.containers.storewebapps .storewebapps-card .duplicate-button {
    background: #bebebe;
    display: inline;
    border-radius: 10rem;
    width: 70%;
    color: #000;
    font-size: 1.3rem;
    font-weight: 500;
    padding: .8rem 1rem
}

.containers.formscustom {
    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: "";
    -ms-flex-pack: "";
    justify-content: "";
    width: 100%;
    padding: 2rem
}

.containers.formscustom .image {
    background-image: url("");
    width: 6rem;
    height: 6rem;
    background-size: 6rem 6rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 6rem;
    margin-bottom: 1rem;
    border-radius: 50%;
    border: 5px solid #000;
    -webkit-box-shadow: 0 0 30px rgba(43,43,43,.377);
    box-shadow: 0 0 30px rgba(43,43,43,.377)
}

.containers.formscustom .form-card-custom {
    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: "";
    -ms-flex-pack: "";
    justify-content: "";
    width: 100%
}

.containers.formscustom .form-card-custom .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: "";
    -ms-flex-pack: "";
    justify-content: "";
    background: #131313;
    padding: 2rem;
    border-radius: 2rem;
    width: 80%
}

@media(max-width: 63.9375em) {
    .containers.formscustom .form-card-custom .wrapper {
        width:100%
    }
}

.containers.availableapps {
    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
}

.containers.availableapps .availableapps-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: "";
    flex-direction: "";
    -webkit-box-align: "";
    -ms-flex-align: "";
    align-items: "";
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.containers.availableapps .availableapp-card {
    text-align: center;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100px;
    margin: 10px
}

.containers.availableapps .availableapp-card .image {
    background-image: url("");
    width: 5rem;
    height: 5rem;
    background-size: 5rem 5rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 5rem;
    border-radius: 22%;
    display: block;
    margin: 0 auto
}

.containers.availableapps .availableapp-card .header {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -.016em;
    display: block;
    padding-top: 10px;
    color: #fff;
    text-align: center;
    overflow: hidden
}

.containers.login {
    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: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 63.9375em) {
    .containers.login {
        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
    }
}

.containers.login .image {
    width: 20rem;
    height: 10rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-position-x: 14px;
    margin: 2rem 1rem 0;
    -webkit-transition: .6s;
    transition: .6s
}

@media(min-width: 40em) {
    .containers.login .image {
        width:30rem;
        height: 20rem
    }
}

@media(max-width: 63.9375em) {
    .containers.login .form-card-custom {
        width:90%!important
    }
}

.containers.login .ls-5 {
    letter-spacing: 5px
}

.containers.recover {
    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: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 63.9375em) {
    .containers.recover {
        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
    }
}

.containers.recover .image {
    width: 15rem;
    height: 15rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-position-x: 14px;
    margin: 2rem 1rem 0;
    -webkit-transition: .6s;
    transition: .6s
}

@media(min-width: 40em) {
    .containers.recover .image {
        width:15rem;
        height: 15rem
    }
}

@media(max-width: 63.9375em) {
    .containers.recover .form-card-custom {
        width:90%!important
    }
}

.containers.recover .ls-5 {
    letter-spacing: 5px
}

.containers.signup {
    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: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 63.9375em) {
    .containers.signup {
        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
    }
}

.containers.signup .image {
    width: 20rem;
    height: 10rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-position-x: 14px;
    margin: 2rem 1rem 0;
    -webkit-transition: .6s;
    transition: .6s
}

@media(min-width: 40em) {
    .containers.signup .image {
        width:30rem;
        height: 20rem
    }
}

@media(max-width: 63.9375em) {
    .containers.signup .form-card-custom {
        width:90%!important
    }
}

.containers.contactusform {
    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: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 63.9375em) {
    .containers.contactusform {
        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
    }
}

.containers.contactusform .image {
    width: 18rem;
    height: 18rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 1rem 1rem 0;
    -webkit-transition: .6s;
    transition: .6s
}

@media(min-width: 40em) {
    .containers.contactusform .image {
        width:20rem;
        height: 20rem
    }
}

@media(max-width: 63.9375em) {
    .containers.contactusform .form-card-custom {
        width:90%!important
    }
}

.containers.contactusform .ls-5 {
    letter-spacing: 5px
}

.containers.terms {
    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;
    padding: 2rem 0
}

.modal-header {
    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;
    border-bottom: none;
    background-color: #131313;
    color: #fff;
    height: 4rem;
    border-radius: 2rem 2rem 0 0
}

.modal-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: 0 0
}

.modal-content {
    position: relative;
    pointer-events: auto;
    border-radius: 3rem 3rem 3rem 3rem;
    outline: 0
}

.modal-body {
    position: relative;
    padding: 1rem;
    border-radius: 0 0 2rem 2rem
}

.file-upload {
    position: relative;
    display: inline-block;
    width: 100%
}

.file-upload__label {
    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: 1.2rem 2rem 1rem;
    color: #fff;
    background: #222;
    border-radius: 1rem;
    -webkit-box-shadow: 0 0 20px rgba(31,31,31,.123);
    box-shadow: 0 0 20px rgba(31,31,31,.123);
    -webkit-transition: background .3s;
    transition: background .3s
}

.file-upload__label span {
    margin-left: .5rem;
    height: 24px
}

.file-upload__label:hover {
    cursor: pointer;
    background: #000
}

.file-upload__input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 1;
    width: 0;
    height: 100%;
    opacity: 0
}

.bank-account-container {
    padding: 1rem;
    border-radius: 1.5rem;
    margin-bottom: 1rem;
    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
}

.bank-account-container:last-of-type {
    margin-bottom: 0
}

.bank-account-image {
    border-radius: 1rem
}

.bank-account-name {
    font-size: 1.2rem;
    font-weight: 500;
    text-align: center;
    margin-top: .5rem
}

.bank-account-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.bank-account-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #1d1d1d;
    border-radius: 1rem;
    margin-top: 1rem
}

.bank-account-item label {
    font-size: 1.1rem;
    padding: .7rem .8rem .5rem;
    border-bottom: 1px solid #414141
}

.bank-account-item .info {
    font-size: 1rem;
    padding: .5rem .8rem .7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bank-account-item .info span {
    margin-left: .3rem
}

.payment-logos {
    padding-left: .6rem
}

.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: #f0f0f0;
    border: 1px solid #d9d9d98e;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 8px
}

.payment-logos span:first-of-type {
    margin: .1rem
}

.payment-logos span:nth-of-type(2) {
    margin: .1rem
}

.payment-logos span:nth-of-type(3) {
    margin: .1rem
}

.payment-logos span:nth-of-type(4) {
    margin: .1rem
}

.payment-logos span:nth-of-type(5) {
    margin: .1rem
}

.container__payment_methods {
    margin-top: calc(var(--header-height) + 1rem);
    padding: 1rem;
    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
}

.payment-methods-hero {
    width: 80%;
    font-size: 1.3rem;
    font-weight: var(--font-semibold);
    text-align: center;
    padding: .7rem;
    margin-bottom: 1rem;
    background: rgba(255,255,255,.041);
    border-bottom: 1px solid rgba(255,255,255,.123);
    border-radius: .5rem .5rem 1rem 1rem
}

.payment-methods-subhero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--gray-7);
    padding: .5rem 1rem .3rem;
    border-radius: 1rem;
    color: var(--dark-green)
}

.payment-methods-subhero span {
    font-size: 1.2rem;
    font-weight: var(--font-medium);
    margin-left: .3rem;
    height: 28px
}

.form-container.payment {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1rem
}

.productcard-details-card {
    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;
    background: #131313;
    padding: 1rem;
    border-radius: 1rem;
    position: relative
}

.productcard-details-card.productitem {
    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(min-width: 40em) {
    .productcard-details-card.productitem {
        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: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }
}

.productcard-details-card.productitem .res {
    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
}

.productcard-details-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-align: "";
    -ms-flex-align: "";
    align-items: "";
    -webkit-box-pack: "";
    -ms-flex-pack: "";
    justify-content: ""
}

.productcard-details-card .card-image {
    width: 6.5rem;
    border-radius: .1rem
}

.productcard-details-card .icon-topcorner {
    position: absolute;
    top: -.45rem;
    right: -.45rem
}

.icon-checkcircle::before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTIgMTJDMiA2LjQ3NzE1IDYuNDc3MTUgMiAxMiAyQzE3LjUyMjggMiAyMiA2LjQ3NzE1IDIyIDEyQzIyIDE3LjUyMjggMTcuNTIyOCAyMiAxMiAyMkM2LjQ3NzE1IDIyIDIgMTcuNTIyOCAyIDEyWk0xMiA0QzcuNTgxNzIgNCA0IDcuNTgxNzIgNCAxMkM0IDE2LjQxODMgNy41ODE3MiAyMCAxMiAyMEMxNi40MTgzIDIwIDIwIDE2LjQxODMgMjAgMTJDMjAgNy41ODE3MiAxNi40MTgzIDQgMTIgNFonIGZpbGw9J2JsYWNrJy8+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBjbGlwLXJ1bGU9J2V2ZW5vZGQnIGQ9J00xNi42NDAyIDguMjMxOEMxNy4wNjQ1IDguNTg1MzcgMTcuMTIxOCA5LjIxNTkzIDE2Ljc2ODIgOS42NDAyMUwxMS43NjgyIDE1LjY0MDJDMTEuNTkzNyAxNS44NDk3IDExLjM0MTEgMTUuOTc4OCAxMS4wNjkxIDE1Ljk5NzZDMTAuNzk3IDE2LjAxNjUgMTAuNTI5MSAxNS45MjM0IDEwLjMyNzMgMTUuNzRMNy4zMjczMyAxMy4wMTI3QzYuOTE4NjggMTIuNjQxMiA2Ljg4ODU2IDEyLjAwODcgNy4yNjAwNyAxMS42MDAxQzcuNjMxNTcgMTEuMTkxNCA4LjI2NDAyIDExLjE2MTMgOC42NzI2OCAxMS41MzI4TDEwLjkwMDIgMTMuNTU3OEwxNS4yMzE4IDguMzU5ODRDMTUuNTg1NCA3LjkzNTU2IDE2LjIxNTkgNy44NzgyNCAxNi42NDAyIDguMjMxOFonIGZpbGw9J2JsYWNrJy8+PC9zdmc+Cg==);
    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;
    z-index: 10;
    margin: 0 .3rem -.3rem 0
}

.icon-playsolid::after {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAnIGhlaWdodD0nMTknIHZpZXdCb3g9JzAgMCAyMCAxOScgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNOS45OTEyMSAxOC43NDIyQzE0Ljk3NDYgMTguNzQyMiAxOS4wODc5IDE0LjYyODkgMTkuMDg3OSA5LjY1NDNDMTkuMDg3OSA0LjY3OTY5IDE0Ljk2NTggMC41NjY0MDYgOS45ODI0MiAwLjU2NjQwNkM1LjAwNzgxIDAuNTY2NDA2IDAuOTAzMzIgNC42Nzk2OSAwLjkwMzMyIDkuNjU0M0MwLjkwMzMyIDE0LjYyODkgNS4wMTY2IDE4Ljc0MjIgOS45OTEyMSAxOC43NDIyWk0xMy41NDIgMTAuMTcyOUw4LjI3NzM0IDEzLjI1NzhDNy44NDY2OCAxMy41MTI3IDcuMzQ1NyAxMy4yOTMgNy4zNDU3IDEyLjg1MzVWNi40NzI2NkM3LjM0NTcgNi4wMjQ0MSA3Ljg3MzA1IDUuODIyMjcgOC4yNzczNCA2LjA1OTU3TDEzLjU0MiA5LjE2MjExQzEzLjkxOTkgOS4zOTA2MiAxMy45Mjg3IDkuOTQ0MzQgMTMuNTQyIDEwLjE3MjlaJyBmaWxsPScjMGE4NGZmJy8+PC9zdmc+Cg==);
    width: 1rem;
    height: 1rem;
    background-size: 1rem 1rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 1rem;
    display: inline-block;
    margin-left: .3em;
    position: relative;
    z-index: 10
}

.icon-globe::before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTYnIGhlaWdodD0nMTYnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTEuNTQyOCA3LjI1SDQuMjc1OTlDNC40MjAyMSA1LjE3NTg3IDUuMTQxNTYgMy40OTM3OCA1Ljg1Njg4IDIuMzAxNThDNS45NzUwOSAyLjEwNDU2IDYuMDkzMzcgMS45MjA1IDYuMjA5MiAxLjc0OTgyQzMuNzIyNTMgMi40NjA5NyAxLjg0NTQyIDQuNjE2MDEgMS41NDI4IDcuMjVaTTQuMjc2IDguNzVIMS41NDI4QzEuODQ1NDIgMTEuMzg0IDMuNzIyNTggMTMuNTM5MSA2LjIwOTI5IDE0LjI1MDJDNi4wOTM0NCAxNC4wNzk1IDUuOTc1MTIgMTMuODk1NCA1Ljg1Njg4IDEzLjY5ODNDNS4xNDE1NyAxMi41MDYxIDQuNDIwMjMgMTAuODI0MSA0LjI3NiA4Ljc1Wk01Ljc4MDI2IDguNzVIMTAuMjE5N0MxMC4wNzkyIDEwLjQ4NTUgOS40NzA5NCAxMS45MDMxIDguODU2ODggMTIuOTI2NkM4LjU1MDYzIDEzLjQzNyA4LjI0NDk5IDEzLjg0NTcgOCAxNC4xNDIyQzcuNzU1MDEgMTMuODQ1NyA3LjQ0OTM3IDEzLjQzNyA3LjE0MzEyIDEyLjkyNjZDNi41MjkwNiAxMS45MDMxIDUuOTIwNzkgMTAuNDg1NSA1Ljc4MDI2IDguNzVaTTEwLjIxOTggNy4yNUg1Ljc4MDI1QzUuOTIwNzcgNS41MTQ0NiA2LjUyOTA1IDQuMDk2NzcgNy4xNDMxMiAzLjA3MzMyQzcuNDQ5MzcgMi41NjI5MSA3Ljc1NTAxIDIuMTU0MTUgOCAxLjg1NzdDOC4yNDQ5OSAyLjE1NDE1IDguNTUwNjMgMi41NjI5MSA4Ljg1Njg4IDMuMDczMzJDOS40NzA5NSA0LjA5Njc3IDEwLjA3OTIgNS41MTQ0NiAxMC4yMTk4IDcuMjVaTTExLjcyNCA4Ljc1QzExLjU3OTggMTAuODI0MSAxMC44NTg0IDEyLjUwNjEgMTAuMTQzMSAxMy42OTgzQzEwLjAyNDkgMTMuODk1NCA5LjkwNjU2IDE0LjA3OTUgOS43OTA3MSAxNC4yNTAyQzEyLjI3NzQgMTMuNTM5MSAxNC4xNTQ2IDExLjM4NCAxNC40NTcyIDguNzVIMTEuNzI0Wk0xNC40NTcyIDcuMjVIMTEuNzI0QzExLjU3OTggNS4xNzU4NyAxMC44NTg0IDMuNDkzNzggMTAuMTQzMSAyLjMwMTU4QzEwLjAyNDkgMi4xMDQ1NiA5LjkwNjYyIDEuOTIwNSA5Ljc5MDggMS43NDk4MUMxMi4yNzc1IDIuNDYwOTYgMTQuMTU0NiA0LjYxNjAxIDE0LjQ1NzIgNy4yNVpNOCAwQzMuNTgxNzIgMCAwIDMuNTgxNzIgMCA4QzAgMTIuNDE4MyAzLjU4MTcyIDE2IDggMTZDMTIuNDE4MyAxNiAxNiAxMi40MTgzIDE2IDhDMTYgMy41ODE3MiAxMi40MTgzIDAgOCAwWicgZmlsbD0nI0ZBRkFGQScvPjwvc3ZnPgo=);
    width: 1rem;
    height: 1rem;
    background-size: 1rem 1rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 1rem;
    display: inline-block;
    margin-top: .3em
}

.chevron-right::before {
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjgnIGhlaWdodD0nMjgnIHZpZXdCb3g9JzAgMCAyOCAyOCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTkuNjUxNCAxMy42NTQzQzE5LjY0MjYgMTMuMzQ2NyAxOS41MjgzIDEzLjA4MyAxOS4yOTEgMTIuODQ1N0wxMi40NTMxIDYuMTU3MjNDMTIuMjUxIDUuOTYzODcgMTIuMDEzNyA1Ljg1ODQgMTEuNzIzNiA1Ljg1ODRDMTEuMTM0OCA1Ljg1ODQgMTAuNjc3NyA2LjMxNTQzIDEwLjY3NzcgNi45MDQzQzEwLjY3NzcgNy4xODU1NSAxMC43OTIgNy40NDkyMiAxMC45OTQxIDcuNjUxMzdMMTcuMTQ2NSAxMy42NTQzTDEwLjk5NDEgMTkuNjU3MkMxMC43OTIgMTkuODU5NCAxMC42Nzc3IDIwLjExNDMgMTAuNjc3NyAyMC40MDQzQzEwLjY3NzcgMjAuOTkzMiAxMS4xMzQ4IDIxLjQ1MDIgMTEuNzIzNiAyMS40NTAyQzEyLjAwNDkgMjEuNDUwMiAxMi4yNTEgMjEuMzQ0NyAxMi40NTMxIDIxLjE1MTRMMTkuMjkxIDE0LjQ1NDFDMTkuNTM3MSAxNC4yMjU2IDE5LjY1MTQgMTMuOTYxOSAxOS42NTE0IDEzLjY1NDNaJyBmaWxsPScjMGE4NGZmJy8+PC9zdmc+Cg==);
    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;
    vertical-align: -.45em;
    opacity: .8
}

.icon-chevrondown::before {
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNNiA5TDExLjc4NzQgMTQuNzg3NFYxNC43ODc0QzExLjkwNDggMTQuOTA0OCAxMi4wOTUyIDE0LjkwNDggMTIuMjEyNiAxNC43ODc0VjE0Ljc4NzRMMTggOScgc3Ryb2tlPScjMEE4NEZGJyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcvPjwvc3ZnPgo=);
    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;
    vertical-align: -.45em
}

.icon-phonedown::before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTQgNkM0IDMuNzkwODYgNS43OTA4NiAyIDggMkgxNkMxOC4yMDkxIDIgMjAgMy43OTA4NiAyMCA2VjE4QzIwIDIwLjIwOTEgMTguMjA5MSAyMiAxNiAyMkg4QzUuNzkwODYgMjIgNCAyMC4yMDkxIDQgMThWNlpNOCA0QzYuODk1NDMgNCA2IDQuODk1NDMgNiA2VjE4QzYgMTkuMTA0NiA2Ljg5NTQzIDIwIDggMjBIMTZDMTcuMTA0NiAyMCAxOCAxOS4xMDQ2IDE4IDE4VjZDMTggNC44OTU0MyAxNy4xMDQ2IDQgMTYgNEg4WicgZmlsbD0nd2hpdGUnLz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTggMkg4LjExMTExQzkuMzUzNjcgMiAxMC4zOTc3IDIuODQ5ODUgMTAuNjkzOCA0SDEzLjMwNjJDMTMuNjAyMyAyLjg0OTg1IDE0LjY0NjMgMiAxNS44ODg5IDJIMTZWNEgxNS44ODg5QzE1LjUyMDcgNCAxNS4yMjIyIDQuMjk4NDggMTUuMjIyMiA0LjY2NjY3QzE1LjIyMjIgNS40MDMwNSAxNC42MjUzIDYgMTMuODg4OSA2SDEwLjExMTFDOS4zNzQ3MyA2IDguNzc3NzggNS40MDMwNSA4Ljc3Nzc4IDQuNjY2NjdDOC43Nzc3OCA0LjI5ODQ4IDguNDc5MyA0IDguMTExMTEgNEg4VjJaJyBmaWxsPSd3aGl0ZScvPjxwYXRoIGZpbGwtcnVsZT0nZXZlbm9kZCcgY2xpcC1ydWxlPSdldmVub2RkJyBkPSdNMTIgOUMxMi41NTIzIDkgMTMgOS40NDc3MiAxMyAxMEwxMyAxMy41ODU4TDE0LjI5MjkgMTIuMjkyOUMxNC42ODM0IDExLjkwMjQgMTUuMzE2NiAxMS45MDI0IDE1LjcwNzEgMTIuMjkyOUMxNi4wOTc2IDEyLjY4MzQgMTYuMDk3NiAxMy4zMTY2IDE1LjcwNzEgMTMuNzA3MUwxMi43MDcxIDE2LjcwNzFDMTIuMzE2NiAxNy4wOTc2IDExLjY4MzQgMTcuMDk3NiAxMS4yOTI5IDE2LjcwNzFMOC4yOTI4OSAxMy43MDcxQzcuOTAyMzcgMTMuMzE2NiA3LjkwMjM3IDEyLjY4MzQgOC4yOTI4OSAxMi4yOTI5QzguNjgzNDIgMTEuOTAyNCA5LjMxNjU4IDExLjkwMjQgOS43MDcxMSAxMi4yOTI5TDExIDEzLjU4NThMMTEgMTBDMTEgOS40NDc3MiAxMS40NDc3IDkgMTIgOVonIGZpbGw9J3doaXRlJy8+PC9zdmc+);
    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
}

.icon-phoneplus::before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTQgNkM0IDMuNzkwODYgNS43OTA4NiAyIDggMkgxNkMxOC4yMDkxIDIgMjAgMy43OTA4NiAyMCA2VjE4QzIwIDIwLjIwOTEgMTguMjA5MSAyMiAxNiAyMkg4QzUuNzkwODYgMjIgNCAyMC4yMDkxIDQgMThWNlpNOCA0QzYuODk1NDMgNCA2IDQuODk1NDMgNiA2VjE4QzYgMTkuMTA0NiA2Ljg5NTQzIDIwIDggMjBIMTZDMTcuMTA0NiAyMCAxOCAxOS4xMDQ2IDE4IDE4VjZDMTggNC44OTU0MyAxNy4xMDQ2IDQgMTYgNEg4WicgZmlsbD0nd2hpdGUnLz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTggMkg5LjY0MjUxQzEwLjU1MjMgMiAxMS40MDM0IDIuMzg2MjMgMTIgMy4wMzc3QzEyLjU5NjYgMi4zODYyMyAxMy40NDc3IDIgMTQuMzU3NSAySDE2VjRIMTQuMzU3NUMxMy45MDQzIDQgMTMuNDkgNC4yNTYwNCAxMy4yODczIDQuNjYxMzlDMTIuNzU2OSA1LjcyMjIxIDExLjI0MzEgNS43MjIyMSAxMC43MTI3IDQuNjYxMzlDMTAuNTEgNC4yNTYwNCAxMC4wOTU3IDQgOS42NDI1MSA0SDhWMlonIGZpbGw9J3doaXRlJy8+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBjbGlwLXJ1bGU9J2V2ZW5vZGQnIGQ9J004IDEzQzggMTIuNDQ3NyA4LjQ0NzcyIDEyIDkgMTJIMTVDMTUuNTUyMyAxMiAxNiAxMi40NDc3IDE2IDEzQzE2IDEzLjU1MjMgMTUuNTUyMyAxNCAxNSAxNEg5QzguNDQ3NzIgMTQgOCAxMy41NTIzIDggMTNaJyBmaWxsPSd3aGl0ZScvPjxwYXRoIGZpbGwtcnVsZT0nZXZlbm9kZCcgY2xpcC1ydWxlPSdldmVub2RkJyBkPSdNMTIgOUMxMi41NTIzIDkgMTMgOS40NDc3MiAxMyAxMEwxMyAxNkMxMyAxNi41NTIzIDEyLjU1MjMgMTcgMTIgMTdDMTEuNDQ3NyAxNyAxMSAxNi41NTIzIDExIDE2TDExIDEwQzExIDkuNDQ3NzIgMTEuNDQ3NyA5IDEyIDlaJyBmaWxsPSd3aGl0ZScvPjwvc3ZnPg==);
    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
}

.icon-closecircle::before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTIgMTJDMiA2LjQ3NzE1IDYuNDc3MTUgMiAxMiAyQzE3LjUyMjggMiAyMiA2LjQ3NzE1IDIyIDEyQzIyIDE3LjUyMjggMTcuNTIyOCAyMiAxMiAyMkM2LjQ3NzE1IDIyIDIgMTcuNTIyOCAyIDEyWk0xMiA0QzcuNTgxNzIgNCA0IDcuNTgxNzIgNCAxMkM0IDE2LjQxODMgNy41ODE3MiAyMCAxMiAyMEMxNi40MTgzIDIwIDIwIDE2LjQxODMgMjAgMTJDMjAgNy41ODE3MiAxNi40MTgzIDQgMTIgNFonIGZpbGw9J3doaXRlJy8+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBjbGlwLXJ1bGU9J2V2ZW5vZGQnIGQ9J004LjI5Mjg5IDguMjkyODlDOC42ODM0MiA3LjkwMjM3IDkuMzE2NTggNy45MDIzNyA5LjcwNzExIDguMjkyODlMMTIgMTAuNTg1OEwxNC4yOTI5IDguMjkyODlDMTQuNjgzNCA3LjkwMjM3IDE1LjMxNjYgNy45MDIzNyAxNS43MDcxIDguMjkyODlDMTYuMDk3NiA4LjY4MzQyIDE2LjA5NzYgOS4zMTY1OCAxNS43MDcxIDkuNzA3MTFMMTMuNDE0MiAxMkwxNS43MDcxIDE0LjI5MjlDMTYuMDk3NiAxNC42ODM0IDE2LjA5NzYgMTUuMzE2NiAxNS43MDcxIDE1LjcwNzFDMTUuMzE2NiAxNi4wOTc2IDE0LjY4MzQgMTYuMDk3NiAxNC4yOTI5IDE1LjcwNzFMMTIgMTMuNDE0Mkw5LjcwNzExIDE1LjcwNzFDOS4zMTY1OCAxNi4wOTc2IDguNjgzNDIgMTYuMDk3NiA4LjI5Mjg5IDE1LjcwNzFDNy45MDIzNyAxNS4zMTY2IDcuOTAyMzcgMTQuNjgzNCA4LjI5Mjg5IDE0LjI5MjlMMTAuNTg1OCAxMkw4LjI5Mjg5IDkuNzA3MTFDNy45MDIzNyA5LjMxNjU4IDcuOTAyMzcgOC42ODM0MiA4LjI5Mjg5IDguMjkyODlaJyBmaWxsPSd3aGl0ZScvPjwvc3ZnPgo=);
    width: 2rem;
    height: 2rem;
    background-size: 2rem 2rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 2rem;
    display: inline-block;
    position: relative
}

.icon-bank::before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTExLjQxNTEgMi4zOTUxMUMxMS43OTYyIDIuMjc3OTcgMTIuMjAzOCAyLjI3Nzk3IDEyLjU4NDkgMi4zOTUxMUwxNS41NzA2IDMuMzEyNzdDMTcuMTI4MyAzLjc5MTUyIDE4LjYwNzUgNC40OTUzOCAxOS45NjE2IDUuNDAyMDNDMjEuMDE0NyA2LjEwNzIyIDIwLjUxNTUgNy43NDk5NyAxOS4yNDgxIDcuNzQ5OTdINC43NTE5MUMzLjQ4NDQ2IDcuNzQ5OTcgMi45ODUyNiA2LjEwNzIyIDQuMDM4NDEgNS40MDIwNEM1LjM5MjQ0IDQuNDk1MzggNi44NzE3NCAzLjc5MTUyIDguNDI5MzggMy4zMTI3N0wxMS40MTUxIDIuMzk1MTFaTTEyLjE0NDIgMy44Mjg5MUMxMi4wNTAyIDMuODAwMDMgMTEuOTQ5OCAzLjgwMDAzIDExLjg1NTggMy44Mjg5MUw4Ljg3MDA2IDQuNzQ2NThDNy42ODkyNSA1LjEwOTUgNi41NTc5MSA1LjYxNDU0IDUuNTAwNjkgNi4yNDk5N0gxOC40OTkzQzE3LjQ0MjEgNS42MTQ1NCAxNi4zMTA3IDUuMTA5NSAxNS4xMjk5IDQuNzQ2NThMMTIuMTQ0MiAzLjgyODkxWicgZmlsbD0nI0Y3RjdGNScvPjxwYXRoIGQ9J000LjI1IDIxQzQuMjUgMjAuNTg1OCA0LjU4NTc5IDIwLjI1IDUgMjAuMjVIMTlDMTkuNDE0MiAyMC4yNSAxOS43NSAyMC41ODU4IDE5Ljc1IDIxQzE5Ljc1IDIxLjQxNDIgMTkuNDE0MiAyMS43NSAxOSAyMS43NUg1QzQuNTg1NzkgMjEuNzUgNC4yNSAyMS40MTQyIDQuMjUgMjFaJyBmaWxsPScjRjdGN0Y1Jy8+PHBhdGggZD0nTTYuMjUgMTdDNi4yNSAxNy40MTQyIDYuNTg1NzkgMTcuNzUgNyAxNy43NUM3LjQxNDIxIDE3Ljc1IDcuNzUgMTcuNDE0MiA3Ljc1IDE3TDcuNzUgMTFDNy43NSAxMC41ODU4IDcuNDE0MjEgMTAuMjUgNyAxMC4yNUM2LjU4NTc5IDEwLjI1IDYuMjUgMTAuNTg1OCA2LjI1IDExTDYuMjUgMTdaJyBmaWxsPScjRjdGN0Y1Jy8+PHBhdGggZD0nTTEyIDE3Ljc1QzExLjU4NTggMTcuNzUgMTEuMjUgMTcuNDE0MiAxMS4yNSAxN0wxMS4yNSAxMUMxMS4yNSAxMC41ODU4IDExLjU4NTggMTAuMjUgMTIgMTAuMjVDMTIuNDE0MiAxMC4yNSAxMi43NSAxMC41ODU4IDEyLjc1IDExVjE3QzEyLjc1IDE3LjQxNDIgMTIuNDE0MiAxNy43NSAxMiAxNy43NVonIGZpbGw9JyNGN0Y3RjUnLz48cGF0aCBkPSdNMTYuMjUgMTdDMTYuMjUgMTcuNDE0MiAxNi41ODU4IDE3Ljc1IDE3IDE3Ljc1QzE3LjQxNDIgMTcuNzUgMTcuNzUgMTcuNDE0MiAxNy43NSAxN1YxMUMxNy43NSAxMC41ODU4IDE3LjQxNDIgMTAuMjUgMTcgMTAuMjVDMTYuNTg1OCAxMC4yNSAxNi4yNSAxMC41ODU4IDE2LjI1IDExVjE3WicgZmlsbD0nI0Y3RjdGNScvPjwvc3ZnPgo=);
    width: 2rem;
    height: 2rem;
    background-size: 2rem 2rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 2rem;
    display: inline-block;
    position: relative
}

.icon-uploaddoc::before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTQuMjUgNUM0LjI1IDMuNDgxMjIgNS40ODEyMiAyLjI1IDcgMi4yNUgxNC45ODY4QzE1LjU1MDYgMi4yNSAxNi4wNzk4IDIuNTIxNTcgMTYuNDA4NSAyLjk3OTU1TDE5LjQyMTcgNy4xNzc0NUMxOS42MzUyIDcuNDc0ODggMTkuNzUgNy44MzE3OCAxOS43NSA4LjE5NzlWMTlDMTkuNzUgMjAuNTE4OCAxOC41MTg4IDIxLjc1IDE3IDIxLjc1SDdDNS40ODEyMiAyMS43NSA0LjI1IDIwLjUxODggNC4yNSAxOVY1Wk03IDMuNzVDNi4zMDk2NCAzLjc1IDUuNzUgNC4zMDk2NCA1Ljc1IDVWMTlDNS43NSAxOS42OTA0IDYuMzA5NjQgMjAuMjUgNyAyMC4yNUgxN0MxNy42OTA0IDIwLjI1IDE4LjI1IDE5LjY5MDQgMTguMjUgMTlWOC44OTcwNUgxNUMxNC41ODU4IDguODk3MDUgMTQuMjUgOC41NjEyNiAxNC4yNSA4LjE0NzA1VjMuNzVIN1onIGZpbGw9JyNGN0Y3RjUnLz48cGF0aCBkPSdNMTUuMDg1NyAxMy4yMTg1QzE0LjgyNjkgMTMuNTQyIDE0LjM1NSAxMy41OTQ0IDE0LjAzMTUgMTMuMzM1N0wxMi43NTAxIDEyLjMxMDVWMTUuNzVDMTIuNzUwMSAxNi4xNjQyIDEyLjQxNDMgMTYuNSAxMi4wMDAxIDE2LjVDMTEuNTg1OCAxNi41IDExLjI1MDEgMTYuMTY0MiAxMS4yNTAxIDE1Ljc1VjEyLjMxMDRMOS45Njg1NSAxMy4zMzU3QzkuNjQ1MSAxMy41OTQ0IDkuMTczMTMgMTMuNTQyIDguOTE0MzggMTMuMjE4NUM4LjY1NTYyIDEyLjg5NTEgOC43MDgwNiAxMi40MjMxIDkuMDMxNTEgMTIuMTY0M0wxMS41Mjg4IDEwLjE2NjVDMTEuNjU2MSAxMC4wNjM2IDExLjgxNzcgMTAuMDAxNSAxMS45OTM3IDEwQzExLjk5NTggMTAgMTEuOTk3OSAxMCAxMi4wMDAxIDEwTDEyLjAwMjUgMTBDMTIuMTgxNiAxMC4wMDA2IDEyLjM0NTkgMTAuMDYzOSAxMi40NzQ2IDEwLjE2OTJMMTQuOTY4NSAxMi4xNjQzQzE1LjI5MiAxMi40MjMxIDE1LjM0NDQgMTIuODk1MSAxNS4wODU3IDEzLjIxODVaJyBmaWxsPScjRjdGN0Y1Jy8+PC9zdmc+Cg==);
    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
}

.icon-cart::before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjgnIGhlaWdodD0nMjgnIHZpZXdCb3g9JzAgMCAyOCAyOCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTAuNzM5MyAxOC42NTUzSDIwLjk2OTdDMjEuMzgyOCAxOC42NTUzIDIxLjc2MDcgMTguMzMwMSAyMS43NjA3IDE3Ljg2NDNDMjEuNzYwNyAxNy40MDcyIDIxLjM4MjggMTcuMDgyIDIwLjk2OTcgMTcuMDgySDEwLjk0MTRDMTAuNTE5NSAxNy4wODIgMTAuMjU1OSAxNi43OTIgMTAuMTk0MyAxNi4zNDM4TDEwLjA2MjUgMTUuNDI5N0gyMS4wNEMyMi4zODQ4IDE1LjQyOTcgMjMuMDk2NyAxNC42MTIzIDIzLjI5IDEzLjI3NjRMMjMuOTQ5MiA4Ljg3MzA1QzIzLjk2NjggOC43NTg3OSAyMy45ODQ0IDguNjA5MzggMjMuOTg0NCA4LjUxMjdDMjMuOTg0NCA3Ljk5NDE0IDIzLjYyNCA3LjY0MjU4IDIzLjAxNzYgNy42NDI1OEg4LjkyODcxTDguNzk2ODggNi42OTMzNkM4LjY4MjYyIDUuOTI4NzEgOC4zNzUgNS41NDE5OSA3LjM5OTQxIDUuNTQxOTlINC4zODQ3N0MzLjk0NTMxIDUuNTQxOTkgMy41NTg1OSA1LjkyODcxIDMuNTU4NTkgNi4zNzY5NUMzLjU1ODU5IDYuODMzOTggMy45NDUzMSA3LjIyMDcgNC4zODQ3NyA3LjIyMDdINy4xMzU3NEw4LjQ5ODA1IDE2LjUxOTVDOC42OTE0MSAxNy44NDY3IDkuMzk0NTMgMTguNjU1MyAxMC43MzkzIDE4LjY1NTNaTTIyLjE1NjIgOS4yMTU4MkwyMS42MDI1IDEzLjExODJDMjEuNTMyMiAxMy41NjY0IDIxLjI5NDkgMTMuODQ3NyAyMC44NjQzIDEzLjg0NzdMOS44MzM5OCAxMy44NTY0TDkuMTU3MjMgOS4yMTU4MkgyMi4xNTYyWk0xMS40NiAyMy4wNjc0QzEyLjMxMjUgMjMuMDY3NCAxMi45OTggMjIuMzgxOCAxMi45OTggMjEuNTI5M0MxMi45OTggMjAuNjc2OCAxMi4zMTI1IDE5Ljk5MTIgMTEuNDYgMTkuOTkxMkMxMC42MDc0IDE5Ljk5MTIgOS45MjE4OCAyMC42NzY4IDkuOTIxODggMjEuNTI5M0M5LjkyMTg4IDIyLjM4MTggMTAuNjA3NCAyMy4wNjc0IDExLjQ2IDIzLjA2NzRaTTE5LjU4MTEgMjMuMDY3NEMyMC40MzM2IDIzLjA2NzQgMjEuMTEwNCAyMi4zODE4IDIxLjExMDQgMjEuNTI5M0MyMS4xMTA0IDIwLjY3NjggMjAuNDMzNiAxOS45OTEyIDE5LjU4MTEgMTkuOTkxMkMxOC43Mjg1IDE5Ljk5MTIgMTguMDM0MiAyMC42NzY4IDE4LjAzNDIgMjEuNTI5M0MxOC4wMzQyIDIyLjM4MTggMTguNzI4NSAyMy4wNjc0IDE5LjU4MTEgMjMuMDY3NFonIGZpbGw9JyNmN2Y3ZjUnLz48L3N2Zz4K);
    width: 2rem;
    height: 2rem;
    background-size: 2rem 2rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 2rem;
    display: inline-block;
    position: relative
}

.arrow-icon::before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTYnIGhlaWdodD0nMTYnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTkuMjE5NjcgMTQuMDMwM0M4LjkyNjc4IDEzLjczNzQgOC45MjY3OCAxMy4yNjI2IDkuMjE5NjcgMTIuOTY5N0wxMi4xODkzIDEwTDUuNzUgMTBDMy4xMjY3IDEwIDEgNy44NzMzNyAxIDUuMjVMMSAyLjc1QzEgMi4zMzU4IDEuMzM1OCAyIDEuNzUgMkMyLjE2NDIgMiAyLjUgMi4zMzU4IDIuNSAyLjc1TDIuNSA1LjI1QzIuNSA3LjA0NDkzIDMuOTU1MSA4LjUgNS43NSA4LjVMMTIuMTg5MyA4LjVMOS4yMTk2NyA1LjUzMDNDOC45MjY3OCA1LjIzNzQgOC45MjY3OCA0Ljc2MjYgOS4yMTk2NyA0LjQ2OTdDOS41MTI1NiA0LjE3NjggOS45ODc0NCA0LjE3NjggMTAuMjgwMyA0LjQ2OTdMMTQuNTMwMyA4LjcxOTY3QzE0LjgyMzIgOS4wMTI1NiAxNC44MjMyIDkuNDg3NDQgMTQuNTMwMyA5Ljc4MDMzTDEwLjI4MDMgMTQuMDMwM0M5Ljk4NzQ0IDE0LjMyMzIgOS41MTI1NiAxNC4zMjMyIDkuMjE5NjcgMTQuMDMwM1onIGZpbGw9JyNDQkNCQ0InLz48L3N2Zz4K);
    width: 1rem;
    height: 1rem;
    background-size: 1rem 1rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 1rem;
    display: inline-block;
    position: relative;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.icon-directpay::before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMzk4JyBoZWlnaHQ9JzIyNCcgdmlld0JveD0nMCAwIDM5OCAyMjQnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTc1LjUgNDJIMTg3TTExIDExMi41SDExNU00MiAxODNIMTE1JyBzdHJva2U9J3doaXRlJyBzdHJva2Utb3BhY2l0eT0nMC40Nycgc3Ryb2tlLXdpZHRoPScyMScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJy8+PHBhdGggZD0nTTM2MiAyMkgyMzYuNUwyNDYuNSAwSDM2MkMzODQuNSAwIDM5Ny41IDE4IDM5Ny41IDM1LjVWMTg4QzM5Ny41IDIwNyAzNzkuNSAyMjMuNSAzNjIgMjIzLjVIMTM5TDE0OC41IDIwMS41SDM2My41QzM3MCAyMDEuNSAzNzUuNSAxOTUuNSAzNzUuNSAxODkuNVYzNS41QzM3NS41IDI4IDM2OCAyMiAzNjIgMjJaJyBmaWxsPScjRjBGMEYwJy8+PHBhdGggZD0nTTE1Ny41IDE4MkwyMjYgNDIuNUgzMTFDMzIwLjU2NyA2NS40OTIyIDMyOS4wMTEgNzUuMDUyMyAzNTIuNSA4M1YxNDAuNUMzMjguNTY0IDE1MC4zNTMgMzE5LjQ5MyAxNTkuNDggMzExIDE4MkgxNTcuNVonIGZpbGw9JyNGMEYwRjAnLz48cGF0aCBkPSdNMjUxIDEzNkMyNDUuNzM5IDEzNiAyMzguMTY3IDEzMi4zMzMgMjM1IDEzMEwyMzEuNSAxNDRDMjM2LjgyMiAxNDguNzY4IDI0MC42NTIgMTUwLjAyNiAyNDkgMTUwVjE2MkgyNjNWMTUwQzI2NS42NjcgMTUwIDI3Mi4yIDE0OC4xIDI3NyAxNDAuNUMyODMgMTMxIDI4MSAxMjQgMjc5IDExOUMyNzcgMTE0IDI3Mi41IDExMSAyNzEgMTEwQzI2OS41IDEwOSAyNTkuNSAxMDQuNSAyNTcgMTAzQzI1NC41IDEwMS41IDI0My41IDk2LjUgMjUwIDkwLjVDMjU0IDg3LjUgMjYyLjE1OSA4Ny45ODM2IDI3NCA5Mi41TDI3NyA3N0MyNzUuNSA3NC41IDI2OSA3MSAyNjIgNzFWNjBIMjQ5VjcxLjQ5OTFDMjQ4Ljk5MiA3MC44Mzk1IDIzMC4wNSA3Ni45Nzk0IDIzMCA5NC41QzIyOS45NjIgMTA4IDI0NCAxMTUgMjUwIDExNi41QzI1NiAxMTggMjYyLjUgMTIxLjUgMjYyLjUgMTI3LjVDMjYyLjUgMTMzLjUgMjU2IDEzNiAyNTEgMTM2WicgZmlsbD0nIzJGOEUzRScgZmlsbC1vcGFjaXR5PScwLjcnLz48L3N2Zz4K);
    width: 2rem;
    height: 1.4rem;
    background-size: 2rem 1.4rem;
    vertical-align: -.35em;
    margin-right: .3rem;
    display: inline-block;
    position: relative;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.icon-invoice::before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTIgMjFWN0MyIDUuMTE0MzggMiA0LjE3MTU3IDIuNTg1NzkgMy41ODU3OUMzLjE3MTU3IDMgNC4xMTQzOCAzIDYgM0gxNkMxNi44MzE3IDMgMTcuNDc3OCAzIDE4LjAwMzcgMy4wMjcwNkMxNS43NTE5IDMuMjc0MSAxNCA1LjE4MjQ1IDE0IDcuNVYxMS4wMDAyTDEzLjkwMTIgMjAuOTY3MUwxMSAyMEw4IDIxTDUgMjBMMiAyMVpNMjEgMTFMMTYgMTFWNy41QzE2IDYuMTE5MjkgMTcuMTE5MyA1IDE4LjUgNUMxOS44ODA3IDUgMjEgNi4xMTkyOSAyMSA3LjVWMTFaTTQgN0M0IDYuNDQ3NzIgNC40NDc3MiA2IDUgNkgxMUMxMS41NTIzIDYgMTIgNi40NDc3MiAxMiA3QzEyIDcuNTUyMjggMTEuNTUyMyA4IDExIDhINUM0LjQ0NzcyIDggNCA3LjU1MjI4IDQgN1pNNCAxMUM0IDEwLjQ0NzcgNC40NDc3MiAxMCA1IDEwSDdDNy41NTIyOCAxMCA4IDEwLjQ0NzcgOCAxMUM4IDExLjU1MjMgNy41NTIyOCAxMiA3IDEySDVDNC40NDc3MiAxMiA0IDExLjU1MjMgNCAxMVpNNCAxNUM0IDE0LjQ0NzcgNC40NDc3MiAxNCA1IDE0SDlDOS41NTIyOCAxNCAxMCAxNC40NDc3IDEwIDE1QzEwIDE1LjU1MjMgOS41NTIyOCAxNiA5IDE2SDVDNC40NDc3MiAxNiA0IDE1LjU1MjMgNCAxNVonIGZpbGw9J3doaXRlJy8+PC9zdmc+Cg==);
    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;
    vertical-align: -.4em;
    margin-right: .3rem;
    position: relative;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.icon-checkcirclefill-green::before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTIgMTJDMiA2LjQ3NzE1IDYuNDc3MTUgMiAxMiAyQzE3LjUyMjggMiAyMiA2LjQ3NzE1IDIyIDEyQzIyIDE3LjUyMjggMTcuNTIyOCAyMiAxMiAyMkM2LjQ3NzE1IDIyIDIgMTcuNTIyOCAyIDEyWicgZmlsbD0nd2hpdGUnLz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTE2LjY0MDIgOC4yMzE3OEMxNy4wNjQ1IDguNTg1MzQgMTcuMTIxOCA5LjIxNTkxIDE2Ljc2ODIgOS42NDAxOEwxMS43NjgyIDE1LjY0MDJDMTEuNTkzNyAxNS44NDk3IDExLjM0MTEgMTUuOTc4OCAxMS4wNjkxIDE1Ljk5NzZDMTAuNzk3IDE2LjAxNjQgMTAuNTI5MSAxNS45MjM0IDEwLjMyNzMgMTUuNzM5OUw3LjMyNzMzIDEzLjAxMjdDNi45MTg2OCAxMi42NDEyIDYuODg4NTYgMTIuMDA4NyA3LjI2MDA3IDExLjYwMDFDNy42MzE1NyAxMS4xOTE0IDguMjY0MDIgMTEuMTYxMyA4LjY3MjY4IDExLjUzMjhMMTAuOTAwMiAxMy41NTc4TDE1LjIzMTggOC4zNTk4MkMxNS41ODU0IDcuOTM1NTQgMTYuMjE1OSA3Ljg3ODIxIDE2LjY0MDIgOC4yMzE3OFonIGZpbGw9JyMwMEQ2MjInLz48L3N2Zz4K);
    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;
    vertical-align: -.35em;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.icon-collection::before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTcgOEMxOC44ODU2IDggMTkuODI4NCA4IDIwLjQxNDIgOC41ODU3OUMyMSA5LjE3MTU3IDIxIDEwLjExNDQgMjEgMTJMMjEgMTZDMjEgMTcuODg1NiAyMSAxOC44Mjg0IDIwLjQxNDIgMTkuNDE0MkMxOS44Mjg0IDIwIDE4Ljg4NTYgMjAgMTcgMjBMMTYgMjBMOCAyMEw3IDIwQzUuMTE0MzggMjAgNC4xNzE1NyAyMCAzLjU4NTc5IDE5LjQxNDJDMyAxOC44Mjg0IDMgMTcuODg1NiAzIDE2TDMgMTJDMyAxMC4xMTQ0IDMgOS4xNzE1NyAzLjU4NTc5IDguNTg1NzlDNC4xNzE1NyA4IDUuMTE0MzggOCA3IDhMOCA4TDE2IDhMMTcgOFonIHN0cm9rZT0nI0Y4RjhGOCcgc3Ryb2tlLXdpZHRoPScyJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJy8+PHBhdGggZD0nTTYgOFY1LjcxNDI5QzYgNC43Njc1MSA2Ljc2NzUxIDQgNy43MTQyOSA0VjRIMTYuMjg1N1Y0QzE3LjIzMjUgNCAxOCA0Ljc2NzUxIDE4IDUuNzE0MjlWOCcgc3Ryb2tlPScjRjhGOEY4JyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcvPjwvc3ZnPgo=);
    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;
    vertical-align: -.35em;
    margin-right: .3rem
}

.icon-alertcirclefill::before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTIuMjY2NiAxMkMyLjI2NjYgNi40NzcxNSA2Ljc0Mzc1IDIgMTIuMjY2NiAyQzE3Ljc4OTQgMiAyMi4yNjY2IDYuNDc3MTUgMjIuMjY2NiAxMkMyMi4yNjY2IDE3LjUyMjggMTcuNzg5NCAyMiAxMi4yNjY2IDIyQzYuNzQzNzUgMjIgMi4yNjY2IDE3LjUyMjggMi4yNjY2IDEyWicgZmlsbD0nd2hpdGUnLz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTEyLjI2NjYgN0MxMi44MTg5IDcgMTMuMjY2NiA3LjQ0NzcyIDEzLjI2NjYgOFYxMkMxMy4yNjY2IDEyLjU1MjMgMTIuODE4OSAxMyAxMi4yNjY2IDEzQzExLjcxNDMgMTMgMTEuMjY2NiAxMi41NTIzIDExLjI2NjYgMTJWOEMxMS4yNjY2IDcuNDQ3NzIgMTEuNzE0MyA3IDEyLjI2NjYgN1pNMTEuMjY2NiAxNkMxMS4yNjY2IDE1LjQ0NzcgMTEuNzE0MyAxNSAxMi4yNjY2IDE1SDEyLjI3NjZDMTIuODI4OSAxNSAxMy4yNzY2IDE1LjQ0NzcgMTMuMjc2NiAxNkMxMy4yNzY2IDE2LjU1MjMgMTIuODI4OSAxNyAxMi4yNzY2IDE3SDEyLjI2NjZDMTEuNzE0MyAxNyAxMS4yNjY2IDE2LjU1MjMgMTEuMjY2NiAxNlonIGZpbGw9JyMyQzJDMkMnLz48L3N2Zz4K);
    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;
    vertical-align: -.35em;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.icon-megaphone::before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTIwLjA4NDggMTYuOTMyNEMyMC41Mjk4IDEyLjY1NTcgMjAuNTI5OCA4LjM0NDM1IDIwLjA4NDggNC4wNjc2NUMxOS45MjYxIDIuNTQyNiAxOC4xNjc3IDEuNzcwMDkgMTYuOTM3MiAyLjY4NDgxTDEyLjgzMzYgNS43MzUyMkMxMS41ODMxIDYuNjY0NzMgMTAuMDY2NSA3LjE2NjY4IDguNTA4MzkgNy4xNjY2OEg0LjY3OTE5QzMuOTg4ODQgNy4xNjY2OCAzLjQyOTE5IDcuNzI2MzIgMy40MjkxOSA4LjQxNjY4VjEyLjU4MzNDMy40MjkxOSAxMy4yNzM3IDMuOTg4ODMgMTMuODMzMyA0LjY3OTE5IDEzLjgzMzNINS4zMDM0N0w0LjQ1ODExIDE2Ljk4ODNDNC4zNjM5MSAxNy4zMzk4IDQuNTM1NzIgMTcuNzA4MyA0Ljg2NTU5IDE3Ljg2MjFMOC41NDY3MyAxOS41Nzg3QzguNzQ3NjYgMTkuNjcyNCA4Ljk3OTc0IDE5LjY3MjQgOS4xODA2NiAxOS41Nzg3QzkuMzgxNTkgMTkuNDg1IDkuNTMwNzcgMTkuMzA3MiA5LjU4ODE1IDE5LjA5MzFMMTAuODUwOCAxNC4zODA2QzEwLjg2NDMgMTQuMzMwNiAxMC44NzIzIDE0LjI4MDQgMTAuODc1MiAxNC4yMzA2QzExLjU3MjcgMTQuNDcxNSAxMi4yMzM4IDE0LjgxOSAxMi44MzM2IDE1LjI2NDhMMTYuOTM3MiAxOC4zMTUyQzE4LjE2NzcgMTkuMjI5OSAxOS45MjYxIDE4LjQ1NzQgMjAuMDg0OCAxNi45MzI0Wk0xOC41OTI4IDQuMjIyODhDMTkuMDI3MSA4LjM5NjM3IDE5LjAyNzEgMTIuNjAzNyAxOC41OTI4IDE2Ljc3NzFDMTguNTU0NSAxNy4xNDU4IDE4LjEyOTUgMTcuMzMyNSAxNy44MzIxIDE3LjExMTRMMTMuNzI4NCAxNC4wNjFDMTIuMjE5MyAxMi45MzkxIDEwLjM4ODggMTIuMzMzMyA4LjUwODM5IDEyLjMzMzNMNC45MjkxOSAxMi4zMzMzTDQuOTI5MTkgOC42NjY2OEg4LjUwODM5QzEwLjM4ODggOC42NjY2OCAxMi4yMTkzIDguMDYwODggMTMuNzI4NCA2LjkzOTA1TDE3LjgzMjEgMy44ODg2NEMxOC4xMjk1IDMuNjY3NTUgMTguNTU0NSAzLjg1NDI3IDE4LjU5MjggNC4yMjI4OFpNOS40MzYxNSAxMy44OTI5QzkuMTI5NzUgMTMuODUzNCA4LjgxOTg5IDEzLjgzMzMgOC41MDgzOSAxMy44MzMzSDYuODU2MzhMNi4wNjk4OCAxNi43Njg2TDguMzcwNiAxNy44NDE1TDkuNDAxOTUgMTMuOTkyNEM5LjQxMTE3IDEzLjk1OCA5LjQyMjYzIDEzLjkyNDggOS40MzYxNSAxMy44OTI5WicgZmlsbD0nYmxhY2snLz48L3N2Zz4K);
    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;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

html[dir=rtl] .icon-megaphone::before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTIwLjA4NDggMTYuOTMyNEMyMC41Mjk4IDEyLjY1NTcgMjAuNTI5OCA4LjM0NDM1IDIwLjA4NDggNC4wNjc2NUMxOS45MjYxIDIuNTQyNiAxOC4xNjc3IDEuNzcwMDkgMTYuOTM3MiAyLjY4NDgxTDEyLjgzMzYgNS43MzUyMkMxMS41ODMxIDYuNjY0NzMgMTAuMDY2NSA3LjE2NjY4IDguNTA4MzkgNy4xNjY2OEg0LjY3OTE5QzMuOTg4ODQgNy4xNjY2OCAzLjQyOTE5IDcuNzI2MzIgMy40MjkxOSA4LjQxNjY4VjEyLjU4MzNDMy40MjkxOSAxMy4yNzM3IDMuOTg4ODMgMTMuODMzMyA0LjY3OTE5IDEzLjgzMzNINS4zMDM0N0w0LjQ1ODExIDE2Ljk4ODNDNC4zNjM5MSAxNy4zMzk4IDQuNTM1NzIgMTcuNzA4MyA0Ljg2NTU5IDE3Ljg2MjFMOC41NDY3MyAxOS41Nzg3QzguNzQ3NjYgMTkuNjcyNCA4Ljk3OTc0IDE5LjY3MjQgOS4xODA2NiAxOS41Nzg3QzkuMzgxNTkgMTkuNDg1IDkuNTMwNzcgMTkuMzA3MiA5LjU4ODE1IDE5LjA5MzFMMTAuODUwOCAxNC4zODA2QzEwLjg2NDMgMTQuMzMwNiAxMC44NzIzIDE0LjI4MDQgMTAuODc1MiAxNC4yMzA2QzExLjU3MjcgMTQuNDcxNSAxMi4yMzM4IDE0LjgxOSAxMi44MzM2IDE1LjI2NDhMMTYuOTM3MiAxOC4zMTUyQzE4LjE2NzcgMTkuMjI5OSAxOS45MjYxIDE4LjQ1NzQgMjAuMDg0OCAxNi45MzI0Wk0xOC41OTI4IDQuMjIyODhDMTkuMDI3MSA4LjM5NjM3IDE5LjAyNzEgMTIuNjAzNyAxOC41OTI4IDE2Ljc3NzFDMTguNTU0NSAxNy4xNDU4IDE4LjEyOTUgMTcuMzMyNSAxNy44MzIxIDE3LjExMTRMMTMuNzI4NCAxNC4wNjFDMTIuMjE5MyAxMi45MzkxIDEwLjM4ODggMTIuMzMzMyA4LjUwODM5IDEyLjMzMzNMNC45MjkxOSAxMi4zMzMzTDQuOTI5MTkgOC42NjY2OEg4LjUwODM5QzEwLjM4ODggOC42NjY2OCAxMi4yMTkzIDguMDYwODggMTMuNzI4NCA2LjkzOTA1TDE3LjgzMjEgMy44ODg2NEMxOC4xMjk1IDMuNjY3NTUgMTguNTU0NSAzLjg1NDI3IDE4LjU5MjggNC4yMjI4OFpNOS40MzYxNSAxMy44OTI5QzkuMTI5NzUgMTMuODUzNCA4LjgxOTg5IDEzLjgzMzMgOC41MDgzOSAxMy44MzMzSDYuODU2MzhMNi4wNjk4OCAxNi43Njg2TDguMzcwNiAxNy44NDE1TDkuNDAxOTUgMTMuOTkyNEM5LjQxMTE3IDEzLjk1OCA5LjQyMjYzIDEzLjkyNDggOS40MzYxNSAxMy44OTI5WicgZmlsbD0nYmxhY2snLz48L3N2Zz4K);
    width: 1.5rem;
    height: 1.5rem;
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 1.5rem;
    transform: rotateY(180deg);
    display: inline-block;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.navbar {
    background: rgba(0,0,0,.74);
    -webkit-box-shadow: 0 6px 15px rgba(0,0,0,.199);
    box-shadow: 0 6px 15px rgba(0,0,0,.199);
    backdrop-filter: blur(10px) contrast(.6);
    -webkit-backdrop-filter: blur(10px);
    font-size: 1.125rem
}

.dropdown-toggle {
    outline: 0
}

.dropdown-menu-custom {
    background: rgba(32,32,32,.74);
    -webkit-box-shadow: 0 6px 15px rgba(0,0,0,.199);
    box-shadow: 0 6px 15px rgba(0,0,0,.199);
    backdrop-filter: blur(10px) contrast(.6);
    -webkit-backdrop-filter: blur(10px);
    color: #fff;
    border-radius: .7rem;
    border: none
}

.nav-link.icon-globe {
    outline: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.hamburger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background: #131313;
    -webkit-box-shadow: 0 2px 15px rgba(0,0,0,.1);
    box-shadow: 0 2px 15px rgba(0,0,0,.1);
    backdrop-filter: blur(10px) contrast(.6);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 10px;
    z-index: 1000;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: .5s;
    transition: .5s
}

.hamburger span {
    position: absolute;
    width: 30px;
    height: 4px;
    background-color: #f3f3f3;
    border-radius: 100px;
    -webkit-transition: .5s;
    transition: .5s
}

.hamburger.collapsed span:first-child {
    background-color: #f3f3f3;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    width: 30px
}

.hamburger span:first-child {
    background-color: #ff5959;
    width: 20px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.hamburger.collapsed span:nth-child(2) {
    background-color: #f3f3f3;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    width: 30px
}

.hamburger span:nth-child(2) {
    background-color: #ff5959;
    width: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hamburger.collapsed span:nth-child(3) {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.hamburger span:nth-child(3) {
    -webkit-transform: translateX(60px);
    transform: translateX(60px)
}

html[dir=rtl] .hamburger.collapsed span:nth-child(3) {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

html[dir=rtl] .hamburger span:nth-child(3) {
    -webkit-transform: translateX(-60px);
    transform: translateX(-60px)
}

.b-example-divider {
    height: 3rem;
    background-color: rgba(0,0,0,.1);
    border: solid rgba(0,0,0,.15);
    border-width: 1px 0;
    -webkit-box-shadow: inset 0 .5em 1.5em rgba(0,0,0,.1),inset 0 .125em .5em rgba(0,0,0,.15);
    box-shadow: inset 0 .5em 1.5em rgba(0,0,0,.1),inset 0 .125em .5em rgba(0,0,0,.15)
}

.bi {
    vertical-align: -.125em;
    fill: currentColor
}

.dropdown-menu {
    width: auto;
    margin: 4rem auto
}

.dropdown-menu-macos {
    padding: .5rem;
    border-radius: .5rem
}

.dropdown-menu-macos .dropdown-item {
    margin: .25rem 0;
    border-radius: .25rem
}

.dropdown-item-danger {
    color: var(--bs-red)
}

.dropdown-item-danger:focus,.dropdown-item-danger:hover {
    color: #fff;
    background-color: var(--bs-red)
}

.dropdown-item-danger.active {
    background-color: var(--bs-red)
}

.btn-hover-light {
    text-align: left;
    background-color: var(--bs-white);
    border-radius: .25rem
}

.btn-hover-light:focus,.btn-hover-light:hover {
    color: var(--bs-blue);
    background-color: var(--bs-light)
}

.cal-days,.cal-month,.cal-weekdays {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[7];
    grid-template-columns: repeat(7,1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cal-month-name {
    -ms-grid-column: 2;
    grid-column-start: 2;
    grid-column-end: 7;
    text-align: center
}

.cal-btn,.cal-weekday {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 3rem;
    padding: 0
}

.cal-btn:not([disabled]) {
    font-weight: 500
}

.cal-btn:focus,.cal-btn:hover {
    background-color: rgba(0,0,0,.05)
}

.cal-btn[disabled] {
    opacity: .5
}

.swiper {
    width: 90%;
    height: 30vh
}

.swiper-slide {
    width: 80%
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down
}

ul.swiper-wrapper {
    list-style-type: none;
    margin: .7rem 0 0;
    padding: 0
}

.swiper-container {
    overflow: hidden;
    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;
    margin: 1rem auto
}

.swiper-container img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 1.5rem
}

@media(max-width: 63.9375em) {
    .swiper-container img {
        border-radius:1rem
    }
}

@media(min-width: 64em) {
    .swiper-slide {
        width:50%
    }
}

.tippy-tooltip.light-theme {
    color: #26323d;
    -webkit-box-shadow: 0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);
    box-shadow: 0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);
    background-color: #fff
}

.tippy-backdrop {
    background-color: #fff
}

.tippy-roundarrow {
    fill: #fff
}

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme .tippy-arrow {
    border-top-color: #fff
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme .tippy-arrow {
    border-bottom-color: #fff
}

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme .tippy-arrow {
    border-left-color: #fff
}

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme .tippy-arrow {
    border-right-color: #fff
}

.tippy-tooltip.light-theme .tippy-roundarrow {
    fill: #fff
}

@media only screen and (min-width: 800px) {
    .swiper-container img {
        max-width:1000px;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 1.5rem;
        margin: auto
    }
}

.copyright {
    background: #0a0a0a;
    color: #f5f5f5;
    font-weight: 500;
    padding: .2rem 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.copyright-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 2rem
}

.copyright .link {
    color: $blue;
    text-shadow: 0 1px 8px rgba(0,132,255,.541)
}

.copyright .line {
    font-size: 2.5rem;
    font-weight: 200;
    margin-top: .5rem;
    opacity: .7
}

.copyright-row img {
    height: 2rem;
    filter: drop-shadow(0px 3px 8px rgba(112, 234, 42, .219))
}

.copyright-row.gap-lr {
    margin-left: .5rem;
    gap: .3rem
}

@media only screen and (max-width: 440px) {
    .copyright {
        display:flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .copyright .line {
        font-size: 2.5rem;
        font-weight: 200;
        margin: -1rem 0;
        opacity: .7;
        transform: rotateZ(76deg);
        transition: 1s
    }
}

.gallery {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(250px,1fr)) [auto-fill];
    grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
    grid-gap: 1em;
    grid-auto-flow: dense;
    margin: calc(var(--header-height) + 1rem) 0;
    padding: 1em
}

.gallery-image {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 1rem
}

.gallery-item {
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
    z-index: 1
}

html[dir=rtl] .chevron-right::before {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.news-bar {
    background: #e0e0e0;
    -webkit-box-shadow: 0 6px 15px rgba(0,0,0,.199);
    box-shadow: 0 6px 15px rgba(0,0,0,.199);
    color: #000;
    font-size: .875rem;
    font-weight: 400;
    position: relative;
    margin-top: 1rem;
    -webkit-animation: newsBar 3s ease-in-out;
    animation: newsBar 3s ease-in-out
}

.news-bar .icon-megaphone {
    position: absolute;
    left: 0;
    z-index: 10;
    -webkit-animation: newsBarIcon 2s ease-in-out;
    animation: newsBarIcon 2s ease-in-out;
    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;
    height: 100%;
    padding: 0 1rem;
    background: #0094ff;
    -webkit-box-shadow: 0 6px 15px rgba(0,0,0,.199);
    box-shadow: 0 6px 15px rgba(0,0,0,.199)
}

.news-bar ul {
    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: 0;
    margin: 0;
    list-style: none
}

.news-bar ul li {
    margin: 1rem
}

.news-bar ul li .link-icon {
    font-size: .875rem
}

.news-bar ul li .link-icon .chevron-right {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.news-bar ul li::before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48Y2lyY2xlIGN4PScxMicgY3k9JzEyJyByPScxMicgZmlsbD0nIzAwOTRGRicgZmlsbC1vcGFjaXR5PScwLjIxJy8+PGNpcmNsZSBjeD0nMTInIGN5PScxMicgcj0nOCcgZmlsbD0nIzAwOTRGRicgZmlsbC1vcGFjaXR5PScwLjc2Jy8+PC9zdmc+Cg==);
    width: 1.3rem;
    height: 1.3rem;
    background-size: 1.3rem 1.3rem;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 1.3rem;
    display: inline-block;
    position: relative;
    vertical-align: -.45em;
    margin-right: .5rem;
    -webkit-animation: blinkNews 2s infinite both;
    animation: blinkNews 2s infinite both
}

marquee {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
}

html[dir=rtl] .icon-megaphone {
    position: absolute;
    left: unset;
    right: 0!important;
    z-index: 10;
    -webkit-animation: newsBarIconRTL 2s ease-in-out;
    animation: newsBarIconRTL 2s ease-in-out;
    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;
    height: 100%;
    padding: 0 1rem;
    background: #0094ff;
    -webkit-box-shadow: 0 6px 15px rgba(0,0,0,.199);
    box-shadow: 0 6px 15px rgba(0,0,0,.199)
}

@-webkit-keyframes newsBar {
    0% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        background: #ffd000;
        color: #f8f8f8
    }

    35% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        background: #ffd000;
        color: #f8f8f8
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        background: #e0e0e0;
        color: #000
    }
}

@keyframes newsBar {
    0% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        background: #0094ff;
        color: #f8f8f8
    }

    35% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        background: #0094ff;
        color: #f8f8f8
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        background: #e0e0e0;
        color: #000
    }
}

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

    100% {
        -webkit-transform: translatex(0);
        transform: translatex(0)
    }
}

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

    100% {
        -webkit-transform: translatex(0);
        transform: translatex(0)
    }
}

@-webkit-keyframes newsBarIconRTL {
    0% {
        -webkit-transform: rotateY(180deg) translateX(-100px);
        transform: rotateY(180deg) translateX(-100px)
    }

    100% {
        -webkit-transform: rotateY(180deg) translatex(0);
        transform: rotateY(180deg) translatex(0)
    }
}

@keyframes newsBarIconRTL {
    0% {
        -webkit-transform: rotateY(180deg) translateX(-100px);
        transform: rotateY(180deg) translateX(-100px)
    }

    100% {
        -webkit-transform: rotateY(180deg) translatex(0);
        transform: rotateY(180deg) translatex(0)
    }
}

@-webkit-keyframes blinkNews {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes blinkNews {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.alert>.start-icon {
    margin-right: 0;
    min-width: 20px;
    text-align: center
}

.alert>.start-icon {
    margin-right: 5px
}

.close {
    position: absolute;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    top: 0;
    right: 0;
    padding: .8em;
    color: #000;
    background: 0 0;
    border: 0;
    border-radius: .25rem;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

.close:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
    opacity: 1
}

.close.disabled,.close:disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: .25
}

html[dir=rtl] .close {
    position: absolute;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    top: 0;
    right: unset!important;
    left: 0!important;
    padding: .8em;
    color: #000;
    background: 0 0;
    border: 0;
    border-radius: .25rem;
    opacity: .5
}

.greencross {
    font-size: 18px;
    color: #25ff0b;
    text-shadow: none
}

.alert-simple.alert-success {
    border: 1px solid rgba(36,241,6,.46);
    background-color: rgba(7,149,66,.12156862745098039);
    box-shadow: 0 0 2px #259c08;
    color: #0ad406;
    text-shadow: none;
    transition: .5s;
    cursor: pointer
}

.alert-success:hover {
    background-color: rgba(7,149,66,.15);
    transition: .5s
}

.alert-simple.alert-info {
    border: 1px solid rgba(6,44,241,.46);
    background-color: rgba(7,73,149,.12156862745098039);
    box-shadow: 0 0 2px #0396ff;
    color: #0396ff;
    text-shadow: none;
    transition: .5s;
    cursor: pointer
}

.alert-info:hover {
    background-color: rgba(7,73,149,.15);
    transition: .5s
}

.blue-cross {
    font-size: 18px;
    color: #0bd2ff;
    text-shadow: none
}

.alert-simple.alert-warning {
    border: 1px solid rgba(241,142,6,.81);
    background-color: rgba(220,128,1,.16);
    box-shadow: 0 0 2px #ffb103;
    color: #ffb103;
    text-shadow: none;
    transition: .5s;
    cursor: pointer
}

.alert-warning:hover {
    background-color: rgba(220,128,1,.33);
    transition: .5s
}

.warning {
    font-size: 18px;
    color: #ffb40b;
    text-shadow: none
}

.alert-simple.alert-danger {
    border: 1px solid rgba(241,6,6,.81);
    background-color: rgba(220,17,1,.16);
    box-shadow: 0 0 2px #ff0303;
    color: #ff0303;
    text-shadow: none;
    transition: .5s;
    cursor: pointer
}

.alert-danger:hover {
    background-color: rgba(220,17,1,.15);
    transition: .5s
}

.danger {
    font-size: 18px;
    color: #ff0303;
    text-shadow: none
}

.alert-simple.alert-primary {
    border: 1px solid rgba(6,241,226,.81);
    background-color: rgba(1,204,220,.16);
    box-shadow: 0 0 2px #03fff5;
    color: #03d0ff;
    text-shadow: none;
    transition: .5s;
    cursor: pointer
}

.alert-primary:hover {
    background-color: rgba(1,204,220,.15);
    transition: .5s
}

.alertprimary {
    font-size: 18px;
    color: #03d0ff;
    text-shadow: none
}

.square_box {
    position: absolute;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top-left-radius: 45px;
    opacity: .302
}

.square_box.box_three {
    background-image: -moz-linear-gradient(-90deg,#290a59 0,#3d57f4 100%);
    background-image: -webkit-linear-gradient(-90deg,#290a59 0,#3d57f4 100%);
    background-image: -ms-linear-gradient(-90deg,#290a59 0,#3d57f4 100%);
    opacity: .059;
    left: -80px;
    top: -60px;
    width: 500px;
    height: 500px;
    border-radius: 45px
}

.square_box.box_four {
    background-image: -moz-linear-gradient(-90deg,#290a59 0,#3d57f4 100%);
    background-image: -webkit-linear-gradient(-90deg,#290a59 0,#3d57f4 100%);
    background-image: -ms-linear-gradient(-90deg,#290a59 0,#3d57f4 100%);
    opacity: .059;
    left: 150px;
    top: -25px;
    width: 550px;
    height: 550px;
    border-radius: 45px
}

.alert:before {
    content: '';
    position: absolute;
    width: 0;
    height: calc(100% - 44px);
    border-left: 1px solid;
    border-right: 2px solid;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    height: 20px
}

.fa-times {
    -webkit-animation: blink-1 2s infinite both;
    animation: blink-1 2s infinite both
}

@-webkit-keyframes blink-1 {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes blink-1 {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

#MyCart {
    position: fixed;
    bottom: 145px;
    right: 20px;
    z-index: 99999
}

#MyCart span {
    color: #000;
    padding-top: 4px;
    text-align: center;
    background-color: #fff;
    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: .8rem
}

.shoppingBottun:after {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjgnIGhlaWdodD0nMjgnIHZpZXdCb3g9JzAgMCAyOCAyOCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTAuNzM5MyAxOC42NTUzSDIwLjk2OTdDMjEuMzgyOCAxOC42NTUzIDIxLjc2MDcgMTguMzMwMSAyMS43NjA3IDE3Ljg2NDNDMjEuNzYwNyAxNy40MDcyIDIxLjM4MjggMTcuMDgyIDIwLjk2OTcgMTcuMDgySDEwLjk0MTRDMTAuNTE5NSAxNy4wODIgMTAuMjU1OSAxNi43OTIgMTAuMTk0MyAxNi4zNDM4TDEwLjA2MjUgMTUuNDI5N0gyMS4wNEMyMi4zODQ4IDE1LjQyOTcgMjMuMDk2NyAxNC42MTIzIDIzLjI5IDEzLjI3NjRMMjMuOTQ5MiA4Ljg3MzA1QzIzLjk2NjggOC43NTg3OSAyMy45ODQ0IDguNjA5MzggMjMuOTg0NCA4LjUxMjdDMjMuOTg0NCA3Ljk5NDE0IDIzLjYyNCA3LjY0MjU4IDIzLjAxNzYgNy42NDI1OEg4LjkyODcxTDguNzk2ODggNi42OTMzNkM4LjY4MjYyIDUuOTI4NzEgOC4zNzUgNS41NDE5OSA3LjM5OTQxIDUuNTQxOTlINC4zODQ3N0MzLjk0NTMxIDUuNTQxOTkgMy41NTg1OSA1LjkyODcxIDMuNTU4NTkgNi4zNzY5NUMzLjU1ODU5IDYuODMzOTggMy45NDUzMSA3LjIyMDcgNC4zODQ3NyA3LjIyMDdINy4xMzU3NEw4LjQ5ODA1IDE2LjUxOTVDOC42OTE0MSAxNy44NDY3IDkuMzk0NTMgMTguNjU1MyAxMC43MzkzIDE4LjY1NTNaTTIyLjE1NjIgOS4yMTU4MkwyMS42MDI1IDEzLjExODJDMjEuNTMyMiAxMy41NjY0IDIxLjI5NDkgMTMuODQ3NyAyMC44NjQzIDEzLjg0NzdMOS44MzM5OCAxMy44NTY0TDkuMTU3MjMgOS4yMTU4MkgyMi4xNTYyWk0xMS40NiAyMy4wNjc0QzEyLjMxMjUgMjMuMDY3NCAxMi45OTggMjIuMzgxOCAxMi45OTggMjEuNTI5M0MxMi45OTggMjAuNjc2OCAxMi4zMTI1IDE5Ljk5MTIgMTEuNDYgMTkuOTkxMkMxMC42MDc0IDE5Ljk5MTIgOS45MjE4OCAyMC42NzY4IDkuOTIxODggMjEuNTI5M0M5LjkyMTg4IDIyLjM4MTggMTAuNjA3NCAyMy4wNjc0IDExLjQ2IDIzLjA2NzRaTTE5LjU4MTEgMjMuMDY3NEMyMC40MzM2IDIzLjA2NzQgMjEuMTEwNCAyMi4zODE4IDIxLjExMDQgMjEuNTI5M0MyMS4xMTA0IDIwLjY3NjggMjAuNDMzNiAxOS45OTEyIDE5LjU4MTEgMTkuOTkxMkMxOC43Mjg1IDE5Ljk5MTIgMTguMDM0MiAyMC42NzY4IDE4LjAzNDIgMjEuNTI5M0MxOC4wMzQyIDIyLjM4MTggMTguNzI4NSAyMy4wNjc0IDE5LjU4MTEgMjMuMDY3NFonIGZpbGw9JyNmN2Y3ZjUnLz48L3N2Zz4K);
    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: .5em
}

.resp-sharing-button {
    border-radius: 5px;
    transition: 25ms ease-out;
    padding: .5em .75em;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
    width: 1em;
    height: 1em;
    margin-right: .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: .5em
}

.resp-sharing-button {
    border-radius: 5px;
    transition: 25ms ease-out;
    padding: .5em .75em;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
    width: 1em;
    height: 1em;
    margin-right: .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,.3)
}

.carousel-item i {
    font-size: 1.6rem;
    color: rgba(255,255,255,.3)
}

.t-card {
    padding: 1.8125rem 1.125rem;
    background-color: #263a4e;
    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,.5)
}

.lh-lg {
    line-height: 2!important;
    color: #fefefe
}

#loginModel .modal-body {
    padding-bottom: 30px
}

#loginModel .modal-body .form-floating {
    margin-bottom: 15px
}

#loginModel .modal-body .form-floating label {
    color: #000
}

#loginModel .modal-body button.btn-lg {
    background: #462cb9;
    background-size: 100%;
    display: inline-block;
    width: 100%;
    font-size: 1.2rem;
    color: #fff;
    padding: 1rem;
    border-radius: 1rem;
    line-height: 1.17648;
    text-align: center;
    white-space: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    z-index: 10;
    border: none
}

#loginModel .modal-body button.btn-lg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #485296;
    -webkit-filter: blur(15px);
    filter: blur(15px);
    opacity: .5;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

#loginModel .modal-body button.btn-lg:hover {
    background: #3b4cbe;
    -webkit-transition: .5s;
    transition: .5s
}

#loginModel .modal-body .forgot-psw {
    color: #3f5efb;
    margin-top: 10px
}

#loginModel .modal-body a.btn-lg {
    background: 0 0;
    font-size: 1.1rem;
    width: 100%;
    text-align: center;
    border: 1.5px solid #3f5efb;
    display: inline-block;
    padding: .7rem 1rem;
    border-radius: 1rem;
    color: #3f5efb;
    margin-top: 1rem
}

#loginModel .modal-body a.btn-lg:hover {
    background: #3b4dbe3f
}

#loginModel .modal-body a.btn-success {
    background: #198754!important;
    font-size: 1.1rem;
    width: 100%;
    text-align: center;
    border: 1.5px solid #198754!important;
    display: inline-block;
    padding: .7rem 1rem;
    border-radius: 1rem;
    color: #ecedf2!important;
    margin-top: 1rem
}

#loginModel .modal-body a.btn-success:hover {
    background: #23a96b!important;
    border: 1.5px solid #06532f!important
}