@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
/* @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap"); */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Kurale&display=swap');

@import url('https://fonts.cdnfonts.com/css/chronicle-display');

@import url('../fonts/Chronicle/Display/Black.otf');
@import url('../fonts/Chronicle/Display/Light/Italic.otf');
@import url('../fonts/Chronicle/Display/Roman.otf');
@import url('../fonts/Chronicle/Display/Semibold.otf');


body{
 font-family: "Jost", sans-serif;
}
.nav-link{
   color: #1C3B2CC2;
   font-weight: 500;
}
.nav-link.active{
   color: #332F6A !important;
   text-decoration: underline;
}

.text-green{
 color: #1C3B2C;
}

.homeimg{
 width: 158%;
 height:100%;
}

.urbanist{
  font-family: "Urbanist", sans-serif;
  font-optical-sizing: auto;
  font-weight: weight;
  font-style: normal;
}

.dreams{
   font-size: 64px;
   font-weight: 700;
   line-height: 78px;
   letter-spacing: -0.02em;
   text-align: left;
   color: #1C3B2C; 
}
.lorem{
   font-size: 16px;
    font-weight: 400;
   line-height: 24px;
   letter-spacing: 0em;
   text-align: left;
   color: #606062;
}

.about{
   color: #606062;
   font-size: 20px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
}
.Precision{
   color: #1C3B2C;
   font-size: 32px;
   font-style: normal;
   font-weight: 600;
   /* line-height: normal; */
}
.Lorem{
   color: #606062;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
}
.buld{
   color: #606062;
   font-family: "Jost", sans-serif;
   font-size: 16px;
   font-weight: 400;
   /* line-height: 24px; */
   letter-spacing: 0em;
   text-align: left;
}

.projects{
   font-size: 32px;
   font-weight: 600;
   line-height: 39px;
   letter-spacing: 0em;
   text-align: left;
   color: #1C3B2C;
   }

 .content {
   position: relative;
   /* width: 90%;
   max-width: 400px; */
   margin: auto;
   overflow: hidden;
   /* padding: 0; */
 }
 
 .content .content-overlay {
   background: rgba(253, 215, 2, 0.637);
   position: absolute;
   height: 100%;
   width: 100%;
   /* left: 0; */
   top: 0;
   bottom: 0;
   /* right: 0; */
   opacity: 0;
   -webkit-transition: all 0.4s ease-in-out 0s;
   -moz-transition: all 0.4s ease-in-out 0s;
   transition: all 0.4s ease-in-out 0s;
 }
 
 .content:hover .content-overlay{
   opacity: 1;
 }

 .testimonials{
   position: relative;
   width: 100%;
   /* max-width: 400px; */
   margin: auto;
   overflow: hidden;
   padding: 0;
 }

 .testimonials .overlay{
   background: #1C3B2C;
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   bottom: 0;
   right: 0;
 }
 
 .content-image{
   width: 100%;
   height: 460px;
 }
 
 .content-details {
   position: absolute;
   /* text-align: center; */
   padding-left: 3em;
   padding-right: 3em;
   width: 100%;
   /* top: 50%; */
   left: 50%;
   opacity: 0;
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -webkit-transition: all 0.3s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
   transition: all 0.3s ease-in-out 0s;
 }
 
 .content:hover .content-details{
   top: 50%;
   left: 50%;
   opacity: 1;
 }
 
 .content-details h3{
   color: #1C3B2C;
   font-weight: 500;
   letter-spacing: 0.15em;
   margin-bottom: 0.5em;
   text-transform: uppercase;
 }
 
 .content-details p{
   color: #1C3B2C;
   font-size: 0.8em;
 }
 
 .fadeIn-bottom{
   top: 80%;
 }

.floor-row{
 display: flex;
 flex-direction: row;
 align-items: flex-start;
 /* flex-wrap: nowrap; */
}
 
 :root {
   --theme-color: #3950ca;
   --bg-color: rgba(79, 48, 183, 0.06);
   --comp-color: #ff6584;
   --gradient: linear-gradient(#6a5fdd 0%, #241d8c 100%);
 }

 .por {
   position: relative;
 } 
 
 .review-box .quote {
   position: absolute;
   width: 40px;
   right: 10px;
   bottom: 10px;
 }
 
 .test-arrowbox {
   position: absolute;
   right: 20px;
   display: flex;
   top: 70px;
 }
 
 .review-box {
   border-radius: 3px;
   background: #fff;
   box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
   padding: 15px;
 }
 .review-box1 {
   padding: 15px;
 }
 
 .review-box h5 {
   margin: 0;
 }

 .media-body{
   color: #1C3B2C;
 }

 .review-box p {
   margin-bottom: 0;
   margin-top: 10px;
   /* color: #7d8597; */
 }
 
 .user-post {
   font-size: 14px;
   margin: 0 !important;
   color: #1C3B2C !important;
  
 }
 
/* Propject_Slider_Section  start */
.blockproject_inweb {
display: none;
}

.property_slider_section.reveal.active {
  transform: translateX(0);
  opacity: 1;
}

/* project Card section start  */
.project_card {
  height: 400px;
  border: 0px;
}
.project_heading {
  font-size: 32px;

  font-weight: 600;
  line-height: 72px;
  letter-spacing: 0em;
  /* text-align: left; */
  color: #1C3B2C;

}
.project_link {
  position: absolute;
  top: 2%;
  right: 2%;
  background-color: #dfc702;
  padding: 5px 20px;
  font-weight: 600;
  font-size: 16px;
  box-shadow: -2px 3px #892116bf;
  /*border-radius: 30px;*/
  transition: all 1s ease-out;
  /* clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 115% 0%, 80% 100%, 0% 100%, 0% 0%, 0% 0%); */
}
.project_link:hover {
  box-shadow: none;
  color: #231f20;
}
.project_text {
  height: 35px;
  position: absolute;
  top: 76.3%;
  border-radius: 0px 30px 30px 0px;
  background: linear-gradient(
    180deg,
    #892116 -25%,
    rgba(137, 33, 22, 0.839844) 29.56%,
    rgba(137, 33, 22, 0.735738) 97.96%,
    rgba(137, 33, 22, 0) 197.73%
  );
}
.project_text_title {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  padding: 5px 20px 0;
}
.project_text_desc {
  display: none;
}

.project_card:hover .project_text {
  width: 100%;
  height: auto;
  transition: 0.5s;
  border-radius: 0px;
}
.project_card:hover .project_text_desc {
  display: block;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  padding: 5px 20px 0;
}
/*  project Card section end    */

 .swiper-testimonial {
   padding: 100px 20px;
   padding-top: 30px;
 }
 .half-color-box {
   background-image: url(../img/testbg.avif);
   height: 316px;
   /* margin-bottom: 140px; */
   /* background-position: 100% 0%; */
   /* background-repeat: no-repeat; */
   /* width: 100%; */
   object-fit: cover;
 }
 .waves{
  background-image: url(../img/msr/garallry/water1.1.png);
  object-fit: cover;
  display: list-item;
 }
 .wave2{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0px;
  z-index: 999;
 }
 .image1value{
  position: absolute;
  top: -5.6rem;
 }
 .padd{
  padding: 0px;
 }
 
 .test-arrowbox .swiper-button-next-test, 
 .test-arrowbox .swiper-button-prev-test {
   margin-right: 23px;
   border-radius: 50%;
   --size: 46px;
   /* width: var(--size); */
   height: var(--size);
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: row-reverse;
}

 .arrow-left{
   width: 55px;
   background: #0000002e;
   height: 50px; 
 }
 .arrow-right{
   width: 58px;
   transform: rotate(180deg);
   background: #0000002e;
   height: 50px;
 }
 
 .arrow {
   cursor: pointer;
   transition: all 0.2s ease-in;
 }
 
 .arrowsvg{
   height: 50px;
   width: 21px;
   margin-left: 18px;
   fill: #FFCC2A;
 }

 .swiper-button-next-test:hover .arrow-right,  .swiper-button-prev-test:hover .arrow-left{
   background: #FFCC2A;
 }

 .swiper-button-next-test:hover .arrowsvg, .swiper-button-prev-test:hover .arrowsvg{
   fill: #332F6A;
 }
 .swiper-pagination-bullet-active {
  opacity: 1;
  background: #B9986F !important;
}
.accordion-button:not(.collapsed)::after {
  background-image: url(../img/msr/garallry/Arrow.svg);
  transform: var(--bs-accordion-btn-icon-transform);
}
/* .accordion-button::after {
  background-image: url(../img/msr/garallry/Arrow.svg);
  --bs-accordion-btn-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
} */
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url(../img/msr/garallry/right1.svg);
}
.swiper-button-prev, .swiper-button-next {
  position: absolute;
  top: 50%;
  width: 3px;
  height: 30px;
  margin-top: -23px;
  z-index: 3;
  cursor: pointer;
  background-size: 0px 0px;
  background-position: center;
  background-repeat: no-repeat;
}
/* .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: 'next';
  color: #000;
} */

.imgsizeing{
  width: 431px;
  height: 300px;
}

 .fa-star{
   color: #FFEE00;
}

.contact{
   height: 100%;
}
.mt-3 {
 margin-top: 2rem!important;
}
 .submit {
   width: 360px;
   height: 48px;
   top: 2944px;
   left: 382px;
   color: #FFCC2A;
 }

 .funtion{
   background-color: #332F6A;
   padding: 20px 20px;
   color: #fff;
   position: absolute;
   /* width: 40px; */
   left: 180px;
   /* bottom: 100px; */
   top: 152px;
 }

 .address{
   color: #1C3B2C;
 }
 .visit{
   color: #606062;
 }

 .heroing {
   height: auto;
   background-color: #2E4936;
   background-size: cover;
   background-blend-mode: multiply;
   color: rgb(255, 255, 255);
   padding: 30px 30px 1px 30px;
 }
 .hero {
   height: auto;
   background-color: #332F6A;
   background-size: cover;
   background-blend-mode: multiply;
   color: rgb(255, 255, 255);
   padding: 30px 80px 30px 30px;
 }
 .hero .container{
   justify-content: space-between;
   flex-wrap: wrap;
   flex: 1;
 }
 .flex{
   display: flex;
 }

 .container__about p{
   margin-top: 10px;
   max-width: 300px;
   font-size: 16px;
 }

 .container-pages ul{
   padding-top: 10px;
   list-style: none;
   line-height: 24px;
   margin-left: -26px;
 }
 .container-pages ul a{
   color: inherit;
   text-decoration: none;
   color: rgba(255, 255, 255, 0.6);
   font-size: 14px;
 }
 .container-pages ul a:hover{
   color: #017143;
 }
 footer .by{
 margin-top: 30px;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
 }
 footer .by p{
   color: rgba(255, 255, 255, 0.605);
   font-size: 14px;
 }
 .line__separete{
   margin-top: 30px;
   width: 100%;
   height: 2px;
   background-color: #fff;
   z-index: 999;
 }
 .icons {
   margin-top: 20px;
   display: flex;
   column-gap: 25px;
 }
 
 .icon1 {
   width: 40px;
   height: 40px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   text-decoration: none;
   font-size: 20px;
   color: #fff;
   border-radius: 50%;
   outline: 2px solid #fff;
   transition-property:
       outline-offset, outline-color,
       background-color;
   transition-duration: .25s;
 }
 
 .icon1:hover {
   outline-offset: 4px;
 }
 
 .icon1:hover i {
   animation: shake .25s;
 }
 
 .icon--instagram:hover {
   background-image: radial-gradient(circle at 30% 107%,
           #fdf497 0%, #fdf497 5%,
           #fd5949 45%, #d6249f 60%,
           #285AEB 90%);
   outline-color: #a02d76;
 }
 
 .icon--twitter:hover {
   background-color: #1da1f2;
   outline-color: #1da1f2;
 }
 
 .icon--linkedin:hover {
   background-color: #0077b5;
   outline-color: #0077b5;
 }
 
 .icon--github:hover {
   background-color: #000000;
   outline-color: #000000;
 }

 .container__more{
   margin-left: 30%
 }

 .container-bown{
   margin-top: 100px!important;
 }

 .Precision-Contact{
   font-size: 32px;
   font-weight: 700;
   line-height: 39px;
   letter-spacing: 0em;
   text-align: center;
   color: #1C3B2C;
 }

 .Precision-Any{
   font-size: 16px;
   font-weight: 700;
   line-height: 20px;
   letter-spacing: 0em;
   text-align: center;
   color: #606062;
 }

 .bioo{
   position: relative;
 }
 .inside{
   position: absolute;
   color: white;
   width: 100%;
   height: 446px;
   top: 32px;
   left: 32px;
 }
 
 .times{
   position: absolute;
   color: white;
   width:267;
   height:165px;
   top: 222px;
   left: 42px;
   gap: 40px;
   list-style: none;
 }
 .news{
   position: absolute;
   color: white;
   width: 112px;
   height: 24px;
   top: 544px;
   left: 42px;
   font-size: 33px;
 }
 
 div.is-quarter {
   flex: 0 0 25%;
 }
 
 div.is-quarter > div,
 div.textarea {
   position: relative;
   margin-top: 2rem;
 }

 input[type="text"],
 input[type="email"],
 textarea {
   /* padding: 0.3rem 0; */
   border: none;
   border-bottom: 1px solid #ffffff;
   box-shadow: 0 1px 0 0 #332f6a;
   background-color:rgba(0, 0, 0, 0);
   width: 100%;
 }

 textarea {
   width: 35%;
   height: 80px;
   resize: none;
 }

 div.is-quarter > div > label,
 form > div.textarea > label {
   position: absolute;
 }
 
 label {
   left: 0;
   top: 0;
   transition: 0.2s ease-out;
   font-size: 1em;
 }
 
 label.radio {
   position: relative !important;
 }
 
 label.active {
   color: #332F6A;
   transform: translateY(-120%);
   font-size: 0.85em;
 }
 
 input:focus,
 textarea:focus {
   outline: #332F6A;
 }
 .truuu{
   width: 300px;
 }
 .form-control:focus {
   color: #332f6a;
   background-color: rgba(0, 0, 0, 0);
   border-color: #332f6a;
   outline: 0;
   border-bottom: 2px solid;
   box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 1%);
}
 
.form-control {
 display: block;
   width: 100%;
   padding: 0.375rem 0.75rem;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #000000de;
   background-color: rgba(0, 0, 0, 0);
   background-clip: padding-box;
   border: 0;
   border-bottom: 0px solid #000000;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border-radius: 0;
   transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.pg.form-control{
 display: block;
   width: 100%;
   padding: 0.375rem 0.75rem;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #ffffffde;
   background-color: rgba(0, 0, 0, 0);
   background-clip: padding-box;
   border: 0;
   border-bottom: 1px solid #ffffff;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border-radius: 0;
   transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.standall{
  font-family: Kurale;
  font-size: 56px;
  font-weight: 400;
  color: #9D7340;
}
.swimsky{
  font-family: Kurale;
  font-size: 60px;
  font-weight: 400;
  color: #0093B9;
}
.lostgr{
  font-family: Kurale;
  font-size: 60px;
  font-weight: 400;
  color: #2E4936;
}
.allsimply{
  font-family: Jost;
  font-size: 20px;
  font-weight: 400;
  text-align: left;
  color: #000;
}
.colborder{
  position: relative;
  border: #E1D19E 2px solid;
  border-radius: 7px;
}
.coltop{
  /* padding: 30px; */
  /* margin-top: 94px; */
  position: relative;
  /* z-index: 99999999; */
}
.firststand{
  height: 372px;
}
.rowinput{
  position: relative;
}
.corner-image {
  position: absolute;
  right: 81px;
  margin-top: 315px;
}

/* enquire button in enchanting  */
.desktopEqClose {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 20px;
}
.sidebar-contact .desktopEqClose {
  display: none;
  transition: 0.5s ease;
}
.sidebar-contact.active .desktopEqClose {
  display: block;
  transition: 0.5s ease;
}
.sidebar-contact .ENDbtn {
  position: absolute;
  width: 160px;
  text-align: center;
  cursor: pointer;
  color: #fff;
  background: #2E4936;
  top: 0;
  left: 0px;
  transform-origin: 0 0;
  transform: rotate(90deg);
  border-radius: 0px 0px 20px 20px;
  /* box-shadow: 1px 2px 9px #ffffff; */
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  overflow: hidden;
  height: 45px;
  padding: 10px 10px;
}
.sidebar-contact.active .ENDbtn {
  width: 180px;
  text-align: left;
}

.ENDbtn ul {
  padding: 0;
}
.ENDbtn li {
  height: 45px;
  margin-bottom: 45px;
  display: block;
}
.superScript {
  font-size: 14px;
  line-height: 0.5em;
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
.highlights_bg {
  background: gray
    url("../images/poorvi-enchanting/gallery/poorvi-enchanting-01.webp") repeat
    0 0;
  background-size: cover;
  width: 100%;
  margin: 0;
  /* text-align: center; */
  height: auto;
  padding-top: 120px;
  box-sizing: border-box;
  -webkit-animation: slide 30s linear infinite;
}

@-webkit-keyframes slide {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 0px -1000px;
  }
}
/* enquire button in enchanting  */
/* enquery style start  */
.enquery-section p {
  font-size: 1.75rem;
}
.nav-tabs .enquire-links,
.nav-tabs .enquire-links.active {
  border-bottom: #2E4936 2px solid;
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
  color: #2E4936;
  opacity: 1;
  padding: 0;
}
.nav-tabs .enquire-links {
  background: none;
  border: 0px solid transparent;
  font-weight: 300;
  font-size: 19px;
  line-height: 24px;
  /* text-align: right; */
  color: #2E4936;
  opacity: 0.6;
  cursor: pointer;
  margin: 0px 10px;
}

.sidebar-contact {
  position: fixed;
  top: 60%;
  right: -450px;
  transform: translateY(-50%);
  width: 450px;
  height: auto;
  padding: 40px;
  background: #fff;
  box-shadow: 0 20px 50px rgb(0 0 0 / 0%);
  box-sizing: border-box;
  transition: 0.5s;
  z-index: 999;
}
.sidebar-contact:hover,
.sidebar-contact.open {
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}
.sidebar-contact.active {
  right: 0;
}
.sidebar-contact input,
.sidebar-contact textarea {
  width: 100%;
  height: 36px;
  padding: 5px;
  margin-bottom: 10px;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.5);
  outline: none;
}
.sidebar-contact h2 {
  margin: 0 0 20px;
  padding: 0;
}
.sidebar-contact textarea {
  height: 60px;
  resize: none;
}
.sidebar-contact .enqueryBtn {
  background: #2E4936;
  color: #fff;
  font-weight: 500;
  cursor: pointer;
  border: none;
  font-size: 20px;
  padding: 5px 30px;
  border-radius: 4px;
}
.toggle {
  position: absolute;
  width: 130px;
  text-align: center;
  cursor: pointer;
  background: #bc2438;
  top: 0;
  left: 0px;
  line-height: 36px;
  transform-origin: 0 0;
  transform: rotate(90deg);
  border-radius: 0px 0px 20px 20px;
  box-shadow: 1px 2px 9px #353232;
}
.toggle:before {
  content: "Enquire Now";
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.toggle.active:before {
  content: "\f00d";
  font-family: fontAwesome;
}
.masterhight {
  height: 575px;
}
/* enquery style end  */

.yaap{
 display: flex;
   align-content: center;
   justify-content: center;
   align-items: center;
   z-index: 999;
}
.checkbox-symbol {
 position: absolute;
 width: 0;
 height: 0;
 pointer-events: none;
 user-select: none;
}

.checkbox-container {
 box-sizing: border-box;
 background: #ffffff;
 color: #222;
 height: 64px;
 display: flex;
 justify-content: center;
 align-items: center;
 flex-flow: row wrap;
 justify-content: space-between;
}

.checkbox-container * {
 box-sizing: border-box;
}

.checkbox-input {
 position: absolute;
 visibility: hidden;
}

.checkbox {
 user-select: none;
 cursor: pointer;
 padding: 6px 8px;
 border-radius: 6px;
 overflow: hidden;
 transition: all 0.3s ease;
 display: flex;
}

.checkbox:not(:last-child) {
 margin-right: 6px;
}

.checkbox:hover {
 background: rgba(0, 119, 255, 0.06);
}

.checkbox span {
 vertical-align: middle;
 transform: translate3d(0, 0, 0);
}

.checkbox span:first-child {
 position: relative;
 flex: 0 0 18px;
 width: 18px;
 height: 18px;
 border-radius: 4px;
 transform: scale(1);
 border: 1px solid #cccfdb;
 transition: all 0.3s ease;
}

.checkbox span:first-child svg {
 position: absolute;
 top: 3px;
 left: 2px;
 fill: none;
 stroke: #fff;
 stroke-dasharray: 16px;
 stroke-dashoffset: 16px;
 transition: all 0.3s ease;
 transform: translate3d(0, 0, 0);
}

.checkbox span:last-child {
 padding-left: 8px;
 line-height: 18px;
}

.checkbox:hover span:first-child {
 border-color:#332F6A;
}

.checkbox-input:checked + .checkbox span:first-child {
 background:#332F6A;
 border-color:#332F6A;
 animation: zoom-in-out 0.3s ease;
}

.checkbox-input:checked + .checkbox span:first-child svg {
 stroke-dashoffset: 0;
}
.message.btn{
 color: #ffd000;
 background-color: #332F6A ;
 margin-left: 76%;
}
 :not(.btn-check)+.btn:active {
  color: #ffd000;
 background-color: #332F6A ;
}

.using{
 color: #1C3B2C;
 font-size: 32px;
 font-weight: 600;
 line-height: 48px;
   letter-spacing: 0em;
 text-align: left;
}
.vision{
 color: #B9986F;
 font-size: 20px;
 font-weight: 500;
 line-height: 24px;
 letter-spacing: 0em;
 text-align: left;
}
.homes{
 color: #1C3B2C;
 font-size: 32px;
 font-weight: 500;
 line-height: 48px;
 letter-spacing: 0em;
 text-align: left;
}
.basic{
 font-size: 32px;
 font-weight: 500;
 line-height: 48px;
 letter-spacing: 0em;
 text-align: left;
}
.inter{
 color: #606062;
 font-size: 16px;
 font-weight: 400;
   line-height: 24px;
 letter-spacing: 0em;
 text-align: left;
}
.bas{
 color:#1C3B2C ;
}
.val{
 color:#B9986F ;
}
/* <p> */

* {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
 font-family: "Jost", sans-serif;
}

.coverin {
 position: relative;
 min-height: 100vh;
 background: url(../img/msr/garallry/areanight1.1.webp) no-repeat center center/cover;
 margin-top: -48px;
}

.coverin::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 /* background: rgba(0, 0, 0, 0.5);  */
 z-index: 1;
}

.coverin > * {
 position: relative;
 z-index: 2; 
}

.backblur{
  border: 1px solid #fff;
  padding: 18px;
  border-radius: 14px;
  background: linear-gradient(0deg, rgb(255 255 255 / 35%), rgb(255 255 255 / 0%)), linear-gradient(0deg, rgb(0 0 0), rgb(0 0 0 / 50%));
}

.header {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 padding: 1rem 10%;
 display: flex;
 justify-content: space-between;
 align-items: center;
 z-index: 99;
}

.header::before {
 content: "";
 top: 0;
 left: 0;
 position: absolute;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.1);
 backdrop-filter: blur(50px);
 z-index: -1;
}

.header::after {
 content: "";
 top: 0;
 left: -100%;
 position: absolute;
 width: 100%;
 height: 100%;
 background: linear-gradient(
   90deg,
   transparent,
   rgba(255, 255, 255, 0.4),
   transparent
 );
 transition: 0.8s;
}

.header:hover::after {
 left: 100%;
}

.logo {
 font-size: 1.5rem;
 color: #fff;
 text-decoration: none;
 font-weight: 700;
}

.nav-item {
 position: relative;
 color: #fff;
 font-size: 1rem;
 font-weight: 500;
 line-height: 25px;
 letter-spacing: -0.13px;
 text-decoration: none;
 margin-left: 2.5rem;
 transition: all 0.5s ease;
}

.nav-item:hover {
 color: skyblue;
}

.icons {
 position: absolute;
 right: 5%;
 font-size: 2.3rem;
 color: #fff;
 cursor: pointer;
 display: none;
}
.projecting {
 font-size: 32px;
 font-weight: 600;
 color: #1C3B2C;
 margin-top: 20%;
}

#check {
 display: none;
}

.house{
 font-size: 58px;
 font-weight: 600;
 line-height: 88px;
 letter-spacing: 0em;
 text-align: left;
 color: #fff;
 margin-bottom: 0px;
 /* margin-top: 120px;
 margin-left: 80px; */
}
.house1{
 font-size: 23px;
 font-weight: 300;
 line-height: 30px;
 letter-spacing: 0em;
 text-align: left;
 color: #fff;
margin-top: 5px;
 /* margin-left: 80px; */ 
}
.updates{
 color: #fff;
 /* margin-left: 84px; */
}

.headtop{
  font-size: 16px;
  font-weight: 500;
  color: #A5CFA4;
}
.headdown{
font-size: 18px;
font-weight: 600;
color: #fff;
}

.search-container{
width: 493px;
}

input#search-bar{
 margin: 0 auto;
 width: 100%;
 height: 45px;
 padding: 0 20px;
 font-size: 1rem;
 border: 1px solid #D0CFCE;
 background-color: #fff;
 outline: none;
 &:focus{
   border: 1px solid #020202;
   transition: 0.35s ease;
   color: #020202;
   &::-webkit-input-placeholder{
     transition: opacity 0.45s ease; 
     opacity: 0;
    }
   &::-moz-placeholder {
     transition: opacity 0.45s ease; 
     opacity: 0;
    }
   &:-ms-placeholder {
    transition: opacity 0.45s ease; 
    opacity: 0;
    }    
  }
}

.search-icon{
 position: relative;
 float: right;
 width: 78px;
 height: 81px;
 top: -34px;
 right: -47px;
 color: #000;
}

.bgcolor{
 background-color: #B9986F;
}

.divider{
  width: 50%;
  margin: 0 auto;
  margin-bottom: 22px;
}
.safe{
 /* color: #fff; */
   z-index: 9;
   position: relative;
   top: -94px;
   /* left: 30px; */
   text-align: center;
}
.latep{
  font-family: "Jost", sans-serif;
  font-size: 20px;
  font-weight: 400;
  /* line-height: 38px; */
  text-align: left;
}
.Property{
 color: #2E4936;
 margin-bottom: 2px;
}
.finding{
 color: #B9986F;
 font-size: 26px;
 font-weight: 600;
 line-height: 31px;
 letter-spacing: 0em;
 text-align: left;
}
.floorb{
  font-family: "Jost", sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 24px;
  /* text-align: left; */
  color: #1C3B2C;
}
.pointsin{
  font-family: "Jost", sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #1C3B2C;
}
.projlo{
  font-family: "Jost", sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 69px;
  text-align: left;
  /* color: #1C3B2C; */
}

.testing{
  display: flex;
  justify-content: center;
}

.lorem{
 color: #192D2B;
}
.fa-solid .fa-check{
 color:#192D2B;
font-size: 12px;
font-weight: 400;
line-height: 15px;
letter-spacing: 0em;
text-align: left;
}
.Vector{
 text-align: center;
}
.fa-phone{
 height: 62px;
}
.fa-envelope{
 height: 62px;
}
.forlink{
  text-decoration: underline;
  color: #000;
}
iframe {
  width: 100%; /* Ensures full width on all devices */
  height: 450px; /* Automatically scales height based on width and aspect ratio */
}

.Planning {
 color: #1C3B2C;
 font-weight: 400;
 font-size: 24px;
 margin-left: 0px;
 margin-top: 0px;
}
.stage{
 color: rgba(51, 47, 106, 1);
 font-weight: 300;
 line-height: 15px;
 letter-spacing: 0em;
 text-align: left;
}
.Completed{
 font-weight: 400;
 line-height: 15px;
 letter-spacing: 0em;
 text-align: left;
 color: rgba(25, 45, 43, 1);
}

#linkanimation {
 text-decoration: none;
 color: #B9986F;
 position: relative;
}
#linkanimation::before {
 content: "";
 background: linear-gradient(to right, rgb(255,255,255) 45%, rgba(255,255,255,0.3) 55%);
 background-size: 220% 100%;
 background-position: 100% 50%;
 width: 100%;
 height: 2px;
 position: absolute;
 left: 0;
 bottom: 0;
 background-repeat: no-repeat;
 transition: .3s ease-out;
}
#linkanimation:hover::before {
 background: linear-gradient(to right, rgb(255,255,255) 45%, rgba(255,255,255,0.3) 55%);
 background-size: 220% 100%;
 background-position: 0% 50%;
 transition: .3s ease-out;
}
.sky{
 margin-left: 78%;
 margin-top: -37px;
}
.cloudy{
 margin-top: -40px;
 margin-left: 87%;
}

.hide-part{
 display: none;
}
.show-part{
 display: block;
}

.master{
 width: 944px;
 height: 618px;
 top: 2855px;
 left: 211px;
 border: 0.75px;
 /* margin-left: 211px; */
 margin-left: 100px;
}

.nav-links.active {
  color: #7CB342; /* Green for active menu item */
}
/* Optional: Style for hovered menu items (if desired) */
.nav-links:hover {
  color: #7CB342; /* Light green for hover effect */
}

.nav-pills .nav-link.active{
 background-color: #b9986f00;
 color: #B9986F !important;
 text-decoration: none;
}
.floorsqft .nav-link.active{
 background-color: #1C3B2C;
 color:#FFFFFF !important;
 text-decoration: none;
}

.accordion-button:not(.collapsed) {
 color: #000000;
 background-color: #01714200;
 box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:focus {
 z-index: 3;
 border-color: #0076b500;
 outline: 0;
 box-shadow: none;
}

.submit {
 width: 360px;
 height: 48px;
 top: 2944px;
 left: 382px;
 color: #FFCC2A;
}

.upcoming{
  background-color: #2E4936;
  padding: 30px 30px;
  color: #fff;
  position: absolute;
  /* width: 40px; */
  left: 180px;
  /* bottom: 100px; */
  top: 134px;
}
.upcomings{
  background-color: #2E4936;
  padding: 15px 16px;
 color: #fff;
 /* position: absolute; */
 width: 80%;
 /* left: 192px; */
 /* bottom: 100px; */
 top: 164px;
}

.note{
  font-size: 28px;
  font-weight: 500;
  }
.booked{
 color: #2E4936;
}

.visit{
 color: #606062;
}

.btn.propcon{
 color: #ffffff;
 background-color: #B9986F;
 /* margin-left: 78%; */
 border-radius: 0px;
}
.btn-warnings {
 --bs-btn-color: #000;
 --bs-btn-bg: #ffc10700;
 --bs-btn-border-color: #ffc10700;
 --bs-btn-hover-color: #000;
 --bs-btn-hover-bg: #ffca2c0f;
 --bs-btn-hover-border-color: #ffc72000;
 --bs-btn-focus-shadow-rgb: 217,164,6;
 --bs-btn-active-color: #000;
 --bs-btn-active-bg: #ffcd3900;
 --bs-btn-active-border-color: #ffc72005;
 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 --bs-btn-disabled-color: #000;
 --bs-btn-disabled-bg: #ffc10700;
 --bs-btn-disabled-border-color: #ffc10700;
}

.shadowcom{
 box-shadow: rgb(0 0 0 / 7%) 0px 2px 8px;
}

.abticon{
 box-shadow: rgb(0 0 0 / 11%) 0px 0px 20px, rgb(0 0 0 / 0%) 0px 0px 8px;
   padding: 10px;
   border-radius: 20px;
   margin-right: 20px;
}
.nav-link:focus, .nav-link:hover {
  color: #1C3B2CC2;
}

.nav {
 --bs-nav-link-padding-x: 1rem;
 --bs-nav-link-padding-y: 0.5rem;
 --bs-nav-link-font-weight: ;
 --bs-nav-link-color: #0a01018c;
 --bs-nav-link-hover-color: #0a01019a;
 /* --bs-nav-link-disabled-color: #6c757d00; */
 display: flex;
 flex-wrap: wrap;
 padding-left: 0;
 margin-bottom: 0;
 list-style: none;
}

.buttonshadow{
 border: 1.5px solid #b9986f2e !important;
 margin-bottom: 16px;
 border-radius: 0 !important;
 text-align: left;
 padding: 16px;
}

.floorimg{
 width: 115%;
}

ul.a {
 list-style-position: outside;
}
 
 /* Create four equal columns that sits next to each other */
 .column {
   -ms-flex: 25%; /* IE10 */
   flex: 25%;
   max-width: 25%;
   padding: 0 4px;
 }
 
 .column img {
   margin-top: 8px;
   vertical-align: middle;
   width: 100%;
 }
 .incall {
   margin-left: 50%;
   margin-top: -4px;
 }

   .test img {
       height: 100%;
       width: 100%;
       object-fit: cover;
       object-position: top;
   }
   .imgfind{
     width: 104%;
     margin-top: 10px;
   }

   .timing{
     margin-top: 100px;
   }
  .find{
   margin-top: 100px;
  }
  .visiting{
    margin-top: 96px;
    margin-left: -74px;
  }
  .bgimg{
   width: 71%; 
   height: 68%;
  }
  .findingdream{
   /* margin-top: 70px; */
   height: 100vh;
  }
  .enteremail{
   /* margin-left: 84px; */
  }
  .office{
   margin-top: 96px; 
   margin-left: -60px;
  }
  .corn{
   width: 71%; 
   height: 76%;
  }

  .content:hover .content-detailing, .content:hover .content-overling{
   display: none;
  }

  .btn:first-child:active
    {
      color: var(--bs-btn-active-color);
      background-color: #ffffff;
      border-color: var(--bs-btn-active-border-color);
  }

  .content .content-overling {
   background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0.95%, rgba(51, 47, 106, 0.341738) 13.23%, rgb(51 47 106) 33.55%, rgb(51 47 106 / 87%) 41.11%, rgb(51 47 106) 60.48%, rgb(51 47 106 / 93%) 78.91%, #332f6a 100%);
   position: absolute;
   height: 100%;
   width: 100%;
   /* left: 0; */
   top: 50%;
   bottom: 0;
   /* right: 0; */
   opacity: 1;
   -webkit-transition: all 0.4s ease-in-out 0s;
   -moz-transition: all 0.4s ease-in-out 0s;
   transition: all 0.4s ease-in-out 0s;
 }
 .content-detailing {
   position: absolute;
   /* text-align: center; */
   padding-left: 3em;
   padding-right: 3em;
   width: 100%;
   top: 75%;
   left: 50%;
   opacity: 1;
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   transform: translate(-50%, 5%);
   -webkit-transition: all 0.3s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
   transition: all 0.3s ease-in-out 0s;
   color: #fff;
 }

 .gallerymobile{
   display: none;
  }
  
  /* .heading{
   display: none;
  } */


  /* a:hover {
   color: #752e2f;
} */
a {
   color: #1c3b2c;
   text-decoration: none;
}
.project a {
   color: #000;
   text-decoration: none;
}
.fixed-top{
  background-color: #fff;
}

  .py-5 {
   padding-top: 3rem!important;
   padding-bottom: 0rem!important;
 }
.yousize{
 width: 100%;
 height: 300px;
}
.scr{
 width: 100%; 
 height: 88%;
}


.half-color-box1 .swiper-button-prev-test2,
.half-color-box1 .swiper-button-next-test1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
}

.half-color-box1 .swiper-button-prev-test2 {
    left: -50px; /* Adjust this value to position the button as needed */
}

.half-color-box1 .swiper-button-next-test1 {
    right: -50px; /* Adjust this value to position the button as needed */
}

.half-color-box1 .arrow-left,
.half-color-box1 .arrow-right {
    display: flex;
    align-items: center;
    justify-content: center;
}

.half-color-box1 .arrowsvg {
    fill: #000; /* Change the fill color as needed */
}

.boxincenter{
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.boxincentertop{
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.bordered-image {
  border: 5px solid #ddd; /* Adjust border width and color as needed */
  border-radius: 10px; /* Set the desired corner roundness */
}

.swiper-container {
    position: relative;
}
#loader {
  display: none;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #332F6A;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1001;
}

#loader-background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7); 
  z-index: 1000;
  transition: backdrop-filter 0.3s ease; 
}

.blur-background {
  backdrop-filter: blur(10px); 
}

.textbackimg{
  color: transparent;
  background-image: url(../img/msr/garallry/textbackground1.1.png);
  background-clip: text;
}

/* desktop*/
.fontUrbanist{
  font-family: "Urbanist", sans-serif;
}
.dpcoverimage{
  position: relative;
  min-height: 90vh;
  background: url(../img/msr/garallry/dpmainbackground1.5.png) no-repeat center center/100% 100%;
  margin-top: 66px;
}
.dpviewbhk {
  position: absolute;
  top: 24%;
  color: #fff;
}
.dpbedrooms{
  font-size: 36px;
}
.dpNestled{
  font-size: 68px;
  line-height: 40px;
}
.dplakhson{
  font-size: 64px;
  color: #2E4936;
  background-color: #fff;
  padding: 9px;
  width: 96%;
}
.informationmsr{
  width: 75%;
  position: relative;
  top: -40px;
}
.greenawaits{
  font-size: 44px;
}
.dtheadingname{
  font-size: 44px;
  font-weight: 600;
  color: #006329;
}
.dpheadingtop {
  font-size: 20px;
  font-weight: 500;
  color: #1C3B2C;
}
.dpheadingdown {
  font-size: 26px;
  font-weight: 600;
  color: #43850A;
}
.backgroundimg{
  background-image: url(../img/msr/garallry/dtbackground1.1.webp);
  background-size: cover;
  background-position: center;
}
.sarjapurhustle{
  color: #558B2F;
  font-size: 28px;
  font-weight: 500;
  line-height: 33px;
}
.extrahomes{
  font-size: 20px;
  color: #3B3939;
}
.structurevastu{
  font-size: 22px;
  color: #2E4936;
  font-weight: 400;
  line-height: 40px;
  display: flex;
  align-items: flex-start;
}
a:hover {
  color: #006329;
}
.amenitiescenter{
  display: flex;
  justify-content: center;
}
.footernames{
  font-size: 18px !important;
  font-weight: 400;
  line-height: 30px;
}
.dtbuttonshadoss {
  margin-bottom: 10px;
  border-radius: 5px !important;
  padding: 10px;
  font-size: 16px;
  width: 118px;
}
.dtboxblur{
  border: 1px solid #296A26;
  padding: 30px 100px;
  border-radius: 8px;
  background-color: #EDFCE0;
}
.dtdownflowerin{
  position: absolute;
  left: 1px;
  bottom: 1px;
  border-bottom-left-radius: 5px;
}
.dtlostleaf{
  position: absolute;
  right: 0px;
  border-top-right-radius: 6px;
  top: 0px;
}
.dtgreenstar{
  position: absolute;
  right: -25px;
  bottom: -33px;
}
.dtbluestar{
  position: absolute;
  left: -31px;
  top: -37px;
}
.dtgoldstar{
  position: absolute;
  right: -25px;
  top: -33px;
}
.dtwaterwaves{
  position: absolute;
  width: 100%;
  bottom: 0px;
  z-index: -9;
  left: 0px;
  border-bottom-left-radius: 5px;
  padding: 0px;
}
.dpviewbhk{
  margin-left: 40px;
}
.locationbutcen{
  display: flex;
  justify-content: center;
}
.kmweight{
  font-weight: 500;
}
.material-symbols-rounded {
  display: flex !important;
  justify-content: center !important;
  font-size: 35px !important;
}
.innextandprev{
  padding-bottom: 80px;
}
.imagelostra{
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.swimintab {
  width: 100%;
  height: 100%;
}
.inenqueryform{
  display: flex;
  justify-content: center;
}
/* desktop*/

@media (max-width: 1164px){
  .swimintab{
    width: 520px;
    height: 100%;
  }
}
@media (min-width: 1164px){
  .lostgr {
    font-size: 50px;
  }
  .structurevastu {
    font-size: 20px;
  }
  .dpviewbhk{
    margin-left: 10px;
  }
  .standall {
    font-size: 50px;
  }
}

/* msrnew */
.fontUrbanist{
  font-family: "Urbanist", sans-serif;
}
.coverimage{
  position: relative;
  min-height: 92vh;
  background: url(../img/msr/garallry/mobilecover1.5.png) no-repeat center center/cover;
  margin-top: 66px;
}
.fontview{
  font-family: 'Chronicle Display';
}
.viewbhk {
  /* font-family: "ChronicleDisplay-Semi"; */
  position: absolute;
  top: 60%;
  /* left: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
  font-weight: 600;
  line-height: 21px; */
  color: #fff;
  /* font-family: 'Chronicle Display', sans-serif; */
}
.Nestled{
  font-size: 30px;
}
.Sarjapur{
  /* background-color: #fff;
  color: #00000000; */
}
.bedrooms{
  font-size: 20px;
}
.lakhson{
  font-size: 28px;
  color: #2E4936;
  background-color: #fff;
  padding: 9px;
  width: 96%;
}

.boxblur{
  border: 1px solid #296A26;
  padding: 18px;
  border-radius: 8px;
  background-color: #EDFCE0;
  /* background: linear-gradient(0deg, rgb(255 255 255 / 35%), rgb(255 255 255 / 0%)), linear-gradient(0deg, rgb(0 0 0), rgb(0 0 0 / 50%)); */
}
.locaposi{
  position: relative;
}
.flowerin{
  position: absolute;
  right: 1px;
  top: 1px;
  border-top-right-radius: 5px;
}
.downflowerin{
  position: absolute;
  left: 1px;
  bottom: 1px;
  border-bottom-left-radius: 5px;
}
.lostposi{
  position: relative;
}
.lostleaf{
  position: absolute;
  right: -13px;
  bottom: 0px;
  border-bottom-right-radius: 6px;
}
.leaf{
  position: relative;
}
.topleafin{
  position: absolute;
  left: 0px;
  top: -30px;
}
.downleafin{
  position: absolute;
  right: 0px;
  bottom: -30px;
}
.headingtop {
  font-size: 14px;
  font-weight: 500;
  color: #1C3B2C;
}
.headingdown {
  font-size: 18px;
  font-weight: 600;
  color: #96BE4B;
}

.swiminwater{
  position: relative;
}
.waterwaves{
  /* background-image: url(../img/msr/garallry/water1.1.png);
  object-fit: cover;
  display: list-item; */
  position: absolute;
  width: 100%;
  bottom: 0px;
  z-index: -9;
  left: 0px;
  /* height: 60px; */
}

.leafwidth{
  width: 28px;
  margin-top: 6px;
}

.bordercol{
  border: #96BE4B 2px solid;
  border-radius: 8px;
}
.topgreen{
  margin-top: -106px;
}
.Greenlayout{
  font-family: Kurale;
  font-size: 32px;
  font-weight: 400;
  /* color: #2E4936; */
}
.embracing{
  font-family: Jost;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #000;
}
.backimg{
  background-image: url(../img/msr/garallry/bgforsec1.1.webp);
  background-size: cover;
  background-position: center;
}
.headingname{
  font-size: 26px;
  color: #006329;
  font-weight: 600;
}
.prospace{
  font-size: 18px;
  line-height: 46px;
}
.centerspacing{
  display: flex;
  justify-content: center;
}
.Ownnew {
  color: #558B2F;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}
.msrenergy{
  font-size: 16px;
  color: #3B3939;
}
.Approvedpoint{
  font-size: 18px;
  color: #2E4936;
  font-weight: 400;
  line-height: 40px;
  display: flex;
  align-items: flex-start;
}

.swimborder{
  border: #9BE5F9 2px solid;
  border-radius: 8px;
}
.swimfixtop{
  margin-top: -96px;
}
.swiminsky {
  font-family: Kurale;
  font-size: 36px;
  font-weight: 400;
  color: #0093B9;
}

.imgsizes{
  width: 400px;
  height: 100px;
}

.amenitiesbg{
  background-image: url(../img/msr/garallry/Vectorbg1.1.webp);
  background-size: cover;
  background-position: center;
}
.amenitiessize{
  width: 80px;
  height: 60px;
}
.Plantoameni {
  color: #656C04;
  font-weight: 400;
  font-size: 18px;
  margin-left: 0px;
  margin-top: 0px;
}

.standtop{
  margin-top: 80px;
}
.Standborder{
  border: #D9C588 2px solid;
  border-radius: 8px;
}
.rowinput {
  position: relative;
}
.padd{
  padding: 0px;
}
.coltoping {
  position: relative;
  margin-top: 168px;
}
.valueofimage{
  top: -43px;
  margin-left: 0px;
  position: absolute;
  width: 100%;
}
.standing {
  font-family: Kurale;
  font-size: 30px;
  font-weight: 400;
  color: #9D7340;
}
.standsimply {
  font-family: Jost;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #000;
}

.accordion{
  border: #ACD382 1px solid;
  border-radius: 8px;
}

.buttonshadoss {
  margin-bottom: 10px;
  border-radius: 5px !important;
  padding: 8px;
  font-size: 12px;
  width: 93px;
}
.nav-linking{
  color: #1C3B2CC2;
  font-weight: 500;
  border: 1.5px solid #ACD382 !important;
}
.nav-pilling .nav-linking.active{
  color: #fff !important;
  text-decoration: none;
  border: 1.5px solid #ACD382 !important;
  background-color: #ACD382 ;
}
.alltypesarea{
  color: #3B3939;
}

.heros2 {
  height: auto;
  background-color: #1C3B2C;
  background-size: cover;
  background-blend-mode: multiply;
  color: rgb(255, 255, 255);
  padding: 30px 20px 1px 20px;
}
.linkslive{
  font-size: 24px;
}
.container-pageing ul{
  /* padding-top: 10px; */
  list-style: none;
  line-height: 31px;
  margin-left: -26px;
}
.container-pageing ul a{
  color: inherit;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.6);
  font-size: 18px;
}
.container__abouting p{
  margin-top: 10px;
  max-width: 300px;
  font-size: 16px;
}
.EmailUsmp{
  font-size: 18px;
}
.CallUsmp{
  font-size: 18px;
}
.line__separeteing{
  margin-top: 30px;
  width: 100%;
  height: 2px;
  background-color: #ACD382;
  z-index: 999;
}
.msrPowered{
  color: #ACD382;
}

.locationlogo{
  font-size: 27px;
}

.callclose{

}
.callnowsize{
  font-size: 23px;
}
.downloadnowsize{
  font-size: 23px;
}
.navbar {
  --bs-navbar-toggler-focus-width: 0rem;
}

@media (max-width: 430px) {
  .viewbhk {
    top: 72%;
  }
  .valueofimage {
    top: -50px;
  }
}

@media (max-width: 414px) {
  .viewbhk {
    top: 71%;
  }
  .valueofimage {
    top: -48px;
  }
  .buttonshadoss {
    width: 84px;
  }
}
@media (max-width: 393px) {
  .valueofimage {
    top: -45px;
  }
  .buttonshadoss {
    width: 84px;
  }
}
@media (max-width: 375px) {
  .viewbhk {
    top: 65%;
  }
  .valueofimage {
    top: -43px;
  }
  .buttonshadoss {
    width: 80px;
  }
}
@media (max-width: 360px) {
  .buttonshadoss {
    width: 76px;
  }
}
@media (max-width: 320px) {
  .prospace{
    font-size: 16px;
    line-height: 38px;
  }
  .Nestled{
    font-size: 27px;
  }
  .coverimage {
    min-height: 81vh;
  }
  .headingdown {
    font-size: 15px;
  }
  .headingtop {
    font-size: 12px;
  }
  .valueofimage{
    top: -36px;
  }
  .coltoping {
    position: relative;
    margin-top: 132px;
  }
  .viewbhk {
    top: 57%;
  }
  .buttonshadoss {
    width: 64px;
  }
  .buttonshadoss {
    margin-bottom: 10px;
    border-radius: 5px !important;
    padding: 5px;
    font-size: 11px;
    width: 67px;
  }
}
/* msrnew */

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

 @media (max-width: 767px) {
   .half-color-box1 .swiper-button-prev-test2 {
       display: none;
   }
   .half-color-box1 .swiper-button-next-test1 {
     display: none;
   }
}

@media (min-width: 1680px){
 .lorem {
   font-size: 20px;
 }
 .Lorem {
   font-size: 20px;
 }
 .buld {
   font-size: 20px;
 }
 .about {
   font-size: 28px;
 }
 .content-detailing{
   top: 77%;
   left: 48%;
 }
 .corn {
   width: 71%;
   height: 64%;
}
 .funtion{
   left: 188px;
   top: 157px;
 }
 .office {
   margin-top: 96px;
   margin-left: -147px;
}
.house {
 font-size: 84px;
}
.search-container {
 width: 518px;
}
.enteremail {
 font-size: 20px;
}
.content-wrapper {
 height: 222px;
}
.visiting {
 margin-top: 87px;
 margin-left: -177px;
}
.upcoming {
 left: 185px;
 top: 158px;
}
.bgimg {
 width: 64%;
 height: 66%;
}
}

@media (min-width: 1600px){
 .content .content-overling{
   width: 96.5%;
 }
 .content .content-overlay{
   width: 96.5%;
 } 
}

@media (min-width: 1440px){
 .office {
   margin-top: 96px;
   margin-left: -174px;
}
.corn {
 width: 63%;
 height: 68%;
}
.visiting {
 margin-top: 115px;
 margin-left: -174px;
}
.bgimg {
 width: 63%;
 height: 66%;
}
.imgfind {
 width: 104%;
 margin-top: -10px;
}
.news{
 top: 647px;
 left: 37px;
}
}

@media (max-width: 1080px){
 .dreams {
   font-size: 50px;
 }
 .scr {
   width: 100%;
   height: 100%;
}
.content-detailing {
 top: 69%;
 left: 47%;
}
.funtion {
 left: 99px;
 top: 120px;
}
.office {
 margin-top: 40px;
 margin-left: -60px;
}
.imgfind{
 height: 100%;
 width: 100%;
}
.upcoming {
 left: 120px;
   top: 130px;
}
.visiting {
 margin-top: 46px;
 margin-left: -64px;
}
}

@media (max-width: 1024px){
 .content-detailing {
   top: 70%;
   left: 46%;
 }
 .dreams{
   font-size: 47px;
 }
 .scr{
   width: 100%; 
   height: 100%;
  }
  .corn {
   width: 71%;
   height: 87%;
}
.office {
 margin-top: 86px;
 margin-left: -60px;
}
.funtion {
 background-color: #332F6A;
 padding: 20px 20px;
 color: #fff;
 position: absolute;
 left: 93px;
 top: 148px;
}
.projecting{
 margin-top: 23%;
}
.content-wrapper {
 height: 193px;
}
.upcoming{
 left: 110px;
   top: 176px;
}
.bgimg {
 width: 74%;
 height: 89%;
}
input[type="text"],
input[type="email"],
textarea {
 /* padding: 0.3rem 0; */
 border: none;
 border-bottom: 1px solid #ffffff;
 /* box-shadow: 0 1px 0 0 #332F6A; */
 background-color:rgba(0, 0, 0, 0);
 width: 90%;
}

.message.btn {
 margin-left: 73%;
}
.news{
   top: 456px;
   left: 36px;
}
.visiting {
 margin-top: 92px;
 margin-left: -64px;
}
}

@media (max-width: 576px) {
 div.is-quarter {
   flex: 0 0 auto;
}
.truuu {
 width: 100%;
}
 .header {
   padding: 1.3rem 5%;
 }
 .floorimg{
   width: 100%;
   margin-bottom: 16px;
 }
 .exterbutton{
   margin-bottom: -86px;
 }
 .scr{
   width: 100%; 
   height: 88%;
  }
  .homeimg{
   width: 100%;
  }
  #loader {
    left: 34%;
  }

}
@media (max-width: 576px) {
 .icons {
   display: inline-flex;
 }

 #check:checked ~ .icons #menu-icon {
   display: none;
 }

 .icons #close-icon {
   display: none;
 }

 #check:checked ~ .icons #close-icon {
   display: block;
 }
 .homeimg{
   width: 100%;
  
  }

 /* .navbar {
   position: absolute;
   top: 100%;
   left: 0;
   width: 100%;
   height: 0;
   background: rgba(0, 0, 0, 0.1);
   backdrop-filter: blur(50px);
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
   overflow: hidden;
   transition: all 0.3s ease;
 } */

 #check:checked ~ .navbar {
   height: 17.7rem;
 }

 .nav-item {
   display: block;
   font-size: 1.1rem;
   margin: 1rem 0;
   text-align: center;
   /* transform: translateY(-50px); */
   /* opacity: 0; */
   transition: all 0.3s ease;
 }

 #check:checked ~ .navbar a {
   transform: translateY(0);
   opacity: 1;
   transition-delay: calc(0.15s * var(--i));
 }
}

@keyframes zoom-in-out {
 50% {
   transform: scale(0.9);
 }
}
 
 @keyframes shake {
   10% {
       transform: rotate(15deg);
   }
 
   20% {
       transform: rotate(-15deg);
   }
 
   30% {
       transform: rotate(15deg);
   }
 
   40% {
       transform: rotate(-15deg);
   }
 }

 @media only screen and (max-width: 576px) {
   .hero{
     padding: 10px;
     display: flex;
     flex-direction: column;
   }
   .homeimg{
     width: 100%;
    
    }
   .container__about h2{
     font-size: 20px;
   }
   .container__about p{
     font-size: 12px;
   }
   .container__recentpages h2{
     font-size: 20px;
   }
   .container-pages ul a{
     font-size: 12px;
   }
   footer .by p{
     font-size: 12px;
   }
 } 

 /* Responsive layout - makes a two column-layout instead of four columns */
 @media screen and (max-width: 576px) {
   .column {
     -ms-flex: 50%;
     flex: 50%;
     max-width: 50%;
   }
   .homeimg{
     width: 100%;
    
    }
 }
 
 /* Responsive layout - makes the two columns stack on top of each other instead of next to each other hritik */
 @media screen and (max-width: 576px) {
   .column {
     -ms-flex: 100%;
     flex: 100%;
     max-width: 100%;
   }
   .homeimg{
     width: 100%;
    
    }

    .blockproject_inmobile {
      display: none;
      }
    .blockproject_inweb {
      display: block;
     
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: center;
      align-items: center;

      }
      
      .project_heading {
        font-size: 26px;
        line-height: 42px;
        font-weight: 500;
        /* text-align: center; */
      }
      .project_card {
        padding: 10px 0;
        background: none;
        height: 325px;
      }
      .project_col_mob_padding {
        padding: 0;
      }
      .embed-responsive-item {
        height: 250px;
      }
      .project_text {
        top: 70%;
      }
      .project_link {
        top: 5%;
      }
     
 }

 @media (max-width: 576px) { 
   .dreams{
     font-size: 34px;
     font-weight: 700;
     line-height: 34px;
     letter-spacing: -0.02em;
     text-align: left;
 }
 .homeimg{
   width: 100%;
  
  }
 .lorem{
   font-size: 14px;
   font-weight: 400;
   line-height: 18px;
   letter-spacing: 0em;
   text-align: left;
 }

 .invoice{
   margin-top: 16px;
 }
   }

   /* index */
   @media (max-width: 576px){
     .mobjust{
         margin-top: 85px;
         margin-bottom: 10px;
     }
     .mobsite {
       margin-right: 8px;
   }
   .homeimg{
     width: 100%;
    
    }
    }


    /* project */
   @media (max-width: 576px){
       .py-5 {
         padding-top: 3rem!important;
         padding-bottom: 1rem!important;
     }
     .homeimg{
       width: 100%;
      
      }
     .col-9 {
       flex: 0 0 auto;
       width: 80%;
   }
     .sunny{
       margin-left: -18px;
       margin-top: -61px;
       margin-bottom: 30px;
     }
     .accordion-body{
       margin-left: 4px;
     }
     .collection{
       margin-bottom: 24px;
     }
     .visiting {
       margin-top: 100px;
       margin-left: 0px;
     }
     .upcoming {
       margin-right: 27px;
       margin-left: -100px;
       margin-top: -70px;
       right: 3px;
   }
     .bgimg {
       width: 72%;
       height: 118%;
   }
     .tabgaping{
       margin-top: -130px;
     }
     .bhksize{
       margin-top: 10px;
       margin-right: 108px;
     }
     .amenitsize{
       margin-top: 30px;
     }
     .house {
       font-size: 40px;
       font-weight: 500;
       line-height: 52px;
       letter-spacing: 0em;
       text-align: left;
       color: #fff;
       margin-top: 216px;
       margin-left: 0px;
     }
     .enteremail {
       margin-left: 0px;
       font-size: 16px;
     }
     .search-container {
       width: 360px;
     }
     .coverin {
      position: relative;
      min-height: 113vh;
      background: url(../img/msr/garallry/backmobile1.1.png) no-repeat center center/cover;
      margin-top: 69px;
     }
     .office{
       margin-top: 90px;
       margin-left: 0px;
     }
     .funtion{
       margin-left: -130px;
       margin-right: 20px;
       margin-top: -38px;
       width: 76%;
     }
     .corn{
       width: 71%;
       height: 118%;
     }
     .test-arrowbox {
       position: absolute;
       right: 2px;
       display: flex;
       top: 94px;
     }
     .funtion{
       padding: 16px 8px;
     }
     .safe {
       z-index: 9;
       position: relative;
       top: -45px;
       left: 14px;
       padding: 1px;
       margin-left: 30px;
     }
     .search-icon{
       right: -36px;
     }
     .mobplant.row{
       margin-top: -50px;
     }
     .justify-content-ending{
       margin-top: 60px;
     }
     .projectinn{
       margin-bottom: 14px;
     }
     .content .content-overlay{
       width:100%;
     }
     .ourtop{
       margin-top: -80px;
     }
     .inside {
       width: 92%;
     }
     .message.btn {
       color: #ffd000;
       background-color: #332F6A;
       margin-left: 0%;
       width: 100%;
       height: 56px;
     }
     .checkbox-container{
       width: 72%;
       height: 90px;
     } 
     .mobilelogoh{
      margin-top: -90px;
     }
     .priceb {
      display: flex; /* Enable flexbox for the container */
      align-items: center; /* Align content vertically in the center */
      justify-content: center; /* Align content horizontally at the end */
    }
    .priceb img {
      margin: 10px;
      margin-top: 290px;
    }

    .priceb {
      position: relative; /* Enable relative positioning for the container */
    }
    .priceb img {
      width: 100%;
      height: 120px;
    }
    .price-text {
      position: absolute;
      top: 82%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 30px;
      font-weight: 600;
      line-height: 21px;
      color: #C9A432;
    }
    .onwards{
      position: absolute;
      top: 85%;
      left: 37%;
      color: #535353;
      font-size: 16px;
      font-weight: 500;
      line-height: 21px;
    }

     .standall {
      font-family: Kurale;
      font-size: 32px;
      font-weight: 400;
      color: #9D7340;
    }
     .swimsky {
      font-family: Kurale;
      font-size: 36px;
      font-weight: 400;
      color: #0093B9;
    }
    .lostgr {
      font-family: Kurale;
      font-size: 32px;
      font-weight: 400;
      color: #2E4936;
    }
    .allsimply {
      font-family: Jost;
      font-size: 16px;
      font-weight: 400;
      line-height: 20px;
      text-align: left;
      color: #000;
    }
    .greentop{
      margin-top: -120px;
    }
    .swimtop{
      margin-top: -96px;
    }
    .standtotop{
      margin-top: 140px;
    }
    .image1value {
      margin-left: 0px;
      position: absolute;
      top: -2.6rem;
      width: 100%;
    }
    .firststand{
      height: 416px;
    }
    .coltop {
      position: relative;
      margin-top: 168px;
    }
    .finding {
      font-size: 20px;
      line-height: 24px;
    }
    .latep {
      font-size: 16px;
    }
    .pointsin {
      font-size: 16px;
    }
    .projlo {
      font-size: 16px;
    }
    iframe {
      /* width: 90%;  */
      height: 250px;
    }
    .floorb {
      font-size: 24px;
    }
   .content-detailing {
     position: absolute;
     /* text-align: center; */
     padding-left: 3em;
     padding-right: 3em;
     width: 100%;
     top: 65%;
     left: 50%;
     opacity: 1;
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     transform: translate(-50%, 5%);
     -webkit-transition: all 0.3s ease-in-out 0s;
     -moz-transition: all 0.3s ease-in-out 0s;
     transition: all 0.3s ease-in-out 0s;
   }
   .masterhight {
      height: auto;
    }
   .content-image {
     width: 100%;
     object-fit: none;
     object-position: left; 
   }
    .galleryview{
       display: none;
    }
    .gallerymobile {
       display: flex;
       margin-top: 50px
     }
     .incall {
       margin-left: 0%;
       margin-top: 60px;
     }
     .content-details.fadeIn-bottom{
       display: none;
     }
     .content .content-overling{
       width: 94%;
     }
     .headtop {
      font-size: 14px;
      font-weight: 500;
      color: #1C3B2C;
    }
     .headdown{
        font-size: 18px;
        font-weight: 600;
        color: #B08500;
      }
      .backblur {
        border: 1px solid #D9C588;
        padding: 18px;
        border-radius: 14px;
        background: linear-gradient(0deg, rgb(255, 255, 255), rgb(255, 255, 255)), linear-gradient(0deg, rgb(255, 255, 255), rgb(255, 255, 255));
    }
    .invalueback{
      background-image: url(../img/msr/garallry/allinfor.png);
      object-fit: cover;
    }
     .nav-links.active {
       color: #fff !important;
       /* text-decoration: underline; */
       text-align: start;
   }
   .nav-links {
     color: #fff !important;
     font-weight: 500;
     text-align: start;
 }
 .hidemobile{
   display: none;
 }
 .contus{
  display: none;
 }

 .form-control {
  display: block;
    width: 90%;
  }
 /* .heads{
   display: none;
 }
 .heading{
   display: flex;
 } */
 .stage {
   /* font-size: 10px; */
   font-weight: 300;
   line-height: 6px;
   /* letter-spacing: 0em; */
   text-align: center;
   font-size: 14px;
  }
  .Planning {
   color: #1C3B2C;
   font-weight: 400;
   font-size: 20px;
   margin-left: 0px;
   margin-top: 0px;
 }
 .Completed {
   font-weight: 400;
   line-height: 12px;
   letter-spacing: 0em;
   text-align: left;
   color: rgba(25, 45, 43, 1);
   font-size: 13px;
}
.sunny {
 text-align: center;
}
.safeliving{
     --bs-gutter-x: -0.5rem !important;
}
.project{
 background-color: #fff !important;
}
.logos{
 width: 34%;
}
.imgsizeing{
  width: 400px;
  height: 100px;
}
.yousize{
 width: 100%;
 height: 200px;
}
.heroing {
  margin-top: 36px;
}
   }


 @media (max-width: 430px){
  .standtotop {
    margin-top: 16px;
  }
  .standtotops{
    margin-top: 48px;
  }
   .corn {
     width: 86%;
     height: 77%;
 }
 .funtion {
   margin-left: -28px;
   margin-right: 37px;
   margin-top: -56px;
   width: 80%;
}
.projecting {
 font-size: 32px;
 font-weight: 600;
 margin-top: 81%;
}
.office {
 margin-top: -104px;
 margin-left: 0px;
}
 .bgimg {
   width: 89%;
   height: 74%;
}
.upcoming {
 margin-right: 18px;
 margin-left: -71px;
 margin-top: -110px;
 right: 3px;
}
.visiting {
 margin-top: -120px;
 margin-left: 0px;
}
.checkbox-container {
 width: 75%;
 height: 90px;
}
.content-detailing{
   width: 110%;
   top: 66%;
}
.projects {
 line-height: 150px;
 margin-bottom: -94px;
}
.times {
 width: 267;
 height: 165px;
 top: 186px;
 left: 33px;
 gap: 40px;
}
.news {
   width: 112px;
   height: 24px;
   top: 488px;
   left: 32px;
   font-size: 33px;
}
.image1value {
  top: -3.1rem;
}
.priceb img {
  margin: 10px;
  margin-top: 408px;
}
.price-text {
  top: 84%;
}
.onwards {
  top: 87%;
}
}

@media (max-width: 428px){
 .upcoming {
   margin-right: 11px;
   margin-left: -33px;
   margin-top: -113px;
   right: 11px;
}
}


@media (max-width: 414px){
 .upcoming {
   margin-right: 19px;
   margin-left: -74px;
   margin-top: -118px;
   right: 3px;
}
.funtion {
 margin-left: -40px;
 margin-right: 37px;
 margin-top: -62px;
 width: 80%;
}
.checkbox-container {
 width: 80%;
 height: 90px;
}

 .message.btn {
   width: 100%;
 }
 .times {
   position: absolute;
   color: white;
   width: 267;
   height: 165px;
   top: 186px;
   left: 33px;
   gap: 40px;
   list-style: none;
}
 .news {
   width: 112px;
   height: 24px;
   top: 463px;
   left: 30px;
   font-size: 33px;
 }
 .priceb img {
  margin: 10px;
  margin-top: 390px;
}
.price-text {
  top: 84%;
}
.onwards {
  top: 87%;
}
 .funtion {
   margin-left: -40px;
   margin-right: 37px;
   margin-top: -38px;
   width: 79%;
}
.projecting {
 font-size: 32px;
 font-weight: 600;
 line-height: 128px;
 margin-bottom: -64px;
 margin-top: 280px;
}
.visiting {
  margin-top: -100px;
  margin-left: 0px;
 }
}

@media (max-width: 412px){ 
.projects{
 line-height: 150px;
 margin-bottom: -94px;
}
.projecting {
 font-size: 32px;
 font-weight: 600;
 line-height: 123px;
 margin-bottom: -108px;
 margin-top: 324px;
}
.corn {
 height: 86%;
   margin-bottom: -35px;
   margin-top: 34px;
   width: 84%;
}
.funtion {
 margin-left: -34px;
 margin-right: 20px;
 margin-top: -40px;
 width: 80%;
}
.office {
 margin-top: -28px;
 margin-left: 0px;
}
.checkbox-container {
 width: 80%;
 height: 90px;
}
.yousize{
 width: 100%;
 height: 200px;
}
.bgimg {
 width: 86%;
 height: 82%;
}
.upcoming {
 margin-right: 15px;
 margin-left: -76px;
 margin-top: -107px;
 right: 3px;
}
.visiting {
 margin-top: -10px;
 margin-left: 0px;
}
.times {
 position: absolute;
 color: white;
 width: 267;
 height: 165px;
 top: 186px;
 left: 33px;
 gap: 40px;
 list-style: none;
}
.news {
 width: 112px;
 height: 24px;
 top: 463px;
 left: 30px;
 font-size: 33px;
}
.image1value {
  top: -3rem;
}
  }

@media (max-width: 390px){
   .funtion {
     margin-left: -47px;
     margin-right: 20px;
     margin-top: -36px;
     width: 80%;
 }
 .corn {
   height: 87%;
   margin-bottom: -35px;
   margin-top: 37px;
   width: 88%;
}

.projecting {
 font-size: 32px;
 font-weight: 600;
 line-height: 123px;
 margin-bottom: -108px;
 margin-top: 324px;
}
.office {
 margin-top: -20px;
 margin-left: 0px;
}
.bgimg {
 width: 87%;
 height: 83%;
}
.upcoming {
 margin-right: 16px;
 margin-left: -74px;
 margin-top: -112px;
 right: 3px;
}
.visiting {
 margin-top: 0px;
 margin-left: 0px;
}
.checkbox-container {
 width: 84%;
 height: 90px;
}
.news {
 width: 112px;
 height: 24px;
 top: 430px;
 left: 27px;
 font-size: 33px
}
.pointsin {
  font-size: 12px;
}
.standtotop {
  margin-top: 16px;
}
.standtotops{
  margin-top: 48px;
}
  }

@media (max-width: 384px){
   .container__more {
     margin-left: 24%;
 }
 .container-bown {
   margin-top: 116px!important;
}
.fa-envelope {
 height: 40px;
}
.fa-phone {
 height: 40px;
}
.basic {
 font-weight: 500;
}
.col-10 {
 flex: 0 0 auto;
 width: 90%;
}
.bgimg {
 width: 84%;
 height: 90%;
}
.upcoming {
 margin-right: 15px;
 margin-left: -86px;
 margin-top: -107px;
 right: 3px;
}
.visiting {
 margin-top: -28px;
 margin-left: 0px;
}
.search-container{
 width: 333px;
}
.content .content-overling {
 width: 100%;
}
.content-detailing{
 width: 110%;
 top: 64%;
}
.corn {
 height: 98%;
 margin-bottom: 40px;
 margin-top: -60px;
 width: 81%;
}
.sunny{
 text-align:center;
}
.projects{
 line-height: 158px;
 margin-bottom: -96px;
}
.checkbox-container {
   width: 84%;
   height: 90px;
}
.projecting{
 font-size: 32px;
 font-weight: 600;
 line-height: 128px;
 margin-bottom: -12px;
 margin-top: 327px;
}

.office {
 margin-top: -56px;
 margin-left: 0px;
}
.times {
 position: absolute;
 color: white;
 width: 267;
 height: 165px;
 top: 209px;
 left: 34px;
 gap: 40px;
 list-style: none;
}
.news {
 width: 112px;
 height: 24px;
 top: 430px;
 left: 27px;
 font-size: 33px
}
.standtotop {
  margin-top: 15px;
}
.standtotops{
  margin-top: 44px;
}
  }
  @media (max-width: 375px){
    .priceb img {
      margin: 10px;
      margin-top: 293px;
  }
  .price-text {
    top: 82%;
  }
  .onwards {
    top: 85%;
  }
  }

@media (max-width: 360px){
   .corn {
     height: 101%;
     margin-bottom: 40px;
     margin-top: -60px;
     width: 81%;
 }
 .bgimg {
   width: 88%;
   height: 90%;
}
.upcoming {
 margin-right: 15px;
 margin-left: -82px;
 margin-top: -115px;
 right: 3px;
}
.times {
 position: absolute;
 color: white;
 width: 267;
 height: 165px;
 top: 173px;
 left: 30px;
 gap: 40px;
 list-style: none;
}
.news {
 width: 112px;
 height: 24px;
 top: 398px;
 left: 25px;
 font-size: 33px;
}
.price-text {
  top: 82%;
}
.onwards {
  top: 85%;
}
  }

@media (max-width: 320px){
p{
 font-size: 14px;
}
.standall {
  font-size: 30px;
}
.mobilelogoh {
  margin-top: -66px;
}
   .house {
       font-size: 34px;
       font-weight: 400;
       line-height: 38px;
       letter-spacing: 0em;
       text-align: left;
       color: #fff;
       margin-top: 230px;
       margin-left: -3px;
   }
   .enteremail {
     margin-left: 0px;
   }
   .search-container {
     width: 284px;
   }
   .enteremail {
     margin-left: 0px;
     font-size: 13px;
   }
   .search-icon {
     position: relative;
     float: right;
     width: 70px;
     height: 82px;
     top: -34px;
     right: -47px;
     color: #000;
 }
   .search-icon {
     right: -48px;
 }
.galleryview{
 display: none;
}
.gallerymobile {
 display: flex;
}
.amenitsize {
 margin-top: 36px;
}
.bhksize {
 margin-top: 62px;
 margin-right: 50px;
}
.container__more {
 margin-left: 11%;
}
.visiting {
 margin-top: 14px;
 margin-left: 0px;
}
.bgimg {
 width: 87%;
 height: 100%;
}
.upcoming {
 margin-right: 10px;
 margin-left: -85px;
 margin-top: -119px;
}
.dreams {
 font-size: 32px;
 font-weight: 700;
 line-height: 34px;
 letter-spacing: -0.02em;
 text-align: left;
}
.test-arrowbox {
 position: absolute;
 right: 0px;
 display: flex;
 top: 100px;
}
.corn {
 width: 84%;
 height: 95%;
 margin-top: 10px;
}
.funtion {
 margin-left: -58px;
 margin-right: 13px;
 margin-top: -8px;
 width: 84%;
}
.office {
 margin-top: 0px;
 margin-left: 0px;
}
.container-bown {
 margin-top: 116px!important;
}
.Precision-Any {
 font-size: 14px;
 font-weight: 700;
 line-height: 20px;
 letter-spacing: 0em;
 text-align: center;
 color: #606062;
}
.inside {
 width: 85%;
 left: 24px;
}
.times {
 position: absolute;
 color: white;
 width: 267;
 height: 165px;
 top: 170px;
 left: 24px;
 gap: 40px;
 list-style: none;
}
.fa-envelope {
 height: 30px;
}
.fa-phone {
 height: 30px;
}
.message.btn {
 color: #ffd000;
 background-color: #332F6A;
 margin-left: 0%;
 width: 100%;
 height: 56px;
}
.checkbox-container {
 width: 102%;
 height: 90px;
}
.col-10 {
 flex: 0 0 auto;
 width: 90%;
}
.content-detailing{
 width: 115%;
 top: 70%;
}
.projects{
 line-height: 150px;
 margin-bottom: -94px;
}
.headtop {
  font-size: 12px;
  font-weight: 500;
  color: #1C3B2C;
}
.headdown {
  font-size: 14px;
  font-weight: 600;
  color: #B08500;
}

.projecting {
 font-size: 32px;
 font-weight: 600;
 line-height: 183px;
 margin-bottom: -108px;
 margin-top: 300px;
}
.EmailUs{
 font-size: 14px;
}
.CallUs{
 font-size: 14px;
}
.pointsin {
  font-size: 12px;
}
.news {
 width: 112px;
 height: 24px;
 top: 342px;
 left: 25px;
 font-size: 33px;
}
.firststand {
  height: 443px;
}
.standtotop {
  margin-top: 20px;
}
.priceb img {
  margin: 10px;
  margin-top: 209px;
}
.price-text {
  top: 77%;
}
.coverin {
  min-height: 100vh;
}
.onwards {
  top: 81%;
  left: 33%;
}

@media (max-width: 767px) {
 .half-color-box1 .swiper-button-prev-test,
 .half-color-box1 .swiper-button-next-test {
     left: 5px; /* Adjust for smaller screens */
     right: 5px; /* Adjust for smaller screens */
 }
}
}