body,
html {
    font-family: Lato, sans-serif;
    font-size: 10px;
    margin: 0;
}

h1,
h2,
h3 {
    font-family: Ubuntu, sans-serif
}

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box
}

a {
    text-decoration: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: none;
}

.dot {
    height: 40px;
    width: 40px;
    background-color: #DB1C24;
    border-radius: 50%;
    display: inline-block;
}

.bar-base {
    display: grid;
    grid-template-columns: repeat(auto-fill, 170px);
    grid-gap: 20px 30px;
    justify-content: center;
    justify-items: center;
}

.bar {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #0A1F441A;
    border-radius: 4px;
    opacity: 1;
    text-align: center;
    display: flex;
    align-items: center;
    min-height: 110px;
    width: 142px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: space-around;
}


.right_side_sec .bar p {
    font: normal normal 700 25px/29px Ubuntu;
    letter-spacing: 0px;
    color: #707070;
}

.right_side_sec hr {
    border-top: 3px solid rgb(0 0 0 / 38%);
}

.bar p img {
    vertical-align: baseline;
}

.demo_text {
    padding-top: 5px;
    padding-left: 20px;
}

.step_icon_column {
    flex: 1 0 10%;
    margin-left: 15px;
}

    .step_icon_column::after {
        content: '';
        border-left: 2px dotted #db1c24;
        height: 40px;
        position: absolute;
        left: 35px;
        margin-top: 40px;
        opacity: 0.6;
    }

    .step_icon_column.last::after {
        opacity: 0;
    }

.step_text_column {
    flex: 1 0 82%;
    height: 80px;
}

@media (min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1228px
    }
}

@media (min-width:1420px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1246px
    }
}

@media (min-width:1950px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1356px
    }
}

.uppernav {
    background: #000;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 88px;
    display: flex;
    align-items: center;
    z-index: 1;
    border-bottom: 1px solid transparent
}

    .uppernav::before {
        content: '';
        background-image: url(../images/redline.svg);
        top: 0;
        left: 0;
        height: 5px;
        position: absolute;
        width: 100%;
    }

    .uppernav .navbar-expand-lg {
        padding: 0
    }

        .uppernav .navbar-expand-lg.navbar-light .navbar-brand {
            padding: 0;
            margin: 0
        }

    .uppernav .navbar-light .navbar-nav .nav-link {
        color: #fff;
        font-size: 1.4rem;
        line-height: 1.7rem;
        padding: 0 5.2rem 0 0
    }

        .uppernav .navbar-light .navbar-nav .nav-link.dropdown-toggle:after {
            display: none
        }

        .uppernav .navbar-light .navbar-nav .nav-link object {
            margin: 0 12px 0 0
        }

            .uppernav .navbar-light .navbar-nav .nav-link object.downarrow {
                margin: 0 0 0 6px;
                transition: all 0.5s ease;
            }

    .uppernav .navbar-light .navbar-nav .dropdown-menu {
        padding: .5rem 0 1.5rem;
        top: 40px
    }

        .uppernav .navbar-light .navbar-nav .dropdown-menu .dropdown-item {
            font-size: 1.4rem;
            padding: 1rem 2rem 0;
            color: #1B1B1B;
            background: none
        }

            .uppernav .navbar-light .navbar-nav .dropdown-menu .dropdown-item span {
                margin-right: 10px
            }

    .uppernav .navbar-light .navbar-nav .nav-item.dropdown.show object.downarrow {
        transform: rotate(180deg);
    }

.defaultbtn {
}

.defaultbtn {
    width: 24rem;
    height: 4rem;
    border-radius: 3px;
    background: #11b46c;
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: 0.02px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    padding: 0;
    text-decoration: none
}

    .defaultbtn a {
        width: 24rem;
        height: 4rem;
        border-radius: 3px;
        background: #11b46c;
        font-size: 1.6rem;
        font-weight: 500;
        letter-spacing: 0.02px;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 0;
        padding: 0;
        text-decoration: none
    }

.maincontent {
    padding: 8.8rem 0 0
}

.loginbox {
    padding: 5.2rem 0;
    display: flex;
    justify-content: center;
}

.loginbox_outer {
    width: 56rem;
}

.loginbox_inner {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px #0A1F441A;
    border: 1px solid #70707066;
    padding: 3.6rem 9rem
}

    .loginbox_inner h2 {
        font-size: 2.6rem;
        margin: 0;
        text-align: center;
        color: #1B1B1B;
        font-weight: 400;
    }

.account {
    margin: 2.9rem 0 0;
    text-align: center;
    color: #707070;
    font-size: 1.6rem;
    line-height: 2.2rem;
    display: block;
}

    .account a {
        margin: 0 0 0 2rem;
        color: #11B46C;
        text-decoration: none;
    }

        .account a img {
            margin: 0 0 0 1.2rem
        }

.loginbox_inner .form-group {
    margin: 2.6rem 0 0
}

    .loginbox_inner .form-group label {
        color: #707070;
        font-size: 1.4rem;
        line-height: 2rem;
        margin: 0 0 4px;
    }

    .loginbox_inner .form-group input.form-control {
        border: 1px solid rgba(112,112,112,.5);
        border-radius: 3px;
        height: 68px;
        color: #707070;
        font-size: 1.4rem;
        padding: 0 3rem;
        margin: 0;
    }

        .loginbox_inner .form-group input.form-control:focus {
            box-shadow: 0 0 0 0.2rem rgba(17, 180, 108, .25);
        }

    .loginbox_inner .form-group + .form-group {
        margin: 2rem 0 0
    }

.incrorrect_btn {
    margin: 4.2rem 0 0
}

    .incrorrect_btn span {
        width: 100%;
        height: 6.6rem;
        border-radius: 0;
        background: #F6F6F8;
        font-size: 1.4rem;
        font-weight: 500;
        color: #707070;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 0;
        padding: 30px;
        text-decoration: none;
    }

.forgetpass {
}

    .forgetpass a {
        margin: 2.6rem 0 0;
        color: #11B46C;
        text-decoration: none;
        font-size: 1.4rem;
        display: block;
        text-align: center;
    }

        .forgetpass a:hover {
            text-decoration: underline;
        }

.loginbox_inner .defaultbtn {
    width: 31rem;
    height: 5rem;
    margin: 5rem auto 0;
    position: relative;
    top: 0;
    transition: box-shadow .2s ease, top .2s ease;
}

    .loginbox_inner .defaultbtn:hover {
        box-shadow: 0 0 10px rgb(10 31 68 / 10%);
        background: #0aab64;
        top: -6px;
        color: #fff;
    }

    .loginbox_inner .defaultbtn a {
        width: 31rem;
        height: 5rem;
        margin: 5rem auto 0;
        position: relative;
        top: 0;
        transition: box-shadow .2s ease, top .2s ease;
    }

        .loginbox_inner .defaultbtn a:hover {
            box-shadow: 0 0 10px rgb(10 31 68 / 10%);
            background: #0aab64;
            top: -6px;
            color: #fff;
        }

footer {
    background: #000;
    position: relative;
}

    footer::before {
        content: '';
        background-image: url(../images/redline.svg);
        top: 0;
        left: 0;
        height: 5px;
        position: absolute;
        width: 100%;
    }

.social_icon {
    margin: 0 0 1.8rem
}

    .social_icon a {
        text-decoration: none
    }

        .social_icon a + a {
            margin: 0 0 0 .9rem
        }

        .social_icon a:hover img, .social_icon a img + img {
            display: none
        }

            .social_icon a:hover img + img {
                display: inline;
            }

.footerinner {
    padding: 7.9rem 0
}

    .footerinner p {
        font-size: 1.6rem;
        margin: 0;
        line-height: 2.2rem;
        color: rgb(255 255 255 / 70%);
    }

        .footerinner p a {
            color: rgb(255 255 255 / 70%);
            text-decoration: underline;
            padding: 1px;
        }

        .footerinner p + p {
            margin: 2.6rem 0 0
        }


@media (min-width: 768px) and (max-width: 991px) {
    .maincontent {
        padding: 6rem 0 0;
        transition: transform 0.3s ease-in-out 0s;
        overflow-x: hidden;
    }

    .bodyanimate .maincontent {
        transform: translate3d(480px, 0px, 0px);
        transition: transform 0.3s ease-in-out 0s;
    }

    .bodyanimate .navbar-collapse {
        transform: translate3d(0px, 0px, 0px);
        transition: transform 0.3s ease-in-out 0s;
        display: block;
    }

    .uppernav {
        background: #fff;
        height: 7rem;
        padding: .5rem 1.7rem 0;
    }

    .bodyanimate .uppernav {
        border-bottom-color: #E1E1E1
    }

    .navbar-light .navbar-toggler[aria-expanded="false"] img + img {
        display: none
    }

    .navbar-light .navbar-toggler[aria-expanded="true"] img {
        display: none
    }

        .navbar-light .navbar-toggler[aria-expanded="true"] img + img {
            display: block;
            margin: auto;
        }

    .defaultbtn {
        margin-left: auto;
    }

        .defaultbtn a {
            margin-left: auto;
        }

    .navbar-light .navbar-toggler {
        padding: 0;
        border: 0;
        margin: 0 0 0 3rem;
        width: 36px;
    }

    .navbar-collapse {
        position: fixed;
        top: 7rem;
        left: 0;
        right: 0;
        bottom: 0;
        width: 49rem;
        background: #fff;
        transition: all 0.1s ease;
    }

    .uppernav .navbar-light .navbar-nav .nav-link {
        padding: 1.6rem 3.2rem;
        border-bottom: 1px solid #E1E1E1;
        color: #1B1B1B
    }

        .uppernav .navbar-light .navbar-nav .nav-link object {
            filter: invert(100%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);
        }

    .uppernav .navbar-light .navbar-nav .nav-item:nth-child(2) {
        order: -1;
    }

    .uppernav .navbar-light .navbar-nav .dropdown-menu {
        border: 0
    }

        .uppernav .navbar-light .navbar-nav .dropdown-menu .dropdown-item {
            padding: 1rem 3.2rem 0
        }

    .step_text_column {
        height: 100px;
    }

    .step_icon_column::after {
        height: 60px;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .maincontent {
        padding: 6rem 0 0;
        transition: transform 0.3s ease-in-out 0s;
        overflow-x: hidden;
    }

    .bodyanimate .maincontent {
        transform: translate3d(480px, 0px, 0px);
        transition: transform 0.3s ease-in-out 0s;
    }

    .bodyanimate .navbar-collapse {
        transform: translate3d(0px, 0px, 0px);
        transition: transform 0.3s ease-in-out 0s;
        display: block;
    }

    .uppernav {
        background: #fff;
        height: 6rem;
        padding: .5rem 0 0
    }

    .bodyanimate .uppernav {
        border-bottom-color: #E1E1E1
    }

    .navbar-light .navbar-toggler[aria-expanded="false"] img + img {
        display: none
    }

    .navbar-light .navbar-toggler[aria-expanded="true"] img {
        display: none
    }

        .navbar-light .navbar-toggler[aria-expanded="true"] img + img {
            display: block;
            margin: auto;
        }

    .defaultbtn {
        margin-left: auto;
    }

    .defaultbtn {
        width: 14.4rem;
        height: 3.2rem;
        font-size: 1.4rem
    }

        .defaultbtn a {
            margin-left: auto;
        }

        .defaultbtn a {
            width: 14.4rem;
            height: 3.2rem;
            font-size: 1.4rem
        }

    .navbar-light .navbar-toggler {
        padding: 0;
        border: 0;
        margin: 0 0 0 1.5rem;
        width: 36px;
    }

    .navbar-collapse {
        position: fixed;
        top: 6rem;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        background: #fff;
        transition: all 0.1s ease;
    }

    .uppernav .navbar-light .navbar-nav .nav-link {
        padding: 1.6rem 3.2rem;
        border-bottom: 1px solid #E1E1E1;
        color: #1B1B1B
    }

        .uppernav .navbar-light .navbar-nav .nav-link object {
            filter: invert(100%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);
        }

    .uppernav .navbar-light .navbar-nav .nav-item:nth-child(2) {
        order: -1;
    }

    .uppernav .navbar-light .navbar-nav .dropdown-menu {
        border: 0
    }

        .uppernav .navbar-light .navbar-nav .dropdown-menu .dropdown-item {
            padding: 1rem 3.2rem 0
        }

    .loginbox {
        padding: 0 0 3.6rem
    }

    .loginbox_inner {
        width: 100%;
        padding: 6.2rem 0 0;
        border: 0;
        box-shadow: none
    }

        .loginbox_inner h2 {
            font-size: 2rem
        }

    .account {
        margin: 2.4rem 0 0;
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .loginbox_inner .form-group input.form-control {
        height: 5.5rem
    }

    .incrorrect_btn {
        margin: 2.6rem 0 0
    }

    .footerinner {
        padding: 4.3rem 0
    }

        .footerinner p {
            font-size: 1.4rem;
            line-height: 2rem
        }

            .footerinner p + p {
                margin: 2rem 0 0;
            }

    .step_text_column {
        height: 100px;
    }

    .step_icon_column::after {
        height: 60px;
    }
}

.nav-overlay {
    background: transparent;
}

/*#region Overlay */

.noscroll {
    overflow: hidden;
}

[aria-hidden="true"] {
    display: none;
}

[aria-hidden="false"] {
    display: block;
}

.overlay {
    position: fixed;
    z-index: 1500;
    overflow-y: hidden;
    overflow-x: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(40,40,40, .75);
}

    .overlay .overlay-content {
        margin-top: 0;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    .overlay .overlay-content-box {
        width: 56rem;
        position: relative;
        z-index: 100;
    }

    .overlay .overlay-content-box-body {
        /*background: #fff;
        padding: 20px;
        border-top: 0;
        border-radius: 10px;*/
        background: #FFFFFF;
        box-shadow: 0px 0px 10px #0a1f441a;
        border: 1px solid #70707066;
        padding: 3.6rem 9rem;
    }

        .overlay .overlay-content-box-body h2 {
            font-size: 2.6rem;
            margin: 0;
            text-align: center;
            color: #1B1B1B;
        }

.popup-fill {
    position: fixed;
    width: 100%;
    height: 100%;
}

.form-group-custom {
    margin: 3rem 0 0;
}

    .form-group-custom label {
        color: #707070;
        font-size: 1.4rem;
        line-height: 2rem;
        margin: 0 0 4px;
    }

    .form-group-custom input.form-control {
        border: 1px solid rgba(112,112,112,.5);
        border-radius: 3px;
        height: 68px;
        color: #707070;
        font-size: 1.4rem;
        padding: 0 3rem;
        margin: 0;
    }


/*#endregion */

/*#region input_log */

.input_log {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    align-self: center;
    padding-top: 2rem;
}

    .input_log label {
        font-size: 1.4rem;
    }

        .input_log label.note {
            margin: 1.6rem 0 0;
            text-align: center;
            color: #707070;
        }

.defaultbtn_b {
    width: 31rem;
    height: 5rem;
    margin: 3rem auto 0;
    position: relative;
    top: 0;
    transition: box-shadow .2s ease, top .2s ease;
}

    .defaultbtn_b:hover {
        box-shadow: 0 0 10px rgb(10 31 68 / 10%);
        background: #0aab64;
        top: -6px;
        color: #fff;
    }

.input_log input.white_tc {
    background: #fff;
}

.input_log input.phonecode {
    width: 100px
}

.input_log .input-group-text {
    background: none;
    border: 0;
    padding: 0;
    display: initial;
    margin-right: 2rem;
}

.input_log input[type="checkbox"] {
    font-size: 1.6rem;
    width: 20px;
    height: 20px;
}

.input_log select {
    width: 400px;
    height: 50px;
    background-color: #F2F2F2;
    border-radius: 10px;
}

    .input_log select.white_tc {
        background: #F2F2F2;
    }

    .input_log select .opt {
        border-radius: 50%;
        background: red;
    }

    .input_log select.number {
        max-width: 5rem;
    }

.input-group > .form-control.phone {
    width: 280px;
    height: 50px;
    background: #F2F2F2;
    border-radius: 10px;
    flex: 0 1 auto;
}

/*#endregion */

select.form-control {
    background-image: linear-gradient(45deg, transparent 50%, #495057 50%), linear-gradient(135deg, #495057 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 12px) calc(1em + 7px), calc(100% - 7.5px) calc(1em + 7px), calc(100% - 2.5em) 0.5em;
    background-size: 6px 5px, 5px 6px, 0 0;
    background-repeat: no-repeat;
}

    select.form-control:focus {
        background-image: linear-gradient(45deg, #495057 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #495057 50%), linear-gradient(to right, #ccc, #ccc);
        background-position: calc(100% - 7.5px) calc(1em + 7px), calc(100% - 12px) calc(1em + 6px), calc(100% - 2.5em) 0.5em;
        background-size: 6px 5px, 5px 6px, 0 0;
        background-repeat: no-repeat;
        outline: 0;
    }


select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.hide {
    display: none;
}

/*#region Flag icon additional */

.flag-icon-en {
    background-image: url(https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/0.8.2/flags/4x3/us.svg);
}

.flag-icon-ja {
    background-image: url(https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/0.8.2/flags/4x3/jp.svg)
}

.flag-icon-ar {
    background-image: url(https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/0.8.2/flags/4x3/sa.svg)
}

.flag-icon-vi {
    background-image: url(https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/0.8.2/flags/4x3/vn.svg)
}

.flag-icon-ms {
    background-image: url(https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/0.8.2/flags/4x3/my.svg)
}

/*#endregion */

/*#region SC EU Policy */

.Cookiepolicy_box {
    background: #fff;
    border: 1px solid var(--LightGeyserBorder);
    border-radius: 0.3rem;
    box-shadow: 0px 0px 10px rgba(10, 31, 68, 0.1);
    color: #2d3436;
    text-align: justify;
    font-size: 1.4rem;
    padding: 2.7rem 2rem;
}

    .Cookiepolicy_box .Cookiepolicy_box_Title {
        text-align: center;
        font-size: 1.6rem;
        color: #1b1b1b;
        line-height: 2rem;
        margin: 0 0 1.2rem;
        font-weight: bold;
    }

.CookiePolicyScPopup_btns {
    display: grid;
    grid-template-columns: 23rem 23rem;
    justify-content: space-between;
    margin: 3.1rem 0 0;
}

    .CookiePolicyScPopup_btns a {
        border: 1px solid #11b46c;
        border-radius: .3rem;
        height: 5rem;
        color: #11b46c;
        font-size: 1.4rem;
        text-align: center;
        display: block;
        line-height: 1.7rem;
        padding: .7rem 0;
    }

        .CookiePolicyScPopup_btns a span {
            font-size: 1.3rem;
            font-style: italic;
            display: block;
        }

@media (min-width: 320px) and (max-width: 767px) {
    .CookiePolicyScPopup_btns {
        grid-template-columns: 26.8rem;
        grid-row-gap: 2.4rem;
        justify-content: center;
    }

    .Cookiepolicy_box {
        padding: 2.7rem 2rem;
    }
}

/*#endregion */