@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
html{font-size: 16px;scroll-behavior: smooth;}
body{margin:0;background: #fbfbfb;  font-family: "Poppins", sans-serif;}
a{text-decoration: none;}
img{max-width: 100%;}
.lightgrey{background: #ffffff;}
.lightbrown{background: #F2EAD3;}
.title{text-align: center;}
.title.bdrround{border-bottom: solid 1px #e8e8e8; padding: 12px 16px; font-size: 15px;background-color: #ffffff;text-transform: uppercase; letter-spacing: .2px;font-weight: 700;color: #fff;border-radius: 6px 6px 0 0; margin-bottom: 0;}
.title p{font-size: .8rem;margin-bottom: 0;}
.title.whitetune h2,.title.whitetune p{color: #fff;}
.progressset{background: #f6f8fc; position: fixed; top: 0; left: 0; height: 10px;  z-index:9999;min-width: 100%;}
.pageprogress { transition: all linear 0.1s; min-width: .2%; height:10px} 
.owl-prev,.owl-next{background: #000 !important; color: #fff !important; padding: 3px 20px !important; border-radius: 5px !important;}
.btn-primary {background-color: #17254e !important;border-color: #17254e !important;}
#pills-tab button{border: 1px solid #e8e8e8; border-radius: 16px; height: 32px; line-height: 32px; background: #fff; margin-right: 8px; font-size: 14px; color: #303030; padding: 0 16px; font-weight: 600; transition: all .3s ease-in-out; cursor: pointer;}
#pills-tab button.active{background: #e3c16c;border-color: #e3c16c;}
.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
    transform: scale(.7) !important;
  }
  .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
  }
.btn-yellow{color: #000;background-color: #e3c16c;border-color: #e3c16c;}
.btn-yellow:hover{color: #e3c16c; background-color: #000;border-color: #000;}
.mobile-cta{display: none;}
header{padding: 10px;}
header h1 {font-size: 1.8rem;font-weight: 700;}
header p{font-size: 1rem;margin-bottom: 0;}
header ul {padding: 0;text-align: right;list-style: none;margin-bottom: 0;font-family: sans-serif;}
header ul li a {font-size: 23px;color: #000;font-weight: 700; display: inline;}
header .logo img{width: 200px;}
.logo{display: block;}

.menu{background: #f2f2f2;}
.menu.fixed{position: fixed; top: 10px; width: 100%; left: 0;z-index: 999; box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 16px; animation: 0.35s ease-out 0s 1 normal none running slideDown;}
.homeicon {float: left; background: rgb(227 193 108 / 29%);padding: 8.5px 9px;}
.homeicon img {width: 24px;}
.menu ul.topmenu li {display: inline-block;}
.menu .topmenu{list-style: none;padding: 0;margin: 0;}
.menu .topmenu li a{padding: 0.5rem 0.7rem;display: block; color: #434242; font-weight: 500; text-transform: uppercase; font-size: 1.1rem;}
.menu ul.topmenu li a:active {color: #fff; background: blue; border-color: blue;}
.menu .topmenu li a.is-current{background: #e3c16c; }
@keyframes slideDown { 
  0% { transform: translateY(-100%); }
  100% { transform: translateY(0px); }
}

.highlight_box,.floor_Box,.cta_box,.locationm,.advantages_box,.amenities_box,.specification_box,.projectbox,.pricebox,.ebook_box,.highsection_box,.amenitie_box,.project_box,.sample_box{background-color: #fff; border-radius: 6px!important; -webkit-box-shadow: 2px 2px 5px 0 #00000014; box-shadow: 2px 2px 5px 0 #00000014; padding: 30px 40px;}
.highlight_box h2,.floor_Box h2,.pricebox h2,.amenitie_box h2,.project h2,.specifications h2{border-bottom: 1px solid #e8e8e8;padding-bottom: 1rem;margin-bottom: 1rem;font-size: 1.4rem;}
.keyhighlight,.m3mloaction,.advantages,.rera,.price,.ebook,.highsection,.amenitie,.sampledesing,.floorplan,.project,.specifications{padding: 15px 0;}

.details_form {background: #8c8c8c;padding: 18px 10px}
.details_form p {margin-bottom: 0;font-size: 13px;color: #fff}
.details_form input {height: 38px}
.details_form .btn {line-height: .5}
.details_form img {margin-bottom: 5px}
.details_form .input-group-text {padding: 4px;font-size: .8rem}
.form-number {background: #fff;font-size: 12px;display: flex;align-items: center; padding: 0 5px 0 0;color: #b3b3b3;line-height: 40px;height: 38px;border: 1px solid #c9c9c9}
.details_form img {width: 23px}

.details_home{position: relative;overflow-x: hidden;}
.details_home .row{padding: 0%;}
.box_inner.toppage{width: 370px;background: rgba(0, 0, 0, 0.8); padding: 30px; position: absolute; top: 45%; right: 110px;margin-top: -210px;}
.box_inner.toppage p{color: #fff;font-size: .8rem;text-align: center;}
.box_inner.toppage h2{font-size: 1rem; color: #fff; text-align: center; padding: 6px 0px;}
.box_inner.toppage .form-control{font-size: .8rem;background: rgba(0, 0, 0, 0.7);border-color: #4c4c4c; color: #fff;}
.box_inner.toppage input[type=submit]{    background: #c89f4c;}
.box_inner.toppage.mobshow{display: none;} 
.details_home .col-sm-3,.details_home .col-sm-6{padding: 1px;}
.details_home .col-sm-6 img{height: 500px; width: 100%;}
.details_home .col-sm-3 img{height: 250px; width: 100%; margin-bottom: 1px;}
.details_home_mob{display: none;}
.toppage input[type=checkbox],.details_form input[type=checkbox],.cta_box input[type=checkbox]{display:inline-block; vertical-align: top;    height: auto;}
.toppage .check,.details_form .check,.cta_box .check{display: inline-block;color: #fff;font-size: .6rem;height: 30px;overflow-y: scroll;width: calc(100% - 18px);}

.flatbook{border: 1px solid #e8e8e8;background: #fff;border-radius: 7px;}
.flatbook img{width: 100%;border-radius: 7px 7px 0px 0px;}
.flatbook .btnsmall,.btnsp{padding: 10px;}
.flatbook .btnsmall button{font-size: 11px;}
.flatbook .prolist ul{list-style: none;padding: 0;margin: 0 10px;white-space: nowrap; overflow-x: scroll;overflow-y: hidden; display: inline-block; word-wrap: break-word; width: 94%;    padding-bottom: 3px;}
.flatbook .prolist ul li{display: inline-block;font-size: .7rem;white-space: nowrap; border: 1px solid #ddd;padding: 3px;border-radius: 4px 4px 0px 0px;}
.flatbook .prolist ul li img{width: 12px;}

.benfitslist ul{list-style: none;padding: 0;white-space: nowrap;overflow-x: scroll;overflow-y: hidden;display: inline-block;word-wrap: break-word;width: 94%;margin: 0px 10px;}
.benfitslist ul li{text-align: center; display: inline-block;padding: 0px 7px;   }
.benfitslist ul li img{width: 25px;}
.benfitslist ul li h6{font-size: 10px;}
.flatslide1 img{height: 344px;}

.m2mchain{padding: 25px 0px 25px;-webkit-box-shadow: 0 2px 25px rgba(0,0,0,.2); box-shadow: 0 2px 25px rgba(0,0,0,.2); background:#1D2D22;}
.m2mchain .icon{margin-right: 3%; margin-bottom: 0;}
.m2mchain i{color: #e3c16c; font-size:2rem}
.m2mchain p{margin-bottom: 0;}

.cta_box label{display: block;}
.cta_box input[type=tel]{width: 100%;background: #fff; border: 1px solid #ddd;padding: 10px 10px; border-radius: 4px;margin-top: 5px;margin-bottom: 10px;}
.cta_box input[type=submit]{background: #e3c16c;border: 0; color: #000; margin-top: 10px; padding: 10px;border-radius: 6px; font-size: .9rem;}
.quoteform .cta_box{background: #f4f4f4;margin-top: 20px;}
.cta_box .check{color: #000;}

.locationm h4{font-size: 1rem; padding-left: 3%; padding-bottom: 2%;}          
.locationm ul{list-style: circle;}
.locationm ul li{font-size: .9rem; padding-bottom: 10px;}

.keyhighlight h2 img{width: 50px;}
.keyhighlight ul{list-style: none;padding: 0;margin: 0;overflow-y: scroll;height: 50vh;}
.keyhighlight ul li{font-size: 14px;padding-bottom: 10px;display: flex;gap: 6px;border-top: 1px solid #42526f;padding-top: 10px;}
.keyhighlight ul li img{width: 30px; height: 20px;}

.sample_img.v1{background: url(../images/nova.png) center center no-repeat; background-size: cover;}
.sample_img.v2{background: url(../images/Supertech-Supernova-Noida-Price.jpg) center center no-repeat; background-size: cover;}
.sample_img{padding: 3rem 0; position: relative; height: 300px;}
.sample_img .sample_overlay{background: rgba(0, 0, 0, 0.4); position: absolute;width: 100%;top: 0;height: 100%;display: flex;flex-direction: column; align-items: center;justify-content: center;  -webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out; cursor: pointer; padding: 10px;}
.sample_img .sample_overlay:hover img{width: 128px;}
.sample_img .sample_overlay:hover h2{font-size: 2.5rem; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.sample_img .sample_overlay img{width: 100px;margin-bottom: 1rem;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.sample_img .sample_overlay h2,.sample_img .sample_overlay p{color: #fff;text-align: center;}

.specifications h3{font-size:.9rem;margin-bottom: 1.5rem;}
.specifications .specs ul{margin: 0%; padding: 0; list-style: none; display: flex;justify-content: space-between;}
.specifications .specs li p{font-size: .8rem;color: #9e9e9e;}
.specifications .specs li p b{color: #1c1c1c;}
.absemion .dd1{font-size: .8rem;}
.absemion .amenities{color:#909090;}
.absemion .amenities b{color:#000;}

.floorone button{border-top: 1px solid rgb(230, 230, 230);border-right: 1px solid rgb(230, 230, 230);border-left: 1px solid rgb(230, 230, 230);
  border-bottom: none;background-color: rgb(244, 244, 244);color: rgb(127, 127, 127); margin: 0px;
  padding: 12px;font-weight: 400;text-align: center; width: 20%;}
.floorone button.active{background-color: rgb(255, 255, 255);color: rgb(94, 35, 220);border-bottom: 2px solid rgb(94, 35, 220);box-shadow: rgba(0, 0, 0, 0.45) 0px 2px 4px 0px;}
.tabsctn{padding-top: 22px;}
.tabsctn .bhklist{display: flex;flex-wrap: wrap;list-style: none;padding: 0;margin: 0; margin-bottom: 2rem;}
.tabsctn .bhklist li{flex: 0 0 50%;width: 50%;}
.tabsctn .bhklist li:nth-child(2){text-align: right;}
.tabsctn h5{color: #5e23dc;font-size: 1rem;border-bottom: 1px solid #e6e6e6;padding-bottom: 0.5rem;}
.tabsctn .requestquote,.offerbtn{display: block;border: 1px solid #5e23dc;color: #5e23dc;width: 200px;margin: 30px auto 0px;padding: 10px;    text-align: center;}
.tabsctn .requestquote:hover,.offerbtn:hover{background:#5e23dc; color: #fff;}
.innertabs button{border: 0;background: transparent;width: 20%;}
.innertabs button.active{color: #5e23dc;font-weight: 500;border-bottom: 2px solid #5e23dc}
.fliterblr img{-webkit-filter: blur(1.3px); filter: blur(1.3px); -moz-filter: blur(1.3px); -os-filter: blur(1.3px);}

.projectbox .icon{color: #1D2D22; margin-right: 3%;}
.projectbox .amenities,.m2mchain .amenities{font-size: .9rem;color: #e3c16c;}
.projectbox .amenities b,.m2mchain .amenities b{font-weight: 600; } 

.advantages_box .boxlist{border: 1px solid #ebecf0; padding: 15px;border-radius: 5px;}
.advantages_box .boxlist img{width: 40px;float: left;margin-right: 1rem;}
.advantages_box .boxlist p{margin-bottom: 0;font-size: .8rem;font-weight: 500;}
.advantages_box .boxlist p span{font-weight: 300; color: #8993a4;}

.amenities_list {margin-top: 2.3rem;}
.amenities_list ul{list-style: none; padding: 0; margin: 0%;}
.amenities_list li{font-size: .8rem;color: #ffffff;line-height: 20px; width: 33.33%; float: left;padding:7px 0;}
.amenities_list li img{margin-right: 2%;}
.amenities_list1 .boxlist{background: #eae5e4;border-radius: 1vw;overflow: hidden;margin: 10px 0;position: relative;}
.amenities_list1 .boxlist img{width: auto; position: absolute;left: 0;top: 0;height:240px; min-width: 100%}
.amenities_list1 .boxlist .boxoverlay{background-color: transparent; background-image: linear-gradient(0deg, #1a1a1a 0%, rgba(26, 26, 26, 1) 10%, rgba(26, 26, 26, .79) 30%, transparent 100%); opacity: .9; height: 180px; display: flex; flex-direction: column; justify-content: flex-end; padding: 20px; transition: background .3s, border-radius .3s, opacity .3s;}
.amenities_list1 .boxlist .boxoverlay h3{font-size: 1rem;letter-spacing: .1vw; padding-left: 0.5vw; display: flex;flex-direction: column;color: #ffffff; font-weight: bold;border-left: 4px solid #c7a855;}

.price th{font-weight: 500;}
.price td{border-width: 1px;    font-size: .9rem;}
.costdetails{border: 1px solid #dee2e6; border-bottom-width: 0;}
.ebook_box .book_heading{border-left: 3px solid #1bb813;padding-left: 18px;margin-bottom: 2rem;}
.ebook_box .book_heading h5{font-family: math;font-style: italic;}

.highsection .high_img{position: relative;}
.highsection .center_rol{display: flex; align-items: center;}
.highsection .high_img img{height: 330px; width: 330px; border-radius: 100%; object-fit: cover;box-shadow: 0 0 100px rgb(0 0 0 / 5%);}
.highsection .high_img h3{position: absolute; writing-mode: tb-rl;top: -30px;left: 50%;transform: translateX(-50%);margin: 0;background: #e3c16c;color: #fff;padding: 35px 18px;height: calc(100% + 60px);text-align: center;letter-spacing: 4px;font-weight: 700;}
.highsection {background: #000;}
.highsection_box {background: #000 !important;}
.highsection .lftcol ul,.highsection .rgtcol ul{height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.highsection .lftcol li{border-top-left-radius: 0;}
.highsection ul li{font-weight: 800;margin: 10px 0;font-size: 14px;line-height: 18px;letter-spacing: 0.3px;background: #fff; padding: 15px 20px; border-radius: 10px; list-style-type: none; position: relative;}
.highsection ul li:before{position: absolute;content: '';height: 10px;width: 15px; display: block; left: -10px; top: 0;background: #fff;clip-path: polygon(0 0, 100% 0, 100% 100%); z-index: 0;}
.highsection ul li .count{position: absolute;left: -29px;top: 6px; height: 25px; width: 25px; border-radius: 50%; background: #e3c16c; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 12px;}
.highsection .rgtcol li {border-top-right-radius: 0;text-align: left;}
.highsection .rgtcol  li:before {left: unset;right: -10px;clip-path: polygon(0 0, 100% 0, 0 100%);}
.highsection .rgtcol li .count {right: -25px;left: unset;}

.rera_box{border-radius: 8px;border: 1px solid #e8e8e8; overflow: hidden; background-color: #f5f5f5; padding: 24px 235px 24px 24px; text-shadow: -1px -1px 1px #fff; position: relative; height: 320px;}
.rera_box::before{content: "";position: absolute; top: -205px; right: -35px; width: 250px; height: 400px; border-radius: 100%; background-color: rgba(0,0,0,.02);}
.rera_box::after{top: -155px; right: -13px;width: 200px;height: 314px; background-color: rgba(0,0,0,.03);}
.rera_box .reralogo{position: absolute; right: 50px; top: 30px;}
.rera_box h4{padding-bottom: 2rem;}
.rera_box h5{ font-weight: 600; color: #606060; padding-bottom: 16px;}
.rera_box p{ color: #909090;line-height: 20px; padding-bottom: 26px;}

footer {padding: 3rem 0 0;background: #1D2D22;}
footer h3 {color: #ffffff;border-bottom: 1px solid #757575; padding-bottom: 0.5rem; margin-bottom: 0.5rem; font-size: 1.3rem;}
footer h5 {color: #c9c9c9;margin-bottom: 0;font-size: 1rem;}
footer .footerfirst ul {margin-top: 1rem;padding-left: 0;list-style: none;}
footer .footerfirst ul li {margin-bottom: 1rem;}
footer .footerfirst ul li a {color: #757575;}
footer .footerfirst ul li a i {margin-right: 0.6rem;}
footer h6 {color: #f9f9f9}
footer .approved img {width: 56px; height: 56px; background: #fff;border-radius: 10px}
footer .accept img {width: 42px;height: 42px;background: #fff; border-radius: 100%}
.disclamier{background: #f2ead3;}
.disclamier p {margin-top: 10px;text-align: center;color: #000;padding: 4px;font-size: .9rem; margin-bottom: 0;}
.copyright p {text-align: left; color: #fff; padding: 10px 0;}
.privacyctn {padding: 10px 15px;}
.privacyctn p{font-size: .9rem;margin-bottom: 0.5rem;}


.modal-overlay { display: none; position: fixed; top: 0;  left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999;}
.modal-content {background-color: #e1e1e1;height: 100vh !important; padding: 1px; border-radius: 5px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); position: fixed; bottom: 0; right: 0;}
.close-btn {position: absolute;top: 341px; left: -57px; padding: 2px; cursor: pointer; font-size: 26px; color: #fff; border-radius: initial; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); width: 40px; height: 40px;text-align: center;  margin: 10px auto;  background-color: #000;border-radius: 30px;}
#backgroundOverlay {position: fixed; top: 0;left: 0;width: 100%; height: 98%; background-color: rgba(0, 0, 0, 0.5); display: none;z-index: 9998;}
@keyframes slideIn { from { transform: translateY(100%);  }
to {transform: translateY(0); }  }
@keyframes slideOut {from {transform: translateY(0);  }
to {transform: translateY(100%);} 
}
@keyframes slideleft {from { transform: translateX(+100%); }
to {transform: translateX(0);} 
}
@keyframes slideleftOut {from {transform: translateX(0);}
to {transform: translateX(+100%);}
}
.whyus .modeltitle {text-align:center; padding:10px;background: #F2EAD3;color: #121212;padding-top: 10px;border-radius: 6px 6px 0px 0px;margin-bottom: 0px;border-bottom: 1px solid #d1cbcb; text-transform: uppercase;}
.scrollfix{height: 100vh; overflow-y: scroll;padding-bottom: 7%;}
.disclam{padding: 15px;}
.disclam p{font-size: .9rem;}

@media (min-width: 480px) {
 #education {
  float: right;
  position: relative;
  top: -520px;
  }
}

.modal-dialog {
  max-width: 900px; 
  margin: 30px auto;}


.modal-body .col-lg-6 img {
  border-radius: 10px; 
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}


.modal-body {
  display: flex;
  
}


.form-label {
  font-weight: bold;
  color: #333;
}

.form-control {
  border-radius: 5px;
  border: 1px solid #ccc;
  padding: 10px;
  font-size: 16px;
}


.btn-primary {
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:hover {
  background-color: #0056b3;
  border-color: #0056b3;
}
#m3mform
{
  width:70%;
  height:380px !important;
  background-color:#ffffff;
  position: relative;
  object-fit: contain;
}

.form-group
{
  border:2px solid #c18f2d;
  margin:10px;
  line-height: 1.5;
  appearance: none;
 
}

.custom-btn:disabled {
  
  border-color: #c18f2d;      
  color: white;               
  opacity: 1;                 
  cursor: not-allowed;        
  box-shadow: none;         
}

.button-container {
  display: flex;
  justify-content: center;  
  align-items: center;      
  width: 100%; 
  margin:8px;           
}


input.form-control:focus {
  outline: none;               
  box-shadow: none;
  
}

input.form-control {
  
  background-color: #fff; 
}

.btn-close
{
color:#c18f2d ;
}

#m3mform1
{
  background-color:#1D2D22;
 
  margin:0;
  width:400px;
  border-radius:4px;
  float:right;
}

#popupModal
{
  margin-top:50px;
}

.img-fluid
{
 margin-right:50px;
}

@media (max-width: 480px) {
  
  #m3mform2 {
      display:none;
  }
}
@media (max-width: 480px) {
  
  #m3mform1 {
      height:420px;
  }
}
/* margin-padding setting strat */
@media (max-width: 480px) {
  
  #gallery{
    margin:1px;
    
     
  }
}
@media (max-width: 480px) {
  
  #abp{
    display:none;
     
  }
}

#gallery{
  margin:0;
  padding:0.5px;}

  #abp{
   margin:0;
  padding:0.5px;
     
  }
/* margin-padding setting end */

#popupModal .close {
  
  background-color: #c08831;
  top: -20px;
  right: 20px;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  font-size: 18px;
  box-shadow: none;
}

.close, .project-full-rera {
  z-index: 9;
  position: absolute;
}

#m3m0
{
  bottom:30px;
  height:450px;
}
/* Sale Resale CSS Trail Start */
.image-text {
    position: relative;
    top: -40%;             
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding:15px;
    border-radius: 8px;
    text-align: center;
    max-width: 40%;
}

.image-text h2 {
    margin: 0;
    font-size: 24px;
}

/* Sale Resale CSS Trail End */