*{margin: 0;padding: 0;box-sizing: border-box;list-style-type: none;text-decoration: none;}
.clear{clear: both;}
img{display: block;max-width: 100%;}
li{list-style: none;}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
a{text-decoration: none;}
html{-webkit-text-size-adjust:none;}
html,body{overflow-x: hidden;}
body{font-family: "Roboto", sans-serif;}

/* heading */
.heading01{font-size: 40px;color: #23553F;font-family: "Poppins", sans-serif;font-weight: 400;line-height: 1.3;text-align: center;}

/* buttons */
.theme-btn{font-size: 18px; color: #FFFFFF; font-family: "Poppins", sans-serif; font-weight: 700;padding: 7px 25px; background-color: #23553F;border-radius: 30px;display: block; width: max-content;border: 1px solid #23553F;cursor: pointer; transition: .3s all ease;}
.theme-btn:hover{background-color: transparent; border: 1px solid #23553F; color: #23553F;}
.theme-btn.yellow-btn{background-color: #E4B474; border: 1px solid #E4B474;}
.theme-btn.yellow-btn:hover{background-color: transparent; border: 1px solid #E4B474; color:#E4B474 }


/* arrows */
.slick-arrow{position: absolute;bottom: -10%;left: 0;right: 0;margin: 0 auto;width: 24px;height: 24px; background-image: url(../img/arrow-img.png);border-radius: 50%; background-size: 100% 100%;background-position: center;background-repeat: no-repeat; border: 0; font-size: 0;cursor: pointer;}
.slick-arrow.slick-disabled{opacity: 0.5;}
.slick-arrow.slick-next{right: -30px;}
.slick-arrow.slick-prev{left: -30px;transform: rotate(180deg);}

/* container */
.sm-container{max-width: 1260px; width: 70%; margin: 0 auto;}
.md-container{max-width: 1536px; width: 85%; margin: 0 auto;}
.container{max-width: 1636px; width: 80%; margin: 0 auto;}

.bold-txt{font-weight: 700;}
.scd-color{color: #E4B474;}
.mt-60{margin-top: 60px;}
.mt-45{margin-top: 45px;}
.mt-30{margin-top: 30px;}
.mt-85{margin-top: 85px;}
.mt-15{margin-top: 15px;}
.bg-color{ background-color: #D6DEC9}

p{font-size: 18px; color: #616060; font-family: "Roboto", sans-serif; line-height: 1.3; font-weight: 400;}


/* header */
.header{background-color: #EEF3E6;padding: 30px 0;position: fixed; top: 0; right: 0; left: 0; width: 100%;z-index: 999;}
.header .haed-container{max-width: 1560px; width: 90%; margin: 0 auto;display: flex; align-items: center; justify-content: space-between;}
.header .haed-container .head-logo p, .header .haed-container .head-logo a{font-size: 12px; color: #616060;}
.header .haed-container .header-right{display: flex; align-items: center; gap: 45px;}
.header .haed-container .header-right ul{display: flex;align-items: center;gap: 50px;}
.header .haed-container .header-right ul li{font-size: 20px;cursor: pointer;}
.header .haed-container .header-right ul li.active a{color: #E4B474;}
.header .haed-container .header-right ul li.active{font-weight: 500;}
.header .haed-container .header-right ul li:hover a{color: #E4B474;}
.header .haed-container .header-right ul li:hover{font-weight: 500;}
.header .haed-container .header-right ul li a{color: #616060;}
.header .head-logo img{width: 336px;}
.menu-btn{display: none;}

.top-wrapper{background-color: #E5F1D4;position: relative; z-index: 9;}
.bottom-wrapper{background-color: #23553F;}

.banner-section img{  width: 100%;
    height: 84vh;}

/* enq-section */

.enq-section{position: fixed;top: 50%; right: -8.5%;z-index: 99;}
.enq-section .enq-box{padding: 23px; height: 75px; width: 230px; display: flex; align-items: center; justify-content: center; background-color: #E4B474;transform: rotate(270deg);
    transform-origin: 32px 32px;border-radius: 16px 16px 0 0px; cursor: pointer;}
.enq-section .enq-box p{text-transform: uppercase; color: #FFFFFF; font-size: 20px;}
.enq-section .call-box{width: 75px; height: 75px; display: flex; align-items: center; justify-content: center; background-color: #A39B8B;        border-radius: 16px 0 0 16px;}
.enq-section .whastapp-box{width: 75px; height: 75px; display: flex; align-items: center; justify-content: center; background-color: #29A71A;margin-top: 13px;        border-radius: 16px 0 0 16px;}
.enq-section .call-box img{ width: 22px;}
.enq-section .whastapp-box img{width: 30px;}


/* form-section */
.form-section{padding: 40px 0;}
.form-section .section-form{padding: 0 3%; display: grid; grid-template-columns: 1fr 1fr 1fr;gap: 13px;align-items: center;}
.form-section .section-form input{font-size: 16px; color: #232424;padding: 10px 18px;border-radius: 100px; border: 0; width: 100%;}
.form-section .section-form span{position: absolute; top: 100%; left: 0;}
.form-section .section-form button{padding: 0;font-size: 16px;font-weight: 400;width: 100%;} 
.form-input{position: relative;}

/* USP section */
.usp-section .usp-box{display: grid; grid-template-columns: 70px auto;align-items: center;padding: 0 45px 0 23px;gap: 15px;border-right: 1px solid #FFFFFF;}
.usp-section .usp-box .usp-title{font-size: 22px; color: #484C4D;}
.usp-section .sm-container{padding: 0 5%;}
.usp-section .usp-wrapper{display: flex;align-items: center;justify-content: center;margin-top: 15px;}
.usp-section .usp-wrapper:first-child .usp-box:last-child{border-right: 0;}
.usp-section .usp-wrapper:last-child .usp-box:last-child{border-right: 0;}

/* journey-section */
.journey-section{position: relative;}
.journey-section .journey-txt{width: 82%;text-align: center;margin-inline: auto;}
.journey-section .journey-video-wrap{display: flex;gap: 25px;position: relative;z-index: 99;justify-content: center;}
.journey-section .theme-btn{margin-inline: auto;margin-top: 30px;}
.journey-section:before {content: "";display: block;width: 23%;padding-bottom: 34%;position: absolute;left: 0;background-image: url(../img/top-side-img01.png);background-position: left top; background-size: 100%;background-repeat: no-repeat;top: -21%;z-index: -9;}


/* clubhouse-section */
.clubhouse-section p{width: 55%; margin-inline:  auto; text-align: center;}
.clubhouse-section .club-sliderBox p{font-size: 19px; color: #FFFFFF; margin-top: 25px;}
.clubhouse-section .club-sliderBox{padding: 0 14px;}
.clubhouse-section .club-slider{margin-inline:  -14px;}
.club-slider:before{content: "";display: block;width: 100%;background: #23553F;top: 41%;left: 0;right: 0;position: absolute;height: 60%;bottom: 0;}
.club-slider:after{content: "";display: block;}
.club-slider:after {content: "";display: block;width: 28%;padding-bottom: 39%;position: absolute;top: unset;right: 0;bottom: 100%;background-image: url(../img/top-side-img02.png);background-size: 100%;background-repeat: no-repeat;}



/* gateway-section */
.gateway-section{padding-top: 100px;}
.gateway-section .gateway-para{color: #EFF3E8; text-align: center;}
.gateway-section .gateway-wrapper{display: grid;grid-template-columns: repeat(6, 1fr);gap: 25px;}
.gateway-section .gateway-wrapper .gateway-box{background-color: #7FA38B;padding: 20px 0;text-align: center;}
.gateway-section .gateway-wrapper .gateway-box p{margin-top: 20px; color: #EFF3E8; font-size: 20px;}
.gateway-section .gateway-box img {height: 76px;width: 76px;object-fit: contain;margin: 0 auto;}


/* area-info-section */

.area-info-grid{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;background-color: #F6FFE9; border-radius: 26px; padding: 23px 20px;position: relative; z-index: 99;}
.area-info-grid .area-box{border-right: 1px solid #30493D; display: flex; align-items: center; justify-content: space-evenly;}
.area-info-grid .area-box:last-child{border-right: none;}
.area-info-grid h3{color: #484C4D; font-size: 32px; line-height: 1.3;}
.area-info-grid .normal-txt{font-weight: 300;}
.area-info-section .sm-container{padding: 0 7%;}

.connectivity-section{padding-bottom: 50px;}
.conn-wrapper{border-radius: 0 0 45px 45px;overflow: hidden;padding: 50px; position: relative;background-image: url(../img/google-map-bg.png);    background-size: cover;background-repeat: no-repeat; background-position: center;}
.conn-wrapper .con-content-wrapper{top: 3%;left: 0;right: 0;margin: 0 auto;width: 62%;display: grid; grid-template-columns: 50% 50%;}
.conn-wrapper .con-content-wrapper .con-box{background-color: #9C7B4C; padding: 24px 75px 48px 75px;}
.conn-wrapper .con-content-wrapper .con-box:first-child{background-color: rgba(156, 123, 76, 80%);}
.conn-wrapper .con-content-wrapper .con-box:last-child{background-color: #AB8858}
.conn-wrapper .con-content-wrapper .con-box p{color: #EFF3E8; margin-top: 25px; border-bottom: 1px solid #FFFFFF;}
.conn-wrapper .con-content-wrapper .con-box p:first-child{margin-top: 0;}
.conn-wrapper .con-content-wrapper .con-box .con-heading{font-size: 22px; color: #FFFFFF}
.conn-wrapper .con-content-wrapper .con-box .con-text{margin-top: 55px;} 
.connectivity-section .theme-btn{margin-inline: auto;}

.conn-wrapper .google-map{margin-top: 40px;}
 .conn-wrapper .google-map img{margin: 0 auto;}

/*master-plan-section */
.master-plan {position: relative;}
.master-plan img{width:60%;mix-blend-mode: multiply; margin-inline:  auto; margin-bottom: 20px;}
.master-plan::before{content: "";display: block;    width: 16%;padding-bottom: 65%;position: absolute;top: -5%;right: 0;background-image: url(../img/bttom-side-img01.png);background-size: 100%; background-repeat: no-repeat;}
.master-plan h1{text-align: center;line-height: 1.3;font-weight:400;}
.master-plan .theme-btn{ border-radius:30px;text-align:center;}
.master-plan .master-btn{display:flex;justify-content: center;gap:14px;}

/* /gallery-section/ */

.gallery-content{background-color:#23553F;}
.gallery .gallery-btn-wrap{display: flex;justify-content: center;padding-top: 60px;gap: 3px;}
.gallery .gallery-btn{border-radius: 6px;}
.gallery .gallery-img{display: grid;grid-template-columns: 1fr 1fr;gap: 20px;padding: 50px 80px;}
.gallery .download-btn{grid-column: 1 / 3;margin: 0 auto;background-color: #E4B474;color: #FFFFFF;margin-top: 30px;border: 1px solid #E4B474;transition: .3s all ease;}
.gallery .download-btn:hover{background-color: transparent; color: #E4B474; border: 1px solid #E4B474}
.gallery .gallery-img.tab-container{display: none;}
.gallery .gallery-img.tab-container.active{display: grid;}
.gallery .gallery-btn.active{background-color: transparent;border: 1px solid #E4B474; color: #E4B474;}
.gallery{position: relative;}
.gallery::before{content: "";display: block;width: 20%;padding-bottom: 32%;position: absolute;top: 50%;left: 0;background-image: url(../img/bttom-side-img02.png);background-size: 100%;background-repeat: no-repeat;mix-blend-mode: multiply;}


/* footer */
.footer{background-color: #22553F;padding-top: 40px;font-size: 20px;text-align: center;margin-top: 18px;}
.footer .footer-container{max-width: 1640px; width: 90%; margin: 0 auto;display: flex; gap: 8.2%;padding-bottom: 25px; justify-content: center;}
.footer .footer-container .footer-logo .foot-heading{text-decoration: underline;}
.footer .footer-container .foot-heading{ color: #FFFFFF;margin-bottom: 20px;} 
.footer .footer-container .footer-logo img{margin: 0 auto;}
.footer .footer-container .footer-logo:last-child{margin-top: 25px;}
.footer .footer-container p{color: #FFFFFF; font-size: 20px;}
.footer .footer-container .rara-box p{margin-top: 14px;}
.footer .rara-box .rara-box-p{font-size: 25px;}
.rara-box{width: 17%; display: flex;flex-direction: column; align-items: center;justify-content: space-between;}
.add-box{width: 31%;}
.developed-box{width: 12.7%;}
.approved-box{width: 25.7%;}
.social-box{display: flex;align-items: center;justify-content: center;gap: 10px;margin-top: 32px;}
.footer .foot-btm{
    font-size: 12px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    border-top: 1px solid #D6DEC9;
    padding: 15px 0;
}
.footer .foot-btm p{font-size: 12px; color: #FFFFFF;}


.popup-section{padding: 50px; background-color: #AB8858; width: 420px;position: fixed; top: 50%;  right: 10%; margin: 0 auto; transform: translateY(-50%);z-index: 99999;display: none;}
.popup-section .popup-input input{padding-bottom: 12px; font-size: 19px; background-color: transparent; border: 0; border-bottom: 2px solid #FFFFFF;width: 100%;color: #FFFFFF; border-radius: 0;}
.popup-section .popup-input input::placeholder{color: #FFFFFF;}
.popup-section .popup-form .popup-input{margin-top: 30px;}
.popup-section input:focus{outline: 0;}
.popup-section .popup-heading{font-size: 30px;color: #FFFFFF; text-align: center;}
.popup-section p{font-size: 15px; text-align: center; margin-top: 10px;color: #FFFFFF;}
.popup-section .popup-checkbox{display: flex; align-items: flex-start; gap: 7px;margin-top: 25px;flex-wrap: wrap;}
.popup-section .popup-checkbox label{font-size: 9px; color: #FFFFFF;width: calc(100% - 20px); font-weight: 300;}
.popup-section .popup-checkbox input{width: 13px; border: 1px solid #D5BA96; opacity: 57%;}
.popup-section .theme-btn{margin: 0 auto;margin-top: 24px;  box-shadow: 0 4px 0 #17382A; border-radius: 10px; font-size: 14px;}
.popup-section .theme-btn:hover{background-color: #23553F;color: #FFFFFF;}
.popup-section .close-btn{position: absolute;right: -6%;top: -3%;cursor: pointer;}
.enq-popup .heading04{font-size: 29px;color: #FFFFFF; text-align: center; font-family: "Poppins", sans-serif;}
.popup-section .popup-input input::placeholder{ font-family: "Roboto", sans-serif;}
/* .enq-popup{right: 6%; left: unset;} */

.overlay{position: fixed;top: 0;bottom: 0;right: 0;left: 0;background-color: rgba(0, 0, 0, 0.4);z-index: 999;display: none;z-index: 9999;}


/* thank-you */
.thankyou-content{ height: 100vh;max-width: 1000px;margin: 0 auto;align-items: center;justify-content: center;display: flex;}
.thankyou-content .wrapper-1{width: 100%;display: flex;flex-direction: column;justify-content:center;}
.thankyou-content .wrapper-2{padding: 30px;text-align: center;}
.thankyou-content .wrapper-2 .theme-btn{padding: 10px 50px;border-radius: 30px;text-transform: capitalize;display: inline-block;text-decoration: none;margin: 0 auto;margin-top: 30px;}