@font-face {
  font-family: 'Montserrat';
  font-display: swap;
  src: url('../fonts/Montserrat-Regular.ttf');
}

@font-face {
  font-family: 'Montserrat_Medium';
  font-display: swap;
  src: url('../fonts/Montserrat-Medium.ttf');
}

@font-face {
  font-family: 'Montserrat_Semibold';
  font-display: swap;
  src: url('../fonts/Montserrat-SemiBold.ttf');
}

@font-face {
  font-family: 'Montserrat_Bold';
  font-display: swap;
  src: url('../fonts/Montserrat-Bold.ttf');
}

@font-face {
  font-family: 'Josefin_Medium';
  font-display: swap;
  src: url('../fonts/JosefinSans-Medium.ttf');
}

*{
  margin:0;
  padding:0;
}

:root{
  --green:#ffdc73;
  --bg-gray:#EEEEEE;
  --text-gray:#555;
  --sec_head:#D7D7D7;    --green: #20a839;    --blue: #1f5191;
}

body{font-family: 'Montserrat', sans-serif; border-collapse: collapse;}
html{scroll-behavior: smooth;}
label{margin:0;}
/* font-family: 'Roboto', sans-serif; */
/* font-family: 'Josefin Sans', sans-serif; */

h1,h2,h3,h4,h5,h6{margin:0;}
p{color:#333; margin:0;}
.form-control{border-radius:0; box-shadow:none!important; outline:none!important; border:none!important;}
.form-group { position: relative;}

a{text-decoration: none!important;}

ul{padding:0; margin:0;}
li{list-style-type:none;}

button,
.btn{border-radius:0;  position:relative; border:none!important; box-shadow:none!important; box-shadow: 4px 4px 10px rgb(0 0 0 / 10%)!important;}
.btn_yellow{background-color:#b39363; padding:10px 25px; font-family:'Montserrat_Medium'; height:50px;color: #fff} 

button:before,
.btn:before{position:absolute; content:''; left:0; top:0; width:100%; height:100%; background-color:rgba(0 0 0 / 10%); transform:scale(0.2); -webkit-transform:scale(0.2); -ms-transform:scale(0.2); opacity:0; transition:0.2s all; -webkit-transition:0.2s all; -ms-transition:0.2s all;}

button:hover:before,
.btn:hover:before{transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); transition:0.2s all; -webkit-transition:0.2s all; -ms-transition:0.2s all;  opacity:1;} 

.section_heading{font-family: 'Josefin_Medium', sans-serif;}

button .arrow{margin-left:5px; max-width:20px; transition:0.2s all; -webkit-transition:0.2s all; -ms-transition:0.2s all;} 
button:hover .arrow{margin-left:10px; transition:0.2s all; -webkit-transition:0.2s all; -ms-transition:0.2s all;}

button.arrow_btn{padding-right:50px;}
button.arrow_btn .arrow{position:absolute; top: 50%; transform: translateY(-50%);}

.my_15{margin-top:15px!important; margin-bottom:15px!important;}

.px_10{padding-left:10px!important; padding-right:10px!important;}
.py_10{padding-top:10px!important; padding-bottom:10px!important;}

.navbar{padding:0;}
.container{max-width:95%!important;}
.navbar-brand{padding:0;}

.mb_30{margin-bottom:30px!important;}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

#more {
  display: none;
}

/* start header */
.header{position: fixed; top: 0; left: 0; width: 100%; z-index: 9; padding:15px 0; z-index: 99; transition:all 200ms ease-in-out;}
.header.active{padding:10px 0; background-color:#fff; box-shadow: 0 2px 15px rgb(0 0 0 / 10%);}
.header .container{position:relative; padding: 0 15px;}
.header .navbar-collapse{justify-content: center; margin-left: 90px;}
.header .navbar-brand{/*position:absolute; top:-10px; left:15px; max-width: 100%;*/ max-width: 110px;}
.header .navbar-brand img{
    width:80%;
    background: #fff;
    padding: 1px;
}
.header .brochure{background-color:#b39363; padding: 7px 25px; box-shadow: 4px 4px 10px rgb(0 0 0 / 10%)!important; color: #fff !important}
.header .nav-link{color:#333; font-family: 'Montserrat_Medium'; font-size:16px;}
.header .navbar-nav .nav-item:not(:last-child){margin-right:10px;}
.header.active .brochure{background-color:#b39363; color:#fff;}
.header.active .navbar-brand{max-width: 100px;}
.header .navbar-toggler{margin-left:auto;}
/* .header .right_menus{order:3;} */

/* end of header */


/* start banner section */

.banner_section{background-image:url('../images/banners/banner-bg.jpg'); background-position: center center; background-size:cover; position: relative; padding-top: 130px; overflow: hidden; height:calc(100vh - 5vh); display:flex; align-items:flex-end;}
/* .banner_section div{height:100%;} */
.banner_section:after{position:absolute; left:0; top:0; height:100%; background-color:rgba(255 255 255 / 80%); width:100%; content:''; }
.banner_section:before{position:absolute; left:0; top:0; height:100%; background-color:#b39363; max-width:20%; width:100%; content:''; z-index: 1;}
.banner_section .container{max-width:97.5%!important;padding-right:0; margin-right:0;}
.banner_section .left_col{position:relative; z-index: 9; display: flex; align-items: flex-end; flex-wrap: wrap; padding-right:0;}
/* .banner_section .right_col{padding:0;} */
.banner_section .owl-dots{display:none;}
.banner_slider,
.banner_slider div{height:100%;}
.banner_section .banner_slider{position:relative; z-index: 1;}
.banner_section .banner_slider .carousel-item{padding-left:20px; padding-top:20px; position:relative;}
.banner_slider .carousel-item img{ height:100%; width:100%; object-fit: cover;min-height:calc(95vh - 90px);}
.banner_slider .count{position:absolute; top:0; left:-5px; font-size: 200px; line-height: 150px; font-family: 'Roboto', sans-serif; font-weight: 300; color: rgba(0 0 0 / 30%);}
.banner_section .banner_slider .owl-nav{position:absolute; margin: 0; bottom: 20px; right: 50px; height:unset}
.banner_slider .owl-nav button.owl-prev,
.banner_slider .owl-nav button.owl-next{border:2px solid #fff!important; background-color:rgba(255 255 255 / 30%)!important; padding:0; margin:0; border-radius: 0; height:40px; width:60px; box-shadow: 0 0 20px rgb(0 0 0 / 20%); position:relative; display:inline-flex; opacity:1;}
.banner_slider .owl-nav button.owl-prev{margin-right:5px;}
.banner_slider .owl-nav button div{display: flex; align-items: center; justify-content: center;}
.banner_slider .owl-nav button i{font-size: 18px; font-weight: 100; text-shadow: none; outline: none; border: none; color: #eee;}

.banner_section .left_col .location{font-size:20px; font-family: 'Montserrat_Medium'; margin-bottom: 10px;}
.banner_section .left_col .project_logo{font-size:60px; font-family: 'Montserrat_Semibold'; text-transform: uppercase; text-shadow:0 4px 20px rgba(0 0 0 / 30%); color:#333;}
.banner_section .left_col .price{font-size:24px; font-family: 'Montserrat_Semibold'; margin-top: 10px; }
.banner_section .left_col .price span{font-size:40px;}
.banner_section .left_col .amenity{font-size:20px; font-family: 'Montserrat_Semibold'; margin-top:5px;}
.banner_section .left_col .call{margin-top: 15px;}
.banner_section .left_col .call a{background-color:#333; font-family: 'Montserrat_Medium'; color:#fff; padding:5px 15px 5px 5px; display:inline-flex; align-items: center; font-size:22px;}
.banner_section .left_col .call .fa{background-color:#b39363; color:#333; padding: 2px 4px; font-size: 26px; height: 35px; width: 35px; display: inline-flex; align-items: center; justify-content: center; margin-right:10px;}
.banner_section .call img{max-width:20px;}
.banner_section .left_col .form {margin-top:50px;}
.banner_section .left_col .form .animated_form{background-color:rgba(0 0 0 / 70%); justify-content: space-between; padding:40px; display: flex; flex-wrap: wrap;} /**max-width:calc(100% - 10%);**/
.banner_section .left_col .content,
.banner_section .left_col .content, .banner_section .left_col .form {
  max-width: 100%;
  flex: 0 0 100%;
  text-align: right;
  padding-right: 50px;
}
.animated_form .form-head{max-width:100%; flex:0 0 100%;}
.banner_section .left_col .form_heading{margin-top: -50px; font-family:'Montserrat_Semibold'; margin-bottom: 30px; font-size: 22px; font-weight: 600; background-color: #b39363; padding: 8px 25px; max-width: max-content; color: #fff; box-shadow: 2px -3px 10px rgb(0 0 0 / 10%);}
.animated_form .form-group{max-width: calc(50% - 10px); flex: 0 0 calc(50% - 10px); margin-bottom:20px;}
.animated_form .form-label { position: absolute; left: 10px; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); color: #999; background-color: #fff; z-index: 10; transition: transform 150ms ease-out, font-size 150ms ease-out;}
.animated_form .focused .form-label {transform: translateY(-34px); font-size: 0.75em; background-color: #b39363; left: 5px; color: #000; padding: 1px 5px;}
.animated_form .form-input { position: relative; padding: 5px 10px; width: 100%; height:50px; outline: 0; border: 0; box-shadow: 0 1px 0 0 #e5e5e5; transition: box-shadow 150ms ease-out;}
.animated_form input.btn{background-color:#b39363; height:50px; font-size:16px;  font-family:'Montserrat_Semibold';color: #fff}


/* end of banner section */


/* start about_section */

.about_section{padding:60px 0; position:relative; background-color:var(--bg-gray)}
.about_section:before{position: absolute; left: 0; top: 0; height: 50%; background-color: #b39363; max-width: 20%; width: 100%; content: ''; z-index: 1;}
.about_section .left_col{position:relative; z-index: 1; max-width:40%; flex:0 0 40%; margin-left:15px;}
.about_section .left_col figure{position:absolute; left:0; top:0; height: calc(100% + 100px); box-shadow:5px 5px 30px rgba(0 0 0 / 6%)}
.about_section .left_col img{height:100%; width:100%; object-fit: cover;}
.about_section .right_col{margin-left:auto; position:relative;} 
.about_section .right_col .content{background-color:#fff; padding:40px; box-shadow: -5px 5px 30px rgb(0 0 0 / 6%);}
.about_section .heading{font-size:40px; color:#b39363; font-family: 'Montserrat_Semibold'; text-shadow: 4px 4px 8px rgb(0 0 0 / 15%);}
.about_section .section_heading{position: absolute;  content: ''; left: -70px; writing-mode: tb; transform: rotate(180deg) translateY(50%); top: 50%; font-size: 80px; color: var(--sec_head); text-shadow: 3px 0px 10px rgb(0 0 0 / 6%);}
.about_section .location{font-size:18px; color:var(--text-gray); font-family:'Montserrat_Medium'; margin-top:10px; margin-bottom:25px;}
.about_section .right_col .content button{margin-top:30px;}

/* end of about_section */

/* start highlights section */

.highlights_section{padding:100px 60px; position:relative;}
.highlights_section .section_heading{position: absolute;  content: ''; right: 0px; writing-mode: tb; transform: rotate(180deg) translateY(50%); top: 50%; font-size: 80px; color: var(--sec_head); text-shadow: 3px 0px 10px rgb(0 0 0 / 15%); z-index: 9; white-space: nowrap;}
.highlights_section .container{background-color:var(--bg-gray); max-width:70%!important; position: relative; z-index: 1;}
.highlights_section .left_col{padding:40px;}
.highlights_section .left_col li{position:relative; padding-left:22px; margin-bottom: 8px;}
.highlights_section .left_col li:before{background: url('../images/icons/return_arrow.png'); position:absolute; content:''; height:14px; width:14px; background-size:cover; left:0; top:5px;}
.highlights_section .right_col .content{position:relative; width: 100%; height: 100%;}
.highlights_section .right_col figure{position:absolute; content: ''; top: 50%; transform: translateY(-50%); margin: 0; height: 500px; height: calc(100% + 100px); box-shadow: -5px 5px 30px rgb(0 0 0 / 6%); width:100%;}
.highlights_section .right_col img{height: 100%; object-fit: cover; width:100%;}

/* end of highlights section */

/* start price_section */

.price_section{padding:20px 0 60px; position:relative; background-color:var(--bg-gray);    margin-top: 100px;}
.price_section:before{content:''; position:absolute; content:''; width:100%; height:400px; background-color:#b39363; left:0; top:-10%;}
.price_section .container{position:relative; z-index: 9;}
.price_section .section_heading{font-size: 80px; color: #fff; text-shadow: 3px 0px 10px rgb(0 0 0 / 6%); text-align: center; margin-bottom: 40px;}
.price_section .box{background-color:#fff; box-shadow: 5px 5px 30px rgb(0 0 0 / 6%); padding: 10px; text-align: center;}
.price_section .box .title{background-color:#b39363; padding:10px 5px; font-size: 26px; font-family: 'Montserrat_Semibold'; margin-bottom:30px;color: #fff}
.price_section .box span{display:block; font-size: 18px; text-transform: uppercase; margin-bottom: 8px; color:#333; font-family: 'Montserrat_Medium';} 
.price_section .box .size,
.price_section .box .price{margin-bottom:20px; font-size:22px;font-family: 'Montserrat_Medium';}
.price_section .box button{width:100%; text-transform: uppercase; margin-top: 10px;}


/* end of price_section */

/* start floor plan */

.floor_plan_section{position:relative; padding:40px 0; background-color:var(--bg-gray)}
.floor_plan_section .section_heading{position: absolute; content: ''; left: 20px; writing-mode: tb; transform: rotate(180deg) translateY(50%); top: 50%; font-size: 34px; line-height:80px; color: var(--sec_head); text-shadow: 3px 0px 10px rgb(0 0 0 / 6%); z-index: 1; white-space: nowrap;}
.floor_plan_section .floor_content{max-width:calc(100% - 5%); margin-left:auto;}
.floor_plan_section .floor_content .box{box-shadow: 5px 5px 30px rgb(0 0 0 / 6%); padding:5px;}
.floor_plan_section .floor_content .box img{width:100%;}

/* end of floor plan */

/* start amenities section */

.amenities_section{position:relative; padding-top:40px;}
.amenities_section .section_heading{position: absolute; content: ''; left: 20px; writing-mode: tb; transform: rotate(180deg) translateY(50%); top: 50%; font-size: 80px; color: var(--sec_head); text-shadow: 3px 0px 10px rgb(0 0 0 / 6%); z-index: 1; white-space: nowrap;}
.amenities_section .amenities_content{max-width: calc(100% - 5%); margin-left: auto;}
.amenities_section .amenities_content .content{margin-bottom:10px;}
.amenities_section .amenities_content .title{font-size:18px; color:#333; line-height:24px;font-family: 'Montserrat_Medium';}


/* end of amenities section */

/* start gallery_section */

.gallery_section{background-color: #fff; padding:60px 0 70px;}
.gallery_section .floor_content{display:flex; align-items: center; margin-right:auto; margin-left:0;}
.gallery_section .floor_content .item{flex-grow: 1; flex:1; position: relative; transition: all 300ms ease-in-out; height: 500px; border:2px solid #fff;}
.gallery_section .floor_content .item:hover{flex-grow: 2;}
.gallery_section .floor_content .item img{width:100%; height:100%; object-fit: cover;}
.gallery_section .section_heading{right: 20px;left: unset; text-shadow: 3px 0px 10px rgb(0 0 0 / 15%); white-space: nowrap;}

/* end of gallery_section */

/* start query_section */

.query_section .container{max-width: 60%!important; padding:20px; position: absolute; left: 50%; transform: translate(-50%, -70%); z-index: 9;}
.query_section .animated_form{display:flex; flex-wrap: wrap; justify-content: space-between;}
.query_section .row{box-shadow: 0px 5px 30px rgb(0 0 0 / 15%); background: #fff;}
.query_section .left_col{padding:40px;}
.query_section .left_col .form_heading{margin-bottom:20px; font-size:20px;font-family: 'Montserrat_Medium';}
.query_section .right_col{background-color: #eee; padding:40px; display:flex; align-items: center;}
.query_section .right_col figure{margin: 0 auto; max-width: 150px;}
.query_section .right_col .mobile{font-size:24px; color:#333!important; font-family: 'Montserrat_Medium'; margin-top:30px; display:flow-root;}

/* end of query_section */

/* start footer */

footer{background-color:#0f121c; padding:100px 0 20px;}
footer p{text-align: center; font-size:13px; color:#fff;}
footer p:not(:last-child){margin-bottom:5px;}
footer p a{color:#fff!important;}

/* end of footer */

/* start modal */

.modal .modal-body{display:flex; flex-wrap: wrap; padding:0;}
.modal .left_col{background-color: #ebe5db;  display:flex; align-items: center;}
.modal .left_col,
.modal .right_col{max-width:50%; flex:0 0 50%; padding:30px;}
.modal .left_col .content{width:100%; text-align: center;}
.modal .left_col img{margin-bottom: 15px; max-width: 140px;}
.modal .left_col .typo{font-size: 18px; margin-bottom: 10px;}
.modal .left_col .price{font-size:20px; background-color:#b39363; padding:7px 15px; width:100%; display:inline-block; font-weight: 600; color:#333;}
.modal .right_col .form_heading{font-size: 20px; margin-bottom: 15px;}
.modal .right_col .form-group{max-width: 100%; flex:0 0 100%;}
.modal .right_col .form-input{height:46px;}

/* start mobile-section */

.mobile-section{position: fixed; bottom: 0; left: 0; width: 100%; display: flex; display:none; box-shadow: 0 -3px 15px rgb(0 0 0 / 10%);}
.mobile-section .btn{flex:1; display:flex; align-items: center; justify-content: center; position:relative;}
.mobile-section .btn:not(:last-child):before{position:absolute; content:''; width:1px; height:25px; background-color:#333; display:block; right:0; top:50%; transform:translateY(-50%); opacity:1; left:unset;}

.modal .close {
  position: absolute;
  color: #fff;
  opacity: 1;
  text-shadow: none;
  font-size: 40px;
  top: 10px;
  right: 20px;
  z-index: 9;
}

.footer-bottom {
  padding: 50px 0px 10px;
  background: #24262d;
  color: #fff;
  background: linear-gradient(45deg, black, #4b4b4b82), url(../../../images/footer-bg1.webp);
  background-position: bottom;
  background-size: cover;
}
.footer-bottom .left-fottor-section p {
  padding-top: 20px;
  font-size: 14px;
  line-height: 1.8;
  color: #fff;
  padding-bottom: 30px;
}
.footer-bottom h4 {
  color: #fff;
}
.footer-bottom ul {padding: 15px;}
.footer-bottom ul li {margin-bottom: 5px;list-style-type: none;}
.footer-bottom ul li a {color: #fff;font-size: 15px;}
.footer-line {height: 1px;background: #95959578;width: 100%;}
.right-fottor-section p {font-size: 14px;color: #fff;padding: 10px;}
.dis {text-align: center;padding-top: 20px;}
.dis .btm-foot {margin-bottom: 10px;font-size: 14px;color: #fff;}
.dis p {font-size: 14px;color: #fff;}
img.footer-logo {/* filter: invert(1) brightness(100); */width: 150px;height: 150px;}
a.gtf-name {
  color: #fff;
}


.query_section .container {
    max-width: 60%!important;
    padding: 20px;
    position: relative;
    left: unset;
    transform: unset;
    z-index: 9;
}




.center_btn{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.center_p{
  position: relative;
}