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

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

# 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-Black';
    src: url('/assets/fonts/Inter-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Bold';
    src: url('/assets/fonts/Inter-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-ExtraBold';
    src: url('/assets/fonts/Inter-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-ExtraLight';
    src: url('/assets/fonts/Inter-ExtraLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Light';
    src: url('/assets/fonts/Inter-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Medium';
    src: url('/assets/fonts/Inter-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Regular';
    src: url('/assets/fonts/Inter-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-SemiBold';
    src: url('/assets/fonts/Inter-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Thin';
    src: url('/assets/fonts/Inter-Thin.ttf') format('truetype');
}


/* || General styles */
html {
    font-family: 'Inter-Regular' !important;
}

body {
    font-family: 'Inter-Regular' !important;
    position: relative;
}

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

body, input, button, textarea, select {
    font-family: 'Inter-Regular', Arial, sans-serif;
}

.input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.clear {
    clear: both;
}
.d-center {
display:flex;
flex-direction:column;
justify-content:center;
}
/******/
.sec-container {
    width: calc(100% - 100px);
    margin: 0 auto;
}


/***Hero Section****/
.Bannersection {
    background-image: url(/assets/images/neo/Herobanner.png);
    background-size: cover;
    height: 600px;
    position: relative;
}
.navblock{
    position:relative;
}
.booking {
    position: absolute;
    right: 4%;
    top: 50%;
    display: flex;
    gap: 20px;
}
.Logo {
    text-align: center;
    padding-top: 20px;
}
.banner-container {
   /* width: calc(100% - 100px);
    margin: 0 auto;*/
}
.Logo img {
width:120px;
}
.booking button {
    background: transparent;
    color: #fff;
    padding: 5px 20px;
    border-radius: 30px;
    border: 1px solid #fff;
    gap:20px;
}
.buttongroup button {
    background: transparent;
    color: #fff;
    padding: 10px 35px;
    border-radius: 30px;
    border: 1px solid #ccc;
    gap: 20px;
}
.banner-text h5 {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    font-family: 'Inter-Regular';
}
.banner-text {
position:absolute;
bottom:8%;
width:100%;
}
.buttongroup button:hover {
background:#fff;
color:#000
}
.sectiontwo {
    background: #EFDBDD;
    padding: 2%;
}
.section3 {
    background: linear-gradient(89.92deg, #000000 -5.9%, #3E1233 82.38%);
}
.whyneo {
color:#fff;
}
    .whyneo h3 {
    font-size:40px;
    }
    .whyneo p {
        font-size: 20px;
        line-height:40px;
    }
    .whyneoImg img {
        padding: 20% 5%;
    }
.chooseneo {
margin:auto;
padding:0 0 0 3%;
}
.slider-container img {
border-radius:0px;
}

@media (max-width: 768px) {
    .Bannersection {
        background-image: url(/assets/images/neo/Herobanner.png);
        background-size: 100%;
        height: 196px;
        position: relative;
        background-repeat: no-repeat;
    }
    .banner-container {
        width: calc(100% - 10px);
        margin: 0 auto;
    }
    .Logo {
        text-align: left;
        padding-top: 10px;
    }
        .Logo img {
            width: 100px;
        }
    .booking {
        position: absolute;
        right: 0;
        top: 10%;
        display: flex;
        gap: 10px;
    }
    .buttongroup button {
        padding: 5px 20px!important;
        font-size:14px!important;
    }
    .banner-text h5 {
        font-size: 16px;
    }
    .sectiontwo p {
        margin-bottom: 5px!important;
        font-size: 14px!important;
    }
    .whyneo h3 {
        font-size: 24px;
    }
    .whyneo p {
        font-size: 14px;
        line-height: 24px;
    }
    .whyneo {
        color: #fff;
        padding: 3% 6% 3% 3%;
    }
    .whyneoImg img {
        padding: 0% 3%;
    }
    .slider-container {
        width: calc(100% - 40px);
        margin: 3% auto;
    }
        .slider-container h4 {
        font-size:16px;
        }
    .item h2 {
        font-size: 26px!important;
        margin-top: 3%;
    }
    .item h5 {
        font-size: 16px!important;
        margin-bottom: 20px;
    }
    .slider-container {
        width: calc(100% - 70px)!important;
        margin: 3% auto;
    }
    .item p {
        font-size: 14px!important;
    }
    .owl-nav .owl-next span {
        right: -10%!important;
    }
    .owl-nav .owl-prev span {
        left: -10%!important;
    }
    .mblfooter {
        width: calc(100% - 10px) !important;
        margin: 0 auto;
    }
    .footerlink button {
        padding: 5px 15px !important;
        width: 95% !important;
        height: 40px !important;
        font-size: 14px;
    }
    .formsectionmbl {
        width: calc(100% - 10px) !important;
        margin: 0 auto!important;
    }
    .formImg {
    display:none;
    }
        .formImg img {
        display:none;
        }
        .slider-container1 {
            width: calc(100% - 20px)!important;
        }
    .section3 {
    padding-bottom:12px!important;
    }
    .booking button {
    font-size:14px!important;
    }
    }

    @media (max-width: 395px) {
       
    }

/***formsection***/
.formsection {
    background: linear-gradient(89.92deg, #000000 -5.9%, #3E1233 82.38%);
}
.formsectionmbl {
    width: calc(100% - 100px);
    margin: 0 auto;
}
.formwrap {
    margin-top: 10%;
    position: relative;
}
.selectcity, .selectlocation, .acctype {
    position: relative;
}
    .selectcity .accom-arrow, .selectlocation .accom-arrow, .acctype .accom-arrow {
        position: absolute;
        top: 15px;
        right: 20px;
        color: #ccc;
    }
.formwrap .form-group {
    margin-bottom: 20px;
    position: relative;
}
.err-txt {
    position: absolute;
    right: 20px;
}
#form-content input.form-control, #form-content select.form-control {
    height: 50px;
    border-radius: 50px;
}
.submitbtn {
    width: 100%;
    padding: 10px;
    background: purple;
    color: #fff;
    margin-top: 3%;
    border-radius:5px;
}
.formwrap p {
color:#fff;
}
.formwrap p a {
    color: #fff;
    text-decoration:none;
}
.formImg {
display:flex;
justify-content:center;
align-items:center;
}
    .formImg img {
    border-radius:20px;
    }
.btnwrap input:hover {
color:#fff;
}
.success-modal {
    background: #fff;
    border-radius: 5px 5px 10px 5px;
    border-top: 5px solid #3E1233;
}
    .success-modal .btn-close {
        float: right;
        margin-right: 10px;
        margin-top: 10px;
        color: #fff;
        opacity: 1;
        width: 0.25em;
        height: 0.25em;
        font-weight: 600;
    }
    .success-modal .modal-content {
    border:none;
    }
.successmark h2 {
    font-size: 60px;
    font-weight: 600;
    line-height: 90px;
}
.thankmsg p span {
    color: #3E1233;
}
.thankmsg p {
    font-weight: 600;
}
    /*****6 Star *****/
    .Gallery {
        background: #EFDBDD;
    }
.slider-container {
    width: calc(100% - 150px);
    margin: 0 auto;
    padding-top:3%;
}
.slider-container1 {
    width: calc(100% - 150px);
    margin: 0 auto;
    padding: 5% 0;
}
    .slider-container h4 {
        background: linear-gradient(89.92deg, #000000 -5.9%, #3E1233 82.38%);
        color: #fff;
        padding: 5px 15px;
        width: max-content;
    }
.owl-nav .owl-prev span {
    font-size: 50px;
    top: 35%;
    position: absolute;
    left: -5%;
}
.owl-nav .owl-next span {
    font-size: 50px;
    top: 35%;
    position: absolute;
    right: -5%;
}
.sectiontwo p {
margin-bottom:5px;
font-size:18px;
}
.amenity img {
width:70px!important;
}
.item p {
    font-size: 18px;
}
.item h5 {
font-size:22px;
margin-bottom:20px;
}
.item h2 {
    font-size: 45px;
    margin-top: 5%;
}
.gallery-carousel .item {
    width: 30%;
}
#owl-demo .item {
    background: #42bdc2;
    padding: 30px 0px;
    margin: 10px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}
/****slickslider******/
.slick-slider .element {
    width: 100px;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    margin: 0px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

.slick-slider .slick-disabled {
    opacity: 0;
    pointer-events: none;
}
.slick-prev,
.slick-next {
    display: none !important; /* Hides both previous and next arrows */
}
.slider-container1 h3 {
padding-left:10px;
padding-bottom:10px;
}
.element img {
border-radius:20px;
}
/*****Footer*****/
.footer {
    background: linear-gradient(89.92deg, #000000 -5.9%, #3E1233 82.38%);
    padding-bottom: 50px;
    padding-top: 50px;
}
.footerlogo img{
    width:180px;
}
.footerlink button {
    background: transparent;
    color: #fff;
    padding: 5px 30px;
    border-radius: 30px;
    border: 1px solid #ccc;
    gap: 20px;
    width:80%;
    height:50px;
    margin-top:20px;
}