/* || Font Family */

@font-face {
    font-family: 'Inter-Black';
    src: url('/assets/fonts/Inter-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Bold';
    src: url('/assets/fonts/Inter-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-ExtraBold';
    src: url('/assets/fonts/Inter-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-ExtraLight';
    src: url('/assets/fonts/Inter-ExtraLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Light';
    src: url('/assets/fonts/Inter-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Medium';
    src: url('/assets/fonts/Inter-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Regular';
    src: url('/assets/fonts/Inter-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-SemiBold';
    src: url('/assets/fonts/Inter-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Thin';
    src: url('/assets/fonts/Inter-Thin.ttf') format('truetype');
}

/* || General Styles */

html {
    font-family: 'Inter-Regular' !important;
}

body {
    font-family: 'Inter-Regular' !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter-Regular' !important;
    letter-spacing: 1px;
}

p {
    letter-spacing: 0.5px;
}

/* || Club Colive Styles */

.signup_colive {
    padding: 6% 0 0 0;
}

.signup_colive_memberheading h1 {
    font-weight: 700;
    font-size: 3.5rem;
    color: #000000;
}

.signup_colive_memberheading p {
    color: #F8049C;
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    padding: 3rem 0;
}

.signup_colive_memberheading .signup_colive_blue_box p {
    padding: 0;
}

/* || VIP Value Adds Styles */

.signup_colive_pink_list {
    background-color: #F200FF;
    border-radius: 20px;
    list-style-type: none;
    column-count: 2;
    margin: 0 1rem;
    cursor: pointer;
}

    .signup_colive_pink_list li {
        color: #ffffff;
        font-weight: 600;
        line-height: 1.2;
        font-size: 14px;
        margin-bottom: 2.2rem;
        letter-spacing: 0.5px;
    }

    .signup_colive_pink_list li figure {
        margin-bottom: 0.5rem;
    }

        .signup_colive_pink_list li figure img {
            width: 110px;
        }

/* || Safety Support Styles */

.signup_colive_yellow_list {
    background-color: #FFD51E;
    border-radius: 20px;
    list-style-type: none;
    margin: 0 1rem;
}

    .signup_colive_yellow_list li {
        column-count: 2;
    }

        .signup_colive_yellow_list li p {
            text-align: left;
            color: #333333;
            font-size: 18px;
            padding: 3.2rem 0;
            line-height: 1.2;
        }

    .signup_colive_yellow_list li figure img {
        width: 146px;
        padding: 0 0 2rem;
    }

/* || Convenient Financing Styles */

.signup_colive_blue_list {
    background-color: #4900BF;
    border-radius: 20px;
    list-style-type: none;
    margin: 0 1rem;
}

    .signup_colive_blue_list li p {
        text-align: center;
        color: #FFD51E;
        font-size: 18px;
        line-height: 1.2;
        margin-bottom: 20px;
        margin-top: 20px;
    }

        .signup_colive_blue_list li p span {
            text-align: center;
            color: #ffffff;
            font-size: 14px;
            line-height: 1;
            font-weight: 100;
        }

    .signup_colive_blue_list li figure {
        margin-bottom: 0.5rem;
    }

    .signup_colive_blue_list li figure img {
        width: 170px;
    }

        .signup_colive_blue_list li figure img.snpl_clubcolive {
            width: 60px;
        }

/* || Enrol & Apply Now Styles */

.get_free_stay_colive_heading figure.plus_circle_figure {
    position: absolute;
    z-index: 1;
    margin-bottom: 0;
    width: 100%;
    margin-top: -75px;
}

.get_free_stay_colive_heading figure img.plus_circle_icon {
    width: 150px;
}

.get_free_stay_colive_heading {
    padding: 12% 0 0 0;
}

.get_free_stay_colive_pink {
    background-color: #FFE2F4;
    padding: 3rem 0rem 3rem 5rem;
}

    .get_free_stay_colive_pink figure {
        text-align: left;
        margin-bottom: 0;
    }

    .get_free_stay_colive_pink figure img.job_loss_now {
        width: 350px;
    }

    .get_free_stay_colive_pink figure img.apply_now_img {
        width: 200px;
    }

    .get_free_stay_colive_pink h6 {
        text-align: left;
        font-weight: 600;
        margin-left: 24px;
        font-size: 20px;
    }

    .get_free_stay_colive_pink h1 {
        text-align: left;
        font-weight: 700;
        margin-left: 24px;
        font-size: 70px;
    }

        .get_free_stay_colive_pink h1 span {
            text-align: left;
            font-weight: 500;
            font-size: 54px;
            color: #F200FF;
        }

    .get_free_stay_colive_pink p {
        text-align: left;
        font-weight: 500;
        margin-left: 24px;
        font-size: 18px;
    }

.get_free_stay_colive_left, .get_free_stay_colive_right {
    padding: 2.7rem 0;
}

.apply-now-button {
    position: absolute;
    background-position: 50% 50%;
    width: 78%;
}

.apply-now-button a {
    font-size: 24px;
    background-color: #4900BF;
    border-radius: 50px;
    padding: 18px 44px;
    color: #ffffff;
    letter-spacing: 1.5px;
    margin-top: 20px;
}

.get_free_stay_colive_blue {
    background-color: #F3E4FF;
    padding: 3rem 0rem 3rem 5rem;
}

    .get_free_stay_colive_blue figure {
        text-align: left;
        margin-bottom: 0;
    }

    .get_free_stay_colive_blue figure img.job_loss_now {
        width: 350px;
    }

    .get_free_stay_colive_blue figure img.apply_now_img {
        width: 220px;
    }

.get_free_stay_colive_blue h6 {
    text-align: left;
    font-weight: 600;
    margin-left: 10px;
    font-size: 20px;
}

    .get_free_stay_colive_blue h1 {
        text-align: left;
        font-weight: 700;
        margin-left: 10px;
        font-size: 70px;
    }

        .get_free_stay_colive_blue h1 span {
            text-align: left;
            font-weight: 500;
            font-size: 54px;
            color: #F200FF;
        }

    .get_free_stay_colive_blue p {
        text-align: left;
        font-weight: 500;
        margin-left: 10px;
        font-size: 18px;
    }


/* || Get Started Styles */

.signup_yellow_colive {
    background-color: #FFD51E;
}

.signup_yellow_colive_heading {
    padding: 5% 0 3% 0;
}

.signup_yellow_colive_heading h1 {
    font-weight: 700;
    font-size: 3.5rem;
    color: #000000;
}

.signup_yellow_colive_heading p {
    font-size: 20px;
    color: #000000;
}

    .signup_yellow_colive_heading .signin_message_title, .signup_yellow_colive_heading .signin_message, .signup_yellow_colive_heading .signin_message, .signup_yellow_colive_heading .signin_message_heading {
        text-align: left;
    }

.signup_yellow_colive_heading p a {
    color: #000000;
}

    .signup_yellow_colive_heading p a:hover {
        text-decoration: underline !important;
    }

.get-started-button {
    padding: 3rem 0;
}

.get-started-button a {
    font-size: 24px;
    background-color: #000000;
    border-radius: 50px;
    padding: 18px 44px;
    color: #ffffff;
    letter-spacing: 1.5px;
}

/* || Media Query Styles */

@media (max-width: 768px) {
    .signup_colive_memberheading p {
        padding: 2rem 0;
        font-size: 18px;
        line-height: 1.2;
    }

    .signup_colive {
        padding: 10% 0 0 0;
    }

    .apply-now-button {
        position: relative;
        background-position: 50% 50%;
        width: 100%;
    }

    .signup_yellow_colive_heading {
        padding: 12% 0 10% 0;
    }

        .signup_yellow_colive_heading p {
            font-size: 18px;
            color: #000000;
            padding: 0 2rem;
        }

        .signup_yellow_colive_heading .signin_message_heading {
            padding: 0 2rem;
        }

        .get-started-button {
            padding: 2rem 0;
        }

    .get_free_stay_colive_pink {
        padding: 5rem 2rem 3rem 2rem;
    }

    .get_free_stay_colive_blue {
        padding: 3rem 2rem 3rem 2rem;
    }

        .get_free_stay_colive_pink figure, .get_free_stay_colive_blue figure {
            text-align: center;
            margin-bottom: 0;
        }

            .get_free_stay_colive_pink figure img.job_loss_now, .get_free_stay_colive_blue figure img.job_loss_now {
                width: 300px;
            }

    .get_free_stay_colive_heading {
        padding: 26% 0 0 0;
    }

        .get_free_stay_colive_heading figure img.plus_circle_icon {
            width: 100px;
        }

        .get_free_stay_colive_heading figure.plus_circle_figure {
            margin-top: -50px;
        }

    .get_free_stay_colive_left, .get_free_stay_colive_right {
        padding: 1rem 3rem;
    }

    .get_free_stay_colive_blue figure img.apply_now_img {
        width: 270px;
        margin-left: 3rem;
    }

    .get_free_stay_colive_pink figure img.apply_now_img {
        width: 200px;
        margin-left: 3rem;
    }
}

/* || Media Query Portrait Styles */

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {
    .access_card {
        margin-top: 0% !important;
    }

    .signup_yellow_colive_heading {
        padding: 8% 0 4% 0;
    }

    .signup_colive_pink_list, .signup_colive_yellow_list, .signup_colive_blue_list {
        margin: 0rem;
    }

    .signup_colive_yellow_list li figure img {
        width: 90px;
        padding: 0 0 2.4rem;
    }

        .signup_colive_yellow_list li p {
            font-size: 12px;
            padding: 2rem 0;
        }

        .signup_colive_pink_list li figure img {
            width: 60px;
        }

        .signup_colive_blue_list li figure img.snpl_clubcolive {
            width: 40px;
        }

        .signup_colive_blue_list li figure img {
            width: 110px;
        }

        .signup_colive_blue_list li p {
            font-size: 14px;
            margin-bottom: 15px;
            margin-top: 15px;
        }

            .signup_colive_blue_list li p span {
                font-size: 11px;
            }

    .signup_colive {
        padding: 6% 0 0 0;
    }

    .get_free_stay_colive_heading {
        padding: 15% 0 0 0;
    }

    .get_free_stay_colive_left, .get_free_stay_colive_right {
        padding: 1rem 0rem;
    }

    .get_free_stay_colive_pink figure img.job_loss_now, .get_free_stay_colive_blue figure img.job_loss_now {
        width: 220px;
    }

    .get_free_stay_colive_pink figure, .get_free_stay_colive_blue figure {
        text-align: left;
    }

    .get_free_stay_colive_pink h1, .get_free_stay_colive_blue h1 {
        font-size: 44px;
    }

        .get_free_stay_colive_pink h1 span, .get_free_stay_colive_blue h1 span {
            font-size: 24px;
        }

    .get_free_stay_colive_pink figure img.apply_now_img, .get_free_stay_colive_blue figure img.apply_now_img {
        width: 145px;
        margin-left: 0rem;
    }

    .get_free_stay_colive_pink {
        padding: 3rem 2rem 3rem 2rem;
    }
}

    .colive-hub {
        max-width: 900px !important;
        margin: 0 auto;
    }

        .colive-hub h1 {
            text-align: center;
            font-weight: 700;
        }

        .colive-hub p {
            text-align: center;
            font-size: 18px;
            font-weight: 500;
            margin: 5% 0;
        }

    .sectionone {
        padding: 6% 0;
    }

    .sectiontwo {
        background-color: #000;
        padding-bottom: 7%;
    }

    .co-space {
        max-width: 900px !important;
        margin: 0 auto;
        padding-top: 3%;
    }

        .co-space h1 {
            color: #fff;
            text-align: center;
            padding: 5% 0;
            font-weight: 700;
            font-size: 3.5rem;
        }

        .co-space p {
            color: #fff;
            text-align: center;
            padding-bottom: 5%;
            font-size: 20px;
        }

    .cowork img, .fitness img, .entertainment img, .partys img {
        width: 160px;
    }

    .co-space-box {
        width: 16%;
        margin: 10px;
    }

    .co-space-wrap {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        padding-top: 5%;
    }

    .co-space-box {
        border: 3px solid #f8049c;
        border-radius: 10px;
        cursor: pointer;
        min-height: 141px;
    }

        .co-space-box:hover {
            background-color: #f8049c;
        }

        .co-space-box h4 {
            color: #fff;
            text-align: center;
            font-size: 16px;
            font-weight: 600;
            padding-top: 20px;
            padding-bottom: 20px;
        }

    .fitness-wrap {
        max-width: 900px !important;
        margin: 0 auto;
        padding-top: 3%;
    }

    .sectionthree {
        background-color: #5A20CB;
        padding-bottom: 7%;
    }

    .fitness-wrap h1 {
        color: #fff;
        text-align: center;
        padding: 5% 0;
        font-weight: 700;
        font-size: 3.5rem;
    }

    .fitness-wrap p {
        color: #fff;
        text-align: center;
        font-size: 20px;
    }

    .sectionfour {
        background-color: #f5f6fa;
        padding-bottom: 7%;
    }

        .sectionfour .co-space-box h4 {
            color: #000000
        }

    .entertainment-wrap h1 {
        color: #000000;
        text-align: center;
        padding: 5% 0;
        font-weight: 700;
        font-size: 3.5rem;
    }

    .entertainment-wrap {
        max-width: 900px !important;
        margin: 0 auto;
        padding-top: 3%;
    }

        .entertainment-wrap p {
            color: #000;
            text-align: center;
            font-size: 20px;
        }

    .entertainment-wrap1 {
        display: flex;
        justify-content: center;
        flex-flow: row wrap;
        padding-top: 5%;
    }

    .entertainment-wrap2 {
        display: flex;
        justify-content: center;
        margin-top: 4%;
        flex-flow: row wrap;
    }

        .entertainment-wrap2 .co-space-box {
            min-height: 141px;
        }

    .check-in {
        position: absolute;
        top: 5%;
        right: 25%;
        text-align: left;
        color: #fff;
        top: 20%;
    }

        .check-in h4 {
            font-weight: 700;
        }

    .hub-timings {
        position: absolute;
        bottom: 10%;
        left: 23%;
        text-align: left;
        color: #fff;
    }

        .hub-timings p {
            font-weight: 700;
            font-size: 20px;
            line-height: 27px;
        }

    .co-space-box p {
        font-size: 14px;
        font-weight: 600;
    }

    .see-property a {
        color: #ffffff;
        font-weight: 500;
        font-size: 18px;
        border: 1px solid #F8049C;
        background: #F8049C;
        padding: 7px;
        margin: 8% 0;
    }

    @media (max-width: 768px) {
        .cowork, .fitness {
            margin-bottom: 20px;
        }

        .co-space h1 {
            font-size: 28px;
        }

        .co-space-box {
            width: 44%;
        }

        .colive-hub p {
            font-size: 14px;
            padding: 0px 20px;
        }

        .co-space p {
            font-size: 14px;
            padding-bottom: 0;
        }

        .fitness-wrap p, .entertainment-wrap p {
            font-size: 14px;
        }

        .entertainment-wrap h1 {
            font-size: 26px;
            padding: 5% 20px;
        }

        .check-in {
            right: 2%;
        }

        .hub-timings p {
            font-weight: 700;
            font-size: 16px;
            line-height: 22px;
        }

        .hub-timings {
            left: 1%;
        }

        #mySidenav a {
            padding: 1px 3px 1px 5px !important;
        }

        .navbar .nav .location-mobile i {
            top: 6px !important;
        }

        .fitness-wrap h1 {
            font-size: 28px;
        }

        .entertainment-wrap1 {
            margin-top: 5%;
        }
    }

    @media (max-width: 560px) {
        .colive-hub h1 {
            font-size: 30px;
        }

        .check-in h4 {
            font-weight: 700;
            font-size: 14px;
        }

        .hub-timings p {
            font-weight: 700;
            font-size: 10px;
            line-height: 16px;
        }

        .hub-timings {
            left: 1%;
        }

        .colive-hub .cowork {
            padding-right: 0;
        }

        .colive-hub .fitness {
            padding-left: 0;
        }

        .colive-hub .entertainment {
            padding-right: 0;
        }

        .colive-hub .partys {
            padding-left: 0;
        }
    }

    /*css karthik*/
    .club_colive_cardheader {
        position: absolute;
        top: 38%;
        right: 10%;
        color: white;
        z-index: 9999;
    }

        .club_colive_cardheader p {
            margin-top: 5%;
            font-size: 25px;
        }

    .access_card img {
        width: 100%
    }

    .clubcolive_memeber {
        padding: 6% 0 7% 0;
    }

    .clubcolive_memberheading h1 {
        text-align: center;
        font-weight: 700;
        font-size: 3.5rem;
        color: #000000;
    }

    .clubcolive_memberheading p {
        font-size: 20px;
        font-weight: 500;
        padding: 3% 0;
        width: 46rem;
        margin: auto;
    }

    .cowork_space {
        border: 2px solid #7C2AE8;
        border-radius: 50%;
        height: 200px;
        width: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
        background-color: #7C2AE8;
    }

        .cowork_space p {
            font-size: 50px;
            font-weight: 600;
            color: white;
        }

    .clubcolive_facility .fitness {
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }

        .clubcolive_facility .fitness p {
            font-size: 23px;
            font-weight: 600;
            text-align: center;
            line-height: 110%;
        }

    .clubcolive_signup, .thanku {
        background-color: #111012;
        padding: 6% 10%
    }

    .club_form {
        width: 400px;
    }

    .signup_heading h1 {
        font-weight: 700;
        color: #ffffff
    }

    .signup_heading p {
        font-size: 18px;
        font-weight: 600;
        color: #ffffff;
        width: 36rem;
        margin: auto;
        padding: 30px 0
    }

    .club_form .form-group .form-control {
        width: 100%;
        background-color: #F8049C;
        border-color: #F8049C;
        text-align: center;
        color: #ffffff !important
    }

    .club_form .form-group input {
        padding: 10px;
        color: #ffffff;
        border-radius: 30px !important;
    }

    .club_form .form-group select {
        padding: 10px;
        border-radius: 30px !important;
        line-height: 1.5;
        height: calc(3rem + 2px) !important;
        font-weight: 600;
    }

    .club_form .form-control::placeholder {
        color: #ffffff;
        font-weight: 600;
    }

    .club_form .btn {
        border-radius: 30px !important;
        width: 100%;
        border-color: #5352ed;
        background-color: #5352ed;
        text-align: center;
        color: #ffffff !important;
        padding: 10px;
    }

    label.error:before {
        content: "";
    }

    .club_form .location i, .club_form .relation i {
        right: 5%;
        float: right;
        font-size: 20px;
        position: absolute;
        top: 14px;
        color: #ffffff
    }

    .member_team {
        border: 2px dashed deeppink;
        border-radius: 5px;
        padding: 0 0 3% 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 380px;
        margin: auto;
    }

        .member_team img {
            width: 210px;
        }

        .member_team p {
            font-size: 25px;
            font-weight: 500;
            color: #ffffff;
        }

    .clubcolive_signup p, .thanku p {
        color: #ffffff;
        font-size: 21px;
        font-weight: 500;
        padding: 5% 0;
        width: 40rem;
        line-height: 133%;
    }

    .clubcolive_signup .note p, .thanku .note p {
        color: #ffffff;
        font-size: 18px;
        font-weight: 500;
        padding: 5% 0 0 0;
        width: 58rem;
        margin: auto
    }

    .sectionfive {
        background-color: #010031;
        padding: 5% 0 6% 0
    }

        .sectionfive .party h1 {
            color: #ffffff;
            font-weight: 700;
            margin-bottom: 3%;
            font-size: 3.5rem;
        }

        .sectionfive .party a {
            color: #ffffff;
            font-weight: 500;
            font-size: 18px;
            border: 1px solid #F8049C;
            background: #F8049C;
            padding: 7px;
            margin: 8% 0
        }

        .sectionfive .party_inform p {
            color: #ffffff;
            font-weight: 500;
            font-size: 16px;
            width: 28rem;
        }

        .sectionfive .amet p.designers {
            color: #ffffff;
            font-weight: 600;
            font-size: 18px;
        }

        .sectionfive .amet p.sed {
            color: #F8049C;
            font-weight: 600;
            font-size: 18px;
        }

        .sectionfive .partyat_colive {
            padding: 0 10%
        }

        .sectionfive .party_image img {
            width: 100%;
        }

        .sectionfive .party_image {
            margin: 5% 0
        }

    .sectionsix {
        padding: 5% 0 6% 0;
    }

        .sectionsix .video_msg h1 {
            font-weight: 700;
            color: #000000;
            font-size: 3.5rem;
        }

        .sectionsix .video_msg p {
            font-weight: 500;
            font-size: 20px;
            margin: 2% 0 4% 0;
            line-height: 133%;
        }

    .access_time p {
        font-weight: 500;
        font-size: 18px;
        color: #ffffff;
        padding-top: 6%;
    }

    .sectionfour .access_time p {
        color: #000000
    }

    .coworkspace_image img {
        width: 100%
    }

    .clubcolive_facility {
        padding: 0 12%
    }

    label.error {
        position: relative;
        height: 0;
        color: red !important;
        top: 0 !important;
        padding: 0 !important
    }

        label.error:before {
            content: "" !important
        }

    .club_form .dropdown option {
        background-color: lightgrey;
        color: #000000
    }

    .thanku h1 {
        margin-bottom: 5%;
    }

    .thanku_msg p {
        width: 24rem !important;
        padding: 2% 0 !important;
    }

    .thanku_msg h3 {
        color: #ffffff;
        font-size: 23px;
    }

    .thanku_msg a {
        color: #ffffff;
        font-size: 21px;
    }

    @media(max-width:1200px) {
        .clubcolive_signup .note p, .thanku .note p {
            width: 100%;
        }
    }

    @media(max-width:992px) {
        .clubcolive_facility .fitness {
            margin: 10px 0 30px 0;
        }

        .club_form {
            width: 100%;
        }

        .sectionfive .party_inform p {
            width: 100%;
        }

        .thanku_msg p {
            width: 100% !important;
            font-size: 18px;
        }

        .thanku_msg a {
            font-size: 18px;
        }

        .thanku_msg h3 {
            font-size: 19px;
        }

        .member_team {
            width: 360px
        }
    }

    @media(max-width:768px) {
        .clubcolive_memberheading p {
            font-size: 14px;
        }

        .signup_heading h1, .colive-hub h1, .co-space h1, .fitness-wrap h1, .entertainment-wrap h1, .sectionfive .party h1, .sectionsix .video_msg h1, .signup_yellow_colive_heading h1, .signup_colive_memberheading h1, .clubcolive_memberheading h1 {
            font-size: 23px
        }

        .clubcolive_signup p {
            font-size: 18px;
            width: 100%
        }

        .member_team {
            margin-top: 10%
        }

        .clubcolive_signup .note p {
            font-size: 16px;
            width: 100%
        }

        .partyat_colive .amet {
            margin-top: 30px;
        }

        .clubcolivevideoFrame {
            width: 100%;
            padding: 5%;
        }

        .access_card {
            margin-top: 12%;
        }

        .thanku_msg p {
            padding: 2% 0 2% 2% !important;
        }

        .thanku_msg h3 {
            font-size: 17px;
            padding-left: 2%;
        }
    }

    @media(max-width:576px) {
        .cowork_space {
            height: 130px;
            width: 130px;
        }

        .clubcolive_facility {
            padding: 0 3%;
        }

            .clubcolive_facility .fitness p {
                font-size: 16px;
            }

        .clubcolive_memberheading h1 {
            font-size: 23px;
        }

        .clubcolive_memberheading p {
            width: 100%;
        }

        .clubcolive_memeber {
            padding: 6% 2% 7% 2%;
        }

        .signup_heading h1 {
            font-size: 23px
        }

        .clubcolive_signup p, .thanku p {
            font-size: 16px;
        }

        .clubcolive_signup .note p, .thanku .note p {
            font-size: 13px;
        }

        .clubcolive_signup, .thanku {
            padding: 12% 2%;
        }

        .sectionfive .party a {
            font-size: 15px;
            padding: 5px;
        }

        .sectionfive .party h1 {
            margin-bottom: 5%;
        }

        .sectionfive .party_image {
            margin: 10% 0;
        }

        .sectionfive .partyat_colive {
            padding: 0 3%;
        }

        .sectionsix .video_msg p {
            font-size: 14px;
        }

        .sectionfive .amet p.sed, .sectionfive .amet p.designers {
            font-size: 16px;
        }

        .member_team {
            width: 300px
        }

        .thanku_msg a {
            font-size: 16px;
        }
    }

    @media (max-width: 375px) {
        .signup_heading h1 {
            font-size: 20px;
        }

        .clubcolive_signup p {
            font-size: 14px;
        }
    }