@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600&display=swap');


*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@font-face {
font-family: myFirstFont;
src: url('../aAgreementSignature.ttf');
}


html{
scroll-behavior: smooth;
}
/**---End Header Social Links --*/ 
.social_links_wrap{
width: 80%;
height: 1px;
margin: auto;
position: relative;
top: 20px;
color: #d77740;
z-index: 999;
}
/* .social_links_wrap .col-lg-8{
border: 1px solid green;
}
.social_links_wrap .col-lg-4{
border: 1px solid magenta;
} */
.follow_us{
display: flex;
  justify-content: space-around;
  align-items: center;
}
.follow_us span{
display: inline-block;
height: 20px;
width: 20px;
border-radius: 100%;
position: relative;
background-color: #d77740;
cursor: pointer;
}
.follow_us span a{
font-size: 0.7rem;
position: absolute;
top: 3px;
right: 4px;
color: #fff;
}
.follow_us span #twitter-icon {
top: 3px;
right: 4.5px;
}
.follow_us span  #instagram-icon{
top: 2.2px;
right: 4.5px;
}
.follow_us span #facebook-icon {
top: 3px;
right: 6px;
}
/**---End Header Social Links --*/ 

.navbar-nav .nav-link{
 color: #d77740;
 font-size: 0.9rem;
 padding: 10px 16px !important;
}
.navbar-nav .nav-link:hover{
  color: #000;
}

.navbar-brand{
margin-top: -15px;
margin-left: 30px;
}
.navbar-brand img{
width: 200px;
} 

#header_section_wrapper{
  width: 100%;
  background-color: rgba(0, 0, 0, 0.0);
  position: absolute;
  z-index: 999;
}
/* .social_media{
text-align: end;
padding-right: 2rem;
position: relative;
top: 30px;
right: 124px;
}
.social_media_icon a{
  line-height: 20px;
  font-size: 0.8rem;
  color: #000;
}
.social_media .email, .social_media .follow_us{
  font-size: 0.8rem;
  border-radius: 100%;
  padding: 1px;
}
.social_media_icon{
background-color: #000;
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 100%; 
  margin:0 5px -5px 5px;   
}
.twitter_icon,.instagram_icon,.facebook_icon{
color: #fff;
font-size: 0.8rem;
height: 20px;
width: 20px;
display: flex;
margin-left: 4px !important;
}
.facebook_icon{
margin-left: 6px !important;
}  */

/* #main_body_wrapper{
background-image: url('../img/main_banner.jpeg');
width: 100%;
height: 100vh;
background-size: 100% 100%;
background-repeat: no-repeat;
} */

/* #main_body_wrapper .container{
height: 100%;
text-align: center;
margin: 56px auto;
} */
/*---- Home section coding -----*/
.home_section{
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
#main_body_wrapper{
  position: relative;
}

.box_shadow {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999;
  height: 300px;
  box-shadow: inset 0 162px 64px -35px rgb(233 233 233 / 96%);
}
.home_section .container-fluid{
  padding: 0;
}
.responsive{
  height: 100%;
  height: 100vh;
  z-index: 000;
  padding: 0;

}
.mai_home_wrapper{
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;

}
.responsive .banner_images_wrap{
  width: 100%;
  height: 100vh;
  padding: 0;

}
.responsive .banner_images_wrap img{
  width: 100%;
  height: 100%;
}

.home_banner_contents{
   width: 100%;
  margin: auto;
  z-index: 999999999;
   position: absolute;
   bottom: 10%;
   width: 100%;
   text-align: center;
   height: auto;
}
.home_banner_contents h1{
  font-size: 3rem;
  color: #fff;
  /* text-shadow: 20px 15px 15px #000;
  text-shadow: 2px 2px 5px #000; */
  font-family: 'Playfair Display', serif;
  text-shadow:10px 10px 20px #000, 10px 10px 20px #000, 10px 0px 20px #000, 10px 10px 20px #000;

}
.home_banner_contents h5{
  font-family: 'Playfair Display', serif;
  margin-top: -10px;
  font-size: 1.8rem;
  color: #fff;
  text-shadow:10px 10px 20px #000, 10px 10px 20px #000, 10px 0px 20px #000, 10px 10px 20px #000;
}
.home_banner_contents h6{
  font-family: 'Playfair Display', serif;
  font-size: 1.5rem;
  color: #fff;
  text-shadow:10px 10px 20px #000, 10px 10px 20px #000, 10px 0px 20px #000, 10px 10px 20px #000;
}
.home_banner_contents p{
  font-family: 'Playfair Display', serif;
  margin: 13px auto 0 auto;
  font-size: 1rem;
  color: #fff;
  text-shadow: 10px 10px 20px #000, 10px 10px 20px #000, 10px 0px 20px #000, 10px 10px 20px #000;
  line-height: 24px;
  width: 55%;
  text-align: center;
}
.home_banner_contents a{
  padding: 8px 22px;
  background-color: #000;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 20px;
  display: inline-block;
  margin-top: 100px;
}
/* .home_carousel{
  border: 2px solid red;
} */
.small_dots{
  border-radius: 100%;
  height: 20px;
  width: 20px;
  position: absolute;
  left: 115px;
  top: 50px;
  background-color:#d08a56;
}
.small_sec_dot{
  border-radius: 100%;
  height: 20px;
  width: 20px;
  position: absolute;
  right: 120px;
  bottom: 40px;
  background-color:#d08a56;
}
.arrow_dot{
  border-radius: 100%;
  height: 38px;
  width: 38px;
  position: absolute;
  left: 70px;
  bottom: 50px;
  color: #fff;
  font-size: 2rem;
  background-color:#d08a56;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  border: none;
}
.start_btn a{
  padding: 10px 30px;
  border-radius: 20px;
  font-size: 0.8rem;
  background-color: #4a4d54;
  color: #f9e5c0;
  border: none;
  text-decoration : none;
}
.start_btn:hover a{
  background-color: #d08a56;
}

/*Slick Sliders code*/
/* .slick-prev,.slick-next {
display: none !important;
} */


.gallery_wrapper .slick-prev,.gallery_wrapper .slick-next {
display: none !important;
} 



.rak_overivew .slick-next {
  right: -40px !important;
display: block !important;
}
.rak_overivew .slick-prev {
   left: -40px !important; 
   display: block !important;

}

.slick-next:before {
  content: url("../img/icons/arrow_next.svg") !important;
}
.slick-prev:before {
  content: url("../img/icons/arrow_prev.svg") !important;
}


/* eND OF Slick Sliders code*/
.start_form{
height: 275px;
max-height: 380px;
width: 45px;
position: fixed;
top: 24%;
right: 0;
transition: all 0.80s ;
z-index: 999;
display: flex;
justify-content: space-between;
}
.get_start_button{
width: 50px;
height: 100%;
}
.get_start_button .get_started{
writing-mode: vertical-rl; 
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: inherit;
background-color: rgba(0, 0, 0, 0.0);
margin-right: -5px;
}
.get_btn{
padding: 40px 13px;
font-size: 0.8rem;
font-weight: 500;
text-transform: uppercase;
color: #fff;
background-color: #494955;
text-decoration: none;
cursor: pointer;
}
.get_btn:hover{
color: #fff;
}
.form_group{
width: 250px;
height: 235px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #fff;
}
.form_group h5{
text-transform: uppercase;
font-size: 0.9rem;
margin-bottom: 10px;
}
#submitBtn{
color: #fff;
text-transform: uppercase;
padding: 5px 12px;
border: none;
text-align: center;
background-color: #d08a56;
font-size: 0.8rem;
}
/* #submitBtn:focus{
background-color: #3f220c;
}
#submitBtn:hover{
background-color: #3f220c;
} */
#contactForm input{
border-radius: 0px;
}

/* .side_form {
border: 1px solid red;
display: flex;
justify-content: space-between;
position: relative;
background-color: #fff;
height: 300px;
max-height: 380px;
width: 300px;
position: fixed;
top: 24%;
right: 0;
z-index: 99;
transition: all 0.80s ;
z-index: 999;
}

#form_wrapper{
padding: 10px;
border: 2px solid magenta;
width: 200px;
height: auto;
} */

::placeholder {
 font-size: 0.8rem !important;
}

/* #svg_logo_right circle[Attributes] {
cx: 294;
cy: 12;
r: 4;
fill: red;
} */
/**--End of home section coding--*/


/*-- Price Section-*/
.home_svg_wrapper {
  text-align: center;
  margin-top: -37px;
  position: absolute;
  width: 100%;
  bottom: -65px;
}
.book_site_visit, .amenity_book_site_visit{
margin-top: -50px;
position : relative;
}
.neighbour_book_site_visit{

}
.about_felicity_book_site_visit{
margin-top: 20px;
text-align: center;
}
.neighbour_book_site_visit {
margin-top: -20px;
}
.neighbour_book_site_visit, .invest_book_site_visit{
text-align: center;

}
.invest_book_site_visit{
text-align: center;
margin: -52px 0 40px 0;
}

.price_get_location {
text-align: center;
background-color: #eff1f2;
margin-top: 0px;
padding-bottom: 20px;
}
.book_site_visit h6, .about_felicity_book_site_visit h6, .amenity_book_site_visit h6, .neighbour_book_site_visit h6, .invest_book_site_visit h6, .price_get_location h6{
display: inline-block;
color: #f9e5c0;
background-color: #494955 !important;
border-radius: 5px;
padding: 6px 12px;
font-size: 0.8rem;
font-weight: 400;
cursor: pointer;
border: none;
}
/*-- Price Section-*/


.price_heading{
margin: 30px auto 20px auto;
text-align: center;
font-size: 1.8rem;
font-weight: 400;
text-transform: uppercase;
}
.price_wrapper{
background-color:#eff1f2;
height: 330px;
}
.price_details{
width: 100%;
margin: auto;
padding: 40px 0;
text-align: center;

}
.plot_price{
text-align: left;
justify-content: center;
font-weight: 500;
}
.price_overview p{
text-align: center !important;
}
.price_details p{
margin: 0;
font-size: 0.9rem;
text-align: left;
}
.price_details h3{
border-radius: 10px;
background-color: #ececee;
margin: 10px auto;
padding: 6px 26px;
font-size: 1.5rem;
border: 1px solid #d4d4d6;
}
.prices {
border-bottom: 1px solid #abacad;
padding: 5px 5px 5px 5px;
height: 33px;
width: 100%;
float: left;
position: relative;
transition: height 1s;
-webkit-transition: height 1s;
text-align: center;
overflow: hidden;
}
.prices:hover {
height: 65px;
background-color: #e4e7e8;
} 

.plot_price{
text-align: left;
justify-content: center;
font-weight: 500;
}
.villa_plot{
padding: 4px;
border-bottom: 1px solid #abacad;
}
.plotBreak{
display: flex;
justify-content: center;
}
.plotBreak p{
border: 1px solid gainsboro;
 background-color: #d08a56;
 width: 120px;
 font-weight: 500;
 border-radius: 5px;
 color: #fff;
 cursor: pointer;
 text-align: center;
}
.center_div{

  width: 65%;
  margin: 0 auto;

}
.modal_logo{
width: 160px;
height: 60px;
}
.modal_logo img{
width: 100%;
height: 100%;
}

.modal-body {
padding: 20px 40px 30px 40px;
}

.modal-body .heading{
 margin-bottom: 30px;
 text-align: center;
}
.modal-header{
border: none !important;
}

/*-- End of Price section--*/
/*-- End of Price section--*/

.modal_logo{
  width: 160px;
  height: 60px;
}
.modal_logo img{
  width: 100%;
  height: 100%;
}

.modal-body {
  padding: 20px 40px 30px 40px;
}
/* .modal_wrap{
  width: 130px;
  text-align: end;
  padding-right: 10px;
} */
.modal-body .heading{
   margin-bottom: 30px;
   text-align: center;
}
 .modal-header{
  border: none !important;
}

/* .accordion{
--bs-accordion-bg: rgb(210, 209, 209);
  
}
.accordion-button:not(.collapsed) , .accordion-body{
  color: #000;
  background-color: #b1b0ae;
}
.accordion-item {
color: var(--bs-accordion-color);
background-color: var(--bs-accordion-bg);
} 
*/
.plot_details{
width: 80%;
margin: auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.plot_details p{
margin: 0;
}

*:focus {
outline: 0 !important;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}

.accordion-button::after{
display: none;
box-shadow: none !important;
}
.accordion-body button{
padding: 4px 26px 6px 26px;
font-size: 0.8rem;
background-color: #222220;
border-radius: 10px;
font-weight: 500;
color: #fff;
border: none;
}
.accordion-button p{
margin: 0;
}

/*---- Location Section ----*/
.location iframe{
 width: 100%;
 height: 450px;
}

/*---- footer section ----*/
.footer{
    margin-top: -6px;
  padding: 1px 0 10px 0;
  background-image: url('../img/footer_bg_img.jpeg');
} 
.footer .container{
height: 100%;
text-align: center;
margin: 40px auto 30px auto;
}

#bookSiteVisit .modal-content, #getLocation .modal-content {
width: 80%;
}
#bookSiteVisit .modal-header .btn-close, #getLocation .modal-header .btn-close{
  font-size: 12px;
}
#bookSiteVisit .modal-header, #getLocation .modal-header{
display: flex;
justify-content: center;
}
#bookSiteVisit .modal-header .modal_img, #getLocation .modal-header .modal_img{
 width: 100px;
}
#bookSiteVisit .modal-header .modal_img img, #getLocation .modal-header .modal_img img{
width: 100%;
}
#bookSiteVisit .modal-header div, #getLocation .modal-header div{
 display: inline-block;
 width: 130px;
}
#bookSiteVisit .modal-body , #getLocation .modal-body {
padding: 5px 40px 38px 40px;
}
#bookSiteVisit .submitBtn, #getLocation .submitBtn  {
width: 100%;
color: #fff;
text-transform: uppercase;
padding: 8px 12px;
border: none;
text-align: center;
background-color: #d08a56;
font-size: 0.8rem;
}

.address{
text-align: left;
}

.address .img_wrap img{
width: 70px;
}
.address .img_wrap h5{
  font-size: 1.5rem;
  font-family: italic;
  font-weight: 500;
  margin-bottom: -5px;
  color: #fff;
}
.address .img_wrap h6{
  font-size: 0.8rem;
  font-family: italic;
  text-transform: uppercase;
  color: #fff;
}
.address p{
  text-align: left;
  font-size: 0.9rem;
  margin-top: 20px;
  color: #fff;
}


.social_link .heading, .general, .phone{
  font-size: 1rem;
  font-weight: 400;
  color: #e3d1a2;
}
.phone a{
color: #fff !important;
text-decoration: none;
}
.social_link .twitter,  .social_link .instagram,  .social_link .facebook{
background-color: #fff;
width: 25px;
height: 25px;
display: inline-block;
border-radius: 100%;
margin-left: 5px !important;
}


.social_link .twitter, .social_link .instagram, .social_link .facebook{
position: relative;
top: 8px;
}

.social_link .twitter a{
  position: absolute;
  left: 4px !important;
  top: 2px;
}
.social_link .instagram a{
position: absolute;
left: 5px !important;
top: 1px;
}
.social_link .facebook a{
position: absolute;
left: 7px !important;
top: 2px;
}
.social_link a{
color:  #000;
}
.social_link .footer_email{
color: #fff;
text-decoration: none;
}
.quick_links{
  width: 120px;
  margin:50px auto;
  text-align: left;
}
.quick_links, .message_section h6{
color: #e3d1a2
}
.quick_links p{
  color: #fff;
}
.quick_links p a{
color: #fff;
text-decoration: none;
}
.message_section{
text-align: left;
  margin-top:50px;
}
.message_section input, .message_section textarea{
border:1px solid  #2c4b4e !important;
border-radius: 0;
}
.message_section .submit_button{
  padding: 5px 22px;
  color: #000;
  font-size: 0.8rem;
  font-weight: 500;
  background-color: #536c72;
  text-transform: uppercase;
  border: none;
}
.message_section .submit_button:hover{
  background-color: #d08a56;
  color: #fff;
}
.message_section input,.message_section textarea{
 background-color: rgba(0, 0, 0, 0);
 color: #fff;
}
input[type='submit']:focus{
   background-color: #d08a56;
   color: #fff;
}

.footer_line{
  width: 100%;
}
.footer_line img{
  width: 100%;
}

.copy_right p{
  font-size: 0.8rem;
  color: #88a1a7;
  text-align: center;
  margin-top: 20px;
}
/* .phone_call span{
  width: 100px;
  height: 50px;
  border-radius: 100%;
  padding: 10px;
  background-color: #fff;
} */

.phoneDetails {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 100px;
  background-color: #fff;
  color: #000;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
  left: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.whatsapp {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 100px;
  background-color: #4dff4d;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
  right: 16px;
  padding-top: 2px;
}
.copy_right p{
  font-size: 0.8rem;
  color: #88a1a7;
  text-align: center;
  margin-top: 20px;
}
.design_By p a,.privacy_disclamer p a{
color: #d08a56;
text-decoration: none;
}
.privacy, .disclaimer{
  width: 80%;
  margin: auto;
}
.privacy h2, .disclaimer h2{
 text-align: center;
 font-size: 1.1rem;
 margin: 30px auto;
}
.privacy p, .disclaimer p{
    font-size: 0.9rem;
    margin: 0;
    padding-bottom: 15px;
}
/*-- Move To Top Section ---*/

.to-top {
  background: #f0d8b7;
  position: fixed;
  bottom: 16px;
  right:16px;
  width: 46px;
  height: 50px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size:32px;
  color:#fff;
  text-decoration: none;
  opacity:0;
  pointer-events: none;
  transition: all .4s;
}
.to-top img{
  width: 90%;
  height: 90%;
  padding: 10px 10px 15px 10px;
}

.to-top.active {
  bottom:32px;
  pointer-events: auto;
  opacity:1;
}
/*-- End of footer section--*/
/* .rak_overivew{
  width: 80%;
  padding: 20px;
  margin: 50px auto;
  padding: 50px;
 
  background:
    linear-gradient(to right, black 2px, transparent 2px) 0 0,
    linear-gradient(to right, black 2px, transparent 2px) 0 100%,
    linear-gradient(to left, black 2px, transparent 2px) 100% 0,
    linear-gradient(to left, black 2px, transparent 2px) 100% 100%,
    linear-gradient(to bottom, black 2px, transparent 2px) 0 0,
    linear-gradient(to bottom, black 2px, transparent 2px) 100% 0,
    linear-gradient(to top, black 2px, transparent 2px) 0 100%,
    linear-gradient(to top, black 2px, transparent 2px) 100% 100%;
  background-repeat: no-repeat;
  background-size: 40px 40px;
} */

.rak_overivew{
  width: 80%;
  margin: auto;
}
.rak_overivew p{
  text-align: justify;
  font-size: 0.9rem;
  width: 81%;
  height: auto;
  margin: auto;
  padding: 27px 0 0 0;
}
.about_rak h2{
  margin: 70px 0 20px 0;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 400;
  text-transform: uppercase;
}
.about_felicity_img{
  width: 81%;
  height: auto;
  margin: auto;
  /* overflow: hidden; */
}
.about_felicity_img div{
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 1px 0px 1px 1px solid #fff;
}

.about_felicity_img img{
  width: 100%;
  height: 100%;
  transform-origin: 50% 65%;
  transition: transform 1.5s, filter 2s ease-in-out;
}
.about_felicity_img img:hover {
  filter: brightness(100%);
  transform: scale(1.2);
}
.about_top_line{
  width: 100%;
}
.about_top_line img{
  width: 100%;
}

/*-- Gallery --*/
   .gallery_wrapper h2{
    margin: 40px auto;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 400;
    text-transform: uppercase;
  }
  .gallery{
    width: 100%;
  }
  .gallery div{
    margin:5px;
    width: auto;
    height: 200px;
  }
  .gallery div img{
   width: 100%;
   height: 100%;
  }
/*-- End of Galleryv--*/

/*---- Amenity Section ----*/
.amenity_wrap{
  background-image: url('../img/amenity.jpeg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 72vh;
}
.amenity_wrap .container{
  height: 100%;
  text-align: center;
  margin: 40px auto 40px auto;
}
.amenity_section h2{
  margin: 50px 0 10px 0;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 400;
  text-transform: uppercase;
  /* border: 1px solid red; */
}
.amenity_wrap .amenities_wrapper, .amenity_img_wrap{
  width: 100%;
  height:70vh;
  display: flex;
  justify-content: center;
  align-items: center;
}


.amenity_wrap .amenities_list{
  width: 100%;
  height:35vh;
}

 .amenity_wrap .row_wrapper{
  margin: 40px auto;
}
.amenity_link img{
  width: 70%;
  height: 9px;
  margin-left: 18px;
}
.amenity_link  li{
  font-size: 1rem;
  font-weight: 500;
  text-transform: capitalize;
} 

/*amenity images section*/
.amenity_img{
  background-image: url('../img/amenity_house.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 90%;
  height: 70%;
  text-align: end;
  position: relative;
}
.amenity_img img{
  width: 45%;
  height: 100%;
  margin-top: 82px;
  margin-right: -40px;
}
#amenity_stars{
position: absolute;
height: auto;
width: 56%;
top: -40px;
right: -20px;
}
/* .amenity_star_wrap{
border: 1px solid green;
position: relative;
}
.amenity_star_wrap img{
border: 1px solid red !important;
width: 300px;
height: auto;
position: absolute;
top: -10p;
} */

.amenities_wrapper ul li{
  list-style: none;
  padding: 0px 0px 0px 25px;
  background-image: url("../img/bullets.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 15px;
}

/* .amenities_wrapper{
  border: 2px solid red;
}
.amenities_list{
  border: 1px solid green;
  padding: 20px 0;
} */

/*----- Neightborhood Section ----*/
.neighborhood_wrapper{
  width: 100%;
  /* height: 110vh; */
  background-image: url('../img/neighborhood.jpeg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.neighborhood_section h2{
  margin: 30px auto 20px auto;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 400;
  text-transform: uppercase;
}
.neightborhood_list{
  width: 50%;
  margin: auto;
  padding-top: 15px;
}
.neightborhood_list .container{
  height: 100%;
  text-align: center;
  margin: 30px auto 20px auto;
}
.neightborhood_list .list_wrap{
  margin: 0rem !important;
   font-size: 0.8rem;
   line-height: 1px;
   text-align: left;
}
.list_section{
  display: flex;
  justify-content: center;
}
.subheading h6{
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
}
.office_tech_park {
padding-bottom: 20px;
}
.office_tech_park .container{
  height: 100%;
  text-align: center;
  margin: 70px auto 20px auto;
}
.second_row{
margin-top: 50px;
}

.school{
width: 320px;
display: flex;
justify-content: center;
}
.school .list_wrap{
width: auto;
margin: 0rem !important;
font-size: 0.8rem;
line-height: 1px;
text-align: left;
}
.restaurant_icon_wrapper, .school_icon_wrapper,.hospital_icon_wrapper,.hotel_icon_wrapper{
position: relative;
}
.restaurant_icon, .school_icon, .hotel_icon,.hospital_icon{
height: 100px;
width: 100px;
border-radius: 100%;
position: absolute;
}

.hotel_icon{
right: -60px;
top: 40px;
padding: 10px;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.hotel_img,.restaurant_img,.school_img,.hospital_img,.office_img{
background-color: #f99f00;
width: 80px;
height: 80px;
border-radius: 100%;
} 
.hotel_img img,.restaurant_img img,.school_img img,.hospital_img img,.office_img img{
 width: 100%;
 height: 100%;
 padding: 20px;
 color: #fff;
 filter: brightness(0)invert(1);
}
.office_icon{
height: 100px;
width: 100px;
border-radius: 100%;
background-color: #fff;
padding: 10px;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.office_img{
background-color: #fd2341;
}
.school_icon{
left: 0;
top: -40px;
background-color: #fff;
padding: 10px;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.school_img{
background-color: #00b291;
}
.restaurant_icon{
right: 0;
top: -40px;
padding: 10px;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.restaurant_img{
background-color: #8300de;
}

.hospitals .list_wrap{
width: 233px;
margin: 0rem !important;
font-size: 0.8rem;
line-height: 1px;
text-align: left;
}
.hospital_icon{
top: 40px;
left: -65px;
padding: 10px;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.hospital_img{
background-color: #4700d1;
}
.hotel {
width: 250px;
display: flex;
justify-content: flex-start;
}

.hotel .list_wrap, .restaurant .list_wrap{
width: auto;
margin: 0rem !important;
font-size: 0.8rem;
line-height: 1px;
text-align: left;
}
.hospitals,.restaurant{
width: 280px;
display: flex;
justify-content: flex-end;
}
.hospitals .list_wrap{
text-align: left;
}

.price_banner{
height: 200px;
width: 100%;
display: flex;
justify-content: center;
align-items: end;
}

.middle_text{
height: 200px;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: -40px 0 10px 0;
}
.office_section{
position: relative !important;
}

.middle_text .whats_around{
width: 180px;
height: 70px;
margin-top: 20px;
font-family: myFirstFont;
} 
.middle_text .whats_around h3{
  font-size: 4rem;
  height: 44px;
} 
.middle_text .whats_around p{
font-size: 2rem;
width: 215px;
} 

.price_banner .img_wrap{
width: 450px;
height: 250px;
}

.price_banner img{
height: 100%;
width: 100%;
}

.office_left_arrow{
position: absolute;
width: 50px;
top: -10px;
left: -70px;
}
.office_right_arrow{
position: absolute;
width: 50px;
top: 0px;
right: -70px;
}
.school_arrow{
position: absolute;
width: 50px;
top: -22px;
left: 115px;
}
.hospital_arrow {
position: absolute;
width: 50px;
top: 70px;
left: 55px;
}
.restaurant_arrow{
position: absolute;
width: 50px;
top: -30px;
left: -95px;
}
.resturant_col{
padding-right: 0;
}

.hostel_arrow{
position: absolute;
width: 50px;
top: 50px;
right: 60px;
}
.hostel_arrow img,.restaurant_arrow img,.hospital_arrow img,.school_arrow img,.office_right_arrow img, .office_left_arrow img{
width: 100%;
height: 100%;
}
#succes_lottie_wrapper{
width: 50%;
text-align: center;
}
#neightbor_svg{
height: 324px;
width: 670px;
position: absolute;
left: 26%;
}
#neightbor_sec_svg{
display: none;
}
/*--End of Neighborhood section--*/

/*-- Investment Section--*/
.investment_wrapper
{
   width: 100%;
   height: 34.5rem;
   background-color: #f2f0e8;
}
.invest_heading{
  margin: 30px auto 30px auto;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 400;
  text-transform: uppercase;
}
.investment_wrapper  .container{
height: 100%;
text-align: center;
margin: -10px auto 30px auto;
}
#house_section_row{
margin-top: 60px !important;
}

 .house_section ul li {
  list-style: none;
  padding: 0px 0px 0px 35px;
  background-image: url(../img//icons/invest_arrow.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 30px;
  text-align: start;
  font-size: 0.8rem;
}
.house_section {
margin-top: 20px;
}
.invest_house{
width: 100%;
height: 90%;
margin-top: 75px;
}
.invest_house img{
width: 90%;
}
#invest_sign{
position: relative;
}
.invest_sign_text{
position: absolute;
top: 55px;
left: -20px;
}
.invest_sign_text p{
line-height: 30px;
font-family: myFirstFont;
}
.invest_sign_text .sec_text{
font-size: 4.5rem;
} 
.first_text_wrap{
   position: relative;
}
.first_text_wrap .first_text{
position: absolute;
top: 18px;
left: -80px;
font-family: myFirstFont;
font-size: 2.5rem;
}
.invest_sign_text, .third_text{
font-size: 2.5rem;
} 
.invest_sign_text .arrow {
position: absolute;
top: -47px;
right: 1px;
width: 45px;
transform: rotate(363deg);
}
.invest_sign_text .arrow img{
 width: inherit;
}
/*-- End of Investment Section --*/
/* #svg_logo_right{
width: 298px;
} */
.investment_wrapper .img_wrapper{
width: 400px;
margin-left: 2rem;
margin-top: 83px;
position: relative;
}
.investment_wrapper .img_wrapper img{
width: inherit;
}
.investment_wrapper .img_wrapper #invest_star{
width: 350px;
height: auto;
top: -12px;
left: -20px;
position: absolute;
}
/*----SVG Coding ---*/
.svg_line{
stroke:rgb(217, 156, 109);
stroke-width:1.2;
}

/**-- Thank You Page --*/
.thankyou{
width: 100%;
height:70vh;
display: flex;
justify-content: center;
align-items: center;
}
.thankyou_wrap{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
font-family: myFirstFont;

}
.thankyou_wrap h2{
font-size: 5rem !important;
margin: 0;
}

/*-- Animations Custom Css --*/
.hospital_arrow_img,.hostel_arrow_img {
--animate-duration: 10s;
}


.office_left_arrow_img, .office_right_arrow_img{
--animate-duration: 5s;
}