@font-face {
    font-family: 'Rubik-Regular';
    src: url(../fonts/Rubik-Regular/Rubik-Regular.eot);
    src: url(../fonts/Rubik-Regular/Rubik-Regular.eot?#iefix) format('embedded-opentype'),
    url(../fonts/Rubik-Regular/Rubik-Regular.otf) format('otf'),
    url(../fonts/Rubik-Regular/Rubik-Regular.svg#Rubik-Regular) format('svg'),
    url(../fonts/Rubik-Regular/Rubik-Regular.ttf) format('truetype'),
    url(../fonts/Rubik-Regular/Rubik-Regular.woff) format('woff'),
    url(../fonts/Rubik-Regular/Rubik-Regular.woff2) format('woff2');
    font-style: inherit;
    font-weight: inherit;
}

@font-face {
    font-family: 'Rubik-Regular';
    src: url(../fonts/Rubik-Medium/Rubik-Medium.eot);
    src: url(../fonts/Rubik-Medium/Rubik-Medium.eot?#iefix) format('embedded-opentype'),
    url(../fonts/Rubik-Medium/Rubik-Medium.otf) format('otf'),
    url(../fonts/Rubik-Medium/Rubik-Medium.svg#Rubik-Medium) format('svg'),
    url(../fonts/Rubik-Medium/Rubik-Medium.ttf) format('truetype'),
    url(../fonts/Rubik-Medium/Rubik-Medium.woff) format('woff'),
    url(../fonts/Rubik-Medium/Rubik-Medium.woff2) format('woff2');
    font-style: inherit;
    font-weight: 600;
}

@font-face {
    font-family: 'Rubik-Regular';
    src: url(../fonts/Rubik-Bold/Rubik-Bold.eot);
    src: url(../fonts/Rubik-Bold/Rubik-Bold.eot?#iefix) format('embedded-opentype'),
    url(../fonts/Rubik-Bold/Rubik-Bold.otf) format('otf'),
    url(../fonts/Rubik-Bold/Rubik-Bold.svg#Rubik-Bold) format('svg'),
    url(../fonts/Rubik-Bold/Rubik-Bold.ttf) format('truetype'),
    url(../fonts/Rubik-Bold/Rubik-Bold.woff) format('woff'),
    url(../fonts/Rubik-Bold/Rubik-Bold.woff2) format('woff2');
    font-style: inherit;
    font-weight: bold;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
}

html, body {
    font-family: 'Rubik-Regular';
    font-size: 14px;
    color: #ffffff;
    background: #fafafa;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
    border: 0;
}

ol, ul {
    list-style: none;
}

img {
    max-width: 100%;
}

a {
    text-decoration: none;
    color: #fff;
}

.link-danger {
    color: #d05627 !important;
    position: relative;
    display: inline-block;
    text-decoration: none;
}

.link-danger::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background: #d05627;
    bottom: 0;
    left: 0;
}

.main-wrapper .container {
    max-width: 1330px;
}

.max-w-sm {
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
}

.title-block h2 {
    color: #1A85F8;
    font-weight: bold;
    font-size: 40px;
}

.title-block .desc {
    font-size: 20px;
    color: #707070;
    font-weight: 600;
}

.btn.btn-warning {
    background: linear-gradient(180deg, #FEDC00 0%, #FF8800 100%);
    color: #fff;
    border: 0;
    position: relative;
    overflow: hidden;
}

.btn.btn-warning:hover, .btn.btn-warning.active {
    color: #fff;
}

.btn.btn-warning:hover:after {
    position: absolute;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    content: "";
    -webkit-transform: rotate(60deg) translate(-5em, 7.5em);
    transform: rotate(60deg) translate(-5em, 7.5em);
    -webkit-animation: a .9s forwards;
    animation: a .9s forwards;
    opacity: .7;
    background: -webkit-linear-gradient(top, hsla(21, 63%, 73%, 0), hsla(0, 0%, 100%, .5) 50%, hsla(21, 63%, 73%, 0));
    background: linear-gradient(180deg, hsla(21, 63%, 73%, 0), hsla(0, 0%, 100%, .5) 50%, hsla(21, 63%, 73%, 0));
}

@-webkit-keyframes a {
    to {
        -webkit-transform: rotate(60deg) translate(1em, -14em);
        transform: rotate(60deg) translate(1em, -14em);
    }
}

.btn {
}

@media screen and (max-width: 767px) {
    .title-block h2 {
        font-size: 26px;
    }

    .title-block {
        text-align: center;
    }
}

/* ----------- FORM ----------------------------------------------------------------------------- */
.form-label {
    font-weight: 600;
}

.form-control {
    height: 54px;
    border-color: #707070;
    border-radius: 10px;
}

/* ----------- PRELOADER ----------------------------------------------------------------------------- */
.cs_preloader {
    position: fixed;
    z-index: 99999;
    top: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
}

.cs_preloader_bg {
    text-align: center;
    height: 100%;
    width: 100%;
}

.cs_preloader_in {
    width: 180px;
    height: 180px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0px;
    border: 0px solid rgba(233, 161, 50, 0.3);
    border-radius: 50%;
}

/* .cs_preloader_in:after { content:""; border-width:3px; border-style:solid; border-color:hsl(60.73deg 96.85% 49.8% / 70.2%); border-top-color:#54e902; border-radius:50%; position:absolute; width:calc(100% + 6px); height:calc(100% + 6px); left:50%; top:50%; -webkit-animation:spin 1s ease-in-out infinite; animation:spin 1s ease-in-out infinite; margin-left:-60px; margin-top:-60px; } */

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* ----------- HEADER ----------------------------------------------------------------------------- */
@media screen and (min-width: 993px) {
    .navbar-expand-lg .navbar-collapse {
        justify-content: flex-end !important;
        flex-grow: inherit;
    }

    .navbar-expand-lg .navbar-collapse .nav-item {
        margin-right: 30px;
    }
}

header {
    background: #fff;
}

.header-top {
    max-width: 1500px;
    padding-left: 15px;
    padding-right: 15px;
}

.navbar-brand img {
    height: 35px;
}

#header-main-fixed.menu-small {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 5;
    background: hsl(0deg 0% 24.31% / 87.06%);
}

@media screen and (max-width: 767px) {
    .header-top .btn.btn-warning {
        min-width: 90px;
        min-width: inherit;
        line-height: 36px;
        height: 36px;
        padding: 0 15px;
    }

    .header-top .logo img {
        height: 45px;
    }
}

/* ----------- DEFAULT ----------------------------------------------------------------------------- */
.block-footer-main {
    background: #444444;
    color: #D5F9FF;
}

/* ----------- BLOCK-INVESTING-MAIN ----------------------------------------------------------------------------- */
@media screen and (min-width: 993px) {
    /* .block-investing-main .banner{position: absolute; content: ""; right: 0; bottom: 0;} */
}

.block-investing-main {
}

.block-investing-main .block-main {
}

.block-investing-main .block-main .content {
    display: inline-block;
    text-align: center;
    color: #A5FCFA;
}

.block-investing-main .btn.btn-warning {
    min-width: 300px;
}

.block-investing-main .desc {
    font-size: 32px;
}

.block-investing-main h1 {
    font-size: 40px;
    font-weight: 600;
    border-bottom: 1px solid #5EFAF7;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.text-gradient-blue {
    background: linear-gradient(180deg, #DCD2FF 0%, #75FFFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.block-investing-main .banner {
    max-width: 930px;
}

.block-investing-main .banner img {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.block-investing-main .banner:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.block-investing-main .banner-main img {
    width: 100%;
}

.block-investing-main .banner-main img.img-mb {
    display: none;
}

.block-investing-main .block-item {
    position: absolute;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    max-width: 1200px;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 2;
}

.navbar-toggler {
    padding-left: 8px;
    padding-right: 8px;
}

@media screen and (max-width: 767px) {
    .block-investing-main {
        min-height: inherit;
    }

    .block-investing-main .block-main {
        min-height: inherit;
    }

    .block-investing-main h1 {
        font-size: 34px;
    }

    .block-investing-main .desc {
        font-size: 20px;
    }

    .block-investing-main .banner-main img.img-dk {
        display: none;
    }

    .block-investing-main .banner-main img.img-mb {
        display: block;
    }

    .block-investing-main .block-item {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* ----------- BLOCK-PARTNERS-MAIN ----------------------------------------------------------------------------- */
.block-partners-main {
}

.block-partners-main .item-partners {
    margin-bottom: 45px;
    display: inline-block;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.block-partners-main .item-partners img {
    height: 50px;
}

.block-partners-main .item-partners:hover {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

@media screen and (max-width: 600px) {
    .list-item-partners.row-cols-4 {
    }

    .list-item-partners.row-cols-4 > * {
        flex: 0 0 auto;
        width: 50%;
    }
}

/* ----------- BLOCK-MISSON-MAIN ----------------------------------------------------------------------------- */
.block-misson-main {
    background: linear-gradient(180deg, #1A85F8 0%, #00317A 100%);
    color: #fff;
}

.block-misson-main .title-block h2 {
    color: #5EFAF7;
}

/* ----------- BLOCK-VISION-MAIN ----------------------------------------------------------------------------- */
.block-vision-main {
}

.block-vision-main .card {
    background: #1A85F8;
    color: #fff;
    border-radius: 15px;
    padding: 15px;
    min-height: 455px;
}

.block-vision-main .card .icon img {
    border-radius: 10px;
}

.block-vision-main .card .card-body {
    padding: 0;
}

.block-vision-main .card .card-body h3 {
    font-size: 30px;
    font-weight: bold;
    color: #5EFAF7;
}

.block-vision-main .card .card-body .content {
    text-align: justify;
}

.block-vision-main .card:hover {
    background: linear-gradient(180deg, #1A85F8 0%, #00317A 100%);
}

/* ----------- BLOCK-ROADMAP-MAIN ----------------------------------------------------------------------------- */
.block-roadmap-main {
    background: #0D5AB8;
}

.block-roadmap-main .item {
    background: #fff;
    border-top-right-radius: 10px;
    min-height: 250px;
    margin-bottom: 55px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.block-roadmap-main .item .icon {
    position: absolute;
    top: -10px;
    left: -30px;
    z-index: 1;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.block-roadmap-main .item .icon img {
    height: 70px;
    width: 70px;
}

.block-roadmap-main .item:hover .icon {
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}

.block-roadmap-main .item .time {
    color: #EEA34E;
    border-bottom: 1px solid #EEA34E;
    font-size: 20px;
    font-weight: bold;
    padding: 5px 10px;
    padding-left: 60px;
}

.block-roadmap-main .item .desc {
    padding: 15px 10px 5px 15px;
    font-size: 14px;
}

.block-roadmap-main .title-block h2 {
    color: #5EFAF7;
}

.block-roadmap-main .item:hover {
    background: #bdf6f5;
}

.block-roadmap {
    max-width: 1100px;
    margin: auto;
}

.full-map {
    max-width: 1100px;
    margin: auto;
}

.full-map .bg {
    position: absolute;
    top: 256px;
    left: 0;
    right: 0;
    margin: auto;
}

.full-map .bg img.mb {
    display: none;
}

.full-map .bg img {
    width: 100%;
    max-width: inherit;
}

.full-map .block-roadmap {
    max-width: 1020px;
    position: relative;
    z-index: 1;
}

.block-roadmap-main .col:nth-child(1) .item::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 1px;
    background: #efa44e;
    top: 0;
    left: 5px;
}

.block-roadmap-main .col:nth-child(2) .item .time {
    color: #a2d627;
    border-bottom: 1px solid #a2d627;
}

.block-roadmap-main .col:nth-child(2) .item::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 1px;
    background: #a2d627;
    top: 0;
    left: 5px;
}

.block-roadmap-main .col:nth-child(3) .item .time {
    color: #4fee7f;
    border-bottom: 1px solid #4fee7f;
}

.block-roadmap-main .col:nth-child(3) .item::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 1px;
    background: #4fee7f;
    top: 0;
    left: 5px;
}

.block-roadmap-main .col:nth-child(4) .item .time {
    color: #2deecd;
    border-bottom: 1px solid #2deecd;
}

.block-roadmap-main .col:nth-child(4) .item::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 1px;
    background: #2deecd;
    top: 0;
    left: 5px;
}

.block-roadmap-main .col:nth-child(5) .item .time {
    color: #47c6ff;
    border-bottom: 1px solid #47c6ff;
}

.block-roadmap-main .col:nth-child(5) .item::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 1px;
    background: #47c6ff;
    top: 0;
    left: 5px;
}

.block-roadmap-main .col:nth-child(6) .item .time {
    color: #678fff;
    border-bottom: 1px solid #678fff;
}

.block-roadmap-main .col:nth-child(6) .item::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 1px;
    background: #678fff;
    top: 0;
    left: 5px;
}

.block-roadmap-main .col:nth-child(6) .item .time {
    color: #b9a4ff;
    border-bottom: 1px solid #b9a4ff;
}

.block-roadmap-main .col:nth-child(6) .item::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 1px;
    background: #b9a4ff;
    top: 0;
    left: 5px;
}

.block-roadmap-main .col:nth-child(7) .item .time {
    color: #b9a4ff;
    border-bottom: 1px solid #b9a4ff;
}

.block-roadmap-main .col:nth-child(7) .item::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 1px;
    background: #b9a4ff;
    top: 0;
    left: 5px;
}

.block-roadmap-main .col:nth-child(8) .item .time {
    color: #ffa4e7;
    border-bottom: 1px solid #ffa4e7;
}

.block-roadmap-main .col:nth-child(8) .item::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 1px;
    background: #ffa4e7;
    top: 0;
    left: 5px;
}

.block-roadmap-main .col:nth-child(9) .item .time {
    color: #ffa4a5;
    border-bottom: 1px solid #ffa4a5;
}

.block-roadmap-main .col:nth-child(9) .item::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 1px;
    background: #ffa4a5;
    top: 0;
    left: 5px;
}

@media screen and (min-width: 1201px) {
    .block-roadmap-main .row-cols-3 > * {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media screen and (max-width: 1135px) {
    .row-cols-3 > * {
        padding-left: 20px;
        padding-right: 20px;
    }

    .full-map .bg {
        top: 256px;
    }

    .full-map .bg img.mb {
        display: block;
        width: 400px;
        height: inherit;
        margin: auto;
    }

    .full-map .bg img.dk {
        display: none;
    }

    .block-roadmap.row-cols-3 > * {
        width: 100%;
    }

    .block-roadmap-main .item {
        max-width: 300px;
        margin: auto;
        margin-bottom: 42px;
    }
}

@media screen and (max-width: 600px) {
    .full-map {
        margin-bottom: 200px;
    }

    .full-map .bg img.mb {
        width: 320px;
    }

    .block-roadmap-main .item {
        max-width: 220px;
        margin-bottom: 30px;
        position: absolute !important;
        left: 0;
        right: 0;
        z-index: 1;
        height: 200px;
        min-height: inherit;
    }

    .block-roadmap-main .item .icon img {
        width: 55px;
        height: 55px;
    }

    .block-roadmap-main .item .time {
        padding-left: 40px;
        font-size: 18px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .block-roadmap-main .item .desc {
        padding-top: 5px;
        font-size: 11px;
    }

    .full-map .bg {
        top: 205px;
        position: relative;
    }

    .block-roadmap-main .item .icon {
        left: -15px;
    }

    .block-roadmap-main .item .icon img {
        width: 45px;
        height: 45px;
    }

    .block-roadmap-main .col:nth-child(2) .item {
        top: 235px;
    }

    .block-roadmap-main .col:nth-child(3) .item {
        top: 468px;
    }

    .block-roadmap-main .col:nth-child(4) .item {
        top: 702px;
    }

    .block-roadmap-main .col:nth-child(5) .item {
        top: 937px;
    }

    .block-roadmap-main .col:nth-child(6) .item {
        top: 1173px;
    }

    .block-roadmap-main .col:nth-child(7) .item {
        top: 1407px;
    }

    .block-roadmap-main .col:nth-child(8) .item {
        top: 1640px;
    }

    /* .block-roadmap-main .col:nth-child(9) .item{    top: 2095px;} */
}

/* ----------- BLOCK-ABOUT-MAIN ----------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
    .block-about-main .banner {
        margin-bottom: 30px;
    }

    .block-about-main .content {
        text-align: justify;
    }
}

/* ----------- BLOCK-MISSON-MAIN ----------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
    .block-misson-main {
        padding-top: 50px !important;
    }

    .block-misson-main .banner {
        margin-bottom: 30px;
    }

    .block-misson-main .content {
        text-align: justify;
        margin-bottom: 30px;
    }
}

/* ----------- CUSTOM STYLE ----------------------------------------------------------------------------- */

/* DEFAULT */
.text-gray {
    color: #8e8e8e;
}

.title-page h1 {
    font-size: 34px;
    font-weight: bold;
}

.title-block h3 {
    font-size: 34px;
    font-weight: bold;
}

.card-custom {
    background: #002E59;
    border-radius: 12px;
    width: 100%;
    border: 0;
}

.card.card-custom .card-body {
    padding: 20px;
}

.btn-outline-primary {
    height: 44px;
    width: 100%;
    cursor: pointer;
    font-size: 15px;
    color: #ffffff;
    background: transparent;
    border: 1px solid #cdced0;
    border-radius: 8px;
    max-width: 150px;
    transition: transform 0.1s ease 0s, background-color 0.3s ease 0s, border 0.3s ease 0s, color 0.3s ease 0s;
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.active {
    background: #60FFFF;
    color: #fff;
    border-color: #60FFFF;
}

.btn-primary {
    background: linear-gradient(to bottom, #00c3cb 0%, #0090fe 100%);
    color: #fff;
    font-size: 15px;
    min-width: 200px;
    padding: 10px;
    border: 0px;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.active {
    background: linear-gradient(to bottom, #00c3cb 0%, #0090fe 100%);
    color: #ffffff;
}

.btn-primary:disabled {
    color: #a9a9a9;
    background: #f3f3f3;
}

.btn-secondary {
    background: #f3f3f3;
    border-color: #f3f3f3;
    color: #1f1f1f;
    font-size: 15px;
    min-width: 200px;
    border-radius: 8px;
    padding: 10px;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary.active {
    background: #29129d;
    border-color: #29129d;
    color: #fff;
}

.btn-danger {
    background: #ef4444;
    border-color: #ef4444;
    color: #fff;
    font-size: 15px;
    min-width: 200px;
    border-radius: 8px;
    padding: 10px;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger.active {
    background: #d62323;
    border-color: #d62323;
    color: #fff;
}

.btn-google svg {
    margin-right: 5px;
}


/* MENU-LEFT-MAIN */
.menu-left-main {
    padding-top: 80px;
    width: 72px;
    background: rgb(19, 25, 43);
    position: fixed;
    top: 70px;
    left: 0px;
    overflow: hidden;
    min-height: calc(100vh - 70px);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 8px;
    z-index: 1000;
    transition: all 0.2s ease 0s;
    transform: translateX(0px);
    font-weight: bold;
}

.menu-left-main a {
    color: #60FFFF;
}

.menu-left-main a:hover, .menu-left-main a.active {
    color: #ffffff;
}

.menu-left-main a .d-flex {
}

.menu-left-main a .d-flex .icon {
    min-width: 72px;
    text-align: center;
    line-height: 48px;
}

.menu-left-main:hover {
    width: 210px;
}

.menu-left-main .logo-left {
    display: none;
}

/* HEADER */
.header-main {
    width: 100%;
    color: #ffffff;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 10000;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 8px;
    background: #002E59;
}

.header-main .container {
    height: 70px;
}

.header-main .navbar-expand-lg {
    padding: 0;
}

.header-main .logo-main .btn {
    display: none;
}

.header-main .logo-main .btn svg {
    font-size: 20px;
}

.header-main .logo-main .navbar-brand .l-mb {
    display: none;
}

.h-right-action a.link-item {
    color: #00CBFF;
}

.h-right-action a.link-item:hover {
    color: #ffffff;
}

.h-right-action a.link-item svg {
    width: 32px;
}

.h-right-action .link-item {
    font-size: 26px;
    margin-right: 20px;
}

.h-right-action .dropdown .btn {
    background: transparent;
    border: 0;
    color: #00CBFF;
    padding: 0;
    height: inherit;
    min-height: inherit;
    line-height: inherit;
    height: 40px;
    padding-right: 20px;
}

.h-right-action .dropdown .dropdown-toggle::after {
    position: absolute;
    content: "\f0d7";
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'FontAwesome';
    border: 0;
    right: 0;
}

.h-right-action .dropdown .dropdown-toggle[aria-expanded="true"]::after {
    content: "\f0d8";
    font-family: 'FontAwesome';
    color: #4930c1;
}

.h-right-action .dropdown .btn .avatar {
    width: 40px;
    height: 40px;
    font-size: 16px;
    margin-right: 15px;
}

.h-right-action .dropdown .btn .name {
    font-size: 16px;
    font-weight: inherit;
    margin: 0;
    line-height: inherit;
}

.h-right-action .dropdown .dropdown-menu .avatar {
    width: 40px;
    height: 40px;
    font-size: 16px;
    margin-right: 15px;
}

.h-right-action .dropdown .dropdown-menu .name {
    font-size: 16px;
    font-weight: inherit;
    margin: 0;
    line-height: inherit;
}

.h-right-action .dropdown .dropdown-menu {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 8px;
    max-height: calc(100vh - 200px);
    background: rgb(255, 255, 255);
    border-radius: 12px;
    padding: 24px;
    position: absolute;
    top: 60px;
    right: 0px;
    width: 350px;
    font-size: 16px;
    line-height: 20px;
    overflow: auto;
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
    transition: all 0.2s ease 0s;
    z-index: 100005;
    border: 0;
}

.h-right-action .dropdown .dropdown-menu .dropdown-item {
    padding-left: 0;
}

.h-right-action .dropdown .dropdown-menu .dropdown-item .icon {
    width: 24px;
    font-size: 18px;
    margin-right: 15px;
}

.h-right-action .dropdown .dropdown-menu .dropdown-item:hover {
    background: transparent;
    color: #60FFFF;
}

/* PAGE-CONTENT */
.page-content {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    min-height: calc(100vh - 70px);
    flex-direction: column;
    background: rgb(7, 10, 21);
    padding-top: 90px;
    padding-bottom: 50px;
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
}

/* MENU-SIDEBAR */
.menu-sidebar .item a {
    width: 100%;
    padding: 12px 20px;
    margin-bottom: 4px;
    border-radius: 12px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.menu-sidebar .item a .icon {
    width: 40px;
    font-size: 22px;
}

.menu-sidebar .item a .title-sm {
    font-weight: bold;
}

.menu-sidebar .item a .sub-sm {
    font-size: 12px;
}

.menu-sidebar .item a:hover, .menu-sidebar .item a.active {
    background-color: rgb(7, 10, 21);
    color: #60FFFF;
}

/* USER-ID-MAIN */
.user-id-main {
}

.user-id-main .avatar {
    font-size: 36px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 83px;
    width: 83px;
    border-radius: 50%;
    margin-right: 20px;
}

.user-id-main .avatar span {
    width: 23px;
    height: 23px;
    position: absolute;
    top: -2px;
    right: -2px;
    z-index: 100;
    cursor: pointer;
    color: #1f1f1f;
    display: inline-block;
    border-radius: 100%;
    border: 1px solid #1f1f1f;
    font-size: 12px;
    line-height: 23px;
    text-align: center;
    background: #fff;
}

.user-id-main .content .name {
    font-weight: bold;
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 8px;
}

.user-id-main .content .id {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #8e8e8e;
}

/* ITEM-INFO-FORM */
.item-info-form {
}

.item-info-form .text {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #60FFFF;
}

.bor-left-main {
    border-left: 1px solid #60FFFF;
    padding-left: 30px;
    min-height: 550px;
}

@media screen and (max-width: 992px) {
    .header-main .logo-main {
        display: flex;
        align-items: center !important;
    }

    .header-main .logo-main .btn {
        display: block;
    }

    .header-main .logo-main .navbar-brand .l-dk {
        display: none;
    }

    .header-main .logo-main .navbar-brand .l-mb {
        display: block;
    }

    .h-right-action .link-item {
        margin-right: 10px;
    }

    .h-right-action .dropdown .btn {
        min-width: inherit;
    }

    .h-right-action .dropdown .btn svg {
        font-size: 20px;
    }

    .h-right-action .dropdown .btn .avatar {
        margin-right: 0;
    }

    .h-right-action .dropdown .btn .content {
        display: none;
    }

    .menu-left-main {
        display: flex;
        flex-direction: column;
        width: 256px;
        padding-top: 20px;
        position: fixed;
        left: -350px;
        top: 0px;
        bottom: 0px;
        overflow-y: auto;
        background: rgb(255, 255, 255);
        box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 8px;
        transition: all 0.3s ease 0s;
        z-index: 100004;
        height: 100vh;
    }

    .menu-left-main.show-menu-main {
        display: flex;
        flex-direction: column;
        width: 256px;
        padding-top: 20px;
        position: fixed;
        left: 0px;
        top: 0px;
        bottom: 0px;
        overflow-y: auto;
        background: rgb(7, 10, 21);
        box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 8px;
        transition: all 0.3s ease 0s;
        z-index: 100004;
        height: 100vh;
    }

    .menu-left-main .logo-left {
        align-items: center !important;
        display: flex;
        padding: 30px 0px 30px 20px;
        justify-content: space-between !important;
    }

    .menu-left-main .logo-left img {
        width: 150px;
    }

    .menu-left-main .logo-left .btn {
        font-size: 20px;
    }

    .menu-left-main a .d-flex .icon {
        line-height: 38px;
    }

    .title-page h1, .title-block h3 {
        font-size: 22px;
    }

    .user-id-main .content .name {
        font-size: 16px;
        line-height: inherit;
    }

    .user-id-main .avatar {
        width: 55px;
        height: 55px;
        font-size: 22px;
    }

    .bor-left-main {
        border: 0;
        padding-left: 0;
        min-height: inherit;
    }

    .menu-sidebar {
        margin-bottom: 50px;
    }

    .item-info-form .btn-outline-primary {
        min-width: initial;
        width: inherit;
    }
}

/* ----------- PAGE LOGIN ----------------------------------------------------------------------------- */
.page-login {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    min-height: 100vh;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
    background: rgb(7, 10, 21);
    opacity: 1;
    transform-origin: 50% 50% 0px;
}

.block-form-login {
    width: 500px;
    margin: 80px auto;
    padding: 40px 30px;
    background: #002E59;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 8px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
}

.page-login .form-control {
    background: #D2FFFF;
    border-radius: 8px;
    width: 100%;
    height: 50px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px 0px 20px;
    border: 2px solid rgb(243, 243, 243);
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.05) 2px 2px 8px;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.page-login .logo img {
    width: 200px;
}

.page-login .title h1 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
}

.page-login a {
    font-size: 12px;
    color: #60FFFF;
}

@media screen and (max-width: 767px) {
    .block-form-login {
        max-width: calc(100% - 32px);
        padding: 32px 16px 16px;
        margin: 40px auto;
    }

    .page-login .logo img {
        width: 170px;
    }
}

.nav-pills.custom-nav .nav-link {
    color: rgb(31, 31, 31);
    font-size: 14px;
    font-weight: 500;
    margin-right: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    border-radius: 100px;
    padding: 0px 12px;
    height: 35px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    transition: all 0.2s ease 0s;
    color:#fff;
}

.nav-pills.custom-nav .nav-link.active {
    background: #00CBFF;
    border-radius: 100px;
    padding: 0px 12px;
    height: 35px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    transition: all 0.2s ease 0s;

    color: #000;
}


.block-nav-btn-team {
    background: rgb(7, 10, 21);
    height: 90px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    z-index: 1003;
}

.block-nav-btn-team .btn-arrow {
    margin: 4px;
    border-radius: 8px;
    height: 50px;
    width: 50px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background: none;
    border: 2px solid #f3f3f3;
    color: #f3f3f3;
}

.block-nav-btn-team .btn-line {
    text-align: center;
    margin: 4px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    height: 50px;
    width: 197px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    color: rgb(255, 255, 255);
    border: 2px solid #00CBFF;
    cursor: pointer;
}

.block-nav-btn-team .btn-full {
    text-align: center;
    margin: 4px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    height: 50px;
    width: 197px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    background: rgb(0, 248, 138);
    box-shadow: none;
    color: rgb(255, 255, 255);
}

.block-team {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    margin: auto;
}

.block-team .team-index {
    width: 100%;
    margin-bottom: 8px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    text-align: center;
    font-size: 12px;
    color: #fff;
}

.block-team .team-index strong {
    color: #60FFFF;
}

.block-team {
}

@media screen and (max-width: 1280px) {
    .block-nav-btn-team .btn-arrow {
        display: none;
    }

    .block-nav-btn-team .btn-line, .block-nav-btn-team .btn-full {
        font-size: 12px;
    }
}

@media screen and (max-width: 992px) {
    .block-team .team-index {
        display: none;
    }

    .nav-pills.custom-nav {
        display: block;
        overflow: auto;
        white-space: nowrap;
    }

    .nav-pills.custom-nav li {
        display: inline-block;
    }

    .nav-pills.custom-nav .nav-link {
        margin-right: 8px;
    }

}

/* TEAM-MAIN */
.team-main {
    margin-bottom: 8px;
    background: #002E59;
    border-radius: 12px;
    min-width: 680px;
    padding: 12px 15px;
    width: 100%;
    display: -webkit-box;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    text-align: center;
    position: relative;
    min-height: 230px;
}

.team-main .m-team .avatar {
    font-size: 102px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    margin: auto auto 12px;
    font-size: 40px;
}

.team-main .m-team .avatar svg {
    font-size: 40px;
}

.team-main .m-team .id {
    font-size: 12px;
}

.team-main .m-team .user {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}

.team-main .m-team .value {
    font-size: 12px;
}

.team-main .m-team .value strong {
}

.team-main .custom-l-team {
}

.team-main .custom-l-team .title-sm {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #60FFFF;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.team-main .custom-l-team .text {
    font-size: 12px;
}

.team-main .custom-l-team .content-volume {
    border-bottom: 1px solid #60FFFF;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.team-main .custom-l-team .content-volume .value {
    font-size: 22px;
    font-weight: bold;
}

.team-main .custom-l-team .content-volume .desc {
    color: #60FFFF;
}

.team-main .custom-l-team .content-volume .desc span {
    color: #fff;
}

.team-main .custom-l-team .content-total {
}

.team-main .custom-l-team .content-total .item {
}

.team-main .custom-l-team .content-total .item .value {
    font-size: 22px;
    font-weight: bold;
}

.team-main .custom-l-team .content-total .item .desc {
    color: #60FFFF;
}

.team-main .custom-l-team .content-total .item .desc span {
    color: #fff;
}

@media screen and (max-width: 992px) {
    .team-main .l-team, .team-main .r-team {
        display: none;
    }
}

/* TEAM-MAP */
.team-map {
}

.team-map .line-1 {
}

.team-map .line-1 .block {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.team-map .line-1 .block .circle {
    background: rgb(255, 255, 255);
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.team-map .line-1 .block .line-ver {
    border-left: 1px dashed rgb(255, 255, 255);
    height: 18px;
}

.team-map .line-1 .block .line-hori {
    border-top: 1px dashed rgb(255, 255, 255);
    border-left: 1px dashed rgb(3255, 255, 255);
    border-right: 1px dashed rgb(255, 255, 255);
    border-radius: 5px 5px 0px 0px;
    width: 50%;
    height: 18px;
    position: relative;
}

.team-map .line-1 .block .arrows {
    flex: 0 0 auto;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.team-map .line-1 .block .arrows.arrows-left {
    position: absolute;
    left: -5px;
    bottom: -14px;
}

.team-map .line-1 .block .arrows.arrows-right {
    position: absolute;
    right: -5px;
    bottom: -14px;
}

.team-map {
}

.team-list-badge .badge {
    color: rgb(239, 68, 68);
    padding: 10px;
    border-radius: 12px;
    background: rgba(239, 68, 68, 0.1);
    font-size: 12px;
    margin: 0px 5px 8px;
    cursor: pointer;
    font-weight: inherit;
}

.team-marg-bottom {
    margin-bottom: 200px;
}

/* LEVEL-USER */
.level-user {
    display: flex;
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin-bottom: 80px;
    margin-top: 20px;
}

.level-user .level-item {
    width: 50%;
    display: flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.level-user .level-item .block-level-plus {
    border-radius: 10px;
    padding: 12px;
    min-width: 270px;
    min-height: 132px;
    margin-bottom: 8px;
    align-self: center;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.level-user .level-item .level-plus {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #00CBFF;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
}

.team-map .line-2 {
    opacity: 0.3;
}

.team-map .line-2 .block {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.team-map .line-2 .block .circle {
    background: rgb(255, 255, 255);
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.team-map .line-2 .block .line-ver {
    border-left: 1px dashed rgb(255, 255, 255);
    height: 18px;
}

.team-map .line-2 .block .line-hori {
    border-top: 1px dashed rgb(255, 255, 255);
    border-left: 1px dashed rgb(255, 255, 255);
    border-right: 1px dashed rgb(255, 255, 255);
    border-radius: 5px 5px 0px 0px;
    width: 50%;
    height: 18px;
    position: relative;
}

.team-map .line-2 .block .arrows {
    flex: 0 0 auto;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.team-map .line-2 .block .arrows.arrows-left {
    position: absolute;
    left: -5px;
    bottom: -14px;
}

.team-map .line-2 .block .arrows.arrows-right {
    position: absolute;
    right: -5px;
    bottom: -14px;
}

.level-user-2 {
    display: flex;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.level-user-2 .level-item-2 {
    width: 50%;
    display: flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.level-user-2 .level-item-2 .block-level-plus {
    opacity: 0.1;
    border-radius: 10px;
    width: 95%;
    max-width: 117px;
    min-height: 92px;
    margin: 8px 5px;
    align-self: center;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.level-item-3 {
    display: flex;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.level-item-3 .item {
    width: 50%;
    display: flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.level-item-3 .item .block-level-plus {
    opacity: 0.1;
    border-radius: 10px;
    width: 95%;
    max-width: 117px;
    min-height: 92px;
    margin: 8px 5px;
    align-self: center;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.level-item-3 .item .block-level-plus .level-plus {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #00CBFF;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer;
}

@media screen and (max-width: 992px) {
    .level-user .level-item .block-level-plus {
        min-width: auto;
        width: 95%;
        max-width: 99px;
    }
}

/* BLOCK-TOTAL-TEAM */
.block-total-team {
    display: flex;
    margin: 32px 0px;
}

.block-total-team .item-total {
    width: 50%;
}

.block-total-team .item-total:first-child .title-sm {
    text-align: right;
}

.block-total-team .item-total .title-sm {
    font-size: 16px;
    font-weight: 600;
}

.block-total-team .line {
    flex: 0 0 auto;
    height: auto;
    margin: 0px 50px;
    background: rgba(72, 48, 193, 0.19);
    width: 1px !important;
    min-height: 300px;
}

.block-balance-team {
    width: 100%;
    max-width: 680px;
    padding: 1px;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 8px;
}

.block-balance-team .block-balance-gird {
    background: rgb(255, 255, 255);
    border-radius: 8px;
    width: 100%;
    display: flex;
}

.block-balance-team .time {
    height: 100px;
    width: calc(34%);
    background: rgb(0, 248, 138);
    border-radius: 8px 0px 0px 8px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: rgb(255, 255, 255);
}

.block-balance-team .item-lg {
    width: calc(50%);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
}

.block-balance-team .item-lg h1 {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    color: rgb(31, 31, 31);
    margin-bottom: 8px;
    font-weight: 600;
}

.block-balance-team .item-lg .content-sm {
    font-size: 12px;
    width: 100%;
}

.block-balance-team .item-lg .content-sm .item .text {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: rgb(142, 142, 142);
    margin-bottom: 4px;
    opacity: 0.7;
}

.block-balance-team .item-lg .content-sm .item .value {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: rgb(31, 31, 31);
}

.block-balance-team .item-lg .content-sm .item {
    padding-left: 5px;
    padding-right: 5px;
}

.max-w-680 {
    max-width: 680px;
}

.custom-marg-40 {
    margin: 40px auto;
}

.block-balance-team .block-balance-gird .content {
    display: flex;
    width: 66%;
}

@media screen and (max-width: 992px) {
    .block-balance-team .block-balance-gird {
        display: block;
    }

    .block-balance-team .time {
        width: 100%;
        border-radius: 8px;
    }

    .block-balance-team .block-balance-gird .content {
        width: 100%;
        padding: 20px 10px;
    }
}

/* BLOCK-TEAM-GENERATION */
.block-team-generation {
}

.block-team-generation .item-sm {
    width: 100%;
    max-width: 680px;
    padding: 1px;
    border-radius: 8px;
    margin: auto auto 20px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 8px;
}

.block-team-generation .item-sm .d-flex {
    background: rgb(255, 255, 255);
    border-radius: 8px;
    width: 100%;
    display: flex;
}

.block-team-generation .item-sm .total-left {
    background: rgb(243, 243, 243);
    width: 40%;
    color: rgb(169, 169, 169);
    height: 100px;
    border-radius: 8px 0px 0px 8px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
}

.block-team-generation .item-sm .total-left h2 {
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.01em;
    margin-left: 24px;
}

.block-team-generation .item-sm .total-left h2 span {
    font-size: 12px;
}

.block-team-generation .item-sm .item-time {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    width: 33.333%;
}

.block-team-generation .item-sm .item-time .text {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: rgb(142, 142, 142);
    margin-bottom: 4px;
    opacity: 0.7;
}

.block-team-generation .item-sm .item-time .value {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: rgb(31, 31, 31);
}

.block-team-generation .item-sm .content {
    display: flex;
    width: 60%;
}

@media screen and (max-width: 992px) {
    .block-team-generation .item-sm .d-flex {
        display: block !important;
    }

    .block-team-generation .item-sm .total-left {
        justify-content: space-between !important;
        padding: 15px;
        height: inherit;
        min-height: 64px;
        width: 100%;
        border-radius: 8px;
    }

    .block-team-generation .item-sm .content {
        width: 100%;
        padding: 15px;
    }
}

/* BLOCK-RANKING-TEAM */
.block-ranking-team {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 8px;
    border-radius: 16px;
    padding: 40px;
    margin-bottom: 40px;
    background-color: rgba(255, 255, 255, .5);
    backdrop-filter: blur(10px);
}

.block-ranking-team .title-ranking {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    gap: 10px;
}

.block-ranking-team .title-ranking .item-logo {
    display: flex;
    flex: 0 0 auto;
}

.block-ranking-team .title-ranking .item-logo img {
    margin-right: 20px;
    width: 70px;
}

.block-ranking-team .title-ranking .item-logo .title {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-direction: column;
    font-weight: bold;
}

.block-ranking-team .title-ranking .line {
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.block-ranking-team .title-ranking .line .line-sm {
    border-bottom: 1px dashed rgb(90, 90, 90);
    width: 100%;
    margin: 0px 0px 0px 20px;
}

.block-ranking-team .title-ranking .arrows {
    flex: 0 0 auto;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-right: 20px;
}

.block-ranking-team .link-bottom a {
    color: #4830c1;
}

.overlay-fixed {
    position: fixed;
    inset: 0px;
    background: rgba(28, 23, 22, 0.1);
    backdrop-filter: blur(5px);
    visibility: visible;
    opacity: 0;
    z-index: -1;
    transition: all 0.5s ease 0s;
    height: 100vh;
}

.overlay-fixed.active {
    position: fixed;
    inset: 0px;
    background: rgba(28, 23, 22, 0.1);
    backdrop-filter: blur(5px);
    visibility: visible;
    opacity: 1;
    z-index: 100003;
    transition: all 0.5s ease 0s;
    height: 100vh;
}

@media screen and (max-width: 992px) {
    .block-ranking-team .title-ranking .item-logo img {
        width: 40px;
        margin-right: 5px;
    }

    .block-ranking-team .title-ranking .item-logo .title {
        font-size: 12px;
    }
}

@media screen and (max-width: 600px) {
    .block-ranking-team .title-ranking .line {
        display: none;
    }
}

/* BLOCK-NAV-TEAM */
.block-nav-team .block-search {
    position: absolute;
    top: 0;
    right: 0;
}

.block-search .form-control {
    background-color: rgb(255, 255, 255);
    padding: 10px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    margin-bottom: 10px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 8px;
    min-width: 285px;
    border: 0;
    padding-left: 50px;
}

.block-search .btn {
    position: absolute;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}

.block-search .btn:hover {
}

@media screen and (max-width: 992px) {
    .team-main {
        min-width: initial;
        margin-left: auto;
        margin-right: auto;
    }

    .block-nav-team .block-search {
        position: static;
    }
}

/* ----------- PAGE RESOURCES ----------------------------------------------------------------------------- */
.item-resources {
    background-color: #002E59;
    border-radius: 10px;
}

.item-resources .title {
    font-size: 22px;
    font-weight: bold;
}

.item-resources .title .icon {
    width: 32px;
    height: 32px;
    background: rgb(72, 48, 193);
    box-sizing: border-box;
    border-radius: 6px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: #fff;
    margin-right: 15px;
}

.item-resources .title .icon svg {
    font-size: 16px;
}

.item-resources .list-unstyled {
    color: #5a5a5a;
    font-size: 16px;
}

.item-resources .list-unstyled li {
    position: relative;
    padding-left: 35px;
}

.item-resources .list-unstyled li::before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: #60FFFF;
    border-radius: 100%;
    top: 9px;
    left: 20px;
}

.item-resources .list-unstyled li a {
    color: #60FFFF;
}

/* FOOTER */
footer {
    width: 100%;
    padding: 20px 0;
    margin: 0px auto;
    max-width: 100%;
    z-index: 1;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 8px;
}

footer .logo {
    margin-right: 20px;
}

footer .logo img {
    height: 24px;
}

footer .content {
    font-size: 12px;
    color: #8e8e8e;
}

footer .content a {
    color: #8e8e8e;
}

/* ITEM-EARNINGS */
.item-earnings {
    width: 100%;
    padding: 15px;
    border-radius: 8px;
    background: rgb(7, 10, 21);
    margin-bottom: 15px;
    box-shadow: rgba(255, 255, 255, 0.05) 0px 4px 8px;
}

.item-earnings .title {
    font-size: 12px;
    color: #8e8e8e;
}

.item-earnings .value {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
}

.item-earnings .time-total {
    color: #60FFFF;
    font-size: 12px;
    color: #60FFFF;
    font-weight: bold;
}

.item-earnings .time-total svg {
    position: relative;
    top: 3px;
    margin-right: 5px;
}

/* ITEM-BONUSES */
.item-bonuses {
    width: 100%;
    padding: 15px;
    border-radius: 8px;
    background: #002E59;
    margin-bottom: 15px;
    box-shadow: rgba(255, 255, 255, 0.05) 0px 4px 8px;
}

.item-bonuses .title {
    font-size: 12px;
    color: #e8e5e5;
}

.item-bonuses .content .btn-sm {
    width: 100%;
    cursor: pointer;
    color: rgb(31, 31, 31);
    background-color: rgb(255, 255, 255);
    font-size: 11px;
    border-radius: 8px;
    height: 30px;
    max-width: 70px;
    transition: transform 0.1s ease 0s, background-color 0.3s ease 0s, border 0.3s ease 0s, color 0.3s ease 0s;
}

.item-bonuses .content .value-right .value {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
}

.item-bonuses .content .value-right .time-total {
    color: #60FFFF;
    font-size: 12px;
    color: #60FFFF;
    font-weight: bold;
}

.item-bonuses .content .value-right .time-total svg {
    position: relative;
    top: 3px;
    margin-right: 5px;
}

/* TITLE-SM-ICON */
.title-sm-icon {
    font-weight: bold;
}

.title-sm-icon svg {
    width: 24px;
    margin-right: 8px;
}

/* LIST-BTN-FILTER */
.list-btn-filter .btn {
    flex: 0 0 auto;
    margin-left: 12px;
    cursor: pointer;
    width: 48px;
    height: 48px;
    background: rgb(0, 248, 138);
    box-sizing: border-box;
    border-radius: 50%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: #fff;
}

/* BLOCK-FILTER-EARNINGS */
.block-filter-earnings {
}

.block-filter-earnings .block-search {
    width: 100%;
}

.block-filter-earnings .block-search .form-control {
    margin-bottom: 0;
}

.desc-earnings {
    font-size: 14px;
    color: #8e8e8e;
}

.block-earnings-main .bor-left-main {
    min-height: 850px;
}

@media screen and (max-width: 992px) {
    .block-earnings-main .bor-left-main {
        min-height: inherit;
    }

    .block-filter-earnings {
        display: block !important;
    }

    .block-filter-earnings .block-search {
        margin-bottom: 15px;
    }

    .list-btn-filter {
        justify-content: center !important;
    }
}

/* ----------- PAGE GAMING HUB ----------------------------------------------------------------------------- */
.desc-gaminghub {
    font-size: 16px;
}

/* ITEM-GAMINGHUB */
.item-gaminghub {
    cursor: pointer;
    position: relative;
    width: 100%;
    height: 100%;
    margin-bottom: 16px;
    background-color: #002E59;
    border-radius: 24px;
    transition: all 300ms ease 0s;
}

.item-gaminghub .thumb {
    width: 170px;
    -webkit-box-flex: 1;
    flex: 0 0 auto;
    aspect-ratio: 1 / 1;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    align-items: flex-end;
   
    border-radius: 20px;
    overflow: hidden;
}

.item-gaminghub .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.item-gaminghub .content {
    width: 100%;
    padding: 24px;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    gap: 20px;
}

.item-gaminghub .content .c-left .title {
    font-size: 22px;
    line-height: 32px;
    font-weight: bold;
    color: #60FFFF;
    margin-bottom: 4px;
}

.item-gaminghub .content .c-left .balance {
    color: #8e8e8e;
    margin-bottom: 12px;
    font-size: 16px;
}

.item-gaminghub .content .c-right {
    font-weight: bold;
    text-align: right;
}

.item-gaminghub .content .c-right .value {
    color: #60FFFF;
}

.item-gaminghub .content .c-right .desc {
    color: #60FFFF;
    margin-bottom: 15px;
}

.item-gaminghub .content .c-right .total {
    display: flex;
    -webkit-box-pack: end;
    justify-content: end;
    align-items: flex-end;
}

.item-gaminghub .content .c-right .total .value-lg {
    font-size: 34px;
    line-height: 40px;
    font-weight: 700;
    margin-right: 15px;
}

.item-gaminghub .content .c-right .total .desc-sm {
    font-size: 12px;
}

.item-gaminghub .btn.btn-primary {
    height: 44px;
    width: 150px;
    cursor: pointer;
    font-size: 15px;
    color: rgb(31, 31, 31);
    background-color: rgb(255, 255, 255);
    border-radius: 8px;
    transition: transform 0.1s ease 0s, background-color 0.3s ease 0s, border 0.3s ease 0s, color 0.3s ease 0s;
    min-width: inherit;
}

.item-gaminghub:hover, .item-gaminghub.active {
    background-color: rgba(0, 46, 89, 0.75);
}

.item-gaminghub:hover .btn.btn-primary, .item-gaminghub.active .btn.btn-primary {
    height: 44px;
    width: 150px;
    cursor: pointer;
    font-size: 15px;
    color: rgb(255, 255, 255);
    border: none;
    border-radius: 8px;
}

@media screen and (max-width: 992px) {
    .item-gaminghub .content .c-right {
        display: none;
    }
}

/* BLOCK-INFO-GAMINGHUB */
.block-info-gaminghub {
}

.block-info-gaminghub .title {
    font-size: 22px;
    line-height: 32px;
    color: #4830c1;
    font-weight: bold;
}

.block-info-gaminghub .content {
    background-color: rgb(242, 246, 255);
    padding: 24px;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 8px;
    border: 1px solid rgb(243, 243, 243);
    color: #8e8e8e;
}

.block-info-gaminghub .content .title-sm {
    font-size: 18px;
    color: #8e8e8e;
}

.block-info-gaminghub .content .item-sm {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.block-info-gaminghub .content .item-sm svg {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: rgb(72, 48, 193);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border: 2px solid rgb(72, 48, 193);
    flex: 0 0 auto;
    margin: 0px 12px 0px 0px;
    color: #fff;
    display: inline-block;
}


.card .card-body .content .value {
    color: #fff
}

.bg-images {
    background-image: url(../images/bg2.png);
    background-position: bottom ;
    background-repeat: no-repeat;
    background-size: 100% 50%;
}

@media (min-width: 320px) and (max-width: 479px) {
    body {
        font-size: 14px;
    }
}

.bg-effect {
    background: linear-gradient(to bottom, #005F85 0%, #002C57 100%);
}

/* ----------- PAGE HOME ----------------------------------------------------------------------------- */
/* BLOCK-VERIFICATION-MAIN */
.block-verification-main h3 {
    font-weight: bold;
}

.block-verification-main .desc {
    color: #8e8e8e;
    font-size: 16px;
}

.block-verification-main .badge.text-bg-secondary {
    background: rgb(242, 246, 255) !important;
    border-radius: 12px;
    padding: 10px;
    margin-bottom: 12px;
    color: rgb(142, 142, 142) !important;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 140%;
    display: inline-flex;
    font-weight: 500;
}

.block-verification-main.custom-revenue {
    padding: 40px;
}

.block-verification-main.custom-revenue .card-body {
    padding: 0;
}

@media screen and (max-width: 767px) {
    .block-verification-main.custom-revenue .banner {
        margin-top: 30px;
    }

    .block-verification-main .d-flex.justify-content-between {
        display: block !important;
    }

    .block-verification-main .c-left {
        margin-bottom: 15px;
    }
}

/* BLOCK-POINTS-MAIN */
.card.block-points-main {
    width: 100%;
    background: #002E59;
    border-radius: 16px;
    margin-bottom: 24px;
    padding: 40px;
}

.card.block-points-main .card-body {
    padding: 0;
}

.card.block-points-main .title {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
}

.card.block-points-main .title .icon {
    color: #60FFFF;
    width: 42px;
    font-size: 30px;
}

.card.block-points-main .content {
    color: #ffffff;
    font-size: 12px;
}

.card.block-points-main .content .value {
    color: #ffffff;
    margin-right: 8px;
    font-size: 18px;
    font-weight: bold;
    line-height: initial;
}

.card.block-points-main .content .desc span {
    color: #60FFFF;
    margin-right: 8px;
    font-weight: bold;
}

.card.block-office-main {
    padding: 40px;
}

.card.block-office-main .card-body {
    padding: 0;
}

.card.block-office-main hr {
    margin: 32px 0;
}

.block-office-main .c-left .item .title {
    font-size: 12px;
    color: #60FFFF;
}

.block-office-main .c-left .item .value {
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
}

.block-office-main .c-left .item .desc {
    color: #fff;
}

.block-office-main .c-left .item .desc strong {
    color: #60FFFF;
}

.block-office-main .c-left .item-balance-sm .thumb {
    margin-right: 20px;
}

.block-office-main .c-left .item-balance-sm .thumb img {
    height: 43px;
}

.block-office-main .c-left .item-balance-sm .title {
    color: #60FFFF;
}

.block-office-main .c-left .item-balance-sm .value {
    font-weight: bold;
    font-size: 34px;
    line-height: 40px;
}

.block-office-main .c-right .item .icon {
    color: #60FFFF;
    font-size: 20px;
    margin-right: 15px;
}

.block-office-main .c-right .item .content .title-sm {
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
}

.block-office-main .c-right .item .content .desc-sm {
    color: #fff;
}

.block-office-main .user-id-main {
    position: relative;
}

.block-office-main .user-id-main .avatar {
    font-size: 96px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 200px;
    width: 280px;
    border-radius: 50%;
    margin: auto;
}

.block-office-main .user-id-main .content {
    text-align: center;
    bottom: -10px;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 12px;
    background: rgb(0, 248, 138);
    border-radius: 22px;
    opacity: 0.95;
    width: 100%;
    position: absolute;
}

.block-office-main .user-id-main .content .name {
    font-size: 18px;
    font-weight: bold;
    color: #4830c1;
    line-height: inherit;
}

.block-office-main .user-id-main .content .desc {
    font-size: 34px;
    line-height: 40px;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .block-office-main .user-id-main {
        margin-bottom: 50px;
    }

    .block-office-main .content-main-right {
        display: block !important;
    }

    .block-office-main .content-main-right .c-left {
        margin-bottom: 50px;
    }

    .block-office-main .c-left .item .value {
        font-size: 30px;
        line-height: inherit;
    }

    .block-office-main .c-left .item-balance-sm .value {
        font-size: 24px;
        line-height: inherit;
    }

    .block-office-main .user-id-main .content .desc {
        font-size: 24px;
    }
}

/* ITEM-WALLET-SM */
.item-wallet-sm {
    border-radius: 16px;
    padding: 20px;
    background: rgb(7, 10, 21);
    color: rgb(0, 248, 138);
    min-height: 100px;
}

.item-wallet-sm .icon {
    color: #4830c1;
    font-size: 28px;
    margin-right: 30px;
}

.item-wallet-sm .title {
    font-size: 12px;
    color: #8e8e8e;
}

.item-wallet-sm .c-right .btn.btn-primary {
    min-width: inherit;
}

.item-wallet-sm.custom-content .content {
    margin-right: 30px;
}

/* BLOCK-DEPOSIT-MAIN */
.block-deposit-main {
}

.block-deposit-main .thumb-code {
}

.block-deposit-main .thumb-code img {
    height: 250px;
}

.block-deposit-main .form-control {
    padding-right: 50px;
}

@media screen and (max-width: 767px) {
    .block-deposit-main {
        text-align: center;
    }

    .block-deposit-main .text-start {
        text-align: center !important;
    }
}

/* ITEM-QR-CODE-FORM */
.item-qr-code-form {
}

.item-qr-code-form .btn {
    top: 0;
    right: 0;
    height: 54px;
    width: 54px;
    font-size: 22px;
}

.item-qr-code-form .btn:hover {
    background: #4830c1;
    color: #fff;
}

.form-control {
    background: rgb(255, 255, 255);
    border-radius: 8px;
    width: 100%;
    border: 2px solid rgb(243, 243, 243);
    box-shadow: rgba(0, 0, 0, 0.05) 2px 2px 8px;
}

@media screen and (min-width: 992px) {
    .offcanvas {
        min-width: 508px;
    }

    .offcanvas .offcanvas-header {
        padding-left: 35px;
        padding-right: 35px;
    }

    .offcanvas .offcanvas-body {
        padding-left: 35px;
        padding-right: 35px;
    }
}

.offcanvas {
    z-index: 99999;
}

.offcanvas .title h4 {
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: rgb(31, 31, 31);
    font-weight: 600;
}

.offcanvas .desc {
    color: #8e8e8e;
}

/* ----------- PAGE ORDERS ----------------------------------------------------------------------------- */
.block-orders-main {
    overflow: auto;
    background: #fff;
    height: 322px;
}
.btn-order{
    background: #0091BE;
    color: #fff;
}
.btn-order:hover{
    background: rgba(0, 145, 190, 0.7);
    color: rgba(0, 0, 0, 0.7);
}

.custom-table-flex .custom-t-head {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    padding: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 17px;
    color: rgb(255, 255, 255);
    font-weight: 600;
    min-width: 600px;
}

.custom-table-flex .custom-t-head .t-th {
    width: 16.66%;
}

.custom-table-flex .custom-t-body {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: rgb(142, 142, 142);
    font-size: 15px;
    background: rgb(7, 10, 21);
    margin-bottom: 10px;
    padding: 10px 20px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 8px;
    border-radius: 8px;
    min-width: 600px;
}

.custom-table-flex .custom-t-body .t-td {
    width: 16.66%;
}

.block-hubs-main .title-page h3 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
}

.block-hubs-main .item-wallet-sm .content .value {
    color: #1f1f1f;
}

.block-hubs-main .item-wallet-sm .content .value strong {
    font-size: 18px;
}


/* USER-LEVEL-PLUS */
.user-level-plus {
    margin-top: 10px;
}

.user-level-plus .d-flex {
    font-weight: bold;
}

.user-level-plus .d-flex .item {
    margin-left: 5px;
    margin-right: 5px;
}

.user-level-plus .d-flex .item .text {
    color: #60FFFF;
}

.level-user .level-item .level-plus {
    position: relative;
}

.level-user .level-item .level-plus span {
    color: #ff1515;
    right: -9px;
    bottom: -5px;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .user-level-plus .d-flex .item {
        font-size: 10px;
    }
}


/* ----------- PAGE / UPDATE MY TEAM ----------------------------------------------------------------------------- */
.modal {
    z-index: 99999;
}

.modal-content {
    background: #002E59;
    color: #60FFFF;
}

.modal-content .fa-solid, .fas {
    color: rgb(212, 210, 210);
}

.custom-m-team .user-id-main .avatar {
    width: 64px;
    height: 63px;
}

.custom-m-team .user-id-main .content .name {
    font-size: 24px;
    margin-bottom: 0;
}

.custom-m-team .dropdown-item {
    padding-left: 0;
    font-size: 16px;
}

.custom-m-team .dropdown-item .icon {
    width: 24px;
    font-size: 18px;
    margin-right: 15px;
}

.custom-m-team .dropdown-item:hover {
    background: transparent;
    color: #60FFFF;
}

.custom-m-team textarea.form-control {
    height: 100px;
}

.custom-m-team .d-flex .form-label {
    margin-bottom: 0;
}

.custom-m-team .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
}

.custom-m-team .btn-copy-sm {
    font-size: 18px;
}

.custom-m-team .btn-copy-sm:hover, .custom-m-team .btn-copy-sm:focus {
    color: #60FFFF;
}

.custom-m-team .modal-body {
    padding: 24px;
}

/* ----------- REPONSIVE ----------------------------------------------------------------------------- */
@media screen and (max-width: 1500px) {
    .page-content {
        padding-left: 100px;
        padding-right: 100px;
    }
}

@media screen and (max-width: 992px) {
    .page-content {
        padding-left: 0;
        padding-right: 0;
    }

    .block-nav-btn-team {
        display: none;
    }
}

.c-left .value {
    color: #ffffff
}


/* OFFCANVAS */
.offcanvas .thumb-code img {
    width: 250px;
    display: block;
    margin: auto;
}

.btn-outline-primary {
    min-width: 85px;
}

.veri-step-2 {
    display: none;
}

.list-input-veri .form-control {
    margin-left: 2.5px;
    margin-right: 2.5px;
}

.veri-step-2 .btn-sendcode {
}

@media screen and (max-width: 767px) {
    .btn-outline-primary {
        min-width: inherit;
    }
}

/* CUSTOM MENU */
@media screen and (max-width: 992px) {
    header .offcanvas {
        background: #13192BFF;
        padding: 30px;
    }

    header .offcanvas .offcanvas-header {
        border-bottom: 1px solid #1c3584;
    }

    header .menu .navbar-nav .nav-item .nav-link {
        font-size: 20px;
    }

    header .menu .navbar-nav {
        align-items: initial !important;
        margin-bottom: 30px;
    }

    header .offcanvas .d-flex.justify-content-center {
        justify-content: initial !important;
    }
}

.text-highlight {
    color: #60FFFF;
}