:root{
    --primary: #074768;
    --secondary: #eedca8;
}

@font-face {
    font-family: Cera Pro;
    src: url(/assets/fonts/cera/Cera-Pro-Regular.otf);
}

@font-face {
    font-family: Cera Pro;
    src: url(/assets/fonts/cera/Cera-Pro-Thin.otf);
    font-weight: 100;
}

@font-face {
    font-family: Cera Pro;
    src: url(/assets/fonts/cera/Cera-Pro-Light.otf);
    font-weight: 300;
}

@font-face {
    font-family: Cera Pro;
    src: url(/assets/fonts/cera/Cera-Pro-Medium.otf);
    font-weight: 500;
}

@font-face {
    font-family: Cera Pro;
    src: url(/assets/fonts/cera/Cera-Pro-Medium-Italic.otf);
    font-weight: 500;
    font-style: italic;
}


@font-face {
    font-family: Cera Pro;
    src: url(/assets/fonts/cera/Cera-Pro-Bold.otf);
    font-weight: 600;
}

@font-face {
    font-family: Cera Pro;
    src: url(/assets/fonts/cera/Cera-Pro-Black.otf);
    font-weight: 700;
}

.new-hero {
    position: relative;
    max-height: 869px;
}

.new-hero img.banner{
   object-fit: cover;
    width: 100%;
    max-height: 869px;
    height: inherit;
}

.hero-content{
    position: absolute;
    text-align: center;
    left: 50%;
    transform: translate(-50%, 0px);
    z-index: 2;
}

.hero-content h1{
    color: #fff;
    font-style: italic;
        font-size: 2.7rem;
            margin-bottom: 0.2em;
            text-transform: capitalize;
}
.hero-content p{
        color: #eedca8;
    font-weight: 500;
    font-size: 1.3em;
}

.offer{
    position: absolute;
    left: 20px;
    bottom: 14px;
}

.offer img{
    width: auto;
    height: 200px;
}


.mobile-banner {
        height: calc(100vh - 90px);
}

.mobile-banner img{
        width: 100vw;
    height: inherit;
    object-fit: cover;
}

*{
    font-family: "Cera Pro",sans-serif;
}

body{
    background-color: #fdf9f2;
}

.plus{
/*    display: none;
    height: 33px;
    width: auto;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    stroke: #fff;
    z-index: 1;
    opacity: .9;*/
}

.navbar{
    position: absolute;
    top: 0;
    width: 100%;
    padding-top: 0;
    z-index: 1;
}

.btn-secondary{
    background-color: #eedca8;
    color: #000;
}

.btn.btn-secondary:hover{
    background-color: #eedca8;
    color: #000;
}

.btn.bg--primary:hover,
.input-group .btn:hover{
    background-color: var(--primary);
    color: var(--secondary);
}

.navbar .btn-secondary{
    font-size: 1.2em;
    font-weight: 600;
    border-radius: 0px;
    text-transform: uppercase;
}

.navbar .nav-link{
    text-transform: uppercase;
    color: #fff;
    font-size: 1.2em;
    /* margin-right: 3.7em; */
    margin-right: calc(3.7em - 100%);
    font-weight: 600;
}

.navbar-brand{
    background-color: #fff;
    padding: 0 9px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

#navbarSupportedContent{
    margin-top: 16px;
}

.navbar-brand img{
    height: 77px;
    width: auto;
}

.hero{
    background-image: url(/assets/images/banner/banner.jpg);
    width: 100%;
    background-size: cover;
    background-position: center;
}

.new-card-section{
    display: flex;
    width: 100%;
    position: relative;
    height: 100%;
    justify-content: center;
}

.new-card{
    position: relative;
    background-color: #fff;
    margin-top: -56px;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    width: 60vw;
    text-align: center;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    padding-top: 22px;
    padding-bottom: 2px;
}

.new-card div{
    flex-basis: 33%;
}

.new-card div h4{
    font-size: 24px;
    color: #000;
    font-weight: 600;
    margin-bottom: 22px;
}

.new-card div h4 span{
    color: var(--primary);
}

.form-section {
    padding-top: 44px;
}

.form-section h2{
    text-align: center;
    color: var(--primary);
    font-weight: 600;
}

.form-container input{
    border: none;
    border-bottom: 1px solid #000;
    background-color: transparent;
}

.bg--primary{
    background-color: var(--primary);
}

.text-priamry{
    color: var(--primary);
}

.text--secondary{
    color: var(--secondary);
}

.invest .a-div{
    text-align: center;
    margin-top: 5.1em;
}

.invest a{
    border-radius: 0px;
    font-size: 2em;
    padding: 0.1em 0.6em;
    text-transform: uppercase;
}

.form-container .input-group{
    display: flex;
    flex-direction: column;
}

.form-container .input-group label{
    font-size: 1.3em;
    font-weight: 500;
    margin-bottom: 0.2em;
}

.form-container button{
    border-radius: 0px;
    margin-top: 34px;
    background-color: var(--primary);
    color: var(--secondary);
}

.input-group-container{
    margin-bottom: 3%;
}

.title-div{
    margin-bottom: 3%;
}

.input-group .btn {
    font-weight: 500;
    font-size: 1.3em;
    max-width: 10.8em;
    margin: 0 auto;
}

.btn--in{
    margin-top: 3em;
}

.dsgn{
    padding-top: 60px;
    padding-bottom: 60px;
}

.dsgn h2{
    font-weight: 600;
}

.dsgn .row{
    align-items: center;
}

.dsgn p{
    font-size: 1.4em;
    line-height: 1.4em;
    font-weight: 500;
}

.dont-miss .row{
    align-items: center;
}

.why-us h2{
    font-weight: 600;
    text-align: center;
    margin-bottom: 0.7em;
    font-size: 2.3em;
}

.dont-miss{

    padding-top: 60px;
    padding-bottom: 60px;

}

.dont-miss .first-col{
    text-align: center;
}

.dont-miss .first-col img{
    max-height: 349px;
    width: auto;
}

.dont-miss .second-col ul{
    list-style: none;
}

.dont-miss .second-col ul li{
    color: #eedca8;
    font-size: 1.5em;
    font-weight: 500;
    margin-bottom: 3px;
    line-height: 1.5em;
}

.bg--secondary{

}

.amenities{
    padding-top: 60px;
    padding-bottom: 60px;
}

.amenities .first-col{
    text-align: center;
}

.amenities h2{
    font-weight: 600;
    margin-bottom: 18px;
}

.amenities .btn{
    border-radius: 0px;
    color: #fff;
    padding: 0.1em 0.5em;
    font-size: 1.5em;
}

.amenities .third-row{
    text-align: center;
    margin-top: 1.7em;
}

.amenities .first-row{
    margin-bottom: 21px;
}

input:focus-visible{
    border-color: #000;
}


#amenities .owl-item img {
    display: block;
    width: 100%;
}

 /* new css  */

 .footer-links ul{

    display: flex;
    list-style: none;
    padding: 0;

}

.footer-links li{
    margin-right: 20px;
    color: #f1dece;
    font-size: 13px;
}

.social-media ul{display: flex;
    list-style: none;
    padding: 0;}

.social-media li{
    margin-right: 20px;
    color: var(--secondary);
    font-size: 35px;
}

.call p{
    color: var(--secondary);
    margin-bottom: 0;
    font-size: 1.2em;
    font-weight: 500;
}

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

.location{
    padding-top: 60px;
    padding-bottom: 60px;
}

.location iframe{
    height: 100%;
}

.footer-section hr{
    color: var(--secondary);
    margin-top: 2.8rem;
    border-top: 0.1rem solid;
    opacity: 1;
}

.footer-section .footerlogo{
    width: 200px;
    margin-bottom: 16px;
}

.call{
    display: flex;
    align-items: center;
}

.call .first-col{
    margin-right: 12px;
}

.footer-section .ico{
    width: auto;
    height: 40px;
}

.ico1{
    width: auto;
    height: 35px;
}

.chennai p{
    margin-bottom: 0;
    font-weight: 500;
    font-size: 1.4em;
    line-height: 1.4em;
    font-weight: 500;
}

footer{
    padding-top: 30px;
    padding-bottom: 30px;
}

.invest .row{
    align-items: center;
}
.invest{
    padding-top: 60px;
    padding-bottom: 60px;
}

/* new css ends  */

.amenities .owl-prev{
    left: -5%;
    position: absolute;
    top: 33%;
    color: #004768 !important;
    font-size: 3em !important;
}

.amenities .owl-next{
    right: -5%;
    position: absolute;
    top: 33%;
    color: #004768 !important;
    font-size: 3em !important;
}

.owl-theme .owl-nav [class*=owl-]:hover{
    background: unset !important;
}

.dont-miss .second-col ul li{
    padding-left: 26px;
    position: relative;
}

.dont-miss li::before{
    width: 25px;
    content: " ";
    background-image: url(/assets/images/bullet-point-b.png);
    position: absolute;
    left: 0;
    top: 8px;
    height: 19px;
    background-repeat: no-repeat;
    background-size: contain;
}

.highlights ul{
    padding-left: 4px;
    list-style: none;
}

.highlights .coll{
    display: flex;
    justify-content: space-between;
}

.highlights ul{
    padding-left: 0px;
    list-style: none;
}

.highlights ul li {
    font-weight: 500;
    font-size: 1.1em;
}

.highlights h3{
    font-size: 1.1em;
    font-weight: 600;
    margin-bottom: 0.8em;
}

.highlights h2{
    margin-bottom: 1.8em;
}
.highlights .second-col{
    text-align: center;
}

.highlights{
    padding-bottom: 35px;
    padding-top: 91px;
}

.highlights .first-col ul li{
    position: relative;
    padding-left: 26px;
}

.highlights .first-col ul li::before{
    width: 25px;
    content: " ";
    background-image: url(/assets/images/bullet-point.png);
    position: absolute;
    left: 0;
    top: 4px;
    height: 19px;
    background-repeat: no-repeat;
    background-size: contain;
}

.title-block{
    margin-top: 85px;
    padding-bottom: 19px;
    padding-top: 30px;
}

body.other .navbar .nav-link {
    color: #000;
}

footer a{
    color: inherit;
    text-decoration: none;
}

.content{
    padding-bottom: 59px;
}

.privacy-policy .content ul {
    list-style-type: circle;
}

.content ul{
    padding-left: 18px;
    list-style-type: disclosure-closed;
}

.gallery{
    padding-top: 2.9em;
}



.gallery .item a:hover::after{
    content: '';
    background-color: #00000054;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.gallery .item a:hover::before{
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23fff' class='w-6 h-6 plus'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 9v6m3-3H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z' /%3E%3C/svg%3E");
        position: absolute;
    background-size: 32px 32px;
    left: 50%;
    opacity: .8;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    z-index: 1;
    top: 50%;
}


footer a:hover{
    color: inherit;
}

.thank-you .title-block{
    min-height: calc(100vh - 271px);
    display: flex;
    align-items: center;
    background-image: url(/assets/images/banner/main-hero.jpg);
    background-position: right;
}

.thank-you .title-block *{
    color: #fff;
}

.thank-you .title-block h1{
    font-size: 2.6em;
}

.thank-you .title-block p{
    font-size: 1.4em;
    line-height: 1.4em;
    margin-top: 0.5em;
}

.testimonials p.testimonial{
    font-style: italic;
    margin-bottom: 0.1em;
    font-size: 1.2em;
}

.testimonials{
    margin-top: 17px;
}

.testimonials p.person{
    font-weight: 600;
    margin-bottom: 0.1em;
}

.testimonials p.job{
        color: #828282;
}

.download-div{
    text-align: center;
    margin-bottom: 3.3em;
}

.download-div a{
        border-radius: 0px;
    font-size: 1.2em;
}