/* mobile responsive */
.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #56CCF2;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    /* position:fixed;
    left:50%;
    top:40%;*/
    left: 50%;
    position: absolute;
    top: 44%;
}

.loaderdiv {
    width: 100%;
    height: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    background: #6c757d57;
    position: fixed;
}
/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media (max-width:767px) {
    .loader {
        left: 35% !important
    }

    .top-links {
        padding: 30px;
    }

    .s-btn2 {
        background: #56CCF2;
        border-radius: 65px;
        width: 40px;
        height: 40px;
        border: 0px;
        align-self: end;
    }

    .page-heading {
        font-size: 25px;
        font-weight: bold;
        margin-bottom: 15px;
    }

    .footer {
        background: #F5F5F5;
        margin-top: 40px;
    }

    .gallery__img5 {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 0px 0px 15px 0px;
        display: block;
    }

    .gallery__img2 {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 0px 15px 0px 0px;
        display: block;
    }




    p {
        margin-top: 0;
        margin-bottom: 1rem;
        font-size: 15px;
    }

    .col-md-for-5 {
        -ms-flex: 0 0 20%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .img-main {
        max-width: 100%;
        height: 110px;
        text-align: center;
        width: auto;
        border-radius: 6px;
    }

    .formuser.main {
        background: #FFFFFF;
        width: 90px;
        margin-left: 2px;
        height: auto;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        display: inline-block;
        border-radius: 35px;
        align-self: center;
        margin-top: 0px;
    }

    .margin-background {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .s-btn {
        background: #56CCF2;
        border-radius: 65px;
        width: 33px;
        height: 33px;
        border: 0px;
        align-self: end;
    }

    .s-icon {
        width: 18px;
        height: 18px;
    }

    .globe.navbar-nav {
        display: inline-block;
        flex-direction: row;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

    .globe-link.nav-link {
        display: inline-flex;
        padding: 0.5rem 0.3rem;
    }

    .gallery__img3 {
        width: 100%;
        height: 100%;
        height: 100px;
        object-fit: cover;
        border-radius: 15px 0px 0px 15px;
        display: block;
    }


    .globe-link.form-inline {
        display: inline-flex;
        flex-flow: row;
        flex-direction: row;
        align-items: center;
    }

    .center-image {
        /* background-image: url(../../../assets/images/CTA-Image.png); */
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        padding: 20px;
        min-height: 260px;
        border-radius: 10px;
        width: 100%;
    }

    .input-title-select-days {
        margin-top: 15px;
        width: 95%;
    }

    .input-title-add-time {
        margin-top: 1px;
    }

    .input-title-add2-select {
        display: block;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: normal;
        margin-left: 0px;
        font-size: 16px;
        border: none;
        line-height: 15px;
        width: 100%;
        border-bottom: 1px solid #33333361;
        align-items: center;
        text-align: left;
        color: #333333;
    }

    .d-block-mobile {
        display: block;
    }

    .tableactivity-padding {
        padding: 80px 30px;
    }

    .dropdown-menu-md-right {
        right: auto !important;
        left: 0;
    }

    .label-input {
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
        line-height: 22px;
        margin-bottom: 30px;
    }

    .content-adminnew {
        margin-left: 0rem;
    }

    .list-step-activity {
        display: inline-block;
        margin-right: 23px;
    }

    .thanku-heading {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 35px;
        line-height: 60px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 30px 10px 20px 10px;
    }

    .thanku-page-padding {
        padding: 200px 50px 400px 50px;
    }

    .ass-profile-padding {
        padding: 170px 20px 100px 20px;
    }

    .profile-name-input {
        padding: 15px;
        border: 1px solid #969696 !important;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        width: 100%;
        margin: 10px 0px;
        height: auto;
        display: block;
        align-items: center;
        color: #333333;
        box-sizing: border-box;
        border-radius: 6px;
    }

    .image-size-covericon {
        height: auto;
        width: 35px;
        top: 33%;
        /* bottom: 10px; */
        left: 46%;
        position: absolute;
        /* border-radius: 24px; */
    }

    .image-size {
        height: 150px;
        z-index: 1;
        width: 100%;
        border-radius: 24px;
    }

    .select-options-time {
        display: block;
        width: 95%;
        /* height: calc(1.5em + 0.75rem + 2px); */
        /* padding: 0.375rem 0.75rem; */
        font-size: 14px;
        font-weight: 400;
        float: right;
        line-height: 1.5;
        color: #495057;
        -webkit-appearance: none !important;
        -moz-appearance: none;
        appearance: auto !important;
        background: none !important;
        background-color: #fff;
        background-clip: padding-box;
        border: none;
        /* border-radius: 0.25rem; */
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    .image-size-icon {
        height: auto;
        width: 35px;
        z-index: -999;
        top: 36%;
        left: 40%;
        position: absolute;
        /* border-radius: 24px; */
    }

    .increment {
        text-align: right;
        display: block;
        margin: 0px;
        float: right;
    }

    form #decrease {
        margin-right: 5px;
        border-radius: 8px 0 0 8px;
    }

    form #increase {
        margin-left: 5px;
        border-radius: 0 8px 8px 0;
    }

    input#number0 {
        text-align: center;
        border: none;
        margin: 0px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 15px;
        line-height: 21px;
        color: #333333;
        width: 30px;
        height: auto;
    }

    .height-auto-mobile {
        height: auto !important;
    }

    .hr-bottom {
        position: inherit !important;
        bottom: 0px;
        width: 100%;
    }

    .hr-bottom {
        position: fixed;
        bottom: 0px;
        width: 100%;
        /* margin-bottom: 15px; */
        z-index: 1000;
        /* display: contents; */
        background: #fff;
        padding: 10px 0px;
    }

    .signup3a-padding {
        padding: 50px 30px;
    }

    .search-tags-btn {
        display: block;
        width: 75% !important;
        height: auto;
        padding: 0.8rem;
        font-size: 0.9rem;
        font-weight: 400;
        line-height: 1.5;
        margin-right: 10px;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    .custom-tags {
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 10px;
        margin-bottom: 20px;
        text-align: center;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 21px;
        padding: 15px 20px;
        color: #333333;
        width: 100%;
        margin: 20px 0px 15px 0px !important;
    }

    .cross-btn {
        right: 10px;
        position: absolute;
        font-size: 10px;
        top: 5px;
        padding: 0px;
        border: none;
    }

    .btn-outline-tags {
        color: #fff;
        background: #2F80ED;
        margin-bottom: 20px;
        font-size: 0.9rem;
        width: 20%;
        padding: 0.7rem;
    }

    .boardingStep1-padding {
        padding: 200px 20px 140px 20px;
    }

    .custom-radio-label {
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 10px;
        text-align: center;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 21px;
        padding: 10px 5px;
        color: #333333;
        width: 100%;
        margin: 24px 0px 24px 0px !important;
    }

    .new-radio {
        margin-right: 4px;
        margin-top: 3px;
        width: 10px;
    }

    .check12 {
        position: absolute;
        margin-top: 3px !important;
        /* text-align: right; */
        /* direction: rtl; */
        height: 16px !important;
        width: 25px !important;
        /* float: right; */
        right: 40px;
        display: inline-block;
        margin-left: 0rem !important;
    }

    .read-more {
        display: inline-block;
        float: right;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
        padding: 3px 0px;
        align-items: center;
        text-align: right;
        text-decoration-line: underline;
        color: #333333;
    }

    .form-check-label12new {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        margin: 0px;
        line-height: 150%;
        padding: 0px 65px 0px 0px;
        color: #333333;
    }

    .check12-last {
        position: absolute;
        margin-top: 16px !important;
        /* text-align: right; */
        /* direction: rtl; */
        height: 17px !important;
        width: 25px !important;
        /* float: right; */
        right: 40px;
        display: inline-block;
        margin-left: 0rem !important;
    }

    .check3 {
        position: absolute;
        margin-top: 3px !important;
        /* text-align: right; */
        /* direction: rtl; */
        height: 15px !important;
        width: 13px !important;
        /* float: right; */
        /* right: 0px; */
        display: inline-block;
        margin-left: -0.5rem !important;
    }

    .form-check-input {
        position: absolute;
        margin-top: 2px !important;
        /* text-align: right; */
        /* direction: rtl; */
        /* float: right; */
        right: 50px;
        display: inline-block;
        /* margin-left: 14.75rem !important; */
    }

    .signup2a-padding {
        padding: 50px 30px;
    }

    .btn-register {
        width: 100%;
        height: auto;
        margin: 43px 0px 33px 0px;
        padding: 23px 40px;
        text-align: center;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        display: block;
        align-items: center;
        text-align: center;
        color: #FFFFFF;
        background: #333333;
        border-radius: 6px;
    }

    .google {
        width: 100%;
        height: auto;
        padding: 25px;
        margin: 0px 0px 24px 0px;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        display: inline-block;
        align-items: center;
        text-align: center;
        color: #333333;
        background: #FFFFFF;
        box-shadow: 0px 4px 10px rgb(0 0 0 / 8%);
        border-radius: 6px;
    }

    .facebook {
        width: 100%;
        height: auto;
        padding: 25px;
        margin: 25px 0px 24px 0px;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        display: inline-block;
        align-items: center;
        text-align: center;
        color: #333333;
        background: #FFFFFF;
        box-shadow: 0px 4px 10px rgb(0 0 0 / 8%);
        border-radius: 6px;
    }

    .name-input {
        padding: 23px;
        border: 1px solid #969696 !important;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        width: 100%;
        height: auto;
        display: block;
        align-items: center;
        color: #333333;
        box-sizing: border-box;
        border-radius: 6px;
    }

    .login-link {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 28px;
        display: inline-block;
        align-items: center;
        text-align: right;
        color: #BDBDBD;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 20px 20px 0px 5px;
    }

    .login-div {
        width: 100%;
        height: auto;
        padding: 20px;
        margin: 40px 0px;
        box-sizing: border-box;
        background: #FFFFFF;
        box-shadow: 0px 2px 14px 1px rgb(0 0 0 / 6%);
        border: none;
        border-radius: 6px;
    }

    .login-padding {
        padding: 100px 50px 100px 50px;
    }

    .blue-white-para-login {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 40px;
        line-height: 50px;
        text-align: left;
        letter-spacing: -0.04em;
        color: #FFFFFF;
        margin-bottom: 0px;
        flex: none;
        order: 0;
        flex-grow: 0;
        padding: 150px 30px 0px 50px;
    }

    .login-head-para {
        margin: 18px 50px 0px 50px;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 150%;
        color: #FFFFFF;
    }

    .blue-white-para-activity {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 30px;
        line-height: 40px;
        text-align: center;
        letter-spacing: -0.04em;
        color: #FFFFFF;
        margin-bottom: 0px;
        flex: none;
        order: 0;
        flex-grow: 0;
        padding: 000px 00px 0px 00px;
    }

    .blue-white-para-onboard13 {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 40px;
        line-height: 50px;
        text-align: center;
        letter-spacing: -0.04em;
        color: #FFFFFF;
        margin-bottom: 0px;
        flex: none;
        order: 0;
        flex-grow: 0;
        padding: 150px 30px 0px 30px;
    }

    .onboard13-para {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 25px;
        line-height: 140%;
        margin: 24px 0px 10px 0px;
        padding: 0px 30px 0px 30px;
        text-align: center;
        color: #FFFFFF;
    }

    .profile-blue-link-activity {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 11px;
        line-height: 120%;
        width: 100%;
        text-align: center;
        display: inline-block;
        height: auto;
        margin-top: 2px;
        background: #2F80ED;
        border: 2px solid #FFFFFF;
        border-radius: 30px;
        padding: 5px 5px;
        box-sizing: border-box;
        color: #fff;
    }

    .boarding13-padding {
        padding: 60px 20px 0px 20px;
    }

    .onboard13-hr {
        border-top: 3px solid #F5F5F5;
        margin: 70px 0px 25px 0px;
    }

    .top-listprofile13 {
        padding: 7px 10px;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 20px;
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 140%;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 10px 0px 0px;
    }

    .profile-heading13 {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 26px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 5px 0px;
    }

    .surface-img-div {
        width: 100%;
        height: 280px;
        background: linear-gradient( 0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
        border-radius: 8px;
    }

    .meet-padding {
        padding: 15px;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 280px;
        border-radius: 8px;
    }

    .meet-btn {
        padding: 8px 12px;
        position: absolute;
        width: 95px;
        height: auto;
        left: 0px;
        bottom: 0px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 20px;
        text-align: center;
        color: #000000;
        background: #FFFFFF;
        border-radius: 10px;
    }

    .meetup-heading {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 26px;
        color: #FFFFFF;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 2px 0px;
    }

    .surface-big-img {
        width: 100%;
        height: 280px;
        border-radius: 8px;
    }

    .star-div-surface {
        margin: 15px 0px 0px 0px;
    }

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

    .center-surface-div {
        width: 100%;
        height: auto;
        padding: 20px;
        background: #FFFFFF;
        border: 1px solid #D7D7D7;
        box-sizing: border-box;
        border-radius: 8px;
    }

    .top-list-book {
        padding: 8px 10px;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 20px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 18px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 10px 0px 0px;
    }

    .heading2 {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 26px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px;
    }

    .pro-carousel .owl-nav .owl-prev span {
        font-size: 30px;
        line-height: 5px;
        padding-right: 10px;
    }

    .pro-carousel .owl-nav .owl-next span {
        font-size: 30px;
        line-height: 5px;
    }

    .book-carousel .owl-nav .owl-prev span {
        font-size: 30px;
        line-height: 5px;
        padding-right: 10px;
    }

    .book-carousel .owl-nav .owl-next span {
        font-size: 30px;
        line-height: 5px;
    }

    .surface-carousel .owl-nav .owl-prev span {
        font-size: 30px;
        line-height: 5px;
        padding-right: 10px;
    }

    .surface-carousel .owl-nav .owl-next span {
        font-size: 30px;
        line-height: 5px;
    }

    .left-right-para {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 19px;
        display: inline-block;
        color: #333333;
        position: absolute;
        bottom: 0px;
        right: 20px;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 4px 20px 4px 0px;
    }

    .top-list-book-dropdown {
        padding: 8px 12px;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 20px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        display: block;
        line-height: 18px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 4px 0px 0px 0px;
    }

    .surface-book-para {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 26px;
        color: #7D7D7D;
        flex: none;
        order: 0;
        flex-grow: 1;
    }

    .gallery__img-book {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        border-radius: 8px;
    }

    .gallery-book {
        display: grid;
        grid-template-columns: repeat(10, 1fr);
        grid-template-rows: repeat(8, 5vw );
        grid-gap: 10px;
    }

    .surface-book-heading {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 40px;
        line-height: 50px;
        color: #000000;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 30px 0px 36px 0px;
    }

    .paragraph2 {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        color: #494949;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 0px 0px 20px 0px;
    }

    .profile-blue-link-activitynew {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 19px;
        width: 100%;
        text-align: center;
        display: inline-block;
        height: auto;
        margin: 0px 0px 12px 0px;
        background: #2F80ED;
        border-radius: 8px;
        padding: 8px 12px;
        box-sizing: border-box;
        color: #fff;
    }

    .fa-chevron-down2:before {
        content: "\f078";
        color: #333333;
        font-size: 14px;
        /* display: inline-block; */
    }

    .pleft-1 {
        padding-left: 15px;
    }

    .pleft-2 {
        padding-left: 15px;
    }

    .bottom-para {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 200%;
        color: #747474;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 0px;
    }

    .last-profile-button {
        background: #FFFFFF;
        width: 100%;
        padding: 20px 10px;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        display: block;
        align-items: center;
        text-align: center;
        margin-top: 28px;
        color: #333333;
        border: 1px solid #333333;
        box-sizing: border-box;
        border-radius: 12px;
    }

    .profile-head {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 1;
        margin: 3px 0px;
    }

    .basket-btn-head {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 16px;
        color: #494949;
        display: inline-block;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 4px 0px 10px 0px;
    }

    .basket-para2 {
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 120%;
        font-family: 'SF Pro Rounded', sans-serif;
        color: #494949;
        flex: none;
        display: inline-block;
        order: 1;
        flex-grow: 0;
        margin: 5px 0px;
    }

    .basket-paranew {
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 120%;
        font-family: 'SF Pro Rounded', sans-serif;
        color: #494949;
        flex: none;
        order: 1;
        flex-grow: 0;
        text-decoration-line: underline;
        margin: 5px 0px;
    }

    .basket-head {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 16px;
        color: #494949;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 4px 0px;
    }

    .profile-blue-btn2 {
        width: 100%;
        height: auto;
        padding: 7px 10px 8px 10px;
        background: #2F80ED;
        border-radius: 8px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 19px;
        display: inline-grid;
        color: #FFFFFF;
        flex: none;
        /* float: right; */
        text-align: center;
        order: 1;
        flex-grow: 0;
        margin: 0px 0px;
    }

    .social-linksprofile {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        display: inline-block;
        font-size: 14px;
        line-height: 20px;
        padding: 0px 20px 0px 0px;
        color: #333333;
    }

    .profile-heading {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 5px 0px;
    }

    .profile-pic-bottom {
        width: 100%;
        height: auto;
        border: 2px solid #FFFFFF;
        border-radius: 50%;
    }

    .border-drop-activity-left {
        border-right: none;
        height: auto;
        width: 100%;
        padding-right: 15px;
    }

    .top-listprofile-activity {
        padding: 6px 8px;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 20px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 200%;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 10px 0px 0px;
    }

    .list-unstyled-activity {
        padding-left: 0;
        list-style: none;
        margin-bottom: 7px;
        margin-top: 5px;
    }

    .border-drop-activity-right {
        padding-left: 15px;
    }

    .side-img-profile {
        width: 60px;
        height: 60px;
        box-sizing: border-box;
        display: block;
        box-shadow: 0px 0px 6px rgb(0 0 0 / 8%);
        border-radius: 6px;
    }

    .padding-profile2new {
        padding: 28px 20px 24px 20px !important;
    }

    .star-paragraph {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 14px;
        margin: 13px 0px 9px 0px;
        color: #747474;
    }

    .profile-padding {
        padding: 100px 20px 90px 20px;
    }

    .padding-profile {
        padding: 25px 20px 25px 20px !important;
    }

    .profile-blue-link {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 120%;
        width: 100%;
        text-align: center;
        display: inline-block;
        height: auto;
        margin-top: 7px;
        padding: 4px 6px;
        border: 1px solid #2F80ED;
        box-sizing: border-box;
        border-radius: 12px;
        text-transform: uppercase;
        color: #2F80ED;
    }

    .side-img {
        width: 60px;
        height: 60px;
        box-sizing: border-box;
        display: block;
        box-shadow: 0px 0px 6px rgb(0 0 0 / 8%);
        border-radius: 6px;
    }

    .padding-profile2 {
        padding: 22px 20px 24px 20px !important;
    }

    .side-list2 {
        display: inline-block;
        margin: 10px 0px 10px 15px;
    }

    .top-listprofile {
        padding: 6px 10px;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 20px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 18px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 10px 0px 0px;
    }

    .left-mar2 {
        padding-left: 0px !important;
        margin-top: 30px;
    }

    .list-bottom {
        display: inline-block;
        margin-right: 20px;
    }

    .paragraph {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 19px;
        color: #494949;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 20px 0px;
    }

    .upper-div {
        width: 100%;
        height: auto;
        border: none;
        border-radius: 12px 12px 0px 0px;
    }

    .profile-back-img {
        width: 100%;
        height: 250px;
        border: none;
        border-radius: 12px 12px 0px 0px;
    }

    .map2-small-para {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 144.4%;
        color: #747474;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 10px 0px 7px 5px;
    }

    .heart {
        margin-top: 8px;
        display: inline-block;
    }

    .star-div2 {
        margin: 0px 0px 0px 5px;
        position: relative;
        bottom: 0px;
    }

    .star-div3 {
        margin: 0px 0px 0px 0px;
        position: absolute;
        bottom: 0px;
        right: 0px;
    }

    .rate2 {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 144.4%;
        display: inline-block;
        text-align: right;
        margin-bottom: 0px;
        color: #000000;
    }

    .rate {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        text-align: right;
        font-size: 14px;
        margin-bottom: 0px;
        line-height: 144.4%;
        display: inline-block;
        color: #000000;
    }

    .map2-big-para {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 144.4%;
        margin: 0px 0px 7px 5px;
        color: #333333;
    }

    .nav-link-globe {
        display: block;
        padding: 0.5rem 1rem;
        margin-top: 0px;
    }


    .navbar-collapse-mobile {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -ms-flex-positive: 1;
        flex-grow: 1;
        background-color: #adb5bd;
        padding-bottom: 15px;
        z-index: 9999;
        -ms-flex-align: center;
        align-items: center;
    }

    .map-input3 {
        margin: 60px 10px 10px 10px;
        position: absolute;
        right: 2%;
    }

    .map-input2 {
        margin: 150px 15px 50px 15px;
        position: absolute;
        left: 0%;
    }


    .boarding10-padding {
        padding: 150px 30px 150px 30px;
    }

    .select-btn {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 0px;
        color: #333333;
    }

    .btnnew-select {
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 25px;
        padding: 8px 12px;
        margin: 0px 15px 10px 0px;
    }

    .boarding9-padding {
        padding: 180px 30px 120px 30px;
    }

    .form-control-textarea {
        display: block;
        width: 100%;
        height: calc(1.5 em + 0.75 rem + 2 px );
        padding: 20px 24px;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 24px;
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 29px;
        color: #969696;
        background-color: #fff;
        background-clip: padding-box;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .list-newinline {
        display: inline-block;
        margin: 7px 0px 5px 0px;
    }

    .top-list {
        padding: 5px 10px;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 20px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 17px;
        color: #333333;
        flex: none;
        display: inline-block;
        order: 0;
        flex-grow: 0;
        margin: 0px 8px 0px 0px;
    }

    .row-margin {
        margin: 15px 0px;
    }

    .text-container-view {
        margin: 10px 0px 15px 0px;
        display: block;
    }

    .btn-group-toggle {
        margin: 0px 0px 8px 0px;
    }

    .map-input {
        margin: 40px 0px 0px 0px;
        position: absolute;
        left: 11%;
    }

    .banner-btn {
        width: 210px;
        height: 60px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        display: inline-block;
        line-height: 21px;
        padding: 19px 25px;
        margin: 4px 0px;
        background: #FFFFFF;
        box-shadow: 2px 4px 4px rgb(0 0 0 / 14%);
        border-radius: 68px;
    }

    .custom-container2 {
        padding: 0px 30px;
    }

    .img-container {
        padding: 0px 30px;
    }

    .hosting-img {
        width: 100%;
        height: auto;
        margin-top: -35px;
        border-radius: 0px 0px 10px 10px;
    }

    .blue-background {
        width: 100%;
        height: 1920px;
        margin: 150px 0px 0px 0px;
        background: linear-gradient( 90deg, #2F80ED 0%, #56CCF2 107.87%);
    }

    .img-mainblue {
        height: 850px !important;
        width: 100%;
    }

    .center-white-para {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 30px;
        color: #F2F2F2;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
        margin: 50px 0px 0px 0px;
    }

    .para-padding {
        padding: 0px;
    }

    .blue-div {
        background: linear-gradient( 90deg, #2F80ED 0%, #56CCF2 107.87%);
        width: 100%;
        height: 1000px;
        position: relative;
        padding-bottom: 20px;
    }

    .blue-div-hosting {
        background: linear-gradient( 90deg, #2F80ED 0%, #56CCF2 107.87%);
        width: 100%;
        position: relative;
        height: 1000px;
    }

    .blue-div-onboard {
        background: linear-gradient( 90deg, #2F80ED 0%, #56CCF2 107.87%);
        width: 100%;
        height: 850px !important;
    }

    .blue-divnew {
        background: linear-gradient( 90deg, #2F80ED 0%, #56CCF2 107.87%);
        width: 100%;
        height: 850px;
    }

    .blue-btn {
        padding: 14px 13px;
        width: 140px;
        height: 48px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        display: inline-grid;
        color: #333333;
        background: #FFFFFF;
        border-radius: 8px;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 39px 0px 10px 0px;
    }

    .blue-white-para2 {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 35px;
        line-height: 50px;
        text-align: center;
        letter-spacing: -0.04em;
        color: #FFFFFF;
        margin-bottom: 0px;
        flex: none;
        order: 0;
        flex-grow: 0;
        padding: 200px 30px 0px 30px;
    }

    .hosting-heading2 {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 35px;
        line-height: 50px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 100px 0px 79px 0px;
    }

    .hosting-heading {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 35px;
        line-height: 48px;
        color: #000000;
        margin: 100px 0px;
    }

    .para-links {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 35px;
        line-height: 50px;
        display: inline-block;
        color: #A5E8FE;
        text-align: center;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 100px 0px 0px 0px;
    }

    .para-linksnew {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 35px;
        line-height: 50px;
        display: inline-block;
        color: #A5E8FE;
        text-align: center;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 30px 0px 30px 0px;
    }

    .down-last-btn {
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        color: #333333;
        width: 230px;
        height: auto;
        background: #FFFFFF;
        border-radius: 8px;
        display: inline-grid;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 90px 0px 100px 0px;
        flex: none;
        order: 0;
        flex-grow: 0;
        padding: 14px 20px;
    }

    .para-linksdown2 {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 35px;
        line-height: 50px;
        display: inline-block;
        color: #fff;
        text-align: center;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 0px 0px 0px;
    }

    .para-linksdown {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 35px;
        line-height: 50px;
        display: block;
        color: #A5E8FE;
        text-align: center;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 0px 0px 0px;
    }

    .para-links2 {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 35px;
        line-height: 50px;
        text-decoration: underline;
        display: inline-block;
        color: #fff;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 0px;
    }

    .para-links1 {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 35px;
        line-height: 50px;
        text-decoration: underline;
        display: inline-block;
        color: #A5E8FE;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 0px;
    }

    .center-white-para2 {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 300;
        font-size: 17px;
        line-height: 20px;
        color: #FFFFFF;
        display: inline-block;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
        margin: 28px 40px 0px 0px;
    }

    .down-padding {
        padding: 0px 0px;
    }

    .blue-white-para {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 35px;
        line-height: 60px;
        text-align: center;
        letter-spacing: -0.04em;
        color: #FFFFFF;
        margin-bottom: 0px;
        flex: none;
        order: 0;
        flex-grow: 0;
        padding: 170px 30px 30px 30px;
    }

    .center-image-para {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        font-size: 17px;
        line-height: 22px;
        color: #D0CFCF;
        margin-bottom: 0px;
        flex: none;
        order: 1;
        flex-grow: 0;
        padding: 0px 0px 0px 15px;
    }

    .center-btn {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 12px;
        width: 140px;
        height: auto;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        font-size: 17px;
        line-height: 20px;
        display: block;
        color: #000000;
        background: #FFFFFF;
        border-radius: 5px;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 20px 0px 30px 0px;
    }

    .custom-padding {
        padding: 100px 30px;
    }

    .last-button {
        width: 120px;
        height: auto;
        padding: 9px 20px;
        font-family: var(--Roboto);
        display: inline-block;
        font-style: normal;
        font-weight: normal;
        font-size: 17px;
        line-height: 22px;
        color: #FFFFFF;
        background: #000000;
        border-radius: 10px;
    }

    .custom-padding-book {
        padding: 100px 30px 20px 30px;
    }

    .navbar-2 {
        top: 0;
        position: absolute;
        width: 100%;
        opacity: 0%;
        z-index: -454;
        padding: 14px 10px;
    }

    .navbar-3 {
        top: 0;
        position: fixed;
        width: 100%;
        /* opacity: 0%; */
        z-index: 9999;
        background: #FFFFFF;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 7%);
        padding: 14px 10px;
    }

    .login-padding {
        padding: 150px 20px 300px 20px;
    }

    .login-para {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 25px;
        display: flex;
        align-items: center;
        color: #969696;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 8px 0px;
    }

    .div-para {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        display: block;
        text-align: left;
        align-items: center;
        margin: 0px 0px 0px 15px;
        color: #333333;
    }

    .div-greypara {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 19px;
        text-align: left;
        display: block;
        align-items: center;
        margin: 4px 0px 0px 15px;
        color: #969696;
    }

    .login-div {
        width: 100%;
        height: auto;
        padding: 25px 20px;
        margin: 48px 0px;
        box-sizing: border-box;
        background: #FFFFFF;
        box-shadow: 0px 2px 14px 1px rgb(0 0 0 / 6%);
        border: none;
        border-radius: 6px;
    }

    .login-heading {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 30px;
        display: flex;
        align-items: center;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 8px 0px;
    }

    .login {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 28px;
        display: inline-block;
        align-items: center;
        text-align: right;
        color: #969696;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 26px 0px 0px 0px;
    }

    .login-link {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 28px;
        display: inline-block;
        align-items: center;
        text-align: right;
        color: #BDBDBD;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 15px 0px 5px;
    }

    .boarding11-padding {
        padding: 170px 20px 130px 20px;
    }

    .center-para {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 21px;
        text-align: center;
        color: #333333;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 48px 30px;
    }

    input#numbernew {
        text-align: center;
        border: none;
        margin: 0px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        font-size: 26px;
        line-height: 36px;
        text-align: center;
        color: #BDBDBD;
        width: 100%;
        height: auto;
    }

    .custom-increment {
        box-sizing: border-box;
        font-family: var(--Roboto);
        padding: 20px 50px;
        /* color: #333333; */
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 24px;
        flex: none;
        order: 1;
        flex-grow: 0;
        width: 100%;
        margin-bottom: 12px !important;
    }

    .checkbox-div {
        width: 100%;
        height: auto;
        padding: 20px;
        text-align: center;
        display: inline-block;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 24px;
    }

    .left-para {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 24px;
        margin: 20px 0px;
        color: #333333;
    }

    .boarding12-padding {
        padding: 160px 24px 150px 24px;
    }

    .boarding8-padding {
        padding: 130px 25px 150px 25px;
    }

    .fil-para1b {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        text-align: left;
        color: #333333;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 26px 0px 12px 20px;
    }

    .top-input {
        padding: 8px;
        margin: 26px 15px;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 10px;
        font-size: 13px;
    }

    .boarding8b-padding {
        padding: 100px 20px 150px 20px;
    }

    .img-file {
        margin-right: 7px;
        float: left;
    }

    .margin-input {
        margin: 50px 0px;
    }

    .dotted-img-input2 {
        width: 100%;
        border: 1px dashed #BDBDBD;
        box-sizing: border-box;
        border-radius: 24px;
        margin-bottom: 20px;
    }

    .fil-para2b {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 150%;
        text-align: left;
        color: #969696;
        flex: none;
        order: 2;
        align-self: stretch;
        flex-grow: 0;
        margin: 12px 0px 12px 20px;
    }

    .fil-para1 {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        text-align: center;
        color: #333333;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 12px 0px;
    }

    .dotted-img-input {
        height: 600px;
        width: 100%;
        border: 1px dashed #BDBDBD;
        box-sizing: border-box;
        border-radius: 24px;
        padding: 240px 0px;
    }

    .boarding7-padding {
        padding: 90px 30px 150px 30px;
    }

    .select-para {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 13px;
        line-height: 17px;
        display: block;
        align-items: center;
        color: #333333;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 0px 0px 35px 0px;
    }

    .custom-select-img {
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 16px;
        width: 100%;
        margin: 0px 0px 20px 0px;
        height: auto;
        padding: 10px;
    }

    .select-images {
        margin: 30px 0px 15px 0px;
    }

    .choose-activity {
        margin: 42px 30px 0px 30px;
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 21px;
        text-align: center;
        color: #333333;
    }

    input#number2 {
        text-align: center;
        border: none;
        margin: 0px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 15px;
        line-height: 21px;
        color: #333333;
        width: 30px;
        height: auto;
    }

    input#number3 {
        text-align: center;
        border: none;
        margin: 0px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 15px;
        line-height: 21px;
        color: #333333;
        width: 30px;
        height: auto;
    }

    .boarding6-padding {
        padding: 150px 20px 140px 20px;
    }

    .form-padding {
        padding: 0px 0px;
    }

    .left-arrow-para {
        display: inline-block;
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        color: #333333;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 0px 12px;
    }

    .btn-submit {
        width: 100%;
        height: auto;
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        border: none;
        font-weight: 500;
        font-size: 16px;
        line-height: 21px;
        color: #FFFFFF;
        padding: 12px 0px;
        background: #BDBDBD;
        border-radius: 24px;
        flex: none;
        order: 7;
        flex-grow: 0;
        margin: 20px 0px 0px 0px;
    }

    .form-boarding {
        width: 100%;
        height: auto;
        padding: 18px 15px;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        display: flex;
        align-items: center;
        margin: 20px 0px;
        color: #969696;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 6px;
    }

    .form-boardingcenter {
        width: 100%;
        height: auto;
        padding: 18px 15px;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        display: flex;
        align-items: center;
        margin: 0px 0px 20px 0px;
        color: #969696;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 6px;
    }

    .form-boardinglast {
        width: 100%;
        height: auto;
        padding: 18px 15px;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        display: flex;
        align-items: center;
        margin: 0px 0px 20px 0px;
        color: #969696;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 6px;
    }

    .form-last-para {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 150%;
        color: #969696;
        flex: none;
        order: 6;
        flex-grow: 0;
        margin: 0px 0px;
    }

    .boarding3-padding {
        padding: 150px 30px 150px 30px;
    }

    .card-location2 {
        display: inline-flex;
        margin: 150px 10px;
        border-radius: 24px;
    }

    .img-checkbox {
        float: right;
        width: 30px;
    }

    .custom-checkbox {
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 24px;
        text-align: left;
        text-align: left;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        padding: 15px;
        color: #333333;
        width: 100%;
        margin-bottom: 20px !important;
    }

    .custom-label {
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 24px;
        text-align: center;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        padding: 20px;
        color: #333333;
        width: 100%;
        margin-bottom: 20px !important;
    }

    input#number {
        text-align: center;
        border: none;
        margin: 0px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 15px;
        line-height: 21px;
        color: #333333;
        width: 30px;
        height: auto;
    }

    .custom-label2 {
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 10px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        display: grid;
        font-size: 14px;
        line-height: 21px;
        padding: 15px 10px;
        color: #333333;
        width: 100%;
        margin-bottom: 20px !important;
    }

    .boarding4-padding {
        padding: 200px 20px 140px 20px;
    }

    .down-blue2 {
        display: block;
        margin: 70px 0px;
    }

    .cross {
        position: absolute;
        bottom: 35px;
        left: 20px;
        z-index: 1;
    }

    .nav-new-collapse {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        background-color: #adb5bd;
        z-index: 9999;
        font-size: 16px;
        line-height: 19px;
        color: #FFFFFF !important;
        padding: 5px 0px;
        text-align: left;
        margin: 20px 0px 5px 0px;
    }

    .nav-new {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        background-color: #adb5bd;
        z-index: 999;
        font-size: 15px;
        line-height: 19px;
        color: #FFFFFF !important;
        padding: 5px 0px;
        text-align: left;
        margin: 10px 10px 5px 10px;
    }

    .nav-border.active {
        border-bottom: 1px solid #FFFFFF;
        margin: 8px 0px 0px 0px;
        width: 23%;
        /* float: left; */
    }

    .loc-para {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        align-items: center;
        text-align: center;
        width: 100%;
        height: auto;
        margin: 200px 0px 200px 0px;
        background: #FFFFFF;
        box-shadow: 0px 4px 10px rgb(0 0 0 / 8%);
        border-radius: 999999px;
        display: inline-block;
        padding: 20px 37px;
        color: #969696;
    }


    .blue-white-para-activity2 {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 30px;
        line-height: 50px;
        text-align: center;
        letter-spacing: -0.04em;
        color: #FFFFFF;
        margin-bottom: 0px;
        flex: none;
        order: 0;
        flex-grow: 0;
        padding: 50px 00px 0px 00px;
    }

    .blue-white-para-login {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 40px;
        line-height: 54px;
        text-align: left;
        letter-spacing: -0.04em;
        color: #FFFFFF;
        margin-bottom: 0px;
        flex: none;
        order: 0;
        flex-grow: 0;
        padding: 150px 25px 0px 25px;
    }

    .login-head-para {
        margin: 18px 30px 0px 25px;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 150%;
        color: #FFFFFF;
    }

    .loc-para2 {
        width: 100%;
        height: auto;
        font-family: 'Inter',sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 19px;
        align-items: center;
        padding: 15px 53px;
        color: #494949;
        background: #FFFFFF;
        display: inline-table;
        border: 2px solid #333333;
        box-sizing: border-box;
        box-shadow: 0px 4px 10px rgb(0 0 0 / 8%);
        border-radius: 999999px;
    }

    .previous-link {
        margin: 3px 10px;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        display: flex;
        align-items: center;
        color: #BDBDBD;
    }

    .nasta {
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        padding: 8px 16px;
        text-align: center;
        width: 85px;
        height: auto;
        display: inline-grid;
        margin-right: 22px;
        background: #BDBDBD;
        border-radius: 8px;
        color: #FFFFFF;
    }

    .custom-hr2 {
        border-top: 3px solid #F5F5F5;
        margin: 0px 0px 15px 0px;
    }

    .loc-img2 {
        position: absolute;
        left: 50px;
        width: 15px;
        height: 17px;
        top: 34px;
    }

    .loc-imgnew {
        position: absolute;
        left: 27px;
        width: 13px;
        height: 13px;
        top: 16px;
    }

    .nav-list .nav-item {
        padding: 5px 25px;
        margin: 3px 0px 3px 0px !important;
        border-right: 1px solid #BDBDBD;
    }

    .banner-para {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 21px;
        text-align: center;
        color: #56CCF2;
        margin-bottom: 0px;
        flex: none;
        order: 0;
        flex-grow: 0;
        padding: 450px 0px 14px 0px;
    }

    .previous {
        margin: 5px 30px 15px 30px;
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 19px;
        display: flex;
        align-items: center;
        color: #BDBDBD;
    }

    .loc-img {
        position: absolute;
        left: 21px;
        top: 216px;
    }


    .loc-link {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 19px;
        align-items: center;
        text-align: center;
        width: 100%;
        height: auto;
        margin: 20px 0px;
        background: #FFFFFF;
        box-shadow: 0px 4px 10px rgb(0 0 0 / 8%);
        border-radius: 999999px;
        display: table;
        padding: 15px;
        color: #969696;
    }

    .vh-90 {
        height: 100vh !important;
    }

    .card-loc-body {
        background: #fff;
        padding: 18px !important;
        border-radius: 24px;
    }

    .card-location {
        display: inline-flex;
        margin: 150px 0px;
        border-radius: 24px;
    }

    .formuser {
        background: #FFFFFF;
        width: 90px;
        margin-left: 10px;
        height: auto;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 35px;
        margin-top: 2px;
    }

    .nav-list .nav-item {
        border-right: 0px;
    }

    .navbar-brand {
        padding: 0px;
        /* position: relative; */
        z-index: 1000;
        display: flex;
    }

    .logotop-upper {
        width: auto;
        height: 30px;
    }

    .navbar-rounded {
        border-radius: 15px;
        width: 94%;
        left: 10px;
        position: absolute;
        top: 95px;
        z-index: 999;
    }

    .nav-list .nav-item3 {
        padding: 3px 25px;
        margin: 3px 0px 3px 0px !important;
        border-right: none;
    }

    .nav-list .nav-item2 {
        padding: 5px 25px;
        margin: 3px 0px 3px 0px !important;
        border-right: none;
    }

    .nav-list {
        display: inline-block;
        padding-inline-start: 0px;
        margin-bottom: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 100%;
    }

        .nav-list .nav-item:first-child {
            width: 100%;
        }

    .nav-new2 {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 19px;
        color: #333333 !important;
        padding: 10px 10px 5px 20px;
        text-align: center;
    }

    .img-menu {
        margin: 0px 16px;
    }

    .top-search {
        width: 210px;
        border-radius: 46px;
        border: 1px solid #D7D7D7;
        box-sizing: border-box;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 8%);
        padding: 6px 7px 6px 7px;
        /* text-align: right; */
        margin-top: 10px;
        display: flex;
    }


        .top-search .search {
            border: 0px;
            box-shadow: none;
            background-color: transparent;
            display: flex;
            flex: auto;
        }


    .center-image-head {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 22px;
        line-height: 33px;
        color: #FFFFFF;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin-bottom: 0px;
        padding: 100px 0px 11px 15px;
    }


    .top-nav {
        margin: 0 auto;
        width: 100%;
        position: absolute;
        padding: 20px 10px;
    }

    .custom-container {
        padding: 0px 20px;
        position: relative;
        /*        z-index: -1;
*/
    }

    .blue-para {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 22px;
        line-height: 34px;
        margin-bottom: 0px;
        margin-top: 120px;
        position: relative;
        /*        z-index: -1;
*/
    }

    .black-para {
        font-family: var(--HN);
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 32px;
        margin-bottom: 0px;
        margin-top: 40px;
        color: #494949;
    }

    .img-head {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 34px;
        margin-top: 10px;
        margin-bottom: 0px;
        color: #333333;
    }

    .margin-img {
        margin-top: 30px;
    }

    .img-link {
        font-family: var(--HN);
        font-style: normal;
        font-weight: 500;
        display: block;
        font-size: 16px;
        line-height: 22px;
        color: #333333;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 16px 0px 18px 0px;
    }

    .img-head2 {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 34px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 30px 0px 19px 0px;
    }

    .activity-img {
        width: 50px;
        height: 50px;
        border-radius: 6px;
        display: inline-block;
        flex: none;
        order: 0;
        flex-grow: 0;
    }

    .img-para {
        display: inline-block;
        margin-left: 5px;
        position: relative;
        top: 10px;
    }

    .activity-link2 {
        font-family: Helvetica;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 16px;
        color: #747474;
        display: block;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 2px 0px;
    }

    .img-head3 {
        margin: 40px 0px 28px 0px;
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 26px;
        line-height: 40px;
        color: #333333;
    }

    .head {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
        color: #333333;
    }

    .row-data1 {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 15px;
        line-height: 19px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 8px 0px;
    }

    .table td {
        padding: 45px 150px 0px 0px;
        vertical-align: top;
        border-top: none !important;
    }

    .head2 {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
        color: #828282;
    }

    .footer-para2 {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        font-size: 17px;
        line-height: 20px;
        display: inherit;
        color: #333333;
        flex: none;
        text-align: center;
        order: 0;
        flex-grow: 0;
        margin: 25px 0px;
    }

    .footer-links-right {
        text-align: center;
        margin: 0px 0px 20px 0px;
    }

    .hr-footer {
        border-top: 1px solid #333333;
        margin-top: 11px;
    }

    .footer-last {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        display: inline-block;
        font-size: 17px;
        line-height: 30px;
        text-align: center;
        margin: 20px 0px;
        color: #333333;
    }

    .footer-head {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
        display: inherit;
        text-transform: uppercase;
        color: #333333;
        flex: none;
        text-align: center;
        order: 0;
        flex-grow: 0;
        margin: 20px 0px 20px 0px;
    }

    .footer-para {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: 20px;
        color: #333333;
        display: inherit;
        flex: none;
        text-align: center;
        order: 0;
        flex-grow: 0;
        margin: 20px 0px;
    }

    .row-data2 {
        font-family: 'Helvetica', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 18px;
        color: #969696;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 8px 0px;
    }

    .img-head4 {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 26px;
        line-height: 39px;
        color: #333333;
        margin: 30px 0px 40px 0px;
    }

    .img-center-link1 {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 16px 0px 8px 0px;
    }

    .img-center-link2 {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        color: #828282;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 8px 0px 18px 0px;
    }

    .activity-link1 {
        font-family: var(--HN);
        font-style: normal;
        font-weight: bold;
        font-size: 13px;
        line-height: 18px;
        color: #333333;
        flex: none;
        order: 0;
        display: block;
        flex-grow: 0;
        margin: 2px 0px;
    }

    .btn-centered {
        text-align: center;
    }

    .content-wrapper {
        width: 100%
    }

    .d-sm-none {
        display: none;
    }

    .d-none {
        display: none;
    }

    .d-show {
        display: block;
        width: 100%;
    }

    .float-sm-right {
        float: right
    }

    .float-sm-left {
        float: left;
    }

    .btn-sm-block {
        width: 100%
    }
}

/* ipad responsive*/
@media only screen and (min-width:768px) and (max-width:1023.98px) {
    .profile-padding {
        padding: 115px 20px 90px 20px;
    }

    .input-title-select-days {
        margin-top: 15px;
        width: 95%;
    }

    .center-image {
        /* background-image: url(../../../assets/images/CTA-Image.png); */
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        padding: 30px;
        border-radius: 20px;
        width: 100%;
    }

    .tableactivity-padding {
        padding: 50px 50px 80px 50px;
    }

    .input-title-add2-select {
        width: 100%;
    }

    .new-select-tab-days {
        /* -webkit-appearance: none; */
        appearance: auto;
        /* background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) white no-repeat 98.5% !important; */
        background: none;
        /* float: unset; */
        width: 100%;
        padding: 7px 0px;
        border: none;
        border-bottom: 1px solid #00000047;
        /* text-align: center; */
    }

    .navbar-3 {
        top: 0;
        position: fixed;
        width: 100%;
        /* opacity: 0%; */
        z-index: 9999;
        background: #FFFFFF;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 7%);
        padding: 14px 30px !important;
    }

    .label-input {
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
        line-height: 22px;
        margin-bottom: 30px;
    }

    .content-adminnew {
        margin-left: 0rem;
    }

    .image-size-covericon {
        height: auto;
        width: 40px;
        top: 35%;
        z-index: -999;
        /* bottom: 10px; */
        left: 45%;
        position: absolute;
        /* border-radius: 24px; */
    }

    .image-size-icon {
        height: auto;
        width: 40px;
        z-index: -999;
        top: 35%;
        left: 39%;
        position: absolute;
        /* border-radius: 24px; */
    }


    .list-step-activity {
        display: inline-block;
        margin-right: 26px;
    }

    .thanku-heading {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 40px;
        line-height: 60px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 30px 10px 20px 10px;
    }

    .image-size {
        height: 180px;
        width: 100%;
        border-radius: 24px;
    }

    .ass-profile-padding {
        padding: 170px 20px 100px 20px;
    }

    .profile-name-input {
        padding: 15px;
        border: 1px solid #969696 !important;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        width: 100%;
        margin: 10px 0px;
        height: auto;
        display: block;
        align-items: center;
        color: #333333;
        box-sizing: border-box;
        border-radius: 6px;
    }

    .nav-new-collapse {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        background-color: transparent;
        z-index: 999;
        font-size: 16px;
        line-height: 19px;
        color: black !important;
        padding: 5px 0px;
        text-align: left;
        margin: 20px 0px 5px 0px;
    }

    .nav-border.active {
        border-bottom: 1px solid #FFFFFF;
        margin: 10px 0px 5px 0px;
        width: 100%;
    }

    .nav-new {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        background-color: transparent;
        z-index: 999;
        font-size: 16px;
        line-height: 19px;
        color: black !important;
        padding: 5px 0px;
        text-align: left;
        margin: 0px;
    }

    .boardingStep1-padding {
        padding: 240px 20px 220px 20px;
    }

    .col-md-6-ipad {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    .search-tags-btn {
        display: block;
        width: 75% !important;
        height: auto;
        padding: 0.8rem;
        font-size: 0.9rem;
        font-weight: 400;
        line-height: 1.5;
        margin-right: 10px;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    .custom-tags {
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 10px;
        margin-bottom: 20px;
        text-align: center;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 21px;
        padding: 15px 20px;
        color: #333333;
        width: 100%;
        margin: 20px 0px 15px 0px !important;
    }

    .custom-radio-label {
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 10px;
        text-align: center;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 21px;
        padding: 10px 5px;
        color: #333333;
        width: 100%;
        margin: 24px 0px 24px 0px !important;
    }

    .new-radio {
        margin-right: 4px;
        margin-top: 3px;
        width: 10px;
    }

    .read-more {
        display: inline-block;
        float: right;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
        padding: 3px 0px;
        align-items: center;
        text-align: right;
        text-decoration-line: underline;
        color: #333333;
    }

    .check12 {
        position: absolute;
        margin-top: 3px !important;
        /* text-align: right; */
        /* direction: rtl; */
        height: 16px !important;
        width: 25px !important;
        /* float: right; */
        right: 70px;
        display: inline-block;
        margin-left: 0rem !important;
    }

    .form-check-label12new {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        margin: 0px;
        line-height: 150%;
        padding: 0px 65px 0px 0px;
        color: #333333;
    }

    .check12-last {
        position: absolute;
        margin-top: 16px !important;
        /* text-align: right; */
        /* direction: rtl; */
        height: 17px !important;
        width: 25px !important;
        /* float: right; */
        right: 70px;
        display: inline-block;
        margin-left: 0rem !important;
    }

    .check3 {
        position: absolute;
        margin-top: 3px !important;
        /* text-align: right; */
        /* direction: rtl; */
        height: 15px !important;
        width: 13px !important;
        /* float: right; */
        /* right: 0px; */
        display: inline-block;
        margin-left: -0.5rem !important;
    }

    .custom-padding {
        padding: 150px 30px 50px 30px;
    }

    .btn-group-toggle {
        margin: 0px 0px 12px 0px;
    }

    .list-newinline {
        display: inline-block;
        margin: 5px 0px;
    }

    .btn-register {
        width: 100%;
        height: auto;
        margin: 43px 0px 33px 0px;
        padding: 23px 40px;
        text-align: center;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        display: block;
        align-items: center;
        text-align: center;
        color: #FFFFFF;
        background: #333333;
        border-radius: 6px;
    }

    .google {
        width: 100%;
        height: auto;
        padding: 25px 30px;
        margin: 0px 0px 24px 0px;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        display: inline-block;
        align-items: center;
        text-align: center;
        color: #333333;
        background: #FFFFFF;
        box-shadow: 0px 4px 10px rgb(0 0 0 / 8%);
        border-radius: 6px;
    }

    .facebook {
        width: 100%;
        height: auto;
        padding: 25px 30px;
        margin: 25px 0px 24px 0px;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        display: inline-block;
        align-items: center;
        text-align: center;
        color: #333333;
        background: #FFFFFF;
        box-shadow: 0px 4px 10px rgb(0 0 0 / 8%);
        border-radius: 6px;
    }

    .form-check-input {
        position: absolute;
        margin-top: 0px !important;
        /* text-align: right; */
        /* direction: rtl; */
        /* float: right; */
        right: 70px;
        display: inline-block;
        /* margin-left: 14.75rem !important; */
    }

    .top-links {
        padding: 30px;
    }

    .signup2a-padding {
        padding: 50px 30px;
    }

    .signup3a-padding {
        padding: 50px 30px;
    }

    .name-input {
        padding: 23px;
        border: 1px solid #969696 !important;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        width: 100%;
        height: auto;
        display: block;
        align-items: center;
        color: #333333;
        box-sizing: border-box;
        border-radius: 6px;
    }

    .login-link {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 28px;
        display: inline-block;
        align-items: center;
        text-align: right;
        color: #BDBDBD;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 20px 20px 0px 5px;
    }

    .login-div {
        width: 100%;
        height: auto;
        padding: 20px;
        margin: 40px 0px;
        box-sizing: border-box;
        background: #FFFFFF;
        box-shadow: 0px 2px 14px 1px rgb(0 0 0 / 6%);
        border: none;
        border-radius: 6px;
    }

    .login-padding {
        padding: 100px 50px 100px 50px;
    }

    .blue-white-para-login {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 40px;
        line-height: 50px;
        text-align: left;
        letter-spacing: -0.04em;
        color: #FFFFFF;
        margin-bottom: 0px;
        flex: none;
        order: 0;
        flex-grow: 0;
        padding: 250px 30px 0px 50px;
    }

    .login-head-para {
        margin: 18px 50px 0px 50px;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 150%;
        color: #FFFFFF;
    }

    .blue-div {
        background: linear-gradient( 90deg, #2F80ED 0%, #56CCF2 107.87%);
        width: 50%;
        position: fixed;
        height: 1000px;
    }

    .blue-div-hosting {
        background: linear-gradient( 90deg, #2F80ED 0%, #56CCF2 107.87%);
        width: 100%;
        position: relative;
        height: 1000px;
    }

    .onboard13-hr {
        border-top: 3px solid #F5F5F5;
        margin: 30px 0px 20px 0px;
    }

    .checbox-hr2 {
        border-top: 3px solid #F5F5F5;
        margin: 100px 0px 20px 0px;
    }

    .checbox-hr {
        border-top: 3px solid #F5F5F5;
        margin: 120px 0px 20px 0px;
    }

    .img-hr {
        border-top: 3px solid #F5F5F5;
        margin: 120px 0px 25px 0px;
    }

    .onboard9-hr {
        border-top: 3px solid #F5F5F5;
        margin: 120px 0px 25px 0px;
    }

    .blue-white-para-onboard13 {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 40px;
        line-height: 50px;
        text-align: center;
        letter-spacing: -0.04em;
        color: #FFFFFF;
        margin-bottom: 0px;
        flex: none;
        order: 0;
        flex-grow: 0;
        padding: 300px 30px 0px 30px;
    }

    .onboard13-para {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 25px;
        line-height: 140%;
        margin: 24px 0px 10px 0px;
        padding: 0px 30px 0px 30px;
        text-align: center;
        color: #FFFFFF;
    }

    .profile-blue-link-activity {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 120%;
        width: 100%;
        text-align: center;
        display: inline-block;
        height: auto;
        margin-top: 2px;
        background: #2F80ED;
        border: 2px solid #FFFFFF;
        border-radius: 30px;
        padding: 5px 5px;
        box-sizing: border-box;
        color: #fff;
    }

    .profile-links {
        text-align: left;
        margin: 5px 2px 20px 2px;
    }

    .boarding13-padding {
        padding: 60px 20px 0px 20px;
    }

    .padding-profile {
        padding: 45px 24px 20px 24px !important;
    }

    .upper-div {
        width: 100%;
        height: 280px;
        border: none;
        border-radius: 12px 12px 0px 0px;
    }

    .onboard13-hr {
        border-top: 3px solid #F5F5F5;
        margin: 70px 0px 25px 0px;
    }

    .top-listprofile13 {
        padding: 7px 10px;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 20px;
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 140%;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 10px 0px 0px;
    }

    .profile-heading13 {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 26px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 5px 0px;
    }

    .surface-img-div {
        width: 100%;
        height: 350px;
        background: linear-gradient( 0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
        border-radius: 8px;
    }

    .meet-padding {
        padding: 15px;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 350px;
        border-radius: 8px;
    }

    .meet-btn {
        padding: 8px 12px;
        position: absolute;
        width: 95px;
        height: auto;
        left: 0px;
        bottom: 0px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 20px;
        text-align: center;
        color: #000000;
        background: #FFFFFF;
        border-radius: 10px;
    }

    .meetup-heading {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 26px;
        color: #FFFFFF;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 2px 0px;
    }

    .surface-big-img {
        width: 100%;
        height: 350px;
        border-radius: 8px;
    }

    .star-div-surface {
        margin: 15px 0px 0px 0px;
    }

    .left-padding {
        padding-left: 15px !important;
    }

    .top-list-surface {
        padding: 7px 10px 7px 9px;
        background: #FFFFFF;
        box-sizing: border-box;
        border: 1px solid #000000;
        box-sizing: border-box;
        border-radius: 8px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        text-align: center;
        font-size: 12px;
        line-height: 14px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 7px 5px 0px 0px;
    }

    .top-list-surface2 {
        padding: 7px 10px 7px 9px;
        background: #FFFFFF;
        box-sizing: border-box;
        border: 1px solid #000000;
        box-sizing: border-box;
        border-radius: 8px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        text-align: center;
        font-size: 12px;
        line-height: 14px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 7px 0px 0px 0px;
    }

    .center-surface-div {
        width: 100%;
        height: auto;
        padding: 10px;
        background: #FFFFFF;
        border: 1px solid #D7D7D7;
        box-sizing: border-box;
        border-radius: 8px;
    }

    .top-list-book {
        padding: 8px 10px;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 20px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 18px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 10px 0px 0px;
    }

    .heading2 {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 26px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px;
    }

    .pro-carousel .owl-nav .owl-prev span {
        font-size: 30px;
        line-height: 5px;
        padding-right: 10px;
    }

    .pro-carousel .owl-nav .owl-next span {
        font-size: 30px;
        line-height: 5px;
    }

    .book-carousel .owl-nav .owl-prev span {
        font-size: 30px;
        line-height: 5px;
        padding-right: 10px;
    }

    .book-carousel .owl-nav .owl-next span {
        font-size: 30px;
        line-height: 5px;
    }

    .surface-carousel .owl-nav .owl-prev span {
        font-size: 30px;
        line-height: 5px;
        padding-right: 10px;
    }

    .surface-carousel .owl-nav .owl-next span {
        font-size: 30px;
        line-height: 5px;
    }

    .left-right-para {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 19px;
        display: inline-block;
        color: #333333;
        position: absolute;
        bottom: 0px;
        right: 20px;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 4px 20px 4px 0px;
    }

    .top-list-book-dropdown {
        padding: 8px 12px;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 20px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        display: block;
        line-height: 18px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 4px 0px 0px 0px;
    }

    .surface-book-para {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 26px;
        color: #7D7D7D;
        flex: none;
        order: 0;
        flex-grow: 1;
    }

    .gallery__img-book {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        border-radius: 8px;
    }

    .custom-padding-book {
        padding: 80px 30px 20px 30px;
    }

    .gallery-book {
        display: grid;
        grid-template-columns: repeat(10, 1fr);
        grid-template-rows: repeat(8, 5vw );
        grid-gap: 10px;
    }

    .book-image {
        border-radius: 12px;
        border: none;
        width: 100%;
        height: 270px;
    }

    .surface-book-heading {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 40px;
        line-height: 50px;
        color: #000000;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 30px 0px 36px 0px;
    }

    .padding-l {
        padding-left: 0px !important;
    }

    .blue-white-para-activity {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 40px;
        line-height: 50px;
        text-align: center;
        letter-spacing: -0.04em;
        color: #FFFFFF;
        margin-bottom: 0px;
        flex: none;
        order: 0;
        flex-grow: 0;
        padding: 000px 00px 0px 00px;
    }

    .bottom-date {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 16px;
        color: #747474;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 5px 0px;
    }

    .border-drop-activity-right {
        padding-left: 15px;
    }

    .fa-chevron-down2:before {
        content: "\f078";
        color: #333333;
        font-size: 16px;
        /* display: inline-block; */
    }

    .star-div-profilenew {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .profile-blue-btn2 {
        width: 100%;
        height: auto;
        padding: 8px 20px 10px 20px;
        background: #2F80ED;
        border-radius: 8px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 19px;
        display: inline-grid;
        color: #FFFFFF;
        flex: none;
        /* float: right; */
        text-align: center;
        order: 1;
        flex-grow: 0;
        margin: 0px 0px;
    }

    .list-bottom-activitynew {
        display: inline-block;
        margin-right: 12px;
    }

    .paragraph2 {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 19px;
        color: #494949;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 0px 0px 22px 0px;
    }

    .profile-pic-bottom {
        width: 100%;
        height: auto;
        border: 2px solid #FFFFFF;
        border-radius: 50%;
    }

    .profile-blue-link-activitynew {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 19px;
        width: 100%;
        text-align: center;
        display: inline-block;
        height: auto;
        margin-top: 5px;
        background: #2F80ED;
        border-radius: 8px;
        padding: 8px 6px;
        box-sizing: border-box;
        color: #fff;
    }

    .bottom-para {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 200%;
        color: #747474;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 2px 0px;
    }

    .top-listprofile-activity {
        padding: 5px 8px;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 20px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 200%;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 8px 0px 0px;
    }

    .basket-para2 {
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 120%;
        font-family: 'SF Pro Rounded', sans-serif;
        color: #494949;
        flex: none;
        display: inline-block;
        order: 1;
        flex-grow: 0;
        margin: 5px 0px;
    }

    .border-drop-activity-left {
        border-right: 1px solid #D7D7D7;
        min-height: 300px;
        padding-right: 15px;
    }

    .star-para {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 16px;
        display: inline-grid;
        color: #333333;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 5px 0px 0px 0px;
    }

    .side-img-profile {
        width: 100%;
        height: auto;
        box-sizing: border-box;
        display: block;
        box-shadow: 0px 0px 6px rgb(0 0 0 / 8%);
        border-radius: 6px;
    }

    .padding-profile2 {
        padding: 22px 20px 24px 20px !important;
    }

    .star-paragraph {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 14px;
        margin: 10px 0px 9px 0px;
        color: #747474;
    }

    .paragraph {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        color: #494949;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 20px 0px;
    }

    .profile-heading {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 7px 0px;
    }

    .list-bottom-activity {
        display: inline-block;
        margin-right: 10px;
    }

    .profile-blue-link-activity {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 10px;
        line-height: 120%;
        width: 100%;
        text-align: center;
        display: inline-block;
        height: auto;
        margin-top: 2px;
        background: #2F80ED;
        border: 2px solid #FFFFFF;
        border-radius: 10px;
        padding: 5px 3px;
        box-sizing: border-box;
        color: #fff;
    }

    .profile-back-img {
        width: 100%;
        height: 300px;
        border: none;
        border-radius: 12px 12px 0px 0px;
    }

    .basket-btn-head {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 16px;
        color: #494949;
        display: inline-block;
        flex: none;
        text-align: right;
        order: 0;
        flex-grow: 0;
        margin: 4px 0px 11px 0px;
    }

    .profile-blue-btn {
        width: 100%;
        height: auto;
        padding: 8px 10px 10px 10px;
        background: #2F80ED;
        border-radius: 8px;
        font-family: var(--Roboto);
        font-style: normal;
        text-align: center;
        font-weight: 500;
        font-size: 14px;
        line-height: 19px;
        display: block;
        color: #FFFFFF;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 11px 0px;
    }

    .basket-head {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 16px;
        color: #494949;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 4px 0px;
    }

    .top-list {
        padding: 8px 10px;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 20px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 18px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 10px 0px 0px;
    }

    .bottom-paragraph {
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 120%;
        font-family: 'SF Pro Rounded', sans-serif;
        color: #494949;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 8px 0px;
    }

    .bottom-head {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 16px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 0px;
    }

    .side-img {
        width: 50px;
        height: 50px;
        box-sizing: border-box;
        display: block;
        box-shadow: 0px 0px 6px rgb(0 0 0 / 8%);
        border-radius: 6px;
    }

    .list-bottom {
        display: inline-block;
        margin-right: 20px;
    }

    .top-listprofile {
        padding: 8px 10px;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 20px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 18px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 10px 0px 0px;
    }

    .divdrop2 {
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 12px;
        padding: 13px 10px;
        flex: none;
        order: 3;
        flex-grow: 0;
        margin: 28px 0px;
    }

    .profile-blue-link {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 10px;
        line-height: 120%;
        width: 100%;
        text-align: center;
        display: inline-block;
        height: auto;
        margin-top: 7px;
        padding: 4px;
        border: 1px solid #2F80ED;
        box-sizing: border-box;
        border-radius: 12px;
        text-transform: uppercase;
        color: #2F80ED;
    }

    .fa-star:before {
        content: "\f005";
        color: #2F80ED;
        font-size: 12px;
        margin-right: 3px;
        margin-bottom: 10px;
    }

    .profile-back-img {
        width: 100%;
        height: 250px;
        border: none;
        border-radius: 12px 12px 0px 0px;
    }

    .paragraph {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 19px;
        color: #494949;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 20px 0px;
    }

    .top-list {
        padding: 8px 10px;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 16px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 18px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 8px 0px 0px;
    }

    .bottom-head {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 16px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 0px;
    }

    .left-mar2 {
        padding-right: 0px;
    }

    .bottom-paragraph {
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 120%;
        font-family: 'SF Pro Rounded', sans-serif;
        color: #494949;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 8px 0px;
    }

    .drop-2 {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 17px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 0px;
    }

    .fa-chevron-down2:before {
        content: "\f078";
        color: #333333;
        font-size: 14px;
        /* display: inline-block; */
    }

    .divdrop {
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 10px;
        padding: 13px 10px;
        flex: none;
        order: 3;
        flex-grow: 0;
        margin: 10px 0px 18px 0px;
    }

    .top-listprofile {
        padding: 8px 10px;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 16px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 18px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 8px 0px 0px;
    }

    .basket-head {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 13px;
        line-height: 16px;
        color: #494949;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 4px 0px;
    }

    .profile-blue-btn {
        width: 45px;
        height: auto;
        padding: 7px 5px 7px 5px;
        background: #2F80ED;
        border-radius: 8px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 19px;
        text-align: center;
        display: block;
        color: #FFFFFF;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 11px 0px;
    }

    .basket-para {
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 120%;
        font-family: 'SF Pro Rounded', sans-serif;
        color: #494949;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 5px 0px;
    }

    .basket-para2 {
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 120%;
        font-family: 'SF Pro Rounded', sans-serif;
        color: #494949;
        flex: none;
        text-align: right;
        display: block;
        order: 1;
        flex-grow: 0;
        margin: 4px 0px;
    }

    .basket-btn-head {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 11px;
        line-height: 16px;
        color: #494949;
        display: block;
        text-align: right;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 0px 11px 0px;
    }

    .side-img {
        width: 40px;
        height: 40px;
        box-sizing: border-box;
        display: block;
        box-shadow: 0px 0px 6px rgb(0 0 0 / 8%);
        border-radius: 6px;
    }

    .padding-profile2 {
        padding: 22px 15px 24px 15px !important;
    }

    .social-linksprofile {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        display: inline-block;
        font-size: 16px;
        line-height: 20px;
        padding: 0px 20px 0px 0px;
        color: #333333;
    }

    .profile-blue-link {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 120%;
        width: 70px;
        text-align: center;
        position: relative;
        display: inline-block;
        height: auto;
        right: 12px;
        margin-top: 7px;
        padding: 4px;
        border: 1px solid #2F80ED;
        box-sizing: border-box;
        border-radius: 10px;
        text-transform: uppercase;
        color: #2F80ED;
    }

    .activity-para {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 150%;
        text-align: center;
        color: #FFFFFF;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 39px 30px 0px 30px;
    }

    .map2-small-para {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 144.4%;
        color: #747474;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 10px 0px 7px 5px;
    }

    .heart {
        margin-top: 8px;
        display: inline-block;
    }

    .star-div2 {
        margin: 0px 0px 0px 5px;
        position: relative;
        bottom: 0px;
    }

    .star-div3 {
        margin: 0px 0px 0px 0px;
        position: absolute;
        bottom: 0px;
        right: 0px;
    }

    .rate2 {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 144.4%;
        display: inline-block;
        text-align: right;
        margin-bottom: 0px;
        color: #000000;
    }

    .rate {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        text-align: right;
        font-size: 14px;
        margin-bottom: 0px;
        line-height: 144.4%;
        display: inline-block;
        color: #000000;
    }

    .map2-big-para {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 144.4%;
        margin: 0px 0px 7px 5px;
        color: #333333;
    }

    .col-map-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        /* display: block; */
    }

    .col-map-6 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 70% !important;
        max-width: 70% !important;
        /* display: block; */
    }

    .col-map-2 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 30% !important;
        max-width: 30% !important;
        /* display: block; */
    }

    .btn-submit {
        width: 100%;
        height: auto;
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        border: none;
        font-weight: 500;
        font-size: 18px;
        line-height: 21px;
        color: #FFFFFF;
        padding: 16px 20px;
        background: #BDBDBD;
        border-radius: 24px;
        flex: none;
        order: 7;
        flex-grow: 0;
        margin: 25px 0px 0px 0px;
    }

    .form-padding {
        padding: 0px 0px;
    }

    .form-last-para {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 150%;
        color: #969696;
        flex: none;
        order: 6;
        flex-grow: 0;
        margin: 0px 10px;
    }

    .map-input3 {
        margin: 160px 10px 10px 10px;
        position: absolute;
        right: 2%;
    }

    .form-boarding {
        width: 100%;
        height: auto;
        padding: 18px 15px;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        display: flex;
        align-items: center;
        margin: 20px 0px;
        color: #969696;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 6px;
    }

    .form-boardingcenter {
        width: 100%;
        height: auto;
        padding: 18px 15px;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        display: flex;
        align-items: center;
        margin: 0px 0px 20px 0px;
        color: #969696;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 6px;
    }

    .form-boardinglast {
        width: 100%;
        height: auto;
        padding: 18px 15px;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        display: flex;
        align-items: center;
        margin: 0px 0px 20px 0px;
        color: #969696;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 6px;
    }

    .loc-link {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: 19px;
        align-items: center;
        text-align: center;
        width: 100%;
        position: relative;
        height: auto;
        margin: 28px 0px;
        background: #FFFFFF;
        box-shadow: 0px 4px 10px rgb(0 0 0 / 8%);
        border-radius: 999999px;
        display: table;
        border: none;
        padding: 26px 40px;
        color: #969696;
    }

    .loc-imgnew {
        position: absolute;
        left: 20px;
        width: 13px;
        height: 13px;
        top: 26px;
    }

    .loc-img2 {
        position: absolute;
        left: 40px;
        width: 15px;
        height: 17px;
        top: 47px;
    }

    .loc-para2 {
        width: 100%;
        height: auto;
        font-family: 'Inter',sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: 19px;
        align-items: center;
        padding: 26px 40px;
        text-align: center;
        color: #494949;
        background: #FFFFFF;
        display: block;
        border: 2px solid #333333;
        box-sizing: border-box;
        box-shadow: 0px 4px 10px rgb(0 0 0 / 8%);
        border-radius: 999999px;
    }

    .map-input2 {
        margin: 200px 15px 0px 15px;
        position: absolute;
        left: 0%;
    }

    .card-loc-body {
        background: #fff;
        padding: 20px !important;
        border-radius: 22px;
    }

    .img-menu {
        margin: 2px 12px;
    }

    .formuser {
        background: #FFFFFF;
        width: 90px;
        height: auto;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 35px;
    }

    .top-input {
        padding: 8px 14px;
        margin: 20px 15px;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 12px;
    }

    .boarding8b-padding {
        padding: 50px 30px 0px 30px;
    }

    .dotted-img-input2 {
        width: 100%;
        border: 1px dashed #BDBDBD;
        box-sizing: border-box;
        border-radius: 24px;
        margin-bottom: 20px;
    }

    .check-last {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 150%;
        display: block;
        color: #969696;
        text-align: left;
        flex: none;
        order: 4;
        align-self: stretch;
        flex-grow: 0;
        margin: 8px 0px 0px 0px;
    }

    .fil-para2b {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 150%;
        text-align: left;
        color: #969696;
        flex: none;
        order: 2;
        align-self: stretch;
        flex-grow: 0;
        margin: 12px 0px 12px 20px;
    }

    .fil-para1b {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 21px;
        text-align: left;
        color: #333333;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 20px 0px 12px 20px;
    }

    .boarding8-padding {
        padding: 110px 30px 0px 30px;
    }

    .dotted-img-input {
        height: 700px;
        width: 100%;
        border: 1px dashed #BDBDBD;
        box-sizing: border-box;
        border-radius: 24px;
        padding: 300px 0px;
    }

    .select-images {
        margin: 20px 0px 10px 0px;
    }

    .custom-select-img {
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 20px;
        width: 100%;
        margin: 0px 0px 10px 0px;
        height: auto;
        padding: 10px 5px;
    }

    .select-para {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 17px;
        display: block;
        text-align: center;
        align-items: center;
        color: #333333;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 0px 0px 20px 0px;
    }

    .boarding7-padding {
        padding: 70px 30px 10px 30px;
    }

    .choose-activity {
        margin: 30px 30px 0px 30px;
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 25px;
        text-align: center;
        color: #333333;
    }

    .boarding6-padding {
        padding: 280px 20px 170px 20px;
    }

    .increment {
        text-align: left;
        display: block;
        margin: 12px;
        float: left;
    }

    .text-right-left {
        text-align: left;
    }

    .select-options-time {
        display: block;
        width: 100%;
        /* height: calc(1.5em + 0.75rem + 2px); */
        /* padding: 0.375rem 0.75rem; */
        font-size: 16px;
        font-weight: 400;
        margin: 15px 0px;
        float: left;
        line-height: 1.5;
        color: #495057;
        -webkit-appearance: none !important;
        -moz-appearance: none;
        appearance: auto !important;
        background: none !important;
        background-color: #fff;
        background-clip: padding-box;
        border: none;
        /* border-radius: 0.25rem; */
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    input#number {
        text-align: center;
        border: none;
        margin: 0px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        color: #333333;
        width: 30px;
        height: auto;
    }

    input#number3 {
        text-align: center;
        border: none;
        margin: 0px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        color: #333333;
        width: 30px;
        height: auto;
    }

    input#number2 {
        text-align: center;
        border: none;
        margin: 0px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        color: #333333;
        width: 30px;
        height: auto;
    }

    input#number0 {
        text-align: center;
        border: none;
        margin: 0px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        color: #333333;
        width: 30px;
        height: auto;
    }

    .custom-label2 {
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 18px;
        /* text-align: center; */
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        display: grid;
        padding: 15px 15px;
        color: #333333;
        width: 100%;
        margin-bottom: 20px !important;
    }

    .col-md-12-ipad-pro {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .card-location {
        display: inline-flex;
        margin: 300px 20px;
        border-radius: 24px;
    }

    .loc-para {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 17px;
        line-height: 19px;
        align-items: center;
        text-align: center;
        width: 100%;
        height: 64px;
        border: none;
        background: #FFFFFF;
        box-shadow: 0px 4px 10px rgb(0 0 0 / 8%);
        border-radius: 999999px;
        display: inline-block;
        padding: 2px 60px;
        color: #969696;
    }

    .loc-img {
        position: absolute;
        left: 50px;
        top: 18px;
    }

    .boarding4-padding {
        padding: 270px 50px 140px 50px;
    }

    .map-input {
        margin: 300px 0px 0px 0px;
        position: absolute;
        left: 6%;
    }

    .custom-checkbox {
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 24px;
        text-align: left;
        text-align: left;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 21px;
        padding: 20px;
        color: #333333;
        width: 100%;
        margin-bottom: 10px !important;
    }

    .boarding3-padding {
        padding: 150px 30px 0px 30px;
    }

    .boarding11-padding {
        padding: 180px 30px 130px 30px;
    }

    .boarding12-padding {
        padding: 120px 40px 100px 40px;
    }

    .checkbox-div {
        width: 100%;
        height: auto;
        padding: 20px;
        text-align: center;
        display: inline-block;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 24px;
    }

    .left-para {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 24px;
        margin: 0px 0px 24px 0px;
        color: #333333;
    }

    .custom-increment {
        box-sizing: border-box;
        font-family: var(--Roboto);
        padding: 20px 40px;
        /* color: #333333; */
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 24px;
        flex: none;
        order: 1;
        flex-grow: 0;
        width: 100%;
        margin-bottom: 12px !important;
    }

    .blue-white-para {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 30px;
        line-height: 50px;
        text-align: center;
        letter-spacing: -0.04em;
        color: #FFFFFF;
        margin-bottom: 0px;
        flex: none;
        order: 0;
        flex-grow: 0;
        padding: 180px 20px 0px 20px;
    }

    .boarding10-padding {
        padding: 100px 20px 30px 20px;
    }

    .boarding9-padding {
        padding: 150px 30px 80px 30px;
    }

    .blue-white-para-activity2 {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 30px;
        line-height: 50px;
        text-align: center;
        letter-spacing: -0.04em;
        color: #FFFFFF;
        margin-bottom: 0px;
        flex: none;
        order: 0;
        flex-grow: 0;
        padding: 50px 00px 0px 00px;
    }

    .form-control-textarea {
        display: block;
        width: 100%;
        height: calc(1.5 em + 0.75 rem + 2 px );
        padding: 20px 24px;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 24px;
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 29px;
        color: #969696;
        background-color: #fff;
        background-clip: padding-box;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .img-linklast {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 25px;
        color: #FFFFFF;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 11px 0px;
    }

    .para-linksdown2 {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 40px;
        line-height: 50px;
        display: inline-block;
        color: #fff;
        text-align: center;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 0px 0px 0px;
    }

    .para-linksdown {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 40px;
        line-height: 50px;
        display: block;
        color: #A5E8FE;
        text-align: center;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 0px 0px 0px;
    }

    .para-linksnew {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 60px;
        line-height: 72px;
        display: inline-block;
        color: #A5E8FE;
        text-align: center;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 30px 0px 30px 0px;
    }

    .para-links2 {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 40px;
        line-height: 50px;
        text-decoration: underline;
        display: inline-block;
        color: #fff;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 0px;
    }

    .para-links1 {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 40px;
        line-height: 50px;
        text-decoration: underline;
        display: inline-block;
        color: #A5E8FE;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 0px;
    }

    .para-links {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 40px;
        line-height: 50px;
        display: inline-block;
        color: #A5E8FE;
        text-align: center;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 100px 0px 0px 0px;
    }

    .hosting-img {
        width: 100%;
        height: auto;
        margin-top: -100px;
        border-radius: 0px 0px 10px 10px;
    }

    .down-padding {
        padding: 0px 30px;
    }

    .blue-white-para2 {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 40px;
        line-height: 50px;
        text-align: center;
        letter-spacing: -0.04em;
        color: #FFFFFF;
        margin-bottom: 0px;
        flex: none;
        order: 0;
        flex-grow: 0;
        padding: 250px 20px 10px 20px;
    }

    .img-container {
        padding: 0px 30px;
    }

    .para-padding {
        padding: 0px 60px 0px 60px;
    }

    .hosting-heading2 {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 40px;
        line-height: 50px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 100px 0px 79px 0px;
    }

    .blue-background {
        width: 100%;
        height: 1650px;
        margin: 200px 0px 0px 0px;
        background: linear-gradient( 90deg, #2F80ED 0%, #56CCF2 107.87%);
    }

    .custom-container2 {
        padding: 0px 26px;
    }

    .top-nav {
        margin: 0 auto;
        width: 100%;
        position: absolute;
        padding: 20px 30px;
    }

    .hosting-heading {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 50px;
        line-height: 54px;
        color: #000000;
        margin: 100px 0px;
    }

    .top-search {
        width: 300px;
        border-radius: 46px;
        border: 1px solid #D7D7D7;
        box-sizing: border-box;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 8%);
        padding: 6px 7px 6px 15px;
        text-align: right;
        margin-top: 15px;
        display: flex;
    }

    .nav-list .nav-item2 {
        padding: 5px 20px;
        margin: 6px 0px 6px 0px !important;
        border-right: none;
    }

    .nav-list .nav-item {
        padding: 5px 10px 5px 20px;
        margin: 8px 0px 8px 0px !important;
        border-right: 1px solid #BDBDBD;
    }

    .navbar-2 {
        top: 0;
        position: absolute;
        width: 100%;
        opacity: 0%;
        z-index: -454;
        padding: 14px 30px;
    }

    .custom-container {
        padding: 0px 30px;
    }

    .activity-link2 {
        font-family: Helvetica;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 16px;
        color: #747474;
        display: block;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 5px 0px 10px 0px;
    }

    .img-head3 {
        margin: 55px 0px 28px 0px;
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 30px;
        line-height: 40px;
        color: #333333;
    }

    .img-center-link1 {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 16px 0px 8px 0px;
    }

    .footer-head {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 15px;
        line-height: 20px;
        display: inherit;
        text-transform: uppercase;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 59px 0px 28px 0px;
    }

    .footer-para {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: 20px;
        color: #333333;
        display: inherit;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 28px 0px;
    }

    .footer-para2 {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: 20px;
        display: inherit;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 28px 0px 99px 0px;
    }

    .footer-last {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        display: inline-block;
        font-size: 15px;
        line-height: 20px;
        text-align: left;
        margin: 30px 0px 100px 0px;
        color: #333333;
    }

    .right-link {
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        display: inline-block;
        padding: 4px 29px 0px 10px;
        letter-spacing: 0.02em;
        color: #333333;
    }

    .footer-links-right {
        text-align: right;
        margin: 30px 0px 100px 0px;
    }

    .footer-lastlink {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        display: inline-block;
        font-size: 16px;
        line-height: 20px;
        color: #333333;
    }

    .table td {
        padding: 45px 150px 0px 0px;
        vertical-align: top;
        border-top: none !important;
    }

    .img-head4 {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 30px;
        line-height: 39px;
        color: #333333;
        margin: 32px 0px 48px 0px;
    }

    .img-center-link2 {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        color: #828282;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 8px 0px;
    }

    .img-head2 {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 26px;
        line-height: 36px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 33px 0px 19px 0px;
    }

    .activity-link1 {
        font-family: var(--HN);
        font-style: normal;
        font-weight: bold;
        font-size: 15px;
        line-height: 18px;
        color: #333333;
        flex: none;
        order: 0;
        display: block;
        flex-grow: 0;
        margin: 5px 0px 5px 0px;
    }

    .img-para {
        display: inline-block;
        margin-left: 0px;
        position: relative;
        top: 10px;
        bottom: 10px;
    }

    .activity-img {
        width: 55px;
        height: 55px;
        border-radius: 6px;
        display: inline-block;
        flex: none;
        order: 0;
        flex-grow: 0;
    }

    .blue-para {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 25px;
        line-height: 38px;
        margin-bottom: 0px;
        margin-top: 40px;
    }

    .img-link {
        font-family: var(--HN);
        font-style: normal;
        font-weight: 500;
        display: block;
        font-size: 16px;
        line-height: 22px;
        color: #333333;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 16px 0px;
    }

    .img-head {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 26px;
        line-height: 36px;
        margin-top: 80px;
        margin-bottom: 0px;
        color: #333333;
    }

    .black-para {
        font-family: var(--HN);
        font-style: normal;
        font-weight: 500;
        font-size: 17px;
        line-height: 26px;
        margin-bottom: 0px;
        margin-top: 40px;
        color: #494949;
    }
}
/* ipad pro responsive*/
@media only screen and (min-width:1024px) and (max-width:1250px) {
    .boarding11-padding {
        padding: 390px 40px 390px 40px;
    }

    .center-image {
        /* background-image: url(../../../assets/images/CTA-Image.png); */
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        padding: 40px;
        border-radius: 20px;
        width: 100%;
    }

    .input-title-add-time {
        display: block;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        border: none;
        line-height: 15px;
        width: 88%;
        border-bottom: 1px solid #33333361;
        align-items: center;
        text-align: left;
        color: #333333;
    }

    .col-lg-6-medium {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    .navbar-3 {
        top: 0;
        position: fixed;
        width: 100%;
        /* opacity: 0%; */
        z-index: 9999;
        background: #FFFFFF;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 7%);
        padding: 14px 30px !important;
    }

    .increment {
        text-align: left;
        display: block;
        margin: 12px;
        float: left;
    }

    .top-nav {
        margin: 0 auto;
        width: 100%;
        position: absolute;
        padding: 20px;
    }

    .text-right-left {
        text-align: left;
    }

    .select-options-time {
        display: block;
        width: 100%;
        /* height: calc(1.5em + 0.75rem + 2px); */
        /* padding: 0.375rem 0.75rem; */
        font-size: 16px;
        font-weight: 400;
        margin: 15px 0px;
        float: left;
        line-height: 1.5;
        color: #495057;
        -webkit-appearance: none !important;
        -moz-appearance: none;
        appearance: auto !important;
        background: none !important;
        background-color: #fff;
        background-clip: padding-box;
        border: none;
        /* border-radius: 0.25rem; */
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    .label-input {
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
        line-height: 22px;
        margin-bottom: 30px;
    }

    .tableactivity-padding {
        padding: 50px 50px 80px 50px;
    }


    .image-size-icon {
        height: auto;
        width: 40px;
        z-index: -999;
        top: 37%;
        left: 42%;
        position: absolute;
        /* border-radius: 24px; */
    }

    .image-size-covericon {
        height: auto;
        width: 40px;
        top: 36%;
        z-index: -999;
        /* bottom: 10px; */
        left: 48%;
        position: absolute;
        /* border-radius: 24px; */
    }

    .list-step-activity {
        display: inline-block;
        margin-right: 23px;
    }

    .ass-profile-padding {
        padding: 250px 30px 100px 30px;
    }

    .thanku-heading {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 40px;
        line-height: 60px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 30px 10px 20px 10px;
    }

    .profile-name-input {
        padding: 15px;
        border: 1px solid #969696 !important;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        width: 100%;
        margin: 10px 0px;
        height: auto;
        display: block;
        align-items: center;
        color: #333333;
        box-sizing: border-box;
        border-radius: 6px;
    }

    input#number0 {
        text-align: center;
        border: none;
        margin: 0px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        color: #333333;
        width: 25px;
        height: auto;
    }

    .profile-padding {
        padding: 115px 40px 90px 40px;
    }

    .search-tags-btn {
        display: block;
        width: 75% !important;
        height: auto;
        padding: 0.8rem;
        font-size: 0.9rem;
        font-weight: 400;
        line-height: 1.5;
        margin-right: 10px;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    .custom-tags {
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 10px;
        margin-bottom: 20px;
        text-align: center;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 21px;
        padding: 15px 20px;
        color: #333333;
        width: 100%;
        margin: 20px 0px 15px 0px !important;
    }

    .col-md-6-ipad-pro {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    .boardingStep1-padding {
        padding: 350px 30px 340px 30px;
    }

    .custom-radio-label {
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 10px;
        text-align: center;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 13px;
        line-height: 21px;
        padding: 10px 5px;
        color: #333333;
        width: 100%;
        margin: 24px 0px 24px 0px !important;
    }

    .new-radio {
        margin-right: 4px;
        margin-top: 3px;
        width: 10px;
    }

    .read-more {
        display: inline-block;
        float: right;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
        padding: 3px 0px;
        align-items: center;
        text-align: right;
        text-decoration-line: underline;
        color: #333333;
    }

    .check12 {
        position: absolute;
        margin-top: 3px !important;
        /* text-align: right; */
        /* direction: rtl; */
        height: 16px !important;
        width: 25px !important;
        /* float: right; */
        right: 70px;
        display: inline-block;
        margin-left: 0rem !important;
    }

    .form-check-label12new {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        margin: 0px;
        line-height: 150%;
        padding: 0px 65px 0px 0px;
        color: #333333;
    }

    .check12-last {
        position: absolute;
        margin-top: 16px !important;
        /* text-align: right; */
        /* direction: rtl; */
        height: 17px !important;
        width: 25px !important;
        /* float: right; */
        right: 70px;
        display: inline-block;
        margin-left: 0rem !important;
    }

    .img-hr {
        border-top: 3px solid #F5F5F5;
        margin: 150px 0px 25px 0px;
    }

    .btn-group-toggle {
        margin: 0px 0px 12px 0px;
    }

    .checkbox-div {
        width: 475px;
        height: auto;
        padding: 24px 45px;
        text-align: center;
        display: inline-block;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 24px;
    }

    .check-label11 {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 150%;
        text-align: center;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 18px;
    }

    .check3 {
        position: absolute;
        margin-top: 3px !important;
        /* text-align: right; */
        /* direction: rtl; */
        height: 15px !important;
        width: 13px !important;
        /* float: right; */
        /* right: 0px; */
        display: inline-block;
        margin-left: -0.5rem !important;
    }

    .list-newinline {
        display: inline-block;
        margin: 5px 0px;
    }

    .btn-register {
        width: 100%;
        height: auto;
        margin: 43px 0px 33px 0px;
        padding: 23px 40px;
        text-align: center;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        display: block;
        align-items: center;
        text-align: center;
        color: #FFFFFF;
        background: #333333;
        border-radius: 6px;
    }

    .top-links {
        padding: 30px;
    }

    .form-check-input {
        position: absolute;
        margin-top: 0px !important;
        /* text-align: right; */
        /* direction: rtl; */
        /* float: right; */
        right: 70px;
        display: inline-block;
        /* margin-left: 14.75rem !important; */
    }

    .signup2a-padding {
        padding: 60px 30px;
    }

    .signup3a-padding {
        padding: 60px 30px;
    }

    .name-input {
        padding: 23px;
        border: 1px solid #969696 !important;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        width: 100%;
        height: auto;
        display: block;
        align-items: center;
        color: #333333;
        box-sizing: border-box;
        border-radius: 6px;
    }

    .login-link {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 28px;
        display: inline-block;
        align-items: center;
        text-align: right;
        color: #BDBDBD;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 20px 20px 0px 5px;
    }

    .login-div {
        width: 100%;
        height: auto;
        padding: 20px;
        margin: 40px 0px;
        box-sizing: border-box;
        background: #FFFFFF;
        box-shadow: 0px 2px 14px 1px rgb(0 0 0 / 6%);
        border: none;
        border-radius: 6px;
    }

    .login-padding {
        padding: 100px 50px 100px 50px;
    }

    .blue-white-para-login {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 40px;
        line-height: 50px;
        text-align: left;
        letter-spacing: -0.04em;
        color: #FFFFFF;
        margin-bottom: 0px;
        flex: none;
        order: 0;
        flex-grow: 0;
        padding: 250px 30px 0px 50px;
    }

    .login-head-para {
        margin: 18px 50px 0px 50px;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 150%;
        color: #FFFFFF;
    }

    .checbox-hr2 {
        border-top: 3px solid #F5F5F5;
        margin: 100px 0px 20px 0px;
    }

    .onboard13-hr {
        border-top: 3px solid #F5F5F5;
        margin: 20px 0px 20px 0px;
    }

    .checbox-hr {
        border-top: 3px solid #F5F5F5;
        margin: 250px 0px 20px 0px;
    }

    .blue-div {
        background: linear-gradient( 90deg, #2F80ED 0%, #56CCF2 107.87%);
        width: 50%;
        position: fixed;
        height: 1000px;
    }

    .blue-div-hosting {
        background: linear-gradient( 90deg, #2F80ED 0%, #56CCF2 107.87%);
        width: 100%;
        position: relative;
        height: 1000px;
    }

    .blue-white-para-onboard13 {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 40px;
        line-height: 50px;
        text-align: center;
        letter-spacing: -0.04em;
        color: #FFFFFF;
        margin-bottom: 0px;
        flex: none;
        order: 0;
        flex-grow: 0;
        padding: 400px 30px 0px 30px;
    }

    .onboard13-para {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 25px;
        line-height: 140%;
        margin: 24px 0px 10px 0px;
        padding: 0px 30px 0px 30px;
        text-align: center;
        color: #FFFFFF;
    }

    .profile-blue-link-activity {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 120%;
        width: 100%;
        text-align: center;
        display: inline-block;
        height: auto;
        margin-top: 2px;
        background: #2F80ED;
        border: 2px solid #FFFFFF;
        border-radius: 30px;
        padding: 5px 5px;
        box-sizing: border-box;
        color: #fff;
    }

    .profile-links {
        text-align: left;
        margin: 5px 2px 20px 2px;
    }

    .boarding13-padding {
        padding: 200px 30px 150px 30px;
    }

    .padding-profile {
        padding: 45px 24px 20px 24px !important;
    }

    .upper-div {
        width: 100%;
        height: 350px;
        border: none;
        border-radius: 12px 12px 0px 0px;
    }

    .onboard13-hr {
        border-top: 3px solid #F5F5F5;
        margin: 60px 0px 25px 0px;
    }

    .top-listprofile13 {
        padding: 7px 10px;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 20px;
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 140%;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 10px 0px 0px;
    }

    .profile-heading13 {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 26px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 5px 0px;
    }

    .custom-padding-book {
        padding: 80px 50px 30px 50px;
    }

    .top-list-book {
        padding: 8px 10px;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 20px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 18px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 19px 0px 0px;
    }

    .pro-carousel .owl-nav {
        position: absolute;
        top: -40px;
        right: 0;
    }

    .book-carousel .owl-nav {
        position: absolute;
        top: -40px;
        right: 0;
    }

    .center-surface-div {
        width: 100%;
        height: auto;
        padding: 15px;
        background: #FFFFFF;
        border: 1px solid #D7D7D7;
        box-sizing: border-box;
        border-radius: 8px;
    }

    .top-list-surface {
        padding: 7px 12px 7px 10px;
        background: #FFFFFF;
        box-sizing: border-box;
        border: 1px solid #000000;
        box-sizing: border-box;
        border-radius: 8px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        text-align: center;
        font-size: 12px;
        line-height: 14px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 5px 5px 0px 0px;
    }

    .surface-img-div {
        width: 100%;
        height: 330px;
        background: linear-gradient( 0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
        border-radius: 8px;
    }

    .surface-big-img {
        width: 100%;
        height: 330px;
        border-radius: 8px;
    }

    .meetup-heading {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 22px;
        line-height: 30px;
        color: #FFFFFF;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 2px 0px;
    }

    .meet-padding {
        padding: 15px 20px 20px 20px;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 330px;
        border-radius: 8px;
    }

    .top-list-surface2 {
        padding: 7px 12px 7px 10px;
        background: #FFFFFF;
        box-sizing: border-box;
        border: 1px solid #000000;
        box-sizing: border-box;
        border-radius: 8px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        text-align: center;
        font-size: 12px;
        line-height: 14px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 5px 0px 0px 0px;
    }

    .left-padding {
        padding-left: 16px !important;
    }

    .star-bottom {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 144.4%;
        display: block;
        color: #000000;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 4px 0px 0px 0px;
    }

    .star-bottom2 {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 144.4%;
        display: block;
        color: #000000;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 4px 0px 0px 0px;
    }

    .surface-carousel .owl-nav {
        position: absolute;
        top: -40px;
        right: 0;
    }

    .book-image {
        border-radius: 12px;
        border: none;
        width: 100%;
        height: 200px;
    }

    .top-list-book-dropdown {
        padding: 8px 10px;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 20px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 18px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 0px 0px 0px;
    }

    .surface-book-heading {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 50px;
        line-height: 65px;
        color: #000000;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 100px 0px 34px 0px;
    }

    .surface-book-para {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 25px;
        color: #7D7D7D;
        flex: none;
        order: 0;
        flex-grow: 1;
    }

    .padding-l {
        padding-left: 0px !important;
    }

    .border-drop-activity-right {
        padding-left: 15px;
    }

    .fa-chevron-down2:before {
        content: "\f078";
        color: #333333;
        font-size: 16px;
        /* display: inline-block; */
    }

    .star-div-profilenew {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .profile-blue-btn2 {
        width: 100%;
        height: auto;
        padding: 8px 20px 10px 20px;
        background: #2F80ED;
        border-radius: 8px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 19px;
        display: inline-grid;
        color: #FFFFFF;
        flex: none;
        /* float: right; */
        text-align: center;
        order: 1;
        flex-grow: 0;
        margin: 0px 0px;
    }

    .list-bottom-activitynew {
        display: inline-block;
        margin-right: 12px;
    }

    .paragraph2 {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 19px;
        color: #494949;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 0px 0px 22px 0px;
    }

    .profile-pic-bottom {
        width: 100%;
        height: auto;
        border: 2px solid #FFFFFF;
        border-radius: 50%;
    }

    .profile-blue-link-activitynew {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 19px;
        width: 100%;
        text-align: center;
        display: inline-block;
        height: auto;
        margin-top: 5px;
        background: #2F80ED;
        border-radius: 8px;
        padding: 8px 6px;
        box-sizing: border-box;
        color: #fff;
    }

    .bottom-para {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 200%;
        color: #747474;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 2px 0px;
    }

    .top-listprofile-activity {
        padding: 5px 8px;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 20px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 200%;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 8px 0px 0px;
    }

    .basket-para2 {
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 120%;
        font-family: 'SF Pro Rounded', sans-serif;
        color: #494949;
        flex: none;
        display: inline-block;
        order: 1;
        flex-grow: 0;
        margin: 5px 0px;
    }

    .border-drop-activity-left {
        border-right: 1px solid #D7D7D7;
        min-height: 300px;
        padding-right: 15px;
    }

    .star-para {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 16px;
        display: inline-grid;
        color: #333333;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 5px 0px 0px 0px;
    }

    .side-img-profile {
        width: 100%;
        height: auto;
        box-sizing: border-box;
        display: block;
        box-shadow: 0px 0px 6px rgb(0 0 0 / 8%);
        border-radius: 6px;
    }

    .padding-profile2 {
        padding: 22px 20px 24px 20px !important;
    }

    .star-paragraph {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 14px;
        margin: 10px 0px 9px 0px;
        color: #747474;
    }

    .paragraph {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        color: #494949;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 20px 0px;
    }

    .profile-heading {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 7px 0px;
    }

    .profile-blue-link-activity {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 120%;
        width: 100%;
        text-align: center;
        display: inline-block;
        height: auto;
        margin-top: 2px;
        background: #2F80ED;
        border: 2px solid #FFFFFF;
        border-radius: 100px;
        padding: 5px 5px;
        box-sizing: border-box;
        color: #fff;
    }

    .profile-back-img {
        width: 100%;
        height: 300px;
        border: none;
        border-radius: 12px 12px 0px 0px;
    }

    .basket-btn-head {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 16px;
        color: #494949;
        display: inline-block;
        flex: none;
        text-align: right;
        order: 0;
        flex-grow: 0;
        margin: 4px 0px 11px 0px;
    }

    .profile-blue-btn {
        width: 100%;
        height: auto;
        padding: 8px 10px 10px 10px;
        background: #2F80ED;
        border-radius: 8px;
        font-family: var(--Roboto);
        font-style: normal;
        text-align: center;
        font-weight: 500;
        font-size: 14px;
        line-height: 19px;
        display: block;
        color: #FFFFFF;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 11px 0px;
    }

    .basket-head {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 16px;
        color: #494949;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 4px 0px;
    }

    .top-list {
        padding: 8px 10px;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 20px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 18px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 10px 0px 0px;
    }

    .bottom-paragraph {
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 120%;
        font-family: 'SF Pro Rounded', sans-serif;
        color: #494949;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 8px 0px;
    }

    .bottom-head {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 16px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 0px;
    }

    .side-img {
        width: 50px;
        height: 50px;
        box-sizing: border-box;
        display: block;
        box-shadow: 0px 0px 6px rgb(0 0 0 / 8%);
        border-radius: 6px;
    }

    .list-bottom {
        display: inline-block;
        margin-right: 20px;
    }

    .top-listprofile {
        padding: 8px 10px;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 20px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 18px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 10px 0px 0px;
    }

    .profile-blue-link {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 10px;
        line-height: 120%;
        width: 100%;
        text-align: center;
        display: inline-block;
        height: auto;
        margin-top: 7px;
        padding: 4px;
        border: 1px solid #2F80ED;
        box-sizing: border-box;
        border-radius: 12px;
        text-transform: uppercase;
        color: #2F80ED;
    }

    .map2-small-para {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 144.4%;
        color: #747474;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 10px 0px 7px 5px;
    }

    .heart {
        margin-top: 8px;
        display: inline-block;
    }

    .star-div2 {
        margin: 0px 0px 0px 5px;
        position: absolute;
        bottom: 0px;
    }

    .star-div3 {
        margin: 0px 0px 0px 0px;
        position: absolute;
        bottom: 0px;
        right: 0px;
    }

    .rate2 {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 144.4%;
        display: inline-block;
        text-align: right;
        margin-bottom: 0px;
        color: #000000;
    }

    .rate {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        text-align: right;
        font-size: 14px;
        margin-bottom: 0px;
        line-height: 144.4%;
        display: inline-block;
        color: #000000;
    }

    .map2-big-para {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 144.4%;
        margin: 0px 0px 7px 5px;
        color: #333333;
    }

    .col-map-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 40% !important;
        max-width: 100% !important;
        /* display: block; */
    }

    .col-map-6 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 40% !important;
        max-width: 40% !important;
        /* display: block; */
    }

    .custom-padding {
        padding: 90px 40px;
    }

    .col-map-2 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 20% !important;
        max-width: 20% !important;
        /* display: block; */
    }

    .btn-submit {
        width: 100%;
        height: auto;
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        border: none;
        font-weight: 500;
        font-size: 18px;
        line-height: 21px;
        color: #FFFFFF;
        padding: 16px 20px;
        background: #BDBDBD;
        border-radius: 24px;
        flex: none;
        order: 7;
        flex-grow: 0;
        margin: 25px 0px 0px 0px;
    }

    .form-padding {
        padding: 0px 0px;
    }

    .form-last-para {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 150%;
        color: #969696;
        flex: none;
        order: 6;
        flex-grow: 0;
        margin: 0px 10px;
    }

    .map-input3 {
        margin: 300px 30px 10px 30px;
        position: absolute;
        right: 2%;
    }

    .form-boarding {
        width: 100%;
        height: auto;
        padding: 18px 15px;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        display: flex;
        align-items: center;
        margin: 20px 0px;
        color: #969696;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 6px;
    }

    .form-boardingcenter {
        width: 100%;
        height: auto;
        padding: 18px 15px;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        display: flex;
        align-items: center;
        margin: 0px 0px 20px 0px;
        color: #969696;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 6px;
    }

    .form-boardinglast {
        width: 100%;
        height: auto;
        padding: 18px 15px;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        display: flex;
        align-items: center;
        margin: 0px 0px 20px 0px;
        color: #969696;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 6px;
    }

    .loc-link {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: 19px;
        align-items: center;
        text-align: center;
        width: 350px;
        height: auto;
        margin: 28px 0px;
        background: #FFFFFF;
        box-shadow: 0px 4px 10px rgb(0 0 0 / 8%);
        border-radius: 999999px;
        display: table;
        border: none;
        padding: 26px 40px;
        color: #969696;
    }

    .loc-imgnew {
        position: absolute;
        left: 50px;
        width: 18px;
        height: 18px;
        top: 148px;
    }

    .loc-img2 {
        position: absolute;
        left: 55px;
        width: 19px;
        height: 20px;
        top: 43px;
    }

    .loc-para2 {
        width: 350px;
        height: auto;
        font-family: 'Inter',sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: 19px;
        align-items: center;
        padding: 26px 40px;
        text-align: center;
        color: #494949;
        background: #FFFFFF;
        display: block;
        border: 2px solid #333333;
        box-sizing: border-box;
        box-shadow: 0px 4px 10px rgb(0 0 0 / 8%);
        border-radius: 999999px;
    }

    .map-input2 {
        margin: 370px 0px 100px 0px;
        position: absolute;
        left: 11%;
    }

    .card-loc-body {
        background: #fff;
        padding: 20px !important;
        border-radius: 22px;
    }

    .boarding6-padding {
        padding: 200px 30px 200px 30px;
    }

    .boarding8-padding {
        padding: 250px 30px 200px 30px;
    }

    .top-input {
        padding: 8px 14px;
        margin: 32px 25px;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 12px;
    }

    .boarding8b-padding {
        padding: 190px 30px 150px 30px;
    }

    .dotted-img-input {
        height: 700px;
        width: 100%;
        border: 1px dashed #BDBDBD;
        box-sizing: border-box;
        border-radius: 24px;
        padding: 300px 0px;
    }

    .increment {
        text-align: right;
        display: inline-block;
        float: right;
    }

    .choose-activity {
        margin: 40px 50px 20px 50px;
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 25px;
        text-align: center;
        color: #333333;
    }

    .select-images {
        margin: 30px 0px 15px 0px;
    }

    .select-para {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 17px;
        display: block;
        align-items: center;
        color: #333333;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 0px 0px 30px 0px;
    }

    .boarding7-padding {
        padding: 170px 30px 135px 30px;
    }

    input#number {
        text-align: center;
        border: none;
        margin: 0px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        color: #333333;
        width: 25px;
        height: auto;
    }

    input#number3 {
        text-align: center;
        border: none;
        margin: 0px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        color: #333333;
        width: 25px;
        height: auto;
    }

    input#number2 {
        text-align: center;
        border: none;
        margin: 0px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        color: #333333;
        width: 25px;
        height: auto;
    }

    .custom-label2 {
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 24px;
        /* text-align: center; */
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        display: inline-block;
        padding: 15px 15px;
        color: #333333;
        width: 100%;
        margin-bottom: 20px !important;
    }

    .boarding3-padding {
        padding: 280px 50px 70px 50px;
    }

    .loc-para {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 17px;
        line-height: 19px;
        align-items: center;
        text-align: center;
        width: 100%;
        height: 64px;
        border: none;
        background: #FFFFFF;
        box-shadow: 0px 4px 10px rgb(0 0 0 / 8%);
        border-radius: 999999px;
        display: inline-block;
        padding: 2px 60px;
        color: #969696;
    }

    .loc-img {
        position: absolute;
        left: 50px;
        top: 18px;
    }



    .map-input {
        margin: 420px 0px 0px 0px;
        position: absolute;
        left: 17%;
    }

    .boarding12-padding {
        padding: 350px 50px 250px 50px;
    }

    .boarding4-padding {
        padding: 400px 50px 350px 50px;
    }

    .checkbox-div {
        width: 100%;
        height: auto;
        padding: 20px;
        text-align: center;
        display: inline-block;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 24px;
    }

    .para-padding {
        padding: 0px 60px 0px 60px;
    }

    .down-padding {
        padding: 0px 20px;
    }

    .blue-white-para2 {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 64px;
        line-height: 74px;
        text-align: center;
        letter-spacing: -0.04em;
        color: #FFFFFF;
        margin-bottom: 0px;
        flex: none;
        order: 0;
        flex-grow: 0;
        padding: 200px 50px 0px 50px;
    }

    .img-container {
        padding: 0px 120px;
    }

    .hosting-heading2 {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 50px;
        line-height: 70px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 100px 0px 79px 0px;
    }

    .hosting-img {
        width: 100%;
        height: auto;
        margin-top: -110px;
        border-radius: 0px 0px 10px 10px;
    }

    .blue-background {
        width: 100%;
        height: 1800px;
        margin: 200px 0px 0px 0px;
        background: linear-gradient( 90deg, #2F80ED 0%, #56CCF2 107.87%);
    }

    .hosting-heading {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 50px;
        line-height: 70px;
        color: #000000;
        margin: 100px 0px;
    }

    .blue-white-para {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 50px;
        line-height: 64px;
        text-align: center;
        letter-spacing: -0.04em;
        color: #FFFFFF;
        margin-bottom: 0 px;
        flex: none;
        order: 0;
        flex-grow: 0;
        padding: 250px 30px 0px 30px;
    }

    .custom-increment {
        box-sizing: border-box;
        font-family: var(--Roboto);
        padding: 20px 40px;
        /* color: #333333; */
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 24px;
        flex: none;
        order: 1;
        flex-grow: 0;
        width: 100%;
        margin-bottom: 12px !important;
    }

    .boarding9-padding {
        padding: 300px 30px 220px 30px;
    }

    .onboard9-hr {
        border-top: 3px solid #F5F5F5;
        margin: 170px 0px 20px 0px;
    }

    .boarding10-padding {
        padding: 350px 50px 320px 50px;
    }

    .blue-white-para-activity2 {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 30px;
        line-height: 50px;
        text-align: center;
        letter-spacing: -0.04em;
        color: #FFFFFF;
        margin-bottom: 0px;
        flex: none;
        order: 0;
        flex-grow: 0;
        padding: 50px 00px 00px 00px;
    }
}

/*my screen size*/
@media only screen and (min-width:1251px) and (max-width:1450px) {
    .top-list:hover {
        background: #F5F5F5;
        text-decoration: none;
        border: 1px solid #333333;
        box-sizing: border-box;
        border-radius: 20px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 18px;
        color: #333333;
    }

    .messagediv {
        display: block !important;
        width: 76% !important;
        padding: 0.375rem 0.75rem !important;
        font-size: 0.875rem !important;
        max-width: 100%;
        line-height: 1.4285714286 !important;
        color: #495057 !important;
        background-color: #ffffff !important;
        background-clip: padding-box !important;
        border: 1px solid #ced4da !important;
        border-radius: 0.25rem !important;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
    }

    .gallery__img3 {
        width: 100%;
        height: 100%;
        height: 250px;
        object-fit: cover;
        border-radius: 24px 0px 0px 24px;
        display: block;
    }

    .col-lg-6-medium {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    .msg-paperclip {
        font-size: 17px !important;
        margin: 0px 0px;
    }

    .admin-img {
        width: 40px;
        height: 40px;
        border: none;
        border-radius: 12px 12px 0px 0px;
    }

    .img-main {
        max-width: 100%;
        height: 190px;
        width: auto;
        border-radius: 6px;
    }

    .act-image2 {
        height: 175px;
    }

    .para-padding {
        padding: 0px 340px 0px 340px;
    }

    .select-options-time2 {
        display: block;
        width: 70%;
        /* height: calc(1.5em + 0.75rem + 2px); */
        /* padding: 0.375rem 0.75rem; */
        font-size: 16px;
        font-weight: 400;
        float: right;
        line-height: 1.5;
        color: #495057;
        -webkit-appearance: none !important;
        -moz-appearance: none;
        appearance: auto !important;
        background: none !important;
        background-color: #fff;
        background-clip: padding-box;
        border: none;
        /* border-radius: 0.25rem; */
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    .profile-pic-bottom {
        width: 95px;
        height: 95px;
        border: 2px solid #FFFFFF;
        border-radius: 50%;
        margin-right: 5px;
    }

    .tableactivity-padding {
        padding: 210px 100px 100px 100px;
    }

    .input-title-add2-select {
        display: block;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: normal;
        margin-left: 0px;
        font-size: 16px;
        border: none;
        line-height: 15px;
        width: 50%;
        border-bottom: 1px solid #33333361;
        align-items: center;
        text-align: left;
        color: #333333;
    }

    .select-options-time {
        display: block;
        width: 85%;
        /* height: calc(1.5em + 0.75rem + 2px); */
        /* padding: 0.375rem 0.75rem; */
        font-size: 16px;
        font-weight: 400;
        float: right;
        line-height: 1.5;
        color: #495057;
        -webkit-appearance: none !important;
        -moz-appearance: none;
        appearance: auto !important;
        background: none !important;
        background-color: #fff;
        background-clip: padding-box;
        border: none;
        /* border-radius: 0.25rem; */
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    form #decrease {
        /* margin-right: 15px; */
        border-radius: 8px 0 0 8px;
        width: 18px;
    }

    .input-title-add2 {
        display: block;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: normal;
        margin-left: 0px;
        margin-top: 2px;
        font-size: 16px;
        border: none;
        line-height: 15px;
        width: 100%;
        border-bottom: 1px solid #33333361;
        align-items: center;
        text-align: left;
        color: #333333;
    }

    .label-input {
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
        line-height: 22px;
        margin-bottom: 30px;
    }
    /* .table thead th p {
        border: 0;
        font-size: 16px !important;
        font-weight: bold !important;
        font-family: 'Roboto', sans-serif !important;
        color: black !important;
        padding: 20px !important;
        text-align: left !important;
        background-color: transparent !important;
        border-spacing: 0 !important;
    }
    .table-theme tr td {
        text-align: left;
        background-color: white;
        padding: 20px !important;
        vertical-align: middle;
        color: black;
        font-size: 16px !important;
        font-family: 'Roboto', sans-serif;
        font-weight: normal;
        border-bottom: 1px solid #DEE2E6;
        border-top: 1px solid #DEE2E6;
    }*/
    .tableactivity-padding {
        padding: 150px 60px 150px 60px;
    }

    .blue-white-para-login4a {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 40px;
        line-height: 54px;
        text-align: left;
        letter-spacing: -0.04em;
        color: #FFFFFF;
        margin-bottom: 0px;
        flex: none;
        order: 0;
        flex-grow: 0;
        padding: 200px 84px 0px 85px;
    }

    .signup4a-padding {
        padding: 50px 70px 50px 70px;
    }

    .round-div {
        width: 52px;
        height: 52px;
        display: inline-flex;
        border: none;
        padding: 14px 14px;
        border-radius: 50%;
        background: #BDBDBD;
    }

    .image-size-covericon {
        height: auto;
        width: 35px;
        top: 48%;
        z-index: -999;
        /* bottom: 10px; */
        left: 46%;
        position: absolute;
        /* border-radius: 24px; */
    }

    .image-size-icon {
        height: auto;
        width: 35px;
        z-index: -999;
        top: 49%;
        left: 44%;
        position: absolute;
        /* border-radius: 24px; */
    }

    .list-step-activity {
        display: inline-block;
        margin-right: 26px;
    }


    .thanku-heading {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 40px;
        line-height: 60px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 30px 10px 20px 10px;
    }

    .thanku-page-padding {
        padding: 200px 80px 100px 80px;
    }

    input#number {
        text-align: center;
        border: none;
        margin: 0px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        color: #333333;
        width: 35px;
    }

    .ass-profile-padding {
        padding: 100px 30px 120px 30px;
    }

    .profile-name-input {
        padding: 15px;
        border: 1px solid #969696 !important;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        width: 100%;
        margin: 10px 0px;
        height: auto;
        display: block;
        align-items: center;
        color: #333333;
        box-sizing: border-box;
        border-radius: 6px;
    }

    form #increase {
        /* margin-left: 15px; */
        border-radius: 0 8px 8px 0;
        width: 18px;
    }

    input#number0 {
        text-align: center;
        border: none;
        margin: 0px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 21px;
        color: #333333;
        width: 35px;
        height: auto;
    }

    input#number2 {
        text-align: center;
        border: none;
        margin: 0px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        color: #333333;
        width: 35px;
        height: auto;
    }

    input#number3 {
        text-align: center;
        border: none;
        margin: 0px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        color: #333333;
        width: 35px;
        height: auto;
    }

    .profile-link-padding {
        padding: 100px 80px 100px 80px;
    }

    .image-size {
        height: 227px;
        border-radius: 24px;
    }

    .btn-outline-tags {
        color: #fff;
        background: #2F80ED;
        font-size: 0.9rem;
        margin-bottom: 20px;
        width: 20%;
        padding: 0.8rem;
    }

    .search-tags-btn {
        display: block;
        width: 75% !important;
        height: auto;
        padding: 0.8rem;
        font-size: 0.9rem;
        font-weight: 400;
        line-height: 1.5;
        margin-right: 10px;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    .custom-tags {
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 10px;
        margin-bottom: 20px;
        text-align: center;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 21px;
        padding: 15px 20px;
        color: #333333;
        width: 100%;
        margin: 20px 0px 15px 0px !important;
    }

    .boardingStep1-padding {
        padding: 150px 40px 120px 40px;
    }

    .activity-Step1 {
        padding: 10px 50px;
    }

    .custom-radio-label {
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 10px;
        text-align: center;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 21px;
        padding: 10px 5px;
        color: #333333;
        width: 100%;
        margin: 24px 0px 24px 0px !important;
    }

    .new-radio {
        margin-right: 4px;
        margin-top: 3px;
        width: 10px;
    }

    .check12 {
        position: absolute;
        margin-top: 3px !important;
        /* text-align: right; */
        /* direction: rtl; */
        height: 16px !important;
        width: 25px !important;
        /* float: right; */
        right: 101px;
        display: inline-block;
        margin-left: 0rem !important;
    }

    .check12-last {
        position: absolute;
        margin-top: 16px !important;
        /* text-align: right; */
        /* direction: rtl; */
        height: 16px !important;
        width: 25px !important;
        /* float: right; */
        right: 101px;
        display: inline-block;
        margin-left: 0rem !important;
    }

    .form-check-input {
        position: absolute;
        margin-top: 0px !important;
        /* text-align: right; */
        /* direction: rtl; */
        /* float: right; */
        right: 100px;
        display: inline-block;
        /* margin-left: 14.75rem !important; */
    }

    .top-links {
        padding: 30px;
    }

    .signup2a-padding {
        padding: 30px 90px;
    }

    .signup3a-padding {
        padding: 30px 90px;
    }

    .name-input {
        padding: 23px;
        border: 1px solid #969696 !important;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        width: 100%;
        height: auto;
        display: block;
        align-items: center;
        color: #333333;
        box-sizing: border-box;
        border-radius: 6px;
    }

    .login-link {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 28px;
        display: inline-block;
        align-items: center;
        text-align: right;
        color: #BDBDBD;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 20px 20px 0px 5px;
    }

    .login-div {
        width: 100%;
        height: auto;
        padding: 20px;
        margin: 40px 0px;
        box-sizing: border-box;
        background: #FFFFFF;
        box-shadow: 0px 2px 14px 1px rgb(0 0 0 / 6%);
        border: none;
        border-radius: 6px;
    }

    .login-padding {
        padding: 100px 50px 100px 50px;
    }

    .blue-white-para-login {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 40px;
        line-height: 50px;
        text-align: left;
        letter-spacing: -0.04em;
        color: #FFFFFF;
        margin-bottom: 0px;
        flex: none;
        order: 0;
        flex-grow: 0;
        padding: 250px 30px 0px 50px;
    }

    .login-head-para {
        margin: 18px 50px 0px 50px;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 150%;
        color: #FFFFFF;
    }

    .blue-div {
        background: linear-gradient( 90deg, #2F80ED 0%, #56CCF2 107.87%);
        width: 50%;
        position: fixed;
        height: 1000px;
    }

    .blue-div-hosting {
        background: linear-gradient( 90deg, #2F80ED 0%, #56CCF2 107.87%);
        width: 100%;
        position: relative;
        height: 1000px;
    }

    .blue-white-para-onboard13 {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 40px;
        line-height: 50px;
        text-align: center;
        letter-spacing: -0.04em;
        color: #FFFFFF;
        margin-bottom: 0px;
        flex: none;
        order: 0;
        flex-grow: 0;
        padding: 250px 30px 0px 30px;
    }

    .onboard13-para {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 25px;
        line-height: 140%;
        margin: 24px 0px 10px 0px;
        padding: 0px 70px 0px 70px;
        text-align: center;
        color: #FFFFFF;
    }

    .profile-blue-link-activity {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 120%;
        width: 100%;
        text-align: center;
        display: inline-block;
        height: auto;
        margin-top: 2px;
        background: #2F80ED;
        border: 2px solid #FFFFFF;
        border-radius: 30px;
        padding: 5px 5px;
        box-sizing: border-box;
        color: #fff;
    }

    .boarding13-padding {
        padding: 40px 60px 140px 60px;
    }

    .paragraph {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        color: #494949;
        margin: 10px 0px;
    }

    .onboard13-hr {
        border-top: 3px solid #F5F5F5;
        margin: 40px 0px 20px 0px;
    }

    .bottom-para {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 160%;
        color: #747474;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 5px 0px;
    }

    .top-listprofile13 {
        padding: 7px 10px;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 20px;
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 140%;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 10px 20px 0px;
    }

    .profile-back-img {
        height: 220px;
        border: none;
        border-radius: 12px 12px 0px 0px;
    }

    .upper-div {
        width: 100%;
        height: 220px;
        border: none;
        border-radius: 12px 12px 0px 0px;
    }

    .profile-heading13 {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 26px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 5px 0px;
    }

    .custom-padding-book {
        padding: 80px 50px 30px 50px;
    }

    .top-list-book {
        padding: 8px 10px;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 20px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 18px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 19px 0px 0px;
    }

    .pro-carousel .owl-nav {
        position: absolute;
        top: -40px;
        right: 0;
    }

    .book-carousel .owl-nav {
        position: absolute;
        top: -40px;
        right: 0;
    }

    .center-surface-div {
        width: 100%;
        height: auto;
        padding: 15px;
        background: #FFFFFF;
        border: 1px solid #D7D7D7;
        box-sizing: border-box;
        border-radius: 8px;
    }

    .top-list-surface {
        padding: 7px 12px 7px 10px;
        background: #FFFFFF;
        box-sizing: border-box;
        border: 1px solid #000000;
        box-sizing: border-box;
        border-radius: 8px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        text-align: center;
        font-size: 12px;
        line-height: 14px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 5px 5px 0px 0px;
    }

    .surface-img-div {
        width: 100%;
        height: 330px;
        background: linear-gradient( 0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
        border-radius: 8px;
    }

    .surface-big-img {
        width: 100%;
        height: 330px;
        border-radius: 8px;
    }

    .meetup-heading {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 22px;
        line-height: 30px;
        color: #FFFFFF;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 2px 0px;
    }

    .meet-padding {
        padding: 15px 20px 20px 20px;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 330px;
        border-radius: 8px;
    }

    .top-list-surface2 {
        padding: 7px 12px 7px 10px;
        background: #FFFFFF;
        box-sizing: border-box;
        border: 1px solid #000000;
        box-sizing: border-box;
        border-radius: 8px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        text-align: center;
        font-size: 12px;
        line-height: 14px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 5px 0px 0px 0px;
    }

    .left-padding {
        padding-left: 16px !important;
    }

    .star-bottom {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 144.4%;
        display: block;
        color: #000000;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 4px 0px 0px 0px;
    }

    .star-bottom2 {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 144.4%;
        display: block;
        color: #000000;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 4px 0px 0px 0px;
    }

    .surface-carousel .owl-nav {
        position: absolute;
        top: -40px;
        right: 0;
    }

    .book-image {
        border-radius: 12px;
        border: none;
        width: 100%;
        height: 230px;
    }

    .top-list-book-dropdown {
        padding: 8px 10px;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 20px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        display: inline-block;
        font-size: 14px;
        line-height: 18px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 5px 0px 0px 0px;
    }

    .surface-book-heading {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 50px;
        line-height: 65px;
        color: #000000;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 100px 0px 34px 0px;
    }

    .surface-book-para {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 25px;
        color: #7D7D7D;
        flex: none;
        order: 0;
        flex-grow: 1;
    }

    .padding-l {
        padding-left: 0px !important;
    }

    .border-drop-activity-right {
        padding-left: 15px;
    }

    .fa-chevron-down2:before {
        content: "\f078";
        color: #333333;
        font-size: 16px;
        /* display: inline-block; */
    }

    .star-div-profilenew {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .profile-blue-btn2 {
        width: 100%;
        height: auto;
        padding: 8px 20px 10px 20px;
        background: #2F80ED;
        border-radius: 8px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 19px;
        display: inline-grid;
        color: #FFFFFF;
        flex: none;
        /* float: right; */
        text-align: center;
        order: 1;
        flex-grow: 0;
        margin: 0px 0px;
    }

    .side-img-profile {
        width: 100%;
        height: auto;
        box-sizing: border-box;
        display: block;
        box-shadow: 0px 0px 6px rgb(0 0 0 / 8%);
        border-radius: 6px;
    }

    .profile-blue-link-activity {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 120%;
        width: 100%;
        text-align: center;
        display: inline-block;
        height: auto;
        margin-top: 2px;
        background: #2F80ED;
        border: 2px solid #FFFFFF;
        border-radius: 100px;
        padding: 5px 5px;
        box-sizing: border-box;
        color: #fff;
    }

    .top-listprofile {
        padding: 8px;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 20px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 18px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 8px 5px 0px;
    }

    .padding-profile2 {
        padding: 20px !important;
    }

    .map-input3 {
        margin: 50px 90px 10px 90px;
        position: absolute;
        right: 2%;
    }

    .loc-link {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: 19px;
        align-items: center;
        text-align: center;
        width: 100%;
        height: auto;
        margin: 28px 0px;
        background: #FFFFFF;
        box-shadow: 0px 4px 10px rgb(0 0 0 / 8%);
        border-radius: 999999px;
        display: table;
        border: none;
        padding: 26px 40px;
        color: #969696;
    }

    .loc-imgnew {
        position: absolute;
        left: 42px;
        width: 15px;
        height: 15px;
        top: 20px;
    }

    .loc-img2 {
        position: absolute;
        left: 60px;
        width: 17px;
        height: 19px;
        top: 39px;
    }

    .loc-para2 {
        width: 100%;
        height: auto;
        font-family: 'Inter',sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: 19px;
        align-items: center;
        padding: 26px 40px;
        text-align: center;
        color: #494949;
        background: #FFFFFF;
        display: block;
        border: 2px solid #333333;
        box-sizing: border-box;
        box-shadow: 0px 4px 10px rgb(0 0 0 / 8%);
        border-radius: 999999px;
    }

    .map-input2 {
        margin: 100px 0px 0px 0px;
        position: absolute;
        left: 4%;
    }

    .card-loc-body {
        background: #fff;
        padding: 20px !important;
        border-radius: 22px;
    }

    .boarding10-padding {
        padding: 150px 50px 130px 50px;
    }

    .loc-para {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 17px;
        line-height: 19px;
        align-items: center;
        text-align: center;
        width: 400px;
        height: 64px;
        border: none;
        background: #FFFFFF;
        box-shadow: 0px 4px 10px rgb(0 0 0 / 8%);
        border-radius: 999999px;
        display: inline-block;
        padding: 2px 60px;
        color: #969696;
    }

    .loc-img {
        position: absolute;
        left: 50px;
        top: 18px;
    }

    .vh-90 {
        height: 88vh !important;
    }

    .map-input {
        margin: 220px 0px 0px 0px;
        position: absolute;
        left: 20%;
    }

    .select-btn {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 0px;
        color: #333333;
    }

    .btnnew-select {
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 25px;
        padding: 8px 12px;
        margin: 0px 15px 24px 0px;
    }

    .boarding9-padding {
        padding: 70px 40px 130px 40px;
    }

    .onboard9-hr {
        border-top: 3px solid #F5F5F5;
        margin: 40px 0px 20px 0px;
    }

    .write-activity {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 16px 0px 10px 0px;
    }

    .form-control-textarea2 {
        display: block;
        width: 100%;
        height: calc(1.5 em + 0.75 rem + 2 px );
        padding: 16px;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 22px;
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        color: #969696;
        background-color: #fff;
        background-clip: padding-box;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .write-activity2 {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 16px 0px 10px 0px;
    }

    .form-control-textarea {
        display: block;
        width: 100%;
        height: calc(1.5 em + 0.75 rem + 2 px );
        padding: 16px;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 22px;
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 25px;
        color: #969696;
        background-color: #fff;
        background-clip: padding-box;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .profile-padding {
        padding: 115px 50px 130px 50px;
    }

    .list-bottom {
        display: inline-block;
        margin-right: 40px;
    }

    .list-bottom-last {
        display: inline-block;
        margin-right: 10px;
    }

    .side-img {
        width: 70px;
        height: 70px;
        box-sizing: border-box;
        display: block;
        box-shadow: 0px 0px 6px rgb(0 0 0 / 8%);
        border-radius: 6px;
    }

    .top-list {
        padding: 8px;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 20px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 18px;
        /* identical to box height */
        /* Gray 1 */

        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 8px 0px 0px;
    }

    .custom-padding {
        padding: 70px 50px;
    }

    .boarding11-padding {
        padding: 100px 80px 130px 80px;
    }

    .login-padding {
        padding: 70px 120px 130px 120px;
    }

    .check3 {
        position: absolute;
        margin-top: 3px !important;
        /* text-align: right; */
        /* direction: rtl; */
        height: 18px !important;
        width: 37px !important;
        /* float: right; */
        /* right: 0px; */
        display: inline-block;
        margin-left: -0.4rem !important;
    }

    .login-para {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 25px;
        display: flex;
        align-items: center;
        color: #969696;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 8px 0px;
    }

    .div-para {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        display: block;
        text-align: left;
        align-items: center;
        margin: 0px 0px 0px 15px;
        color: #333333;
    }

    .div-greypara {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 19px;
        text-align: left;
        display: block;
        align-items: center;
        margin: 4px 0px 0px 15px;
        color: #969696;
    }

    .login-div {
        width: 100%;
        height: auto;
        padding: 25px 20px;
        margin: 48px 0px;
        box-sizing: border-box;
        background: #FFFFFF;
        box-shadow: 0px 2px 14px 1px rgb(0 0 0 / 6%);
        border: none;
        border-radius: 6px;
    }

    .login-heading {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 30px;
        display: flex;
        align-items: center;
        color: #333333;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 8px 0px;
    }

    .login {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 28px;
        display: inline-block;
        align-items: center;
        text-align: right;
        color: #969696;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 26px 0px 0px 0px;
    }

    .login-link {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 28px;
        display: inline-block;
        align-items: center;
        text-align: right;
        color: #BDBDBD;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 15px 0px 5px;
    }

    .center-para {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 21px;
        text-align: center;
        color: #333333;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 30px;
    }

    input#numbernew {
        text-align: center;
        border: none;
        margin: 0px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        font-size: 26px;
        line-height: 36px;
        text-align: center;
        color: #BDBDBD;
        width: 100%;
        height: auto;
    }

    .custom-increment {
        box-sizing: border-box;
        font-family: var(--Roboto);
        padding: 20px 50px;
        /* color: #333333; */
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 24px;
        flex: none;
        order: 1;
        flex-grow: 0;
        width: 100%;
        margin-bottom: 12px !important;
    }

    .link-label11 {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 150%;
        /* or 21px */
        text-decoration: underline;
        text-align: center;
        /* Gray 1 */

        color: #333333;
    }

    .checkbox-div {
        width: 100%;
        height: auto;
        padding: 20px 40px;
        text-align: center;
        display: inline-block;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 24px;
    }

    .left-para {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 24px;
        margin: 15px 0px;
        color: #333333;
    }

    .form-check-label2 {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 150%;
        /* or 24px */
        /* Gray 1 */
        margin: 0px 0px 15px 0px;
        color: #333333;
    }

    .formuser {
        background: #FFFFFF;
        width: 80px;
        height: auto;
        padding: 4px;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        margin-top: 2px;
        border-radius: 35px;
    }

    .img-menu {
        margin: 0px 10px;
    }

    .checbox-hr2 {
        border-top: 3px solid #F5F5F5;
        margin: 0px 0px 20px 0px;
    }

    .img-hr {
        border-top: 3px solid #F5F5F5;
        margin: 40px 0px 20px 0px;
    }

    .form-check-label3 {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 150%;
        /* or 24px */
        /* Gray 1 */
        margin: 13px 0px 15px 0px;
        color: #333333;
    }

    .check-para {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 150%;
        /* or 24px */
        /* Gray 1 */
        margin: 12px 0px 0px 0px;
        padding-bottom: 15px;
        color: #333333;
    }

    .boarding12-padding {
        padding: 130px 75px 50px 75px;
    }

    .fil-para1b {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        text-align: left;
        color: #333333;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 26px 0px 12px 20px;
    }

    .top-input {
        padding: 8px;
        margin: 26px 15px;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 10px;
        font-size: 13px;
    }

    .boarding8b-padding {
        padding: 30px 40px 120px 40px;
    }

    .img-file {
        margin-right: 7px;
        float: left;
    }

    .margin-input {
        margin: 40px 0px;
    }

    .dotted-img-input2 {
        width: 100%;
        border: 1px dashed #BDBDBD;
        box-sizing: border-box;
        border-radius: 24px;
        margin-bottom: 20px;
    }

    .fil-para2b {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 150%;
        text-align: left;
        color: #969696;
        flex: none;
        order: 2;
        align-self: stretch;
        flex-grow: 0;
        margin: 12px 0px 12px 20px;
    }

    .boarding7-padding {
        padding: 40px 30px 130px 30px;
    }

    .boarding8-padding {
        padding: 40px 130px 130px 130px;
    }

    .fil-para1 {
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        text-align: center;
        color: #333333;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 12px 0px;
    }

    .dotted-img-input {
        height: 460px;
        width: 100%;
        border: 1px dashed #BDBDBD;
        box-sizing: border-box;
        border-radius: 24px;
        padding: 180px 0px;
    }

    .select-para {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 13px;
        line-height: 17px;
        display: block;
        align-items: center;
        color: #333333;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 0px 0px 5px 0px;
    }

    .checbox-hr {
        border-top: 3px solid #F5F5F5;
        margin: 50px 0px 15px 0px;
    }

    .btn-group-toggle {
        margin: 0px 0px 10px 0px;
    }

    .custom-select-img {
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 16px;
        width: 100%;
        margin: 8px 0px;
        height: auto;
        padding: 10px;
    }

    .select-images {
        margin: 10px 0px 10px 0px;
    }

    .boarding6-padding {
        padding: 150px 80px 130px 80px;
    }

    .boarding4-padding {
        padding: 230px 70px 130px 70px;
    }

    .img-hr {
        border-top: 3px solid #F5F5F5;
        margin: 150px 0px 25px 0px;
    }

    .blue-background {
        width: 100%;
        height: 1750px;
        margin: 300px 0px 0px 0px;
        background: linear-gradient( 90deg, #2F80ED 0%, #56CCF2 107.87%);
    }

    .boarding3-padding {
        padding: 80px 90px 130px 90px;
    }

    .img-checkbox {
        float: right;
        width: 30px;
    }

    .form-padding {
        padding: 0px 0px;
    }

    .left-arrow-para {
        display: inline-block;
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        color: #333333;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 0px 12px;
    }

    .btn-submit {
        width: 100%;
        height: auto;
        font-family: 'SF Pro Rounded', sans-serif;
        font-style: normal;
        border: none;
        font-weight: 500;
        font-size: 16px;
        line-height: 21px;
        color: #FFFFFF;
        padding: 12px 0px;
        background: #BDBDBD;
        border-radius: 24px;
        flex: none;
        order: 7;
        flex-grow: 0;
        margin: 20px 0px 0px 0px;
    }

    .card-location2 {
        display: inline-flex;
        margin: 30px 90px;
        border-radius: 24px;
    }

    .form-boarding {
        width: 100%;
        height: auto;
        padding: 18px 15px;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        display: flex;
        align-items: center;
        margin: 20px 0px;
        color: #969696;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 6px;
    }

    .form-boardingcenter {
        width: 100%;
        height: auto;
        padding: 18px 15px;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        display: flex;
        align-items: center;
        margin: 0px 0px 20px 0px;
        color: #969696;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 6px;
    }

    .form-boardinglast {
        width: 100%;
        height: auto;
        padding: 18px 15px;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        display: flex;
        align-items: center;
        margin: 0px 0px 20px 0px;
        color: #969696;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 6px;
    }

    .form-last-para {
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 150%;
        color: #969696;
        flex: none;
        order: 6;
        flex-grow: 0;
        margin: 0px 0px;
    }

    .custom-checkbox {
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 24px;
        text-align: left;
        text-align: left;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        padding: 15px;
        color: #333333;
        width: 100%;
        margin-bottom: 20px !important;
    }

    .custom-label {
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 24px;
        text-align: center;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        padding: 20px;
        color: #333333;
        width: 100%;
        margin-bottom: 20px !important;
    }

    .custom-label2 {
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 20px;
        font-family: var(--Roboto);
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        padding: 20px;
        color: #333333;
        width: 100%;
        margin-bottom: 20px !important;
    }

    .boarding5-map {
        background-image: url('../../../assets/images/Rectangle 4828.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 90%;
        width: 100%;
    }

    .loc-para2 {
        width: 100%;
        height: auto;
        font-family: 'Inter',sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        align-items: center;
        padding: 20px 100px;
        color: #494949;
        background: #FFFFFF;
        display: inline-table;
        border: 2px solid #333333;
        box-sizing: border-box;
        box-shadow: 0px 4px 10px rgb(0 0 0 / 8%);
        border-radius: 999999px;
    }

    .custom-hr2 {
        border-top: 3px solid #F5F5F5;
        margin: 0px 0px 20px 0px;
    }

    .loc-link {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        align-items: center;
        text-align: center;
        position: relative;
        width: 100%;
        height: auto;
        margin: 28px auto;
        background: #FFFFFF;
        box-shadow: 0px 4px 10px rgb(0 0 0 / 8%);
        border-radius: 999999px;
        display: table;
        padding: 20px 80px;
        color: #969696;
    }

    .card-location {
        display: inline-table;
        margin: 150px 50px 0px 50px;
        border-radius: 24px;
    }

    .blue-white-para-activity2 {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 30px;
        line-height: 50px;
        text-align: center;
        letter-spacing: -0.04em;
        color: #FFFFFF;
        margin-bottom: 0px;
        flex: none;
        order: 0;
        flex-grow: 0;
        padding: 50px 0px 0px 0px;
    }

    .blue-white-para-login {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 50px;
        line-height: 70px;
        text-align: left;
        letter-spacing: -0.04em;
        color: #FFFFFF;
        margin-bottom: 0px;
        flex: none;
        order: 0;
        flex-grow: 0;
        padding: 200px 85px 0px 85px;
    }

    .login-head-para {
        margin: 18px 90px 0px 85px;
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 150%;
        color: #FFFFFF;
    }

    .hosting-img {
        width: 100%;
        height: auto;
        margin-top: -160px;
        border-radius: 0px 0px 10px 10px;
    }

    .down-padding {
        padding: 0px 50px;
    }

    .para-linksdown2 {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 50px;
        line-height: 72px;
        display: inline-block;
        color: #fff;
        text-align: center;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 0px 0px 0px;
    }

    .para-linksdown {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 50px;
        line-height: 72px;
        display: block;
        color: #A5E8FE;
        text-align: center;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 0px 0px 0px;
    }

    .para-linksnew {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 50px;
        line-height: 72px;
        display: inline-block;
        color: #A5E8FE;
        text-align: center;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 30px 0px 30px 0px;
    }

    .para-links2 {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 50px;
        line-height: 72px;
        text-decoration: underline;
        display: inline-block;
        color: #fff;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 0px;
    }

    .para-links1 {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 50px;
        line-height: 72px;
        text-decoration: underline;
        display: inline-block;
        color: #A5E8FE;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 0px;
    }

    .para-links {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 50px;
        line-height: 72px;
        display: inline-block;
        color: #A5E8FE;
        text-align: center;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 150px 0px 0px 0px;
    }

    .blue-white-para2 {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 55px;
        line-height: 74px;
        text-align: center;
        letter-spacing: -0.04em;
        color: #FFFFFF;
        margin-bottom: 0px;
        flex: none;
        order: 0;
        flex-grow: 0;
        padding: 200px 105px 0px 105px;
    }

    .blue-white-para {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 50px;
        line-height: 70px;
        text-align: center;
        letter-spacing: -0.04em;
        color: #FFFFFF;
        margin-bottom: 0px;
        flex: none;
        order: 0;
        flex-grow: 0;
        padding: 150px 100px 0px 100px;
    }

    .blue-white-para-activity {
        font-family: var(--HRLS);
        font-style: normal;
        font-weight: bold;
        font-size: 40px;
        line-height: 50px;
        text-align: center;
        letter-spacing: -0.04em;
        color: #FFFFFF;
        margin-bottom: 0px;
        flex: none;
        order: 0;
        flex-grow: 0;
        padding: 000px 00px 0px 00px;
    }

    .down-blue2 {
        display: block;
        margin: 80px 0px 0px 0px;
    }
}

@media only screen and (min-width:768px) and (max-width:800px) {
    .width-100-percent {
        width: 100%
    }
}


@media (min-width:768px) {
    .MobileViewOnly {
        display: none;
    }

    .collapse:not(.show) {
        width: 100%;
        height: 100%;
    }
}

@media(min-width:701px) {
    .mobileNav {
        display: none;
    }

    .d-show {
        display: none !important;
    }
}

input:disabled {
    background-color: rgba(0, 0, 0, 0.05) !important;
    color: rgba(0, 0, 0, 0.3) !important;
}