body{
    list-style: none;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 22px;
    margin: 0px;
    padding: 0px;
    font-family: "Roboto", sans-serif;
}

#wrapper{
    width: 100%;
    height: auto;
}
ul, li{
    margin: 0px;
    padding: 0px;
}

/********** grid *************/

.mar-t-40{margin-top: 40px;}.mar-t-30{margin-top: 30px;}.mar-t-20{margin-top: 20px;}.mar-t-10{margin-top: 10px;}.mar-t-5{margin-top: 5px;}.mar-t-0{margin-top: 0px;}
.mar-b-40{margin-bottom: 40px;}.mar-b-30{margin-bottom: 30px;}.mar-b-20{margin-bottom: 20px;}.mar-b-10{margin-bottom: 10px;}.mar-b-5{margin-bottom: 5px;}.mar-b-0{margin-bottom: 0px;}
.pad-t-40{padding-top: 40px;}.pad-t-30{padding-top: 30px;}.pad-t-20{padding-top: 20px;}.pad-t-10{padding-top: 10px;}.pad-t-5{padding-top: 5px;}.pad-t-0{padding-top: 0px;}
.pad-b-40{padding-bottom: 40px;}.pad-b-30{padding-bottom: 30px;}.pad-b-20{padding-bottom: 20px;}.pad-b-10{padding-bottom: 10px;}.pad-b-5{padding-bottom: 5px;}.pad-b-0{padding-bottom: 0px;}

.mar-r-30{margin-top: 30px;}.mar-r-20{margin-top: 20px;}.mar-r-10{margin-top: 10px;}.mar-r-5{margin-top: 5px;}.mar-r-0{margin-top: 0px;}
.mar-l-30{margin-bottom: 30px;}.mar-l-20{margin-bottom: 20px;}.mar-l-10{margin-bottom: 10px;}.mar-l-5{margin-bottom: 5px;}.mar-l-0{margin-bottom: 0px;}
.pad-r-30{padding-top: 30px;}.pad-r-20{padding-top: 20px;}.pad-r-10{padding-top: 10px;}.pad-r-5{padding-top: 5px;}.pad-r-0{padding-top: 0px;}
.pad-l-30{padding-bottom: 30px;}.pad-l-20{padding-bottom: 20px;}.pad-l-10{padding-bottom: 10px;}.pad-l-5{padding-bottom: 5px;}.pad-l-0{padding-bottom: 0px;}


.grey-bg-page-sec{
    background: #FBFBFB;
    padding: 40px 0px;
}
.text-cn{
    text-align: center;
}
.text-lt{
    text-align: left;
}
.text-rt{
    text-align: right;
}
.float-lt{
    float: left;
}
.float-rt{
    float: right;
}
.green-text{
    color: #468900;
}
.white-text{
    color: #fff;
}
.green-bg{
    background: #4DA93C;
}
.gap-5{gap: 5px;}.gap-10{gap: 10px;}.gap-20{gap: 20px;}.gap-30{gap: 30px;}.gap-40{gap: 40px;}

.d-flex{
    display: flex;
}
.display-block{
    display: block;
}
.flex-dec-col{
    flex-direction: column!important;
}
.mar-auto{
    margin: 0px auto;
}
.just-cont-space{justify-content: space-between;}.just-cont-around{justify-content: space-around;}

.w-100{width: 100%;}.w-75{width: 75%;}.w-50{width: 50%;}.w-25{width: 25%;}
.border-none{
    border: none!important;
}
/******************************/
#myVideo {
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100%;
  background-size: cover;
  background: #010c00;
}
#myVideo::before{
    content: "★ "; /* The text or symbol to insert */
  color: gold;   /* You can style it like any other element */
  font-weight: bold;
}
#myVideo::after{
       content: "★ "; /* The text or symbol to insert */
  color: black;   /* You can style it like any other element */
  font-weight: bold;
}

.top-bg-main-section{
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
     /* background: url("../images/main-banner-bg1.jpg") no-repeat;  */
     background-size: cover;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
}
.container{
    width: 95%;
    margin: 0px auto;
}
.menu-top-section-main{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top-nav-sec-fix{
    position: fixed;
    height: 110px;
    background:#fff;
    z-index: 99;
    width: 100%;
    box-shadow: 0px 2px 10px #999;
}
.top-logo-main{
    width: 110px;
    margin: 10px 0px 0px 0px;
}
.top-logo-main img{
    width: 100%;
}

.top-nav-main{
    position: relative;
    top: 5px;
    line-height: 20px;
    padding: 5px 0px;
    margin: 0px;
    width: 80%;
    display: flex;
    justify-content: flex-end;
}

.top-nav-main ul{
    list-style: none;
        display: flex;
    justify-content: space-around;
    width: 80%;
    gap: 0px;
    
}
.top-nav-main ul li{
    color: #333;
    font-size:14px;
    margin: 0px 0px;
    padding: 0px 0px;
    line-height: 60px;
}

.top-nav-main ul li span{
    width: 24px;
    position: relative;
    top: 5px;
} 

.top-nav-main ul li a img{
    width: 24px;
    padding: 0px 5px;
    position: relative;
    bottom: 4px;
}

.top-nav-main ul li a{
    text-decoration: none;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
}
.top-nav-main ul li a:hover, .top-nav-main ul li a.active{
    color: #4EAB3D;
    font-weight: 600;
}
.enquire-top-btn{
    background: #4EAB3D;
    padding: 8px 20px;
    display: flex;
    gap: 10px;
    justify-content: center;
    justify-content: center;
    margin: 0px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    line-height: 16px;
}
.enquire-top-btn span{
    position: relative;
    bottom: 8px;
}
.enquire-top-btn img{
    width: 30px;
}

.banner-middle-sec{
    position: relative;
    margin-top:8%;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}


.banner-mid-text-sec{
    width: 72%;
}

.banner-mid-text-sec h1 p{
    font-size: 100px;
    font-weight: 700;
    margin: 60px 0px 40px 0px;
    padding: 0px;
    color: #fff;
}
.banner-mid-text-sec h1 span{
    font-size: 41px;
    font-weight: 400;
    line-height: 65px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    color: #fff;
}

.banner-sub-text{
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    color: #fff;
}

.banner-usp-sec{
    margin: 50px 0px 40px 0px;
    padding: 0px 0px;
}

.banner-usp-sec li{
    margin: 0px 20px 0px 0px;
    padding: 0px 20px 0px 0px;
    display: inline-block;
    border-right: 1px #dcdcdc solid;
}
.banner-usp-sec li:last-child{
    border: none;
}
.banner-usp-sec li p{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    margin: 0px 0px;
    line-height: 26px;
    padding: 0px 0px;
}

.banner-offer-sec{
    background: #4DA93C;
    border: 1px #fff solid;
    border-radius: 6px;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    padding: 15px 20px;
}
.banner-offer-sec b{
    font-size: 40px;
    font-weight: 800;
    position: relative;
    top: 7px;
}

.banner-mid-form-sec{
    width: 28%;
}

.top-form-head-sec{
    border-radius: 30px 30px 0px 0px;
   background: rgba(255, 255, 255, 0.8);
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color: #333;
    padding: 20px 0px;
}
.top-form-body-sec{
    background: rgba(255, 255, 255, 0.2);
    padding: 25px;
}
.tp-form-input-sec{
   margin: 0px;
   padding: 0px;

}

.tp-form-input-sec input{
    width: 88%;
    margin-bottom: 20px;
    margin-top: 5px;
    font-size: 14px;
    color: #898989;
    padding: 5px 20px;
    border-radius: 6px;
    border: none;
    min-height: 43px;
}

.enquire-form-btn{
    background: #F2D203;
    padding: 8px 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    border-radius: 6px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 10px;
    min-height: 45px;
    cursor: pointer;
}
.enquire-form-btn img{
    width: 40px;
}

.schedule-btn{
    background: #4DA93C;
    padding: 12px 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    border-radius: 6px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 10px;
    min-height: 45px;
    cursor: pointer;
}
.schedule-btn img{
    width: 25px;
}

.head-hightlight-text{
    font-size: 22px;
    font-weight: 600;
    color: #F2D203;
}

/******************************/

.main-amenities-sec{
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: -8%;
    padding: 0px;
    position: relative;
    z-index: 3;
}

.amenities-box{
    width: 25%;
    background: #fff;
    border-radius: 8px;
    padding: 20px 20px 25px 20px;
    margin-bottom: 30px;
    text-align: center;
    box-shadow: 0px 1px 10px #777777;
}

.amenities-box figure{
    width: 90px;
    margin: 15px auto;
    padding: 0px;
}
.amenities-box figure img{
    width: 70%;
}

.amenities-box b{
    font-size: 20px;
    font-weight: 600;
    color: 333333;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
.amenities-box p{
    font-size: 14px;
    font-weight: 300;
    color: 333333;
    margin: 0px 0px;
    padding: 0px;
}

.main-cta-for-modal{
    border: #4DA93C 1px solid;
    background: #4DA93C;
    cursor: pointer;
    border-radius: 6px;
    padding: 15px 20px;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
}
.main-cta-for-modal:hover{
    background: #fff;
    color: #4DA93C;
}

.main-cta-for-modal1{
    border: #4DA93C 1px solid;
    background: #fff;
    cursor: pointer;
    border-radius: 6px;
    padding: 15px 20px;
    font-size: 20px;
    color: #4DA93C;
    font-weight: 600;
}
.main-cta-for-modal1:hover{
    background: #4DA93C;
    color: #fff;
}

/********************************/

.project-overview-sec-main{
    margin: 50px 0px 20px 0px;
    display: flex;
    justify-content: space-between;
    gap: 30px;
}


.sec-main-heading{
    margin: 15px 0px;
    padding: 0px 0px;
}
.sec-main-heading h2{
   font-size: 30px;
   font-weight: 800;
   color: #333333;
   margin: 0px 0px 10px 0px;
   line-height: 34px;
}
.sec-main-heading p{
   font-size: 14px;
   font-weight: 300;
   color: #333333;
   margin: 0px 0px;
}
.sec-main-heading h2 span{
    color: #4EAB3D;
}

.sec-main-heading2{
    margin: 15px 0px;
    padding: 0px 0px;
}
.sec-main-heading2 h2{
   font-size: 30px;
   font-weight: 800;
   color: #333333;
   margin: 0px 0px 0px 0px;
   line-height: 44px;
}
.sec-main-heading2 p{
   font-size: 14px;
   font-weight: 300;
   color: #333333;
   margin: 0px 0px;
}
.sec-main-heading2 h2 span{
    color: #4EAB3D;
    font-size: 40px;
}

.sec-main-heading3{
    margin: 15px 0px;
    padding: 0px 0px;
}
.sec-main-heading3 h2{
   font-size: 40px;
   font-weight: 800;
   color: #333333;
   margin: 0px 0px 10px 0px;
   line-height: 44px;
}
.sec-main-heading3 p{
   font-size: 14px;
   font-weight: 300;
   color: #333333;
   margin: 0px 0px;
}
.sec-main-heading3 h2 span{
    color: #4EAB3D;
    font-size: 40px;
}

.project-content-sec{
    margin-top: 20px;
    line-height: 24px;
}
.project-content-sec p{
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

.project-ov-lt-sec{
    width: 35%;
}
.project-ov-img{
    width: 100%;
}

.project-ov-rt-sec{
    width: 65%;
}
/*******************************/
.investment_perspective-container{
    background: #fbfbfb;
    padding: 40px 0px;
    margin: 0px 0px 0px 0px;
}
.investment-pr-box-main{
    display: grid;
    grid-template-columns:31vw 31vw 31vw;
    gap: 20px;
    margin: 30px 0px;
    padding: 0px 0px;
}

.investment-pr-box-sec{
    /* background: #fff; */
    /* border: 1px #dcdcdc solid; */
    border-radius: 6px;
    box-shadow: 0px 0px 4px #dcdcdc;
    padding: 5px 20px 10px 20px;
    margin: 10px 0px 0px 0px;
    min-height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.investment-pr-box-sec p{
    font-size: 14px;
    color: #666;
    margin: 0px 0px;
    padding: 0px;
}
.investment-pr-box-sec b{
    font-size: 18px;
    color: #000;
    font-weight: 600;
    margin: 5px 0px 0px 0px;
}

.investment-pr-box-sec i{
    width: 100px;
    height: 100px;
    font-size: 70px;
    font-weight: 800;
    color: #d0ffc8;
    margin: 0px 10px 0px 0px;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.investment-pr-box-sec span{
    width: 100%;
}

.near-jewar-airport-container{
    padding: 20px 0px;
    margin: 20px 0px;
}

.near-jawar-airport-main{
    display: grid;
    grid-template-columns: 30vw 30vw 30vw;
    gap: 30px;
    margin: 0px 0px;
    padding: 30px 0px;
    place-items: center;
}

.near-jewar-img-sec{
    border: 4px #fff solid;
    box-shadow: 0px 0px 6px #dcdcdc;
    min-height: 350px;
    border-radius: 16px;
    overflow: hidden;
}

.near-jewar-cont-box {
    margin: 10px 0px 10px 0px;
    padding: 10px 0px 20px 0px;
    text-align: center;
}
.near-jewar-cont-box span{
    width: 80px;
    height: 80px;
    border-radius: 4px;
    background: #FBFBFB;
    align-items: center;
    display: flex;
    justify-content: center;
    color: #333;
    padding: 0px;
    margin: 20px auto;
    border: 1px #dcdcdc solid;
}

.near-jewar-cont-box p{
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin: 0px 30px;
    padding: 0px 0px;
}
.near-jewar-cont-box span img{
    width: 60%;
    opacity: 0.7;
}
.near-jewar-cont-box b{
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px;
}


.comparison-main-container{
    margin: 20px 0px;
    padding: 25px 0px;
    background: #FBFBFB;
}
.comparision-content-set{
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin: 10px 0px 30px 0px;
}
.comparison-table{
    margin: 20px 0px 50px 0px;
}
.comparison-table table {
  width: 100%;
  /* width: min(900px, 100% - 3rem); */
  margin-inline: auto;
  border-collapse: collapse;
  border-spacing: 2rem;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
  background: #fff;
}
.comparison-table table th,
.comparison-table table td,
.comparison-table table caption {
  padding: 1.3rem 1rem;
  font-weight: 600;
  font-size: 16px;
  border-bottom: 1px solid #dcdcdc;
}
.comparison-table table th:nth-child(1) {
  background: #fff;
  border-radius: 20px 0 0 0;
  /* border-right: 7px solid #fff; */
  width: 20%;
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.comparison-table table td:nth-child(1) {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  text-align: center;
}
.comparison-table table th:nth-child(2) {
  background: #e5fbeb;
}
.comparison-table table td:nth-child(2) {
  background: #e5fbeb;
  padding: 20px 20px;
}
.comparison-table table th:nth-child(3) {
  background: #f4e9df;
  border-radius: 0 20px 0 0;
  /* border-left: 7px solid #fff; */
}
.comparison-table table td:nth-child(3) {
  background: #f4e9df;
  padding: 20px 20px;
}
.comparison-table table td {
  border-bottom: 2px dashed #dcdcdc;
  font-weight: 400;
  font-size: 15px;
  color: #333;
}
.comparison-table table tr:last-child td {
  border-bottom: none;
}
.comparison-table table col:nth-child(2) {
  background: #f4fff7;
}
/***************************/
.why-rathiglobal-main-sec{
    margin: 0px 0px;
    padding: 30px 0px;
    background: #FBFBFB;
}
.why-rathhiglobal-content{
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 30px;
    padding: 0px 0px;
    margin: 50px 0px;
}
.why-choose-box1{
    display: grid;
    grid-template-columns: 18% 72%;
    text-align: left;
    gap: 10px;
}

.why-choose-box{
   display: grid;
    grid-template-columns: 80% 10%;
    text-align: right;
    gap: 20px;
}


.why-choose-box span, .why-choose-box1 span{
    width: 140px;
    height: 140px;
    background: #4EAB3D;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffff;
    margin: 0px 0px;
    padding: 0px 0px;
}


.why-choose-box aside, .why-choose-box1 aside{
    margin: 0px 0px;
    padding: 20px 20px;
    background: #fff;
    border: 1px #dcdcdc solid;
    border-radius: 4px;
    box-shadow: 0px 2px 10px #dcdcdc;
}

.why-choose-box aside b, .why-choose-box1 aside b{
    font-size: 18px;
    font-weight: 600;
    color: #4EAB3D;
    margin: 0px 0px 10px 0px;
}
.why-choose-box aside p, .why-choose-box1 aside p{
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin: 0px 0px 10px 0px;
}

.why-choose-box aside
.yeida-authority-main-sec{
    
    margin: 0px 0px;
    padding: 30px 0px 0px 0px;
}

.yeida-auth-container-main{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0px;
    margin: 40px 0px 0px 0px;
    padding: 0px 0px 20px 0px;
}
.yeida-auth-content-sec{
    width: 40%;
}
.yeida-auth-content-sec h3{
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin: 0px 0px 5px 0px;
}
.yeida-auth-content-sec p{
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    margin: 0px 0px 0px 0px;
}
.yeida-auth-sub-text{
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    margin: 0px 0px 10px 0px;
}
.divider{
    border-bottom: 1px #dcdcdc solid;
    margin:30px 0px 10px 0px;
}
.yeida-auth-table-main{
    width: 60%;
    
}
.yeida-auth-table-main table{
    width: 100%;
    background: #fff;
    box-shadow: 0px 0px 8px #dcdcdc;
    border-radius: 8px;
}
.yeida-auth-table-main tr th{
    padding: 12px 20px;
    font-size: 15px;
    color: #000;
    text-align: center;
    background: #dcdcdc;
     border-bottom: 1px #dcdcdc solid;
}

.yeida-auth-table-main tr td{
    padding: 10px 15px;
    text-align: center;
    font-size: 14px;
    color: #333;
    border-right: 1px #dcdcdc solid;
    border-bottom: 1px #dcdcdc solid;
}


/*******************************/

.proj-ht-content-sec{
    display: grid;
  grid-template-columns: 35% 35% auto;
  padding: 40px 30px;
  margin: 0px auto;
}

.proj-details-box{
    padding: 10px;
    margin: 0px 0px 16px 0px;
    display: flex;
    gap: 0px;
    justify-content: start;
    align-items: center;
}

.proj-details-box figure{
    background: #4EAB3D;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
    width: 70px;
    margin: 0px 20px 0px 0px;
}

.proj-details-box aside p{
    font-size: 14px;
    font-weight: 300;
    color:#333;
    margin: 0px 0px 4px 0px;
    padding: 0px 0px;
}
.proj-details-box aside b{
    font-size: 18px;
    font-weight: 600;
    color:#333;
    margin: 0px 0px;
    padding: 0px 0px;
}
/*******************************/

.price-ht-sec-main{
    margin: 0px 0px;
    padding: 60px 0px 80px 0px;
    background: #F6FFF8;
}
.price-details-box{
    background: #fff;
    border: 1px #dcdcdc solid;
    border-radius: 8px;
    padding: 30px 30px;
}

.price-details-box ul{
    list-style: none;
    display: flex;
    justify-content: space-around;
    gap: 20px;
}
.price-details-box ul li{
    display: flex;
    align-items: center;
}
.price-details-box ul li figure, .price-details-box ul li aside{
    display: inline;
    margin: 0px 10px 0px 0px;
    padding: 5px;
}

.price-details-box ul li aside h4{
    font-size: 34px;
    color: #333333;
    font-weight: 600;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px;
}
.price-details-box ul li aside p{
    font-size: 14px;
    color: #333333;
    font-weight: 400;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px;
}

.benefit-main-sec{
    margin: 30px 0px;
    padding: 30px 0px;
}
.benefit-main-conatiner{
    display: flex;
    justify-content: space-between;
    gap: 40px;
}
.benefit-content-main-sec{
    width: 70%;
    margin: 0px 0px;
    padding: 0px 0px;
}

.benefit-sub-content-main{
    display: grid;
    grid-template-columns: auto auto;
    gap: 20px 30px;
}

.benefit-pra-content-set{
    font-size: 16px;
    color: #333;
    font-weight: 400;
    line-height: 24px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

.benefit-sub-content-sec{
    margin: 0px 0px;
    padding: 0px 0px 20px 0px;
    border-bottom:1px #dcdcdc solid;
}

.benefit-sub-content-sec b{
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin: 0px 0px 6px 0px;
}
.benefit-sub-content-sec p{
    font-size: 14px;
    font-weight: 400;
    color: #4b4b4b;
    margin: 0px 30px 0px 0px;
}
.benefit-sub-content-sec span{
    color: #666;
}
.benefit-main-img-sec{
    margin: 30px 0px 0px 0px;
    box-shadow: -5px 0px 10px #dcdcdc;
    border-radius: 4px;
    max-height: 570px;
    overflow: hidden;
}
.benefit-sub-heading-set{
    font-size: 22px;
    font-weight: 600;
     color: #000;
}

.project-ht-mian-sec{
    margin: 0px 0px;
    padding: 30px 0px;
}

/*********************************/
.consider-investment-main-sec{
     margin: 30px 0px;
    padding: 30px 0px;
}
.why-invest-container{
    margin: 80px 0px 10px 0px;
    display: grid;
    grid-template-columns: auto auto auto auto;
    gap: 20px;
}

.why-invest-box-sec{
    margin: 20px 0px;
    padding: 20px;
    border: 1px #dcdcdc solid;
    border-radius: 8px;
    background: #e7ffec;
    text-align: center;
}
.why-invest-box-sec figure{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #4EAB3D;
    border: 12px #fff solid;
    position: relative;
    left: 4.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -72px;
}
.why-invest-box-sec figure img{
    width: 50px;
}
.why-invest-box-sec b{
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin: 20px 0px 5px 0px;
}

.why-invest-box-sec p{
    font-size: 14px;
    font-weight: 300;
    color: #333;
    margin: 0px 0px;
    padding: 0px 0px;
}

/******************************/
.location-mian-sec{
    margin: 0px 0px;
    padding: 40px 0px;
}

.location-advan-sec-main{
    display: flex;
    justify-content: space-between;
    gap: 60px;
    padding-top: 20px;
    margin: 40px 0px 30px 0px;
}
.loca-advan-lt-sec{
    width: 50%;
    border-radius: 6px;
    border: 6px #ffff solid;
    box-shadow: 0px 0px 8px #adadad;
}
.location-map-img-set{
    width: 100%;
}

.loca-advan-rt-sec{
    width: 50%;
}

.loca-advan-rt-sec ul{
    list-style: none;
    margin: 0px 0px;
    padding: 0px;
    display: grid;
    grid-template-columns: auto auto;
}

.loca-advan-rt-sec ul li{
    display: flex;
    gap: 10px;
    align-items: center;
    border-bottom: 1px #dcdcdc solid;
    padding: 18px 0px 18px 0px;
    margin-right: 40px;
}

.loca-advan-rt-sec ul li p{
   font-size: 16px;
    font-weight: 400;
    color: #333;
    margin: 0px 0px;
}

.loca-advan-rt-sec ul li:last-child{
    border: none;
}

.loca-advan-rt-sec ul li figure{
    width: 70px;
    height: 70px;
    border: 1px #dcdcdc solid;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    margin: 0px 10px 0px 0px;
}

/***************************/
#gallery {
  padding: 20px 20px;
  margin: 0px 0px;
}

#image-gallery{
    display: grid;
    grid-template-columns: auto auto auto auto;
}
.img-container-box{
    margin: 15px 15px;
    border: 4px #fff solid;
    border-radius: 6px;
    box-shadow: 0px 0px 5px #dcdcdc;
    overflow: hidden;
}
.img-wrapper {
  position: relative;
  cursor: pointer;
}
.img-wrapper img {
  width: 100%;
}

.img-overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
.img-overlay i {
  color: #fff;
  font-size: 3em;
}

#overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#overlay img {
  margin: 0;
  width: 80%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 5%;
}

#nextButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}
#nextButton:hover {
  opacity: 0.7;
}

#prevButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}
#prevButton:hover {
  opacity: 0.7;
}


#exitButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
}
#exitButton:hover {
  opacity: 0.7;
}


/************************************/
.wp-block-yoast-faq-block{
    width: 80%;
    margin: 40px auto;
}
.wp-block-yoast-faq-block .schema-faq-section{
    border: 1px solid #dcdcdc;
    margin-bottom: 15px;
    border-radius: 8px;
    box-shadow: rgba(143, 143, 143, 0.2) 0px 1px 5px 0px;
}
 .schema-faq-question {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 20px 65px 20px 20px;
    font-weight: 600;
    font-size: 18px;
    color: #333;
    margin: 0px 0px;
}
 .schema-faq-question:after {
    position: absolute;
    content: "+";
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
    border-radius: 50%;
    font-size: 25px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
}
 .schema-faq-section.active .schema-faq-question:after {
    content: "-";
    align-items: normal;
    font-size: 30px;
    line-height: 17px;
}
 .schema-faq-question:hover{
    background: #F8F8F8;
    border-radius: 8px;
}
 .schema-faq-section.active .schema-faq-question{
  background: #F8F8F8;
  border-radius: 0;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;  
}
 .schema-faq-answer {
    display: none;
    margin: 20px 0 20px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 24px;
}


/**************************/

.gallery-grid-main {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
  margin: 40px 0px 40px 0px;
    align-items: center;
    justify-content: center;
}

/* Create four equal columns that sits next to each other */
.column {
  flex: 30%;
  max-width: 25%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
}

/****************************/

.contact-form-main{
    background: #F6FFF8;
    margin: 60px 0px 0px 0px;
    padding: 30px 0px 80px 0px;
}
.contact-form-container{
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 40px;
}
.contact-details-main{
    width: 50%;
}
.contact-form-content{
    width: 50%;
    background: #fff;
    padding: 40px;
    border-top: 6px #4DA93C solid;
    margin-top: 30px;
}

.contact-form-input input{
    border: 1px #dcdcdc solid;
    min-height: 45px;
    border-radius: 4px;
    padding: 0px 20px;
    font-size: 14px;
    color: #333;
    display: block;
    margin-bottom: 14px;
     width: 94%;
}
.contact-form-input textarea{
    border: 1px #dcdcdc solid;
    min-height: 45px;
    border-radius: 4px;
    padding: 20px 20px;
    font-size: 14px;
    color: #333;
    display: block;
    margin-bottom: 14px;
    width: 94%;
    min-height: 80px;
}

.contant-form-btn-set{
    font-size: 18px;
    font-weight: 600;
    color: #333;
    background: #F2D203;
    border: none;
    border-radius: 6px;
    width: 300px;
    min-height: 50px;
    margin: 20px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    text-align: center;
    cursor: pointer;
}

.contact-form-heading{
    margin: 20px 0px 50px 0px;
    padding: 0px;
    display: flex;
    align-items: center;
    gap: 30px;
}
.contact-form-heading b{
    font-size: 30px;
    font-weight: 600;
    color: #4EAB3D;
    margin: 0px 0px 0px 0px;
}
.contact-form-heading span{
    width: 140px;
    border-bottom: 2px #4EAB3D solid;
    margin: 0px 0px 0px 0px;
}
.get-intouch-sec{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
}
.get-intouch-sec b{
    font-size: 42px;
    font-weight: 400;
    color: #333;
    margin: 0px 0px 20px 0px;
}
.get-intouch-sec p{
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin: 0px 0px 20px 0px;
    line-height: 24px;
    width: 90%;
}
.get-cantect-sec{
    margin: 20px 0px 30px  0px;
    padding: 0px 0px;
}

.get-cantect-sec b{
     font-size: 18px;
    font-weight: 400;
    color: #333;
    margin: 0px 0px 0px 0px;
    line-height: 28px;
}
.get-cantect-sec p{
      font-size: 15px;
    font-weight: 600;
    color: #4EAB3D;
    margin: 0px 0px 10px 0px;
    line-height: 24px;
    
}

.schedule-visit-cont-sec{
    margin: 0px 0px 0px 0px;
    padding: 12px 0px 0px 20px;
    width: 70%;
}
.schedule-visit-cont-sec h2{
    font-size: 40px;
    font-weight: 800;
    color: #fffb00;
    text-shadow: 0px 1px 4px #333;
    margin: 5px 0px 0px 0px;
}
.schedule-visit-cont-sec p{
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin: 10px 0px 0px 0px;
}
.schedule-btn-new{
    background: #003414;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: none;
    gap: 20px;
    min-height: 55px;
    padding: 0px 30px;
    width: 300px;
    cursor: pointer;
}
.schedule-btn-new img{
    width: 22%;
}
/****************************/
.footer-main-sec{
    margin: 0px 0px;
    padding: 120px 0px 20px 0px;
    background: #191919;
    position: relative;
    
}
.schedule-visit-box{
    position: absolute;
    top: -22%;
    left: 6vw;
    margin: 0% auto;
    width: 85%;
   background: #4DA93C;
    background: linear-gradient(90deg,rgba(77, 169, 60, 1) 1%, rgba(54, 122, 28, 1) 100%);
    padding:20px;
    border-radius: 12px;
    box-shadow: 0px 2px 8px #333;
    color: #fff;
}

.schedule-box-sec{
    display: flex;
    justify-content: space-between;
    gap: 40px;
    padding: 20px;
    border-radius: 12px;
    border: 2px #fff dotted;
}

.footer-main-sec .dis-text-sec{
   font-size: 12px;
    font-weight: 300;
    line-height: 22px;
    color: #bdbdbd;
}
.footer-main-sec h6{
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin: 0px 0px 0px 0px;
}
.divider-line{
    margin: 20px 0px;
    border-bottom: 1px #515151 solid;
}

.copy-wright-text{
    margin: 0px 0px;
    text-align: center;
    color: #dadada;
}

/******************************/

.progress-wrap {
  right: 25px;
  bottom: 25px;
  color: white;
  background: #4EAB3D;
  position: fixed;
  right: 50px;
  bottom: 50px;
  height: 50px;
  width: 50px;
  cursor: pointer;
  border-radius: 50px;
  box-shadow: inset 0 0 0 4px white;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: all 200ms linear;
}
.progress-wrap input {
  z-index: 10001;
}
.progress-wrap input:checked + html {
  -ms-scroll-snap-type: unset;
      scroll-snap-type: unset;
}
.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.progress-wrap::after {
  position: absolute;
  content: "↑";
  text-align: center;
  line-height: 50px;
  padding-right: 10px;
  font-size: 24px;
  color: #fff;
  left: -1px;
  top: 1px;
  height: 50px;
  width: 50px;
  cursor: pointer;
  display: block;
  z-index: 1;
  transition: all 200ms linear;
}
.progress-wrap:hover::after {
  opacity: 0;
}
.progress-wrap:hover::before {
  opacity: 1;
}
.progress-wrap::before {
  position: absolute;
  content: "↑";
  text-align: center;
  line-height: 50px;
  font-size: 24px;
  opacity: 0;
  -webkit-text-fill-color: #fff;
  left: -1;
  top: 1px;
  height: 50px;
  width: 50px;
  cursor: pointer;
  display: block;
  z-index: 2;
  transition: all 200ms linear;
}
.progress-wrap svg path {
  fill: none;
}
.progress-wrap svg.progress-circle path {
  stroke: #F2D203;
  stroke-width: 6;
  box-sizing: border-box;
  transition: all 200ms linear;
}

.dis-hide-sec{
    display: none;
}

/******************************/
#modalOverlay {
			position: fixed;
			top: 0;
			left: 0;
			background: rgba(0, 0, 0, 0.7);
			z-index: 99999;
			height: 100%;
			width: 100%;
	}
.modalPopup {
			position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #fff;
            border-radius: 20px;
            width: 52%;
            overflow: hidden;
            padding: 0 0 0px;
            -webkit-box-shadow: 0 2px 10px 3px rgba(0, 0, 0, .2);
            -moz-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
            box-shadow: 0 2px 10px 3px rgba(0, 0, 0, .2);
            height: auto;
	}
.modalContent {padding:0px; }
.headerBar{
    position: relative;
}
.modal-close-btn{
    position: absolute;
    right: 10px;
    top: 10px;
    background: transparent;
    border: none;
    width: 40px;
    height: 40px;
    font-size: 24px;
    font-weight: 600;
    cursor: pointer;
}
 .dis-hide-box{display: none;}

.modal-main-body-sec{
    display: flex;
    justify-content: space-around;
    /* grid-template-columns: 50% 50%; */
    /* height: 80vh; */
}
.modal-contact-form-content{
    padding: 20px 30px;
    width: 50%;
}

.modal-lt-img-sec{
    margin: 0px 0px;
    padding: 0px 0px;
    width: 50%;
}
.modal-lt-img-sec img{
    width: 100%;
    height: 100%;
}
.modal-logo-sec{
    margin: 0px auto;
    display: block;
    text-align: center;
}
.modal-logo-sec img{
    width: 130px;
}
.modal-main-heading{
    font-size: 20px;
    font-weight: 600;
    /* text-transform: uppercase; */
    line-height: 24px;
    color: #000;
    margin: 10px 0px 15px 0px;
    padding: 10px 0px 10px 0px;
    text-align: center;
     border-top: 1px #dcdcdc dotted;
    border-bottom: 1px #dcdcdc dotted;
}
.modal-form-input input{
    border: 1px #dcdcdc solid;
    min-height: 40px;
    border-radius: 4px;
    padding: 0px 20px;
    font-size: 14px;
    color: #333;
    display: block;
    margin-bottom: 14px;
     width: 90%;
}
.modal-form-input textarea{
    border: 1px #dcdcdc solid;
    min-height: 45px;
    border-radius: 4px;
    padding: 12px 20px;
    font-size: 14px;
    color: #333;
    display: block;
    margin-bottom: 14px;
    width: 94%;
    min-height: 50px;
}
.term-des-sec-main{
    font-size: 12px;
}


.modal-form-btn-set{
    font-size: 18px;
    font-weight: 600;
    color: #333;
    background: #F2D203;
    border: none;
    border-radius: 6px;
    width: 200px;
    min-height: 40px;
    margin: 10px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
    cursor: pointer;
}

.modal-form-btn-set img{
    width: 30px;
}

 .tablet-dis-hide-sec{
        display: block;
    }
.tablet-mob-dis-none{
    display: block;
}

.tablet-dis-hide-box{
    display: block;
}
.tab-con-hide-sec{
    display: none;
    }
.btn_hide-tab{
            display: block;
         }

.frame-box-set{
    width: 100%;
    height: 625px;
}

 .mid-sec-data-hide{
        display: block;
      }

      .footer-main-sec b{
        color: #fff;
        font-size: 16px;
        padding:20px 0px 20px 0px;
      }
/**************************************/


  /* default styles here for older browsers. 
       I tend to go for a 600px - 960px width max but using percentages
    */
   
    @media only screen and (max-device-width: 767px) {
       /* styles for mobile browsers smaller than 480px; (iPhone) */
        .container{
            width: 90%;
            margin: 0px auto;
        }
         .dis-hide-sec{
            display: none;
         }
        .mob-dis-none{
            display: none!important;
        }

        .dis-hide-box{
        display: block;
        }
        /*************************/
        .top-nav-sec-fix {
            position: fixed;
            height: 73px;
            background: #000000a6;
            z-index: 99;
            width: 100%;
            box-shadow: none;
            border-bottom: 1px #dcdcdc solid;
        }
        .top-logo-main img {
            width: 60%;
        }
        .main-cta-for-modal{
            width: 100%;
            margin: 20px 0px;
        }
      
        .mobile-social-get-touch-sec{
            background: #4EAB3D;
            position: fixed;
            bottom: 0px; 
            padding: 0px 0px;
            margin: 0px 0px;
            width: 100%;
            color: #fff;
            z-index: 99;
        }

        .mobile-social-get-touch-sec ul{
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 0px 0px;
            padding: 0px 20px;
            gap: 20px;
            /* height: 60px; */
            list-style: none;
        }
        .mobile-social-get-touch-sec ul li{
            border-right: 1px #dcdcdc solid;
            text-align: center;
            margin: 0px 0px;
            padding:15px 0px 15px 0px;
            /* height: 60px; */
            /* line-height: 55px; */
            width: 33%;
        }
        .mobile-social-get-touch-sec ul li:last-child{
            border: none;
            padding-right: 0px;
        }
        .mobile-social-get-touch-sec ul li a{
            text-decoration: none;
            font-size: 16px;
            color: #fff;
        }

        .mobile-social-get-touch-sec ul li figure{
            margin: 0px 0px 0px 0px;
            padding: 0px 0px;
        }
        .mobile-social-get-touch-sec ul li figure img{
            width: 26%;
        }
       
        .top-logo-main{
            text-align: right;
        }
        .enquire-form-btn{
                padding: 5px 30px;
                min-height: 36px;
        }
        #menuToggle{
            margin: 14px 5px 0px 5px;
            padding: 0px 0px 20px 0px;
            display: flex;
            justify-content: space-between;
        }
        #menuToggle span{
        display: block;
        width:  40px;
        height: 4px;
        margin: 8px 0px 0px 0px;
        position: relative;
        top: 0px;
        background: #fff;
        border-radius: 3px;
        z-index: 1;
        transform-origin: 4px 0px;
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                    background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                    opacity 0.55s ease;
        }

        #menuToggle span:first-child
        {
        transform-origin: 0% 0%;
        }

        #menuToggle span:nth-last-child(2)
        {
        transform-origin: 0% 100%;
        }

        /* 
        * Transform all the slices of hamburger
        * into a crossmark.
        */
        #menuToggle input:checked ~ span
        {
        opacity: 1;
        transform: rotate(45deg) translate(-2px, -1px);
        background: #232323;
        }

        /*
        * But let's hide the middle one.
        */
        #menuToggle input:checked ~ span:nth-last-child(3)
        {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
        }

        /*
        * Ohyeah and the last one should go the other direction
        */
        #menuToggle input:checked ~ span:nth-last-child(2)
        {
        transform: rotate(-45deg) translate(0, -1px);
        }
       
          .progress-wrap {
        bottom: 25px;
        right: 27px;
        bottom: 100px;
        }

        .benefit-main-conatiner{
            flex-direction: column;
        }

        .enquire-top-btn{
            line-height: 12px;
        }
        .top-bg-main-section{
        position: absolute;
        background: url("../images/agri-bg-main.jpg") no-repeat; 
        width: 100%;
        height: 700px;
        }
        .top-form-rt-sec-main{
            position: relative;
            top: 10px;
            padding: 0px 5px;
        }
        .enqure-btn-mob-label{
            position: relative;
            bottom: 9px;
        }
       
            .top-nav-main ul{
                flex-direction: column;
                width: 100%;
            }
            .banner-mid-text-sec h1 p {
            font-size: 36px;
            margin: 50px 0px 10px 0px;
            }
            .banner-mid-text-sec h1 span {
                font-size: 18px;
                font-weight: 400;
                line-height: 22px;
                }
            .top-bg-main-section {
            height: 100%;
            }
            .banner-mid-text-sec{
                text-align: center;
            }
            .banner-sub-text {
            font-size: 14px;
            }
            .footer-main-sec {
                padding: 40px 0px 20px 0px;
            }

            .why-choose-box {
                text-align: left;
            }
         .main-amenities-sec{
                /* flex-direction: column;
                margin-top: 60px;
                grid-template-columns: 100%; */
                margin-top: 66vh;
                    grid-template-columns: 100%;
                    width: 95vw;
                    overflow-y: auto;
                    display: -webkit-box;
                    padding: 30px 0px;
            }
            .tp-form-input-sec input{
                min-height: 35px;
            }
            .top-form-head-sec{
                font-size: 18px;
            }
            .why-invest-container{
                    flex-direction: column;
                    margin-top: 40px;
                    overflow-y: auto;
                    width: 95vw;
            }
                .why-rathhiglobal-content{
                    grid-template-columns:100%;
                    gap: 20px;
                }
                .sec-main-heading2 h2 span {
                    font-size: 26px;
                }
                .sec-main-heading2 h2 {
                    font-size: 22px;
                    font-weight: 600;
                    line-height: 32px;
                }
                .comparision-content-set, .yeida-auth-sub-text, .yeida-auth-content-sec p{
                    text-align: justify;
                }

            .amenities-box{
                 /* width: auto; */
                 width: 300px;
                display: block;
                margin-bottom: 0px;
                box-shadow: 0px 1px 5px #dcdcdc;
            }
            .why-invest-box-sec{
                 width: auto;
                display: block;
                margin-bottom: 0px;
            }
            .project-overview-sec-main{
                flex-direction: column;
            }
            .project-ov-lt-sec, .project-ov-rt-sec{
                 width: auto;
                display: block;
            }
            .proj-ht-content-sec {
                display: grid;
                grid-template-columns: auto auto;
                padding: 0px 0px;
            }
            .proj-details-box {
                padding: 14px;
                margin: 0px 0px 0px 0px;
                display: flex;
                gap: 10px;
                flex-direction: column;
                text-align: center;
            }
            .proj-details-box figure{
                width: 60px;
                height: 55px;
                margin: 0px;
            }
            .proj-details-box figure img{
                width: 60%;
            }
            .price-ht-sec-main {
                padding: 30px 0px 50px 0px;
            }
            .get-intouch-sec p{
                margin-top: 10px;
            }
            .get-cantect-sec p{
                font-size: 14px;
            }
            .wp-block-yoast-faq-block, .get-intouch-sec p, .get-cantect-sec b {
                width: auto;
                font-size: 16px;
               
            }
            .contact-form-heading {
                margin: 20px 0px 25px 0px;
            }
            .get-intouch-sec b{
                font-size: 36px;
            }
            .get-cantect-sec {
                margin: 20px 0px 0px 0px;
            }
            .loca-advan-rt-sec ul li {
                margin-right: 0px;
                flex-direction: column;
                text-align: center;
                margin: 0px 6px;
            }
            .loca-advan-rt-sec ul li figure{
                margin: 0px;
            }
            .loca-advan-rt-sec ul li p{
                font-size: 14px;
            }

            .frame-box-set{
                width: 100%;
                height: 325px;
            }
            .why-invest-box-sec figure{
                left: 12vw;
            }
            .banner-mid-text-sec{
                margin-top: 50px;
            }
            .contact-form-container{
                flex-direction: column;
                margin-top: 25px;
                gap: 20px;
                margin-bottom: 0px;     
            }
            .schedule-btn{
                margin: 20px 0px 0px 0px;
                padding: 15px 0px;
            }
            .price-details-box ul{
                display: grid;
                margin-top: 25px;
                gap: 0px;
                grid-template-columns: auto auto;
                grid-auto-flow: column;
            }
            .price-details-box ul li{
                text-align: center;
                margin-bottom: 10px;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                padding-left: 4px;
            }
            .price-details-box ul li figure img{
                width: 60%;
            }
            .price-details-box ul li aside h4 {
                font-size: 22px;
                margin: 0px 0px 5px 0px;
            }
            .price-details-box{
                padding: 10px 20px 30px 20px;
            }
            .location-advan-sec-main, .contact-form-container, .banner-middle-sec{
                 flex-direction: column;
                gap: 0px;
            }
            .loca-advan-lt-sec, .loca-advan-rt-sec, .contact-details-main, .banner-mid-text-sec, .banner-mid-form-sec{
               width: auto;
                display: block;
            }
            .why-invest-box-sec{
                    padding: 50px 20px;
                    width: 300px;
            }
            .contact-form-content{
                padding: 20px 20px;
                width: auto;
                display: block;
            }
            .why-invest-main-sec {
                margin: 0px 0px 0px 0px;
                padding: 30px 0px 0px 0px;
            }
            .location-mian-sec {
                margin: 0px 0px 0px 0px;
                padding: 20px 0px 5px 0px;
            }
            .top-nav-main {
                display: none;
                top: 66px;
                border-radius: 0px 0px 12px 12px;
                background:#fff;
                padding: 0px 0px;
                position: absolute;
                z-index: 99;
                left: 0px;
                width: 100%;
            }
            .top-nav-main ul li {
                color: #fff;
                margin: 0px 10px;
                padding: 5px 15px 5px 15px;
                border-bottom: 1px #dcdcdc solid;
            }
            .top-nav-main ul li:hover{
                background: #fafffd;
                margin: 0px 0px;
            }
               
             .top-nav-main ul li a{
                font-size: 16px;
                gap: 15px;
             }
             .top-nav-main ul li:last-child{
                border-bottom: none;
             }
             .project-ov-img{
                width: 100%;
             }
             .project-content-sec p {
            font-size: 15px;
            line-height: 26px;
            text-align: justify;
            }
            .sec-main-heading h2 {
                font-size: 24px;
                text-align: center;
            }
            .proj-details-box aside b{
                font-size: 14px;
            }
            .investment-pr-box-sec{
                padding: 10px 12px 5px 10px;
                margin: 0px 0px 0px 0px;
                height: auto;
            }
            .sec-main-heading3 h2 {
            font-size: 26px;
            text-align: center;
            line-height: 36px;
            }
            .sec-main-heading3 h2 span {
                color: #4EAB3D;
                font-size: 26px;
            }
            .contact-form-main {
            margin: 0px 0px 0px 0px;
            padding: 10px 0px 0px 0px;
        }

        .investment-pr-box-main{
            grid-template-columns: 100%;
            margin: 10px 0px;
        }
        .near-jawar-airport-main {
            grid-template-columns: 100%;
            padding: 0px 0px;
            gap: 0px;
            width: 95vw;
            overflow-y: auto;
            display: -webkit-box;
        }
        .yeida-auth-container-main{
            flex-direction: column;
            margin: 20px 0px 20px 0px;
            padding: 0px;
        }
        .yeida-auth-content-sec, .yeida-auth-table-main{
            width: 100%;
            margin-bottom: 20px;
        }
        .near-jewar-content-sec{
            display: flex;
        }
        .near-jewar-cont-box {
            margin: 10px 20px 0px 0px;
            padding: 20px 0px 20px 0px;
            width: 310px;
            border: 1px #dcdcdc solid;
            }
        
            .benefit-content-main-sec{
                width: 100%;
            }
            .benefit-sub-content-main{
                grid-template-columns: 100%;
            }
            #gallery {
            padding: 20px 0px;
            margin: 0px 0px;
        }
            #image-gallery {
            /* display: grid;
                grid-template-columns: auto auto; */
                display: -webkit-box;
                width: 91vw;
                overflow-y: auto;
            }
            .img-container-box {
                margin: 10px 5px;
                width: 325px;
            }
            .why-choose-box, .why-choose-box1 {
            display: grid;
            grid-template-columns: 100%;
            gap: 0px;
            }
            .why-choose-box span, .why-choose-box1 span {
            width: 90px;
            height: 90px;
            }
            .loca-advan-rt-sec ul {
                 grid-template-columns: auto auto;
            }
            .benefit-pra-content-set{
                text-align: justify;
            }
            .benefit-sub-content-sec p{
                margin: 0px;
            }

            .schema-faq-question {
            padding: 20px 48px 20px 20px;
            font-size: 16px;
            }
            .consider-investment-main-sec, .benefit-main-sec {
                margin: 0px 0px;
                padding: 10px 0px 30px 0px;
            }

        .modalPopup{
            width: 90%;
        }
        .modal-contact-form-content {
           padding: 20px 30px;
            width: 84%;
        }
        .modal-main-body-sec {
            flex-direction: column;
            justify-content: start;
        }
        
        .modal-logo-sec {
            margin: 10px auto;
        }
        .contact-form-heading b {
            font-size: 26px;
        }
        .modal-form-input input{
                width: 86%;
        }
        .main-cta-for-modal1{
            width: 100%;
            display: block;
        }
           
    }


    /* different techniques for iPad screening */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
      /* For portrait layouts only */
       /* styles for mobile browsers smaller than 480px; (iPhone) */
        /* styles for mobile browsers smaller than 480px; (iPhone) */
        .container{
            width: 90%;
            margin: 0px auto;
        }
         .tablet-dis-hide-sec{
            display: none;
         }
         .tab-con-hide-sec{
            display: block;
         }
         .btn_hide-tab{
            display: none;
         }
        /*************************/
        .top-bg-main-section {
            height: 42vh;
        }
         .main-cta-for-modal{
            width: 50%;
         }
         .proj-ht-content-sec {
             display: grid;
            grid-template-columns: 50% 50%;
         }
         .main-cta-for-modal1{
            width: 100%;
            display: block;
        }

         .top-nav-sec-fix {
            position: fixed;
            height: 70px;
            background: #272727db;
            z-index: 99;
            width: 100%;
            box-shadow: 0px 2px 10px #999;
            border-bottom: 1px #dcdcdc solid;
                }
            .top-logo-main img {
                width: 64%;
            }
          .mobile-social-get-touch-sec{
            background: #4EAB3D;
            position: fixed;
            bottom: 0px; 
            padding: 0px 0px;
            margin: 0px 0px;
            width: 100%;
            color: #fff;
            z-index: 89;
        }

        .mobile-social-get-touch-sec ul{
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 0px 0px;
            padding: 0px 20px;
            gap: 20px;
            /* height: 60px; */
            list-style: none;
        }
        .mobile-social-get-touch-sec ul li{
            border-right: 1px #dcdcdc solid;
            text-align: center;
            margin: 0px 0px;
            padding:15px 0px 15px 0px;
            /* height: 60px; */
            /* line-height: 55px; */
            width: 33%;
        }
        .mobile-social-get-touch-sec ul li:last-child{
            border: none;
            padding-right: 0px;
        }
        .mobile-social-get-touch-sec ul li a{
            text-decoration: none;
            font-size: 16px;
            color: #fff;
        }

        .mobile-social-get-touch-sec ul li figure{
            margin: 0px 0px 0px 0px;
            padding: 0px 0px;
        }
        .mobile-social-get-touch-sec ul li figure img{
            width: 26%;
        }

        .tp-form-input-sec input {
            width: 90%;
            margin-bottom: 10px;
            margin-top: 5px;
            font-size: 14px;
            padding: 5px 10px;
            min-height: 33px;
        }
        .top-form-body-sec {
            padding: 15px;
        }

        #menuToggle{
            margin: 0px 5px 0px 5px;
            padding: 0px 0px 20px 0px;
            display: flex;
            justify-content: space-between;
        }
        #menuToggle span{
        display: block;
        width:  40px;
        height: 4px;
        margin: 8px 0px 0px 0px;
        position: relative;
        top: 0px;
        background: #fff;
        border-radius: 3px;
        z-index: 1;
        transform-origin: 4px 0px;
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                    background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                    opacity 0.55s ease;
        }

        #menuToggle span:first-child
        {
        transform-origin: 0% 0%;
        }

        #menuToggle span:nth-last-child(2)
        {
        transform-origin: 0% 100%;
        }

        /* 
        * Transform all the slices of hamburger
        * into a crossmark.
        */
        #menuToggle input:checked ~ span
        {
        opacity: 1;
        transform: rotate(45deg) translate(-2px, -1px);
        background: #232323;
        }

        /*
        * But let's hide the middle one.
        */
        #menuToggle input:checked ~ span:nth-last-child(3)
        {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
        }

        /*
        * Ohyeah and the last one should go the other direction
        */
        #menuToggle input:checked ~ span:nth-last-child(2)
        {
        transform: rotate(-45deg) translate(0, -1px);
        }
 
        #myVideo {
        background: #19280e;
        }

         .top-nav-main {
                display: none;
                top: 70px;
                border-radius: 0px 0px 12px 12px;
                background: #fff;
                padding: 0px 0px;
                position: absolute;
                z-index: 99;
                left: 0px;
                width: 100%;
                box-shadow: 0px 0px 10px #999;
            }
            .top-nav-main ul li {
                color: #fff;
                margin: 0px 10px;
                padding: 2px 15px 2px 15px;
                border-bottom: 1px #dcdcdc solid;

            }
            .top-nav-main ul li:hover{
                background: #001a0c;
                margin: 0px 0px;
            }
               
             .top-nav-main ul li a{
                font-size: 16px;
                gap: 20px;
             }
             .top-nav-main ul li:last-child{
                border-bottom: none;
             }

             .top-nav-main ul {
                display: grid;
                grid-template-columns: 100%;
                width: 100%;
            }
             .main-amenities-sec {
                 margin-top: 5%;
                 display: grid;
                 grid-template-columns: auto auto;
                 gap: 20px;
             }
             .amenities-box {
                width: 86%;
                margin-bottom: 10px;
             }
             .banner-mid-form-sec {
             width: 40%;
            }
       .yeida-auth-container-main{
            flex-direction: column;
        }
        .banner-middle-sec{
            align-items: center;
        }
        .banner-middle-sec {
            margin-top: 12%;
        }
        .banner-usp-sec li p{
            font-size: 14px;
            line-height: 20px;
        }
        .head-hightlight-text {
            font-size: 16px;
        }
        .banner-usp-sec {
            margin: 20px 0px 40px 0px;
        }

        .banner-mid-text-sec h1 p {
            font-size: 44px;
            font-weight: 600;
            margin: 60px 0px 18px 0px;
        }
        .banner-mid-text-sec h1 span {
            font-size: 22px;
            line-height: 20px;
        }
        .project-ov-rt-sec, .yeida-auth-content-sec, .yeida-auth-table-main, .benefit-content-main-sec, .loca-advan-rt-sec, .loca-advan-lt-sec {
            width: 100%;
        }
        .project-overview-sec-main, .benefit-main-conatiner, .location-advan-sec-main{
            flex-direction: column;
        }
        .investment-pr-box-sec i{
            font-size: 55px;
        }
        .investment-pr-box-main {
            display: grid;
            grid-template-columns: auto auto;
        }

        .near-jawar-airport-main{
         grid-template-columns: auto auto auto;
            gap: 14px;
            place-items: flex-start;
        }
        #gallery {
            padding: 20px 0px;
        }
        .why-invest-box-sec figure{
                left: 6.5vw;
        }
        .why-invest-container{
             grid-template-columns: auto auto ;
        }
        .wp-block-yoast-faq-block {
            width: 100%;
        }
        .why-choose-box1 {
            display: grid;
            grid-template-columns: 22% 73%;
        }
        .why-choose-box {
            display: grid;
            grid-template-columns: 73% 10%;
        }
        .why-rathhiglobal-content {
            gap: 15px;
            grid-template-columns: 100%;
        }
        .schedule-visit-cont-sec p {
        font-size: 14px;
        }
        .schedule-visit-cont-sec h2 {
            font-size: 26px;
        }
        .near-jewar-img-sec {           
            width: 34vw;
        }
        .modalPopup{
            width: 90%;
        }
        .modal-contact-form-content {
           padding: 20px 30px;
            width: 84%;
        }
        .modal-main-body-sec {
            /* flex-direction: column; */
            justify-content: start;
        }
        
        .modal-lt-img-sec {
            width: 100%;
        }
        .modal-logo-sec {
            margin: 10px auto;
        }
         .enqure-btn-mob-label{
            position: relative;
            bottom: 10px;
        }
        #image-gallery {
            display: grid;
            grid-template-columns: 35% 35% 35%;
        }

        .top-form-head-sec {
        font-size: 15px;
        padding: 14px 0px;
        }
        .contact-form-container, .schedule-box-sec{
            display: grid;
            grid-template-columns: 100%;
        }
        .contact-details-main, .contact-form-content{
            width: 90%;
        }
        .schedule-visit-cont-sec, .schedule-btn-new{
            width: 100%;
        }
        .contact-form-main{
            margin: 60px 0px 0px 0px;
        }
        .footer-main-sec {
            margin: 0px 0px;
            padding: 30px 0px 20px 0px;
        }
    }


 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
      /* For landscape layouts only */

        .container{
            width: 90%;
            margin: 0px auto;
        }
         .tablet-dis-hide-sec{
            display: none;
         }
         .tab-con-hide-sec{
            display: block;
         }
         .btn_hide-tab{
            display: none;
         }
        /*************************/
        .top-bg-main-section {
            height: 75vh;
        }
         .main-cta-for-modal{
            width: 50%;
         }
         .proj-ht-content-sec {
             display: grid;
            grid-template-columns: 50% 50%;
         }

         .top-nav-sec-fix {
            position: fixed;
            height: 70px;
            background: #272727db;
            z-index: 99;
            width: 100%;
            box-shadow: 0px 2px 10px #999;
            border-bottom: 1px #dcdcdc solid;
                }
            .top-logo-main img {
                width: 64%;
            }
          .mobile-social-get-touch-sec{
            background: #4EAB3D;
            position: fixed;
            bottom: 0px; 
            padding: 0px 0px;
            margin: 0px 0px;
            width: 100%;
            color: #fff;
            z-index: 89;
        }

        .mobile-social-get-touch-sec ul{
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 0px 0px;
            padding: 0px 20px;
            gap: 20px;
            /* height: 60px; */
            list-style: none;
        }
        .mobile-social-get-touch-sec ul li{
            border-right: 1px #dcdcdc solid;
            text-align: center;
            margin: 0px 0px;
            padding:15px 0px 15px 0px;
            /* height: 60px; */
            /* line-height: 55px; */
            width: 33%;
        }
        .mobile-social-get-touch-sec ul li:last-child{
            border: none;
            padding-right: 0px;
        }
        .mobile-social-get-touch-sec ul li a{
            text-decoration: none;
            font-size: 16px;
            color: #fff;
        }

        .mobile-social-get-touch-sec ul li figure{
            margin: 0px 0px 0px 0px;
            padding: 0px 0px;
        }
        .mobile-social-get-touch-sec ul li figure img{
            width: 26%;
        }

        .tp-form-input-sec input {
            width: 90%;
            margin-bottom: 10px;
            margin-top: 5px;
            font-size: 14px;
            padding: 5px 10px;
            min-height: 33px;
        }
        .top-form-body-sec {
            padding: 15px;
        }

        #menuToggle{
            margin: 0px 5px 0px 5px;
            padding: 0px 0px 20px 0px;
            display: flex;
            justify-content: space-between;
        }
        #menuToggle span{
        display: block;
        width:  40px;
        height: 4px;
        margin: 8px 0px 0px 0px;
        position: relative;
        top: 0px;
        background: #fff;
        border-radius: 3px;
        z-index: 1;
        transform-origin: 4px 0px;
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                    background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                    opacity 0.55s ease;
        }

        #menuToggle span:first-child
        {
        transform-origin: 0% 0%;
        }

        #menuToggle span:nth-last-child(2)
        {
        transform-origin: 0% 100%;
        }

        /* 
        * Transform all the slices of hamburger
        * into a crossmark.
        */
        #menuToggle input:checked ~ span
        {
        opacity: 1;
        transform: rotate(45deg) translate(-2px, -1px);
        background: #232323;
        }

        /*
        * But let's hide the middle one.
        */
        #menuToggle input:checked ~ span:nth-last-child(3)
        {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
        }

        /*
        * Ohyeah and the last one should go the other direction
        */
        #menuToggle input:checked ~ span:nth-last-child(2)
        {
        transform: rotate(-45deg) translate(0, -1px);
        }
 
        #myVideo {
        background: #19280e;
        }

         .top-nav-main {
                display: none;
                top: 70px;
                border-radius: 0px 0px 12px 12px;
                background: #fff;
                padding: 0px 0px;
                position: absolute;
                z-index: 99;
                left: 0px;
                width: 100%;
                box-shadow: 0px 0px 10px #999;
            }
            .top-nav-main ul li {
                color: #fff;
                margin: 0px 10px;
                padding: 2px 15px 2px 15px;
                border-bottom: 1px #dcdcdc solid;

            }
            .top-nav-main ul li:hover{
                background: #001a0c;
                margin: 0px 0px;
            }
               
             .top-nav-main ul li a{
                font-size: 16px;
                gap: 20px;
             }
             .top-nav-main ul li:last-child{
                border-bottom: none;
             }

             .top-nav-main ul {
                display: grid;
                grid-template-columns: 100%;
                width: 100%;
            }
             .main-amenities-sec {
                 margin-top: 5%;
                 display: grid;
                 grid-template-columns: auto auto;
                 gap: 20px;
             }
             .amenities-box {
                width: 86%;
                margin-bottom: 10px;
             }
             .banner-mid-form-sec {
             width: 40%;
            }
       .yeida-auth-container-main{
            flex-direction: column;
        }
        .banner-middle-sec{
            align-items: center;
        }
        .banner-middle-sec {
            margin-top: 12%;
        }
        .banner-usp-sec li p{
            font-size: 14px;
            line-height: 20px;
        }
        .head-hightlight-text {
            font-size: 16px;
        }
        .banner-usp-sec {
            margin: 20px 0px 40px 0px;
        }

        .banner-mid-text-sec h1 p {
            font-size: 44px;
            font-weight: 600;
            margin: 60px 0px 18px 0px;
        }
        .banner-mid-text-sec h1 span {
            font-size: 22px;
            line-height: 20px;
        }
        .project-ov-rt-sec, .yeida-auth-content-sec, .yeida-auth-table-main, .benefit-content-main-sec, .loca-advan-rt-sec, .loca-advan-lt-sec {
            width: 100%;
        }
        .project-overview-sec-main, .benefit-main-conatiner, .location-advan-sec-main{
            flex-direction: column;
        }
        .investment-pr-box-sec i{
            font-size: 55px;
        }
        .investment-pr-box-main {
            display: grid;
            grid-template-columns: auto auto;
        }

        .near-jawar-airport-main{
         grid-template-columns: auto auto auto;
            gap: 14px;
            place-items: flex-start;
        }
        #gallery {
            padding: 20px 0px;
        }
        .why-invest-box-sec figure{
                left: 6.5vw;
        }
        .why-invest-container{
             grid-template-columns: auto auto ;
        }
        .wp-block-yoast-faq-block {
            width: 100%;
        }
        .why-choose-box1 {
            display: grid;
            grid-template-columns: 22% 73%;
        }
        .why-choose-box {
            display: grid;
            grid-template-columns: 73% 10%;
        }
        .why-rathhiglobal-content {
            gap: 15px;
            grid-template-columns: 100%;
        }
        .schedule-visit-cont-sec p {
        font-size: 14px;
        }
        .schedule-visit-cont-sec h2 {
            font-size: 26px;
        }
        .near-jewar-img-sec {           
            width: 34vw;
        }
        .modalPopup{
            width: 90%;
        }
        .modal-contact-form-content {
           padding: 20px 30px;
            width: 84%;
        }
        .modal-main-body-sec {
            /* flex-direction: column; */
            justify-content: start;
        }
        
        .modal-lt-img-sec {
            width: 100%;
        }
        .modal-logo-sec {
            margin: 10px auto;
        }
         .enqure-btn-mob-label{
            position: relative;
            bottom: 10px;
        }
        #image-gallery {
            display: grid;
            grid-template-columns: 35% 35% 35%;
        }

        .top-form-head-sec {
        font-size: 15px;
        padding: 14px 0px;
        }
     
    } 


    @media only screen and (min-device-width: 1025px) and (max-device-width: 1440px) and (orientation:landscape) {
      /* For landscape layouts only */
            .mid-sec-data-hide{
            display: none;
            }
            .banner-mid-text-sec h1 p {
            font-size: 92px;
            }
            .near-jewar-img-sec, .benefit-content-main-sec, .wp-block-yoast-faq-block {
            width: 100%;
        }
        .why-invest-box-sec figure{
            left: 2vw;
        }
        .project-ov-lt-sec {
            width: 60%;
        }
        .why-rathhiglobal-content {
            display: grid;
            grid-template-columns: 49% 49%;
            gap: 50px;
            }

            .banner-middle-sec {
            position: relative;
            margin-top: 24vh;
            }
              .top-bg-main-section{
            height: 53vh;
        }
       
   
    }

 @media only screen and (min-device-width: 1441px) and (max-device-width: 1920px) and (orientation:landscape) {

 /* styles for browsers larger than 1440px; */
         .top-bg-main-section{
            height: 113vh;
        }

        .banner-middle-sec {
            position: relative;
            margin-top: 28vh;
            }

 }


 @media only screen and (min-device-width: 1921px) and (max-device-width: 2560px) and (orientation:landscape) {

 /* styles for browsers larger than 1440px; */
         .top-bg-main-section{
            height: 105vh;
        }

        .banner-middle-sec {
            position: relative;
            margin-top: 28vh;
            }

 }




@media screen and (min-width: 768px) {
  #overlay img {
    width: 60%;
  }
   #nextButton {
    font-size: 3em;
  }
  #prevButton {
    font-size: 3em;
  }
}
@media screen and (min-width: 1200px) {
  #overlay img {
    width: 50%;
  }
   #exitButton {
    font-size: 3em;
  }
}


@media (max-width: 650px) {
  td {
    display: flow;
    gap: 2.5rem;
    grid-template-columns: 1fr 1fr;
    padding: 2rem 2rem;
  }

  td:first-child {
    padding-top: 2rem;
  }

  td:last-child {
    padding-top: 2rem;
  }

  th {
    display: none;
  }

  td::before {
    /* content: attr(data-cell); */
    font-weight: bold;
    font-size: 16px;
    text-transform: capitalize;
    padding: 0.5rem 1rem;
  }

  td:nth-of-type(1)::before {
    background: #e3f4df;
  }

  td:nth-of-type(2)::before {
    background: #e5f4fb;
  }

  td:nth-of-type(3)::before {
    /* content: attr(data-cell); */
    background: #fffaee;
  }
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column {
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
}



/**************************************************/