body {
    background-color: #F5F7FB;
}

:root {
    --gb-primary-color: #289EF4;
}

.layout-left {}

.special-list img {
    width: 100px;
}

.plans-title {
    text-transform: uppercase;
    text-align: center;
    padding: 6px;
}

.plans {
    row-gap: 10px;
    justify-content: center;
}

.subs-plan {
    padding: 8px;
    text-align: center;
    border: 1px solid var(--gb-primary-color);
    border-radius: 16px;
}

.subs-plan {
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    box-shadow: 1px 2px 3px #9196a0;
}

.subs-plan .plan-name {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 200;
    font-family: Arial, Helvetica, sans-serif;
}

.subs-plan .plan-fee {
    font-size: 18px;
    font-weight: 600;
}

.mw-max-content {
    max-width: max-content;
}

.return-back-text {
    text-align: center;
    color: currentColor;
    display: block;
    padding-top: 2rem;
}

.input-customize {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    flex-direction: column;
    margin-top: 0.5rem !important;
}

@media only screen and (max-width : 768px) {
    .hide-if-mobile {
        display: none !important;
    }

    .layout-right {
        margin-top: 0;
    }

    .logo-if-mobile {
        padding-bottom: 0 !important;
    }

    .login-if-mobile {
        padding-top: 0 !important;
    }
}