.popup-logo{max-height: 250px; width: auto}
.custom-list li{color: white;font-size: 20px;line-height:30px}
.header .logo img{height:120px;width: auto}
.header.fixed .logo img{height:60px}
#highlights .overviewText {background-color: #292735}
#core-values {background-color: white;margin: 0px;padding: 0px;padding-bottom: 50px}
#core-values h4{color: var(--secondary-color);border-bottom: 1px solid  var(--secondary-color);padding-bottom: 10px}
#core-values p{color: black;text-align: justify}
#amenities .highlight-box {
    width: 100%;height: 400px;
    background-position: center;
    background-size: cover;
}
#amenities h6{font-size: 25px;font-weight: 400;text-transform: uppercase; color: var(--secondary-color)}
#amenities .iconsContainer .iconBox .in:hover h6 {
    color: white !important;
}
#floorplans .iconBox .in img{width:100%; height: 200px}
#floorplans .fpContainer .fbBox .img-fluid {border: none}
#floorplans .readmore .button.solid.white {background-color: black ; color: var(--secondary-color)}
#floorplans .readmore .button.solid.white:hover {background-color: white !important; color: var(--secondary-color)}
.swiper-pagination {padding-top: 10px !important;bottom: 20px !important;}
.swiper-pagination-bullet{background-color: white; opacity: 1}
.facilities-image {height: 700px; width:100%}
#facilities h4.facilities-h4{color: white; font-size: 75px !important; text-transform: uppercase;border-bottom: 3px solid var(--secondary-color);margin-bottom: 40px}
.disclaimer{font-size: 10px}
.modal-logo .inner {background-color: white}
#about-founder {background-color: white;padding: 0px;padding-bottom: 50px}
#about-founder h4{color: black}
#about-founder p{color: black}
.menuContainer .inner {margin-top: 80px;}
.bannerText h6 {letter-spacing: 0px;}
.thank-you h2{color: var(--secondary-color); text-transform: uppercase;padding-bottom: 25px}
.thank-you h4{font-weight: normal}
.footer-enquiryBtn a{border-radius: 0px}
.main_form  .button{background-color: var(--secondary-color); color: white; border: 1px solid #baa6a6}
.main_form .readmore button:hover{background: black !important; color: white}
.image-frame {
    --s: 10px; /* control the size */
    padding: var(--s);
    border: calc(2 * var(--s)) solid rgba(0, 0, 0, 0);
    outline: 1px solid #B49D5CFF;
    outline-offset: calc(-1 * var(--s));
    background: conic-gradient(from 90deg at 1px 1px, rgba(0, 0, 0, 0) 25%, rgba(255, 104, 9, 0.7) 0);
}
#text-rotator{color: yellow}
.bannerText{bottom: 10rem}

@media (max-width: 767.9px) {
    .bannerText {bottom: 3rem;}
    .banner {height: 350px;}
    .facilities-image{width: 100%; height: auto}
    .custom-list li {font-size: 15px;line-height: 22px;}
    .padding{padding-bottom: 2rem; padding-top: 2rem}
    .footer-logo{ display: flex; justify-content: center}
    .footer-logo img{max-height: 100px; width: auto}
    .footer-intro{text-align: center;margin-top: 20px}
    .disclaimer{text-align: justify}
    .bannerText h6{font-size: 1.7rem}
    .presenting-class{background-color: var(--secondary-color); color: white;padding: 2px 10px;padding-right: 40px}
    .footer-contact{justify-content: flex-start !important;}
    .bannerText{bottom: 1rem}
    #text-rotator{font-size: 15px;margin-top: 10px;height:20px}
    .flash-bg {
        -webkit-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Safari 4+ */
        -moz-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Fx 5+ */
        -o-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Opera 12+ */
        animation: NAME-YOUR-ANIMATION 1s infinite;  /* IE 10+, Fx 29+ */
    }
    .stickyForm .form-close { display: none}

    @-webkit-keyframes NAME-YOUR-ANIMATION {
        0%, 30% {
            background-color: var(--secondary-color);
            color:white;
        }
        31%, 70% {
            background-color: black;
            color:white;
        }
        71%, 100% {
            background-color: white;
            color: var(--secondary-color);
        }
    }
}
.footer-enquiryBtn a.whatsCall {border: 0;border-radius: 0px;}
.footer-enquiryBtn {border-radius: 0px;}
#mobEnquiry{background-color: maroon}
html, body {width: auto!important; overflow-x: hidden!important}



