/* -----------------------------------------------------------------
>>> TABLE OF CONTENTS :
--------------------------------------------------------------------

Version: 1.0.0
Author: Hariprasad
Website: https://www.colive.com/

# Font Family
# General styles
# Typography
# Header
# Banners
# Introduction
# Benefits
# Integrated Pods
# Features & Amenities
# PAP
# Signup
# Floor Plan
# About
# Media
    ## Queries

/* || Font Family */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZJhiI2B.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZthiI2B.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZNhiI2B.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZxhiI2B.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZBhiI2B.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZFhiI2B.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hiA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*****Std css****/
html {
    font-family: Inter;
}

body {
    margin: 0 0;
    padding: 0 0;
    overflow-x: hidden;
    font-family: Inter;
    background-color:#F4F4F4!important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: Inter;
}

.mt-50 {
    margin-top: 50px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

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

.mr-10 {
    margin-right: 10px;
}

.clear {
    clear: both;
}

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

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

p {
    margin-top: 0;
    margin-bottom: 0;
}

a {
    color: #000;
    text-decoration: none !important;
}

.pr-1, .px-1 {
    padding-right: 0.25rem !important;
}

.pl-1, .px-1 {
    padding-left: 0.25rem !important;
}

.containers {
    margin: 0 auto;
}

a:hover {
    color: #000;
}

/*Food Menu CSS*/
.foodmenuModal {
    background: url(/assets/images/foodmenu/foodmenubg2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 100px;
}
.foodmenuModal .modal-dialog {
    position: fixed;
    top: 50% !important;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    width: 760px;
    max-width: 760px !important;
    min-width: 760px;
}

.foodmenuModal .modal-body {
    border-top: none;
    background-color: #F4F4F4;
    padding: 10px 0 0 0 !important;
}

.foodmenuModal .modal-title {
    line-height: 1.3;
    font-size: 25px;
    font-weight: 600;
}

.foodmenuModal {
    z-index: 98;
}

    .foodmenuModal .foodMenuDetails {
        height: 510px;
        overflow-y: scroll;
        display: flex;
        flex-direction: column;
       /* background-color: #F4F4F4 !important;*/
        padding-top: 0px;
        padding-right: 3px;
    }

    .foodmenuModal .pickFoodMenuDate .fa-calendar {
        position: absolute;
        right: 15px;
        top: 8px;
    }

    .foodmenuModal .pickFoodMenuDate {
        width: 70%;
        cursor: pointer;
        left: 12%;
    }

.calendar-overlay.active {
    background-color: revert;
    max-width: 70%;
    width: 331px;
    z-index: 99;
    left: 15%;
    top: 45.2%;
    height: 450px;
    transform: translate(-50%,-50%);
}

    .calendar-overlay.active .calendar-wrapper.picker {
        position: absolute;
        left: 50%;
        top: 54% !important;
        transform: translate(-50%,-50%) !important;
        min-width: 280px;
        width: 280px;
        box-shadow: none;
        border: 0.5px solid #0000003b;
    }

.breakfastSection .breakfastInfo h6 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 3px;
}

.breakfastSection .breakfastInfo label {
    font-size: 14px;
    font-weight: 400;
}

.breakfastSection .breakfastInfo h6 span {
    font-size: 14px;
    font-weight: 400;
}

.breakfastSection ul li:nth-child(1) {
    color: red;
    text-decoration: none;
    font-size: 13px;
    list-style: none;
    margin-left: 0;
    font-weight: 600;
}

.breakfastSection ul > li {
    font-size: 14px;
    line-height: 1.5;
    list-style: disc;
    margin-left: 15px;
}

.modal-backdrop {
    z-index: 91;
}

.calendar-overlay.active .calendar-head-card {
    font-size: 20px !important;
    padding: 16px 0 !important;
    text-align: center !important;
    color: #FFFFFF !important;
}

.calendar-overlay.active .calendar-wrapper[data-theme='blue'] .calendar-head-card {
    background-color: #f2006c;
}

.calendar-overlay.active .calendar-head-card .calendar-year, .calendar-overlay.active .calendar-head-card .calendar-date-wrapper {
    display: none;
}

.foodMenuDetails .breakfastInfo {
    position: absolute;
    bottom: 5px;
    padding-left: 5%;
}

.foodMenuDetails img {
    width: 500px;
    border-radius: 5px 5px 0 0;
}

.foodMenuDetails .breakfastImage {
    position: relative;
    margin-bottom: 0px;
}

.foodMenuDetails ul {
    background: #ffffff;
    border-radius: 5px;
    padding: 10px 25px;
    margin-bottom: 10px;
    max-width:500px;
}

.modal-body .commonImage {
    position: absolute;
    bottom: 0;
    left: 20%;
}
.commonImage {
    position: absolute;
    bottom: 10px;
    left: 48.5%;
}
    .commonImage img {
        width: 280px;
    }
    .modal-body .commonImage img {
        width: 92%;
    }

.foodMenuDetails .breakfastSection {
    /*margin: 0 auto 0 auto;*/
}

@media (max-width: 1800px) and (min-width: 1700px) {
    .calendar-overlay.active {
        left: 37.5%;
        top: 44.7%;
    }
}

@media (max-width: 1700px) and (min-width: 1500px) {
    .calendar-overlay.active {
        left: 36.7%;
        top: 44.3%;
    }
}

@media (max-width: 1500px) and (min-width: 1365px) {
    .calendar-overlay.active {
        left: 30%;
        top: 43.7%;
    }
}

@media (max-width: 1365px) and (min-width: 1200px) {
    .calendar-overlay.active {
        left: 29%;
        top: 44.5%;
    }
}

@media (max-width: 1200px) and (min-width: 992px) {
    .calendar-overlay.active {
        left: 31.6%;
        top: 41.7%;
    }
}

@media only screen and (max-width: 992px) {
    .main .container {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 1rem;
    }

    .card.hidden-mob {
        display: none;
    }

    .factsheet-title h2 {
        font-size: 20px;
        line-height: 32px;
        padding-bottom: 0px;
    }

    .card {
        margin-top: 0px;
    }

    .factsheet-banners {
        margin: 0px !important;
    }

    .factsheet-details {
        margin: 20px 0px 0 !important;
    }

    #enquiryNowForm #scheduleVisit-btn {
        border-radius: 12px !important;
    }

    .about-property-wrapper {
        margin: 0px !important;
    }

    .price-list-wrapper {
        margin: 0px !important;
    }

    .amenities-wrapper {
        margin: 0px !important;
    }

    .location-section-wrapper {
        margin: 0px !important;
    }

    .factsheet-details-text h6 {
        font-size: 17px;
    }

    .selectmonth {
        margin-bottom: 10px;
    }

    .menus ul li {
        width: 120px;
    }

    .cata-sub-nav {
        margin: 0 25px;
    }

    .nav-next, .nav-prev {
        display: none !important;
    }

    .foodmenuModal .modal-dialog {
        max-width: 95% !important;
        min-width: auto;
    }

    #foodmenuModal .form-select {
        padding: 0.375rem 1rem 0.375rem 0.5rem;
        font-size: 12px;
        background-position: right 0.5rem center;
        background-size: 16px 10px;
        width: 112px;
        border-radius: 100px;
        margin-left:5px;
    }

    .foodmenuModal .modal-title {
        font-size: 16px;
    }

    .mobFoodMenuSection .tab {
        display: none;
    }

        .mobFoodMenuSection .tab:target {
            display: block;
        }

    .mobFoodMenuSection .breakfastSection, .mobFoodMenuSection .dinnerSection {
        display: block;
        background: #fff;
        border-radius: 5px;
        padding: 0px 0 15px 0;
        margin-bottom: 10px
    }

    .mobFoodMenuSection .tab-header a {
        padding: 5px 12px;
        margin: 5px 0;
        background-color: #fff7fb;
        text-decoration: none;
        color: #4E4E4E;
        text-align: center;
        font-size: 12px;
    }

        .mobFoodMenuSection .tab-header a:hover {
            background-color: rgba(242, 0, 108, 0.1);
            border: 1px solid #F2006C;
            border-radius: 100px;
            color: #4E4E4E;
        }

    .mobFoodMenuSection .tab-header {
        background-color: rgba(242, 0, 108, 0.03);
        overflow-y: scroll;
        height: 85vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 10px 0px 10px 13px;
    }

    .mobFoodMenuSection .tab-body {
        background-color: #F4F4F4;
        padding: 10px 5px 15px 10px;
        height: 70vh;
        overflow-y: auto;
        width: 63.5%;
    }

    .mobFoodMenuSection ul.day-menu1 {
        padding-top: 5px;
    }

    .mobFoodMenuSection ul.day-menu1 {
        display: flex;
        flex-direction: column;
        padding-left: 0;
    }

        .mobFoodMenuSection ul.day-menu1 > li {
            padding-left: 0px;
            font-size: 12px;
            line-height: 1.8;
            list-style: disc;
            margin-left: 30px;
        }

        .mobFoodMenuSection ul.day-menu1 li:nth-child(1) {
            color: red;
            text-decoration: none;
            font-size: 12px;
            margin-left: 15px;
            list-style: none;
        }

    .mobFoodMenuSection.modal-body {
        padding: 0 !important;
    }

    .mobFoodMenuSection .breakfastInfo {
        position: absolute;
        bottom: 3px;
        padding-left: 5%;
    }

        .mobFoodMenuSection .breakfastInfo h6 {
            font-size: 13px;
            font-weight: 500;
            margin-bottom: -3px;
        }

        .mobFoodMenuSection .breakfastInfo label {
            font-size: 10px;
            font-weight: 400;
        }

    #foodmenuModal .modal-header .close {
        display: block;
        margin: -1rem -1.5rem -1rem auto;
    }

    .mobFoodMenuSection .tab-header a.active {
        background-color: rgba(242, 0, 108, 0.1);
        border: 1px solid #F2006C;
        border-right: 0;
        border-radius: 0;
        color: #4E4E4E;
        border-left: 0;
        width: 100%;
    }

    #foodmenuModal {
        overflow-x: hidden;
        overflow-y: hidden;
    }

        #foodmenuModal .modal-dialog {
            transform: translate(-50%,-50%);
            top: 50%;
            left: 50%;
            margin: auto;
        }

    .breakfastSection .breakfastImage, .dinnerSection .breakfastImage {
        position: relative;
    }

    .breakfastSection .breakfastImage, .dinnerSection .breakfastImage {
        width: 250px;
    }

    .foodmenuModal .modal-body {
        background-color: revert;
    }
}

@media only screen and (max-width: 768px) {
    .breakfastSection .breakfastImage, .dinnerSection .breakfastImage {
        width: auto;
    }

    .mobFoodMenuSection .tab-header {
        height: 70vh;
    }

    .foodmenuModal .modal-body img {
        width: 100%;
        border-radius: 5px 5px 0 0;
    }

    .breakfastSection .noFoodMsg h5 {
        font-size: 16px;
    }
    .calendar-overlay {
        display: none !important;
    }
    .foodmenuModal {
        background: none !important;
        padding-top:50px;
    }
    .tab img {
        width: 100%;
        border-radius: 5px 5px 0 0;
    }
    .mobFoodMenuSection .tab {
        display: block;
    }
    .mob-sticky-btns {
    display:none!important;
    }
}
/*Food Menu CSS End*/