:root {
  --lighgrey: #9d9d9c;
  --black: #071c35;
}

/*Here is Lato Font*/
@font-face {
  font-family: Lato;
  src: url('assets/fonts/Lato/Lato-Regular.ttf');
  font-weight: 400;
}

@font-face {
  font-family: Lato;
  src: url('assets/fonts/Lato/Lato-Bold.ttf');
  font-weight: 600;
}

@font-face {
  font-family: Lato;
  src: url('assets/fonts/Lato/Lato-Thin.ttf');
  font-weight: 700;
}
/*Here is Lato Font*/

/*Here is Lato Font*/
@font-face {
  font-family: Optima-Font;
  src: url('assets/fonts/Optima-Font/OPTIMA.ttf');
  font-weight: 600;
}

@font-face {
  font-family: Optima-Font;
  src: url('assets/fonts/Optima-Font/OPTIMA_B.ttf');
  font-weight: 700;
}
/*Here is Lato Font*/

h1,h2,h3,h4,h5,h6{padding:0px;margin:0px;font-family: 'Optima-Font'; font-weight: 400;}
body,p{padding:0px;margin:0px;font-family: 'Lato'; font-weight: 400;}
body{
  scroll-behavior:
  smooth;
  letter-spacing: 0.5px;
}

.navbar_container{position:fixed;top:3%;z-index: 9999;background-color:#fff;width:90%;margin-left:5%;border-radius:5px}
.navbar_container .custom_navbar .developer-logo{
    /* filter: invert(1); */
}
.navbar_container .custom_navbar .nav-link{font-size: 15px;color:#020202;letter-spacing:.5px}
.navbar_container .custom_navbar .nav-item{padding:10px}
.navbar_container .custom_navbar li.nav-item.specail-li-2{margin-left:10px;padding-left: 10px;padding-right: 10px;background-color: #020202;}
.navbar_container .custom_navbar li.nav-item.specail-li-2 a{color: #fff;}
.navbar_container .custom_navbar i.fa.fa-mobile-phone{font-size:35px;color: #fff;}
.navbar_container .custom_navbar li.nav-item.specail-li-2{display:flex;align-items:center}
.navbar_container .custom_navbar li.nav-item.specail-li-2 a.nav-link{padding-right:0!important}

.strip{
  margin-top: 20px;
  cursor: pointer;
}

.btn-group {position: absolute;bottom: 0;width: 200px;height: 50px;background-color: #fff;}
a.carousel-control-prev {color: #020202;font-size: 50px;}
a.carousel-control-next {color: #020202;font-size: 50px;}
a.carousel-control-prev {opacity: 1;width: 50%;}
a.carousel-control-next { opacity: 1; width: 50%;}

.custom_heading{color:#9d9d9c;font-family:'Lato';position:relative;font-size:18px;width:fit-content;margin-bottom:30px}
.custom_heading::after{content:"";position:absolute;top:50%;width:83%;height:2px;background-color:#9d9d9c;margin-left:8px}


.main_inside_container{position:absolute;top:0;left:0;width:100%;height:100%}
.main_inside_container .main_row{position:relative;top:0;left:0;width:100%;height:100%;display:flex;align-items:center}
.main_inside_container .custom_col_left{width:50%}
.main_inside_container .custom_col_right{width: 32%;margin-top: -5%;}
.main_inside_container .details_withForm{color:#fff;padding:25px;margin-left:auto;margin-right:10%;max-width:450px;text-align:end;margin-top: -42px;border-radius:5px}
.main_inside_container h4.typology_heading{padding-top:10px;font-size:34px;letter-spacing: 0px;font-size: 23px;}
.main_inside_container h4.starting-price{color:#00361e;padding:5px;text-align:center;font-size:29px;margin-top:10px;background-image: linear-gradient(45deg, #cf951c, #efe14d, #e1b556, #f7e84d, #df930b);}
.main_inside_container p.status{text-align:center;padding-top:15px;text-transform:uppercase;color:#ffd839;font-size:20px}
.main_inside_container p.price_heading{padding-top: 5px;}
.main_inside_container .details_withForm{position:relative;width:100%}
.main_inside_container .box-1{position:absolute;z-index:1;background-color: #020202f2;width: 111%;left:0;top:0;padding:25px;margin-top:-50px;transition:all .5s ease-out;border-radius:5px;text-align: justify;padding-bottom: 8px;padding-top: 8px;}
.main_inside_container .details_withForm:hover .box-1{animation:spin 2s linear}
.main_inside_container .details_withForm:hover .box-2{z-index:9}
.main_inside_container .box-2 .col-md-6.col-sm-6.col-xs-12.frm1{margin-bottom:15px}
.main_inside_container .box-2 .col-md-12.col-sm-12.col-xs-12.frm1{margin-bottom:15px}
.main_inside_container .box-2 h4{margin-bottom:10px;text-align:left}

.blink-hard {
  animation: blinker 1s step-end infinite;
}

@keyframes blinker {
  50% {
    color:#c1c1c1;
  }
}

.all_custom_heading h1{font-size:65px;color:#fff}
.all_custom_heading{width:fit-content;margin:0 auto;display:block}





p.location-p {padding-bottom: 4px;letter-spacing: 0.5px;font-size: 19px;}
.top_form h2{text-align:center;color:#fff;font-size: 21px;padding: 14px;background-color: #020202;}
.form-box{margin-top:20px!important;position:fixed;right: 5px;z-index:99999;bottom:0;background:#fff;padding:0;z-index: 9999;width: 19%;border-top-left-radius: 10px;border-top-right-radius: 10px;overflow: hidden;}
.form-box h4{font-size:22px;text-align:center;margin:0 auto;background:#e8e8e8;padding:20px 0;font-weight:600;letter-spacing:2px;color:#00361e}
.top_form h2 span{cursor:pointer;margin-left:5%}
.top_form h4 a{color:#2f2d5f}
.from-banner h4{text-align:center;font-size:20px;font-weight:100;margin-top:15px}
.from-banner h4 span{display:block}
.from-banner{background:#fff}
.from-banner h1{font-size:30px;text-transform:uppercase;text-align:center}
.form_inner .form-control{margin-bottom:15px;border:none;border-bottom:1px solid#ced4da;height: 50px;}


.form_inner{padding-top:20px;padding-bottom:20px}
.enquire-btn{width:100%;color: #020202;border:none;padding:10px;background-image: linear-gradient(45deg, #cf951c, #efe14d, #e1b556, #f7e84d, #df930b);}
.form_content{padding-left:15px;padding-right:15px}
.container_footerform{padding-top:100px;padding-bottom:100px;background: url(../images/priceList-pattern.png) repeat-y #0e0f0f;}
.container_footerform .all_custom_heading{width:100%;margin:0 auto;display:block;margin-bottom:20px}
.container_footerform .container h1{color:#fff}
.container_footerform .container{max-width:90%}
.container_footerform .container p{color:#fff}
.container_footerform .container hr{margin-top:3rem;margin-bottom:1rem;border:0;border-top: 1px solid #c1c1c1;}
.container_footerform .container a{color:#fff}
.container_footerform .container a:hover{color:#fff;text-decoration:none}

.top_form h2 {
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
  /* height: 100vh; */
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}



.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    color: #020202;
    text-decoration: none;
    outline: 0;
    opacity: .9;
}

.mobile-section_1{display:none;position:fixed;bottom:0;width:100%;z-index: 9999;}
.mobile-section{display:flex;width:100%;align-items:center;background:#2f2f2f;z-index: 999;}
.mobile-section .btn-success{color: #071c35;background-color: #fff;border-color: #fff;font-size: 13px;padding: 7px;font-weight: 600;}
.mobile-section a{padding:5px;width:100%;border-radius:0}

div#demo{position:relative;z-index:1}
.projectbox_container{position:relative;padding-top:60px!important;padding-bottom:8px!important}
img.img-fluid.overview_bg_logo{position:absolute;left:-3%;top:35%;transform:rotate(270deg);width:20%;opacity:.3}
.highlights_container .highlight_box .p-para{font-size:20px}
img.img-fluid.highlights-icons{width:60px;margin-bottom:10px}
img.img-fluid.modal-logo{margin-bottom:0;filter:invert(1)}
img.img-fluid.paymentplan_img{width:7%;margin-right:15px}

.projectbox_container .container{max-width: 94%;}
.projectbox h1 {font-size: 60px;margin-bottom: 50px;}
.project_box{display:flex;justify-content:center;width:100%;color:#fff;background-color: #161616;box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.project_box .project_content{width:50%;max-width:50%;padding:20px;position: relative;}
.project_box .project_img{width:50%;max-width:50%;position: relative;}
.project_box .project_img_1{height:100%;object-fit:cover}
.project_box .project_content h4{margin-bottom: 5px;font-size: 18px;}
.project_box .btn-custom{width:100%;margin-top: 10px;background-image: linear-gradient(45deg, #cf951c, #efe14d, #e1b556, #f7e84d, #df930b);}
.project_box .project_content p::after{content:"";position:absolute;top:50%;width:15%;height:1px;background-color:#9d9d9c;margin-left:8px}
.project_box .project_content p{position:relative;color: #b1b1b1;padding-bottom: 3px;}

.project_box .location-project h4 {position:relative;color: #bfbebe; padding-bottom: 3px;}

.modal-body .top_modal_content h1 {margin-bottom: 10px;}

.project_box .project-rera h6 {position:relative;color: #bfbebe; padding-top: 10px; font-size: 12px; text-align: center;}

.projectbox_container h1{margin-bottom:80px;position:relative}
.projectbox_container h1::after{content:"";position:absolute;top:116%;left:45%;width:10%;height:2px;background-color:#00361e;margin:0 auto;display:block}
.projectbox_container .col-sm-12.col-md-6.col-lg-6{margin-bottom:40px}
img.img-fluid.project_logo_img{position:absolute;z-index:9;top:7px;right:2%;width:23%;background-color:#fff;padding:5px}
h4.project_location{font-size:18px!important;margin-bottom:15px!important}
img.img-fluid.project-logo{filter:invert(1)}
h1.projectName_heading{font-size:40px}
.modal-body h4.typology_heading{background-color:#f7eb46;color:#00361e;width:91%;margin:0 auto;padding:5px;margin-top:10px;font-size:18px}
.d-p p{font-size:14px;text-align:center}

.newClass{position:fixed!important;width:100%;background-color:#fff;top:0;margin-left:0;border-radius:0;z-index:99}
.newClass .custom_navbar{padding-top:0;padding-bottom:0}
.modal{z-index:99999}
.modal-body{padding-top:0;border:none}
.top_modal_content{text-align:center;color:#fff;background-color:#071c35;padding-top:10px;padding-bottom:10px}
.modal-body{padding:0}
.modal-content{border:none}
.form_inner.form_inner_2{padding-left:15px;padding-right:15px}
button.close{position:absolute;top:0;right:0;background-color:#f44336;color:#00361e;z-index:99;padding:8px 15px;opacity:1}
nav.navbar.navbar-expand-md.custom_navbar{padding:0}
i.fa.fa-long-arrow-right{padding-left:10px}
p.paymentPlan-p{font-size:20px!important;margin-top:20px}
p.paymentplan{position:absolute;top: 0px;right:5px;background-color:#020202;color:#fff;padding:4px;border-radius:5px}


.blink-hard2 {
  animation: blinkerSecond 1s step-end infinite;
}
.blink-soft2 {
  animation: blinkerSecond 1.5s linear infinite;
}
@keyframes blinkerSecond {
  50% {
    background-image: linear-gradient(45deg, #cf951c, #efe14d, #e1b556, #f7e84d, #df930b);
    color: #020202;
  }
}

.blink-hard3 {
  animation: blinkerSecond 1s step-end infinite;
}
.blink-soft3 {
  animation: blinkerSecond 1.5s linear infinite;
}
@keyframes blinkerSecond {
  50% {
    background-image: linear-gradient(45deg, #cf951c, #efe14d, #e1b556, #f7e84d, #df930b);
    color: #020202;
  }
}

a.nav-link.nav-link-custom.blink-hard3 {border-radius: 10px;}
p.paymentplan.paymentplan_3.blink-hard2 {top: unset;bottom: 9px;}

.modal-body h1.projectName_heading { font-size: 21px;}
#onload-page .modal-content {
  border: none;
  width: 900px;
}
#onload-page .form_inner {
  padding-top: 69px;
  padding-bottom: 20px;
}
p.new_launch{
  position: absolute;
    top: 5px;
    left: 5px;
    background-color: #020202;
    color: #fff;
    padding: 4px;
    border-radius: 5px;
    text-align: center;
}
.modal-dialog {
  max-width: 900px;
  margin: 1.75rem auto;
  display: flex;
  justify-content: center;
}
.modal {
    position: fixed;
    top: 96px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
}
.slider_container {
  position: relative;
}
.modal-content {
  width: 60%;
}   

@media(max-width:1600px){

  .main_inside_container h1.projectName_heading {font-size: 34px;}
  .main_inside_container .details_withForm {margin-right: -4%;}
  .projectbox_container .content-box h1 {font-size: 46px;}
  .custom_heading {margin-bottom: 20px;font-size: 16px;}
  .all_custom_heading h1 {font-size: 40px;}
  .main_inside_container h4.typology_heading {font-size: 28px;}
  .main_inside_container h4.starting-price {font-size: 26px;}
  .container_footerform {padding-top: 40px;padding-bottom: 40px;}
  a.navbar-brand {max-width: 14%;padding: 2px;}
  .projectbox_container .container {max-width: 100%;}
  .project_box .project_content { padding: 15px;}

}

@media(max-width:1480px){
  #onload-page .modal-content {
    border: none;
    width: 1100px;
}
.modal {
    position: fixed;
    top: 66px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    display: none;
    overflow: hidden;
    outline: 0;
}


  .projectbox_container .col-sm-12.col-md-6.col-lg-6.col_right {padding-top: 60px;padding-bottom: 30px;}

  .first_last_col, .second_last_col, .third_last_col  { margin-top: 25px;}

  .pricelist_container .container { max-width: 84%;}
  .navbar_container .custom_navbar .developer-logo {width: 100%;}
  .navbar_container .custom_navbar .nav-link {font-size: 15px;}
  .navbar_container .custom_navbar .nav-item { padding-left: 5px; padding-right: 5px;}
  
  .main_inside_container .custom_col_right {width: 32%;margin-top: -5%;}
  .main_inside_container h4.typology_heading {font-size: 20px;}
  .main_inside_container h1.projectName_heading {font-size: 26px;}
  .main_inside_container h4.starting-price {font-size: 21px;}
  .main_inside_container p.status {font-size: 16px;}
  .main_inside_container .details_withForm { max-width: 390px;}
  .main_inside_container .box-1 {padding: 20px;padding-bottom: 8px;padding-top: 8px;}

  .form_inner .form-control { height: 40px;}
  .form-box {width: 20%;}
  .projectbox_container .forbox_imgs {margin: 10% 4% 50px auto;margin-bottom: 0;}
  .projectbox_container .content-box p {font-size: 15px;margin-bottom: 10px;text-align: justify;}
  .projectbox_container button.btn.btn-download-brochure {padding: 10px 40px;}
  .p-para { font-size: 15px;}
  .container_footerform .container p {font-size: 15px;}
}

@media(max-width:1366px){
  
  .navbar_container .custom_navbar .nav-link {font-size: 14px;}
  .main_inside_container .custom_col_right { width: 32%;}
  .projectbox_container .content-box h1 {font-size: 40px;}
  .projectbox_container .col-sm-12.col-md-6.col-lg-6.col_right {padding-top: 5%;}
  h1.projectName_heading {font-size: 26px;}
  .main_inside_container p.status {font-size: 15px;}
  .main_inside_container h4.typology_heading {font-size: 20px;}
  .top_form h2 {font-size: 19px;}
  .main_inside_container .custom_col_right {width: 33%;}
  .projectbox_container .content-box h1 {font-size: 34px;}
  .projectbox_container .content-box p {font-size: 14px;}
  .projectbox_container button.btn.btn-download-brochure {margin-top: 15px;font-size: 14px;}

}

@media(max-width:1280px){

  a.navbar-brand {max-width: 18%;}
  .navbar_container .custom_navbar .developer-logo {width: 100%;}
  .p-para {font-size: 14px;}
  .highlights_container .box .highlight_box h2 {font-size: 24px;}
  .pricelist_container h1.typology {font-size: 25px;}
  h3.size {font-size: 22px;}
  .pricelist_container h5.pricelist_p {font-size: 24px;}
  .pricelist_container span.span-2 {font-size: 20px;}
  .pricelist_container span {font-size: 58px;bottom: -31px;}
  .pricelist_container span.span-2::after { top: 123px;}
  .amenities_container .amenities_box h4 {font-size: 16px;}
  .floorsplan_container a.nav-link.active {font-size: 16px;}
  .floorsplan_container a.nav-link {font-size: 16px;}
  .location_container img.img-fluid.location-map {margin-left: 15%;}
  .main_inside_container .custom_col_right {width: 35%;}
  .navbar_container .custom_navbar .nav-link {font-size: 14px;}
  .navbar_container .custom_navbar .nav-item {padding-left: 1px; padding-right: 1px;}
  .highlights_container .highlight_box .p-para { font-size: 14px;}
  .project_box .project_content h4 { font-size: 16px;}
  h4.project_location {font-size: 14px!important;}    

}

@media(max-width:500px){
  .modal-content {
    width: 80%;
}
  .navbar_container {position: relative;top: 0;z-index: 9; background-color: #fff;width: 100%;margin-left: 0%; border-radius: 5px;}
  a.navbar-brand {max-width: 40%;}
  .main_inside_container .details_withForm {max-width: 100%; margin-right: 0%;margin-top: 0px;}
  .main_inside_container .custom_col_right {width: 100%;margin-top: 0%;}
  .main_inside_container {position: relative;top: 0;left: 0;width: 100%;height: 100%;}
  .main_inside_container .box-1 { position: relative; width: 100%;left: 0;top: 0;padding: 25px;margin-top: 0px;border-radius: 0px;}
  .main_inside_container .details_withForm { padding: 0px;}
  .form-box {margin-top: 0px!important;position: relative;right: 0px;bottom: 0;;padding: 0;width: 100%;border-top-left-radius: 0px; border-top-right-radius: 0px;}
  a.carousel-control-prev {font-size: 34px;}
  a.carousel-control-next {font-size: 34px;}
  .btn-group {width: 100px;height: 30px;}
  .projectbox_container .forbox_imgs {width: 100%;}
  .projectbox_container .content-box {position: relative;width: 100%;padding: 20px;}
  .projectbox_container .col-sm-12.col-md-6.col-lg-6.col_right {padding-top: 0px;}
  .projectbox_container .col-sm-12.col-md-6.col-lg-6.second_col {margin-top: 0px;}
  .custom_heading::after {width: 25%;}
  .all_custom_heading h1 {font-size: 28px;}
  .custom_heading {margin-bottom: 8px;font-size: 14px;}
  .container_footerform .container {max-width: 100%;}
  .container_footerform .container p {/* text-align: justify; */font-size: 14px;}
  .first_last_col, .second_last_col, .third_last_col {margin-top: 0px;}
  .container_footerform .container a {font-size: 14px;}
  .projectbox_container .forbox_imgs {margin: 0px;margin-bottom: 0;}
  .projectbox_container img.img-fluid.img-1 {height: 100%;}
  .projectbox_container .col-sm-12.col-md-6.col-lg-6.third_col {margin-bottom: 10px;top: 0px;}
  .projectbox_container .col-sm-12.col-md-6.col-lg-6.forth_col {top: 0px;}
  .project_box {display: grid;}
  .project_box .project_content {width: 100%;max-width: 100%;padding: 15px;}
  .project_box .project_img {width: 100%;max-width: 100%;display: flex;justify-content: center;height:auto;}
  .main_inside_container .box-1 { width: 100%;}

  .forbox_imgs { padding: 20px;}
  .form-box {z-index: 999;}
  .navbar_container .custom_navbar .nav-item {padding: 0px;padding-left: 5px; padding-right: 5px;}
  .navbar_container ul.navbar-nav {padding-bottom: 10px;padding-top: 10px;}
  button.navbar-toggler.collapsed {background-color: #071c35;color: #fff;border: none;}
  .mobile-section_1 {display: block;}
  .top_modal_content {padding-top: 60px;}
  img.img-fluid.paymentplan_img { width: 10%;}
  .main_inside_container .box-1 {text-align: center;}
  
  .main_inside_container h4.typology_heading { font-size: 17px;}
  .form-box {z-index: 9;}

}