/* ==========================================================================



   1. GLOBAL STYLES & RESET



========================================================================== */

:root {



    --primary-blue: #0b345f;



    --accent-green: #27a75a;



    --accent-green-hover: #1e8748;



    --text-dark: #2d3748;



    --text-muted: #64748b;



    --bg-light: #f8fafc;



    --card-bg: #ffffff;



    --border-radius: 16px;



    --footer-bg: #1e252b;



    --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);



}

@font-face {
  font-family: 'Awesome';
  src: url('awesome.regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

* {



    margin: 0;



    padding: 0;



    box-sizing: border-box;



    



}
html,
body {
    overflow-x: hidden;
}



body {

margin: 0px;
    padding: 0px;
    background-color: #ffffff;

    color: var(--text-dark);

    line-height: 1.6;

    font-family: "Poppins", sans-serif;

    

    font-size: 15px;

}



p {
    padding: 0px 0px 0px 0px;
    margin: 0px;
    font-family: "Poppins", sans-serif;

    font-size: 18px !important;

    color: #343434 !important;

    line-height: 1.5 !important;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    padding: 0px;
    margin: 0px 0px 10px 0px;

    font-family: "Poppins", sans-serif !important;

    color: #343434;

    line-height: 1.5 !important;

}





/* =====================================================

   HEADER

===================================================== */



.site-header {

    position: absolute;

    top: 0;

   width: 100%;

z-index: 100;

 

}

.main {

    width: 90%;

    margin: 0 auto;



}

.home-header-leftlogo {

	float:left;

    width: 15%;

	margin-top: 30px;

}



.home-header-leftlogo img {

    width: 100%;

	 

}



.mainmenu {

    float: left;

    width: 60%;

    margin-top: 60px;

    text-align: center;

}



.mainmenu a {

    color: #000 !important;

    font-size:18px;

    

    text-decoration: none;

    margin: 0 1%;

}



.mainmenu a:hover,

.mainmenu a.active {

    color: #f1bd00 !important;

}



.mainmenu a::after {

    display: none;

}





.mainmenu a:hover::after,

.mainmenu a.active::after {

    width: 100%;

}



.home-header-rightlogo {

	float:right;

       width: 25%;

	       margin-top: 27px;

}



.home-header-rightlogo img {

    width: 100%;

    

}

.clear {

    clear: both;

}



.mobmainmenu {

	display:none;

}



/* =====================================================

   HOME BANNER SECTION

===================================================== */

.home-banner-mobile{

	display:none;

}

.home-banner {
    width: 100%;
    /* height: 910px; */
    background-image: url(/vantara/dharaimages/banner-2.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 110px;
}
.home-banner-house {
    float: right;
    width: 45%;
    margin: -11% 21% 0 0;
    opacity: 0;
    animation: houseSlideFromTop 5s ease-out forwards;
}
@keyframes houseSlideFromTop {
    0% {
        opacity: 0;
        transform: translateY(-100px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.home-banner-house img {
    width: 100%;
}

.home-banner-title {
    float: right;
    width: 85%;
    margin: 237px 7% 0 0;
    opacity: 0;
    animation: zoomFromBack 2s ease-out 2.2s forwards;
}

@keyframes zoomFromBack {
    0% {
        opacity: 0;
        transform: scale(0.2);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.home-banner-title img {
    width: 100%;
    display: block;
}




/* =====================================================

   RIGHT DOTS

===================================================== */



.home-banner-dots {

    position: absolute;

    right: 7%;

    top:45%;

    z-index: 8;

    transform: translateY(-50%);

    display: flex;

    flex-direction: column;

    gap: 21px;

}

.home-banner-dots span {



    width: 10px;

    height: 10px;



    border-radius: 50%;



    background: rgba(255,255,255,0.55);



    display: block;

}





.home-banner-dots span.active {



    background: #f3c400;



    box-shadow:

        0 0 0 4px

        rgba(243,196,0,0.15);

}




/*-- =====================================================

     CONTACT FORM SECTION

===================================================== */

.contact-section{

width:90%;

margin: -52px auto 0px auto;

    position: relative;

}

.form-container{

	float:left;

	width:60%;

	background-image:url("/vantara/dharaimages/contact-form-rbg.jpg");

	padding:26px;

	   

}

.form-image-container{

	float:right;

	width:40%;

	          margin-top: -52px;

}

.form-image-container img {

            max-width: 115%;


}

.contact-form{

width:100%;	

}

.contactform-left{

	float:left;

	width:48%;

}

.contactform-right{

	float:right;

	width:48%;

}

.contactform-group{

	margin-bottom:15px;

}

.contactform-group input, 

.contactform-group textarea {

    width: 100%;

    padding: 13px;

    background: transparent;

    border-radius: 4px;

    color: #ffffff;

    font-size: 14px;

    outline: none;
font-family: "Poppins", sans-serif !important;

}



.contactform-group input {

    border: none;

    border-bottom: 1px solid rgba(255, 255, 255, 0.4);

    border-radius: 0;

}



.contactform-group textarea {

    /*border: 1px solid rgba(255, 255, 255, 0.4);

	    height: 103px;*/
  border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    
}



.contactform-group input::placeholder, 

.contactform-group textarea::placeholder {

    color: #ffffff;

}

.contactsubmit-btn {

    display: block;

    background-color: #f2b50f;

    color: #000;

    border: none;

    padding: 10px 5%;

    font-size: 16px;

  

    border-radius: 4px;

    cursor: pointer;

    margin-top: 1px;

    margin-left: auto;

    margin-right: auto;

    transition: background 0.3s;

}



.mob-form-image-container img{

	display:none;

}

/* ================================

   CAPTCHA

================================ */



.captcha-row {

    width: 100%;

    margin-bottom: 15px;

    display: flex;

    align-items: center;

    gap: 10px;

}



.captcha-box {

    display: flex;

    align-items: center;

    gap: 8px;

    flex-shrink: 0;

}



.captcha-question {
    height: 42px;
        width: 134px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: #fff;
    color: #000;
    padding: 10px 1%;
    margin: 0;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
}


.captcha-box .btncaptcha {

    padding: 8px 10px;

    margin: 0;

    background-color: #cf2038;

    color: #fff;

    border: none;

    border-radius: 4px;

    cursor: pointer;

    font-size: 14px;

}



.captcha-box .btncaptcha:hover {

    background-color: #a9192d;

}



.captcha-input-box {

    flex: 1;

    margin: 0;

}



.captcha-input-box input {

    /*width: 100%;

    padding: 13px;

    background: transparent;

    border: 1px solid rgba(255, 255, 255, 0.4);

    border-radius: 4px;

    color: #ffffff;

    font-size: 14px;

    outline: none;

    box-sizing: border-box;*/

 width: 100%;
    padding: 13px;
    background: transparent;
    
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 0;
    color: #ffffff;
    font-size: 14px;
    outline: none;
    box-sizing: border-box;

}



.captcha-input-box input::placeholder {

    color: #ffffff;

}



/*-- =====================================================

     PROJECT HIGHLIGHT SECTION

===================================================== */

.bgproject-highlight img{

	 width: 100%;
    margin-top: -123px;
}



.project-highlight-section{

	width: 90%;
    margin: -134px auto 0px auto;
	

}

.project-highlight-leftcontent{

	float:left;

	width:50%;

}

.project-highlight-rightcontent{

	float:right;

	width:46%;

	background-color: #f2b510;

	   padding: 29px 3% 0;

margin-top: -129px;
    position: relative;
    z-index: 1;

}

.project-highlight-leftcontent h1 {

    font-size: 35px;

    line-height: 1.2 !important;

    font-weight: 500 !important;

}
.project-highlight-leftcontent h3 {
    font-size: 26px;
    font-weight: 600;
margin-top: 10px;
}
.project-highlight-leftcontent span {
    color: #087631;
    font-size: 37px;
}

.projecthighlight-left{

	float:left;

	width:50%;

	margin-bottom: 28px;

	    margin-left: -60px;

}

.projecthighlight-right{

	float:right;

	width:50%;

	margin-left: 15px;

}

.project-icon{

	width:20%;

	float:left;
margin-top: 15px;

}

.project-icon img {

        width: 100%;

}





.project-content{

	float:right;

	     width: 75%;
    margin-left: 5%;
    margin-top: 15px;
}

.project-highlight-rightcontent h2{

	font-size: 35px;

    line-height: 1.2 !important;

    font-weight: 500 !important;

	 

}

.project-highlight-rightcontent h3{

	    font-size: 25px;

    font-weight: 300;

	line-height: 1.1 !important;

	    

}

.project-content h3 {

    font-size: 25px;

   

}


/*animation*/
.highlight-item {
    opacity: 0;
    transform: translateY(50px);
}

.project-highlight-rightcontent.animate .highlight-item {
    animation: highlightFadeUp 1s ease-out forwards;
}

.project-highlight-rightcontent.animate .highlight-item:nth-of-type(1) {
    animation-delay: 0s;
}

.project-highlight-rightcontent.animate .highlight-item:nth-of-type(2) {
    animation-delay: 0.4s;
}

.project-highlight-rightcontent.animate .highlight-item:nth-of-type(4) {
    animation-delay: 0.8s;
}

.project-highlight-rightcontent.animate .highlight-item:nth-of-type(5) {
    animation-delay: 1.2s;
}

.project-highlight-rightcontent.animate .highlight-item:nth-of-type(7) {
    animation-delay: 1.6s;
}

.project-highlight-rightcontent.animate .highlight-item:nth-of-type(8) {
    animation-delay: 2s;
}

.project-highlight-rightcontent.animate .highlight-item:nth-of-type(10) {
    animation-delay: 2.4s;
}

.project-highlight-rightcontent.animate .highlight-item:nth-of-type(11) {
    animation-delay: 2.8s;
}

@keyframes highlightFadeUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}



.mobile-highlight-image{

display:none;

}



/*-- =====================================================

    GREEN VIEWS SECTION

===================================================== */





.greenviews-list ul{

	padding:0px;

	margin:0px;

	list-style:none;

	text-align:center;

	

}

.greenviews-list li{

	display:inline-block;

	    width: 16%;

    vertical-align: top;

    margin-bottom: 34px;

}

.greenviews-list img {

   

    max-width: 100px;

}

.greenviews-list h2{

	    font-size: 35px;

    line-height: 1.2 !important;

    font-weight: 500 !important;

	text-align:center;

	margin: 18px 0 32px;

}



.greenviews-list li img + img {

  display: none;

}





.greenviews-list li:hover img:first-of-type {

  display: none;

}





.greenviews-list li:hover img + img {

  display: inline-block;

}



/*-- =====================================================

    PLNATATION SECTION

===================================================== */

.plantation-section {
    width: 100%;

    background-image: url("/vantara/dharaimages/bg.jpg");
        background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;

   
    position: relative;

    /* Important because children are floated */
    overflow: hidden;
}
.plantleft{

	float:left;

	width:60%;

}

.plantright{

	float:right;

	width:40%;

}
.plantright img {
    width: 100%;
    margin-top: 99px;

    opacity: 0;
    transform: translateX(100%);
}

.plantright.animate img {
    animation: slideInRight 2s ease-out forwards;
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(100%);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

ul.plant-list {

	padding: 113px 0 0 11%;

	margin:0px;

	

}

.plant-list li{

	

	display: inline-block;

        width: 29%;

    vertical-align: top;

    margin: 0 1% 45px;

}

.plant-list img{

	width: 100%;

  transition: transform 0.5s ease;

}



.plant-list li:hover img {

    transform: scale(1.1);

}

/*-- =====================================================

    FUTURE SECTION

===================================================== */

.future-section{

    width: 100%;

    min-height: 981px;

    background-image: url(/vantara/dharaimages/deer.jpg);

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

	 animation: fadeZoomIn 10s ease-out forwards;

}

@keyframes fadeZoomIn {

    from {

        opacity: 0;

        transform: translateY(20px) scale(1.03);

    }



    to {

        opacity: 1;

        transform: translateY(0) scale(1);

    }

}

.future-leftcontent {

    position: relative;

    left: 12%;

   

    top: 94px;

}

.future-leftcontent h3 {

        font-size: 35px;

    line-height: 0.2 !important;

}

.future-leftcontent h2 {

    font-size: 62px;

    color: #097632;

}

.future-rightcontent



 {

    position: relative;

    left: 64%;

    top: 170px;

}

.future-rightcontent h3{

	    font-size: 35px;

    line-height: 0.2 !important;

}

.future-rightcontent h2 {

    font-size: 40px;

   

}



/*-- =====================================================

    MASTER PLAN SECTION

===================================================== */





.master-plan {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
   
}

.master-planleft {
    display: table-cell;
    width: 30%;
    vertical-align: middle;
    background-color: #e7ac10;
    padding: 1px 4%;

}

.master-planright {
    display: table-cell;
    width: 70%;
    height: 100%;
    padding: 0;
    margin: 0;
    vertical-align: top;
    overflow: hidden;
}

/* Animate the IMAGE, not the table cell */
.master-planright img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    
   }



.master-planleft h3 {

    font-size: 35px;

    line-height: 1 !important;

}

.master-planleft span {

           font-size: 60px;
  
    color: #343434 !important;
    line-height: 0.9;
    font-family: "Awesome";
    
}




.master-planleft h2 {

   font-size: 43px;
    color: #097632;
    line-height: 0.9 !important;
    margin-bottom: 12px;
	

}

.master-planleft img {

        max-width: 50%;

}

.master-planright {
    position: relative;
}

.master-planrightcontent {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;

    background-color: #e7ac10;
    padding: 20px 3%;
}

.master-planrightcontent h2 {
    margin: 0;
color: #097632;
    font-size: 30px;
}



/*-- =====================================================

    LOCATION SECTION

===================================================== */

.location-section{

	width: 100%;

    

    background-image: url(/vantara/dharaimages/band.jpg);

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

}

.address-list{

	  width: 90%;
    margin: 0px auto;padding-bottom: 25px;
}

.address-list ul{

	padding:0px;

	margin:0px;

	    text-align: center;

}

.address-list li{

display:inline-block;

vertical-align: top;

width:19%;

margin: 40px 0px;



}

.address-list p {

  height: 55px;

    color: rgb(255, 255, 255) !important;

}

.address-list h3 {

    color: #fff;

    font-size: 25px;

}

.address-list img {

    max-width: 100%;

    margin-bottom: 16px;

	transition: transform 0.5s ease;
height:75px;
object-fit:none;

}

.address-list li:hover img {

    transform: scale(1.1);

}





/*-- =====================================================

    INVEST SECTION

===================================================== */

.invest-section{

	background-color:#f6ede8;

	

}

.invest-left{

	float: left;

    width: 60%;

	padding: 48px 0 16px 8%;

}

.invest-right {

    float: right;

    width: 32%;

}

.invest-right img {
    display: block;
    width: 100%;

   
    transform: translateX(100%);
    opacity: 0;
}



.invest-right.animate img {
    animation: slideInInvestRight 2s ease-out forwards;
}


@keyframes slideInInvestRight {

    from {
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }

}

.invest-list ul{

	padding:0px;

	margin:0px;

	

}

.invest-list{

	counter-reset: invest-counter;

}

.invest-list li{

	display:inline-block;

	vertical-align:top;

	width:32%;

	    height: 100px;

	padding:15px;

	border-right: 1px solid #ddc3c3;

    border-bottom: 1px solid #ddc3c3;

	position: relative;

	padding-left: 50px;

	box-sizing: border-box;

}

.invest-list li:nth-child(n+4) {

    border-bottom: none;

}



.invest-list li:nth-child(3n) {

    border-right: none;

}



.invest-list li::before {

	counter-increment: invest-counter;

	content: counter(invest-counter);

	position: absolute;

	left: 15px;

	top: 15px;
	width: 24px;

	height: 24px;

	background-color: #0f2b5c;

	color: #fff;

	border-radius: 50%;

	text-align: center;

	line-height: 24px;

	font-weight: 700;

	font-size: 14px;

}



.invest-left h2{

font-size: 35px;

    line-height: 1.2 !important;

    font-weight: 500 !important;

}





.location-left{

	width:50%;

	float:left;

}

.location-right{

	width:50%;

	float:right;

}

.location-left img, .location-right img{

	float:left;

	width:10%;

	

}

.location-left p, .location-right p{

	float:right;

	width:90%;

}



.location-right img, .location-left img{

	    max-width: 23px;

	

}

.address-section {

    margin-top: 90px;

}

.address-section h3 {

    color: #0c4407;

    font-size: 23px;

    

    line-height: 1 !important;

    margin-bottom: 21px;

}

.phoneno-section {

       background-color: #0c4407;

    float: left;

    width: 100%;

    margin-top: 30px;

    padding: 15px 4%;

   

}



.phoneno-section h3 {

        float: left;

    color: #ffffff;

    font-size: 18px;

    font-weight: 700;

    

    width: 30%;

}



.phoneno-section h2 {

    float: right;

    width: 68%;

   text-align: center;

}



.phoneno-section h2 img {

    width: 30px;

   

}



.phoneno-section h2 a {

    color: #ffffff;

    text-decoration: none;

    font-size: 35px;

    font-weight: 600;

   

    letter-spacing: 1px;

    

}

/*--footer --*/

.footer-bottom {

    padding: 17px;

    text-align: center;

    font-size: 0.85rem;

    background: #e7ac10;

}

.footer-bottom p {

  font-weight: 500;

    font-size: 16px !important;

}

.footer-bottom a {
    text-decoration: none;
color: #343434;
}



section.mob-project-highlight-section {

    display: none;

   

}

section.mob-future-section{ display: none;}

.mob-invest-section{

	display:none;

}

    h2.mob-greenviews-list {

	display:none ;

}

    h3.mob-greenviews-list {

	display:none;

}

.owl-carousel {

display: block;}

.top {
    position: fixed;
    bottom: 100px;
    right: 10px;
    z-index: 1000;
    display: none;
    text-align: right;
}
.top img {
    padding: 10px;
        width: 100%;
   
    background-color: transparent;
}
.topphone {
    position: fixed;
        bottom: 173px;
    right: 10px;
    z-index: 1000;
    display: none;
    text-align: right;
}
.topphone img {
     padding: 10px;
    width: 80%;
    background-color: #0c4407;
    border-radius: 50%;
}


/* =====================================================

 RESPONSIVE

===================================================== */
@media (max-width: 1300px) {
.bgproject-highlight img{
    margin-top: -27px !important;
}
}
@media (max-width: 1200px) {
.form-image-container {
margin-top: -53px !important;
}
.project-highlight-section {
        margin: -40px auto !important;
    }

    .project-highlight-rightcontent {
        margin-top: -41px !important;
    }
.captcha-row {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .captcha-box {
        width: 100%;
    }

    .captcha-input-box {
        width: 100%;
        flex: none;
    }

    .captcha-input-box input {
        width: 100%;
    }


}

@media (max-width: 1100px) {
.project-highlight-rightcontent

 {
    float: right;
    width: 47%;
}
        .project-highlight-section {
        margin: 28px auto !important;
    }    
.project-highlight-rightcontent {
        margin-top: -15px !important;
    }


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

 .captcha-row {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .captcha-box {
        width: 100%;
    }

    .captcha-input-box {
        width: 100%;
        flex: none;
    }

    .captcha-input-box input {
        width: 100%;
    }


.form-image-container{

	margin-top: -44px !important;

}

.form-image-container img {

    max-width: 430px !important;

}

.project-highlight-rightcontent{

	                   margin-top: 0 !important;

		width: 50% !important;

}
.project-highlight-section {
  
    margin: 45px auto !important;
}

.projecthighlight-left{

	margin-left: -47px !important;

}

 

  .future-leftcontent{

	  left: 7% !important;

  }

  .future-rightcontent {

	  left: 69% !important;

  }

}





@media (max-width: 999px) {
.home-banner-title {
  
    margin: 170px 7% 0 0;}
.home-banner-house {
   
    margin: -2% 21% 0 0;}

.greenviews-list li {
    width: 20% !important;
}

.main{

	width:98% !important;

	margin:0 auto !important;

}
    .form-image-container img {
        
        width: 100% !important;
    }
.project-highlight-section

 {
        margin: 57px auto !important;
    }        .project-highlight-rightcontent {
        margin-top: 0 !important;
    }
    .form-image-container {
        margin-top: -39px !important;
    }
.contact-section {

    width: 98% !important;

}

.project-highlight-section{

	 width: 98% !important;

}

.address-list {

    width: 98% !important;

}

.invest-left{

	padding: 48px 0 16px 1% !important;

}



.master-planright img {

    width: 100%;

height: 655px !important;}

    

}







@media (max-width: 900px) {

	

	    .future-leftcontent {

        left: 1% !important;

    }

	    .future-rightcontent {

        left: 69% !important;

    }

	.future-rightcontent h3 {

    font-size: 35px !important;}

	.invest-right {

    

    width: 36% !important;}

	ul.plant-list {

		    padding: 113px 0 0 1% !important;

	}

}





@media (max-width: 850px) {
.project-content p {
    font-size: 16px !important;
}

	    .projecthighlight-left {

        margin-left: -23px !important;

    }

	.address-list li {

    

    width: 25%;}

	.future-leftcontent h3 {

		line-height: 1 !important;

    width: 50%;

	}

	.future-section {



    min-height: 864px !important;}

	.future-rightcontent {

  

    top: 116px;}

	    .invest-right {

        width: 33% !important;

    }

	.invest-left {



    width: 64% !important;}






/* mobile menu */



.home-header-leftlogo {
       
        width: 20% !important;
    margin-top: 10px;
    }

  
    .home-header-rightlogo {
 
        width: 35%;
        /*margin-right: 28%;*/
 margin-right: 0px;
		
    }
.mainmenu {
        display: none !important;
    }
/*
 .mobmainmenu {
        display: block !important;
        position: relative;
        z-index: 9999;
    }

  
    .mobmainmenu::before {
       content: "";
        position: absolute;
        top: 0;
        right: -7px;
        width: 124px !important;
        height: 133px !important;
                background: #eca610;
        clip-path: polygon(0 0, 100% 0, 100% 100%);
        z-index: 10001;
        pointer-events: none;
    }


   
    .dhara-burger {
               position: absolute;
        top: 0;
        right: 0;
        left: auto;
        width: 60px;
        height: 60px;
        z-index: 10003;
        cursor: pointer;
        background: transparent;
        border: none;    }




    .dhara-burger__patty,
    .dhara-burger__patty::before,
    .dhara-burger__patty::after {
        position: absolute;

        display: block;

        width: 32px;
        height: 4px;

        background: #fff;

        content: "";

        transition: all 0.3s ease;
    }

    .dhara-burger__patty {
        top: 28px;
        left: 14px;
    }

    .dhara-burger__patty::before {
        top: -10px;
        left: 0;
    }

    .dhara-burger__patty::after {
        top: 10px;
        left: 0;
    }


    
    .dhara-mobile-nav__list {
        position: fixed;

        top: -250px;
        right: 0;
        left: auto;

        width: 320px;
        max-width: 85vw;
        height: 100vh;

        margin: 0;
        padding: 84px 13% 30px;

        list-style: none;

        background: #eca610;

        z-index: 10000;

        transform: rotate(-45deg);
        transform-origin: right top;

        opacity: 0;

        transition:
            transform 500ms cubic-bezier(0.95, 0.05, 0.795, 0.035),
            top 500ms cubic-bezier(0.95, 0.05, 0.795, 0.035),
            opacity 300ms ease;
    }


    .dhara-mobile-nav__list.dhara-menu-open {
        top: 0;
        right: 0;

        transform: rotate(0deg);

        opacity: 1;
    }


    

    .dhara-mobile-nav__item {
        display: block;
        margin: 0;
        padding: 0;
    }

    .dhara-mobile-nav__link {
        display: flex;
        align-items: center;
        gap: 15px;

        padding: 16px 10px;

        color: #fff;
        text-decoration: none;

        font-size: 18px;
        font-weight: 600;

        transition: all 0.3s ease;
    }

    .dhara-mobile-nav__link i {
        width: 25px;
        text-align: center;
    }

    .dhara-mobile-nav__link:hover {
        padding-right: 18px;
        color: #fff;
    }


 
    .mobmainmenu::after {
        content: "";

        position: fixed;
        inset: 0;

        background: rgba(0, 0, 0, 0.35);

        opacity: 0;
        visibility: hidden;

        z-index: 9998;

        transition: opacity 500ms ease;
    }

    .mobmainmenu.dhara-open::after {
        opacity: 1;
        visibility: visible;
    }


    
    .dhara-open .dhara-burger__patty {
        background: transparent;
    }

    .dhara-open .dhara-burger__patty::before {
        top: 0;
        transform: rotate(45deg);
    }

    .dhara-open .dhara-burger__patty::after {
        top: 0;
        transform: rotate(-45deg);
    }*/






	

}







@media (max-width: 767px) {

.project-highlight-leftcontent h3{
    text-align: center;
}
   /* .captcha-row {
        flex-direction: row;
        align-items: center;
        gap: 10px;
    }

    .captcha-box {
        width: auto;
        flex-shrink: 0;
    }

    .captcha-input-box {
        width: auto;
        flex: 1;
        margin: 0;
    }

    .captcha-input-box input {
        width: 100%;
    }*/



.captcha-box{

        display: flex;
        justify-content: center;
}


.greenviews-list li{width:100% !important;}






	/*.MOBILE-home-banner */

	.home-banner {

		display:none;

	}

    .home-banner-mobile {

               width: 100%;

        display: block;

    }



   

.home-banner-mobile img {

        width: 100%;

        

    }

	

	

	.contact-section {

		          margin: -105px auto;

    z-index: 1 !important;

    position: relative;

	}

	.form-container {

    float: none;

    width: 100% !important;}

	.contactform-right {

    float: none !important;

    width: 100% !important;

}

.contactform-left {

    float: none !important;

    width: 100% !important;

}

    .project-highlight-rightcontent {
        margin-top: 15px !important;
        width: 100% !important;
    }
.projecthighlight-left

 {
        margin-left: 0px !important;
    }
    .projecthighlight-right {
    float: right;
    width: 40%;}
.projecthighlight-left {
    float: left;
    width: 40%;
}

.project-highlight-rightcontent h2 {
text-align: center;

}


    .form-image-container img {

		display:none !important;

	}

	.mob-form-image-container img {

    width: 100%;

    display: block !important;

}



.bgproject-highlight {

display:none;



}

    .project-highlight-section {

		display:none !important;

	}

.mobile-highlight-image {

    display: block !important;

}

.mobile-highlight-image img {

    display: block !important;

    width: 100%;

}

.project-highlight-leftcontent {

    float: none !important;

    width: 100% !important;

}

section.mob-project-highlight-section {

    display: block;

 

	width:98%;

	margin:148px auto 0px;

}

.project-highlight-leftcontent h1 {

    font-size: 28px !important;

text-align: center;

}
.project-highlight-leftcontent span {
font-size: 30px;

}
.project-highlight-leftcontent p{

    

text-align: left;

}

.project-highlight-rightcontent h2 {
    font-size: 28px;
}
.greenviews-list h2 {
    font-size: 28px;
}


    /* =========================================

      greenviews-list  OWL CAROUSEL

    ========================================= */





   



    .greenviews-list ul.greenviews-carousel {

        width: 100%;

        padding: 0;

        margin: 0;

        list-style: none;

        display: block;

    }



    .greenviews-list .owl-stage-outer {

        width: 100%;

        overflow: hidden;

    }



    .greenviews-list .owl-stage {

        display: flex;

        align-items: flex-start;

    }



    .greenviews-list .owl-item {

        float: none;

    }



 



    .greenviews-list .owl-nav {

        display: none !important;

    }



    .greenviews-list .owl-dots {

        width: 100%;



        display: flex !important;



        justify-content: center;

        align-items: center;



        gap: 8px;



       

        padding: 0;



        text-align: center;

    }







    .greenviews-list .owl-dots .owl-dot {

        width: 9px !important;

        height: 9px !important;



        margin: 0 !important;

        padding: 0 !important;



        background: #cfcfcf !important;



        border: none !important;

        border-radius: 50% !important;



        outline: none !important;

        box-shadow: none !important;



        display: block !important;



        transition: all 0.3s ease;

    }







    .greenviews-list .owl-dots .owl-dot.active {

        width: 11px !important;

        height: 11px !important;



        background: #f1bd00 !important;



        box-shadow: 0 0 0 2px rgba(241, 189, 0, 0.15);

    }









    .greenviews-list .owl-dots .owl-dot:hover {

        background: #f1bd00 !important;

    }







    .greenviews-list .owl-dots .owl-dot:focus {

        outline: none !important;

        box-shadow: none !important;

    }


h2.mob-greenviews-list {

    display: block;

	font-size: 35px;

	    margin-bottom: 0;

}

h3.mob-greenviews-list {

	 display: block;

    font-size: 20px;

    text-align: center;

    font-weight: 200;

}

/*-- =====================================================

    carsoul PLNATATION SECTION

===================================================== */



.plantation-section {

    width: 100%;

    background-image: url(/vantara/dharaimages/mobbg.jpg) !important;

    background-size: 100% 100%;

    background-position: center;

    background-repeat: no-repeat;
 background-attachment: scroll;
    
}

.plantleft {

    width: 100% !important;

    float: none !important;

    

}

.plantright img {

  

margin-top: 0px !important;}

.plantright {

   

    width: 70% !important;

}



ul.plant-list {



    padding: 0 !important;

    

}



.plant-list .owl-stage-outer {

    overflow: hidden;

}



.plant-list .owl-stage {

    display: flex;

}



.plant-list .owl-item {

    float: none;

}



.plant-list .owl-item li {

    width: 100% !important;

            margin-top: 60px;

}



.plant-list .owl-item li img {

    width: 100%;

    max-width: 280px;

  

    margin: 0 auto;

    display: block;

}







.plantleft .owl-dots {

    display: flex !important;

    justify-content: center;

    align-items: center;

    gap: 8px;

    margin-top: 15px;

}



.plantleft .owl-dot {

    width: 9px !important;

    height: 9px !important;

    padding: 0 !important;

    margin: 0 !important;



    border: none !important;

    border-radius: 50% !important;



    background: #cfcfcf !important;

}



.plantleft .owl-dot.active {

    background: #e7ac10 !important;

    transform: scale(1.2);

}



.plantleft .owl-dot span {

    display: none !important;

}





/* Hide navigation arrows for plantation */

.plantleft .owl-nav {

    display: none !important;

}

.future-section {

	display:none;

}

section.mob-future-section img {
display: block;
    width: 100%;

}

section.mob-future-section{

	display:block !important;

}



.mob-futurecontent {

    background-color: #097632;

	        padding: 10px 0;

}

.mob-futurecontent p {

    color: #fff !important;

	text-align:center;

}

.mob-futurecontent span {

    color: #e7ac10;

    font-size: 38px;

    font-weight: 500;

	        vertical-align: middle;

    

}

    .master-planleft {
display: block !important;
    width: 100% !important;
padding: 22px 4% !important;
    text-align: center;
        
    }
.master-planleft img {
    max-width: 24% !important;
}

	.master-planright {
    display: block !important;
    width: 100% !important;}

	    .master-planright img {

        width: 100%;

        height: auto !important;

    }

	.master-planleft h3



 {

    font-size: 26px;

 

 text-align: center;}

 .master-planleft h2 {

	 text-align: center;

	 font-size: 28px !important;

 }
.master-planrightcontent h2 {
 font-size: 28px !important;
}

.master-planleft span {

    font-size: 40px !important;

}



/*.invest-section*/

.invest-section{

	display:none;

}

  .mob-invest-section {

  display:block;

  width: 100%;
background: #f5ede8;
        padding: 20px auto 0px;

  }

  .mob-invest-list p{
text-align: left;
}

  .mob-invest-section h2 {

           
        font-size: 28px;
        text-align: center;

  }

  .mob-invest-right {

    width: 100%;

    float: none;

    text-align: center;

    margin-bottom: 30px;

  }

  .mob-invest-right img {

   width:100%;

  }

  .mob-invest-list {
    width: 100%;
    padding: 0;
    margin: 0 0 40px 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    counter-reset: invest-counter;
}

.mob-invest-list li {
    width: 50%;
    margin-bottom: 25px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mob-invest-list li::before {
    counter-increment: invest-counter;
    content: counter(invest-counter);
    width: 24px;
    height: 24px;
    background-color: #0f2b5c;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    font-weight: 700;
    font-size: 14px;
    flex-shrink: 0;
}

.mob-address-section {
    width: 100%;
    margin-bottom: 30px;
}

.mob-location-left,
.mob-location-right {
    width: 100%;
    float: none;
    padding: 0 15px;
    margin-bottom: 25px;
}

.mob-location-left h3,
.mob-location-right h3 {
    font-size: 23px;
    font-weight: 700;
    color: #1b4332;
    margin-bottom: 12px;
    letter-spacing: 0.5px;
    text-align: center;
}

/* Icon left */
.mob-location-left > img,
.mob-location-right > img {
    width: 25px;
    height: 25px;
    object-fit: contain;
    float: left;
    margin: 0 12px 0 0;
}

/* Address right */
.mob-location-left .h-card,
.mob-location-right .h-card {
    overflow: hidden;
}

.mob-location-left .adr,
.mob-location-right .adr {
   
    text-align: left;
  
}

  .mob-phoneno-section {

  width: fit-content;
        text-align: center;
        background: #0c4906;
        padding: 3px 10px;
        margin: 0 auto;
  }
.mob-phone-section {

display:inline-block;
        text-align: center;
        background: #0c4906;
        padding: 3px 10px;
margin-top:5px;
       
  }

  .mob-phoneno-section h3 {

    font-size: 20px;

   

    color: #fff;

   

  }
    
  .mob-phoneno-section h2 {

    font-size: 20px !important;

    margin: 0 !important;

    display: flex;

    align-items: center;

    justify-content: center;

  }
.mob-invest-left {
     text-align: center;
padding-top:20px;
}


.mob-address-section {
    text-align: center;
}
  .mob-phoneno-section h2 img {

    width: 18px;

    height: auto;

    margin-right: 8px;

    filter: brightness(0) invert(1);

  }

  .mob-phone-section h2 a {

          color: #fff ;

        text-decoration: none;

        font-size: 18px;

        font-weight: 600;

		   text-align: center;

  }

 .mob-phone-section img {

    width: 20px !important;

    vertical-align: middle;

}



/*   LOCATION SECTION */

.location-section {

    position: relative;

    overflow: hidden;

}



.address-list {



    position: relative;

    padding: 0 2%;

}



.address-list ul {

    width: 100%;

    padding: 0;

    margin: 0;

    list-style: none;

    display: block;

}



.address-list .owl-stage-outer {

    width: 100%;

    overflow: hidden;

}



.address-list .owl-stage {

    display: flex;

    align-items: center;

}



.address-list .owl-item {

    float: none;

    display: flex;

    justify-content: center;

    align-items: center;

}



.address-list .owl-item li {

    width: 100% !important;

    display: block !important;

    margin: 40px 0 30px !important;

    padding: 0 5px;

    text-align: center;

}



.address-list .owl-item li img {

    max-width: 75px;

    width: auto;

    margin: 0 auto 10px;

    display: block;

}



.address-list .owl-item li p {

    color: #fff !important;

    font-size: 15px !important;

    line-height: 1.25 !important;

    margin: 0;

}



.address-list .owl-item li h3 {

    color: #fff !important;

    font-size: 24px !important;

    line-height: 1.1 !important;

    margin: 0;

    font-weight: 700;

}



.address-list .owl-nav {

    display: block !important;

    margin: 0 !important;

}



.address-list .owl-nav button {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 45px !important;

    height: 70px !important;

    margin: 0 !important;

    padding: 0 !important;

    background: transparent !important;

    border: none !important;

    outline: none !important;

    color: #fff !important;

    display: flex !important;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    z-index: 10;

}



.address-list .owl-nav .owl-prev {

   color: #fff;
        font-size: 50px;
        left: 0%;
        position: absolute;
        top: 29%;

}



.address-list .owl-nav .owl-next {
color: #fff;
        font-size: 50px;
        right: 0%;
        position: absolute;
        top: 29%;
}



.address-list .owl-nav .owl-prev span,

.address-list .owl-nav .owl-next span {

    font-size: 0 !important;

    width: 24px;

    height: 24px;

    display: block;

    border-top: 4px solid #fff;

    border-right: 4px solid #fff;

}

.owl-next span



 {

    position: relative;

    left: 102%;

    bottom: 124px;

}

.owl-prev span {

    position: relative;

    /* left: 102%; */

    bottom: 98px;

    right: 6%;

}

.address-list .owl-nav .owl-prev span {

    transform: rotate(-135deg);

}



.address-list .owl-nav .owl-next span {

    transform: rotate(45deg);

}



.address-list .owl-nav button:hover {

    background: transparent !important;

}



.address-list .owl-nav button:hover span {

    border-color: #f1bd00;

}



.address-list .owl-dots {

    display: none !important;

}

.address-list p {
   
    height: auto;
    padding-bottom: 5px;
}



}



@media (max-width: 600px) {


.contact-section{
        margin: -39px auto !important;

}
      section.mob-project-highlight-section {
        display: block;
        width: 98%;
        margin: 50px auto 0px;
    }
    .home-header-leftlogo {
        width: 24% !important;
    }
.home-header-rightlogo {
        width: 46% !important;
    }


}
@media (max-width: 500px) {
 .projecthighlight-left,
    .projecthighlight-right {
        float: none;
        width: 100%;
        margin: 0 0 20px 0;
        display: flex;
        align-items: center;
    }

    .project-icon {
        width: 25% !important;
        margin: 0 !important;
        text-align: center;
        flex-shrink: 0;
    }

    .project-icon img {
        width: auto;
        max-width: 70px;
        margin: 0 auto;
        display: block;
    }

    .project-content {
        width: 75% !important;
        margin: 0 !important;
        padding-left: 10px;
        text-align: left;
    }

    .project-content p {
        text-align: left !important;
        font-size: 15px !important;
        line-height: 1.4 !important;
    }

}