@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Harmattan:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700;800;900&family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,300;1,400&family=Roboto:wght@300;400;500;700;900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap");
*,
*:before,
*:after {
    box-sizing: border-box;
}
* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    box-sizing: border-box;
}

.dropdown-menu {
    margin-left: -8.2rem;
    border-radius: 1.2rem;
}
.dropdown-item {
    font-family: "League Spartan", sans-serif;

    font-size: 1.3rem !important;

    font-weight: 400;
    padding: 0.6rem 0.6rem;
    border-radius: 1.2rem;
}
.offcanvas-body ul li a {
    font-family: "League Spartan", sans-serif;
    color: #fff;
    font-size: 1.3rem !important;

    font-weight: 400;
}
.dropdown-item {
    font-family: "League Spartan", sans-serif;
    font-size: 1.1rem !important;
    font-weight: 400;
    color: #fff !important;
    /* padding: 1rem 1rem;
    border-radius: 1.5rem; */
}
.dropdown-item1 {
    color: #000 !important;
}
.dropdown-menu1 li {
    padding: 0 !important;
    margin: 0 !important;
}
.dropdown-menu1 li a {
    padding: 0rem 1rem !important;
    margin: 0 !important;
}
.time {
    margin-top: -0.7rem;
    color: #848383;
    font-size: 0.9rem;
}
.phone-img-bg3,
.phone-img-bg2 {
    display: none;
}
.modal-content {
    background-color: #3f3f3f !important;
}
.dropdown-menu a:hover {
    background-color: #3f3f3f !important;
    color: #fff !important;
}
.dropdown-menu1 a:hover {
    background-color: #fff !important;
    color: #4955fd !important;
}
.dropdown-menu {
    background-color: #3f3f3f;
}
.dropdown-box {
    width: 250px; /* Adjust this value as needed */
    display: none;
    position: absolute;
    right: 0;
    left: auto;
    background-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 10px;
    z-index: 1000; /* Ensure it's above other elements ele*/
    max-height: 80vh;
    overflow-y: scroll;
    inset: 35px 0px auto auto !important;
    /* Custom scrollbar styles */
    scrollbar-width: thin; /* Firefox */
    scrollbar-color: #888 #f1f1f1; /* Firefox */

    /* WebKit (Chrome, Safari) scrollbar */
    scrollbar-width: thin; /* Chrome, Safari */
}

.dropdown-menu1 {
    width: 250px; /* Adjust this value as needed */
    display: none;
    position: absolute;
    right: 0;
    left: auto;
    background-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 10px;
    z-index: 1000; /* Ensure it's above other elements ele*/
    max-height: 80vh;
    overflow-y: scroll;
    inset: 35px 0px auto auto !important;
    /* Custom scrollbar styles */
    scrollbar-width: thin; /* Firefox */
    scrollbar-color: #888 #f1f1f1; /* Firefox */

    /* WebKit (Chrome, Safari) scrollbar */
    scrollbar-width: thin; /* Chrome, Safari */
}

.dropdown-menu1::-webkit-scrollbar {
    width: 10px; /* Width of the scrollbar */
}

.dropdown-menu1::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Color of the track */
    border-radius: 5px; /* Radius of the track */
}

.dropdown-menu1::-webkit-scrollbar-thumb {
    background-color: #888; /* Color of the thumb */
    border-radius: 5px; /* Radius of the thumb */
}

.dropdown-menu1 a {
    color: #000 !important;
    padding: 0 !important;
}
/* Show the dropdown menu on hover */
.notification-icon:hover .dropdown-menu1,
.dropdown-menu1-show:hover + .dropdown-menu1 {
    display: block;
}

.drop-down-notif-img {
    width: 25px !important;
}
/* To override Bootstrap's dropdown positioning */
.dropdown-menu.show {
    display: block !important;
    right: 0 !important; /* Ensure the menu aligns to the right */
    left: auto !important;
    transform: none !important;
}
.n-title {
    padding-top: 15px;
    white-space: normal; /* Allows text to wrap */
    word-wrap: break-word; /* Breaks long words if needed */
    overflow-wrap: break-word; /* Ensures words will break in all browsers */
}
.phone-img-bg {
    display: none;
}
.desktop-img-bg2 {
    display: none;
}
.phone-a {
    display: none;
}
.find-btn,
.btn-s {
    border: none !important;
}
body {
    max-width: 100%;
    margin: 0 auto;
    background: #000;
    color: white;
    font-family: "Poppins", sans-serif;
    scroll-behavior: smooth;
    scroll-behavior: smooth;
    overflow-x: hidden; /* Hide horizontal scrollbar */
    overflow-y: auto; /* Show vertical scrollbar when necessary */

    font-family: "Roboto", sans-serif;
}
.img-moja{
    max-width:75%;
}
.tt {
    /*text-transform: uppercase;*/
}
h1,
h2 {
    font-weight: 700;
}
h3,
h4 {
    font-weight: 600;
}
h5,
h6 {
    font-weight: 500;
}
h1,
h2,
h3,
h4,
h5 {
    font-family: "League Spartan", sans-serif;
}
button {
    font-family: "League Spartan", sans-serif;
}
.contact-btn {
    font-family: "League Spartan", sans-serif;
    font-weight: 600;
}
h5 {
    color: #d4d4d4 !important;
}
.footer p {
    font-family: "League Spartan", sans-serif;
    font-weight: 500;
    font-size: 1.3rem;
    color: #fff;
}
::placeholder {
    color: #d4d4d4 !important;
    font-family: "Roboto", sans-serif;

    font-size: 15px;
}
::-webkit-input-placeholder {
    font-family: "Roboto", sans-serif !important;
    color: #d4d4d4 !important;
    font-weight: 400 !important;
    font-size: 15px !important;
}
.brand_logo_image{
    max-width:100%;
    text-align:center;
}
    .brand_logo_image img{
        
        max-width:50% !important;
    }
.imgBox {
    /* margin-right: 100px; */
    width: 20%;
    /* margin: auto; */
}
.border-top-nav {
    border: 1px solid;
    position: absolute;
    left: 185px;
    width: calc(99.8% - 185px);
}
.top-nav img {
    padding: 2rem;
}
.banner {
    height: 70vh;
}
.vdo {
    height: 60vh;
    width: 100%;
    object-fit: cover;
    margin-left: 3rem;
}
.banner {
    align-items: center;
}
.contact-btn-align {
    text-align: center;
    margin-top: 1rem;
}
.contact-btn {
    background: #fff;
    color: #000;
    border-radius: 3rem;
}
.contact-btn:hover {
    background: #fff;
    color: #000;
}
.browser {
    margin-left: 2rem;
}
.top-nav ul li {
    list-style: none;
    padding: 0.1rem 0.8rem;
    padding-top: 1rem;
}
.top-nav ul li a {
    font-size: 1.1rem;
    text-decoration: none;
    color: #fff;
    font-family: "League Spartan", sans-serif;
}
.dropdown-toggle::after {
    display: none; /* Hide the right-side caret icon */
}
.drop-down-img {
    width: 30px;
    padding: 0rem !important;
}
.imgBox img {
    object-fit: cover;
    /* height: 100vh; */
    width: 100%;
    /*background-size: cover;*/
}
.desktop-text {
    position: relative;
    top: -10%;
}
.x-icon {
    padding-left: 0.4rem;
}
.contact-btn {
    width: 14rem;
}
.contents {
    width: 650px;
    /* margin: auto; */
    /* margin-top: 110px; */
    margin-top: -10px;
}

.contents h1 {
    font-size: 3.5rem;
    font-family: "League Spartan", sans-serif;
}
.change-titile {
    margin-top: 14rem;
}
.second-section {
    margin-top: 4rem;
}
.second-section .title p {
    font-size: 1.2rem;
}
.card-body p {
    font-size: 1rem;
}
.faqs .card-body p {
    font-family: "Teachers", sans-serif !important;
}
.faqs {
    margin-bottom: 8rem;
}
.faqs button {
    width: 100%;
    background: transparent !important;
    border: none;
    border-bottom: 1px solid #fff;
    padding: 1rem 0rem;
}
.faqs h4 {
    color: #fff;
    font-size: 1.4rem;
}
.card-body p {
    color: #fff;
}
.browser {
    /*position: fixed;*/
    /*bottom: 0;*/
    width: 100%;
    /*padding: 1rem;*/
    /*left: 0;*/

    /*margin-top: 0.5rem;*/
}
.tt {
    font-size: 3rem;
    font-weight: 600;
}
.g-3,
.gx-3 {
    --bs-gutter-x: 0rem;
}
/*.anime{*/
/*    margin-top:-1rem;*/
/*}*/
.mobile-top-nav {
    padding: 1rem !important;
}
.mobile-top-nav-img img {
    padding: 0 !important;
    max-width: 75% !important;
    padding-left: 1rem !important;
    padding-top: 0.4rem !important;
}

.bottom-bar {
    overflow-x: hidden !important;
    overflow-y: auto;
    /*background: linear-gradient(90deg, rgba(139,86,254,1) 0%, rgba(119,145,244,1) 35%, rgba(102,195,235,1) 67%, rgba(94,220,231,1) 85%);*/
    background-image: linear-gradient(to right, #040300, #c08b15);
    position: absolute;
    /* bottom: 0; */
    left: 0;
    /* top: 105vh; */
    width: 100%;
    margin-top: 10rem;
}

.scrolling-text {
    white-space: nowrap;
    display: inline-block;
    animation: scrollLeftToRight 230s linear infinite; /* Adjust duration as needed */
}

.scrolling-text.paused {
    animation-play-state: paused;
}

.scrolling-text span {
    margin-top: 10px;
    font-size: 1.6rem;
    padding: 0px 3.5rem;
    font-weight: 600;
}
.scrolling-text span a {
    font-size: 1.6rem;

    font-weight: 600;
    text-decoration: none;
    color: #fff;
}
span a {
    text-decoration: none !important;
    color: #fff !important;
}
@keyframes scrollLeftToRight {
    0% {
        transform: translateX(0%); /* Start from leftmost position */
    }
    100% {
        transform: translateX(-100%); /* Move to rightmost position */
    }
}

/*.button h4{*/
/*    font-size:;*/
/*}*/

.input-s {
    font-family: "Roboto", sans-serif;
    background-color: #3f3f3f !important;
    border: none !important;
    color: #d4d4d4 !important;
    border-radius: 10px;
    padding: 15px !important;
}

.input-s::placeholder {
    color: rgb(179, 179, 179) !important;
    font-family: "Roboto", sans-serif;
}

.find-btn button {
    width: 100%;
}

.btn-s {
    background-color: #50d890;
    font-family: "Roboto", sans-serif;
}

form {
    margin-top: 80px;
}

.sel {
    bottom: 40px;
    right: 610px;
    z-index: 10;
    color: #848383;
}

/* gym operator button */
.gym-operator-button {
    padding-top: 1rem;

    font-family: "League Spartan", sans-serif;
    /* border: 1px solid #fff; */
}
.button-border {
    /* border: 1px solid #fff; */
}
.button-border a {
    font-size: 1.1rem;
    text-decoration: none;
    color: #fff;

    padding: 0.5rem;
    font-family: "League Spartan", sans-serif;
    font-weight: 700;
}
.gym-operator {
    background-color: #fff;
    color: #000 !important;
}
.user-operator {
    padding: 0.1rem 0rem;
    border: 1px solid #fff;
}

.button {
    display: inline-flex;
    border: 1px solid #fff;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-family: Arial, sans-serif;
    font-family: "League Spartan", sans-serif;
    font-weight: 700;
}
.button .clickable {
    padding: 0.4rem;
    background-color: #fff;
    color: #000;
    text-decoration: none;
    border-right: 1px solid #000;
    font-family: "League Spartan", sans-serif;
    font-weight: 700;
}
.button .unclickable {
    padding: 0.4rem;
    background-color: #000;
    color: #fff;
    font-family: "League Spartan", sans-serif;
    font-weight: 700;
}
.gym-operator-botton {
    position: absolute;
    left: 15rem;
}
/* end */

@media only screen and (max-width: 1900px) {
    .phone-img-bg3,
    .phone-img-bg2 {
        display: none;
    }
    .ddd {
        margin-top: 0rem !important;
    }
    .banner {
        height: 65vh;
    }
}

@media only screen and (min-width: 1500px) {
    .img-moja{
    max-width:65%;
}
    html[data-platform="mac"] {
        overflow-x: hidden;
        overflow-y: auto;

        height: auto !important;
    }
    body[data-platform="mac"] {
        overflow-x: hidden;
        overflow-y: auto;
        max-width: 100%;
        height: auto !important;
    }
}

@media only screen and (max-width: 1850px) {
    .phone-img-bg3,
    .phone-img-bg2 {
        display: none !important ;
    }
    .imgBox {
        /* margin-right: 100px; */
        width: 22%;
        /* margin: auto; */
    }
    .contents h1 {
        font-size: 3rem;
    }
    .border-top-nav {
        border: 1px solid;
        position: absolute;
        left: 190px;
        width: calc(99.8% - 190px);
    }
    body[data-platform="mac"] .imgBox {
        width: 45%;
    }

    body[data-platform="mac"] .contents {
        width: 40%;
        margin: 0 auto;
        margin-top: 4px;
    }

    body[data-platform="mac"] .contents h1 {
        font-size: 3rem;
    }
    body[data-platform="mac"].g-3,
    body[data-platform="mac"].gy-3 {
        --bs-gutter-y: 0rem;
    }

    body[data-platform="mac"].input-s,
    body[data-platform="mac"].comboTreeInputBox {
        height: 54px;
    }
    .ddd {
        margin-top: 1rem !important;
    }
    .hgm {
        position: relative;
        left: 41% !important;
    }
    .d-aff {
        padding-right: 5rem;
    }
    .logos {
        position: relative;
        left: -10px;
    }
    .drop-down-notif-img {
        width: 20px !important;
    }
}
/*@media only screen and (max-width: 1800px) {*/
/*    .bottom-bar{*/
/*        margin-top: 18rem*/
/*    }*/
/*    .change-titile {*/
/*        margin-top: 22rem;*/
/*    }*/
/*}*/

@media only screen and (max-width: 1750px) {
    .d-aff {
        padding-right: 13rem !important;
    }
}

@media only screen and (max-width: 1600px) {
    .phone-img-bg3,
    .phone-img-bg2 {
        display: none !important ;
    }
    .imgBox {
        /* margin-right: 100px; */
        width: 25%;
        /* margin: auto; */
    }
    .bottom-bar {
        margin-top: 5rem;
    }
    .change-titile {
        margin-top: 8.5rem;
    }
    .bottom-bar {
        margin-top: 20rem;
    }
    .change-titile {
        margin-top: 24rem;
    }
    .hgm {
        position: relative;
        left: 40% !important;
    }
    .d-aff {
        padding-right: 0rem;
    }
}
@media only screen and (min-width: 800px) {
    .banner {
        justify-content: space-evenly !important;
    }
}
/*@media only screen and (max-width: 1650px) and (min-width: 1551px) {*/
/*    .desktop-img-bg {*/
/*        display: none;*/
/*    }*/
/*    .desktop-img-bg2 {*/
/*        display: inline;*/
/*    }*/
/* .pr {
        padding-right: 6rem;
    } */
/*    .imgBox {*/
/*        width: 55%;*/
/*    }*/
/*    .contents {*/
/*        width: 40%;*/
/*        margin: 0 auto;*/
/*        margin-top: 30px;*/
/*    }*/
/*    .contents h1 {*/
/*        font-size: 5.5rem;*/
/*    }*/
/*    .imgBox img {*/
/*        height: 95vh;*/
/*    }*/
/*    .g-3,*/
/*    .gy-3 {*/
/*        --bs-gutter-y: 0rem;*/
/*    }*/
/*    .contents h1 {*/
/*        font-size: 4.5rem;*/
/*    }*/
/*}*/

@media only screen and (max-width: 1550px) {
    .phone-img-bg3,
    .phone-img-bg2 {
        display: none !important ;
    }
    /* .desktop-img-bg {
        display: none;
    }
    .desktop-img-bg2 {
        display: inline;
    } */
    /* .pr {
        padding-right: 6rem;
    } */
    .vdo {
        height: 45vh;
    }
    .banner {
        height: 80vh;
    }
    .imgBox {
        width: 24%;
    }
    .contents {
        width: 40%;
        /* margin: 0 auto; */
        margin-top: -60px;
    }
    .contents h1 {
        font-size: 3rem;
    }
    .imgBox img {
        height: 90%;
    }
    .bottom-bar {
        margin-top: 10rem;
    }
    .change-titile {
        margin-top: 14rem;
    }
    .second-section {
        margin-top: 3.5rem;
    }
    .footer p {
        font-size: 1.1rem;
    }
    .d-aff {
        padding-right: 11.5rem !important;
    }
}

@media only screen and (max-width: 1441px) {
    body {
        max-width: 88%;
    }
    .border-top-nav {
        border: 1px solid;
        position: absolute;
        left: 200px;
        width: calc(99% - 200px);
    }
    .d-aff {
        padding-right: 8rem !important;
    }
    .hgm {
        position: relative;
        left: 38% !important;
    }
    .going-left {
        position: relative;
        left: 10%;
    }
    .logos {
        position: relative;
        left: -60px;
    }
}
@media only screen and (max-width: 1400px) {
    .border-top-nav {
        border: 1px solid;
        position: absolute;
        left: 245px;
        width: calc(99% - 245px);
    }
    .button .unclickable {
    padding: 0.3rem;
    }
    .button .clickable {
    padding: 0.3rem;
    }
    .gym-operator-botton {
    position: absolute;
    left: 15.3rem;
}
}
@media only screen and (max-width: 1350px) {
     .brand_logo_image {
        margin-top:2.5rem;
    }
    .brand_logo_image img{
        
        max-width:45% !important;
    }
    .contents h1 {
        font-size: 2.5rem;
    }
    .g-3,
    .gy-3 {
        --bs-gutter-y: 0rem;
    }
    .imgBox {
        width: 26%;
    }
    .banner {
        align-items: center;
    }
    .hgm {
        position: relative;
        left: 37% !important;
    }
    .button .unclickable {
        /* padding-top: 1.4rem; */
    }
}

@media only screen and (max-width: 1250px) {
    /* .pr {
        padding-right: 1rem;
    } */
    .hgm {
        position: relative;
        left: 34% !important;
    }
    body {
        max-width: 80%;
    }
    .ddd {
        width: 45%;
        text-align: center !important;
    }
    .imgBox {
        padding-top: 2rem;
        width: 26%;
    }
    .contents h1 {
        font-size: 2.5rem;
    }
    .imgBox img {
        height: 90%;
    }
    .contents {
        width: 40%;
        /* margin: 0 auto; */
        margin-top: -15px;
    }
    .contents,
    form {
        /* margin-top: 40px;
        padding: 0 15px; */
    }
    .imgBox {
        /*margin-right: 0px;*/
    }
    .desktop-text {
        position: relative;
        top: -6%;
    }
    .top-nav ul li a {
        font-size: 1rem;
        font-family: "League Spartan", sans-serif;
    }
    .dropdown-item {
        font-size: 1rem;
        font-family: "League Spartan", sans-serif;
    }
    .banner {
        align-items: center;
    }
    .border-top-nav {
        border: 1px solid;
        position: absolute;
        left: 200px;
        width: calc(99% - 200px);
    }
    .footer p {
        font-size: 1rem;
        color: #fff;
    }

    .d-aff {
        padding-right: 5rem !important;
    }
    .going-left {
        position: relative;
        left: 15%;
    }
    .logos {
        position: relative;
        left: -110px;
    }
    .clr-find {
        color: #000 !important;
    }
}
@media only screen and (max-width: 1200px) {
    .lands {
        display: inline;
    }
    .nlands {
        display: none;
    }
    .dtc {
        text-align: center;
        padding: 1rem 0rem;
    }
    .gym-operator-botton {
        top: 0.5rem;
    }
}
@media only screen and (max-width: 1190px) {
    .not-partial {
        display: none !important;
    }
    /* .pr {
        padding-right: 1rem;
    } */
    .imgBox {
        padding-top: 2rem;
        width: 30%;
    }
    .contents h1 {
        font-size: 2.5rem;
    }
    .imgBox img {
        height: 90%;
    }
    .contents {
        width: 40%;
        /* margin: 0 auto; */
        margin-top: -15px;
    }
    .contents,
    form {
        /* margin-top: 40px;
        padding: 0 15px; */
    }
    .imgBox {
        /*margin-right: 0px;*/
    }
    .desktop-text {
        position: relative;
        top: -6%;
    }
    .top-nav ul li a {
        font-size: 1rem;
    }
    /*.banner{*/
    /*    align-items:stretch;*/
    /*}*/
    .d-aff {
        padding-right: 2rem;
    }
    .d {
        text-align: center !important;
    }
    .middle-footer-img {
        padding-top: 1.5rem;
    }
    .d-aff {
        padding-right: 0rem !important;
    }
    .browser {
        margin-left: 0.8rem;
    }
}
@media only screen and (max-width: 1130px) {
    /*body{*/
    /*    max-width:85%;*/
    /*}*/
    .going-left {
        position: relative;
        left: 12%;
    }
    .top-nav ul li a {
        font-size: 1rem;
    }
    .top-nav ul li {
        list-style: none;

        padding: 5px;
        padding-top: 1rem;
    }
    .brand_logo_image{
        margin-top:1rem;
        width:100% !important;
    }
    /* .brand_logo_image img{*/
        
    /*    max-width:35% !important;*/
    /*}*/
}
@media only screen and (max-width: 1050px) {
    .gym-operator-botton {
        top: 0rem;
        left: 12rem;
    }
    body {
        max-width: 90%;
    }
    .pr {
        padding-right: 1rem;
    }
    .contents h1 {
        font-size: 30px;
    }
    .contents {
        width: 380px;
        /* margin: 0 auto; */
        margin-top: 50px;
    }
    .contents,
    form {
        /* padding: 0 15px; */
    }
    .imgBox {
        padding-top: 4rem;
        margin-right: 0px;
    }
    .imgBox img {
        height: 90%;
    }
    .banner {
        align-items: stretch;
    }

    .bottom-bar {
        margin-top: 12rem;
    }
    .change-titile {
        margin-top: 15rem;
    }
    .second-section {
        margin-top: 4.5rem;
    }
    .d-aff {
        padding-right: 3rem !important;
    }
    /*end*/
    .footer p {
        font-size: 1rem;
        color: #fff;
    }
    .hgm {
        position: relative;
        left: 35% !important;
    }
    .going-left {
        position: relative;
        left: 8%;
    }
    .logos {
        position: relative;
        left: -60px;
    }
    .border-top-nav {
        border: 1px solid;
        position: absolute;
        left: 182px;
        width: calc(99% - 182px);
    }
    .clr-find {
        color: #000 !important;
    }
}

@media only screen and (max-width: 1000px) {
    .top-nav ul li {
        list-style: none;

        padding: 5px;
        padding-top: 1rem;
    }
    .top-nav ul li a {
        font-size: 0.9rem;
    }
    .clr-find {
        color: #000 !important;
    }
}

@media only screen and (max-width: 920px) {
    .gym-operator-botton {
        top: 1rem;
        left: 10.6rem;
    }
    }
@media only screen and (max-width: 880px) {
    body {
        max-width: 88%;
    }
    .border-top-nav {
        border: 1px solid;
        position: absolute;
        left: 235px;
        width: calc(99% - 235px);
    }
    .banner {
        justify-content: space-evenly !important;
    }
    /*.bottom-bar {*/
    /* margin-top: 3rem;*/
    /*}*/
    .bottom-bar {
        margin-top: 12rem;
    }
    .change-titile {
        margin-top: 15rem;
    }
    .second-section {
        margin-top: 4.5rem;
    }

    /*end*/
    .imgBox {
        /*padding-top:4rem;*/
        width: 35%;
    }
    .contents h1 {
        font-size: 30px;
    }
    .contents {
        width: 40%;
        /* margin: 0 auto; */
        margin-top: 30px;
    }
    .contents,
    form {
        /* padding: 0 15px; */
    }
    .imgBox {
        margin-right: 0px;
    }
    .imgBox img {
        height: 90%;
    }
    .top-nav ul li a {
        font-size: 0.7rem;
    }
    .dropdown-item {
        font-size: 0.8rem;
        font-family: "League Spartan", sans-serif;
    }
    .hgm {
        position: relative;
        left: 32% !important;
    }
    .clr-find {
        color: #000 !important;
    }
}

@media only screen and (max-width: 777px) {
    .x-icon {
        width: 2.1rem;
        height: 1.7rem;
    }
    body {
        max-width: 90%;
    }
    .second-section {
        margin-top: 61.5rem;
    }
    .desktop-img-bg,
    .only-desktop {
        display: none;
    }
    .only-desktop {
        display: none;
    }
    .imgBox {
        text-align: center;
        width: 41%;
        margin: 0 auto;
    }
    .imgBox img {
        object-fit: cover;
        height: 60%;
    }
    .contents {
        margin: 0 auto;
        width: 60%;
        margin-top: 125px;
        margin-bottom: 20px;
    }
    .contents h1 {
        font-size: 30px;
    }
    .desktop-text {
        position: relative;
        top: -10%;
        left: 15%;
    }
    .phn-input {
        padding: -1rem;
    }
    .phone-img-bg {
        display: inline;
    }
    .bottom-bar {
        margin-top: -7rem;
        margin-bottom: 2rem;
    }
    /*.browser{*/

    /*    bottom:2rem;*/
    /*    top:170%;*/
    /*    width: 100%;*/

    /*}*/
    .faqs {
        margin-bottom: -1rem;
    }
    .phone-img-bg2 {
        display: flex !important;
    }
    .phone-img-bg2 h6 {
        display: inline !important;
    }

    .footer {
        margin-top: 4rem;
    }
    .footer .container-fluid {
        padding-left: 1.5rem !important;
    }
    .middle-footer {
        text-align: left !important;
    }
    .middle-footer-img {
        text-align: center !important;
        padding-top: 1rem;
    }
    #inputPassword65 {
        margin-top: 1.5rem;
    }
    .xr {
        left: 27% !important;
    }
    .clr-find {
        color: #000 !important;
    }
    .gym-operator-botton {
        top: 2rem;
    }
    .button .clickable {
        padding-top: 0.4rem !important;
    }

    .button .clickable,
    .button .unclickable {
        padding: 0.2rem;
        font-size: 0.6rem;
    }
}
@media only screen and (max-width: 750px) {
    .bottom-bar {
        margin-top: -5rem;
        margin-bottom: 2rem;
    }
    .contents {
        margin: 0 auto;
        width: 60%;
        margin-top: 145px;
        margin-bottom: 20px;
    }
    /*.bottom-bar{*/
    /*    margin-top:-7rem;*/
    /*    margin-bottom:2rem;*/
    /*}*/
    /*.browser{*/

    /*    position:absolute;*/
    /*    bottom:2rem;*/
    /*    top:170%;*/
    /*    width: 100%;*/

    /*}*/
    .contents h1 {
        font-size: 30px;
    }
    .clr-find {
        color: #000 !important;
    }
}
/*@media only screen and (max-width: 1000px) and (min-width: 501px) {*/
/*.xr{*/
/*        position:relative;*/
/*        left:21% !important;*/
/*    }*/
/*}*/
@media only screen and (max-width: 700px) and (min-width: 501px) {
    .bottom-bar {
        margin-top: -11rem;
        margin-bottom: 2rem;
    }
    .imgBox {
        text-align: center;
        width: 45%;
        margin: 0 auto;
    }
    .imgBox img {
        object-fit: cover;
        height: 70%;
    }
    .contents {
        margin: 0 auto;
        width: 60%;
        margin-top: 265px;
        margin-bottom: 20px;
    }
    .contents h1 {
        font-size: 32px;
    }
    .browser {
        top: 175%;
    }
    .clr-find {
        color: #000 !important;
    }
}
@media (width <= 577px) {
    .drop-down-notif-img {
        width: 25px !important;
    }
    .browser {
        margin-left: 2rem;
    }
    body {
        max-width: 100%;
    }
    .footer {
        margin-top: 4rem;
    }
    .footer .container-fluid {
        padding-left: 1.5rem !important;
    }
    .middle-footer {
        text-align: center !important;
    }
    .middle-footer-img {
        text-align: center !important;
        padding-top: 1rem;
    }
    .deals-mobile {
        position: relative;
        /*top: 7%;*/
        margin-bottom: 2rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .bottom-bar {
        /*margin-top: -3rem; */
        margin-bottom: 2rem;
    }
    .phone-img-bg3 {
        display: none !important;
    }
    .phone-img-bg2 {
        display: flex !important;
    }
    .phone-img-bg2 h6 {
        display: inline !important;
    }
    .gym-operator-botton {
        top: 2rem;
    }
}
@media (width <= 500px) {
    drop-down-img {
    width: 34px;
    }
    .tt {
        font-size: 2.4rem;
        font-weight: 600;
        margin-top: -1.5rem;
    }
    .bottom-bar {
        position: relative;
    }
    /* .desktop-img-bg,
    .only-desktop {
        display: none;
    } */
    .only-desktop {
        display: none;
    }
    .desktop-centent-text {
        display: none;
    }
    .imgBox {
        width: 100%;
    }
    .contents {
        width: 100%;
    }
    .bottom-position {
        /*background: #3f3f3f;*/
        /*position: absolute;*/
        /*bottom: 0;*/
        /*width: 100%;*/
        /*padding: 1rem;*/
        /*left: 0;*/
    }
    .phone-a11 {
        /*background-color: #1cfb3b;*/
        border-radius: 5px;
        padding: 3px 0px;
    }
    .phone-a11 a {
        /*color: #4d3d3d !important;*/
    }
    .phone-a12 a {
        color: #4d3d3d !important;
    }
    .phone-a12 {
        background-color: #fe5afd;
        border-radius: 5px;
        padding: 3px 0px;
        margin-left: 10px;
        color: #4d3d3d !important;
        margin-right: 10px;
    }
    .phone-a13 {
        padding: 3px 0px;
    }
    .phone-a {
        display: block;
    }
    .phone-a a {
        color: #fff;
        font-family: "Roboto", sans-serif;
        font-size: 15px;
        font-weight: 500;
    }
    a {
        text-decoration: none;
    }
    .desktop-img-bg {
        display: none;
    }
    .phone-img-bg {
        display: inline;
    }
    .pr {
        padding-right: 0rem;
    }
    .contents h1 {
        font-size: 1.2rem;
    }
    .contents,
    form {
        margin-top: 40px;
        padding: 0 15px;
    }
    .imgBox {
        margin-right: 0px;
    }

    .find-btn {
        display: flex;
        justify-content: center;
    }
    .find-btn button {
        width: 120px;
        height: 40px;
        border-radius: 5px !important;
        font-family: "Roboto", sans-serif;
        font-size: 16px !important;
    }
    label.fs-5 {
        font-family: "Roboto", sans-serif;
        font-size: 14px !important;
        font-weight: 400;
    }
    .phone-img-bg3 {
        display: none !important;
    }
    .phone-img-bg2 {
        display: flex !important;
    }
    .phone-img-bg2 h6 {
        display: inline !important;
    }
    .x-icon {
        width: 2.1rem;
        height: 1.7rem;
    }
}
@media (width <= 500px) {
    .mobile-footer-space {
        margin-top: 6rem;
    }
    .second-section {
        margin-top: 23rem;
    }
    .faqs h4 {
        color: #fff;
        font-size: 1.1rem;
    }
    .second-section .title p {
        font-size: 0.9rem;
        padding-left: 3% !important;
        padding-right: 3% !important;
    }
    .card-body p {
        font-size: 1rem;
    }

    .footer p {
        font-size: 0.9rem;
        color: #fff;
    }
    .deals-mobile {
        position: relative;
        /*top: 8%;*/
    }
    .desktop-img-bg2 {
        display: none;
    }
    .more-center {
        padding-left: 1.5rem;
    }
    span.comboTreeItemTitle {
        display: block;
        padding: 2px 4px !important;
    }
    .form-label {
        margin-bottom: 0.3rem;
    }
    .desktop-img-bg {
        display: none;
    }
    .phone-img-bg {
        display: inline;
    }
    html,
    body {
        overflow-x: hidden !important;
        /*touch-action: none;*/

        overflow-y: auto !important;
    }
    .imgBox {
        text-align: center;
    }
    .img-phn {
        margin-top: -4rem;
        height: 46vh;
    }
    .tt {
        text-transform: capitalize;
    }
    .contents h1 {
        margin-top: -60px;
        margin-bottom: 55px;
    }
    .contents,
    form {
        margin-top: 100px;
        padding: 0 15px;
    }
    .phn-input {
        width: 320px !important;
        /* height: 44px; */
        margin: 0 auto;
    }
    .comboTreeInputWrapper {
        width: 320px !important;
        /* height: 44px; */
        margin: 0 auto;
    }
    .input-s,
    .comboTreeInputBox {
        padding: 0 !important;
        padding-left: 15px !important;
        height: 44px !important;
        font-family: "Roboto", sans-serif;
        font-size: 16px;
    }
    select {
        /* styling */
        background-color: #d4d4d4 !important;
        border: thin solid blue;
        border-radius: 4px;
        display: inline-block;
        font: inherit;
        line-height: 1.5em;
        padding: 0.5em 3.5em 0.5em 1em;

        /* reset */

        margin: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    select.minimal {
        /* background-image: url(
            data:image/svg + xml;utf8,
            <svgxmlns="http://www.w3.org/2000/svg"width="16"height="10"viewBox="0 0 16 10"fill="none"><pathd="M15.5791 0.419058C15.4465 0.286218 15.289 0.180828 15.1157 0.108921C14.9423 0.0370133 14.7565 -5.43553e-08 14.5688 -6.25587e-08C14.3812 -7.0762e-08 14.1953 0.0370133 14.022 0.108921C13.8486 0.180828 13.6912 0.286218 13.5586 0.419058L7.99875 5.9789L2.43891 0.419057C2.17098 0.151128 1.80759 0.000606135 1.42868 0.000606119C1.04977 0.000606102 0.686378 0.151128 0.418448 0.419057C0.150519 0.686987 9.07761e-07 1.05038 8.91198e-07 1.42929C8.74636e-07 1.8082 0.150519 2.17159 0.418448 2.43952L6.99569 9.01675C7.12825 9.14959 7.28572 9.25498 7.45907 9.32689C7.63242 9.3988 7.81825 9.43581 8.00592 9.43581C8.19359 9.43581 8.37942 9.3988 8.55276 9.32689C8.72611 9.25498 8.88358 9.14959 9.01615 9.01675L15.5934 2.43952C16.1379 1.895 16.1379 0.977908 15.5791 0.419058Z"fill="white"fill-opacity="0.8"/></svg>
        ); */
        background-position: calc(100% - 1.1em) calc(1em + 3px),
            calc(100% - 27px) calc(1em + 2px), calc(100% - 2.5em) 0.5em !important;
    }
    .comboTreeWrapper {
        margin-top: 0;
    }
    h5,
    h5 a {
        font-size: 16px !important;
        color: #ffffff80 !important;
    }
    .xr {
        left: 8% !important;
    }
    .phone-img-bg3 {
        display: none !important;
    }
    .phone-img-bg2 {
        display: flex !important;
    }
    .phone-img-bg2 h6 {
        display: inline !important;
    }
    .vdo {
        display: inline !important;
        height: 40vh !important;
        margin-left: 0rem;
        margin-top: -1rem;
    }
    .middle-footer-img {
        padding-right: 0rem !important;
    }
    .contact-btn {
        width: 10.5rem;
    }
    .gym-operator-botton {
        left: 9rem;
    }
}
@media (width <= 450px) {
    .gym-operator-botton {
        left: 8rem;
    }
    .button .unclickable{
        padding-top:0.4rem !important;    
    }
        .gym-operator-botton {
        top: 2.1rem;
    }
}
@media (width <= 389px) {
    html,
    body {
        overflow: hidden;
        /*touch-action: none;*/

        overflow-y: auto !important;
    }
    .img-phn {
        margin-top: -2rem;
        width: 390px !important;
        height: 344px !important;
    }
    h5,
    h5 a {
        font-size: 12px !important;
    }
    .imgBox img {
        object-fit: cover;
        height: 79%;
    }
    .second-section {
        margin-top: 31.5rem;
    }
    .faqs h4 {
        color: #fff;
        font-size: 1rem;
    }
    .second-section .title p {
        font-size: 0.8rem;
        padding-left: 3% !important;
        padding-right: 3% !important;
    }
    .card-body p {
        font-size: 0.8rem;
    }
    .contents h1 {
        margin-top: -143px;
        margin-bottom: 27px;
        font-size: 1.2rem;
    }
    .contents,
    form {
        margin-top: 110px;
        padding: 0 15px;
    }
    .cp {
        margin-top: 1rem !important;
    }
    .se-2 {
        margin-top: 0.4rem !important;
    }
    .small-mobile {
        margin-top: -50px;
    }
    .vdo {
        width: 390px !important;
        height: auto !important;
    }
    .top-nav ul li a {
        font-size: 0.7rem;
    }
    .button .clickable,
    .button .unclickable {
        font-size: 0.6rem;
        padding: 0.2rem !important;
    }
    .gym-operator-botton {
        top: 2.2rem;
    }
}
/* 1cfb3b   fe5afd */