@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700;800&display=swap');

@import url('https://fonts.cdnfonts.com/css/argue-demo');

@font-face {

   font-family: 'Argue DEMO';

   font-style: normal;

   font-weight: 400;

   src: local('Argue DEMO'), url('../Argue DEMO.woff') format('woff');

}

@import url(https://db.onlinewebfonts.com/c/890ec46ef8df898b790db804a3aa38e6?family=Argue+DEMO);

@font-face {

    font-family: "Argue DEMO";

    src: url("https://db.onlinewebfonts.com/t/890ec46ef8df898b790db804a3aa38e6.eot");

    src: url("https://db.onlinewebfonts.com/t/890ec46ef8df898b790db804a3aa38e6.eot?#iefix")format("embedded-opentype"),

    url("https://db.onlinewebfonts.com/t/890ec46ef8df898b790db804a3aa38e6.woff2")format("woff2"),

    url("https://db.onlinewebfonts.com/t/890ec46ef8df898b790db804a3aa38e6.woff")format("woff"),

    url("https://db.onlinewebfonts.com/t/890ec46ef8df898b790db804a3aa38e6.ttf")format("truetype"),

    url("https://db.onlinewebfonts.com/t/890ec46ef8df898b790db804a3aa38e6.svg#Argue DEMO")format("svg");

}

*{

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

}

.contact-btn {

   display: none;

}

              

.btn:focus {

   outline: 0;

   box-shadow: none !important;

}

.btn-check:focus+.btn-light, .btn-light:focus {

   

}

ul.nav li.dropdown:hover ul.dropdown-menu {

  display: block;

	color: #eee;

}



.navbar-collapse ul li a{color: #eee;}

.navbar-collapse .dropdown-menu{background: #847059 !important; border: none !important; padding: 10px 12px 3px 12px !important;}

.navbar-collapse .dropdown-menu li{border-bottom: 1px dotted #cacaca; padding:6px 0px;}

/* .navbar-bg {

   background-color: #f58634;

} */

#header {

   background-color: #847059;

   width: 100%;

   height: 55px;

   position: relative;

   /* z-index: -1; */

   margin-top: 0px;

}

.footer-img {

    min-width: 60px;

    text-align: center;

}

.phone-no a {

   text-decoration: none;

   color: #222 !important;

}

.phone-no {

   padding: 10px;

}

.header-logo img {

   display: none;

}



.carousel-indicators [data-bs-target] {

   box-sizing: content-box;

   flex: 0 1 auto;

   width: 15px !important;

   height: 15px !important;

   padding: 6px;

   margin-right: 3px;

   margin-left: 3px;

   text-indent: -999px;

   cursor: pointer;

   background-color: #fff !important;

   background-clip: padding-box;

   border: 0;

   border-radius: 100% !important;

   border-top: 10px solid #f9fafb00;

   border-bottom: 10px solid transparent;

   opacity: 0.5;

   transition: opacity .6s ease;

}



.navbar {

   padding: 0px 10px;  

}

.navbar a {

   text-decoration: none;

}

#navbarSupportedContent {

   justify-content: space-between;

}



ul.navbar-nav li.nav-item {

   margin-right: 21px;

   margin-top: 5px;

}

ul.navbar-nav li.nav-item:last-child { margin-right: 3rem; margin-left: 0px;}

ul.navbar-nav li.nav-item{margin-left: 20px;}

ul.navbar-nav li.nav-item a.nav-link {

   color: #eee;

   margin-top: -20px;

}

.dropdown {

   margin-top: -6px !important;

   margin-right: 10px !important;

}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {

   color: #EDF828;

}

ul.navbar-nav li.nav-item a.nav-link:hover {

   color: #fff;

}

.navbar-prev {

   padding-right: 6rem;

}

.navbar-next {

   padding-left: 2rem;

}

.surabhi-logo-1 {

   visibility: hidden;

}

.surabhi-logo-3 a img {

   z-index: 1;

   position: absolute !important;

   left: 32%;

   top: 38px;

}

.slider-shape img{

   margin-top: -5rem;

  position: relative;

}

.banner-text h1 {

   font-size: 50px;

   color: #fff;

   font-weight: 700;

   font-family: 'Argue DEMO', sans-serif !important;

}

.banner-text p {

   font-size: 24px;

   line-height: 34px !important;

}

p {

   line-height: 25px !important;

}

.banner-text {

   top: 5%;

   left: 10%;

   transform: translateX(-5%);

	

   text-align: left !important;

}

.banner-text span {

   -webkit-text-fill-color: transparent;

  -webkit-background-clip: text;

  /* Below is not needed */

  display:block;

  font-size: 170px;

  font-weight: 800 !important;

  font-family: arial;

  margin-top: px;

  font-weight: bold;

  letter-spacing: -5px;

  background-size: cover;

  border: #000;

  -webkit-text-stroke: 4px #fff;

  text-align: left;
    line-height: 1; margin: 0 0 10px;

}

.scroll-icon span{

   font-size: 20px;

   padding-top: 16px;

      height: 50px;

      width: 50px;

      border-radius: 100%;

      background-color: #000;

      text-align: center;

}

.about-text h2 {

   font-size: 45px;

   font-weight: 600;

   color: #66883f;
   text-align: left;

   font-family: 'Argue DEMO', sans-serif !important;

}

.about-text h4{

   font-family: 'Argue DEMO', sans-serif !important;

   text-align: left !important;

}

.about-text p {

   text-align: left;

}

.prop {

   background-color: #ffe7dd !important;

}

.file-circle{

	width: 50px;

	height: 50px;

	border-radius: 100%;

	background: #933623;

}



.img-card {

   width:300px;

   position: relative;

   border-radius: 5px;

   text-align: left;

   box-shadow: 0 0 5px #00000020;        

}



   .img-card .card-image {

       position: relative;

       margin: auto;

       overflow: hidden;

       border-radius: 5px 5px 0px 0px;

       /* height: 285px; */

   }



   .img-card .card-image img {

       width:100%;

       border-radius: 5px 5px 0px 0px;

       

       -webkit-transition: all 0.8s;

       -moz-transition: all 0.8s;

       -o-transition: all 0.8s;

       transition: all 0.8s;

   }



   .img-card .card-image:hover img {

       -webkit-transform: scale(1.1);

       -moz-transform: scale(1.1);

       -o-transform: scale(1.1);

       transform: scale(1.1);

   }        



   .img-card .card-text {

       padding: 15px 15px;

       line-height: 1.5; 

       text-align: left;  

   }

   .card-text h5 a{

      color: #847059;

      font-weight: 600;

      font-family: 'Argue DEMO', sans-serif !important;

	  text-decoration: none !important;

   }



   .img-card .card-link {

       padding: 20px 15px 30px;

       width: -webkit-fill-available;

   }



 .img-card .card-link a {

     text-decoration: none;

     position: relative;

     padding: 10px 0;

 }

 .moretext {

   display: none;

 }

 .home-site {

   background-color: #66883f;

   padding-bottom: 2rem ;

 }

   



.img-card.iCard-style3 {

   text-align: center;

   width: auto;

}



.img-card.iCard-style3 .card-title {

   top: 80%;

   font-size: 30px;

   color: #fff;

   position: absolute;

   width: 100%;

   font-family: 'Roboto', sans-serif;

   z-index: 1;

}



.img-card.iCard-style3 .card-text {

   color: #636060;

}



.img-card.iCard-style3 .card-link {

   border-top: 1px solid #e8e8e8;

}

   .img-card.iCard-style3 .card-link a {

       color: #585858;

   }

   .img-card.iCard-style3 .card-link a:after {            

       background: #585858;

   }



.img-card.card-title {

text-align: right;

}

.img-card.iCard-style3 .card-caption {

   position: absolute;

   /* width: 100%; */

   font-family: 'Open Sans', sans-serif;

   z-index: 1;

   top: 10px;

   right: 10px;

   color: #fff;

 text-align:right;

 

}

.dummy-text {

   padding-bottom: 2rem;

}

.usps{
    padding: 20px; border-radius: 20px; background: #ffe7dd ; display: flex; flex-wrap: wrap; gap: 20px;
    .wrap{
        width: 130px; flex-grow: 1; display: flex; align-items: center; gap: 12px;
        .iconwrap{
            width: 70px; min-width: 70px; position: relative; &:after{ content: ""; width: 50px; height: 50px; display: block; border-radius: 50%; background: #000; opacity: .2; position: absolute; top: -10px; left: 0; }
            img{ width: 50px; display: block; margin-left: auto; }
        }
        .content{
            .title{ font-weight: 600; margin: 0 0 3px; line-height: 1.4; font-size: 16px; }
            .para{ font-size: 12px; }
        }
    }
    @media (max-width: 600px){
        padding: 30px 20px; .wrap{ text-align: center; display: block; .iconwrap{ margin: 0 auto 10px; width: 50px; min-width: unset; &:after{ left: -20px; } } }
    }
}

.Social-media{

   display: flex;

   justify-content: right;

 }

.social-media a{

   display: flex;

   background: #eee;

   height: 25px;

   width: 25px;

   margin: 0 8px;

   border-radius: 8px;

   align-items: center;

   justify-content: center;

   text-decoration: none;

   

 }

 .line-2 {

   border-right: 2px solid #e8e8e8;

   height: 55px;

}

.service-card {

   text-align: left;

   padding: 0 9px;

}

.file-icon i{font-size: 26px; text-align: center; margin-top: 12px; color: #fff;}

.service-card-2 {

   text-align: left;

   padding: 0 12px;

}

.service-review-1{width: 500px;}

.service-review {text-align: left;}

.service-review img{max-width: 90px !important; padding-bottom: 10px;}

.meadows-site {

   /* max-width: 150px; */

   align-content: space-between;

   min-height: 240px;

}

.amenities-img img{

   width: 75px;

   color: #fd7e14 !important;

}



.amenities img{max-width: 105px !important;}

.card-content {

   padding-bottom: 1rem;

   min-height: 495px;

}

.proper .mode-on {

   display: none;

}







.about {

   padding-top: 3rem;

   padding-bottom:3rem;

}

.booking {

   background-color: #45525d;

   outline: 1px solid #fff;

   outline-offset: -10px;

}

.booking-text {

   border: #fff;

}

.booking-text-1{

   font-size: 42px;

   color: #fff;

   font-family: 'Argue DEMO', sans-serif !important;

}

.booking-text-2 {

   font-size: 53px;

   color: #fff;

   font-weight: 600;



}

.booked-btn a{

   text-decoration: none;

/*   color: #d2722c !important;*/

   color: #46515d !important;

   

}

.booking-btn {

   background-color: #fff;

   padding: 15px 30px;

   border-radius: 50px;

   font-size: 20px;

   cursor: pointer;

}



.btn-light {

   background: #876f57 !important;

   border: #876f57 !important;

   color: #fff !important;

   font-size: 21px !important;



}

.btn-red {

   background: transparent !important;

   border: 1px solid #fff !important;

   color: #fff !important;

   font-size: 21px !important;

}

.vast-btn-2 button{

   background-color: #fff !important;

   color: #66883f !important;

}

.vast-btn-3 .vast-2 {

   background-color: #66883f !important;

   color: #fff !important;

   font-size: 20px !important;

}

.vast-btn-3 button{border: 1px solid #fff !important;}

.vast-btn-3 .vast-2 i {

   font-size: 16px !important;

}

/* .vast-btn-3 {

   margin-top: -3rem;

   padding-bottom: 2px;

} */

.launching {

   

   background: linear-gradient(to bottom, #fff 60px, #66883f 60px);

}



.urban-text {

   color: #fff;

   text-align: center;

   padding-top: 2rem;

   padding-bottom: 5px;

}

.urban-text h2 {

   font-size: 45px;

   font-weight: 600;

   font-family: 'Argue DEMO', sans-serif !important;

}

.urban-img {

   transform: translateY(-1px);

}

.success-journey {

   background: url(../images/background-img.jpg);

   background-size: cover;

   background-repeat: no-repeat;

}

.service {

   padding-top: 3rem;

   color: #fff;

}

.service-text h1 {

   font-size: 68px;

   font-weight: 700;

}

.service-text p {

   font-size: 24px;



}

.service-text {

   color: #fff;

   text-align: center;

}

.line {

   border-right: 2px solid #fff;

}



.pt {

   padding-top: 3rem;

}

.urban-video iframe {

   border-radius: 15px !important;

   width: 1000px !important;

   height: 600px!important;

}



.pb {

   padding-bottom: 3rem;

}

.review {

   color: #695b4e;

}

.hr-line:after { /* this is the border */

   content:"";

   display:block;

   width: 10em;

   max-width:70%;

   border-bottom: 0.3em solid #555;

   margin: 0em auto 0;

}

.design img {

   /* margin-top: -10.8rem !important; */

}

.design-2 {

   /* margin-top: -12rem;

   margin-left: 88%;

   rotate: 180deg;

   overflow: hidden; */

   rotate: 180deg;

   margin-top: -12rem !important;

}

.round-type {

   margin-top: -18rem !important;

   padding: 1rem;

}

.cd-testimonials-wrapper {

   position: relative;

   background-color: #695b4e;

   margin: 2em auto;

   -webkit-font-smoothing: antialiased;

   -moz-osx-font-smoothing: grayscale;

   padding: 45px 23px 80px;

   z-index: 1;

   height: 365px;

 }

 .cd-testimonials li{

   padding-top: 10px;

 }

 .client-1 {

   background-color: #695b4e;

 }

 .client-2 {

   background-color: #66883f;

 }

 .client-3 {

   background-color: #45525d;

 }

 

 .cd-testimonials-wrapper::after {

   /* quotation mark */

   content: '\201C';

   position: absolute;

   top: -23px;

   left: 5px;

   width: 50px;

   height: 50px;

   padding-top: -2px !important;

   margin-left: 20px;

   background: rgba(32, 32, 34, 0.9);

   background: #3a3a3a;

   font-family: "Georgia", serif;

   color: white;

   font-size: 4.5rem;

   transform: rotate(180deg);

   text-align: center;

   /* visible on big devices only */

   display: none;

 }

   .cd-testimonials-wrapper::after {

     display: block;

   }

 

 

 .cd-testimonials {

   color: white;

   text-align: center;

 }

 .cd-testimonials p {

   font-family:'poppins',serif;

   font-style: regular;

   line-height: 1.4;

   margin-bottom: 1em;

   /* padding: 0 14px; */

   font-weight: 400;

 }

 .cd-see-all {

   position: absolute;

   z-index: 1;

   left: 0;

   bottom: 0;

   width: 100%;

   height: 68px;

   background-color: rgba(37, 37, 37, 0.2);

   text-align: center;

   -webkit-transition: color, 0.2s;

   -moz-transition: color, 0.2s;

   transition: color, 0.2s;

   padding-top: 0.3rem;

 }

 .cd-see-all h3 {

   color: #fff;

   font-size: 27px;

   margin: 0;

 }

 .star {

   color: goldenrod;

   

 }

 .section-padding{

   padding-top: 80px;

   padding-bottom: 22px;

 }

 .brand-carousel {

   margin-top: -5rem;

 }

 .owl-dots{

   text-align: center;

 }

 

 .owl-dot {

   display: inline-block;

   height: 15px !important;

   width: 15px !important;

   border:2px solid #f58634 !important;

   opacity: 0.8;

   border-radius: 50%;

   margin: 0 5px;

 }

 

 .owl-dot.active {

   background-color: #f58634 !important;}



/*.img-fluid {cursor: initial !important;}              */

                            



 .footer {

   background-color: #262626;

   

 }

 .footer-text h3 {

   color: #847059;

   font-size: 40px;

   font-family: 'Argue DEMO', sans-serif !important;

 }

 .hr-line-2:after { /* this is the border */

   content:"";

   display:block;

   width: 10em;

   max-width:70%;

   border-bottom: 0.3em solid #fff;

}

 .address {

   color: #fff;

   margin-left: 18px !important;

 }

 .local-icons {

   padding-top: 3rem;

 }

 .footer-text p {

   color: #797979;

 }

 .footer-text h4 {

   color: #847059;

   font-family: 'Argue DEMO', sans-serif !important;

   font-size: 27px;

 }

 .foot-pad {

   padding-top: 5rem;

 }



 .contact form{

   background-color: transparent;

   font-weight: 500;

}

.form{

   grid-area: form;



}

.contact{

   /* padding: 40px; */

   background: transparent;

}

.box{

   position:relative;

   /* display: grid; */

   grid-template-columns: 2fr 1fr;

   grid-template-rows: 5fr 4fr;

   grid-template-areas: "form info" "form map";

   /* grid-gap:20px; */

   margin-top: 20px;

}



.formbox{

   position: relative;

   width: 100%;



}

.formbox .row50{

   display: flex;

   gap: 20px;

}

.inputbox{

   display: flex;

   flex-direction: column;

   margin-bottom: 10px;

   width: 50%;

   padding: 10px 0;

}

.formbox .row100 .inputbox{

   width: 100%;

}

.inputbox span{

   margin-top: 10px;

   margin-bottom: 5px;

   font-weight: 500;

   background: #fff;

}

.inputbox input{

   padding: 15px;

   background:  #fff;

   outline: none;

   border: 1px solid rgb(226, 226, 226);

}

.inputbox textarea{

   padding: 10px;

   background:  #fff;

   outline: none;

   border: 1px solid rgb(226, 226, 226);

   resize: none;

   min-height: 170px;

   margin-bottom: 10px;

}

.inputbox input[type="submit"]{

   background: #847059;

   color: #fff;

   border: none;

   cursor: pointer;

   border-radius: 0px;

   text-align: center;

   width: 210px;

   margin-left: 235px;

}

.inputbox ::placeholder{

   color: rgb(192, 190, 190);

}

.project {

   display: flex;

}

.project a {

   padding: 2px;

   text-decoration: none;

   color: #595c5b !important;

   text-align: center;

   font-size: 19px;

   transition: .4s;

}

.project a:hover {

   color: #fff !important;

}

.project a span {

   color: #595c5b !important;

}

.project span {

   padding: 1rem;

}

.social a {

   width: 35px;

   height: 35px;

   border-radius: 100%;

   background:  #847059;

   color: #fff;

   margin: 0 4px;

   transition: 0.6s;

}

.social a:hover {

   background: #fff;

   color:  #847059;

}

.social a i{

   font-size: 20px;

   margin-top: 7px;

   

}

.copy-right {

   background: #343434;

   padding-bottom: 3px;

   padding-top: 3px;

}

.copy-right p {

   margin-top: 6px;

   margin-bottom: 0rem;

}

.copy-right p a{

   color: #c5c5c5;

    text-decoration: none

}

.footer-img i {

   font-size:60px;

   color: #847059;

}

.project-text h2{

   font-size: 42px;

   color: #000;

   font-family: 'Argue DEMO', sans-serif !important;

   text-transform: uppercase;

}

.project-text h3 {

   font-family: 'Argue DEMO', sans-serif !important;

   font-weight: 600;

   font-size: 36px;

}

            /* projects page */

.hr-line-3:after {

                               /* this is the border */

      content:"";

      display:block;

      width: 3em;

      max-width:70%;

      border-bottom: 0.3em solid #847059;

      padding-top: 1rem;

   }

   .hr-line-3 {

      padding-bottom: 1rem;

   }

   .project-text h2 {

      font-size: 43px;

      font-weight: 600;

   }

   .project-text p{

      

      line-height: 26px;

   }

   .site {

      background: #f5f5f5;

      padding-bottom: 4rem;

      padding-top: 1rem;

   }

   .ap-rera img {

      max-width: 155px;



   }

   .ap-rera {

      position: absolute;

      bottom:10px; 

      padding-left:10px;

      text-align: left !important;

   }

   .ap-rera-logo {

      position: absolute;

      top: 50px;

   }

   .ap-rera-logo img {

      max-width: 150px;

   }

   .hr-line-4:after {

         /* this is the border */

   content:"";

   display:block;

   width: 3em;

   max-width:70%;

   border-bottom: 0.3em solid #847059;

   padding-top: 1rem;

   margin: auto;

   }

   .project-space {

      padding-top: 3rem;

      padding-bottom: 2rem;

   }

.project-space-1 {padding-top: 3rem !important;}

   .point-list { padding-top: 3rem;}

   .point-list i {

      color: #847059;

   }

   .direction h2 {

      font-size: 35px;

      font-weight: 700;

   }

   .direction h4 {

      font-weight: 600;

   }

   .pad-list{

      margin-bottom: 11px;



   }

   /* #nav-scroll-3 {

      position: fixed !important;

      top: 0 !important;

      width: 100% !important;

   } */



   

   .contact-page {

      background:  linear-gradient(45deg,

      rgba(51, 50, 50, 0.75),

      rgba(51, 50, 50, 0.75)),url(../images/construction-20.jpg);

      background-size: cover;

      background-repeat: no-repeat;

      /* background: linear-gradient(#666666ad); */

   }

   .point-list p {

      margin-left: 2rem;

      font-size: 18px;

    }                     /*gallery page---------------- */

   .gallery-site {

      padding-top: 3rem;

   }

 

   :root {

      --lightbox: #0000008c;

    }

 

 /* IMAGE GRID STYLES

 –––––––––––––––––––––––––––––––––––––––––––––––––– */

 .image-grid figure {

   margin-bottom: 0;

 }

 

 /* LIGHTBOX STYLES

 –––––––––––––––––––––––––––––––––––––––––––––––––– */

.modal{ background: #0008; }

 .lightbox-modal .modal-content {

   background: none;

 }

.lightbox-modal .modal-dialog{
    max-width: unset; margin: auto !important;
}

 .lightbox-modal .btn-close {

   position: absolute;

   top: 20px;

   right: 18px;

   font-size: 1.2rem;

   z-index: 10;

 }

.modal-backdrop{ display: none !important; }

.lightbox-modal .modal-body .container-fluid .carousel-inner *{ background: none; background-color: transparent; }

 .lightbox-modal .modal-body {

   display: flex;

   align-items: center;

   padding: 0;

   text-align: center;
     background: none; 
     background-color: transparent;
     justify-content: center;

 }

.lightbox-modal .modal-body .container-fluid{ padding: 0; background: none; background-color: transparent; }

 .lightbox-modal img {

   width: auto;

   max-height: 100vh;

   max-width: 100%;

 }

 @media (min-width:991px){
   .lightbox-modal img {
      width: 100%;
      height: 100vh;
       object-fit: contain;
       object-position: center;
/*
      padding-top: 15px;
      padding-bottom: 15px;
*/
     
  }
 }

 

 

 .lightbox-modal .carousel-control-prev,

 .lightbox-modal .carousel-control-next {

   top: 50%;

   bottom: auto;

   transform: translateY(-50%);

   width: auto;

 }

 

 .lightbox-modal .carousel-control-prev {

   left: 10px;

 }

 

 .lightbox-modal .carousel-control-next {

   right: 10px;

 }

 .site-amenities {

   background: #fff;

   height: 260px;

   margin-bottom: 16px;

   padding: 12px;

 }

.site-amenities-2 {

   background: #fff;

   height: 190px;

   margin-bottom: 16px;

   padding: 12px;

 }

 

 /* .sticky {

   position: fixed !important;

   top: 0 !important;

   width: 100% !important;

}  

.about {

   padding-top: 9rem;

} */



.pt-vastu {

   padding-top: 3rem;

}



#back-to-up {

   background-color: #847059 !important;

   border-color:#847059;

   color:#fff;

   font-size:25px;

   z-index: 2;

}



                                                 /* side popup */



.img-replace {

    display: inline-block;

    overflow: hidden;

    text-indent: 100%;

    color: transparent;

    white-space: nowrap;

}





.customization_popup_trigger {

    /* display: ; */

    /* width: 170px;

    height: 50px; */

    line-height: 50px;

    /* margin: ; */

    text-align: right;

    color: #847059 !important;

    font-size: 18px;

    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07);

    left:0;

}

.customization_popup_trigger i {

   font-size: 25px;

}

.pop_up {

   bottom: 20% !important;

   z-index: 2;

}









/* --------------------------------



xpopup



-------------------------------- */



.customization_popup {

    position: fixed;

    right: 5%;

    top: 0;

    height: 100%;

    width: 100%;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;

    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;

    transition: opacity 0.3s 0s, visibility 0s 0.3s;

    z-index: 2;

  

}



.customization_popup.is-visible {

    opacity: 1;

    visibility: visible;

    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;

    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;

    transition: opacity 0.3s 0s, visibility 0s 0s;

}



.customization_popup_container {

    position: absolute;

    width: 30%;

    max-width: 400px;

    margin: 0 auto;

    right: 0;

    top: 0;

    height: 220px;

    background: #FFF;

    border-radius: .25em .25em .4em .4em;

    text-align: center;

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

    -webkit-transform: translatex(400px);

    -moz-transform: translatex(400px);

    -ms-transform: translatex(400px);

    -o-transform: translatex(400px);

    transform: translatex(400px);

    -webkit-backface-visibility: hidden;

    -webkit-transition-property: -webkit-transform;

    -moz-transition-property: -moz-transform;

    transition-property: transform;

    -webkit-transition-duration: 0.3s;

    -moz-transition-duration: 0.3s;

    transition-duration: 0.3s;

    border-top: 8px solid #876f57 !important;

}



.customization_popup_container h4 {

    padding: 2.7em 1em 2em;

    color: #626262 ;

    font-size: 21px !important;

}

.customization_popup_container a{

   text-decoration: none;

   color: #fff !important;

   text-align: center;

   padding-top: 2px;

}

.customization_popup_container .pop-btn {

   width: 80%;

   height: 15%;

   margin: auto;

   background-color: #f58634;

   cursor: pointer;

   padding-top: 6px;

}





.customization_popup_container .customization_popup_buttons:after {

    content: "";

    display: table;

    clear: both;

}



.customization_popup_container .customization_popup_buttons li {

    float: left;

    width: 50%;

    list-style: none;

}



.customization_popup_container .customization_popup_buttons a {

    display: block;

    height: 60px;

    line-height: 60px;

    text-transform: uppercase;

    color: #FFF;

    -webkit-transition: background-color 0.2s;

    -moz-transition: background-color 0.2s;

    transition: background-color 0.2s;

}



.customization_popup_container .customization_popup_buttons li:first-child a {

    background: #fc7169;

    border-radius: 0 0 0 .25em;

}



.no-touch .customization_popup_container .customization_popup_buttons li:first-child a:hover {

    background-color: #fc8982;

}



.customization_popup_container .customization_popup_buttons li:last-child a {

    background: #b6bece;

    border-radius: 0 0 .25em 0;

}



.no-touch .customization_popup_container .customization_popup_buttons li:last-child a:hover {

    background-color: #c5ccd8;

}



.customization_popup_container .customization_popup_close {

    position: absolute;

    top: 8px;

    right: 8px;

    width: 30px;

    height: 30px;

}



.customization_popup_container .customization_popup_close::before, .customization_popup_container .customization_popup_close::after {

    content: '';

    position: absolute;

    top: 12px;

    width: 14px;

    height: 3px;

    background-color: #8f9cb5;

}



.customization_popup_container .customization_popup_close::before {

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

    left: 8px;

}



.customization_popup_container .customization_popup_close::after {

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

    right: 8px;

}



.is-visible .customization_popup_container {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



@media only screen and (min-width: 1170px) {

    .customization_popup_container {

        margin: 25em auto;

    }

	.customization_popup_trigger {

        margin: 6em auto;	 

 }

}



/*

@media screen and (min-device-width: 768px) and (max-device-width: 1168px) { 

.site-amenities {

   	width: 150px!important;

	 margin: 10px;

	 padding:7px;

}

*/


@media (max-width: 768px) {
   .small-btns-icns-desk {
       position: fixed;
       bottom: -1px;
       left: 0;
       right: 0;
       z-index: 1000;
       padding: 10px;
       background-color: rgba(255, 255, 255, 0.9);
       display: flex;
       justify-content: center;
       box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   }
}




@media (max-width:760px) {

   .phone-no {

      display: none;

   }

   .urban-one-head-container{
      display: flex;
      justify-content: space-between;
      vertical-align: middle;
      align-items: center;
      flex-direction: row;
   }

   .urban-one-title{
      color: #847059;
      margin-bottom: 0;
      line-height: 0;
      margin-top: 5px;
   }

   .btn-enquire {
      background: #1c1c1b;
      color: #fff;
      border: none;
      cursor: pointer;
      border-radius: 0px;
      width: 96vw; 
      padding: 15px 0; 
      margin: 0;
      font-size: 20px !important;
      font-weight: 600;
      font-family: 'Argue DEMO', sans-serif !important;
      text-transform: uppercase;
  }

   .modal-title{
      font-family: 'Argue DEMO', sans-serif !important;
   }
  
   .submit-btn{
      background-color: #0e0e0e !important;
   }
   .modal-title{
    line-height: 1.5;
    margin-top: 4px;
    font-size: 25px;
   }

   .modal-dialog {
      max-width: 98%; 
      margin: auto; 
  }
  .inputbox textarea{
   min-height: 80px;
  }
  

	.dropdown {margin: 12px 10px 5px 0px !important;}

	ul.navbar-nav li.nav-item{margin-left: 0px !important;}

   .navbar-dark .navbar-toggler { color: transparent !important; border-color: transparent !important;}

   .contact-btn {display: inline-block; font-size: 12px !important;}

   .logo-space {text-align: center;}

   ul.navbar-nav li.nav-item { margin-right: 0px;}

   ul.navbar-nav li.nav-item:last-child { margin-right: 0rem;}

   ul.navbar-nav li.nav-item a.nav-link { margin-top: 0px;}

   .mob-hide {display: none;}

   .navbar-prev {padding-right: 0rem;}

   .design {display: none;}

   .vast-btn-3 .vast-2 {font-size: 17px !important; }

   .btn-light {font-size: 18px !important;}

   .round-type {display: none;}

   .design-2 {display: none;}

   .brand-carousel {margin-top: -1rem;}

    /* .card-image .card-caption {

      font-size: 12px !important;

    } */

    .banner-text span {

     letter-spacing: 1px;

     font-size: 66px;

     font-weight: 800 !important;

     -webkit-text-stroke: 2px #fff;
        margin: 0 0 30px;


   }

   .proper {

      z-index: -99;

   }

   .proper .mode-off {

      display: none !important;

   }

   .proper .mode-on {

      display: block !important;

   }

.urban-video iframe {

   border-radius: 15px !important;

   width: 100% !important;

   height: auto !important;

}



   .phone-no {

      padding: 2px;

   }

   .header-logo img {

      display: inline-block;

      padding: 10px;

   }

   .surabhi-logo-3 a img {

      display: none;

   }

   .banner-text h1 {

      font-size: 30px;

   }

   .banner-text p {

      font-size: 16px;

      line-height: 26px !important;



   }
    .banner-text p br{ display: none; }

   .scroll-icon span{

      font-size: 16px;

      padding-top: 10px;

      height: 35px;

      width: 35px;

      border-radius: 100%;

      background-color: #000;

      text-align: center;

   }

   .banner-text {

      top: 40px;

      transform: none;

      text-align: center;

   }

   

   #header {

      margin-top: 0px;

      z-index: 0;

      height: auto;

   }

   .slider-shape img{

      margin-top: -1rem;

   }

   .urban-img {

      float: center;

      margin-top: 1rem;

   }

	.service-review-1{width: auto !important;}

 

   .urban-text h2 {

      font-size: 25px;

     

   }

   .pt-vastu {

      padding-top: 2rem;

   }

   .section-padding {

      padding: 15px 0;

   }

   .about-text h2 {

      font-size: 28px;

      margin-top: 1rem;

   }

   .about-text p {

      line-height: 26px;

   }

   .about-img {

      padding-top: 2rem;

   }

   .launching {

      padding-bottom: 1rem;

      padding-top: 1px;

   }

   .about {

      padding-top: 1rem;

      padding-bottom:2rem;

      flex-direction: column-reverse;

   }

   .vast-btn {

      text-align: center;

   }

   .service-text h1{

      font-size: 38px;

   }

   .service-text p {

      font-size: 22px;

   }

   .line {

      border: none;

      padding-top: 6px !important;

      padding-bottom: 12px;

   

   }

   .meadows-site {

      /* max-width: 150px; */

      align-content: space-between;

      /* min-height: 240px; */

      min-height: auto;

   }

  

   .card-content {

      min-height: auto;

   }

   .footer-text h3 {

      font-size: 25px;

   }

   .footer-text h4 {

      font-size: 17px;

   }

   .hr-line-2:after {

      border: none;

   }

   .foot-pad {

      padding-top: 3rem;

    }

    .local-icons {

      padding-top: 1rem;

    }

    .padding-2 {

      padding-top: 2rem;

    }

    .pt {

      padding-top: 0rem;

    }

    .booking-text-1{

      font-size: 22px;

   }

   .booking-text-2 {

      font-size: 28px;

      font-weight: 600;

   

   }

   .booking-text {

      text-align: center;

      padding-bottom: .5rem;

   }

   .booking-btn {

      width: 260px;

      justify-content: center;

      margin: auto;

   }

   .launching {

      background: #66883f;

   }

   .footer-img i {

      font-size:50px;

   }



   .touch-w-100 {

      height: 100vh;

  }

  .formbox .row50 {

      display: flex;

      gap: 0;

      flex-direction: column;

  }

  .inputbox {

      width: 100%;

  }

 

  .mail {

      margin: -1rem 0;

  }

  .inputbox{

   margin-bottom: 1px;

   padding: 4px 0;

}

.inputbox input{

   padding: 10px;

}

.inputbox input[type="submit"]{

   text-align: center;

   width: 100%;

   margin-left: 0px;

}

.project a {

   padding: 1px;

   font-size: 16px;



}

.project {

   display: block;

}

.project span {

   display: none;

}

.social a {

   width: 25px;

   height: 25px;

   margin: 0 4px;

}

.social a i{

   font-size: 16px;

   color: #fff;

   margin-top: 4px;

   transition: 0.3s;

}

.copy-right p {

   font-size: 12px;                 



} 

.map img {

   padding-top: 0rem;

   padding-bottom: 1rem;

}

.ap-rera img {

   max-width: 110px;

}

.ap-rera {

   position: relative;

   bottom:8px; 

   padding-left:10px;

   justify-content: center;

   background-color: #eef1e1;

   text-align: center !important;

}

.ap-rera-logo img {

   max-width: 90px;

}



                   /* projects page */

                   

.project-text h2 {

   font-size: 29px;

}

	.project-text{padding-top: 20px !important;}

.project-text p{

   padding-top: 1rem;

}

.project-text h3 {

   font-size: 24px;

}

.hr-line-3:after {

   padding-top: 0rem;

} 

.site {

   padding-bottom: 2rem;

   padding-top: 1rem;

}

	.project-space {padding-top: 2rem; padding-bottom: 3rem; }

.direction h2{

   font-size: 25px;

}

	.project-space-1{padding-top: 2rem; flex-direction: column-reverse;}

.direction h4 {

   font-size: 18px;

}              

	.site-amenities-2{height: 143px !important;}

/* .gallery-site img{

   padding-bottom: 2rem;

} */

.gallery-site {

   padding-top: 2rem;

}

.notification {

   display: none;

 }

 .lightbox-modal .btn-close {

   top: 5rem;

 } 

  .site-amenities {

  	 height: auto;

	 margin-bottom: 16px;

	 padding:12px;

 }

	.service-card-2{

		padding: 0px 6px;

	}

 /* #nav-scroll-3 {

   position: fixed !important;

   top: 0 !important;

   width: 100% !important;

} */



#back-to-up i {

   font-size: 20px !important;

}

.customization_popup_container {

   position: absolute;

   width: 90%;

   max-width: 400px;

   margin: 0 auto;

   right: 0;

   top: 50%;

   height: 210px;

}

.customization_popup_container h4 {

   font-size: 21px !important;

	padding: 2.2em 1em 1.2em;

}

	

.customization_popup_container .pop-btn {

	padding-top: 3px;

	}

button {

   font-size: 17px !important;

}

}

.banks{
    display: flex; flex-wrap: wrap; gap: 30px; align-items: center; justify-content: center; margin: 20px 0 10px;
    .wrap{
        width: fit-content; max-width: calc(50% - 10px);
        img{ max-height: 50px; max-width: 200px; width: 100%; }
    }
    @media (max-width: 600px){ gap: 30px 20px; }
}

.ytvid{
    margin: 0 0 20px; aspect-ratio: 16/9; width: 100%; border-radius: 8px;
}