@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* fixed button */
/* form css start  */
.bro {
    display: none;
}

label {
    color: #092D58;
    font-weight: 500;
}

label span {
    color: red;
}

.customForm .form-group-wrapper {
    margin-bottom: 20px;
    padding: 0 10px;
    position: relative;
}

.customForm .form-group-wrapper select,
.customForm .form-group-wrapper input[type=text],
.customForm .form-group-wrapper input[type=tel],
.customForm .form-group-wrapper input[type=email],
.customForm .form-group-wrapper textarea {
    display: block;
    width: 100%;
    height: 35px;
    padding: 0 7px;
    outline: 0;
    color: #3C446B;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 4px;
}

/* .customForm .form-group-wrapper input[type=tel]{padding-left: 0px;} */
.customForm .form-group-wrapper textarea {
    resize: none;
    padding: 7px;
    height: 50px;
}

.form-group-wrapper .submit-btn {
    font-size: 16px;
    line-height: 26px;
    margin-top: 5px;
    padding: 10px 40px;
    background: #A13744;
    border-radius: 23px;
    cursor: pointer;
    color: #fff;
}

label.error {
    color: red !important;
    position: absolute;
    left: 0px;
    bottom: -20px;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: normal;
    width: 100%;
    display: block;
}

label.error {
    left: 12px !important;
}

.iti-mobile .intl-tel-input.iti-container {
    z-index: 9999;
}

.intl-tel-input {
    width: 100%;
    display: block;
}

.customForm .sent .form-group-wrapper {
    display: none;
}

.thankyou {
    color: #0A0908;
    font-weight: bold;
}

/* form css end   */



/* section-line start  */
.sec-line-first:after {
    content: '';
    position: absolute;
   border-bottom:none;
   border-top:none;
    border-left: solid 1px #fff;
    border-right: solid 1px #fff;
    width: 90%;
    height: 100%;
    top: 0;
    left: 50%;
    z-index: 2;
    transform: translateX(-50%);
    opacity: 0.11;
}

.sec-line-second:before {
    content: '';
    position: absolute;
    border-bottom:none;
    border-top:none;
    border-left: solid 1px #fff;
    border-right: solid 1px #fff;
    width: 60%;
    height: 100%;   
    top: 0;
    left: 50%;
    z-index: 2;
    transform: translateX(-50%);
    opacity: 0.11;
}
.sec-line-middle{
    content: '';
    position: absolute;
   background: #fff;
    width: 1px;
    height: 100%;   
    top: 0;
    left: 50%;
    z-index: 2;
    transform: translateX(-50%);
    opacity: 0.11;
}

#overview-plots.sec-line-first:after{opacity:0.41 ;}
#overview-plots.sec-line-first:before{opacity:0.41 ;}
#overview-plots .sec-line-middle{opacity:0.41 ;}



#lifestyle.sec-line-first:after{opacity:0.3 ;border-left:solid 1px #C7D9C8;border-right:solid 1px #C7D9C8}
#lifestyle.sec-line-first:before{opacity:0.3;border-left:solid 1px #C7D9C8;border-right:solid 1px #C7D9C8}
#lifestyle .sec-line-middle{opacity:0.3;background:#C7D9C8}

#location.sec-line-first:after{opacity:0.3 ;border-left:solid 1px #C7D9C8;border-right:solid 1px #C7D9C8}
#location.sec-line-first:before{opacity:0.3;border-left:solid 1px #C7D9C8;border-right:solid 1px #C7D9C8}
#location .sec-line-middle{opacity:0.3;background:#C7D9C8}

#plot-plans.sec-line-first:after{opacity:0.3 ;border-left:solid 1px #C7D9C8;border-right:solid 1px #C7D9C8}
#plot-plans.sec-line-first:before{opacity:0.3;border-left:solid 1px #C7D9C8;border-right:solid 1px #C7D9C8}
#plot-plans .sec-line-middle{opacity:0.3;background:#C7D9C8}

#gallery.sec-line-first:after{opacity:1 ;border-left:solid 1px #C7D9C8;border-right:solid 1px #C7D9C8}
#gallery.sec-line-first:before{opacity:1;border-left:solid 1px #C7D9C8;border-right:solid 1px #C7D9C8}
#gallery .sec-line-middle{opacity:1;background:#C7D9C8}

.sec-main-content{position: relative;z-index:9}

/* section-line end  */

.sticky-btns {
    position: absolute;
    right: 70px;
}

.rotate-sticky-span {
    transform: rotate(180deg) translateY(1px);
    display: inline-block;
}

.sticky-btn {
    background-color: #763765;
    position: fixed;
    top: 115px;
    right: 0px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    -webkit-transform: rotate(-90deg);
    transform-origin: bottom right;
    width: 165px;
    z-index: 999;
    padding: 11px 15px !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 21px !important;
    display: inline-block;
    text-transform: uppercase !important;
    text-align: center;
    text-decoration: none;
    letter-spacing: 1px;
    border: 1px solid #fff;
}

a.fixbtn {
    font-size: 12px;
    letter-spacing: 0.98px;
    line-height: 18px;
    font-weight: 800;
    border-radius: 0px 23px 23px 0px;
    width: 162px;
}

.fixbtn {
    color: #fff;
    transform: rotate(-90deg);
    text-transform: uppercase;
    top: 60%;
    z-index: 99;
    background: #a13744;
    padding: 13px 18px;
    border-radius: 0px 23px 23px 0px;
    cursor: pointer;
    position: fixed;
    /* right: -69px; */
    transform-origin: left top;
    width: 135px;
}

.sticky-btn:hover {
    color: #15284B;
    background-color: #fff;
    border: 1px solid #15284B;
}

.callme,
.callmeon {
    display: table-cell;
    vertical-align: middle;
}

.callmeon {
    display: none;
    padding-top: 10px;
}

.callme img {
    vertical-align: middle;
}

.fixbtn a {
    border-left: 1px solid #fff;
}

.callwrap {
    background: #a13744;
    padding: 0px 9.5px 12px;
    position: fixed;
    right: 26px;
    top: 59%;
    width: auto;
    display: table;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
    z-index: 99;
    margin-top: 5px;
    border-radius: 0px 0px 23px 23px;
    cursor: pointer;
}

.br-btm {
    border-bottom: 1px solid #90BF50;
}

.callwrap.active {
    right: 0;
}

.callnumber {
    color: #fff;
    font-weight: 600;
    margin-bottom: 0;
    font-size: 17px;
    letter-spacing: 3px;
}

.callnumber:hover {
    color: #fff;
}

.callme {
    border-top: 1px solid #fff;
    padding-top: 16px;
    position: relative;
}

.call-border:after {
    position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    width: 23px;
    height: 0.5vh;
    background: #fff;

}

.compress-logo {
    transform: translate(-47%, -23px) scale(0.7) !important;
}

.compress-logo + .nav-links .topnav {
    transform: translate(10px, 0px);
}

.custom-slider-count {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 1.92px;
    position: absolute;
    top: 0px;
    right: 0px
}

.gallery-slider-count {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 1.92px;
    position: absolute;
    top: 0px;
    right: 0px
}

.lifestyle-mobile-slider {
    display: none;
}

.lifestyle-slider-count {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 1.92px;
    position: absolute;
    top: 0px;
    right: 0px
}

.life-style-wrapper .img-disc {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 9;
    color: #fff !important;
    font-size: 9px !important;
    width: 100%;
    background: rgb(0 0 0 / 47%);
    text-align: right !important;
    transform: translateY(10px);
}




.t-c {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 9;
    color: #fff;
    font-size: 9px;
}

.img-disc {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1;
    color: #fff !important;
    font-size: 9px !important;
    display: block;
    width: 100%;
    /* background: rgb(0 0 0 / 47%); */
    padding: 5px 0;
    text-align: right;
}



/* font start  */
.theme-txt-color {
    color: #282A2B;
}

body {
    font-family: elza-text, sans-serif !important;
}

.playflair {
    font-family: 'Playfair Display', serif;
    font-style: italic;
}

.playflair-regular {
    font-weight: 400
}

.playflair-medium {
    font-weight: 400
}

.playflair-bold {
    font-weight: 700
}

.playflair-semi-bold {
    font-weight: 600
}

.elza-bold {

    font-family: elza-text, sans-serif;

    font-weight: 700;
    font-style: normal;
}



.Elza-Bold-Oblique {

    font-family: elza-text, sans-serif;

    font-weight: 700;

    font-style: italic;
}



.Elza-Light {

    font-family: elza-text, sans-serif;

    font-weight: 300;

    font-style: normal;
}



.Elza-Light-Oblique {

    font-family: elza-text, sans-serif;

    font-weight: 300;

    font-style: italic;
}



.Elza-Medium {

    font-family: elza-text, sans-serif;

    font-weight: 500;

    font-style: normal;
}

.Elza-Medium-Oblique {

    font-family: elza-text, sans-serif;

    font-weight: 500;

    font-style: italic;
}



.Elza-Oblique {

    font-family: elza-text, sans-serif;

    font-weight: 400;

    font-style: italic;
}



.Elza-Regular {

    font-family: elza-text, sans-serif;

    font-weight: 400;

    font-style: normal;
}

.Elza-Semibold {

    font-family: elza-text, sans-serif;

    font-weight: 600;

    font-style: normal;
}

.Elza-Semibold-Oblique {

    font-family: elza-text, sans-serif;

    font-weight: 600;

    font-style: italic;
}

/* font end   */

/* center align menu start */

.topnav {
    overflow: hidden;
    background-color: transparent;
    transform: translate(23px,23px);
    transition: 0.6s all cubic-bezier(0.165, 0.84, 0.44, 1);
}


.ipad-hide {
    display: block !important
}

.topnav a {
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 34px 5px 0;
    text-decoration: none;
    font-size: 17px;
    position: relative;
}

.topnav a:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 17px;
    background: #fff;
    right: 12px;
    transform: translateY(3px) rotate(-20deg);
}

.nav-no-after:after {
    display: none;
}

.topnav a:hover {
    /* background-color: #ddd; */
    color: black;
}

.topnav a.active {
    /* background-color: #04AA6D; */
    color: white;
}

.topnav-right {
    float: right;
}

/* center align menu start */

/* center logo start  */
/* .brand-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) scale(1);
    transition: .6s cubic-bezier(0.445, 0.05, 0.55, 0.95) all;
} */

.brand-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-38%) scale(1);
    transition: .6s cubic-bezier(0.445, 0.05, 0.55, 0.95) all;
    /* transform: scale(1); */
}

/* center logo end  */

.ht-100vh {
    height: 100vh
}

.section-first {
    margin-top: 0px !important
}

.custom-overlay {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.9;
    z-index: 1;
    /* background: #141414A3 0% 0% no-repeat padding-box; */
}

.section-title {
    font-size: 64px;
    line-height: 72px;
    color: #282A2B;
}

.sec-title-2 {
    font-size: 36px;
    line-height: 48px;
    color: #282A2B;
}

.sec-title-3 {
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.96px;
    color: #282A2B;
}

.sec-para {
    color: #282A2B;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.72px;
}

#overview .sec-para {
    margin-right: 415px;

}


/* banner start  */
.site-main-title {
    font-size: 62px;
    line-height: 62px;
}



.home-banner-content {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    text-align: center;
    color: #fff;
    opacity: 0;
    z-index: 9;
}

.welcome-animation {
    animation: welcome-text;
    animation-duration: 8s;
    /* animation-delay: 2s; */
    animation-timing-function: cubic-bezier(0.23, 1, 0.320, 1);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes welcome-text {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }

}

.enquire-btn-now {
    background: #A13744;
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 1.68px;
    padding: 12px 19px;
    border-radius: 23px;
}

.home-banner-content p {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0px;
    margin-bottom: 40px;
    margin-top: 17px;
}

/* banner end   */
/* overview start  */
#overview-plots {
    background: #cfe7e4 linear-gradient(180deg, #DDEEDE 0%, #BFE0EC 100%) 0% 0% no-repeat padding-box;
    padding-bottom: 0px;
}

/* #plots{background:#c1e1eb ;} */

.details-content {
    margin-top: 13px;
}

.details-content p {
    margin-bottom: 61px;
    color: #282A2B;
}

.overview-birds {
    position: absolute;
    top: 0%;
    right: 0%;
    transform: translate(-170px, -7px);
}

/* #overview h2{display: inline-block;} */

/* overview end  */



/* project-highlight start  */
.project-highlight li span {
    display: block
}

.project-highlight li span:last-child {
    font-size: 16px;
    line-height: 24px;
}


.project-highlight {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-right: 197px;
    list-style-type: none;
    /* margin-bottom: 50px; */
}


.project-highlight li {
    margin: 40px 0;
}

.customizable-slider-wrapper {
    padding-top: 58px;
}

.customizable-slider-wrapper p {
    margin-top: 40px;
    margin-bottom: 47px;
    width: 896px;
}

.wrapper .custom-arrow {
    display: inline-block;
    position: absolute;
    right: 56px;
    z-index: 1;
    top: -69px;
    cursor: pointer;
}

.wrapper .custom-arrow img {
    display: inline-block;

}

.wrapper .custom-arrow img {
    margin: 0 50px;
}

.wrapper .custom-arrow>span {
    margin: 4px 86px;
}





#customzable-arrow-right {
    transform: rotate(180deg);
}

#overview .sec-title-3 {
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.96px;
    color: #282A2B;

}

/* project-highlight end */


/* customizable start  */
.customizable-slider .slick-slide {
    margin: 0 15px
}

.customizable-slider p {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.8px;
    color: #282A2B;
    margin-top: 25px;
    margin-bottom: 0px;
}

.sec-bottom-img {
    margin-top: 134px;
    height: 104vh;
}

.bird-black-img {
    position: absolute;
    top: 0px;
    right: 0px;
    transform: translate(-334px, -73px);
}

/* customzable end  */

/* lifestyle start  */
#lifestyle .sec-para {
    margin: 15px 0;
}

.life-style-wrapper .custom-arrow {
    display: block;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.prev-next-svg {
    opacity: 0
}

#life-style-prev {
    display: inline-block;
    width: 33%;
    height: 310px;
    background: red;
    left: 0px;
    position: absolute;
    opacity: 0;
    transition: .6s;
}

#life-style-next {
    display: inline-block;
    width: 33%;
    height: 310px;
    background: red;
    right: 0px;
    left: unset;
    position: absolute;
    opacity: 0;
    transition: .6s;
}

.lifestyle-slider .slick-slide {
    transform: scale(0.7);
    transform-origin: top;
    transition: 0.6s all cubic-bezier(0.215, 0.610, 0.355, 1);
}


.lifestyle-slider .slick-slide span {
    font-size: 24px
}


.lifestyle-slider .slick-current {
    transform: scale(1);
}

.lifestyle-slider .slick-current span {
    font-size: 16px
}

.lifestyle-slider span {
    text-align: center;
    display: block;
    margin: 11px 0;
    /* font-size: 16px; */
    line-height: 26px;
    letter-spacing: 0.64px;
    color: #282A2B;
}

/* lifestyle end  */


/* location start  */
#location p {
    margin: 20px 0 0;
}

#location {
    background: url('../images/location-bg.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.location-points {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 324px;
    margin-bottom: 35px;
    list-style-type: none;
}

.location-points-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px
}

.location-points span {
    letter-spacing: 0px;
}

.location-points li {
    margin: 22px 0;
}

.-pt-dash {
    margin-right: 3px;
    position: absolute;
    width: 8px;
    height: 2px;
    background: #282A2B;
    content: '';
    top: 11px;
    left: -17px;
}

.loaction-map-border {

    border-radius: 50%;
    background: #e7f0f3;
    /* background:red; */
    display: inline-block;
    height: 502px;
    width: 502px;
    text-align: center;
    position: absolute;
    right: 0px;
    top: -147px;

}

.location-map {
    border-radius: 50%;
    background: #c5e1e5;
    display: inline-block;
    height: 492px;
    width: 492px;
    text-align: center;
    position: absolute;
    right: 5px;
    top: 5px;
}


.location-map img {
    transform: scale(0.97);
}

#plot-plans p {
    margin: 30px 0 95px 0
}

/* #location .enquire-btn-now{margin-top:35px} */
/* location end  */

/* gallery start  */
.gallery-wrapper .sec-title-2 {
    /* text-align: center; */
    color: #282A2B
}

.wrapper .custom-arrow {
    display: inline-block;
    position: absolute;
    right: 56px;
    z-index: 1;
    top: -69px;
    cursor: pointer;
}

.wrapper .custom-arrow img {
    display: inline-block;

}

#gallery-arrow-right {
    transform: rotate(180deg);
}

.wrapper .custom-arrow img {
    margin: 0 50px;
}

.wrapper .custom-arrow>span {
    margin: 4px 86px;
}

#gallery {
    background: #DDEEDE;
    padding: 70px 0;
}

#gallery p {
    margin: 19px 0 28px 0
}

.gallery-slider .slick-slide {
    margin-right: 38px
}

/* gallery end   */

/* about strat  */
#about {
    background: url('../images/about-mobile.jpg');
}

#about {
    /* background: url('../images/about-bg.jpg'); */
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.about-content-wrapper {
    position: relative;
    z-index: 2;
}

.about-content-wrapper .sec-title-2 {
    font-size: 36px;
    line-height: 43px;
    color: #fff;
}

.about-info-text {
    width: 704px;
}

.about-info-text p {
    color: #fff;
    margin: 16px 0
}

.loc-icons {
    display: flex;
    justify-content: center;
    align-items: center;

}

.loc-icons span {
    margin-right: 9px
}

footer p {
    font-size: 14px;
    opacity: 0.34;
}

/* about end  */

/* POPUP START  */
.overlay {
    overflow: auto;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999999;
    display: none;
}

.close {
    position: absolute;
    top: 6px;
    right: 10px;
    cursor: pointer;
    color: #000;
    font-size: 26px;
}

.popup {
    max-width: 600px;
    width: 80%;
    padding: 20px;
    position: relative;
    background: #fff;
    margin: 40px auto;
}
.utm_css{
    border-radius: 23px !important;
    width: 170px !important;
    padding: 13px 35px;
}
/* POPUP END  */
/* Maharera qr css begins here  */
.qr-wrapper{
    margin-top: 10px;
}
.qr-slide img{
    width: 130px;
    height: auto;
    margin: auto;
}
/* Maharera qr css ends here  */