body {
    overflow-x: hidden;
}

.cursor {
    cursor: pointer;
}

.home-bg {
    background-image: linear-gradient(to top, #FFFFFF 0%, #989BD9 60%);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

.back-img {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.bank-mark-img{
    width: 57%;
    position: absolute;
    top: 420px;
    left: 0px;
    z-index: 1;
}

.main-menu {
    margin-top: 4%;
    padding: 0px 4%;
    margin-bottom: 3.5%;
}

.main-logo {
    width: 40%;
}

.register-btn {
    background-color: #E53E33;
    border: none;
    border-radius: 30px;
    color: white;
}

.menu-content {
    display: none;
}

.join-us-card {
    background-color: #FFFFFF;
    border-radius: 30px;
    z-index: 1;
    position: relative;
    text-align: -webkit-center;
}

.join-us-img {
    width: 100%;
}

.join-us-img2 {
    width: 30%;
    position: absolute;
    top: 15%;
    left: 35%;
} 

.join-us-img3 {
    width: 45%;
    position: absolute;
    top: 11%;
    left: 48%;
}

.join-us-text-cont {
    font-size: 1.8rem;
}

.join-us-text-cont2 {
    font-size: 1.4rem;
}

.join-us-text-cont3 {
    font-size: 1.3rem;
}

.price-pacage-cont {
    text-align: -webkit-center;
    z-index: 1;
}

.price-pacage-txt {
    font-size: 2rem;
    font-weight: 700;
}

.price-pacage-txt2 {
    text-align: center;
    font-size: 1.1rem;
}

.gold-pass-parent {
    text-align: -webkit-center;
}

.gold-pass-child1 {
    position: relative;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    background-color: #FFFFFF;
    z-index: 1;
    width: 90%;
}

.gpass-tag-img {
    position: absolute;
    width: 14%;
    top: 0%;
    left: 13%;
}

.gold-pass-child2 {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    background-color: #E2B20A;
    z-index: 1;
    width: 90%;
}

.gold-pass-txt {
    font-size: 1.4rem;
    font-weight: 600;
    color: #E2B20A;
}

.pass-txt {
    font-size: 1rem;
}

.gold-pass-price-txt {
    font-size: 1.4rem;
    font-weight: 600;
    color: #FFFFFF;
}


.platinum-pass-parent {
    text-align: -webkit-center;
}

.platinum-pass-child1 {
    position: relative;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    background-color: #FFFFFF;
    z-index: 1;
    width: 90%;
}

.ppass-tag-img {
    position: absolute;
    width: 14%;
    top: 0%;
    left: 13%;
}

.platinum-pass-child2 {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    background-color: #9339DF;
    z-index: 1;
    width: 90%;
}

.platinum-pass-txt {
    font-size: 1.4rem;
    font-weight: 600;
    color: #9339DF;
}

.platinum-pass-price-txt {
    font-size: 1.4rem;
    font-weight: 600;
    color: #FFFFFF;
}

.column-resp-fun {
    display: flex;
    justify-content: center;
}

.column-resp-fun2 {
    display: flex;
    justify-content: center;
    margin-top: 2em;
}

.join-us-banner-cont {
    margin-top: 3%;
    z-index: 1;
}

.join-us-banner-img {
    width: 100%;
}

.nav-bar-cont div {
    display: none;
}

.nav-menu {
    display: block;
}

.bi-list {
    font-size: xx-large;
}

.sub-baner-cont {
    position: relative;
}

.ban-logo-img-cont {
    position: absolute;
    top: 2%;
}

.ban-logo-img {
    width: 25%;
}

.sec2-home-bg {
    background-image: linear-gradient(to bottom, #FFFFFF, #989BD9);
    width: 100%;
}

.vector-img {
    width: 100%;
    height: 42.8%;
    position: absolute;
    z-index: 0;
}

.register-cont {
    text-align: -webkit-center;
    z-index: 1;
}

.register-txt {
    font-size: 2rem;
    font-weight: 700;
}

.register-txt2 {
    text-align: center;
    font-size: 1.1rem;
}

.individual-btn {
    background-color: transparent;
    border: none;
    font-size: 1rem;
    padding-left: 2.7rem;
    padding-right: 2.7rem;
    border-radius: 30px;
}

.corporate-btn {
    background-color: transparent;
    border: none;
    font-size: 1rem;
    padding-left: 2.7rem;
    padding-right: 2.7rem;
    border-radius: 30px;
}

.register-type-btn-cont {
    background-color: #d4d2d27f;
    border-radius: 30px;
    z-index: 1;
}

.individual-form-cont-parent {
    margin-left: 6%;
    margin-right: 6%;
}

.individual-form-cont {
    background-color: #FBFBFB;
    border-radius: 30px;
    z-index: 1;
}

.form-control, .form-select {
    border-radius: 30px;
    background-color: transparent;
}

.form-brand-cont {
    text-align: -webkit-center;
}

.form-main-logo {
    width: 30%;
}

.form-sub-logo {
    width: 60%;
}


/* Form Gold Pass style */

.gold-pass-form-parent, .gold-pass-form-parent div {
    display: none;
}

.gold-pass-form-child1 {
    position: relative;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    background-color: #FFFDE8;
    z-index: 1;
    width: 90%;
}

.gpass-tag-form-img {
    position: absolute;
    width: 12%;
    top: 0%;
    left: 13%;
}

.gold-pass-form-child2 {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    background-color: #E2B20A;
    z-index: 1;
    width: 90%;
}

.gold-pass-form-txt {
    font-size: 1.1rem;
    font-weight: 600;
    color: #E2B20A;
}

.form-pass-txt {
    font-size: 0.7rem;
    font-weight: 500;
}

.form-gold-pass-price-txt {
    font-size: 1.1rem;
    font-weight: 600;
    color: #FFFFFF;
}

/* form platinum pass style */
.platinum-pass-form-parent, .platinum-pass-form-parent div {
    display: none;
}

.platinum-pass-form-child1 {
    position: relative;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    background-color: #eee2f8;
    z-index: 1;
    width: 90%;
}

.ppass-tag-form-img {
    position: absolute;
    width: 12%;
    top: 0%;
    left: 13%;
}

.platinum-pass-form-child2 {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    background-color: #9339DF;
    z-index: 1;
    width: 90%;
}

.platinum-pass-form-txt {
    font-size: 1.1rem;
    font-weight: 600;
    color: #9339DF;
}

.form-platinum-pass-price-txt {
    font-size: 1.1rem;
    font-weight: 600;
    color: #FFFFFF;
}

.total-cont-parent {
    padding-left: 6%;
    padding-right: 6%;
    font-size: 2.4%;
}

.total-container {
    font-size: 1rem;
    font-weight: 700;
    border-radius: 30px;
    background-color: #FBFBFB;
    z-index: 1;
}

.terms-condition-cont {
    margin-left: 10%;
}

input.terms-condition {
    width: 18px;
    height: 18px;
}

.submit-cont {
    padding-bottom: 8%;
    z-index: 1;
}

.individual-submit-btn {
    color: #FFFFFF;
    background-color: #435CE0;
    border: none;
    border-radius: 30px;
    padding: 1% 10%;
    z-index: 2;
}

.corporate-form-parent {
    margin-left: 6%;
    margin-right: 6%;
}

.corporate-form-sub {
    background-color: #FFFFFF;
    z-index: 1;
    border-radius: 30px;
}

.corporate-form-cont-parent {
    margin-left: 6%;
    margin-right: 6%;
}

.corporate-form-cont {
    background-color: #FBFBFB;
    border-radius: 30px;
    z-index: 1;
}

.participant-cont-parent {
    margin-left: 6%;
    margin-right: 6%;
    z-index: 1;
}

.participant-cont-child {
    z-index: 1;
}

.gold-stamp {
    background-color: #E2B20A;
    color: #FFFFFF;
    font-size: 10px;
    border-radius: 20px;
    padding: 3px 10px;
    display: none;
}

.platinum-stamp {
    background-color: #9339DF;
    color: #FFFFFF;
    font-size: 10px;
    border-radius: 20px;
    padding: 3px 10px;
    display: none;
}

.delete-participant {
    font-size: 160%;
    font-weight: 600;
}

.minimize {
    font-size: 160%;
    font-weight: 600;
}

.maximize {
    font-size: 160%;
    font-weight: 600;
    display: none;
}


@media screen and (min-width: 600px) {

    .column-resp-fun {
        display: flex;
        justify-content: end;
    }

    .column-resp-fun2 {
        display: flex;
        justify-content: start;
        margin-top: 0em;    
    }

    .nav-bar-cont div {
        display: block;
    }

    .nav-menu {
        display: none;
    }

    .main-logo {
        width: 80%;
    }

    .individual-btn {
        background-color: transparent;
        border: none;
        font-size: 1rem;
        padding-left: 6.1rem;
        padding-right: 6.1rem;
        border-radius: 30px;
    }
    
    .corporate-btn {
        background-color: transparent;
        border: none;
        font-size: 1rem;
        padding-left: 6rem;
        padding-right: 6rem;
        border-radius: 30px;
    }
}