*, ::after, ::before {box-sizing: border-box;}
article,aside,canvas,figure,figcaption,footer,header,nav,section,audio,video,h1,h2,h3,h4,h5,h6,ul,ol,p {margin: 0;padding: 0;border: 0;}
a,button,input[type="submit"] {-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;text-decoration: none;font-style: normal;}
img {max-width: 100%;height: auto; vertical-align: top;}
ul {list-style: none;}
a:hover { text-decoration: none;}

body  { margin: 0; padding:0; min-height: 100%;font-weight: 400;font-family: "Poppins", sans-serif;font-size: 16px;line-height: 26px; color: #575757;}
.heading h2 {color: #3D4094;font-size: 46px;font-weight: normal;}
.heading h2 span { display: block; font-size: 37px; }
h2 {color: #1F1F1F;font-size: 32px;font-weight: 500;letter-spacing: 0.64px;text-transform: uppercase;}

.top_header { position: absolute; top: 0; left: 0; width: 100%; z-index: 2; padding: 20px 0;}
.logo { width: 197px;}

.banner_sec { position: relative;}
.b_cap_outer { position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%);}
.banner_caption { display: flex; justify-content: space-between;align-items: center;}
.banner_caption h1 {color: #FFF;font-size: 61px;font-style: normal;font-weight: 500;line-height: 66px;letter-spacing: 1.22px;text-transform: capitalize;margin-bottom: 30px;}
.banner_caption p { color: #fff; font-size: 20px;font-weight: 500;}
.banner_left {width: 60%;}
.banner_right {width: 40%;display: flex;justify-content: flex-end;}
.banner_form {width: 100%; max-width: 441px; padding: 55px 45px;border-radius: 12px;background: rgba(0, 0, 0, 0.38);backdrop-filter: blur(16.950000762939453px);}
.banner_form .form-control { width: 100%; border: 0;border-bottom: 1px solid rgba(255, 255, 255, 0.50); background-color: transparent; height: 55px; line-height: 54px;  padding: 0;font-size: 14px; color: #fff; border-radius: 0;font-weight: 300;box-shadow: none;outline: none;}
.select_box { width: 100%; border: 0;border-bottom: 1px solid rgba(255, 255, 255, 0.50); background-color: transparent;height: 55px; line-height: 55px;padding: 0;font-size: 14px;color: #fff;border-radius: 0;}
.select_box:focus-visible,.select_box:focus { box-shadow: none;outline: none;}
.select_box option {background-color: #1f1f1f;}
.banner_form textarea.form-control { resize: none;appearance: none;-moz-appearance: none;}
.banner_form .form-control::placeholder {color: #fff;opacity: 1;}
.banner_form .form-control::-ms-input-placeholder {color: #fff;}
.submit_btn { display: block; width: 100%;background-color: #C69A47; border: 0; outline: none; border-radius: 60px;height: 50px;color: #fff; font-size: 16px;font-weight: 400;transition: all 0.2sease-in-out; box-shadow: none;}
.submit_btn:hover { background-color: #fff; color: #000;}
.banner_form h3 {color: #FFF;font-family: Poppins;font-size: 22px;font-style: normal;font-weight: 400;line-height: 36px;letter-spacing: 0.44px;text-transform: uppercase;}
.under_line { position: relative;}
.under_line::after {content: "";display: block;width: 93px;height: 1px;background: #F1B41C;margin: 15px auto 20px;}
.key_highlights_box {border-radius: 10px;background: #F7F5F2;padding: 34px 34px 50px 34px;height: 100%;}
.key_highlights_img { margin-bottom: 20px;}
.key_highlights_content h3 {color: #1F1F1F; font-size: 18px; font-weight: 500; line-height: normal;margin-bottom: 5px;}
.white_btn { padding: 15px 37px; background: #fff; color: #1F1F1F; font-size: 16px; font-weight: 500; border-radius: 60px; display: inline-block;border: 1px solid #1F1F1F;}
.white_btn:hover {background-color: #C69A47;border-color: #C69A47; color: #fff;}
.yellow_btn { padding: 15px 37px; background: #C69A47; color: #fff; font-size: 16px; font-weight: 500; border-radius: 60px; display: inline-block;border: 1px solid #C69A47;}
.yellow_btn:hover {background-color: #fff;border-color: #000; color: #1F1F1F;}
.pricing_box { width: 100%; max-width: 90%; margin: 0 auto;}
.pricing_box .table tr th {background-color: #C69A47;color: #FFF;font-size: 14px;font-style: normal;font-weight: 500;letter-spacing: 0.28px; text-transform: uppercase;}
.pricing_box .table tr td {font-size: 16px;font-style: normal; padding: 15px .5rem;}
.pricing_box .table { border-radius: 12px; overflow: hidden;}

.project_list li { display: flex; align-items: center; padding: 12px 17px; border-radius: 78px;border: 1px solid rgba(198, 154, 71, 0.46);background: #F7F5F2; margin: 0 11px;}
.project_list li span {display: block; width: 24px; min-width: 24px; height: 24px; margin-right: 10px;}

.text_content p{text-align: justify;}

.heart_of-list {display: flex;flex-wrap: wrap;}
.heart_of-list li {color: #1F1F1F;border: 1px solid #1F1F1F;border-radius: 50px;padding: 9px 12px;font-size: 13px;margin: 10px 5px;display: flex;align-items: center;transition: all 500ms;}
.heart_of-list li span {margin-right: 10px;	max-width: 32px;width: 32px;}
.heart_of-list li:hover {background-color: #F9F5ED; border-color: #202020;}

.section_six iframe {width: 100%;max-width: 1190px;height: 360px;margin: 0 auto;display: block;}
.map_hldr {border-radius: 12px;overflow: hidden;}
.download_brochure {text-align: center;position: relative;}
.db_img img {width: 100%;}
.db_cont {position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);}
.db_content p { margin-bottom: 35px;}

.schedule_form {background: #c69a47;padding: 40px 30px;width: 100%;border-radius: 12px;overflow: hidden;}
.schedule_form p {font-size: 14px;margin: 10px 0 25px 0;}
.schedule_form .form-group {margin: 10px 0;}
.ftr_newsletter .form-control,
.schedule_form .form-control {border-radius: 0;background: transparent;border: none;border-bottom: 1px solid #ffffffbd;padding: 14px 0;font-size: 14px;color: #fff;outline: none;box-shadow: none;}
.schedule_form .form-control::placeholder{color: #fff;}

.schedule_form .schedule_form_btn {display: flex;width: 100%;max-width: 200px;margin: 0 auto;background: #FFFFFF;border-color: #fff;color: #1f1f1f;justify-content: center;}
.faq_img {margin-right: 50px; border-radius: 12px; overflow: hidden;}
.faq_img img {width: 100%;}
.faq_section .under_line::after {margin: 15px 0 20px;}
.faq_section .accordion-item { border: 0; border-bottom: 1px solid rgba(0,0,0,.125);}
.faq_section .accordion-button { border: 0; outline: none; box-shadow: none; padding: 15px 0;color: #000;  font-size: 18px;font-weight: 400;line-height: 24px;}
.faq_section .accordion-body {padding: 0 0 15px 0;}
.faq_section .accordion-button::after {background-size: 14px;position: relative;top: 3px;right: 3px;}
.faq_section .accordion-button:not(.collapsed)::after { 
  position: relative; 
  top: -3px;  
  right: 3px;
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  transform: rotateX(3.142rad);
  -webkit-transform: rotateX(3.142rad);
  -moz-transform: rotateX(3.142rad);
  -ms-transform: rotateX(3.142rad);
  -o-transform: rotateX(3.142rad);
}
.faq_section .accordion-button::before { content: "";width: 32px;height: 32px; border-radius: 50%; border: 1px solid #000; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.faq_section .accordion-button:not(.collapsed) { color: #000; background-color: transparent;}
.main_footer { background-color: #202020;}

.gallery_section {background-color: #F7F5F2;}
.gallery_section .row .col-md-4 a {
  display: block;
  border-radius: 14px;
  overflow: hidden;
}



#exampleModal .form-control{
    margin: 11px 0 0 0;
    background: transparent;
    color: #202020;
    font-size: 15px;
    border: none;
    border-radius: 0;
    resize: none;
    border-bottom: 1px solid #202020;
    padding: 8px 0 15px 0;
    outline: none;
    box-shadow: none;
}

#exampleModal .yellow_btn{
    width: 100%;
    margin: 20px 0 0 0;
}
#exampleModal .modal-header .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    opacity: 1;
    background-color: #c69a47;
    border-radius: 50%;
    z-index: 9;
    outline: none;
    box-shadow: none;
}
#exampleModal .modal-header{
    border: none;
    padding: 0;
}
.cpy_lp{
    text-align: center;
    color: #fff;
    padding: 15px 0 0 0;
    margin: 15px 0 0px 0;
    border-top: 1px solid #ffffff3d;
}

.cpy_lp p a {
    color: #fff;
    margin-left: 5px;
}

.cpy_lp p{ font-size:13px;}
.cpy_lp span{font-size:13px;}


.banner_left p {
    font-size: 21px;
    display: inline-flex;
    margin: 15px 0 0 0;
    color: #fff;
    background: #c69a47;
    padding: 5px 13px;
    border-radius: 5px;
}

















@media only screen and (max-width:1440px) {
  .banner_caption h1 {font-size: 45px;line-height: 52px;margin-bottom: 30px;}
  .slider_row .swiper {width: 1285px;}
  .white_btn {padding: 10px 30px;}
  .schedule_form .schedule_form_btn {padding: 10px 30px;}
}
@media only screen and (max-width:1199px) {
  .slider_row .swiper {width: 1110px;}
  #floorTabContent {padding: 40px 15px;}
  .banner_form {padding: 30px 15px;}

  .heart_of-list li{font-size: 10px;}
}
@media only screen and (max-width:991px){
  .logo {width: 110px;}
  .banner_caption h1 {font-size: 34px;line-height: 40px;margin-bottom: 20px;}
  .banner_caption p {font-size: 16px;}
  .banner_form {padding: 20px 15px;}
  .banner_form .form-control {height: 36px;line-height: 35px;}
  .select_box {height: 36px;line-height: 40px;}
  .key_highlights .row .col-lg-3 {margin-bottom: 20px;}
  .slider_row .swiper {width: 870px;}
  .floorTab_box figure {width: 100%;min-width: 100%;}
  .floorTab_box { flex-wrap: wrap; justify-content: center;}
  .mobile_order { order: -1;}
  .heart_of-list {padding: 20px 0 0 0; justify-content: center;}
  .map_hldr{margin-top: 20px;}
  .db_img {display: flex;justify-content: center; overflow: hidden;}
  .db_img img {width: auto;max-width: inherit; }
  h2 {font-size: 30px;}
  .faq_section .accordion-button {padding: 10px 0;}

  .banner_left {width: 50%;}
  .banner_right{width: 50%;}
  .banner_form h3{line-height: 30px;}
  .form_cont .form-group{margin-top: 15px;}
  .project_list li{padding: 12px 15px;}
  .section_six{text-align: center;}
  .faq_img{margin-right: 0;}
  .faq_cont{margin-top: 20px;}
  .faq_section .faq_cont h2{text-align: center;} 
  .faq_section .under_line::after {margin: 15px auto 20px;}
  #faqAccordion .accordion-item{margin-top: 15px;}
}
@media only screen and (max-width:767px) {
  .b_cap_outer {position: static;transform: none; }
  .banner_caption {display: block;}
  .banner_left {width: 100%; text-align: center;}
  .banner_right {width: 100%; display: block; margin-top: 15px;}
  .banner_form{max-width: 100%; text-align: center;}
  .banner_caption h1, .banner_caption p { color: #1f1f1f;letter-spacing: normal;}
  .banner_left {padding: 20px 0;}
  .banner_caption h1 {font-size: 28px;line-height: 32px;margin-bottom: 0;}
  h2 {font-size: 28px;}
  .yellow_btn {padding: 9px 35px;font-size: 16px;}
  .pricing_box {max-width: 100%;}
  body {font-size: 15px;line-height: 23px;}
  .pricing_box .table tr th {vertical-align: top;}
  .pricing_box .table tr td {font-size: 14px; padding: 10px .5rem;}
  .slider_row .swiper {width: 100%; overflow: hidden;}
  .swiper-button-next, .swiper-button-prev {width: 36px;height: 36px;}
  .swiper-button-next {top: -20px;}
  .swiper-button-prev {top: -20px; right: 44px;}
  #floor_tab button {padding: 10px 25px;}
  .residential_floor_sec .pricing_box {margin-bottom: 10px;}
  .gallery_cont a { margin-bottom: 15px; display: block;}
  .schedule_form {padding: 40px 15px;}
  .schedule_form h2 {font-size: 25px;}
  .faq_img {margin: 0 0 20px 0;}
  .faq_section .accordion-button {padding-right: 30px;}
  .faq_section .accordion-button::after {right: -27px;}
  .faq_section .accordion-button:not(.collapsed)::after {right: -27px;}
  .project_list {display: block !important;}
  .db_content p {margin-bottom: 15px;}
  .download_brochure a {margin: 15px auto 0;}
  .db_cont {top: 50%;}

  .text_content p {text-align: center;}
  .text_content.py-5{padding: 40px 0 !important;}
  .key_highlights.pb-5{padding-bottom: 40px !important;}
  .key_highlights_box{padding: 30px; text-align: center;}
  .gallery_section{padding: 40px 0 !important;}
  .section_six{padding: 40px 0 !important;}
  .section_seven .pt-5{padding-top: 0 !important;}
  .section_seven .pb-5{padding-bottom: 40px !important;}
  .gallery_last_image{margin-bottom: 0 !important;}
  .section_six .col-md-12.mb-5{margin-bottom: 0 !important;}
}

@media only screen and (max-width:576px) {
  h2{font-size: 25px; letter-spacing: 0.5px;}
  .under_line::after {margin: 15px auto 15px;}
  .gallery_cont{margin-top: 10px;}
  .schedule_form {padding: 30px 15px;}
}
@media only screen and (max-width:480px) {
   .faq_cont {margin-top: 10px;}
   .faq_section .accordion-button{font-size: 17px;}
   .faq_section .accordion-body{font-size: 14px;}
   .schedule_form h2 {font-size: 22px;}
   .section_six iframe{height: 250px;}
}
@media only screen and (max-width:414px) {
    .text_content.py-5 {padding: 30px 0 !important;}
    .key_highlights_content h3{font-size: 17px;}
    .key_highlights.pb-5 {padding-bottom: 30px !important;}
    .gallery_section {padding: 30px 0 !important;}
    .db_img{height: 375px;}
    .section_six {padding: 30px 0 !important;}
    .heart_of-list li {font-size: 14px;width: 100%; text-align: left;}
    .heart_of-list li span{width: 28px; max-width: 28px;}
    .yellow_btn.mt-3{margin-top: 15px !important;}
    .section_seven .pb-5{padding-bottom: 30px !important;}
    .yellow_btn{padding: 10px 30px;}
}