@font-face {
    font-family: 'fs-font';
    src: url(../font/fs-elliot-proregular.otf);
}

@font-face {
    font-family: "FS-Regular";
    src: url('../font/FSElliotPro-Regular.otf');
}

@font-face {
    font-family: "CormorantInfant";
    src: url('../font/CormorantInfant-Regular.ttf');
}

@font-face {
    font-family: "CormorantInfant-B";
    src: url('../font/CormorantInfant-Bold.ttf');
}

@font-face {
    font-family: 'FS_font';
    src: url(../font/FSElliotPro-Regular.otf);
}



.Bali {
    background-image: url(../img/bg1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 864px;
    height: 1080px;
    color: #FFF;
    padding-top: 506px
}

.contSection {
    margin-top: -50px;
    margin-left: 320px;
    padding-right: 20px;
    width: 380px;
}

h3 {
    padding: 5px;
    font-family: 'FS_font';
    font-weight: 400;
    font-size: 27px;
    color: #55FFF5;

}

h5 {
    font-weight: 400;
    font-size: 15px;
    font-family: 'FS_font';
    margin-left: 11px;
}

.mainbg {
    background-image: url(../img/Background.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 864px;
    height: 1080px;
    color: #FFF;
    padding-top: 506px
}

.Jeju {
    background-image: url(../img/bg2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 864px;
    height: 1080px;
    color: #FFF;
    padding-top: 506px
}

.LA_Single {
    background-image: url(../img/bg4.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 864px;
    height: 1080px;
    color: #FFF;
    padding-top: 506px
}

.Jeju .contSection {
    margin-top: -50px;
    margin-left: 330px;
    padding-right: 20px;
    width: 380px;
}

.LA_Super {
    background-image: url(../img/bg5.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 864px;
    height: 1080px;
    color: #FFF;
    padding-top: 506px
}
.LA_Double {
    background-image: url(../img/bg3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 864px;
    height: 1080px;
    color: #FFF;
    padding-top: 506px
}

.LA_Double .contSection {
    margin-top: -50px;
    margin-left: 310px;
    padding-right: 20px;
    width: 380px;
}

.LA_Super .contSection {
    margin-top: -50px;
    margin-left: 325px;
    padding-right: 20px;
    width: 380px;
}
.LA_Single .contSection {
    margin-top: -50px;
    margin-left: 295px;
    padding-right: 20px;
    width: 380px;
}

body {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

.login-a {
    background-image: url(../img/BG-Evening.png);
    width: 100%;
    min-height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
}

.login_a-main {
    display: flex;
    flex-wrap: wrap;
    padding-left: 6.666%;
    padding-right: 6.666%;

}

.login_a-text {
    width: 56%;
    padding-top: 2.9%;
}

h1 {
    color: var(--white, #FFF);
    font-family: 'fs-font';
    font-size: 5.729vw;
    font-weight: 700;
    margin: 0%;
    padding-top: 3%;
}

.LightH1 {
    font-weight: 500 !important;
}


.login_a-text h4 {
    font-size: 45px;
    color: #FFF;
    font-family: 'fs-font';
    font-size: 2.344vw;
    font-weight: 700;
    margin: 0%;
    padding-top: 1.1%;
}

.login_a-text p {
    margin-top: 42%;
    color: #FFF;
    font-family: 'fs-font';
    font-size: 0.9375vw;
    font-weight: 400;
}

.login_a-text p span {
    font-weight: 700;
}

.login_a-code {
    width: 44%;
    display: flex;
    align-items: center;
}

.login_a-code form {
    padding: 1.8229vw 2.6042vw;
    width: 650px;
    /*height: 330px;*/
    border-radius: 25px;
    background-color: #FFF;
}

.login_a-code h3 {
    font-family: 'fs-font';
    font-size: 2vw;
    font-weight: 700;
    text-align: center;
    color: var(--navy, #004C97);
}

.login_a-code p {
    font-family: 'fs-font';
    font-size: 1.0417vw;
    font-weight: 400;
    text-align: center;
    color: var(--navy, #004C97);
}

.login_a-code .couston-input {
    display: flex;
    align-items: baseline;
    padding-right: 10px;
}

.login_a-code .couston-input {
    margin: 10px 0px;
    width: 100%;
    border-radius: 50px;
    background: var(--sky-blue-1, #E5F4FD);
    border: none;
    color: var(--navy, #004C97);
    font-family: 'fs-font';
    font-size: 1.302vw;
    font-weight: 400;
    outline: none;
}

.login_a-code input {
    padding: 0.521vw 1.042vw;
    width: 100%;
    border: none;
    color: var(--navy, #004C97);
    font-family: 'fs-font';
    font-size: 1.302vw;
    font-weight: 400;
    background-color: transparent;
    outline: none;

}

.login_a-code .couston-input:hover {
    border: 1.5px solid var(--cyan, #00C4D9) !important;
    box-shadow: none !important;
}

input::placeholder {
    color: var(--navy, #004C97);
}

.login_a-code button {
    width: 100%;
    border-radius: 33px;
    background: var(--navy, #004C97);
    color: #FFF;
    text-align: center;
    font-family: 'fs-font';
    font-size: 25px;
    font-weight: 700;
    border: transparent;
    padding: 0.521vw 1.042vw;
}

.login_a-code button:hover {
    background: linear-gradient(44deg, #0076CF 33.54%, #00C4D9 82.89%);
}

.login_a-code button:active {
    background: linear-gradient(44deg, #0076CF 33.54%, #00C4D9 82.89%);
}

.login_a-main .mob-pra {
    display: none;
}

@media screen and (max-width: 991px) {
    .login-a {
    background-image: url(../img/mobileBG1.png);
        width: 100%;
        background-repeat: no-repeat;
    }

    .login_a-text {
        width: 100%;
        padding-top: 2.9%;
    }

    .login_a-code {
        margin-top: 28px;
        width: 100%;
    }

    .login_a-text>img {
        width: 63.49vw !important;
        padding-top: 24px;
    }

    .login_a-text h4 {
        font-size: 5.81vw
    }

    h1 {
        font-size: 12.5581vw;
    }

    .login_a-text p {
        display: none;
    }

    .login_a-code form {
        padding: 6.98vw;
        border-radius: 15px;
        /*width: 348px;*/
        /*height: 226px;*/
    }

    .login_a-code h3 {
        font-size: 6.98vw;
    }

    .login_a-code p {
        font-size: 2.79vw;
    }

    .login_a-code input,
    .login_a-code button {
        font-size: 3.72vw;
    }

    .login_a-main .mob-pra {
        margin-top: 30px;
        display: block;
        color: var(--white, #FFF);
        font-family: 'fs-font';
        font-size: 2.56vw;
        font-weight: 400;
    }

    .login_a-main .mob-pra span {
        font-weight: 700;
    }
}



.rsvp-group-a {
    background-image: url(../img/BG-Evening.png);
    width: 100%;
    min-height: 100vh;
    background-repeat: no-repeat;
}

.signpn-main {
    display: flex;
    flex-wrap: wrap;
    padding-left: 6.666%;
    padding-right: 6.666%;
}

.signup-text {
    width: 56%;
    padding-top: 2.9%;
}

.signup-text h4 {
    color: #FFF;
    font-family: 'fs-font';
    font-size: 2.344vw;
    font-weight: 700;
    margin: 0%;
    padding-top: 1.1%;
}

.signup-text .map-hotel {
    align-items: baseline;
    margin-bottom: 20px;
}

.signup-text .map-hotel p {
    color: var(--white, #FFF);
    font-family: 'fs-font';
    font-size: 1.72vw;
    font-weight: 700;
}

.signup-text .map-hotel a {
    color: #FFF;
    font-family: 'fs-font';
    font-size: 1.30vw !important;
    font-weight: 400;
}

.leader-meet h4 {
    text-align:center;
    padding-left:5px;
    padding-right:5px;
    background: var(--PETRONAS-lime-green, #BFD730);
    color: var(--dark-navy, #002855);
    margin-bottom: 20px;
}

.leader-meet h4,
.leader-meet h5 {
    font-family: 'fs-font';
    font-size: 1.56vw;
    font-weight: 700;
    color: #56FFF5;
}


.leader-meet h6 {
    color: var(--white, #FFF);
    font-family: 'fs-font';
    font-size: 1.30vw;
    font-style: italic;
    font-weight: 400;
}

.agency-kick h4 {
    text-align:center;
    background: var(--PETRONAS-lime-green, #BFD730);
    color: var(--dark-navy, #002855);
    margin-bottom: 20px;
}

.CustomBorderSky{
    border: 1px solid;
    border-color: #56FFF5;
    width:80%;
    margin-bottom: 5px;
}

.CustomBorderYallow{
    border: 1px solid;
    border-color: #9DFF3B;
    width:80%;
    margin-bottom: 5px;
}

.agency-kick h4,
.agency-kick h5 {
    font-family: 'fs-font';
    font-size: 1.56vw;
    font-weight: 700;
    color: #9DFF3B;

}

.agency-kick h6 {
    color: var(--white, #FFF);
    font-family: 'fs-font';
    font-size: 1.30vw;
    font-style: italic;
    font-weight: 400;
}

.edit-pra {
    margin-top: 30px;
    color: var(--white, #FFF);
    text-shadow: -1px 2px 12px rgba(0, 40, 85, 0.60);
    font-family: 'fs-font';
    font-size: 0.94vw;
    font-weight: 400;
}

.edit-pra span {
    font-weight: 700;
}


.signup-form {
    width: 44%;
    margin-top: 1.531vw;
    padding-left: 1%;
}

.form-inner {
    max-width: 100%;
    padding: 1.823vw 2.604vw;
    border-radius: 25px;
    background: var(--white, #FFF);
    box-shadow: -5px 5px 15px 0px rgba(0, 0, 0, 0.15);
    transition: all 0.5s ease;
}

.form-inner form {
    overflow-y: auto;
    height: 492px;
}

.form-inner form::-webkit-scrollbar {
  display: none;
}

.form-inner .accordion-header {
    border: none;
}

.form-inner .accordion button {
    background-color: transparent;
    font-size: 1.04vw;
    color: #004C97;
    font-family: 'fs-font';
    border: none;
    border-radius: 0%;
    outline: none;
    margin-left: 0px;
    padding-left: 0%;
    padding: 0%;
}

.form-inner .accordion button {
    box-shadow: none;
    outline: none;

}

.form-inner .accordion button input {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    padding: 0%;
    border-radius: 0%;
}

.form-inner .accordion button input,
.form-inner .accordion button label {
    margin-top: 15px;
}

.accordion-button::after {
    background-image: url(../img/vector-1.svg);
}

.accordion-button:not(.collapsed)::after {
    background-image: url(../img/vector-1.svg);

}

.accordion-item {
    border: none;
}

.accordion-button:not(.collapsed) {
    box-shadow: none;
}

.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    border-radius: 0%;
}

.form-inner .accordion button:hover {

    background: unset;
    border: unset;
}

.accordion-body {
    padding: 0%;
    text-align: start;
    color: var(--navy, #004C97);
    font-family: 'fs-font';
    font-size: 1.04vw;
    font-weight: 400;
}

/* Base Styles */
.form-inner .accordion button input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    appearance: none;
    border: 2px solid #00C4D9 !important;
    outline: none;
    cursor: pointer;
    background-color: #E5F4FD !important;
    transition: all 0.3s ease;
}

/* Checked State */
.form-inner .accordion button input[type="checkbox"]:checked {
    content: "✔";
    background-color: #E5F4FD !important;
    border-color: #00C4D9 !important;
    color: #004C97 !important;

}

.form-inner .accordion button input[type="checkbox"]:checked::before {
    content: "✔";
    color: #004C97 !important;
    font-size: 1.04vw;
    display: flex;
    align-items: center;
    justify-content: center;
}



.signup-form h3 {
    color: var(--dark-blue, #253D6C);
    text-align: center;
    font-family: 'fs-font';
    font-size: 2.60vw;
    font-weight: 700;
}

.pop-btn {
    width: unset !important;
    display: flex;
    background-color: transparent !important;
    border: none !important;
    color: var(--navy, #004C97) !important;
    text-align: left !important;
    font-family: 'fs-font' !important;
    font-size: 1.042vw !important;
    font-weight: 400 !important;
    text-decoration: underline;
}

.container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    color: #004C97;
    border: 1px solid #00C4D9;
    background-color: #E5F4FD;
}

.container:hover input~.checkmark {
    background-color: #E5F4FD;
}

.container input:checked~.checkmark {
    background-color: #E5F4FD;
    border: 1px solid #00C4D9;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.container input:checked~.checkmark:after {
    display: block;
    content: "✔";
    border: none;
    top: -1px !important;
    left: 2px !important;
    transform: rotate(0deg);
}

.container .checkmark:after {
    left: 7px;
    top: 2px;
    width: 5px;
    height: 12px;
    color: #004C97;
    border: solid #004C97;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.pop-btn:hover {
    background-image: none !important;
    border: none !important;
}

.form-inner .couston-input {
    display: flex;
    align-items: baseline;
    padding-right: 10px;
}

.form-inner .couston-input,
button {
    margin: 10px 0px;
    width: 100%;
    border-radius: 50px;
    background: var(--sky-blue-1, #E5F4FD);
    border: none;
    color: var(--navy, #004C97);
    font-family: 'fs-font';
    font-size: 1.302vw;
    font-weight: 400;
    outline: none;
}

.form-inner input {
    padding: 0.521vw 1.042vw;
    width: 100%;
    border: none;
    color: var(--navy, #004C97);
    font-family: 'fs-font';
    font-size: 1.302vw;
    font-weight: 400;
    background-color: transparent;
    outline: none;

}

.form-inner .couston-input:hover {
    border: 1.5px solid var(--cyan, #00C4D9) !important;
    box-shadow: none !important;
}

input::placeholder {
    color: var(--navy, #004C97);
}

.form-inner button,
.back-btn{
    padding: 0.521vw 1.042vw;
}



.form-inner a {
    color: var(--navy, #004C97);
    font-family: 'fs-font';
    font-size: 1.042vw;
    font-weight: 400;
    display: flex;
    justify-items: start;
    margin-left: 7%;
}

.check-this {
    display: flex;
}

.check-this input {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.check-this label,
a {
    text-align: start;
    color: var(--navy, #004C97);
    font-family: 'fs-font';
    font-size: 15px !important;
    font-weight: 400;
}

.check-this a {
    display: contents;
}

.form-inner button,
.back-btn{
    width: 100%;
    border-radius: 33px;
    background: var(--navy, #004C97);
    color: #FFF;
    text-align: center;
    font-family: 'fs-font';
    font-size: 25px;
    font-weight: 700;
    border: transparent;
}
.back-btn{
    width: 100%;
    border-radius: 33px;
    background: var(--navy, #004C97);
    color: #FFF !important;
    text-align: center;
    font-family: 'fs-font';
    font-size: 25px !important;
    font-weight: 700 !important;
    border: transparent;
    text-decoration: none;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-left: 0px !important;
}

.form-inner button:hover,
.back-btn:hover{
    background: linear-gradient(44deg, #0076CF 33.54%, #00C4D9 82.89%);
    border: transparent;
}

.end-pra {
    display: none;
}

.modal-dialog {
    max-width: 50vw;
    max-height: 50vh;
}

.modal-content {
    background-color: transparent;
    border: none;
}

.modal-body img {
    width: 100%;
    height: auto;
}

.modal-header {
    border: none !important;
}

.modal-header button {
    position: absolute;
    z-index: 1000;
    left: 40%;
    top: 9%;
    background-color: transparent;
}

.modal-header button img {
    width: 6vh;
}


/* ================new-div============= */

#new-div {
    max-width: 100%;
    padding: 0% !important;
    text-align: center;
    border-radius: 25px;
    background: var(--white, #FFF);
    box-shadow: -5px 5px 15px 0px rgb(0 0 0 / 15%);
    transition: all 0.5s ease;
}
.new-div-inner{
    padding: 1.823vw 2.604vw;

}
#new-div h1 {
    color: var(--dark-blue, #253D6C);
    text-align: center;
    font-family: 'fs-font';
    font-size: 2.60vw;
    font-weight: 700;
}

#new-div h5 {
    color: var(--principal-blue, #0076CF);
    font-family: 'fs-font';
    font-size: 1.56vw;
    font-weight: 700;
}

#new-div p {
    color: var(--dark-blue, #253D6C);
    text-align: center;
    font-family: 'fs-font';
    font-size: 1.30vw;
    font-weight: 400;
}

#new-div p span {
    font-weight: 700;
}

#new-div li{
    font-size: 20px;
    font-weight: 400;
    font-family: 'fs-font';
    color: var(--navy, #004C97);
}

.after-color {
    border-radius: 0px 0px 25px 25px;
    padding: 30px 35px;
    background: var(--principal-blue, #0076CF);
}
.after-color p {
    color: var(--white, #FFF) !important;
    text-align: center;
    font-family: 'fs-font';
    font-size: 1.30vw;
    font-weight: 700;
}

.couston-input p {
    color: #F55;
    text-align: right;
    font-family: 'fs-font';
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
}

.couston-input .validNum{
    position: absolute;
    font-style: normal;
    font-size: 12px;
    color: var(--navy, #004C97);
    top: 39%;
    left: 32%;
    display: block;
}

.custom-select {
    display: flex;
    position: relative;
    font-family: Arial;
    border-radius: 50px;
    background: var(--sky-blue-1, #E5F4FD);
}

.custom-select select {
    display: none;
}

.select-selected {
    border-radius: 50px;
    background: var(--sky-blue-1, #E5F4FD);
}

.select-selected:after {
    position: absolute;
    content: url(../img/vector-1.svg);
    top: 11px;
    right: 24px;
    width: 0;
    height: 0;
}

.select-selected.select-arrow-active:after {
    border-color: #004C97;
    top: 48px;
    right: 13px;
    transform: rotate(180deg);
}

.select-items div {
    text-align: center;
}

.select-selected {
    width: 100%;
    position: relative;
    z-index: 8;
}

.select-items div,
.select-selected {

    color: var(--navy, #004C97);
    text-align: start;
    font-family: 'fs-font';
    font-size: 1.302vw;
    font-style: normal;
    font-weight: 400;
    padding: 0.521vw 1.042vw;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
}

.select-items div {
    text-align: center;
}

.select-items {
    position: absolute;
    background-color: #FFF;
    padding-top: 25px;
    top: 39%;
    left: 0;
    right: 0;
    z-index: 5;
    border: 1.5px solid var(--cyan, #00C4D9);
    border-radius: 0px 0px 50px 50px;
}

.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

.custom-select p {
    position: absolute;
    right: 6%;
    top: 38%;
    z-index: 9;
    color: #F55;
    text-align: right;
    font-family: 'fs-font';
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 991px) {
    
    .container input:checked~.checkmark:after {
        top: -2px !important;
        left: 3px !important;
        font-size: 17px;
        font-weight: normal !important;
    }
    
    .rsvp-group-a {
    background-image: url(../img/mobileBG1.png);
    width: 100%;
    min-height: 100vh;
    background-repeat: no-repeat;
    }

    .couston-input .validNum{
        top: 43%;
        left: 35%;
        font-size: 6px;
    }

    .rsvp-group-a {
        height: 932px;
        overflow: auto;
    }

    .modal-dialog {
        max-width: 100vw;
        max-height: 50vh;
    }

    .modal-header button img {
        width: 3vh;
    }

    .signup-text>img {
        width: 63.49vw !important;
        padding-top: 24px;
    }

    .signpn-main {
        padding-left: 6.666%;
        padding-right: 6.666%;
    }

    .signup-text {
        width: 100%;
        padding-top: 2.9%;
        margin-right: 0%;
    }

    h1 {
        font-size: 12.56vw;
    }

    .signup-text h4 {
        font-size: 5.81vw;
    }

    .signup-text .map-hotel p,
    .leader-meet h4,
    .leader-meet h5,
    .agency-kick h4,
    .agency-kick h5 {
        font-size: 4.65vw;
    }

    .signup-text .map-hotel p {
        margin-bottom: 0px;
    }

    .signup-text .map-hotel a {
        font-size: 4.19vw !important;
    }

    .agency-kick h6,
    .leader-meet h6 {
        font-size: 3.72vw;
    }

    .edit-pra {
        display: none;
    }

    .form-inner {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .form-inner .accordion button,
    .accordion-body {
        font-size: 2.67vw;
    }

    .form-inner form {
        height: 560px;
    }

    .signup-form {
        padding-left: 0%;
        width: 100%;
    }

    .form-inner input,
    button {
        padding: 3.49vw 1.86vw;
        font-size: 3.72vw;
    }

    .form-inner .accordion button input[type="checkbox"]:checked::before {
        font-size: 15px;
    }

    .signup-form h3 {
        font-size: 6.98vw;
    }

    .form-inner {
        max-width: 100%;
    }

    .check-this label,
    a {
        font-size: 2.09vw !important;
        margin-right: 7%;
    }

    .form-inner button{
        font-size: 3.72vw;
    }
    .back-btn{
        font-size: 3.72vw !important;
    }

    .end-pra {
        margin-top: 15px;
        display: block;
        color: var(--white, #FFF);
        font-family: 'fs-font';
        font-size: 2.56vw;
        font-weight: 400;
    }

    .pop-btn {
        font-size: 3.02vw !important;
    }

    .select-selected,
    .select-items div {
        padding: 3.49vw 1.86vw !important;
        font-size: 3.72vw !important;
    }
    .agency-kick{
        margin-right: 0% !important;
    }
    
    
/*.leader-meet h4 {*/
/*    background:none;*/
/*    border-bottom: 2px solid #55FFF5;*/
/*    margin-bottom: 20px;*/
/*}*/

/*.leader-meet h4,*/
/*.leader-meet h5 {*/
/*    color: var(--neon-cyan, #55FFF5);*/
/*    font-family: 'fs-font';*/
/*    font-weight: 700;*/
/*}*/

/*.leader-meet h6 {*/
/*    color: var(--neon-cyan, #55FFF5);*/
/*    font-family: 'fs-font';*/
/*    font-style: italic;*/
/*    font-weight: 400;*/
/*}*/

/*.agency-kick h4 {*/
/*    text-align:left;*/
/*    background:none;*/
/*    border-bottom: 2px solid #DCF94D;*/
/*    margin-bottom: 20px;*/
/*}*/

/*.agency-kick h4,*/
/*.agency-kick h5 {*/
/*    color: var(--chartreuse, #DCF94D);*/
/*    font-family: 'fs-font';*/
/*    font-weight: 700;*/
/*}*/

/*.agency-kick h6 {*/
/*    color: var(--chartreuse, #DCF94D);*/
/*    font-family: 'fs-font';*/
/*    font-style: italic;*/
/*    font-weight: 400;*/
/*}*/

    /* =========new-div===========  */

    #new-div h1 {
        font-size: 6.98vw;
    }

    #new-div h5 {
        font-size: 4.19vw;
    }
    .after-color {
        padding: 10px;
    }
    #new-div p {
        font-size: 3.49vw;
    }
}

@media (min-width: 1550px) {
  .form-inner form {
    overflow-y: auto;
    height: 720px;
}
  .signup-form {
    margin-top: 2.531vw;
}
}

@media screen and (max-width: 991px) {
    .rsvp-group-a {
    background-image: url(../img/mobileBG1.png) !important;
    background-size: cover;
    width: 100%;
    min-height: 100vh;
    background-repeat: no-repeat;
}
}