@import '_content/BlazorColorPicker/BlazorColorPicker.bundle.scp.css';
@import '_content/Blazorise.RichTextEdit/Blazorise.RichTextEdit.bundle.scp.css';
@import '_content/GEmojiSharp.Blazor/GEmojiSharp.Blazor.bundle.scp.css';
@import '_content/WebAppComponents/WebAppComponents.bundle.scp.css';

/* _content/WebAppClient/Pages/Account/UserCredit.razor.rz.scp.css */

.feed-shared-header[b-n2jss4yv15] {
    padding-right: 10px;
    padding-left: 0;
    margin-right: 16px;
    margin-left: 16px;
    min-height: 42px;
    padding-top: 5px;
    color: #000;
    font-size: 12px;
    line-height: 1.33333;
    font-weight: 400;
    position: relative;
    border-bottom: 1px solid #ddd;
}

.internal-header-page .feed-shared-header-text-wrapper > a[b-n2jss4yv15] {
    color: #3b3b3b !important;
    font-weight: 500;
    margin: 0;
    line-height: 1.4;
    font-size: 1.4rem;
    padding: 7px 0px 13px 0px;
    font-family: var(--font-base);
}

.current-credit[b-n2jss4yv15] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

    .current-credit h5[b-n2jss4yv15] {
        font-size: 18px;
        font-weight: 800;
        color: #89879f;
    }

.credit-div[b-n2jss4yv15] {
    align-items: center;
    padding: 45px 0;
    border: 1px solid #d1d1d1;
    border-radius: 10px;
    padding: 12px;
}

    .credit-div > img[b-n2jss4yv15] {
        width: 80px;
        object-fit: contain;
        margin: 5px auto 20px auto;
        display: flex;
    }

    .credit-div .add-dep[b-n2jss4yv15] {
        margin: 0;
        flex-direction: column
    }

    .credit-div .dep-label[b-n2jss4yv15] {
        font-size: .8rem !important;
        width: 100%;
        line-height: normal;
        font-weight: 500;
    }

.credit-header[b-n2jss4yv15] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.credit-div .input-credit-mini .dicount-code-form[b-n2jss4yv15] {
    max-width: calc(100% - 25px);
    height: auto;
    padding: 7px;
    height: 40px;
    margin: 3px 6px 0 0;
    font-size: 14px;
    border-radius: 8px;
    font-weight: 500;
}

.btn-disabled[b-n2jss4yv15] {
}


.input-credit-mini[b-n2jss4yv15] {
    position: relative
}

    .input-credit-mini span[b-n2jss4yv15] {
        width: 100%;
        padding: 5px;
        text-align: right;
        font-size: 15px;
        font-weight: 500;
        color: #b3b3b3;
    }

.credit-div .input-credit-mini[b-n2jss4yv15] {
    margin: 0;
    width: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

@media screen and (max-width:992px) {
    .credit-div .add-dep[b-n2jss4yv15] {
        align-items: normal
    }

    .credit-div .form-group[b-n2jss4yv15] {
        padding: 0 !important
    }
}

@media screen and (max-width:768px) {
    .credit-div[b-n2jss4yv15] {
        flex-wrap: wrap;
        padding: 10px 0 40px 0
    }

        .credit-div > img[b-n2jss4yv15] {
            margin: 10px 0;
            width: 40px;
        }

    .charge-money .side-footer-logos[b-n2jss4yv15] {
        margin: 17px 0 -81px 0
    }
}

.user-credit-page[b-n2jss4yv15] {
    display: flex;
    align-items: flex-start
}
@media screen and (min-width: 600px) {
    .ct-item[b-n2jss4yv15] {
        padding: 9px 13px;
        border-right: 1px solid #f3f3f3;
    }
}
.internal-content-page.user-credit-page > .bg-white[b-n2jss4yv15] {
    width: 100%
}

.user-credit-box[b-n2jss4yv15] {
    border-radius: 10px;
    padding-left: 20px;
    width: fit-content;
    margin-top: 10px;
}

.button-row-footer[b-n2jss4yv15] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
}

    .button-row-footer > .btn[b-n2jss4yv15] {
        white-space: nowrap
    }
/* _content/WebAppClient/Pages/Curriculum/Product/Next2MeProductIndex.razor.rz.scp.css */
:root[b-zn5sk0a6se] {
    --color-root: #0c134e;
}

@font-face {
    font-family: Barlow;
    src: url("/Product/Edo/fonts/Barlow-Medium.woff");
}

@font-face {
    font-family: Proxima;
    font-weight: 200;
    src: url("/Product/Edo/fonts/MarkSimonsonProximaNovaCondensedThinTheFontsMaster.com.woff");
}

@font-face {
    font-family: Proxima;
    font-weight: 300;
    src: url("/Product/Edo/fonts/MarkSimonsonProximaNovaCondensedThinTheFontsMaster.com.woff");
}

@font-face {
    font-family: Proxima;
    font-weight: 500;
    src: url("/Product/Edo/fonts/MarkSimonsonProximaNovaCondensedRegularTheFontsMaster.com.woff");
}

@font-face {
    font-family: Proxima;
    font-weight: 600;
    src: url("/Product/Edo/fonts/MarkSimonsonProximaNovaCondensedSemiboldTheFontsMaster.com.woff");
}

@font-face {
    font-family: Proxima;
    font-weight: 800;
    src: url("/Product/Edo/fonts/MarkSimonsonProximaNovaExtraCondensedRegularTheFontsMaster.com.woff");
}

.slider-text-web h5[b-zn5sk0a6se] {
    margin-bottom: 20px;
    font-family: Barlow;
    font-weight: 700;
    font-size: 27px;
}

body[b-zn5sk0a6se] {
    padding: 0px;
    margin: 0px;
    font-family: Proxima;
}

.slider-content img[b-zn5sk0a6se] {
    width: 100%;
}

.header-web[b-zn5sk0a6se] {
    position: fixed;
    display: flex;
    justify-content: space-between;
    right: 0px;
    left: 0;
    top: 0px;
    background: rgb(255, 255, 255);
    padding: 5px 65px;
    z-index: 12;
    align-items: center;
}

.slider-content .swiper-button-prev[b-zn5sk0a6se], .slider-content .swiper-button-next[b-zn5sk0a6se] {
    color: #fff;
}

.logo-web[b-zn5sk0a6se] {
    width: 224px;
    object-fit: cover;
}

.menu-web[b-zn5sk0a6se] {
    width: 760px;
    height: 50px;
}

.menu-button[b-zn5sk0a6se] {
    color: var(--color-root);
    font-size: 20px;
    margin: 10px;
    display: inline-block;
    font-weight: 600;
    font-family: Barlow;
}

.soc-web[b-zn5sk0a6se] {
    width: 245px;
    background-color: rgb(12, 19, 78);
    box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 4px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    border-radius: 10px;
    height: 85px;
}

.slider-web[b-zn5sk0a6se] {
    position: relative;
    margin-top: 10px;
}

.slider-content[b-zn5sk0a6se] {
    height: 466px;
    margin-top: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgb(21, 30, 90);
    background-position: center center;
}

.slider-web-filter[b-zn5sk0a6se] {
    height: 100%;
    position: absolute;
    top: 0px;
    width: 100%;
    background: rgba(13, 20, 82, 0.32);
}

.slider[b-zn5sk0a6se], .slider-web[b-zn5sk0a6se] {
    display: inline-block;
    width: 100%;
}

.slider-text-web[b-zn5sk0a6se] {
    position: absolute;
    z-index: 99;
    color: rgb(255, 255, 255);
    inset: 300px 0px 0px;
    font-size: 30px;
    text-align: center;
    margin: auto auto 455px;
    width: fit-content;
    display: inline-block;
    font-family: Barlow;
}

.linkElement[b-zn5sk0a6se] {
    border: 2px solid rgb(255, 255, 255);
    padding: 10px 30px;
    border-radius: 22px;
    font-size: 19px;
    margin-top: 0px;
    display: inline-block;
    font-weight: 400;
}

.text-slider-footer[b-zn5sk0a6se] {
    width: fit-content;
    position: relative;
    grid-area: 1 / 1 / 2 / 2;
    place-self: start;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 25px;
    margin-left: 0;
    margin-top: 25px;
}

.slider-footer img[b-zn5sk0a6se] {
    position: relative
}

.slider-footer[b-zn5sk0a6se] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: rgb(25, 35, 94);
    padding: 0;
}

.logo-slider-footer[b-zn5sk0a6se] {
    left: 0;
    margin: 0;
    position: relative;
}

    .logo-slider-footer img[b-zn5sk0a6se] {
        filter: invert(98%) sepia(20%) saturate(4%) hue-rotate(279deg) brightness(113%) contrast(75%);
    }

.Layers-web[b-zn5sk0a6se] {
    width: 100%;
    max-width: 1180px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    padding: 5px 0px;
    margin-top: 35px;
}

.comp-btn[b-zn5sk0a6se] {
    border: 4px solid rgb(101, 63, 176);
    background-color: rgb(153, 102, 255);
    color: rgb(255, 255, 255);
    font-size: 17px;
    padding: 7px 10px;
    border-radius: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.item-layers[b-zn5sk0a6se] {
    width: calc(33% - 10px);
    background-color: rgb(219, 219, 219);
    border-radius: 15px;
    margin: 5px;
    padding: 25px;
}

    .item-layers.single-layers[b-zn5sk0a6se] {
        margin: 13px 15px 2px 3px;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        width: 100% !important;
    }

    .item-layers > div:last-child.single-layers-left[b-zn5sk0a6se] {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: baseline;
    }

.single-layers-left p[b-zn5sk0a6se] {
    margin: 0px;
}

.single-layers-left span[b-zn5sk0a6se] {
    font-family: Barlow;
    font-size: 16px;
}

.single-layers-left div[b-zn5sk0a6se] {
    display: flex;
    align-items: center;
    width: 97%;
}

.item-layers .single-layers-left select[b-zn5sk0a6se] {
    margin-right: 10px;
    padding: 8px;
}

.item-layers .single-layers-left span.price-layers[b-zn5sk0a6se] {
    font-size: 22px;
}

.item-layers .single-layers-left h4[b-zn5sk0a6se] {
    font-size: 19px;
}

.price-layers[b-zn5sk0a6se] {
}

.imgs-layers[b-zn5sk0a6se] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.item-layers select[b-zn5sk0a6se] {
    border: 1px solid rgb(221, 221, 221);
    width: 100%;
    border-radius: 6px;
    padding: 12px;
    font-size: 17px;
    margin: 10px 0px;
    color: rgba(106, 106, 106, 0.867);
    font-weight: 500;
    font-family: Barlow;
}

.item-layers > div:last-child[b-zn5sk0a6se] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    font-size: 22px;
}

.TabsList[b-zn5sk0a6se] {
}

.tab-header[b-zn5sk0a6se] {
    display: flex;
    justify-content: center;
}

.tab-item-web[b-zn5sk0a6se] {
    box-shadow: rgba(0, 0, 0, 0.2) 2.83px 2.83px 15px 3px;
    color: rgb(13, 20, 82);
    padding: 19px 7px;
    margin: 25px 5px 5px 5px;
    border-radius: 33px;
    font-weight: 600;
    cursor: pointer;
    width: 20%;
    text-align: center;
}

    .tab-item-web.active[b-zn5sk0a6se] {
        background-color: rgb(13, 20, 82);
        color: rgb(255, 255, 255);
    }

.tab-contents[b-zn5sk0a6se] {
    width: 1058px;
    transform: translateX(-6px);
    margin: 40px auto;
    background: rgb(221, 221, 221);
    padding: 45px;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.2) 2.83px 2.83px 15px 3px;
}

.tab-content-web h4[b-zn5sk0a6se] {
    color: rgb(13, 20, 82);
    font-size: 20px;
    width: 100%;
    line-height: 1.5;
    font-weight: 900;
    font-family: Barlow;
    display: flex;
    align-items: center;
}

.tab-content-web p[b-zn5sk0a6se] {
    color: rgb(25, 35, 94);
    line-height: 1.3;
    margin-bottom: 20px;
    font-size: 17px;
    text-align: justify
}

.tab-content-web[b-zn5sk0a6se] {
    display: none;
}

    .tab-content-web.active[b-zn5sk0a6se] {
        display: block;
    }

.meetup-web[b-zn5sk0a6se] {
    display: flex;
    justify-content: space-between;
    padding: 40px;
}

.meetup-text-web[b-zn5sk0a6se] {
    width: 340px;
    margin-right: 300px;
}

    .meetup-text-web h5[b-zn5sk0a6se] {
        font-size: 41px;
        margin: 0px;
        color: rgb(12, 19, 78);
        font-weight: 600;
    }

    .meetup-text-web button[b-zn5sk0a6se], .speaker-web button[b-zn5sk0a6se] {
        background: rgb(12, 19, 78);
        border: none;
        padding: 19px 23px;
        color: rgb(255, 255, 255);
        border-radius: 10px;
        font-size: 18px;
        font-weight: 700;
    }

    .meetup-text-web p[b-zn5sk0a6se] {
        color: rgb(105, 105, 105);
        font-size: 20px;
        margin-bottom: 40px;
    }

.text-slider-footer h3[b-zn5sk0a6se] {
    font-size: 40px;
    margin: 0px;
    font-family: Barlow;
    font-weight: 800;
}

.text-slider-footer h5[b-zn5sk0a6se] {
    font-size: 25px;
    margin: 0px;
    font-family: Barlow;
    font-weight: 400;
}

.detail-web[b-zn5sk0a6se] {
    width: 800px;
    margin: auto;
    text-align: center;
    padding: 40px;
}

    .detail-web p[b-zn5sk0a6se] {
        color: rgb(76, 83, 135);
        line-height: 1.5;
        font-size: 18px;
    }

.menu-center[b-zn5sk0a6se] {
    font-weight: 600;
}

.menu-text-big[b-zn5sk0a6se] {
    background-color: rgb(12, 19, 78);
    padding: 42px;
    border-bottom: 10px solid rgb(14, 148, 155);
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.left-just[b-zn5sk0a6se] {
    text-align: justify;
}

.white-img[b-zn5sk0a6se] {
    filter: invert(98%) sepia(20%) saturate(4%) hue-rotate(279deg) brightness(113%) contrast(75%);
}

.header-qkids-single img.gray[b-zn5sk0a6se] {
    width: 22px;
    filter: invert(50%) sepia(5%) saturate(33%) hue-rotate(100deg) brightness(94%) contrast(91%);
}

.header-qkids-single img[b-zn5sk0a6se] {
    width: 33px;
    margin: 5px;
}

.edo-img[b-zn5sk0a6se] {
    margin-right: 12px;
}

.detail-w-img[b-zn5sk0a6se] {
    width: 1125px;
    margin: auto;
    text-align: right;
}

    .detail-w-img img[b-zn5sk0a6se] {
        margin-top: 20px;
    }

.speaker-web svg[b-zn5sk0a6se] {
    width: 20px;
    fill: rgb(13, 20, 82);
    margin-right: 5px;
    stroke: rgb(153, 102, 255);
    stroke-width: 4px;
}

.speaker-web h3[b-zn5sk0a6se] {
    font-size: 42px;
    color: rgb(65, 65, 65);
    font-family: Barlow;
}

.speaker-web[b-zn5sk0a6se] {
    display: flex;
    justify-content: space-between;
    padding: 40px;
}

    .speaker-web ul[b-zn5sk0a6se] {
        list-style: none;
        padding: 0px;
        line-height: 2.5;
    }

    .speaker-web li[b-zn5sk0a6se] {
        font-size: 17px;
        color: rgb(126, 126, 126);
    }

.speaker-web-content[b-zn5sk0a6se] {
    width: 400px;
    margin-left: 135px;
}

.speaker-web button[b-zn5sk0a6se] {
    width: 100%;
    cursor: pointer;
}

.tab-contents img[b-zn5sk0a6se] {
    margin: -4px 8px;
    width: 24px;
}

.footer-web .soc-web[b-zn5sk0a6se] {
    background-color: transparent;
    margin: auto;
    box-shadow: none;
    width: 150px;
    height: auto;
}

.footer-web[b-zn5sk0a6se] {
    padding: 50px;
    background: rgb(55, 55, 55);
}

    .footer-web .soc-web.text-footer[b-zn5sk0a6se] {
        width: fit-content;
        color: rgb(169, 169, 169);
    }

.item-layers h4[b-zn5sk0a6se] {
    font-family: Barlow;
    font-size: 24px;
    white-space: nowrap;
    margin-bottom: 0px;
    font-weight: 700;
}

.mobile-text[b-zn5sk0a6se] {
    display: none
}

@media screen and (max-width: 1400px) {
    .menu-web[b-zn5sk0a6se] {
        width: fit-content;
    }

    .img-area-meetup img[b-zn5sk0a6se] {
        max-width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }

    .speaker-web img[b-zn5sk0a6se] {
        max-width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }

    .logo-slider-footer[b-zn5sk0a6se] {
        margin: 0px;
        left: -300px;
    }

    .meetup-web[b-zn5sk0a6se] {
        padding: 20px 80px;
    }

    .meetup-text-web[b-zn5sk0a6se] {
        width: 100%;
        margin-right: 0px;
        margin-left: 30px;
    }

    .detail-w-img[b-zn5sk0a6se] {
        text-align: center;
        width: 100%;
    }

        .detail-w-img img[b-zn5sk0a6se] {
            width: 400px;
            margin: auto;
        }

    .menu-center[b-zn5sk0a6se] {
        width: 840px;
        line-height: 2;
    }

    .speaker-web-content[b-zn5sk0a6se] {
        width: 100%;
        margin-left: 0px;
        margin-right: 30px;
    }
}

@media screen and (max-width: 992px) {
    .detail-web[b-zn5sk0a6se] {
        width: 100%;
        padding: 0px;
    }

    .detail-w-img[b-zn5sk0a6se] {
        width: 100%;
    }

    .Layers-web[b-zn5sk0a6se] {
        flex-wrap: wrap;
        width: 100%;
    }

    .item-layers[b-zn5sk0a6se] {
        width: calc(50% - 90px);
        margin: 20px;
    }

    .tab-contents[b-zn5sk0a6se] {
        margin: 20px;
        box-sizing: border-box;
    }

    .text-slider-footer[b-zn5sk0a6se] {
        width: 100%;
        margin: 0;
        padding: 0px 0px 20px;
    }

    .slider-footer[b-zn5sk0a6se] {
        flex-direction: column;
        padding: 0px;
    }

    .logo-slider-footer[b-zn5sk0a6se] {
        margin: auto;
        left: 0px;
        right: 0px;
    }

    .tab-lists[b-zn5sk0a6se], .tab-contents[b-zn5sk0a6se] {
        padding: 20px;
        width: auto;
    }

    .tab-lists[b-zn5sk0a6se] {
        padding: 5px;
    }

    .tab-item-web[b-zn5sk0a6se] {
        width: 20%;
        padding: 15px 5px;
        text-align: center;
        font-size: 12px;
        margin: 9px 3px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px
    }

    .tab-header[b-zn5sk0a6se] {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .header-web-logo[b-zn5sk0a6se] {
        margin-left: 45px
    }
}

@media screen and (max-width: 768px) {
    .mobile-text[b-zn5sk0a6se] {
        display: none !important
    }

    .header-qkids-single[b-zn5sk0a6se] {
        margin: 4px 0 8px 0 !important
    }

    .logo-slider-footer[b-zn5sk0a6se] {
        display: flex;
        align-items: center
    }

    .menu-text-big > div:first-child[b-zn5sk0a6se] {
        display: none
    }

    .logo-slider-footer img[b-zn5sk0a6se] {
        margin: 0;
        width: 50%;
    }

    .culture-dropdown #global-language > ul[b-zn5sk0a6se] {
        width: 100%;
    }

    .mobile-text[b-zn5sk0a6se] {
        margin: 0px;
        font-family: Barlow;
        font-weight: 800;
        display: block;
        color: #fff;
        font-size: 22px;
        padding: 15px 5px 15px 15px;
    }

    .menu-center[b-zn5sk0a6se] {
        width: 100%;
        font-size: 16px;
    }

    .text-slider-footer[b-zn5sk0a6se] {
        padding: 0px;
    }

    .meetup-text-web p[b-zn5sk0a6se] {
        font-size: 17px;
        margin-bottom: 0
    }

    .desktop-text[b-zn5sk0a6se] {
        display: none
    }

    .text-dec[b-zn5sk0a6se] {
        padding: 5px 45px;
    }

    .header-web .d-flex[b-zn5sk0a6se] {
        margin: 0 !important;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .speaker-web[b-zn5sk0a6se] {
        flex-direction: column;
    }

        .speaker-web button[b-zn5sk0a6se], .meetup-text-web button[b-zn5sk0a6se] {
            padding: 14px 23px;
            margin: 14px 0;
            font-size: 13px;
            font-weight: 600;
        }

        .speaker-web img[b-zn5sk0a6se], .img-area-meetup img[b-zn5sk0a6se] {
            max-width: 100% !important;
        }

    .meetup-text-web[b-zn5sk0a6se] {
        margin: 0;
        padding: 5px;
    }

        .meetup-text-web h5[b-zn5sk0a6se] {
            font-size: 26px;
            font-weight: 800;
            margin-top: 15px;
        }

    .meetup-web[b-zn5sk0a6se] {
        flex-direction: column
    }

    .tab-content-web h4[b-zn5sk0a6se] {
        width: 100%
    }

    .item-layers.single-layers[b-zn5sk0a6se] {
        margin: 13px 6px 2px 3px;
    }

    .tab-contents[b-zn5sk0a6se] {
        margin: 6px;
        transform: none;
    }

    .item-layers[b-zn5sk0a6se] {
        width: 100%;
        margin: 5px;
    }

    .slider-content[b-zn5sk0a6se] {
        height: 220px;
        margin-top: 0;
    }

    .Layers[b-zn5sk0a6se] {
        margin-top: -40px;
    }

    .slider-text-web[b-zn5sk0a6se] {
        margin: auto;
        top: 70px;
    }

        .slider-text-web h5[b-zn5sk0a6se] {
            text-shadow: 3px 0 5px black;
            margin: 10px
        }

    .header-web[b-zn5sk0a6se] {
        padding: 5px 10px;
    }

    .meetup-web[b-zn5sk0a6se] {
        padding: 20px 10px;
    }

    .detail-web[b-zn5sk0a6se] {
        padding: 10px 15px;
    }

    .speaker-web[b-zn5sk0a6se] {
        padding: 15px;
    }

        .speaker-web ul[b-zn5sk0a6se] {
            margin-top: 15px;
        }

        .speaker-web h3[b-zn5sk0a6se] {
            font-size: 24px;
        }

        .speaker-web svg[b-zn5sk0a6se] {
            width: 16px;
        }

        .speaker-web li[b-zn5sk0a6se] {
            font-size: 15px;
            line-height: 2;
        }

    .item-layers.single-layers[b-zn5sk0a6se] {
        justify-content: center;
        flex-wrap: wrap
    }

    .item-layers > div:last-child.single-layers-left[b-zn5sk0a6se] {
        width: 100%;
    }

    .item-layers .single-layers-left h4[b-zn5sk0a6se] {
        font-size: 19px;
        white-space: normal;
        margin-bottom: 10px;
    }

    .text-slider-footer h3[b-zn5sk0a6se] {
        font-size: 25px;
    }

    .text-slider-footer h5[b-zn5sk0a6se] {
        font-size: 15px;
    }

    .product-info-detail[b-zn5sk0a6se] {
        padding: 4px 15px 0 0px;
    }

    .imgs-layers[b-zn5sk0a6se] {
        flex-direction: column;
        align-items: center;
    }

    .product-size-control .edo-btn-list.form-group[b-zn5sk0a6se] {
        padding-right: 0
    }

    .product-info-detail h3[b-zn5sk0a6se] {
        margin: -5px 0px 4px;
        font-size: 19px;
    }

    .purchased-product-row .product-size-control .img-select-package[b-zn5sk0a6se] {
        width: 93% !important;
    }

    .edo-btn-list .btn[b-zn5sk0a6se] {
        margin: 9px !important;
        font-size: 12px !important;
    }
}

.slider-content .swiper-slide > img:last-child[b-zn5sk0a6se] {
    display: none
}

@media screen and (max-width: 992px) {
    .slider-content .swiper-button-prev[b-zn5sk0a6se]:after, .slider-content .swiper-button-next[b-zn5sk0a6se]:after {
        font-size: 25px;
    }

    .logo-slider-footer[b-zn5sk0a6se] {
        margin: 10px 0 0 0;
        justify-content: start !important;
    }

        .logo-slider-footer img[b-zn5sk0a6se] {
            margin: 0;
            width: 50%;
        }

    .logo-slider-footer[b-zn5sk0a6se] {
        justify-content: space-around
    }

    .slider-content .swiper-slide > img:first-child[b-zn5sk0a6se] {
        display: none
    }

    .slider-content .swiper-slide > img:last-child[b-zn5sk0a6se] {
        display: block
    }

    .slider-content .swiper-button-prev[b-zn5sk0a6se], .slider-content .swiper-button-next[b-zn5sk0a6se] {
        top: 45%;
    }

    .header-web[b-zn5sk0a6se] {
        padding: 10px;
        left: 0px;
        top: 70px;
        z-index: 99;
    }

    .detail-w-img[b-zn5sk0a6se] {
        padding: 0 20px;
    }

    .detail-web p[b-zn5sk0a6se] {
        font-size: 14px;
    }

    .slider-web[b-zn5sk0a6se] {
        z-index: 1;
    }

    .header-qkids-single[b-zn5sk0a6se] {
        font-size: 13px;
    }

    .slider-text-web h5[b-zn5sk0a6se] {
        font-size: 23px;
    }

    .logo-web[b-zn5sk0a6se] {
        width: 160px;
        margin: 0 10px;
    }

    .header-web-right[b-zn5sk0a6se] {
        margin-top: 0;
        margin-left: -11px;
        padding: 13px 36px;
        width: 340px;
    }

        .header-web-right > button:last-child[b-zn5sk0a6se] {
            width: 176px;
        }

    .edo-btn-list a[b-zn5sk0a6se] {
        margin-top: 20px !important;
    }

    .one-line-form input[b-zn5sk0a6se] {
        font-size: 13px;
    }

    .seo-score .octf-btn-icon[b-zn5sk0a6se] {
        padding: 14px 13px 14px 18px;
        margin: 5px;
        font-size: 13px;
    }

    .soc-web[b-zn5sk0a6se] {
        width: fit-content;
        box-shadow: none;
        height: 50px;
        padding: 0px 15px;
    }

    .meetup-web[b-zn5sk0a6se] {
        padding: 15px 10px;
    }
}

li[b-zn5sk0a6se] {
    font-family: Proxima;
}

p[b-zn5sk0a6se] {
    margin-block-start: 1em;
    font-family: Proxima;
}

h5[b-zn5sk0a6se] {
    margin-block: 1.67em;
}

.imgs-layers img[b-zn5sk0a6se] {
    max-width: 150px;
    height: 135px;
    object-fit: contain;
}

.global-main .left-rail.menu-left[b-zn5sk0a6se] {
    z-index: 9999 !important;
}

.global-main .right-rail[b-zn5sk0a6se] {
    z-index: 99;
}

@media screen and (min-width: 991px) {
    .tab-header[b-zn5sk0a6se] {
        width: 1030px;
        margin: auto;
    }

    .global-main .left-rail.menu-left.show + .core-rail .header-web[b-zn5sk0a6se] {
        left: 300px;
    }

    .core-rail[b-zn5sk0a6se] {
        flex: 0 0 calc(100vw - 110px) !important;
        width: calc(100vw - 239px) !important;
        margin-left: 100px !important;
        margin: 0;
    }

        .core-rail.right-menu-open[b-zn5sk0a6se] {
            margin-right: 99px;
            max-width: 100%;
            flex: 0 0 calc(100vw - 110px) !important;
        }

    .global-main .left-rail.menu-left.show + .core-rail[b-zn5sk0a6se] {
        margin-left: 300px !important;
        flex: 0 0 calc(100vw - 310px) !important;
        width: calc(100vw - 288px) !important;
    }

    .menu-left.show + .core-rail.right-menu-open[b-zn5sk0a6se] {
        margin-right: 99px;
        flex: 0 0 calc(100vw - 113px) !important;
        max-width: calc(100vw - 311px) !important;
        margin-left: 300px !important;
    }

    .header-web[b-zn5sk0a6se] {
        height: 100px;
    }
}

.img-area-meetup img[b-zn5sk0a6se], .speaker-web img[b-zn5sk0a6se] {
    max-width: 96%;
}

.page-header[b-zn5sk0a6se] {
    display: none;
}

.menu-text-big > div[b-zn5sk0a6se] {
    display: flex;
    margin-right: 60px;
    align-items: center;
}

.core-rail span[b-zn5sk0a6se], .core-rail p[b-zn5sk0a6se] {
    font-family: Barlow;
}

.ellipse[b-zn5sk0a6se] {
    display: none;
}


@media screen and (max-width: 992px) {
    .person-slider-item > div[b-zn5sk0a6se] {
        padding-bottom: 30px;
        padding-right: 10px;
    }

    .product-page .owl-nav[b-zn5sk0a6se] {
        left: -50px;
        right: -50px;
    }

    #header[b-zn5sk0a6se] {
        background-color: rgb(255, 255, 255) !important;
    }

    .scroll-down .header-web[b-zn5sk0a6se] {
        top: 0px;
        transition: top 0.3s ease 0s;
    }

    .core-rail[b-zn5sk0a6se] {
        box-sizing: border-box;
        float: unset;
        margin: -45px auto 24px !important;
        width: 100% !important;
    }

    .menu-button[b-zn5sk0a6se] {
        font-size: 16px;
    }

    .label-dropdown[b-zn5sk0a6se] {
        color: #393939;
        margin-top: 15px;
        display: inline-block;
        font-weight: 600;
    }
}

@media screen and (max-width:320px) {
    .menu-text-big[b-zn5sk0a6se] {
        padding: 20px;
    }
}
/* _content/WebAppClient/Pages/Product/ExternalProducts/EDO/EdoIndex.razor.rz.scp.css */
:root[b-7o5q1oips7] {
    --color-root: #0c134e;
}

@font-face {
    font-family: Barlow;
    src: url("/Product/Edo/fonts/Barlow-Medium.woff");
}

@font-face {
    font-family: Proxima;
    font-weight: 200;
    src: url("/Product/Edo/fonts/MarkSimonsonProximaNovaCondensedThinTheFontsMaster.com.woff");
}

@font-face {
    font-family: Proxima;
    font-weight: 300;
    src: url("/Product/Edo/fonts/MarkSimonsonProximaNovaCondensedThinTheFontsMaster.com.woff");
}

@font-face {
    font-family: Proxima;
    font-weight: 500;
    src: url("/Product/Edo/fonts/MarkSimonsonProximaNovaCondensedRegularTheFontsMaster.com.woff");
}

@font-face {
    font-family: Proxima;
    font-weight: 600;
    src: url("/Product/Edo/fonts/MarkSimonsonProximaNovaCondensedSemiboldTheFontsMaster.com.woff");
}

@font-face {
    font-family: Proxima;
    font-weight: 800;
    src: url("/Product/Edo/fonts/MarkSimonsonProximaNovaExtraCondensedRegularTheFontsMaster.com.woff");
}

.slider-text-web h5[b-7o5q1oips7] {
    margin-bottom: 20px;
    font-family: Barlow;
    font-weight: 700;
    font-size: 27px;
}

body[b-7o5q1oips7] {
    padding: 0px;
    margin: 0px;
    font-family: Proxima;
}

.slider-content img[b-7o5q1oips7] {
    width: 100%;
}

.header-web[b-7o5q1oips7] {
    position: fixed;
    display: flex;
    justify-content: space-between;
    right: 0px;
    left: 0;
    top: 0px;
    background: rgb(255, 255, 255);
    padding: 5px 65px;
    z-index: 12;
    align-items: center;
}

.slider-content .swiper-button-prev[b-7o5q1oips7], .slider-content .swiper-button-next[b-7o5q1oips7] {
    color: #fff;
}

.logo-web[b-7o5q1oips7] {
    width: 224px;
    object-fit: cover;
}

.menu-web[b-7o5q1oips7] {
    width: 760px;
    height: 50px;
}

.menu-button[b-7o5q1oips7] {
    color: var(--color-root);
    font-size: 20px;
    margin: 10px;
    display: inline-block;
    font-weight: 600;
    font-family: Barlow;
}

.soc-web[b-7o5q1oips7] {
    width: 245px;
    background-color: rgb(12, 19, 78);
    box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 4px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    border-radius: 10px;
    height: 85px;
}

.slider-web[b-7o5q1oips7] {
    position: relative;
    margin-top: 10px;
}

.slider-content[b-7o5q1oips7] {
    height: 466px;
    margin-top: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgb(21, 30, 90);
    background-position: center center;
}

.slider-web-filter[b-7o5q1oips7] {
    height: 100%;
    position: absolute;
    top: 0px;
    width: 100%;
    background: rgba(13, 20, 82, 0.32);
}

.slider[b-7o5q1oips7], .slider-web[b-7o5q1oips7] {
    display: inline-block;
    width: 100%;
}

.slider-text-web[b-7o5q1oips7] {
    position: absolute;
    z-index: 99;
    color: rgb(255, 255, 255);
    inset: 300px 0px 0px;
    font-size: 30px;
    text-align: center;
    margin: auto auto 455px;
    width: fit-content;
    display: inline-block;
    font-family: Barlow;
}

.linkElement[b-7o5q1oips7] {
    border: 2px solid rgb(255, 255, 255);
    padding: 10px 30px;
    border-radius: 22px;
    font-size: 19px;
    margin-top: 0px;
    display: inline-block;
    font-weight: 400;
}

.text-slider-footer[b-7o5q1oips7] {
    width: fit-content;
    position: relative;
    grid-area: 1 / 1 / 2 / 2;
    place-self: start;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 25px;
    margin-left: 0;
    margin-top: 25px;
}

.slider-footer img[b-7o5q1oips7] {
    position: relative
}

.slider-footer[b-7o5q1oips7] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: rgb(25, 35, 94);
    padding: 0;
}

.logo-slider-footer[b-7o5q1oips7] {
    left: 0;
    margin: 0;
    position: relative;
}

    .logo-slider-footer img[b-7o5q1oips7] {
        filter: invert(98%) sepia(20%) saturate(4%) hue-rotate(279deg) brightness(113%) contrast(75%);
    }

.Layers-web[b-7o5q1oips7] {
    width: 100%;
    max-width: 1180px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    padding: 5px 0px;
    margin-top: 35px;
}

.comp-btn[b-7o5q1oips7] {
    border: 4px solid rgb(101, 63, 176);
    background-color: rgb(153, 102, 255);
    color: rgb(255, 255, 255);
    font-size: 17px;
    padding: 7px 10px;
    border-radius: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.item-layers[b-7o5q1oips7] {
    width: calc(33% - 10px);
    background-color: rgb(219, 219, 219);
    border-radius: 15px;
    margin: 5px;
    padding: 25px;
}


    .item-layers.single-layers[b-7o5q1oips7] {
        margin: 13px 15px 2px 3px;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        width: 100% !important;
    }

    .item-layers > div:last-child.single-layers-left[b-7o5q1oips7] {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: baseline;
    }

.single-layers-left p[b-7o5q1oips7] {
    margin: 0px;
}

.single-layers-left span[b-7o5q1oips7] {
    font-family: Barlow;
    font-size: 16px;
}

.single-layers-left div[b-7o5q1oips7] {
    display: flex;
    align-items: center;
    width: 97%;
}

.item-layers .single-layers-left select[b-7o5q1oips7] {
    margin-right: 10px;
    padding: 8px;
}

.item-layers .single-layers-left span.price-layers[b-7o5q1oips7] {
    font-size: 22px;
}

.item-layers .single-layers-left h4[b-7o5q1oips7] {
    font-size: 19px;
}

.price-layers[b-7o5q1oips7] {
}

.imgs-layers[b-7o5q1oips7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.item-layers select[b-7o5q1oips7] {
    border: 1px solid rgb(221, 221, 221);
    width: 100%;
    border-radius: 6px;
    padding: 12px;
    font-size: 17px;
    margin: 10px 0px;
    color: rgba(106, 106, 106, 0.867);
    font-weight: 500;
    font-family: Barlow;
}

.item-layers > div:last-child[b-7o5q1oips7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    font-size: 22px;
}

.TabsList[b-7o5q1oips7] {
}

.tab-header[b-7o5q1oips7] {
    display: flex;
    justify-content: center;
}

.tab-item-web[b-7o5q1oips7] {
    box-shadow: rgba(0, 0, 0, 0.2) 2.83px 2.83px 15px 3px;
    color: rgb(13, 20, 82);
    padding: 19px 7px;
    margin: 25px 5px 5px 5px;
    border-radius: 33px;
    font-weight: 600;
    cursor: pointer;
    width: 20%;
    text-align: center;
}

    .tab-item-web.active[b-7o5q1oips7] {
        background-color: rgb(13, 20, 82);
        color: rgb(255, 255, 255);
    }

.tab-contents[b-7o5q1oips7] {
    width: 1058px;
    transform: translateX(-6px);
    margin: 40px auto;
    background: rgb(221, 221, 221);
    padding: 45px;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.2) 2.83px 2.83px 15px 3px;
}

.tab-content-web h4[b-7o5q1oips7] {
    color: rgb(13, 20, 82);
    font-size: 20px;
    width: 100%;
    line-height: 1.5;
    font-weight: 900;
    font-family: Barlow;
    display: flex;
    align-items: center;
}

.tab-content-web p[b-7o5q1oips7] {
    color: rgb(25, 35, 94);
    line-height: 1.3;
    margin-bottom: 20px;
    font-size: 17px;
    text-align: justify
}

.tab-content-web[b-7o5q1oips7] {
    display: none;
}

    .tab-content-web.active[b-7o5q1oips7] {
        display: block;
    }

.meetup-web[b-7o5q1oips7] {
    display: flex;
    justify-content: space-between;
    padding: 40px;
}

.meetup-text-web[b-7o5q1oips7] {
    width: 340px;
    margin-right: 300px;
}

    .meetup-text-web h5[b-7o5q1oips7] {
        font-size: 41px;
        margin: 0px;
        color: rgb(12, 19, 78);
        font-weight: 600;
    }

    .meetup-text-web button[b-7o5q1oips7], .speaker-web button[b-7o5q1oips7] {
        background: rgb(12, 19, 78);
        border: none;
        padding: 19px 23px;
        color: rgb(255, 255, 255);
        border-radius: 10px;
        font-size: 18px;
        font-weight: 700;
    }

    .meetup-text-web p[b-7o5q1oips7] {
        color: rgb(105, 105, 105);
        font-size: 20px;
        margin-bottom: 40px;
    }

.text-slider-footer h3[b-7o5q1oips7] {
    font-size: 40px;
    margin: 0px;
    font-family: Barlow;
    font-weight: 800;
}

.text-slider-footer h5[b-7o5q1oips7] {
    font-size: 25px;
    margin: 0px;
    font-family: Barlow;
    font-weight: 400;
}

.detail-web[b-7o5q1oips7] {
    width: 800px;
    margin: auto;
    text-align: center;
    padding: 40px;
}

    .detail-web p[b-7o5q1oips7] {
        color: rgb(76, 83, 135);
        line-height: 1.5;
        font-size: 18px;
    }

.menu-center[b-7o5q1oips7] {
    font-weight: 600;
}

.menu-text-big[b-7o5q1oips7] {
    background-color: rgb(12, 19, 78);
    padding: 42px;
    border-bottom: 10px solid rgb(14, 148, 155);
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.left-just[b-7o5q1oips7] {
    text-align: justify;
}

.white-img[b-7o5q1oips7] {
    filter: invert(98%) sepia(20%) saturate(4%) hue-rotate(279deg) brightness(113%) contrast(75%);
}

.header-qkids-single img.gray[b-7o5q1oips7] {
    width: 22px;
    filter: invert(50%) sepia(5%) saturate(33%) hue-rotate(100deg) brightness(94%) contrast(91%);
}

.header-qkids-single img[b-7o5q1oips7] {
    width: 33px;
    margin: 5px;
}

.edo-img[b-7o5q1oips7] {
    margin-right: 12px;
}

.detail-w-img[b-7o5q1oips7] {
    width: 1125px;
    margin: auto;
    text-align: right;
}

    .detail-w-img img[b-7o5q1oips7] {
        margin-top: 20px;
    }

.speaker-web svg[b-7o5q1oips7] {
    width: 20px;
    fill: rgb(13, 20, 82);
    margin-right: 5px;
    stroke: rgb(153, 102, 255);
    stroke-width: 4px;
}

.speaker-web h3[b-7o5q1oips7] {
    font-size: 42px;
    color: rgb(65, 65, 65);
    font-family: Barlow;
}

.speaker-web[b-7o5q1oips7] {
    display: flex;
    justify-content: space-between;
    padding: 40px;
}

    .speaker-web ul[b-7o5q1oips7] {
        list-style: none;
        padding: 0px;
        line-height: 2.5;
    }

    .speaker-web li[b-7o5q1oips7] {
        font-size: 17px;
        color: rgb(126, 126, 126);
    }

.speaker-web-content[b-7o5q1oips7] {
    width: 400px;
    margin-left: 135px;
}

.speaker-web button[b-7o5q1oips7] {
    width: 100%;
    cursor: pointer;
}

.tab-contents img[b-7o5q1oips7] {
    margin: -4px 8px;
    width: 24px;
}

.footer-web .soc-web[b-7o5q1oips7] {
    background-color: transparent;
    margin: auto;
    box-shadow: none;
    width: 150px;
    height: auto;
}

.footer-web[b-7o5q1oips7] {
    padding: 50px;
    background: rgb(55, 55, 55);
}

    .footer-web .soc-web.text-footer[b-7o5q1oips7] {
        width: fit-content;
        color: rgb(169, 169, 169);
    }

.item-layers h4[b-7o5q1oips7] {
    font-family: Barlow;
    font-size: 24px;
    white-space: nowrap;
    margin-bottom: 0px;
    font-weight: 700;
}

.mobile-text[b-7o5q1oips7] {
    display: none
}

@media screen and (max-width: 1400px) {
    .menu-web[b-7o5q1oips7] {
        width: fit-content;
    }

    .img-area-meetup img[b-7o5q1oips7] {
        max-width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }

    .speaker-web img[b-7o5q1oips7] {
        max-width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }

    .logo-slider-footer[b-7o5q1oips7] {
        margin: 0px;
        left: -300px;
    }

    .meetup-web[b-7o5q1oips7] {
        padding: 20px 80px;
    }

    .meetup-text-web[b-7o5q1oips7] {
        width: 100%;
        margin-right: 0px;
        margin-left: 30px;
    }

    .detail-w-img[b-7o5q1oips7] {
        text-align: center;
        width: 100%;
    }

        .detail-w-img img[b-7o5q1oips7] {
            width: 400px;
            margin: auto;
        }

    .menu-center[b-7o5q1oips7] {
        width: 840px;
        line-height: 2;
    }

    .speaker-web-content[b-7o5q1oips7] {
        width: 100%;
        margin-left: 0px;
        margin-right: 30px;
    }
}

@media screen and (max-width: 992px) {
    .detail-web[b-7o5q1oips7] {
        width: 100%;
        padding: 0px;
    }

    .detail-w-img[b-7o5q1oips7] {
        width: 100%;
    }

    .Layers-web[b-7o5q1oips7] {
        flex-wrap: wrap;
        width: 100%;
    }

    .item-layers[b-7o5q1oips7] {
        width: calc(50% - 90px);
        margin: 20px;
    }

    .tab-contents[b-7o5q1oips7] {
        margin: 20px;
        box-sizing: border-box;
    }

    .text-slider-footer[b-7o5q1oips7] {
        width: 100%;
        margin: 0;
        padding: 0px 0px 20px;
    }

    .slider-footer[b-7o5q1oips7] {
        flex-direction: column;
        padding: 0px;
    }

    .logo-slider-footer[b-7o5q1oips7] {
        margin: auto;
        left: 0px;
        right: 0px;
    }

    .tab-lists[b-7o5q1oips7], .tab-contents[b-7o5q1oips7] {
        padding: 20px;
        width: auto;
    }

    .tab-lists[b-7o5q1oips7] {
        padding: 5px;
    }

    .tab-item-web[b-7o5q1oips7] {
        width: 20%;
        padding: 15px 5px;
        text-align: center;
        font-size: 12px;
        margin: 9px 3px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px
    }

    .tab-header[b-7o5q1oips7] {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .header-web-logo[b-7o5q1oips7] {
        margin-left: 45px
    }
}

@media screen and (max-width: 768px) {
    .mobile-text[b-7o5q1oips7] {
        display: none !important
    }

    .header-qkids-single[b-7o5q1oips7] {
        margin: 4px 0 8px 0 !important
    }

    .logo-slider-footer[b-7o5q1oips7] {
        display: flex;
        align-items: center
    }

    .menu-text-big > div:first-child[b-7o5q1oips7] {
        display: none
    }

    .logo-slider-footer img[b-7o5q1oips7] {
        margin: 0;
        width: 50%;
    }

    .culture-dropdown #global-language > ul[b-7o5q1oips7] {
        width: 100%;
    }

    .mobile-text[b-7o5q1oips7] {
        margin: 0px;
        font-family: Barlow;
        font-weight: 800;
        display: block;
        color: #fff;
        font-size: 22px;
        padding: 15px 5px 15px 15px;
    }

    .menu-center[b-7o5q1oips7] {
        width: 100%;
        font-size: 16px;
    }

    .text-slider-footer[b-7o5q1oips7] {
        padding: 0px;
    }

    .meetup-text-web p[b-7o5q1oips7] {
        font-size: 17px;
        margin-bottom: 0
    }

    .desktop-text[b-7o5q1oips7] {
        display: none
    }

    .text-dec[b-7o5q1oips7] {
        padding: 5px 45px;
    }

    .header-web .d-flex[b-7o5q1oips7] {
        margin: 0 !important;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .speaker-web[b-7o5q1oips7] {
        flex-direction: column;
    }

        .speaker-web button[b-7o5q1oips7], .meetup-text-web button[b-7o5q1oips7] {
            padding: 14px 23px;
            margin: 14px 0;
            font-size: 13px;
            font-weight: 600;
        }

        .speaker-web img[b-7o5q1oips7], .img-area-meetup img[b-7o5q1oips7] {
            max-width: 100% !important;
        }

    .meetup-text-web[b-7o5q1oips7] {
        margin: 0;
        padding: 5px;
    }

        .meetup-text-web h5[b-7o5q1oips7] {
            font-size: 26px;
            font-weight: 800;
            margin-top: 15px;
        }

    .meetup-web[b-7o5q1oips7] {
        flex-direction: column
    }

    .tab-content-web h4[b-7o5q1oips7] {
        width: 100%
    }

    .item-layers.single-layers[b-7o5q1oips7] {
        margin: 13px 6px 2px 3px;
    }

    .tab-contents[b-7o5q1oips7] {
        margin: 6px;
        transform: none;
    }

    .item-layers[b-7o5q1oips7] {
        width: 100%;
        margin: 5px;
    }

    .slider-content[b-7o5q1oips7] {
        height: 220px;
        margin-top: 0;
    }

    .Layers[b-7o5q1oips7] {
        margin-top: -40px;
    }

    .slider-text-web[b-7o5q1oips7] {
        margin: auto;
        top: 70px;
    }

        .slider-text-web h5[b-7o5q1oips7] {
            text-shadow: 3px 0 5px black;
            margin: 10px
        }

    .header-web[b-7o5q1oips7] {
        padding: 5px 10px;
    }

    .meetup-web[b-7o5q1oips7] {
        padding: 20px 10px;
    }

    .detail-web[b-7o5q1oips7] {
        padding: 10px 15px;
    }

    .speaker-web[b-7o5q1oips7] {
        padding: 15px;
    }

        .speaker-web ul[b-7o5q1oips7] {
            margin-top: 15px;
        }

        .speaker-web h3[b-7o5q1oips7] {
            font-size: 24px;
        }

        .speaker-web svg[b-7o5q1oips7] {
            width: 16px;
        }

        .speaker-web li[b-7o5q1oips7] {
            font-size: 15px;
            line-height: 2;
        }

    .item-layers.single-layers[b-7o5q1oips7] {
        justify-content: center;
        flex-wrap: wrap
    }

    .item-layers > div:last-child.single-layers-left[b-7o5q1oips7] {
        width: 100%;
    }

    .item-layers .single-layers-left h4[b-7o5q1oips7] {
        font-size: 19px;
        white-space: normal;
        margin-bottom: 10px;
    }

    .text-slider-footer h3[b-7o5q1oips7] {
        font-size: 25px;
    }

    .text-slider-footer h5[b-7o5q1oips7] {
        font-size: 15px;
    }

    .product-info-detail[b-7o5q1oips7] {
        padding: 4px 15px 0 0px;
    }

    .imgs-layers[b-7o5q1oips7] {
        flex-direction: column;
        align-items: center;
    }

    .product-size-control .edo-btn-list.form-group[b-7o5q1oips7] {
        padding-right: 0
    }

    .product-info-detail h3[b-7o5q1oips7] {
        margin: -5px 0px 4px;
        font-size: 19px;
    }

    .purchased-product-row .product-size-control .img-select-package[b-7o5q1oips7] {
        width: 93% !important;
    }

    .edo-btn-list .btn[b-7o5q1oips7] {
        margin: 9px !important;
        font-size: 12px !important;
    }
}

.slider-content .swiper-slide > img:last-child[b-7o5q1oips7] {
    display: none
}

@media screen and (max-width: 992px) {
    .slider-content .swiper-button-prev[b-7o5q1oips7]:after, .slider-content .swiper-button-next[b-7o5q1oips7]:after {
        font-size: 25px;
    }

    .logo-slider-footer[b-7o5q1oips7] {
        margin: 10px 0 0 0;
        justify-content: start !important;
    }

        .logo-slider-footer img[b-7o5q1oips7] {
            margin: 0;
            width: 50%;
        }

    .logo-slider-footer[b-7o5q1oips7] {
        justify-content: space-around
    }

    .slider-content .swiper-slide > img:first-child[b-7o5q1oips7] {
        display: none
    }

    .slider-content .swiper-slide > img:last-child[b-7o5q1oips7] {
        display: block
    }

    .slider-content .swiper-button-prev[b-7o5q1oips7], .slider-content .swiper-button-next[b-7o5q1oips7] {
        top: 45%;
    }

    .header-web[b-7o5q1oips7] {
        padding: 10px;
        left: 0px;
        top: 70px;
        z-index: 99;
    }

    .detail-w-img[b-7o5q1oips7] {
        padding: 0 20px;
    }

    .detail-web p[b-7o5q1oips7] {
        font-size: 14px;
    }

    .slider-web[b-7o5q1oips7] {
        z-index: 1;
    }

    .header-qkids-single[b-7o5q1oips7] {
        font-size: 13px;
    }

    .slider-text-web h5[b-7o5q1oips7] {
        font-size: 23px;
    }

    .logo-web[b-7o5q1oips7] {
        width: 160px;
        margin: 0 10px;
    }

    .header-web-right[b-7o5q1oips7] {
        margin-top: 0;
        margin-left: -11px;
        padding: 13px 36px;
        width: 340px;
    }

        .header-web-right > button:last-child[b-7o5q1oips7] {
            width: 176px;
        }

    .edo-btn-list a[b-7o5q1oips7] {
        margin-top: 20px !important;
    }

    .one-line-form input[b-7o5q1oips7] {
        font-size: 13px;
    }

    .seo-score .octf-btn-icon[b-7o5q1oips7] {
        padding: 14px 13px 14px 18px;
        margin: 5px;
        font-size: 13px;
    }

    .soc-web[b-7o5q1oips7] {
        width: fit-content;
        box-shadow: none;
        height: 50px;
        padding: 0px 15px;
    }

    .meetup-web[b-7o5q1oips7] {
        padding: 15px 10px;
    }
}

li[b-7o5q1oips7] {
    font-family: Proxima;
}

p[b-7o5q1oips7] {
    margin-block-start: 1em;
    font-family: Proxima;
}

h5[b-7o5q1oips7] {
    margin-block: 1.67em;
}

.imgs-layers img[b-7o5q1oips7] {
    max-width: 150px;
    height: 135px;
    object-fit: contain;
}

.global-main .left-rail.menu-left[b-7o5q1oips7] {
    z-index: 9999 !important;
}

.global-main .right-rail[b-7o5q1oips7] {
    z-index: 99;
}

@media screen and (min-width: 991px) {
    .tab-header[b-7o5q1oips7] {
        width: 1030px;
        margin: auto;
    }

    .global-main .left-rail.menu-left.show + .core-rail .header-web[b-7o5q1oips7] {
        left: 300px;
    }

    .core-rail[b-7o5q1oips7] {
        flex: 0 0 calc(100vw - 110px) !important;
        width: calc(100vw - 239px) !important;
        margin-left: 100px !important;
        margin: 0;
    }

        .core-rail.right-menu-open[b-7o5q1oips7] {
            margin-right: 99px;
            max-width: 100%;
            flex: 0 0 calc(100vw - 110px) !important;
        }

    .global-main .left-rail.menu-left.show + .core-rail[b-7o5q1oips7] {
        margin-left: 300px !important;
        flex: 0 0 calc(100vw - 310px) !important;
        width: calc(100vw - 288px) !important;
    }

    .menu-left.show + .core-rail.right-menu-open[b-7o5q1oips7] {
        margin-right: 99px;
        flex: 0 0 calc(100vw - 113px) !important;
        max-width: calc(100vw - 311px) !important;
        margin-left: 300px !important;
    }

    .header-web[b-7o5q1oips7] {
        height: 100px;
    }
}

.img-area-meetup img[b-7o5q1oips7], .speaker-web img[b-7o5q1oips7] {
    max-width: 96%;
}

.page-header[b-7o5q1oips7] {
    display: none;
}

.menu-text-big > div[b-7o5q1oips7] {
    display: flex;
    margin-right: 60px;
    align-items: center;
}

.core-rail span[b-7o5q1oips7], .core-rail p[b-7o5q1oips7] {
    font-family: Barlow;
}

.ellipse[b-7o5q1oips7] {
    display: none;
}


@media screen and (max-width: 992px) {
    .person-slider-item > div[b-7o5q1oips7] {
        padding-bottom: 30px;
        padding-right: 10px;
    }

    .product-page .owl-nav[b-7o5q1oips7] {
        left: -50px;
        right: -50px;
    }

    #header[b-7o5q1oips7] {
        background-color: rgb(255, 255, 255) !important;
    }

    .scroll-down .header-web[b-7o5q1oips7] {
        top: 0px;
        transition: top 0.3s ease 0s;
    }

    .core-rail[b-7o5q1oips7] {
        box-sizing: border-box;
        float: unset;
        margin: -45px auto 24px !important;
        width: 100% !important;
    }

    .menu-button[b-7o5q1oips7] {
        font-size: 16px;
    }

    .label-dropdown[b-7o5q1oips7] {
        color: #393939;
        margin-top: 15px;
        display: inline-block;
        font-weight: 600;
    }
}

@media screen and (max-width:320px) {
    .menu-text-big[b-7o5q1oips7] {
        padding: 20px;
    }
}
/* _content/WebAppClient/Pages/Product/ExternalProducts/Iuec/IulcIndex.razor.rz.scp.css */
:root[b-5aydig0t0s] {
    --color-root: #0c134e;
}

@font-face {
    font-family: Barlow;
    src: url("/Product/Edo/fonts/Barlow-Medium.woff");
}

@font-face {
    font-family: Proxima;
    font-weight: 200;
    src: url("/Product/Edo/fonts/MarkSimonsonProximaNovaCondensedThinTheFontsMaster.com.woff");
}

@font-face {
    font-family: Proxima;
    font-weight: 300;
    src: url("/Product/Edo/fonts/MarkSimonsonProximaNovaCondensedThinTheFontsMaster.com.woff");
}

@font-face {
    font-family: Proxima;
    font-weight: 500;
    src: url("/Product/Edo/fonts/MarkSimonsonProximaNovaCondensedRegularTheFontsMaster.com.woff");
}

@font-face {
    font-family: Proxima;
    font-weight: 600;
    src: url("/Product/Edo/fonts/MarkSimonsonProximaNovaCondensedSemiboldTheFontsMaster.com.woff");
}

@font-face {
    font-family: Proxima;
    font-weight: 800;
    src: url("/Product/Edo/fonts/MarkSimonsonProximaNovaExtraCondensedRegularTheFontsMaster.com.woff");
}

.slider-text-web h5[b-5aydig0t0s] {
    margin-bottom: 20px;
    font-family: Barlow;
    font-weight: 700;
    font-size: 27px;
}

body[b-5aydig0t0s] {
    padding: 0px;
    margin: 0px;
    font-family: Proxima;
}

.slider-content img[b-5aydig0t0s] {
    width: 100%;
}

.header-web[b-5aydig0t0s] {
    position: fixed;
    display: flex;
    justify-content: space-between;
    right: 0px;
    left: 0;
    top: 0px;
    background: rgb(255, 255, 255);
    padding: 5px 65px;
    z-index: 12;
    align-items: center;
}

.slider-content .swiper-button-prev[b-5aydig0t0s], .slider-content .swiper-button-next[b-5aydig0t0s] {
    color: #fff;
}

.logo-web[b-5aydig0t0s] {
    width: 224px;
    object-fit: cover;
}

.menu-web[b-5aydig0t0s] {
    width: 760px;
    height: 50px;
}

.menu-button[b-5aydig0t0s] {
    color: var(--color-root);
    font-size: 20px;
    margin: 10px;
    display: inline-block;
    font-weight: 600;
    font-family: Barlow;
}

.soc-web[b-5aydig0t0s] {
    width: 245px;
    background-color: rgb(12, 19, 78);
    box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 4px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    border-radius: 10px;
    height: 85px;
}

.slider-web[b-5aydig0t0s] {
    position: relative;
    margin-top: 10px;
}

.slider-content[b-5aydig0t0s] {
    height: auto;
    margin-top: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgb(21, 30, 90);
    background-position: center center;
}

.slider-web-filter[b-5aydig0t0s] {
    height: 100%;
    position: absolute;
    top: 0px;
    width: 100%;
    background: rgba(13, 20, 82, 0.32);
}

.slider[b-5aydig0t0s], .slider-web[b-5aydig0t0s] {
    display: inline-block;
    width: 100%;
}

.slider-text-web[b-5aydig0t0s] {
    position: absolute;
    z-index: 99;
    color: rgb(255, 255, 255);
    inset: 300px 0px 0px;
    font-size: 30px;
    text-align: center;
    margin: auto auto 455px;
    width: fit-content;
    display: inline-block;
    font-family: Barlow;
}

.linkElement[b-5aydig0t0s] {
    border: 2px solid rgb(255, 255, 255);
    padding: 10px 30px;
    border-radius: 22px;
    font-size: 19px;
    margin-top: 0px;
    display: inline-block;
    font-weight: 400;
}

.text-slider-footer[b-5aydig0t0s] {
    width: fit-content;
    position: relative;
    grid-area: 1 / 1 / 2 / 2;
    place-self: start;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 25px;
    margin-left: 0;
    margin-top: 25px;
}

.slider-footer img[b-5aydig0t0s] {
    position: relative
}

.slider-footer[b-5aydig0t0s] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: rgb(25, 35, 94);
    padding: 0;
}

.logo-slider-footer[b-5aydig0t0s] {
    left: 0;
    margin: 0;
    position: relative;
}

    .logo-slider-footer img[b-5aydig0t0s] {
        filter: invert(98%) sepia(20%) saturate(4%) hue-rotate(279deg) brightness(113%) contrast(75%);
    }

.Layers-web[b-5aydig0t0s] {
    width: 100%;
    max-width: 1180px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    padding: 5px 0px;
    margin-top: 35px;
}

.comp-btn[b-5aydig0t0s] {
    border: 4px solid rgb(101, 63, 176);
    background-color: rgb(153, 102, 255);
    color: rgb(255, 255, 255);
    font-size: 17px;
    padding: 7px 10px;
    border-radius: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.item-layers[b-5aydig0t0s] {
    width: calc(33% - 10px);
    background-color: rgb(219, 219, 219);
    border-radius: 15px;
    margin: 5px;
    padding: 25px;
}

    .item-layers.single-layers[b-5aydig0t0s] {
        margin: 13px 15px 2px 3px;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        width: 100% !important;
    }

    .item-layers > div:last-child.single-layers-left[b-5aydig0t0s] {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: baseline;
    }

.single-layers-left p[b-5aydig0t0s] {
    margin: 0px;
}

.single-layers-left span[b-5aydig0t0s] {
    font-family: Barlow;
    font-size: 16px;
}

.single-layers-left div[b-5aydig0t0s] {
    display: flex;
    align-items: center;
    width: 97%;
}

.item-layers .single-layers-left select[b-5aydig0t0s] {
    margin-right: 10px;
    padding: 8px;
}

.item-layers .single-layers-left span.price-layers[b-5aydig0t0s] {
    font-size: 22px;
}

.item-layers .single-layers-left h4[b-5aydig0t0s] {
    font-size: 19px;
}

.price-layers[b-5aydig0t0s] {
}

.imgs-layers[b-5aydig0t0s] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.item-layers select[b-5aydig0t0s] {
    border: 1px solid rgb(221, 221, 221);
    width: 100%;
    border-radius: 6px;
    padding: 12px;
    font-size: 17px;
    margin: 10px 0px;
    color: rgba(106, 106, 106, 0.867);
    font-weight: 500;
    font-family: Barlow;
}

.item-layers > div:last-child[b-5aydig0t0s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    font-size: 22px;
}

.TabsList[b-5aydig0t0s] {
}

.tab-header[b-5aydig0t0s] {
    display: flex;
    justify-content: center;
}

.tab-item-web[b-5aydig0t0s] {
    box-shadow: rgba(0, 0, 0, 0.2) 2.83px 2.83px 15px 3px;
    color: rgb(13, 20, 82);
    padding: 19px 7px;
    margin: 25px 5px 5px 5px;
    border-radius: 33px;
    font-weight: 600;
    cursor: pointer;
    width: 20%;
    text-align: center;
}

    .tab-item-web.active[b-5aydig0t0s] {
        background-color: rgb(13, 20, 82);
        color: rgb(255, 255, 255);
    }

.tab-contents[b-5aydig0t0s] {
    width: 1058px;
    transform: translateX(-6px);
    margin: 40px auto;
    background: rgb(221, 221, 221);
    padding: 45px;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.2) 2.83px 2.83px 15px 3px;
}

.tab-content-web h4[b-5aydig0t0s] {
    color: rgb(13, 20, 82);
    font-size: 20px;
    width: 100%;
    line-height: 1.5;
    font-weight: 900;
    font-family: Barlow;
    display: flex;
    align-items: center;
}

.tab-content-web p[b-5aydig0t0s] {
    color: rgb(25, 35, 94);
    line-height: 1.3;
    margin-bottom: 20px;
    font-size: 17px;
    text-align: justify
}

.tab-content-web[b-5aydig0t0s] {
    display: none;
}

    .tab-content-web.active[b-5aydig0t0s] {
        display: block;
    }

.meetup-web[b-5aydig0t0s] {
    display: flex;
    justify-content: space-between;
    padding: 40px;
}

.meetup-text-web[b-5aydig0t0s] {
    width: 340px;
    margin-right: 300px;
}

    .meetup-text-web h5[b-5aydig0t0s] {
        font-size: 41px;
        margin: 0px;
        color: rgb(12, 19, 78);
        font-weight: 600;
    }

    .meetup-text-web button[b-5aydig0t0s], .speaker-web button[b-5aydig0t0s] {
        background: rgb(12, 19, 78);
        border: none;
        padding: 19px 23px;
        color: rgb(255, 255, 255);
        border-radius: 10px;
        font-size: 18px;
        font-weight: 700;
    }

    .meetup-text-web p[b-5aydig0t0s] {
        color: rgb(105, 105, 105);
        font-size: 20px;
        margin-bottom: 40px;
    }

.text-slider-footer h3[b-5aydig0t0s] {
    font-size: 40px;
    margin: 0px;
    font-family: Barlow;
    font-weight: 800;
}

.text-slider-footer h5[b-5aydig0t0s] {
    font-size: 25px;
    margin: 0px;
    font-family: Barlow;
    font-weight: 400;
}

.detail-web[b-5aydig0t0s] {
    width: 800px;
    margin: auto;
    text-align: center;
    padding: 40px;
}

    .detail-web p[b-5aydig0t0s] {
        color: rgb(76, 83, 135);
        line-height: 1.5;
        font-size: 18px;
    }

.menu-center[b-5aydig0t0s] {
    font-weight: 600;
}

.menu-text-big[b-5aydig0t0s] {
    background-color: rgb(12, 19, 78);
    padding: 42px;
    border-bottom: 10px solid rgb(14, 148, 155);
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.left-just[b-5aydig0t0s] {
    text-align: justify;
}

.white-img[b-5aydig0t0s] {
    filter: invert(98%) sepia(20%) saturate(4%) hue-rotate(279deg) brightness(113%) contrast(75%);
}

.header-qkids-single img.gray[b-5aydig0t0s] {
    width: 22px;
    filter: invert(50%) sepia(5%) saturate(33%) hue-rotate(100deg) brightness(94%) contrast(91%);
}

.header-qkids-single img[b-5aydig0t0s] {
    width: 33px;
    margin: 5px;
}

.edo-img[b-5aydig0t0s] {
    margin-right: 12px;
}

.detail-w-img[b-5aydig0t0s] {
    width: 1125px;
    margin: auto;
    text-align: right;
}

    .detail-w-img img[b-5aydig0t0s] {
        margin-top: 20px;
    }

.speaker-web svg[b-5aydig0t0s] {
    width: 20px;
    fill: rgb(13, 20, 82);
    margin-right: 5px;
    stroke: rgb(153, 102, 255);
    stroke-width: 4px;
}

.speaker-web h3[b-5aydig0t0s] {
    font-size: 42px;
    color: rgb(65, 65, 65);
    font-family: Barlow;
}

.speaker-web[b-5aydig0t0s] {
    display: flex;
    justify-content: space-between;
    padding: 40px;
}

    .speaker-web ul[b-5aydig0t0s] {
        list-style: none;
        padding: 0px;
        line-height: 2.5;
    }

    .speaker-web li[b-5aydig0t0s] {
        font-size: 17px;
        color: rgb(126, 126, 126);
    }

.speaker-web-content[b-5aydig0t0s] {
    width: 400px;
    margin-left: 135px;
}

.speaker-web button[b-5aydig0t0s] {
    width: 100%;
    cursor: pointer;
}

.tab-contents img[b-5aydig0t0s] {
    margin: -4px 8px;
    width: 24px;
}

.footer-web .soc-web[b-5aydig0t0s] {
    background-color: transparent;
    margin: auto;
    box-shadow: none;
    width: 150px;
    height: auto;
}

.footer-web[b-5aydig0t0s] {
    padding: 50px;
    background: rgb(55, 55, 55);
}

    .footer-web .soc-web.text-footer[b-5aydig0t0s] {
        width: fit-content;
        color: rgb(169, 169, 169);
    }

.item-layers h4[b-5aydig0t0s] {
    font-family: Barlow;
    font-size: 24px;
    white-space: nowrap;
    margin-bottom: 0px;
    font-weight: 700;
}

.mobile-text[b-5aydig0t0s] {
    display: none
}

@media screen and (max-width: 1400px) {
    .menu-web[b-5aydig0t0s] {
        width: fit-content;
    }

    .img-area-meetup img[b-5aydig0t0s] {
        max-width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }

    .speaker-web img[b-5aydig0t0s] {
        max-width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }

    .logo-slider-footer[b-5aydig0t0s] {
        margin: 0px;
        left: 0;
    }

    .meetup-web[b-5aydig0t0s] {
        padding: 20px 80px;
    }

    .meetup-text-web[b-5aydig0t0s] {
        width: 100%;
        margin-right: 0px;
        margin-left: 30px;
    }

    .detail-w-img[b-5aydig0t0s] {
        text-align: center;
        width: 100%;
    }

        .detail-w-img img[b-5aydig0t0s] {
            width: 400px;
            margin: auto;
        }

    .menu-center[b-5aydig0t0s] {
        width: 840px;
        line-height: 2;
    }

    .speaker-web-content[b-5aydig0t0s] {
        width: 100%;
        margin-left: 0px;
        margin-right: 30px;
    }
}
#header[b-5aydig0t0s] {
    display:none!important
}
@media screen and (max-width: 992px) {
    .detail-web[b-5aydig0t0s] {
        width: 100%;
        padding: 0px;
    }

    .detail-w-img[b-5aydig0t0s] {
        width: 100%;
    }

    .Layers-web[b-5aydig0t0s] {
        flex-wrap: wrap;
        width: 100%;
        margin-top:0!important
    }

    .item-layers[b-5aydig0t0s] {
        width: calc(50% - 90px);
        margin: 20px;
    }

    .tab-contents[b-5aydig0t0s] {
        margin: 20px;
        box-sizing: border-box;
    }

    .text-slider-footer[b-5aydig0t0s] {
        width: 100%;
        margin: auto;
        padding: 0px 0px 20px;
    }

    .slider-footer[b-5aydig0t0s] {
        flex-direction: column;
        padding: 0px;
    }

    .logo-slider-footer[b-5aydig0t0s] {
        margin: auto;
        left: 0px;
        right: 0px;
    }

    .tab-lists[b-5aydig0t0s], .tab-contents[b-5aydig0t0s] {
        padding: 20px;
        width: auto;
    }

    .tab-lists[b-5aydig0t0s] {
        padding: 5px;
    }

    .tab-item-web[b-5aydig0t0s] {
        width: 20%;
        padding: 15px 5px;
        text-align: center;
        font-size: 12px;
        margin: 9px 3px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px
    }

    .tab-header[b-5aydig0t0s] {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .header-qkids-single[b-5aydig0t0s] {
        margin: 4px 0 -4px 0 !important
    }

    .logo-slider-footer[b-5aydig0t0s] {
        display: flex;
        align-items: center
    }

    .menu-text-big > div:first-child[b-5aydig0t0s] {
        display: none
    }

    .logo-slider-footer img[b-5aydig0t0s] {
        margin:0;
        width: 50%;
    }

    .culture-dropdown #global-language > ul[b-5aydig0t0s] {
        width: 100%;
    }

    .mobile-text[b-5aydig0t0s] {
        margin: 0px;
        font-family: Barlow;
        font-weight: 800;
        display: block;
        color: #fff;
        font-size: 22px;
        padding: 15px 5px 15px 15px;
    }

    .menu-center[b-5aydig0t0s] {
        width: 100%;
        font-size: 16px;
    }

    .text-slider-footer[b-5aydig0t0s] {
        padding: 0px;
    }

    .meetup-text-web p[b-5aydig0t0s] {
        margin-top: 5px;
        font-size: 17px;
        margin-bottom: 0
    }

    .desktop-text[b-5aydig0t0s] {
        display: none
    }

    .text-dec[b-5aydig0t0s] {
        padding: 5px 45px;
    }

    .header-web .d-flex[b-5aydig0t0s] {
        margin: 0 !important;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .speaker-web[b-5aydig0t0s] {
        flex-direction: column;
    }

        .speaker-web button[b-5aydig0t0s], .meetup-text-web button[b-5aydig0t0s] {
            padding: 14px 23px;
            margin: 14px 0;
            font-size: 13px;
            font-weight: 600;
        }

        .speaker-web img[b-5aydig0t0s], .img-area-meetup img[b-5aydig0t0s] {
            max-width: 100% !important;
        }

    .meetup-text-web[b-5aydig0t0s] {
        margin: 0;
        padding: 5px;
    }

        .meetup-text-web h5[b-5aydig0t0s] {
            font-size: 26px;
            font-weight: 800;
            margin-top: 15px;
        }

    .meetup-web[b-5aydig0t0s] {
        flex-direction: column
    }

    .tab-content-web h4[b-5aydig0t0s] {
        width: 100%
    }

    .item-layers.single-layers[b-5aydig0t0s] {
        margin: 13px 6px 2px 3px;
    }

    .tab-contents[b-5aydig0t0s] {
        margin: 6px;
        transform: none;
    }

    .item-layers[b-5aydig0t0s] {
        width: 100%;
        margin: 5px;
    }

    .slider-content[b-5aydig0t0s] {
        height: auto;
        margin-top: 0;
    }

    .slider-text-web[b-5aydig0t0s] {
        margin: auto;
        top: 70px;
    }

        .slider-text-web h5[b-5aydig0t0s] {
            text-shadow: 3px 0 5px black;
            margin: 10px
        }

    .header-web[b-5aydig0t0s] {
        padding: 5px 10px;
    }

    .meetup-web[b-5aydig0t0s] {
        padding: 20px 10px;
    }

    .detail-web[b-5aydig0t0s] {
        padding: 10px 15px;
    }

    .speaker-web[b-5aydig0t0s] {
        padding: 15px;
    }

        .speaker-web ul[b-5aydig0t0s] {
            margin-top: 15px;
        }

        .speaker-web h3[b-5aydig0t0s] {
            font-size: 24px;
        }

        .speaker-web svg[b-5aydig0t0s] {
            width: 16px;
        }

        .speaker-web li[b-5aydig0t0s] {
            font-size: 15px;
            line-height: 2;
        }

    .item-layers.single-layers[b-5aydig0t0s] {
        justify-content: center;
        flex-wrap: wrap
    }

    .item-layers > div:last-child.single-layers-left[b-5aydig0t0s] {
        width: 100%;
    }

    .item-layers .single-layers-left h4[b-5aydig0t0s] {
        font-size: 19px;
        white-space: normal;
        margin-bottom: 10px;
    }

    .text-slider-footer h3[b-5aydig0t0s] {
        font-size: 25px;
    }

    .text-slider-footer h5[b-5aydig0t0s] {
        font-size: 15px;
    }

    .product-info-detail[b-5aydig0t0s] {
        padding: 4px 15px 0 0px;
    }

    .imgs-layers[b-5aydig0t0s] {
        flex-direction: column;
        align-items: center;
    }

    .product-size-control .edo-btn-list.form-group[b-5aydig0t0s] {
        padding-right: 0
    }

    .product-info-detail h3[b-5aydig0t0s] {
        margin: -5px 0px 4px;
        font-size: 19px;
    }

    .purchased-product-row .product-size-control .img-select-package[b-5aydig0t0s] {
        width: 93% !important;
    }

    .edo-btn-list .btn[b-5aydig0t0s] {
        margin: 9px !important;
        font-size: 12px !important;
    }
}

.slider-content .swiper-slide > img:last-child[b-5aydig0t0s] {
    display: none
}

@media screen and (max-width: 992px) {
    .slider-content .swiper-button-prev[b-5aydig0t0s]:after, .slider-content .swiper-button-next[b-5aydig0t0s]:after {
        font-size: 25px;
    }

    .slider-content .swiper-slide > img:first-child[b-5aydig0t0s] {
        display: none
    }

    .slider-content .swiper-slide > img:last-child[b-5aydig0t0s] {
        display: block
    }

    .slider-content .swiper-button-prev[b-5aydig0t0s], .slider-content .swiper-button-next[b-5aydig0t0s] {
        top: 45%;
    }

    .header-web[b-5aydig0t0s] {
        padding: 10px;
        left: 0px;
        top: 70px;
        z-index: 99;
    }

    .detail-w-img[b-5aydig0t0s] {
        padding: 0 20px;
    }

    .detail-web p[b-5aydig0t0s] {
        font-size: 14px;
    }

    .slider-web[b-5aydig0t0s] {
        z-index: 1;
    }

    .header-qkids-single[b-5aydig0t0s] {
        font-size: 13px;
    }

    .slider[b-5aydig0t0s] {
        margin-top: 120px;
    }

    .slider-text-web h5[b-5aydig0t0s] {
        font-size: 23px;
    }

    .logo-web[b-5aydig0t0s] {
        width: 160px;
        margin: 0 10px;
    }

    .header-web-right[b-5aydig0t0s] {
        margin-top: 0;
        margin-left: -11px;
        padding: 13px 36px;
        width: 340px;
    }

        .header-web-right > button:last-child[b-5aydig0t0s] {
            width: 176px;
        }

    .edo-btn-list a[b-5aydig0t0s] {
        margin-top: 20px !important;
    }

    .one-line-form input[b-5aydig0t0s] {
        font-size: 13px;
    }

    .seo-score .octf-btn-icon[b-5aydig0t0s] {
        padding: 14px 13px 14px 18px;
        margin: 5px;
        font-size: 13px;
    }

    .soc-web[b-5aydig0t0s] {
        width: fit-content;
        box-shadow: none;
        height: 50px;
        padding: 0px 15px;
    }

    .meetup-web[b-5aydig0t0s] {
        padding: 15px 10px;
    }
}

li[b-5aydig0t0s] {
    font-family: Proxima;
}

p[b-5aydig0t0s] {
    margin-block-start: 1em;
    font-family: Proxima;
}

h5[b-5aydig0t0s] {
    margin-block: 1.67em;
}

.imgs-layers img[b-5aydig0t0s] {
    max-width: 150px;
    height: 135px;
    object-fit: contain;
}

.global-main .left-rail.menu-left[b-5aydig0t0s] {
    z-index: 9999 !important;
}

.global-main .right-rail[b-5aydig0t0s] {
    z-index: 99;
}

@media screen and (min-width: 991px) {
    .tab-header[b-5aydig0t0s] {
        width: 1030px;
        margin: auto;
    }

    .slider-footer > img[b-5aydig0t0s] {
        max-width: 215px;
        margin-right: 90px;
    }

    .global-main .left-rail.menu-left.show + .core-rail .header-web[b-5aydig0t0s] {
        left: 300px;
    }

    .core-rail[b-5aydig0t0s] {
        flex: 0 0 calc(100vw - 110px) !important;
        width: calc(100vw - 239px) !important;
        margin-left: 100px !important;
        margin: 0;
    }

        .core-rail.right-menu-open[b-5aydig0t0s] {
            margin-right: 99px;
            max-width: 100%;
            flex: 0 0 calc(100vw - 110px) !important;
        }

    .global-main .left-rail.menu-left.show + .core-rail[b-5aydig0t0s] {
        margin-left: 300px !important;
        flex: 0 0 calc(100vw - 310px) !important;
        width: calc(100vw - 288px) !important;
    }

    .menu-left.show + .core-rail.right-menu-open[b-5aydig0t0s] {
        margin-right: 99px;
        flex: 0 0 calc(100vw - 113px) !important;
        max-width: calc(100vw - 311px) !important;
        margin-left: 300px !important;
    }

    .header-web[b-5aydig0t0s] {
        height: 100px;
    }
}

.img-area-meetup img[b-5aydig0t0s], .speaker-web img[b-5aydig0t0s] {
    max-width: 96%;
}

.page-header[b-5aydig0t0s] {
    display: none;
}

.menu-text-big > div[b-5aydig0t0s] {
    display: flex;
    margin-right: 60px;
    align-items: center;
}

.core-rail span[b-5aydig0t0s], .core-rail p[b-5aydig0t0s] {
    font-family: Barlow;
}

.ellipse[b-5aydig0t0s] {
    display: none;
}


@media screen and (max-width: 992px) {
    .person-slider-item > div[b-5aydig0t0s] {
        padding-bottom: 30px;
        padding-right: 10px;
    }

    .product-page .owl-nav[b-5aydig0t0s] {
        left: -50px;
        right: -50px;
    }

    #header[b-5aydig0t0s] {
        background-color: rgb(255, 255, 255) !important;
    }

    .scroll-down .header-web[b-5aydig0t0s] {
        top: 0px;
        transition: top 0.3s ease 0s;
    }

    .core-rail[b-5aydig0t0s] {
        box-sizing: border-box;
        float: unset;
        margin: -45px auto 24px !important;
        width: 100% !important;
    }

    .menu-button[b-5aydig0t0s] {
        font-size: 16px;
    }

    .label-dropdown[b-5aydig0t0s] {
        color: #393939;
        margin-top: 15px;
        display: inline-block;
        font-weight: 600;
    }
}

@media screen and (max-width:320px) {
    .menu-text-big[b-5aydig0t0s] {
        padding: 20px;
    }
}
/* _content/WebAppClient/Pages/Qkids/Olakid/HomePage.razor.rz.scp.css */

.slider-box[b-20pvfh6fm6] {
    height: 1040px;
    background-color: #f28ab8;
    background-image: linear-gradient(45deg, #f28ab8 25%, #32cdff 100%);
}

.menu-site-box[b-20pvfh6fm6] {
    display: flex;
    border-bottom: 1px solid #fff;
}


.hclass[b-20pvfh6fm6] {
    margin: 0;
    padding: 15px;
    padding-top: 100px;
}

.hinside[b-20pvfh6fm6] {
    padding-left: 60px;
    padding-right: 40px;
    padding-top: 50px;
}

.olafooter[b-20pvfh6fm6] {
    max-width: 100%;
    padding: 0;
    padding-top: 45px;
}

.olabanner[b-20pvfh6fm6] {
    max-width: 100%;
}

.slider-center h3[b-20pvfh6fm6] {
    font-size: 42px
}

.main-contentSiteLayout .slider-center p[b-20pvfh6fm6] {
    font-weight: 900;
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 30px;
}

@media screen and (max-width: 1200px) {
    .slider-center[b-20pvfh6fm6] {
        max-width: 100%;
    }

    .hclass[b-20pvfh6fm6] {
        padding-top: 330px;
    }

    .slider-box[b-20pvfh6fm6] {
        height: 1204px;
    }
}

@media screen and (max-width: 768px) {
    .hinside[b-20pvfh6fm6] {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .hinside[b-20pvfh6fm6] {
        max-width: 100%;
        padding: 0 15px;
        flex: 0 0 100%;
    }

    .slider-box[b-20pvfh6fm6] {
        height: 1201px !important;
        position: relative;
        margin-top: -1085px;
        margin-bottom: 15px;
    }

    .slider-center h3[b-20pvfh6fm6] {
        font-size: 32px;
    }

    .main-contentSiteLayout .slider-center p[b-20pvfh6fm6] {
        font-size: 18px;
    }

    .header-section[b-20pvfh6fm6] {
        height: 1540px !important;
    }

    .hclass[b-20pvfh6fm6] {
        padding-top: 0;
        padding-bottom: 0;
    }

    .slider-center[b-20pvfh6fm6] {
        justify-content: flex-end;
    }
}
/* _content/WebAppClient/Pages/Qkids/Playground/MailActivation.razor.rz.scp.css */
.mail-confirmation[b-qtx58qohk3] {
    font-weight: 600;
}

    .mail-confirmation h2[b-qtx58qohk3], .mail-confirmation h4[b-qtx58qohk3] {
        color: #0d0d0d;
        font-weight: 700;
    }

    .mail-confirmation p[b-qtx58qohk3] {
        font-size: 15px;
        text-align: justify;
    }

    .mail-confirmation label[b-qtx58qohk3] {
        color: #4f4f4f;
        font-weight: 500;
        font-size: 14px
    }

    .mail-confirmation .col-12.d-flex.align-items-center[b-qtx58qohk3] {
        max-height: 30px;
    }

@media screen and (max-width:1200px) {
    .mail-confirmation[b-qtx58qohk3] {
        font-weight: 600;
        height: auto;
        min-height: 100vh;
        padding: 85px 0 50px 0 !important;
        margin-top: -50px;
        margin-bottom: -15px !important;
    }
}
/* _content/WebAppClient/Pages/Qkids/Playground/PhoneActivation.razor.rz.scp.css */
.mail-confirmation[b-pt3x7ajgz5] {
    font-weight: 600;
}

    .mail-confirmation h2[b-pt3x7ajgz5], .mail-confirmation h4[b-pt3x7ajgz5] {
        color: #0d0d0d;
        font-weight: 700;
    }

    .mail-confirmation p[b-pt3x7ajgz5] {
        font-size: 15px;
        text-align: justify;
    }

    .mail-confirmation label[b-pt3x7ajgz5] {
        color: #4f4f4f;
        font-weight: 500;
        font-size: 14px
    }

    .mail-confirmation .col-12.d-flex.align-items-center[b-pt3x7ajgz5] {
        max-height: 30px;
    }

@media screen and (max-width:1200px) {
    .mail-confirmation[b-pt3x7ajgz5] {
        font-weight: 600;
        height: auto;
        min-height: 100vh;
        padding: 85px 0 50px 0 !important;
        margin-top: -50px;
        margin-bottom: -15px !important;
    }
}
/* _content/WebAppClient/Pages/Qkids/Site/Panel/Welcome.razor.rz.scp.css */
/* _content/WebAppClient/Pages/School/ApplyForAssessment.razor.rz.scp.css */

:root[b-kthofsyvbn] {
    --light-blue-color: linear-gradient(90deg, #e8f6ff, #daf0fd);
    --switch-width: 35px;
    --switch-height: 16px;
    --font-panel: 'Montserrat';
    --color-primary: #4DC591;
    --color-bg-primary: #e4fff3;
    --color-secondary: #33376e;
    --color-bg-secondary: #e6e7fa;
    --color-s-bg-secondary: #f4f5ff;
    --color-light-bg-secondary: #f3f4fc;
    --color-danger: #C34E55;
    --color-tertiary: #ff7648;
    --color-main-text: #191B32;
    --color-body-text: #9295A3;
    --color-bg-body-text: #c8c8cc;
    --color-bg-s-body-text: rgba(236, 236, 236, .81);
    --color-warning: #f0c77f;
    --color-bg-warning: #fff9ee;
    --color-body-text-color: #a8a8a8;
    --color-toast-success: #67c23b;
    --border-color-toast-success: #8be260;
    --bg-color-toast-success: #d6eccc;
    --color-toast-info: #0e6990;
    --border-color-toast-info: #55a8cc;
    --bg-color-toast-info: #94DFFF;
    --color-toast-warning: #e2a02d;
    --border-color-toast-warning: #ffce79;
    --bg-color-toast-warning: #faeacd;
    --color-toast-danger: #ca3434;
    --border-color-toast-danger: #fa8080;
    --bg-color-toast-danger: #f2d5d5;
    --title-1: 26px;
    --title-2: 24px;
    --title-3: 22px;
    --title-4: 20px;
    --body-1: 18px;
    --body-2: 14px;
    --body-3: 13px;
}

body[b-kthofsyvbn] {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    justify-content: space-between;
}

ul[b-kthofsyvbn],
ol[b-kthofsyvbn] {
    list-style: none;
    padding: 0;
}

.core-rail[b-kthofsyvbn] {
    width: 100% !important;
    margin-top: 100px;
}


.header-top-site[b-kthofsyvbn] {
    background-color: #33376e;
    display: flex;
    padding: 25px;
    min-height: 200px;
}

.logo-title[b-kthofsyvbn] {
    width: 110px;
}

.register-page[b-kthofsyvbn] {
    font-family: var(--font-panel);
}

.header-top-site[b-kthofsyvbn] {
    z-index: 1;
    overflow: hidden;
    position: relative;
}

    .header-top-site .container[b-kthofsyvbn] {
        position: relative;
        z-index: 1;
    }

.svg-bg svg[b-kthofsyvbn] {
    fill: #f9dc9a;
}

.svg-bg[b-kthofsyvbn] {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}

.register-page .container[b-kthofsyvbn] {
    background-color: #fff;
    transform: translateY(-25px);
    border-radius: 10px;
    padding: 41px 41px 26px 41px;
    box-shadow: 0px 0px 6px rgba(74,74,74, .25);
}

.title-header h3[b-kthofsyvbn] {
    font-weight: 600;
    position: relative;
    padding: 0 0 15px 0;
    margin-bottom: 30px;
    margin-top: 10px;
}

.dec-header p[b-kthofsyvbn] {
    font-size: .8rem;
    line-height: 1.5;
    color: #707070;
}

.title-header h3[b-kthofsyvbn]::after {
    content: "";
    width: 35px;
    height: 5px;
    background-color: var(--color-secondary);
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 5px;
}

.form-group-div[b-kthofsyvbn] {
    border: 2px solid #f1f1f1;
    padding: 20px;
    margin-bottom: 25px;
    border-radius: 10px;
    position: relative;
}

.form-control:focus[b-kthofsyvbn] {
    box-shadow: none;
    border-color: #ddd;
}

.form-group-div h3[b-kthofsyvbn] {
    position: absolute;
    left: 11px;
    font-size: .98rem;
    top: -11px;
    color: #202020;
    font-weight: 800;
    background-color: #fff;
    padding: 0 7px;
}

.label-input[b-kthofsyvbn] {
    font-size: .75rem;
    font-weight: 700;
    margin-bottom: 5px;
}

.form-control:hover[b-kthofsyvbn],
.form-control:focus[b-kthofsyvbn] {
    border-color: #a8a8a8;
}

    .form-control:focus + i[b-kthofsyvbn] {
        color: #a8a8a8
    }

.form-control[b-kthofsyvbn] {
    font-size: .75rem;
    height: auto;
    padding: 8px;
    max-height: 35px;
}

.form-items > .row > div[b-kthofsyvbn] {
    margin-bottom: 10px;
}

.input-icon[b-kthofsyvbn] {
    position: relative;
}

    .input-icon .form-control[b-kthofsyvbn] {
        padding-left: 40px;
    }

    .input-icon i[b-kthofsyvbn] {
        position: absolute;
        top: 10px;
        left: 10px;
        color: #ced4da;
    }

@media (min-width: 1200px) {

    .header-top-site .container[b-kthofsyvbn],
    .register-page .container[b-kthofsyvbn] {
        max-width: 780px;
    }
}

.core-rail.full-size-screen[b-kthofsyvbn] {
    position: relative;
    z-index: 11
}

.header-title[b-kthofsyvbn] {
    color: #f1f1f1;
    font-family: fantasy;
    font-size: 2.5rem;
    text-align: right;
    margin: 0;
    border: none;
    padding: 13px 4px;
}


.register-page .checkbox p[b-kthofsyvbn] {
    margin: 0 10px;
    font-size: .7rem;
}

.register-page .checkbox[b-kthofsyvbn] {
    align-items: center;
    cursor: pointer;
    position: relative;
    display: flex;
    font-size: .8rem;
    font-weight: 500;
    margin-top: 0;
}

    .register-page .checkbox > input[b-kthofsyvbn],
    .register-page .checkbox > div[b-kthofsyvbn],
    .register-page .checkbox > label[b-kthofsyvbn] {
        display: inline-block;
        vertical-align: top;
        color: white;
    }


    .register-page .checkbox > div[b-kthofsyvbn] {
        width: var(--switch-width);
        height: var(--switch-height);
        border-radius: var(--switch-height);
        transition: background-color 0.3s;
        position: relative;
        overflow: hidden;
        pointer-events: none;
    }

.register-page input:checked ~ div[b-kthofsyvbn] {
    transition: background-color 0.3s;
}

.register-page input:not(:checked) ~ div[b-kthofsyvbn] {
    transition: background-color 0.3s 0.3s;
}

.register-page .checkbox > div[b-kthofsyvbn]::before,
.register-page .checkbox > div[b-kthofsyvbn]::after {
    content: "";
    position: absolute;
    top: 0;
    width: var(--switch-height);
    height: var(--switch-height);
    background-color: white;
    border-radius: 50%;
}

.register-page .checkbox > div[b-kthofsyvbn]::before {
    opacity: 0;
    left: 0;
}

.register-page .checkbox > div[b-kthofsyvbn]::after {
    right: 0;
}

.register-page input:checked ~ div[b-kthofsyvbn]::before {
    transform: scale(0.8) translateX(50px);
}

.register-page input:checked ~ div[b-kthofsyvbn]::after {
    transform: scale(0.8) translateX(0);
}
/*
input:not(:checked) ~ div::before {
    transform: scale(0.8) translateX(0px);*/
/*}*/

.register-page input:not(:checked) ~ div[b-kthofsyvbn]::after {
    transform: scale(0.8) translateX(-25px);
}

.register-page input:not(:checked) ~ div[b-kthofsyvbn] {
    background-color: lightgray;
}

.register-page input:checked ~ div[b-kthofsyvbn] {
    background-color: #40b754;
}

.register-page input:not(:checked) ~ div[b-kthofsyvbn] {
    background-color: rgb(238, 79, 79);
}




.register-page input:checked ~ div[b-kthofsyvbn]::before,
.register-page input:checked ~ div[b-kthofsyvbn]::after {
    transition: transform 0.3s 0s;
}

.register-page input:not(:checked) ~ div[b-kthofsyvbn]::before,
.register-page input:not(:checked) ~ div[b-kthofsyvbn]::after {
    transition: transform 0.3s .1s;
}


.button-form:focus[b-kthofsyvbn] {
    outline: none;
}

.button-form[b-kthofsyvbn] {
    border: 0;
    border-radius: 5px;
    padding: 8px 15px;
    font-size: .8rem;
    width: auto;
    font-family: var(--font-panel);
}


.color-secondary[b-kthofsyvbn] {
    background-color: var(--color-secondary);
    color: #fff;
}

.right-btn[b-kthofsyvbn] {
    text-align: right;
    flex: auto;
}

.color-orange[b-kthofsyvbn] {
    background-color: #ffbc13;
    color: #fff;
}

.button-row[b-kthofsyvbn] {
    display: flex;
    margin-top: 25px;
    justify-content: flex-end;
}
.center-item[b-kthofsyvbn] {
    text-align: center;
    width: 100%;
}

.btn-title[b-kthofsyvbn] {
    min-width: 215px;
    margin: 9px auto;
    height: 40px;
    line-height: 1.3;
    color: #fff;
    border-radius: 5px;
    padding: 10px 25px;
    font-weight: 500;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    box-shadow: inset 2px 2px 2px 0px rgba(255,255,255,.13), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
    outline: none;
}

.btn-title[b-kthofsyvbn] {
    background-color: #0f2a51;
    background-image: linear-gradient(315deg,#4771ab 0%, #0f2a51 74%);
    border: none;
    z-index: 1;
    color: #fff !important;
}

    .btn-title:hover[b-kthofsyvbn]:after {
        top: 0;
        height: 100%;
    }

    .btn-title[b-kthofsyvbn]:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        border-radius: 5px;
        background-color: #4771ab;
        background-image: linear-gradient(315deg, #4771ab 0%, #4771ab 74%);
        transition: all 0.3s ease;
    }

.footer-site[b-kthofsyvbn] {
    position: relative;
    color: #fff;
    overflow: hidden;
    height: 376px;
    padding-top: 157px;
    /*margin-top: 50px;*/
    font-family: var(--font-panel)
}

    .footer-site li[b-kthofsyvbn] {
        margin-bottom: 10px
    }



    .footer-site a[b-kthofsyvbn] {
        color: #fff;
        font-size: .85rem;
    }

    .footer-site svg[b-kthofsyvbn] {
        position: absolute;
        bottom: -45px;
        left: -5px;
        height: 547px;
        transform: rotate( 2deg);
    }

    .footer-site h4[b-kthofsyvbn] {
        padding-bottom: 17px;
        margin-bottom: 0;
    }

.social-media a[b-kthofsyvbn] {
    background-color: #fff;
    color: #33376e !important;
    padding: 3px;
    margin-right: 5px;
    height: 30px;
    width: 30px;
    border-radius: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-site a:hover[b-kthofsyvbn] {
    color: #eee;
}

.footer-site a[b-kthofsyvbn] {
    transition: color .3s ease;
    text-decoration: none;
}

    .footer-site a i[b-kthofsyvbn] {
        margin-right: 5px;
    }

.social-media[b-kthofsyvbn] {
    display: flex;
    margin-bottom: 25px;
}

    .social-media a i[b-kthofsyvbn] {
        margin: 0;
    }

.button-form:disabled[b-kthofsyvbn] {
    opacity: .7
}

@media screen and (max-width:768px) {
    .register-page .container[b-kthofsyvbn] {
        padding: 25px 15px;
        border-radius: 0;
    }

    .title-header h3[b-kthofsyvbn] {
        font-size: 1.3rem
    }

    .checkbox > div[b-kthofsyvbn] {
        flex: 0 0 34px;
    }


    .logo-title[b-kthofsyvbn] {
        width: 100px;
    }
}
/*Toast*/

.blazored-toast[b-kthofsyvbn] {
    width: auto;
    border-radius: .25rem;
    display: grid;
    top: 50px;
    margin: auto;
    right: 0;
    z-index: 9999;
}

.blazored-toast-heading[b-kthofsyvbn], .blazored-toast-close[b-kthofsyvbn], .blazored-toast-progressbar[b-kthofsyvbn] {
    display: none
}

.blazored-toast[b-kthofsyvbn] {
    padding: 8px;
    border: 2px solid #ddd;
    border-radius: 10px;
    left: 50%;
    transform: translate(-50%, -50%);
    position: fixed !important;
    display: inline-table;
}

.blazored-toast-body p[b-kthofsyvbn] {
    font-size: .84rem;
    font-family: var(--font-base);
    text-align: center;
    font-weight: 500;
}

.blazored-toast-success[b-kthofsyvbn] {
    border-color: var(--border-color-toast-success);
    background: var(--bg-color-toast-success);
}

    .blazored-toast-success .blazored-toast-body p[b-kthofsyvbn] {
        color: var(--color-toast-success);
    }


.blazored-toast-info[b-kthofsyvbn] {
    border-color: var(--border-color-toast-info);
    background: var(--bg-color-toast-info);
}

    .blazored-toast-info .blazored-toast-body p[b-kthofsyvbn] {
        color: var(--color-toast-info);
    }

.blazored-toast-warning[b-kthofsyvbn] {
    border-color: var(--border-color-toast-warning);
    background: var(--bg-color-toast-warning);
}

    .blazored-toast-warning .blazored-toast-body p[b-kthofsyvbn] {
        color: var(--color-toast-warning);
    }

.blazored-toast-danger[b-kthofsyvbn] {
    border-color: var(--border-color-toast-danger);
    background: var(--bg-color-toast-danger);
}

    .blazored-toast-danger .blazored-toast-body p[b-kthofsyvbn] {
        color: var(--color-toast-danger);
    }
/*Toast*/

@media screen and (max-width:576px) {

    .blazored-toast[b-kthofsyvbn] {
        /*width: 100%;*/
        display: inline-block;
        word-break: break-word;
    }
}

.line-flex[b-kthofsyvbn] {
    display: flex;
    margin-top: 8px;
}

    .line-flex p[b-kthofsyvbn] {
        line-height: 1.5;
        font-size: .75rem;
        margin: 0px 0 0px 5px;
    }

    .line-flex a[b-kthofsyvbn] {
        cursor: pointer;
        color: #007bff !important;
    }

.register-page[b-kthofsyvbn] {
    font-family: var(--font-base);
    z-index: 1;
    position: relative;
    margin-top: 50px;
}

    .register-page + .modal span[b-kthofsyvbn] {
        line-height: 1.5;
    }

.fa-hes[b-kthofsyvbn]:before {
    content: "HES";
    font-family: 'Montserrat';
    font-size: .6rem;
    font-weight: 500;
    top: 3px;
    position: absolute;
    left: -1px;
}

.modal-body[b-kthofsyvbn] {
    font-family: var(--font-base);
}

.modal .button-form[b-kthofsyvbn] {
    font-size: .7rem;
}

.footer-site .footer-bar[b-kthofsyvbn] {
    margin-top: 10px;
    background: #2b2e5a
}

.candidate-box[b-kthofsyvbn] {
    min-height: 150px
}

.login-user a[b-kthofsyvbn] {
    color: #33376e;
    font-size: 13px;
    padding: 6px;
}

.login-user span[b-kthofsyvbn] {
    font-size: .9rem;
    font-weight: 600;
}

.core-rail[b-kthofsyvbn] {
    margin: auto;
    float: none;
    margin-top: 100px;
}

.modal .close-singel[b-kthofsyvbn] {
    position: relative;
    display: flex;
    justify-content: end;
    top: 5px;
    right: 5px;
}
/* _content/WebAppClient/Shared/Layouts/CertificateLayout.razor.rz.scp.css */
.page[b-6zydp06g5y] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-6zydp06g5y] {
    flex: 1;
}

.sidebar[b-6zydp06g5y] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-6zydp06g5y] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-6zydp06g5y]  a, .top-row .btn-link[b-6zydp06g5y] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-6zydp06g5y] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-6zydp06g5y] {
        display: none;
    }

    .top-row.auth[b-6zydp06g5y] {
        justify-content: space-between;
    }

    .top-row a[b-6zydp06g5y], .top-row .btn-link[b-6zydp06g5y] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-6zydp06g5y] {
        flex-direction: row;
    }

    .sidebar[b-6zydp06g5y] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-6zydp06g5y] {
        position: sticky;
        top: 0;
        z-index: 1;
    }
}

#login-box-res[b-6zydp06g5y], #payment-box-res[b-6zydp06g5y] {
    font-family: 'Open Sans';
    display: none;
}

    #login-box-res.dis-block[b-6zydp06g5y] {
        display: flex !important;
        align-items: center;
    }

#login-box-res[b-6zydp06g5y] {
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 1000;
}

.login-box-res-mask[b-6zydp06g5y] {
    width: 100vw;
    height: 100vh;
    background: #333;
    opacity: 0.8;
    position: fixed;
}

#login-box-res-body[b-6zydp06g5y] {
    position: relative;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 30%;
    max-width: 375px;
    min-width: 350px;
    max-height: fit-content;
    background: #fff;
    padding: 28px;
    overflow: hidden;
    border-radius: 5px;
}

#close-login[b-6zydp06g5y] {
    position: fixed;
    right: 50px;
    top: 15px;
    font-size: 30px;
    color: #fff;
    z-index: 9999;
    cursor: pointer;
}

#application[b-6zydp06g5y] {
    position: relative;
    z-index: 1;
    background: #f3f2ef;
    width: 100vw;
    min-height: 100vh;
    font-family: 'SF-UI','Open Sans',sans-serif;
}

.global-nav.d-print-none > div:first-child[b-6zydp06g5y] {
    flex: 0 0 25%;
}

.global-nav.d-print-none > div[b-6zydp06g5y] {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    padding-right: 25px;
    width: 100%;
}

header[b-6zydp06g5y] {
    left: 0;
    padding: 0 30px;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 100;
    background-color: #fff;
    box-shadow: 1px 1px 3px #e8e8e8;
    padding: 0 30px;
    height: 52px;
    z-index: 100;
}

#header[b-6zydp06g5y] {
    transition: transform .3s ease;
    display: flex
}

.logo-mobile[b-6zydp06g5y] {
    display: none
}



#responsive-menu-icon[b-6zydp06g5y], #responsive-left-menu-icon[b-6zydp06g5y] {
    display: none;
}

.global-nav[b-6zydp06g5y] {
    justify-content: space-between;
    align-items: center;
    display: flex;
    margin: 0 auto;
    padding: 0;
    min-height: 100%;
}

.global-nav-branding[b-6zydp06g5y] {
    width: 55px;
    height: 55px;
    margin-right: 8px;
}

    .global-nav-branding div[b-6zydp06g5y] {
        height: 50px;
        display: inline-block;
    }

.global-brand[b-6zydp06g5y] {
    border-radius: 50px;
    object-fit: cover;
    margin: 6px;

    width: 65px;
    height: 65px;
    margin: -10px 0;
}

.show-layout[b-6zydp06g5y] {
    width: 19px;
}

.global-nav-nav[b-6zydp06g5y] {
    min-width: 200px !important;
    flex: 0 0 340px;
    display: flex;
    justify-content: flex-end !important;
}

.login-btn-res > a[b-6zydp06g5y] {
    display: flex;
    align-items: center;
}

.login-btn-res[b-6zydp06g5y] {
    display: flex
}

    .login-btn-res .global-nav-nav-icon[b-6zydp06g5y] {
        margin-right: 5px
    }

.global-nav-nav-text[b-6zydp06g5y] {
    font-size: 15px;
    display: block;
    width: 100%;
    text-align: center;
}

    .global-nav-nav-text[b-6zydp06g5y]:after {
        border-bottom: 2px solid #fff;
        content: "";
        bottom: 0;
        left: 0;
        position: absolute;
        transform: scaleX(0);
        transition: transform .2s ease-in-out;
        width: 100%;
    }

.footer-mobile .global-nav-primary-items[b-6zydp06g5y] {
    display: none
}


.main-content[b-6zydp06g5y] {
    padding-top: 65px;
    position: relative;
}

@media(max-width:1290px) {
    #responsive-menu-icon[b-6zydp06g5y] {
        display: block;
        position: fixed;
        top: 15px;
        right: 6%;
        font-size: 23px;
        cursor: pointer;
    }

    .global-nav-nav[b-6zydp06g5y] {
        margin-right: 0;
    }
}

@media(max-width:1200px) {
    #responsive-menu-icon[b-6zydp06g5y] {
        right: 13%;
    }
}

@media screen and (min-width: 991px) and (max-width: 1024px) {
    .global-nav.d-print-none > .global-nav-nav[b-6zydp06g5y] {
        margin-right: 60px;
    }
}

@media(max-width:992px) {
    .main-content[b-6zydp06g5y] {
        padding-top: 52px;
    }

    header[b-6zydp06g5y] {
        padding: 0 90px 0 50px;
    }

    #login-box-res-body[b-6zydp06g5y] {
        width: 50%;
    }

    .global-nav.d-print-none > div:first-child[b-6zydp06g5y] {
        flex: 0 0 65%;
    }

    .global-nav.d-print-none > div[b-6zydp06g5y] {
        margin: 0;
        min-width: auto
    }

    .d-print-none[b-6zydp06g5y] {
        position: fixed;
        min-height: auto;
        /*z-index: 99*/
    }

    .global-nav.d-print-none > div:first-child[b-6zydp06g5y] {
        flex: 0 0 100%;
    }

    #responsive-menu-icon[b-6zydp06g5y] {
        z-index: 999;
        right: 30px;
    }

    #responsive-menu-icon[b-6zydp06g5y] {
        right: 20px;
    }

    .global-nav-branding[b-6zydp06g5y] {
        /*position: absolute;*/
        display: inline-block;
        top: 7px;
        left: 40px;
        /*width: 23px;*/
        /*height: 23px;*/
    }

    .global-nav-nav[b-6zydp06g5y] {
        min-width: inherit;
    }
}

@media(min-width:768px) and (max-width:992px) {
    header[b-6zydp06g5y] {
        height: 60px;
    }

    .d-print-none[b-6zydp06g5y] {
        right: 0;
        left: 0;
        margin: auto;
        padding-right: 130px
    }
}

@media(min-width:769px) {
    #responsive-menu-icon[b-6zydp06g5y] {
        right: 30px;
    }

    .footer-mobile[b-6zydp06g5y] {
        display:none;
        height: 1px
    }
}

@media(max-width:768px) {
    .footer-mobile li[b-6zydp06g5y] {
        display: block
    }

    .footer-mobile[b-6zydp06g5y] {
        position: fixed;
        z-index: 3;
    }

        .footer-mobile .global-nav-primary-items[b-6zydp06g5y] {
            display: flex
        }

    .scroll-down .footer-mobile .global-nav-primary-items[b-6zydp06g5y] {
        transform: translate3d(0, 100%, 0);
    }

    .global-nav-nav-text[b-6zydp06g5y] {
        display: none
    }

    .login-btn-res[b-6zydp06g5y], .global-nav-primary-items > li[b-6zydp06g5y] {
        position: absolute !important;
        top: 0;
        width: auto
    }

    .login-btn-res[b-6zydp06g5y] {
        right: 52px;
        height: 52px;
        font-size: 18px;
    }

    .global-nav-nav[b-6zydp06g5y] {
        position: absolute;
        background: #fff;
        top: 0;
        /*right: 100px;*/
        margin: auto;
        width: 50px;
    }

    .global-brand[b-6zydp06g5y] {
        width: 25px;
        margin: 10px 4px 4px 14px;
        height: 25px;
    }
    .items-content[b-6zydp06g5y] {
        padding: 10px;
    }
        .global-nav[b-6zydp06g5y] {
        min-height: auto;
        width: 100%;
        max-width: 100%;
    }

    .global-nav[b-6zydp06g5y] {
        border-bottom: none;
    }

    .scroll-down #header[b-6zydp06g5y] {
        transform: translate3d(0, -100%, 0);
    }

    .scroll-up #header[b-6zydp06g5y] {
        transform: none;
    }

    #application[b-6zydp06g5y] {
        width: 100%;
    }

    #login-box-res[b-6zydp06g5y] {
        width: 100vw;
        height: 100vh;
        position: fixed;
        z-index: 1000;
    }


    .login-box-res-mask[b-6zydp06g5y] {
        width: 100%;
        height: 100%;
        background: #333;
        opacity: 0.8;
    }


    #close-login[b-6zydp06g5y] {
        /*position: absolute;*/
        right: 25px;
        top: 15px;
        font-size: 25px;
        color: #dcdcdc;
        z-index: 999999999;
    }


    #responsive-menu-icon[b-6zydp06g5y] {
        display: block;
        position: absolute;
        top: 15px;
        right: 16px;
        font-size: 21px;
        cursor: pointer;
    }

    .global-nav-branding[b-6zydp06g5y] {
        width: auto;
        left: 32px;
    }

    .logo-desktop[b-6zydp06g5y] {
        display: none
    }

    .logo-mobile[b-6zydp06g5y] {
        display: block
    }


        .logo-mobile.logo-left[b-6zydp06g5y] {
            display: none
        }

            .logo-mobile.logo-left.active-menu[b-6zydp06g5y] {
                display: block
            }

                .logo-mobile.logo-left.active-menu + .logo-mobile[b-6zydp06g5y] {
                    display: none
                }

    .show-layout-btn[b-6zydp06g5y] {
        display: none;
    }
}

@media screen and (max-width:480px) {
    .teacher-btn[b-6zydp06g5y] {
        margin-top: 10px;
        min-width: fit-content;
        padding: 19px 10px;
    }

    #login-box-res-body[b-6zydp06g5y] {
        /* position: absolute; */
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        width: 70%;
        height: 70%;
        background: #fff;
        padding: 45px !important;
        min-width: 323px;
    }

    #login-box-res-body[b-6zydp06g5y] {
        width: 100%;
        height: 100%;
        max-width: inherit;
        max-height: inherit;
        border-radius: 0;
        padding: 80px 40px;
    }
}
/* _content/WebAppClient/Shared/Layouts/Curriculum/CurriculumLayout.razor.rz.scp.css */
body[b-pf2lcv3m4i] {
}
/* _content/WebAppClient/Shared/Layouts/MainLayout.razor.rz.scp.css */
/* _content/WebAppClient/Shared/Layouts/Qkids/QkidsInstitutionLayout.razor.rz.scp.css */
body[b-fwajagjm9a] {
}
/* _content/WebAppClient/Shared/Layouts/Qkids/QkidsMainLayout.razor.rz.scp.css */
/* _content/WebAppClient/Shared/Layouts/Qkids/QkidsSiteLayout.razor.rz.scp.css */
body[b-oheerw511j] {
}