:root{
    font-size: 14px;
}

html{font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}

body{margin: 0; background-color: #fff; font-family: 'Montserrat', 'Arial', sans-serif; font-weight: 500;}

.header{width: 100%; background-color: #fff !important; position: fixed !important; z-index: 1000; top: 0; left: 0; border: none !important; border-bottom: none !important; box-shadow: 0 0 2px 0 #eaeaea; border-radius: 0 !important; min-height: 80px !important; padding: 0 10px; margin-bottom: 0 !important;}
.header .navbar-brand{padding: 0 !important;}
.header img{width: 197px; margin: 16px 0;}
.header .nav li:last-child a{padding-right: 0;}
.header .nav li a{padding: 30px 12px 29px;}
.header .nav li a:hover{color: #401d5d !important;}
.header .nav li.call_btn_desk a{padding: 30px 15px; background-color: #fac90a; color: black; font-weight: 600;}
.header .nav li.call_btn_desk a:hover, .header .nav li.call_btn_desk a:focus{background-color: #fac90a; color: black; outline: none;}
.header .nav li.call_btn_desk img{width: 18px; margin: 0 5px 0 0;}

.appoint-btn{background-color: #333333; color: #fff; padding: 10px 20px !important; position: fixed; bottom: 20px; z-index: 100; right: 20px; border-radius: 3px; box-shadow: 0 0 5px 0 #29282882; text-decoration: none; display: none;}
.appoint-btn:hover{background-color: #333333; color: #fff !important; text-decoration: none;}
.appoint-btn:focus{background-color: #333333; color: #fff !important;}

.call_button{width: 35px; height: 35px; display: none; box-shadow: 0 2px 5px 0 #f1f1f1; border-radius: 3px; float: right; background-color: #401d5d; margin: 12px 10px 0 0;}
.call_button img{width: 35px;}

.top-img{width: 100%; padding: 73px 0 0 0; height: 100vh; position: relative;}
.top-img img{width: 100%;}
.top-img .desk-banner{display: block; height: 65vh; object-fit: cover;}
.top-img .top_wrapper{height: calc(100vh - 150px); overflow: hidden; }

.top-img-product{width: 100%; padding: 73px 0 0 0;}
.top-img-product img{width: 100%; image-rendering: -webkit-optimize-contrast;}
.top-img-product .desk-banner{display: block;}
.top-img-product .mobile-banner{display: none;}

.top-img .banner_content{width: 50%; position: absolute; top: 120px; bottom: 30px; background-color: #fac90a; padding: 40px; display: flex; flex-wrap: wrap; align-content: center;}
.top-img .banner_content h6{font-size: 1.4rem; font-weight: 600; color: white; margin: 0 0 5px; width: 100%;}
.top-img .banner_content h1.first_content{font-size: 1.6rem; text-transform: uppercase; font-weight: 700; margin-top: 40px !important; }
.top-img .banner_content p.first_content_1{font-size: 1.6rem; text-transform: uppercase; font-weight: 700; margin-top: 20px; }
.top-img .banner_content h1.first_content2{margin: 30px 10px 0}
.top-img .banner_content p.price_content{background: white; padding: 10px 15px; color: #401d5d; font-size: 1.5rem; text-transform: uppercase; font-weight: 700; display: inline-block; margin: 32px 0 5px;}
.top-img .banner_content p.main_content{font-size: 3.0rem; text-shadow: 5px 5px 0 #1b082b; font-weight: 700; color: white; background: #401d5d; padding: 10px 20px 25px; position: relative; margin: 10px 0 0; width: 100%;}
.top-img .banner_content p.main_content span{position: absolute; bottom: -20px; left: 23px; text-shadow: none; font-size: 1.2rem; font-weight: 500; background: #ea1371; padding: 10px 15px;}
.top-img .banner_content h1.normal_content{margin: 10px 0 0; font-size: 1rem; color: black; width: 100%;}

.partners{background-color: #f9f9f9; text-align: center; padding: 80px 0; white-space: nowrap;}

.about-us-top{padding: 20px 0 60px 0 !important;}
.about-us-top h2{text-align: center !important; margin: 60px 0 15px 0 !important;}
.about-us-top p{text-align: center !important; margin-bottom: 30px !important;}

.invest-options{border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
.cta-inner ul{width: 100%; display: inline-block; margin: 30px 0; padding: 0;}
.cta-inner ul li{width: 25%; float: left; text-align: left; min-height: 120px; border-right: 1px solid rgba(255, 255, 255, 0.2); white-space: initial; text-transform: uppercase; padding: 20px 15px; font-size: 18px; color: #fff; list-style-type: none;}
.cta-inner ul li:last-child{border-right: none;}

.top-nav{display: inline-block; float: right; margin: 0; padding: 0;}
.top-nav li{float: left; list-style-type: none;}
.top-nav li a{color: #4e4e4e; font-weight: 500; padding: 14px 20px 9px; display: inline-block; font-size: 14px;}

.overview{width: 100%; padding: 80px 0 80px; background-color: #fff;}
.overview h4{font-size: 28px; font-weight: 700; display: block; margin: 0 0 15px 0; color: #401d5d;}
.overview hr{width: 120px; float: left; margin: 0 0 30px 0; border-top: 2px solid #ea1371;}
.overview h4:nth-of-type(2){margin: 40px 0 15px 0;}
.overview p{font-size: 15px; line-height: 24px; margin: 0 0 15px 0;}
.overview ul{padding: 0 0 0 0; width: 100%; clear: both;}
.overview ul li{margin: 0 0 18px 0; font-size: 15px; list-style-type: none; padding: 0 0 0 0; display: flex; flex-wrap: wrap; align-items: flex-start; position: relative;}
.overview ul li::before{content: ''; position: absolute; width: 0; top: 0; bottom: -18px; left: 11px; border-right: 1px dashed #e4e4e4;}
.overview ul li span{width: 25px; z-index: 10; height: 25px; margin-right: 15px; background: #fac90a; color: white; text-align: center; line-height: 26px; font-size: 11px; border-radius: 50%;}
.overview ul li i{font-style: normal; flex: 1;}
.overview .right_img{width: 400px; height: 500px; float: right; object-fit: cover; box-shadow: 0 15px 30px 0 #fac90a57; border-radius: 80px 0 0 0;}
.overview ul li:last-child::before{border-right: none;}

.walkthrough{width: 100%; height: 500px; background-color: grey;}
.walkthrough iframe{width: 100%; height: 500px;}

.connectivity{width: 100%; padding: 80px 0 80px; background-color: #028158;}
.connectivity h4{font-size: 28px; text-transform: uppercase; font-weight: 600; margin: 0 0 30px 0; color: #fff; text-align: center;}
.connectivity .connectivity_inner{width: 100%;}
.connectivity .connectivity_inner img{width: 100%; border-radius: 5px;}
.connectivity .connectivity_inner p{font-size: 16px; font-weight: 600; background: #fff; border: 5px solid #efefef; border-top: none; padding: 11px 15px 10px; height: 70px; text-align: center; box-shadow: 0 0 5px 0 #356f28;}
.connectivity .connectivity_inner ul{width: 100%; margin: -5px 0 0 0;}
.connectivity .connectivity_inner ul li{width: 100%; color: #fff; font-size: 13px; line-height: 20px; list-style-type: circle; margin: 0 0 8px 0;}

.form-wrap{width: 100%; background-color: #028158; padding: 25px 15px; margin-top:0; z-index:  100; position: relative; display: none;}
.form-wrap form{width: 100%; display: inline-block;}
.form-wrap form .head{font-size: 20px; color: #fff; text-align: left; font-weight: 600; margin:0 0 5px 0; padding: 0;}
.form-wrap form .subhead{font-size: 14px; color: #fff; text-align: center; margin: 0 0 20px 0; padding: 0; line-height: 16px;}
.form-wrap form input{width: 100%; padding: 10px 0; background-color: transparent; border: none; margin-top: 6px; border-bottom: 1px solid #fff; color: #fff;}
.form-wrap form input:focus{outline: none;}
.form-wrap form input[type="submit"]{width: 100%; border-bottom: none; background-color: #fff; color: #000; font-size: 16px; border-radius: 3px; box-shadow: 0 2px 3px 0 #86713e;}
.form-wrap form input::-webkit-input-placeholder{color: #fff;}
.form-wrap form input::-moz-placeholder{color: #fff;}

.cont-sec{width: 100%; padding: 30px 0; text-align: center; background-color: #fff;}
.cont-sec p{font-size: 22px; color: #333; text-transform: uppercase; font-weight: 600; margin: 0; padding: 0 20%; line-height: 32px;}

.number{font-size: 22px; padding: 14px 0; margin-left: 15px;}

.contact{width: 100%; background-color: #f9f9f9; display: inline-block; margin: 0; padding: 80px 0;}
.contact h4{font-size: 28px; font-weight: 700; display: block; margin: 0 0 15px 0; color: #401d5d;}
.contact hr{width: 120px; float: left; margin: 0 0 30px 0; border-top: 2px solid #ea1371;}
.contact .contact_info{clear: both;}
.contact p{font-size: 14px; color: #333}
.contact p a{text-decoration: none; color: #333}
.contact .footer_form{width: 100%; background-color: white; padding: 30px 30px; box-shadow: 0 5px 15px 0 #f1f1f1;}
.contact .footer_form h6{font-size: 13px; text-align: left; color: #f3f3f3; line-height: 22px; font-weight: 600;}
.contact .footer_form h6 span{font-size: 18px; color: #fac90a;}
.contact .footer_form form{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
.contact .footer_form form input{width: 48%; background-color: #f7f7f7; margin-top: 6px; margin-bottom: 15px; color: #333; border-radius: 5px; padding: 0 15px; height: 45px; border: none;}
.contact .footer_form form input:focus{outline: none;}
.contact .footer_form form input[type="submit"]{width: 48%; border-bottom: none; background-color: #ea1371; color: #fff; font-size: 13px; text-transform: uppercase; border-radius: 5px;}
.contact .footer_form form input::-webkit-input-placeholder {color: #999;}
.contact .footer_form form input::-moz-placeholder{color: #999;}

.footer{width: 100%; background-color: #333; padding: 20px 30px;}
.footer p{text-align: right; font-size: 13px; color: #fff; margin: 0;}
.footer p a{text-decoration: none; color: #fff; float: left;}

.privacy-policy{width: 100%; background-color: #f9f9f9; padding: 80px 30px 30px;}
.privacy-policy h2{font-size: 24px; color: #444;}
.privacy-policy h4{font-size: 16px; color: #333; margin: 30px 0 10px 0;}
.privacy-policy p{font-size: 13px; color: #848484;}

.thank-you{width: 100%; flex: 1; display: flex; align-items: center; padding-top: 50px; justify-content: flex-start; flex-wrap: wrap; background: url('./../img/thankyou_bg.jpg') no-repeat center center; background-size: cover;}
.thank-you .inner_content{width: 1100px; padding: 0 600px 0 0; margin: 0 auto;}
.thank-you .inner_content h4{font-size: 1.8rem; width: 100%; font-weight: 600; color: #100e4f; line-height: 2.2rem;}
.thank-you .inner_content p{font-size: 1.1rem; margin: 0; line-height: 2rem;}

.appoint-form{position: fixed; bottom: 0; right: 18px; width: 320px; background-color: #fff; border-radius: 3px 3px 0 0; padding: 15px; box-shadow: 0 0 10px 0 #eaeaea; display: none; z-index: 100;}
.appoint-form input{width: 100%; padding: 10px 0; font-size: 13px; border: none; border-bottom: 1px solid #eaeaea; margin: 0 0 20px 0;}
.appoint-form input:focus{outline: none; border-bottom: 1px solid #0c4f90;}
.appoint-form input[type="submit"]{background-color: #028158; color: #fff; border-bottom: none; margin: 15px 0 20px 0;}
.appoint-form p{margin: 0 0 15px 0; font-size: 16px; color: #028158;}
.appoint-form p i{float: right; cursor: pointer; font-size: 16px; color: #ccc;}

.amenities{width: 100%; padding: 80px 0 40px; background-color: #fff;}
.amenities h4{font-size: 28px; text-transform: uppercase; font-weight: 600; color: #401d5d; text-align: center; margin: 0 0 5px 0;}
.amenities p{text-align: center; font-size: 13px; margin: 0 0 60px 0; opacity: .8;}
.amenities ul{width: 100%; display: flex; flex-wrap: wrap; margin: 0; padding: 0;}
.amenities ul li{width: 25%; padding: 0 20px; list-style-type: none; text-align: center; margin: 0 0 40px 0; font-size: 14px;}
.amenities ul li i{display: block;}
.amenities ul li i img{width: 50px; margin: 0 0 6px 0;}

.amenities-product{width: 100%; padding: 80px 0 40px; background-color: #fff;}
.amenities-product h4{font-size: 32px; text-transform: uppercase; font-weight:bold; color: #1a134a; text-align: center; margin: 0 0 70px 0;}
.amenities-product ul{width: 100%; display: inline-block; margin: 0; padding: 0;}
.amenities-product ul li{float: left; width: 30%; list-style-type: none; text-align: center; margin: 0 0 40px 0; font-size: 14px;}
.amenities-product ul li i{display: block;}
.amenities-product ul li i img{width: 90px; margin: 0 0 6px 0;}

.pricelist{width: 100%; padding: 80px 0 65px; background-color: #9e1728; }
.pricelist h4{font-size: 28px; text-transform: uppercase; font-weight: 600; margin: 0 0 30px 0; color: #fff; text-align: center;}
.pricelist img{text-align: center;}

.connectivty{width: 100%; display: flex; height: 550px; overflow: hidden; align-items: center; background-color: #401d5d; flex-wrap: wrap;}
.connectivty .connect_left{width: 50%; height: 550px;}
.connectivty .connect_left img{width: 100%; height: 100%; object-fit: cover;}
.connectivty .connect_right{width: 50%; padding: 80px 60px;}
.connectivty .connect_right h6{color: white; font-size: 28px; font-weight: 700; margin: 0 0 15px 0;}
.connectivty .connect_right hr{width: 120px; float: left; margin: 0 0 30px 0; border-top: 2px solid #fac90a;}
.connectivty .connect_right ul{padding: 0 0 0 0; width: 100%; clear: both;}
.connectivty .connect_right ul li{margin: 0 0 20px 0; font-size: 14px; list-style-type: none; padding: 0 0 0 0; display: flex; flex-wrap: wrap; align-items: center; position: relative;}
.connectivty .connect_right ul li span{width: 50px; z-index: 10; height: 50px; margin-right: 15px; background: #fac90a; color: black; text-align: center; line-height: 26px; font-size: 11px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.connectivty .connect_right ul li span img{width: 24px; height: 24px;}
.connectivty .connect_right ul li i{font-style: normal; flex: 1; color: white; top: -2px; position: relative; line-height: 24px;}

.banner_form{width: 50%; background-color: #401d5d; padding: 30px 30px 50px; position: absolute; right: 0; bottom: 0;}
.banner_form h6{font-size: 13px; text-align: left; color: #f3f3f3; line-height: 22px; font-weight: 600;}
.banner_form h6 span{font-size: 18px; color: #fac90a;}
.banner_form form{display: flex; flex-wrap: wrap; justify-content: space-between;}
.banner_form form input{width: 48%; background-color: white; margin-top: 6px; margin-bottom: 15px; color: #333; border-radius: 5px; padding: 0 15px; height: 45px; border: none;}
.banner_form form input:focus{outline: none;}
.banner_form form input[type="submit"]{width: 48%; border-bottom: none; background-color: #ea1371; color: #fff; font-size: 13px; text-transform: uppercase; border-radius: 5px;}
.banner_form form input::-webkit-input-placeholder {color: #999;}
.banner_form form input::-moz-placeholder{color: #999;}

.appoint-form-mobile{position: fixed; z-index: 1000; left: 0; right: 0; bottom: 0; display: none; padding: 40px 20px 60px; background-color: #401d5d;}
.appoint-form-mobile input{width: 100%; background-color: white; font-family: 'Montserrat', sans-serif; padding: 12px 15px; font-size: 13px; border: none; border-radius: 5px; margin: 0 0 20px 0;}
.appoint-form-mobile input:focus{outline: none;}
.appoint-form-mobile input[type="submit"]{background-color: #ea1371; color: #fff; font-family: 'Montserrat', sans-serif; border-bottom: none; margin: 0px 0 10px 0;}
.appoint-form-mobile p{margin: 0 0 20px 0; line-height: 24px; font-size: 12px; color: white; font-weight: 600;}
.appoint-form-mobile p span{font-size: 16px;}
.appoint-form-mobile i{position: absolute; right: 20px; color: white; font-style: normal; opacity: .8; cursor: pointer;}

.thankyou_wrap{display: flex; flex-wrap: wrap; flex-direction: column; height: 100vh;}

.mobile_bottom_btns{display: none; position: fixed; bottom: 0; left: 0; right: 0; padding: 10px; z-index: 100; justify-content: space-between; background-color: #ea1371;}
.mobile_bottom_btns .appoint-btn-mobile, .mobile_bottom_btns .call_btn{color: #401d5d; font-weight: 700; text-decoration: none; text-align: center; background-color: white; font-size: 13px; text-transform: uppercase; padding: 12px 0; border-radius: 3px; box-shadow: 0 2px 5px 0 rgba(73,73,73,0.2); width: 48%;}

.card-form {
    background-color: #ffffff;
    /* -webkit-box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%); */
    /* box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%); */
    padding: 0px 0px;
    position: relative;
    z-index: 1;
    border-top-left-radius: 28px;
    border-bottom-right-radius: 28px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    margin-bottom: 30px;
}

.service-image {
    padding: 1rem;
    padding-bottom: 0;
}

.service-image h3{
    font-size: 21px;
}

.card-form__inner {
    padding: 10px;
    line-height: 30px;
    font-size: 18px;
}

.card-title {
    margin-bottom: 5px;
    font-size: 16px;
    /* border-bottom: 1px solid #ddd; */
    padding-bottom: 9px;
    margin-bottom: -33px;
    text-transform: uppercase;
    color: #000;
    text-align: center;
    padding-top: 1px;
}

.enq-btn {
    border: solid 1px #fff;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    border-radius: 0;
    padding: 9px 9px;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    background: #ea1371;
    border-top-left-radius: 29px;
    border-bottom-right-radius: 29px;
    z-index: 999;
    box-shadow: 5px 5px 5px #dbdbe5;

}

.portfolio-content {
    min-height: 12px;
    position: absolute;
    text-align: left;
    width: 44%;
    padding: 0px 6px;
    border-left: 3px solid #000;
    background: #fff;
    display: inline-block;
    margin: 0 auto;
    /* z-index: 999; */
    margin-bottom: 0px;
    -webkit-box-shadow: -2px 2px 6px #0000002e;
    -moz-box-shadow: -2px 2px 6px #0000002e;
    box-shadow: -2px 2px 6px #0000002e;
    bottom: -37px;
    left: 100px;
}
.single-portfolio {
    position: relative;
    background: #fff;
    -moz-transition: all 0.3s ease;
    margin-bottom: 59px;
}

@media(min-width: 300px) and (max-width: 700px){
    .header{padding: 0 0; min-height: 57px !important;}
    .header img{width: 150px; margin: 10px 0 0 5px;}
    .header .nav{margin: 0;}
    .header .nav li{border-bottom: 1px solid #f3f3f3;}
    .header .nav li a{padding: 10px 10px; font-size: 12px;}
    .header .navbar-collapse{border-color: #f5f5f5 !important; margin-top: 5px; padding: 0;}
    .header .navbar-toggle{border: none; border-radius: 0; padding: 9px 5px 9px 10px; background-color: transparent !important; margin-right: 0; margin-top: 15px; float: left;}
    .header .navbar-toggle .icon-bar{width: 18px; background-color: #a5a5a5;}
    .header .navbar-toggle:hover{background-color: transparent !important;}
    .header .navbar-toggle:focus{background-color: transparent !important;}
    .header .navbar-toggle .icon-bar+.icon-bar{margin-top: 3px;}

    .header .nav li .appoint-btn{display: none;}

    .top-img{padding: 56px 0 0 0; height: auto;}
    .top-img .desk-banner{height: 150px;}    

    .why-us-wrap h2{margin: 20px 0 10px 0;}

    #sponsors{padding: 0;}
    #sponsors ul{width: 100%; margin: 0 0 50px 0;}
    #sponsors ul li{width: 48%; margin: 0 4% 12px 0;}
    #sponsors ul li:nth-child(2n){margin-right: 0;}
    #sponsors h2{margin: 50px 0 20px 0; font-size: 18px;}
    #sponsors .map-wrap{padding-right: 15px;}
    #sponsors .map-wrap iframe{height: 200px;}

    .footer{padding: 12px 15px;}
    .footer p{font-size: 12px;}

    .privacy-policy{padding: 50px 15px 30px;}
    .privacy-policy h2{font-size: 18px;}
        
    .header .nav li .appoint-btn{display: none;}

    .about-us-top h2{margin: 40px 0 15px 0 !important;}
    .about-us-top{padding: 20px 0 20px 0 !important;}

    #location-map{padding: 60px 0 60px;}
    #location-map h2{margin: 0 0 20px 0;}
    #active-health{padding: 60px 15px 60px;}
    #active-health ul li{width: 100%; margin: 0 0 20px 0;}
    #active-health h2{font-size: 18px;}

    .form-wrap form input{font-size: 13px;}
    .form-wrap form input[type="submit"]{margin: 20px 0 0 0;}
    .form-wrap{padding: 15px 15px 30px; display: none;}

    .connectivity .connectivity_inner ul{margin: 20px 0 0 0; padding: 0 0 0 15px;}
    
    .pricelist ul li{width: 100%;}
    .contact ul{margin: 0 0 20px 0;}

    .overview ul li{width: 100%; padding: 0;}

    .master-head{padding: 50px 0 0 0;}

    .amenities ul li{width: 50%;}
    .pricelist img{width: 100%;}

    .banner_form{display: none;}

    .call_button{display: block;}
    .call_button img{width: 35px; margin: 0;}

    .overview img{display: none;}
    .overview h4{margin-top: 0;}

    .contact .map-wrap iframe{height: 200px;}

    .appoint-btn{display: none !important;}
    .mobile_bottom_btns{display: flex;}

    .top-img .banner_content{width: auto; left: 0; right: 0; top: 0; padding: 25px; bottom: auto; position: relative;}
    .top-img .banner_content h6{font-size: 15px;}
    .top-img .banner_content h1.first_content{font-size: 18px;}
    .top-img .banner_content h1.main_content{font-size: 24px; padding: 10px 15px 25px;}
    .top-img .banner_content h1.main_content span{font-size: 12px; padding: 8px 10px; left: 16px;}
    .top-img .banner_content h1.first_content2{margin: 35px 0 0;}
    .top-img .banner_content p.price_content{font-size: 15px; padding: 10px;}

    .walkthrough, .walkthrough iframe{height: 400px;}
    .amenities .container, .amenities .col-md-12{padding: 0;}
    .connectivty .connect_left{display: none;}
    .connectivty .connect_right{width: 100%; padding: 60px 30px;}
    .connectivty{height: auto;}
    .connectivty .connect_right ul li{align-items: flex-start;}
    .contact .footer_form{margin: 20px 0 0; padding: 20px;}
    .contact .footer_form form input, .contact .footer_form form input[type="submit"]{width: 100%;}
    .header .nav li.call_btn_desk{display: none;}

    .thank-you .inner_content{width: 100%; padding: 0 40px}
    .thank-you{background: url('./../img/thankyou_bg.jpg') no-repeat right 40% center; background-size: cover;}
}

@media (min-width: 1600px){
    :root{font-size: 20px;}
}

@media(min-width: 1100px) and (max-width: 1350px){

    .top-img .banner_content {
    width: 50%;
    position: absolute;
    top: 120px;
    bottom: 30px;
    background-color: #fac90a;
    padding: 40px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.top-img .banner_content p.first_content_1 {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 120px;
}

p {
    margin: 0 0 0px;
}
}