@font-face {
  font-family: "Heebo";
  font-display: swap;
  src: url("../fonts/Heebo-Regular.ttf");
}
@font-face {
  font-family: "Heebo_Medium";
  font-display: swap;
  src: url("../fonts/Heebo-Medium.ttf");
}
@font-face {
  font-family: "Heebo_Semibold";
  font-display: swap;
  src: url("../fonts/Heebo-SemiBold.ttf");
}

body{font-family: "Heebo", sans-serif;letter-spacing: 0.5px; background:#19191b; color:#fff;}
body,p,h1,h2,h3,h4,h5,h6,ul,li{margin:0;padding:0;}
body{scroll-behavior:smooth;}

.newClass{position:fixed!important;width:100%;top:0;z-index:99;background-color:#366286}

.custom_navbar{padding:2px;overflow:hidden;padding-top:7px;padding-bottom:7px}
.custom_navbar .navbar-brand:before{position:absolute;content:'';height:110px;width:352px;background:#211f22;left:-65px;top:-21px;z-index:-1}
.custom_navbar .developer-logo{color:#fff;position:relative;font-size:29px;left:10%;height:100%;width:100%;top:0}
.custom_navbar .navbar-brand{height:100%} 
.custom_navbar .navbar-brand::before{position:absolute;content:'';height:110px;width:415px;background:#211f22;left:-65px;top:-21px;z-index:-1}
.custom_navbar .navbar-brand{max-width:25%;background-color:#211f22;position:relative;z-index:9;color:#211f22}
.custom_navbar .nav-item a{color:#fff;font-size:16px}
.custom_navbar .last_li a{padding:0;padding:8px 16px;background-color: #282526;color: #fff;border-radius: 5px;}
.custom_navbar .mobile-icon_top{max-width: 20px;}
.custom_navbar #collapsibleNavbar{margin:0 auto;}
.custom_navbar .nav.nav-tabs{display:block}
.custom_navbar .nav-item{padding-top:10px;padding-bottom:10px;padding-right:30px}
.custom_navbar .developer-logo{color:#fff;position:relative;font-size:29px;left:10%;height:100%;width:100%;top:0}

.custom_slider{padding:0}
.custom_slider .row{margin:0;padding:0}
.custom_slider .col-sm-12.col-md-8.col-lg-8{padding:0}
.custom_slider .right_top_col{position:relative;padding-top:10px;padding-left:20px;padding-right:20px; overflow: hidden;}
.custom_slider .top_bg_heading{position:absolute;top:35%;right:0%;transform:translate(-50%,-50%);writing-mode:tb;font-size:36px;height:100%;display:flex;justify-content:center;letter-spacing:13px;color:#c1c1c1}
.custom_slider .right_top_col .project_logo_img{margin-top:15px}
.custom_slider .right_top_col .typologying_heading{margin-top:20px; background: linear-gradient(45deg, #BF953F, #FCF6BA, #bd8c83, #FBF5B7, #AA771C); -webkit-text-fill-color: transparent; -webkit-background-clip: text;}
.custom_slider .right_top_col .location_heading{padding:5px 15px;color:#211f22;background:linear-gradient(45deg, #c07051, #FCF6BA, #c07051);width:fit-content;margin-top:15px;font-size:16px;position:absolute;right:0}
.custom_slider .right_top_col .location_icon {/*filter: invert(1);*/ max-width: 14px;}
.custom_slider .right_top_col .starting_price_heading{background-color:#211f22;width:fit-content;color:#fff;padding:5px 10px;font-size:22px;padding-bottom:2px;margin-top:15px}
.custom_slider .right_top_col .form_box .input_grou_row{display:flex;justify-content:space-between}
.custom_slider .right_top_col .form_box .form-group{width:calc(50% - 10px);margin-bottom:5px}
.custom_slider .right_top_col .form_box{background-color:#3f6f97;padding: 17px;width:100%;margin:0 auto;margin-top:15px;}
.custom_slider .right_top_col .input_grou_row.input_grou_row-1{margin-bottom: 15px;}
.custom_slider .right_top_col .btn.btn_custom_3{width:100%;margin-top:20px;color:#211f22;background-color:#332e2e}
.custom_slider .right_top_col .form_heading_top{margin-bottom:0;margin-top:20px;font-size:20px;position:relative}
.custom_slider .right_top_col .form_heading_top img{filter:invert(1); max-width: 35px;}
.custom_slider .carousel-control-prev,
.custom_slider .carousel-control-next{filter:invert(1);}

.pricestrip_container .row{margin:0}
.pricestrip_container .box_custom{padding:10px;display:flex;align-items:flex-start;width:25%}
.pricestrip_container .box_custom p{display:grid;font-size:16px;margin-left:15px;margin-bottom:0}
.pricestrip_container .box_custom p span{font-size:22px;letter-spacing:.5px;font-weight:600}
.pricestrip_container{padding:0;background-color:#366286;padding-top:0;padding-bottom:0;color:#fff}
.pricestrip_container .col-sm-12.col-md-12.col-lg-12{padding:0}
.pricestrip_container .main-flex{display:flex;align-items:center;padding-left:50px}
.pricestrip_container .main_custom_2{width:20%;text-align:center}
.pricestrip_container .main_custom{display:flex;width:80%;align-items:center}
.pricestrip_container .main_custom_2{background-color:#bd8c83;padding:15px;display:flex;align-items:center;border:4px solid #bd8c83}
.pricestrip_container .main_custom_2 a{color:#fff;text-decoration:none;font-size:22px}
.pricestrip_container .main_custom_2 h5{font-size:20px;width:100%}
.pricestrip_container .box-number{width:100%;display:flex;align-items:center;height:100%;justify-content:center}
.pricestrip_container .brochure-icon_img{filter:invert(1);margin-right:10px}
.pricestrip_container .home-icon {width: 40px; border: 1px solid #fff;border-radius: 50%;padding: 7px;}
.overview_container ul {
    padding-left: 18px;
}
.overview_container{position:relative;padding-top: 130px;padding-bottom: 130px;}
.overview_container .overview_bgimg_2{position:absolute;bottom:0;right:0}
.overview_container .overview_bgimg_1{position:absolute}
.overview_container h5{color: #fff;font-weight:500; letter-spacing:1px; margin-bottom: 10px;}
.overview_container p{
  font-size: 16px;
  text-align: justify;
}
.overview_container .btn-dowonload{color:#fff;background: linear-gradient(45deg, #c07051, #FCF6BA, #c07051); color: #211f22;padding:10px 20px;border-radius:0;font-size: 16px;letter-spacing:.5px; margin-top: 25px;}
.overview_container .btn-dowonload img{filter:invert(1)}
.overview_container h2{font-size:35px;/*color:#cba857;*/ background:linear-gradient(45deg, #c07051, #FCF6BA, #bd8c83, #FBF5B7, #c07051);letter-spacing:.5px;text-transform:uppercase;margin-bottom:20px;position:relative;font-weight:900;display:inline-block; -webkit-text-fill-color: transparent; -webkit-background-clip: text;}
.overview_container h2::after{content:"";position:absolute;top:50%;right:-110%;width:100%;height:4%;background-color:#FCF6BA}

.never-main{
  margin-bottom: 70px;
}
.offer-banner{position: absolute;left: 2%;bottom: 2%;background: linear-gradient(45deg, #c07051, #FCF6BA, #c07051);
color: #211f22;padding: 15px;text-align: center;border-radius: 15px;}

.never-main h2{font-size: 33px;color:#fff;letter-spacing:.5px;text-transform:uppercase;margin-top: 15px;position:relative;font-weight: 900;display: inline-block; background: linear-gradient(45deg, #c07051, #FCF6BA, #bd8c83, #FBF5B7, #c07051); -webkit-text-fill-color: transparent; -webkit-background-clip: text;}

.never-main h2::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -52%;
    width: 50%;
    height: 5%;
    background-color: #FCF6BA;
}

.main1{
  display: flex;
  width: 100%;
        padding-left: 10px;
    margin-top: 24px;
}
.main1 ul{
  width: 48%;
  margin-left: 10px;

}
.amenities_container.pre-main .container {
    max-width: 70%;
}
.amenities_container h2 {
      font-weight: 600;
}

.amenities_container.pre-main {
    padding: 0;
    padding-top: 86px;
    padding-bottom: 80px;
}
.amenities_container.pre-main .amenities-icon_main::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: none;
}

.amenities-icon_main h4{
  text-align: center;
  width: 100%;
  padding: 10px 0px;
  font-size: 1.4em;
}
.main1 li{
    padding-bottom: 10px;
}

.highlights_container{padding:0;position:relative;background: url(../images/highlights-pattern.html) repeat-y #211f22;overflow:hidden;background-image: url(../images/row-bgimage-7.html);background-repeat: no-repeat;background-position: bottom left;}
.highlights_container h2{font-size: 35px;color:#fff;letter-spacing:.5px;text-transform:uppercase;margin-top: 15px;position:relative;font-weight: 900;display: inline-block; background: linear-gradient(45deg, #e08151, #FCF6BA, #bd8c83, #FBF5B7, #cc613a); -webkit-text-fill-color: transparent; -webkit-background-clip: text;}
.highlights_container .container{max-width:100%;padding:0}
.highlights_container p{letter-spacing:.5px}
.highlights_container .highlight_box{padding: 20px 40px 20px 32px;color: #211f22;background-color: #ffffff; height:100%;}
.highlights_container .left_col .col-sm-12.col-md-6.col-lg-6{margin-top: 30px;}
.highlights_container .highlight_img{height:100%;object-fit:cover}
.highlights_container .row.custom_row{max-width:85%;margin:0 auto;padding-top:80px;padding-bottom:80px}
.highlights_container h2::after{content:"";position:absolute;top:50%;right: -110%;width: 100%;height:4%;background-color:#FCF6BA}

.pricelist_container{padding-top:100px;padding-bottom: 100px;position:relative;background-image:url(../images/pricelist-bg.html);background-position: center;background-size: cover;}
.pricelist_container h2{font-size: 35px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:30px;background: linear-gradient(45deg, #e08151, #FCF6BA, #bd8c83, #FBF5B7, #cc613a); -webkit-text-fill-color: transparent; -webkit-background-clip: text; font-weight: 900;position: relative;display: inline-block;}
.pricelist_container h2::after{content:"";position:absolute;top:50%;right: -110%;width: 100%;height: 5%;background-color: #FCF6BA;}
.pricelist_container .price_list_box{background-color: #bd8c83;color:#fff;padding: 35px;position:relative;overflow: hidden;background-image: url(../images/row-bgimage-7.html);background-repeat: no-repeat;background-size: cover;}
.pricelist_container h4{font-size: 24px;text-transform:uppercase;margin-bottom: 20px;display:grid;letter-spacing: 1px;}
.pricelist_container .container{max-width:70%}
.pricelist_container .col-sm-12.text-center{margin-bottom:30px}
.pricelist_container h4 span{font-size: 16px;padding-bottom: 15px;}
.pricelist_container .pricelist_heading h4{text-align:center;background-color: #bd8c83;margin-bottom: 23px;display:grid;align-items:center;padding:5px;color:#fff;position:relative;font-size: 22px;padding: 18px 15px;}
.pricelist_container .pricelist_heading h4::after{content:" ";position:absolute;top:100%;left:50%;margin-left:-15px;border-width:20px;border-style:solid;border-color: #bd8c83 transparent transparent;z-index: 9;}
.pricelist_container .price_list_box h4::after{content:" ";position:absolute;top:0;left:50%;margin-left:-15px;border-width:20px;border-style:solid;border-color:#19191b transparent transparent}
.pricelist_container button.btn.btn_pricelist{background-color:#211f22; color:#fff; padding: 8px 20px;text-transform: uppercase;font-size: 15px;letter-spacing: 1px;text-transform: capitalize;}
.pricelist_container .price_list_box{position:relative}
.pricelist_container .rupess_icon_img{position:absolute;right:0;bottom:10px;width:16%;opacity:.1;display: none;}
.pricelist_container .rupess_icon_img_custom{width: 25px;filter:invert(1);margin-right:5px}
.pricelist_container .price_list_heading{display:flex;align-items:center;margin-top:15px}

.amenities_container{padding-top:60px;padding-bottom:60px;position:relative;background: url(../images/highlights-pattern.html) repeat-y #211f22;overflow:hidden;background-image: url(../images/row-bgimage-7.html);background-repeat: no-repeat;background-position: bottom left;}
.amenities_container h2{font-size: 35px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:15px;position:relative;color:#fff;display: inline-block;margin-bottom: 40px; background: linear-gradient(45deg, #BF953F, #FCF6BA, #bd8c83, #FBF5B7, #AA771C); -webkit-text-fill-color: transparent; -webkit-background-clip: text;}
.amenities_container h2::after{content:"";position:absolute;top:50%;right: -110%;width: 100%;height:4%;background-color:#FCF6BA}
.amenities_container .container{max-width: 90%;}
.amenities_container{padding:0;padding-top: 60px;padding-bottom: 60px;}
.amenities_container .row.custom_row_2{padding:0;margin:0!important;max-width:100%;3w:1}
.amenities_container .container{padding:0}
.amenities_container .col-sm-12.col-md-8.col-lg-8{padding:0}
.amenities_container .row.custom_row_2 .col-sm-12.col-md-4.col-lg-4 .row ul{margin:0;padding:0;margin-top:0}
.amenities_container .row.custom_row_2 .col-sm-12.col-md-4.col-lg-4 .row{padding:60px 16px 60px 15px}
.amenities_container .row.custom_row_2 .col-sm-12.col-md-4.col-lg-4 .row li{display:flex;align-items:center;margin-top:50px}
.amenities_container .amenities-icon{filter:invert(1)}
.amenities_container .row.custom_row_2 .col-sm-12.col-md-4.col-lg-4 .row li span{font-size:20px;color:#fff;width:80%;padding-left:20px}
.amenities-icon_main{position:relative;width:96%;margin:0 auto}
.amenities-icon_main::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,#211f22,#ffffff00)}
.amenities-icon_box{position:absolute;z-index:9;padding-left:10px;padding-top:10px}
.amenities-icon_box span{font-size: 15px;color:#fff;letter-spacing:1px}
.amenities_container .col-sm-12.col-md-3.col-lg-3{margin-bottom:43px}

.floor_contianer{padding-top: 130px;padding-bottom: 130px;}
.floor_contianer h2{font-size: 35px;letter-spacing:.5px;text-transform:uppercase;margin-bottom: 60px;position:relative;color: #336187;font-weight: 900;display: inline-block; background: linear-gradient(45deg, #BF953F, #FCF6BA, #bd8c83, #FBF5B7, #AA771C); -webkit-text-fill-color: transparent; -webkit-background-clip: text;}
.floor_contianer h2::after{content:"";position:absolute;top:50%;right: -55%;width: 50%;height: 5%;background-color: #FCF6BA;}
.floor_contianer .container {max-width: 75%;}
.floor_contianer .floorplan-1 {width: 100%;position: relative;border: 1px solid #211f22;filter: blur(4px);}
.floor_contianer h5 {background-color: #bd8c83;color: #fff;padding: 15px;text-align: center;position: relative;z-index: 2;}
.floor_contianer .col-sm-12.col-md-3.col-lg-4 {margin-top: 30px;}
.floor_contianer .nav-tabs .nav-item{background-color:#1c1b1b;padding-right:0}
.floor_contianer .nav-tabs{display:block}
.floor_contianer .nav-tabs .nav-link {color: #fff;font-size: 18px;}
.floor_contianer .nav-tabs .nav-item{background-color:#1c1b1b;padding-right:0}
.floor_contianer .nav-tabs .nav-item {outline: none;}
.floor_contianer  .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#fff;background-color:#211f22;border-color:#bd8c83}
.floor_contianer  .nav-tabs .nav-link:hover{border-color:rgb(207 158 52 / 50%)!important;}
.floor_contianer  li.nav-item{padding-top:10px;padding-bottom:10px;padding-right:30px}
.floor_contianer .btn-dowonload-custom{width:100%;padding:15px;margin-top:25px;color:#211f22;background: linear-gradient(45deg, #c07051, #FCF6BA, #c07051);font-size:18px}
.floor_contianer .btn-dowonload-custom img{filter:invert(1);}

.right_top_col .timelines{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;margin:0 auto;margin-top: 30px;margin-left: 10px;}
.right_top_col .timeline-title{font-size:1em;font-weight:700}
.right_top_col .timeline-item{margin-bottom:2em}
.right_top_col .timeline-item h3{font-size: 16px;font-weight:500;text-transform:uppercase;margin:0;position:relative;padding:5px;color: #c9c9c9;}
.right_top_col .timeline-item h3::before{content:"";position:absolute;left:-2.35em;background-color: #c9c9c9;width:.7em;height:.7em;border-radius:50%;transform:translate(-0.5px,0.2em)}
.right_top_col .timeline-items{padding:.01em 0 0 2em;border-left: 1px solid #c9c9c9;}
.right_top_col .timeline-item{margin-top:-.3em}
.right_top_col .timeline-item time{display:block;float:left;padding:.2em .4em;color:#fff}
.right_top_col .timeline-item > *{margin:1em 0}
.right_top_col .timeline-item .location{clear:both;font-size:.85em;font-style:italic;color:#fff}
.right_top_col .timeline-item h3{margin-bottom: 5px;}
.right_top_col .timeline-item{margin-bottom: 12px;}
.right_top_col .timeline-item p{color:#fff;margin:0!important;padding-bottom: 10px;}

.location_advantage_container .container{max-width:100%;padding:0}
.location_advantage_container{padding:0;position:relative;background:url(../images/highlights-pattern.html) repeat-y #211f22;overflow:hidden;background-image:url(../images/row-bgimage-7.html);background-repeat:no-repeat;background-position:bottom left}
.location_advantage_container h2{font-size:35px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:15px;position:relative;color:#fff;display:inline-block;margin-top: 20px; background: linear-gradient(45deg, #BF953F, #FCF6BA, #bd8c83, #FBF5B7, #AA771C);
  -webkit-text-fill-color: transparent; -webkit-background-clip: text;}
.location_advantage_container h2::after{content:"";position:absolute;top:50%;right:-55%;width:50%;height:4%;background-color:#FCF6BA}
.location_advantage_container .left_col .col-sm-12.col-md-6.col-lg-6{margin-top: 30px;}
.location_advantage_container img.img-fluid.location_map{height:100%;width:100%;object-fit:cover}
.location_advantage_container .row.custom_row {max-width: 85%;margin: 0 auto;padding-top: 80px; padding-bottom: 80px;}
.location_advantage_container .highlight_box{padding: 20px 40px 20px 32px;color: #211f22;background-color: #ffffff;}

.about_developer_container .container{max-width:94%;color:#fff;padding-top:45px;padding-bottom:34px}
.about_developer_container{background:url(../images/highlights-pattern.html) repeat-y #211f22;background-repeat:no-repeat;background-position:bottom left;overflow:hidden;background-image:url(../images/row-bgimage-7.html)}
.about_developer_container .input_group_box{display:flex;width:100%;max-width:100%;align-items:center;justify-content:space-between}
.about_developer_container .footer_form{width:100%}
.about_developer_container .form-group{width:calc(50% - 10px)}
.about_developer_container{position:relative}
.about_developer_container::after{content:"";position:absolute;right:-60px;bottom:0;width:55%;height:91%;background-color:#bd8c83;z-index:1;transform:skewX(340deg);border:5px solid #fff;border-bottom:none;border-right:none}
.about_developer_container .footer_form{position:relative;z-index:2;left:6%;padding-top:30px}
.about_developer_container .footer_form .form-group .form-control{height:50px}
.about_developer_container button.btn.btn_footer_form{width:100%;background-color:#211f22;color:#fff;padding:15px 10px}
.about_developer_content{padding-right:96px;padding-top:40px}
.about_developer_container::before{content:"";position:absolute;left:0;bottom:0;width:45.3%;height:8%;background-color:#bd8c83;z-index:1;border:5px solid #fff;border-left:none;border-bottom:none;border-right:none;z-index:9}
.about_developer_container img.img-fluid.form_img{filter:invert(1)}
.about_developer_container h4.form_heading_2{margin-bottom:30px}
.about_developer_content h3{font-size:35px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:15px;position:relative;color:#fff;display:inline-block;margin-bottom:30px; background: linear-gradient(45deg, #BF953F, #FCF6BA, #bd8c83, #FBF5B7, #AA771C);
  -webkit-text-fill-color: transparent; -webkit-background-clip: text;} 
.about_developer_content h3::after{content:"";position:absolute;top:50%;right:-55%;width:50%;height:4%;background-color:#FCF6BA}

.schedule-site-visit_box{background:url(../images/highlights-pattern.html) repeat-y #211f22;background-position:bottom left;padding:14px;width:50%;margin:0 auto;margin-top:40px;color:#fff;border-radius:5px;background-image:url(../images/row-bgimage-7.html)}
.schedule-site-visit_box h2{font-size:22px;margin-bottom:0}
.schedule-site-visit_box img.img-fluid.car_icon{filter:invert(1);margin-right:10px}
.schedule-site-visit_box{display:flex}
.schedule-site-visit_box .box_1{width:50%;text-align:center;display:grid;align-items:center}
.schedule-site-visit_box .box_2{width:50%;text-align:center}
.schedule-site-visit_box .box_2 p{margin-bottom:0!important;font-size:20px;padding:6px 5px;width:100%;border-radius:5px}
.schedule-site-visit_box img.img-fluid.mobile-icon_bottom{filter:invert(1);width:9%}

.gallery_container h3{font-size:35px;letter-spacing:.5px;text-transform:uppercase;position:relative;color:#211f22;display:inline-block;margin-bottom:30px; background: linear-gradient(45deg, #BF953F, #FCF6BA, #bd8c83, #FBF5B7, #AA771C);
  -webkit-text-fill-color: transparent; -webkit-background-clip: text;}
.gallery_container h3::after{content:"";position:absolute;top:50%;right:-110%;width:100%;height:4%;background-color:#FCF6BA;}
.gallery_container{padding-top:80px;padding-bottom:34px}
.gallery_container .input_group_box p{margin-bottom:5px;font-size:18px}
.gallery_container .custom_container{width:100%;display:flex;padding:0 20px}
.gallery_container .Customslide{position:relative;cursor:pointer;height:45vh;flex:1;margin:10px;border-radius:20px;background-size:cover;background-repeat:no-repeat;background-position:center center;transition:.5s;overflow: hidden;}
.gallery_container .Customslide > img{width:100%;height:100%}
.gallery_container .Customslide > h3{position:absolute;color:#fff;bottom:10px;left:10px;opacity:0;transition:.5s}
.gallery_container .Customslide.active{flex:10}
.gallery_container .Customslide.active > h3{opacity:1}
.gallery_container .container{max-width:80%}
.gallery_container .Customslide:hover{flex-grow: 10;}
.gallery_container .Customslide_2{height: 100%; width: 100%; object-fit: cover;}

.last_footer { background-color: #211f22;color: #fff;padding-top: 15px;padding-bottom: 15px;}
.last_footer a {color: #fff;text-decoration: none;}
.last_footer p { margin-bottom: 2px;}

.mobile-section-1 {position: fixed;bottom: 0px;width: 100%;background-color: #0d0d0c;z-index: 99;display:none;}
.mobile-section {display: flex;justify-content: center;}
.mobile-section-1 a.btn.btn-success.btn-block {font-size: 13px;background-color: #bd8c83;width: 100%;border:none;border-radius: 0;padding-bottom: 10px;padding-top: 10px;margin-top: 0px;}




.main-flex .box-number p{margin-bottom:0}
.btn.focus,.btn:focus{outline:0;box-shadow:unset}
.highlight_box{overflow:hidden;position:relative;font-size:16px}
.highlight_box span{position:absolute;right:3%;bottom:10%;font-size:20px;z-index:2;color: #ffe2e2;font-weight:800}
.highlight_box::after{content:"";position:absolute;right: -13px;bottom:0;width:16%;height: 65%;background-color:#bd8c83;z-index:1;transform:skewX(340deg)}
.highlight_box p{width: 90%;letter-spacing:1px}
.highlight_box::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:10%;background-color:#bd8c83;z-index:1}

span.count{position:absolute;right:-8px;bottom:-48px;font-size:80px;color:#ff5f79;font-weight:900}
img.img-fluid.shape_img_overview{position:absolute;top:-30px;right:-46px;z-index:-1}


img.img-fluid.overview_bgimg_5{position:absolute;left:0}
.footer_card{width:64%;height:98px;background-color:#fff;border-radius:11px;box-shadow:0 -5px 9px -7px #909090;position:absolute;top:0;left:48%;transform:translate(-50%,-50%);z-index:99}
.floor_contianer { position: relative;}
.floor_contianer img.img-fluid.masterplan_bg_img { position: absolute;right: 0;top: 0;}

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

@keyframes blinker {
  50%{background-color:#bd8c83}
}

.blink-hardThird {
  animation: blinkerThird 1s step-end infinite;
}

@keyframes blinkerThird {
  50% {
    background-color:#bd8c83;
  }
}
button:focus {
    outline: none;
}
a.btn.btn-success.btn-block.middle-button {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.modal-body{background-color:#19191b}
.modal-body h4.form_heading_top_2{color:#fff;font-size:17px;margin-bottom:15px}
.modal-body h4.form_heading_top_2 img{filter:invert(1)}
.modal-body .form_box_2{padding:15px;/*background-color:#366286*/}
.modal-body button.close{position:absolute;top:0;right:0;background-color:#211f22;padding:9px;opacity:1;color:#fff;width:50px}
.modal-body img.img-fluid.modal_logo_img{width:32%;margin:0 auto;text-align:center;display:block;margin-bottom:13px}
.modal-body h2.typologying_heading_modal{margin-top:0;font-size:22px;text-align:center}
.modal-body h2.starting_price_heading_modal{font-size:18px;text-align:center;color:#ffff;padding:10px;background-color:#211f22}
.modal-body button.close:hover{color:#fff!important;opacity:1!important}
.modal-body img.img-fluid.form_img {width: 40px;}
.modal-body button.btn.btn_custom_3 {width: 100%;margin-top: 20px; color: #211f22; background: linear-gradient(45deg, #c07051, #FCF6BA, #c07051); }

.project-name-text{font-size: 34px;font-weight: 600;margin-top: 35px;}
.project-name-text span{display: block;}
.modal-body h4{text-align: center;}
.btn.btn_pricelist.floor-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    background-color: #211f22;

}

/* 17-oct */

.price_box{
  position:relative;
}

.price_box .pp_img{
  position:absolute;
  content:'';
  z-index:10;
  max-width: 230px;
  right: -40px;
  bottom: 190px;
}

/* 18-nov */

.right_top_col .pp_patch{background: linear-gradient(45deg, #c07051, #FCF6BA, #c07051); max-width: fit-content; padding: 7px 20px; border-radius: 5px; color: #211f22; font-size: 18px; font-weight: 600; letter-spacing: 1px; margin: 5px 0 20px;}

/* 30-nove */

.other_projects .price_list_box{padding:0;}
.other_projects .price_list_box .contents{padding:35px;}
.other_projects .name{color:#fff; background:unset!important; -webkit-text-fill-color: unset; font-size:20px; margin-bottom: 20px; min-height: 48px;}
.other_projects .name::after{display:none;}
.other_projects .pricelist_container h4{font-size: 18px;}
.other_projects .price_list_heading{font-size:24px!important;}



@media(max-width:1600px) {

  .custom_navbar .navbar-brand:before {height: 100px;width: 300px;left: -65px;top: -30px;}
  .custom_navbar #collapsibleNavbar {margin: 0px auto;}
  .custom_navbar .nav-item {padding-top: 0px;padding-bottom: 0px;padding-right: 10px;}
  .custom_navbar .developer-logo {font-size: 19px;left: 11%;height: 100%;width: 100%;}
  .custom_navbar li.nav-item a {font-size: 16px;}

  .custom_slider .right_top_col {padding-top: 10px;padding-left: 20px;padding-right: 20px;}
  .custom_slider .project_logo_img {width: 31%;margin-top: 0px;}
  .custom_slider .right_top_col .form_box {padding: 12px;margin-top: 10px;padding-bottom: 10px;}
  .custom_slider .right_top_col .form_box .form-group {width: calc(50% - 5px);margin-bottom: 3px;}
  .custom_slider .right_top_col .form_box {padding: 15px;margin-top: 3px;padding-bottom: 13px;}
  .custom_slider .right_top_col .input_grou_row.input_grou_row-1 { margin-bottom: 8px;}
  .custom_slider .right_top_col .top_bg_heading {top: 39%;right: -5%;font-size: 26px;letter-spacing: 8px;}
  .custom_slider .right_top_col .form_heading_top {margin-top: 0px;}
  .custom_slider .right_top_col .typologying_heading { margin-top: 0px;font-size: 22px;}
  .custom_slider .right_top_col .starting_price_heading {font-size: 18px; margin-top: 10px;}
  .custom_slider .right_top_col .form_heading_top {font-size: 16px;margin-top: 3px;padding-bottom: 7px;}
  .custom_slider .right_top_col .form_second_box .form-control {height: 33px!important;}
  .custom_slider .right_top_col .btn_custom_3 {margin-top: 8px;padding: 6px 10px;} 
  .custom_slider .right_top_col .timelines {margin-top: 20px;margin-left: 10px;}
  .custom_slider .right_top_col .timeline-item h3 {font-size: 14px;padding: 2px;}
  .custom_slider .right_top_col .timeline-item h3::before {left: -22.2%;}
  .custom_slider .right_top_col .btn.btn_custom_3 {margin-top: 8px;}
  .custom_slider .right_top_col .form_img { width: 35px;}

  .pricestrip_container .box_custom p { font-size: 14px;}

  .overview_container {position: relative; padding-top: 100px; padding-bottom: 100px;}
  .overview_container .container{max-width: 72%;}
  .overview_container .overview_bgimg_1{position:absolute;left:0;width:25%}
  .overview_container .overview_bgimg_2{width:25%}

  .highlights_container .row.custom_row {padding-left: 30px;}
  .highlights_container .highlight_box { padding: 10px 18px 10px 15px;}
  .highlights_container  .row.custom_row {max-width: 100%;padding-top: 30px;padding-bottom: 9px;}

  .pricelist_container .container{max-width:80%}
  .pricelist_container .pricelist_heading h4 {font-size: 18px;padding: 10px 15px;margin-bottom: 15px;}
  .pricelist_container .price_list_box { padding: 20px;}
  .pricelist_container h4 {font-size: 20px;}
  .pricelist_container button.btn.btn_pricelist {padding: 5px 15px;}
  .pricelist_container {padding-top: 70px;padding-bottom: 70px;}
  .pricelist_container h2 {font-size: 36px;}

  .amenities_container {padding: 0;padding-top: 60px; padding-bottom: 30px;}

  .location_advantage_container .row.custom_row {padding-left: 30px;}
  .location_advantage_container .highlight_box { padding: 10px 18px 10px 15px;}
  .location_advantage_container  .row.custom_row {max-width: 100%;padding-top: 30px;padding-bottom: 9px;}

  .about_developer_container .footer_form {padding-top: 30px;padding-left: 40px;padding-right: 30px;}
  .schedule-site-visit_box img.img-fluid.mobile-icon_bottom { width: 8%;margin-top: -5px;}

  .price_box .pp_img{bottom: 140px; max-width: 200px;}

  .project-name-text{margin-top: 15px; font-size: 24px; line-height: 30px;}
  .right_top_col .timeline-items{padding: .01em 0 0 1.0em;}
  .right_top_col .pp_patch{font-size: 16px; margin: 5px 0 15px;}

  .other_projects .price_list_box{padding:0;}
  
}

@media(max-width:1480px){

  p {font-size: 15px;}

  .custom_navbar {padding-top: 4px;padding-bottom: 4px;}
  .custom_navbar #collapsibleNavbar {margin: 0px auto;}

  .custom_slider .right_top_col {padding-top: 5px;padding-left: 20px;padding-right: 20px;}
  .custom_slider .right_top_col .timeline-item h3::before {left: -7%;}

  .pricestrip_container .main_custom_2 {background-color: #bd8c83;padding: 8px;}
  .pricestrip_container .box_custom {padding: 4px;}
  .pricestrip_container .box_custom p span {font-size: 18px;}
  .pricelist_container .container{max-width:80%}
  .pricelist_container .pricelist_heading h4 {font-size: 18px;padding: 10px 15px;margin-bottom: 15px;}
  .pricelist_container .price_list_box { padding: 20px;}
  .pricelist_container h4 {font-size: 20px;}
  .pricelist_container button.btn.btn_pricelist {padding: 5px 15px;}
  .pricelist_container {padding-top: 70px;padding-bottom: 0px;}
   .pricelist_container.second-box {margin-bottom:70px;}
  .pricelist_container h2 {font-size: 36px;}
  .pricestrip_container .main_custom_2 a { font-size: 18px;}
  .pricestrip_container .brochure-icon_img {width: 36px;}

  .highlights_container .row.custom_row {padding-top: 10px;padding-bottom: 10px;}
  .highlights_container .left_col .col-sm-12.col-md-6.col-lg-6 { margin-top: 20px;}
  .highlights_container .row.custom_row {padding-top: 20px;padding-bottom: 10px;}

  .floor_contianer {padding-top: 70px;padding-bottom: 70px;}
  
  .location_advantage_container .row.custom_row {padding-top: 10px;padding-bottom: 10px;}
  .location_advantage_container .left_col .col-sm-12.col-md-6.col-lg-6 { margin-top: 20px;}
  .location_advantage_container .row.custom_row {padding-top: 20px;padding-bottom: 10px;}

  .schedule-site-visit_box {width: 70%; }
.amenities_container.pre-main .container {
    max-width: 75%;
}
.main1 {
    display: flex;
    width: 100%;
    padding-left: 13px;
    margin-top: 24px;
}

.other_projects .price_list_box{padding:0;}

}

@media(max-width:1366px){

  .overview_container h2 {font-size: 30px;}
  .pricelist_container h2 {font-size: 30px;}
  .highlights_container h2 {font-size: 30px;}
  .floor_contianer h2 {font-size: 30px;margin-bottom: 40px;}
  .gallery_container h3 {font-size: 30px;}
  .location_advantage_container h2 {font-size: 28px;}
  .highlight_box span {right: 2%;font-size: 17px;}

  .about_developer_container h4.form_heading_2 {font-size: 20px;margin-bottom: 20px;}
  .about_developer_container img.img-fluid.form_img { width: 40px;}


  .custom_slider .right_top_col .project_logo_img { margin-top: 4px;}
  .custom_slider .right_top_col .timeline-item h3::before {left: -19%;}

  .pricestrip_container .box_custom p span {font-size: 17px;}

  .overview_container .container {max-width: 77%;}
  .overview_container { padding-top: 70px; padding-bottom: 70px;}

  .highlights_container .row.custom_row {padding-top: 10px; padding-bottom: 10px;}

  .location_advantage_container .row.custom_row { padding-top: 10px;padding-bottom: 10px;}

  .about_developer_content { padding-right: 50px;padding-top: 10px;}
  .about_developer_content h3 {font-size: 30px;}
  .input_group_box p {font-size: 16px;margin-bottom: 5px;}

  .about_developer_container::before {width: 45.7%;}

  .amenities_container.pre-main .container {
    max-width: 80%;
}
  .amenities_container.pre-main  .amenities-icon_main h4 {
    text-align: center;
    width: 100%;
    padding: 10px 0px;
    font-size: 1.2em;
}

.price_box .pp_img{
  max-width: 160px;
  bottom: 160px;
}

}

@media(max-width:1280px){
  .custom_navbar li.nav-item a {font-size: 15px;}
  .custom_slider .right_top_col .starting_price_heading {font-size: 16px;margin-top: 4px;padding-bottom: 3px;}
  .right_top_col p { font-size: 15px;margin-bottom: 9px;}
  .custom_slider .right_top_col .form_box { padding: 10px;margin-top: 3px;}
  .custom_slider .right_top_col .form_box .form-group {width: calc(50% - 5px); margin-bottom: 0px;}
  .overview_container .container {max-width: 85%;}
  .highlights_container .row.custom_row {padding-top: 10px;padding-bottom: 30px;}
  .location_advantage_container .row.custom_row {padding-top: 10px;padding-bottom: 30px;}
  .pricestrip_container .main_custom_2 a {font-size: 16px;}

}

@media(max-width:768px){
.offer-banner{position: unset;border-radius: 0;}
}

@media(max-width:600px){
    .d_sm_none{display:none!important;}
    .d_sm_block{display:block!important;}
    .custom_navbar {position: fixed;width: 100%;top: 0;z-index: 99;}
    .custom_navbar li.nav-item a {font-size: 16px;}
    .custom_navbar ul.navbar-nav { padding: 15px;}
    .custom_navbar .navbar-toggler{width:70%;justify-content:end;display:flex}
    .custom_navbar .navbar-brand:before{height: 70px;width: 275px;left:-23px;top:-20px}
    .custom_navbar  #collapsibleNavbar {margin-left: 0%;}
    nav.navbar.navbar-expand-md {padding: 2px;}

    .custom_slider .right_top_col {padding-top: 5px;padding-left: 10px;padding-right: 10px;}
    .custom_slider .right_top_col .top_bg_heading {top: 39%;right: -4%; font-size: 20px;letter-spacing: 6px;}

    .custom_slider {margin-top: 50px;}
    .custom_slider .right_top_col .location_heading { font-size: 15px;}

    .pricestrip_container .main_custom {flex-wrap: wrap;width: 100%;padding-bottom: 10px;}
    .pricestrip_container .box_custom {width: 50%;}
    .pricestrip_container .main-flex { display: block;}
    .pricestrip_container .main_custom_2 {width: 100%;padding: 7px;}
    .pricestrip_container .main-flex {padding-left: 0px;padding: 0px;padding-top: 10px;}
    .pricestrip_container .home-icon {width: 30px;padding: 5px;}
    .pricestrip_container .box_custom p span {font-size: 15px;}
    .pricestrip_container .box_custom p {font-size: 13px;margin-left: 8px;}

    .right_top_col {padding-top: 18px; padding-left: 15px; padding-right: 15px;}
 .pricelist_container h2::after {
    right: -35%;
    width: 33%;
}

    .floor_contianer h2::after {right: -79%;width: 57%;}
    .floor_contianer .container {max-width: 100%;}

    .overview_container .container { max-width: 100%;}
    .overview_container {padding:0px;padding-top: 40px;padding-bottom: 40px;}
    .overview_container h2 { font-size: 24px;}
    .overview_container h2::after {right: -90%;width: 75%;height: 2px;}
    .overview_container .btn-dowonload {     font-size: 14px;margin-bottom: 30px;}

    .highlights_container .row.custom_row { padding-left: 0px;}

    .pricelist_container .container {max-width: 100%;}
    .pricelist_container .col-sm-12.col-md-4.col-lg-4 {margin-bottom: 30px;}
    .pricelist_container {padding-top: 40px; padding-bottom: 10px;}
    .pricelist_container h2 { font-size: 18px;}

    .pricestrip_container .box_custom {width: 50%;padding-left: 15px;}
    .pricestrip_container {margin-top: 20px;}
    .pricestrip_container .box_custom i.fa.fa-home {font-size: 16px;}
    .pricestrip_container .main_custom_2 a {font-size: 15px;}    

    .main_custom {flex-wrap: wrap;width: 100%;padding-bottom: 10px;}
    .main-flex { display: block;}
    .main_custom_2 {width: 100%;padding: 7px;}
    .main-flex {padding-left: 0px;padding: 0px;padding-top: 10px;}

    .amenities_container h2::after {right: -70%;width: 60%;height: 4%;}
    .amenities_container .col-6.col-sm-12.col-md-3.col-lg-3 {padding: 0px;margin-bottom: 10px;}
    .amenities_container h2 {font-size: 26px;margin-bottom: 20px;}
    .amenities_container { padding: 0; padding-top: 30px; padding-bottom: 30px;}

    .box {position: relative;top: 20px;left: 0px;}

    .highlights_container h2 {font-size: 26px;}
    .highlights_container h2::after {height: 2px;}
    .highlights_container .left_col .col-sm-12.col-md-6.col-lg-6 {margin-bottom: 0px;}

    .location_advantage_container h2::after {right: -26%;width: 20%;}
    .location_advantage_container .row.custom_row {padding-left: 0px;}
    .location_advantage_container h2 {font-size: 25px;margin-bottom: 0px;}
    .location_advantage_container .left_col .col-sm-12.col-md-6.col-lg-6 {margin-bottom: 0px;}

    .gallery_container .container { max-width: 100%;}
    .gallery_container .custom_container {padding: 0 0px;}
    .gallery_container .Customslide {height: 20vh;flex: 1; margin: 3px; border-radius: 20px;}
    .gallery_container { padding-top: 30px; padding-bottom: 30px;}
    .gallery_container .Customslide{height:13vh;flex:unset;margin:10px;border-radius:20px;height: 16vh;flex:unset;margin:10px;width:43%;max-width:43%}
    .gallery_container .Customslide.active{flex:unset}
    .gallery_container .custom_container{width:100%;display:flex;flex-wrap:wrap}
    .gallery_container .Customslide:hover{flex-grow:unset}
    .gallery_container h3 {font-size: 26px;color: #336187;}
    .gallery_container h3::after {right: -90%; width: 75%;height: 4%;background-color: #366286;}

    .about_developer_container .footer_form {padding-top: 30px;padding-left: 0px;padding-right: 0px;left: 0%;}
    .about_developer_container .input_group_box {display: block;}
    .about_developer_container .form-group {width: 100%;}
    .about_developer_container::after {right: -130px;bottom: 0;width: 148%;height: 50%;}
    .about_developer_container::before {display:none;}

    .form_second_box .form-control {height: 36px!important;}

    .floor_contianer  .col-sm-12.text-center { text-align: left!important;}
    .floor_contianer {padding-top: 40px;padding-bottom: 39px;}

    .about_developer_content h3 {font-size: 26px;margin-bottom: 10px;}
    .about_developer_content h3::after {top: 48%; right: -40%;width: 30%;height: 2px;}
    .about_developer_container .container {padding: 0px;padding-top: 45px;padding-bottom: 20px;}
    .about_developer_container h4.form_heading_2 {font-size: 18px;text-align: center;margin-bottom: 3px;}
    .about_developer_container button.btn.btn_footer_form { padding: 9px 10px;font-size: 15px;}
    .about_developer_container .footer_form .form-group .form-control {height: 40px;font-size: 14px;}
    .about_developer_content {padding-right: 0px;padding-top: 10px;margin-bottom: 50px;}
    .input_group_box p {font-size: 14px;}

    .schedule-site-visit_box {padding: 10px;width: 100%;display: grid;}
    .schedule-site-visit_box .box_1 {width: 100%;}
    .schedule-site-visit_box .box_2 {width: 100%;}
    .schedule-site-visit_box .box_2 p {margin-bottom: 0!important;font-size: 17px; padding: 6px 5px;}
    .schedule-site-visit_box h2 {font-size: 18px;}
    .schedule-site-visit_box img.img-fluid.car_icon {width: 8%;}
    .schedule-site-visit_box img.img-fluid.mobile-icon_bottom { width: 6%;}

    h2.top_bg_heading { top: 35%;right: -5%;font-size: 24px;letter-spacing: 6px;}

    .last_footer { padding-bottom: 50px;}
    .mobile-section-1 {display: block;}
.main1 {
  display: block;
}
.main1 ul {
    width: 100%;
    margin-left: 10px;
}
.never-main h2 {
    font-size: 19px;
    }
.never-main h2::after {
    content: "";
    position: absolute;
    top: 71%;
    right: -7%;
    width: 37%;
    height: 3%;
    background-color: #FCF6BA;
}
.amenities_container.pre-main h2 {
    font-size: 18px;
    margin-bottom: 20px;
}
.amenities_container.pre-main h2::after {
    right: -35%;
    width: 33%;
    height: 4%;
}
.amenities_container.pre-main {
    padding: 0;
    padding-top: 30px;
    padding-bottom: 30px;
}
.never-main {
    margin-bottom: 47px;
}
.main1 li{
    font-size: 14px;
    padding-bottom: 8px;
}
.amenities_container.pre-main  .amenities-icon_main{
  margin-top: 10px;
  }
  .amenities_container.pre-main  .amenities-icon_main h4 {
    text-align: center;
    width: 100%;
    padding: 10px 0px;
    font-size: 1em;

}
.amenities_container.pre-main .mt-4 {
    margin-top: 0 !important;
}

.price_box .pp_img{
  right: -20px;
}
.pricelist_container.second-box{
  overflow-x: hidden;
}
.right_top_col .pp_patch{
  font-size: 14px;
}

.other_projects .price_list_box .contents{
  padding: 25px;
}

}


@media(max-width:390px){

  .about_developer_content h3 {font-size: 22px;}
  .location_advantage_container h2 {font-size: 20px;}
  .floor_contianer h2 {font-size: 21px;}
  .custom_navbar .navbar-toggler {width: 50%;}
  .highlights_container h2 { font-size: 22px;}
  .pricelist_container h4 {font-size: 18px;}
  .pricelist_container .pricelist_heading h4 {font-size: 16px;}

  .pricelist_container button.btn.btn_pricelist {padding: 2px 15px;}
  .schedule-site-visit_box .box_2 p {font-size: 14px;padding: 3px 5px;}
  .schedule-site-visit_box h2 {font-size: 14px;}
  .schedule-site-visit_box {padding: 4px;}
  .gallery_container .Customslide { width: 42%;max-width: 43%;}
  .custom_navbar .navbar-toggler img {width: 21%;}
  .custom_slider .right_top_col .top_bg_heading {right: 3%;font-size: 16px;letter-spacing: 8px;}
  .custom_slider .right_top_col .starting_price_heading { font-size: 15px;}
  .custom_slider .right_top_col .typologying_heading {font-size: 20px;}
  .custom_slider .right_top_col .location_icon {width: 13%;}
.custom_slider .right_top_col .location_heading {font-size: 14px;}

}

/* Try hovering and changing the height/width */

*,
*::before,
*::after {
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

/* body,
html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
} */

/* body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: black;
  margin: 0;
} */

#mz-gallery-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

#mz-gallery {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: calc(100% - 70px);
  height: calc(100% - 50px);
  max-height: 670px;
  max-width: 1900px;
  margin: 35px 0px;
  background-color: #211f22;
  background-image: radial-gradient(#bd8c83 1px, #211f22 1px);
  background-size: 40px 40px;
  border: 1px dotted #bd8c83;
  outline: 1px dotted #bd8c83;
  outline-offset: 20px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-padding: 0 0 0 55px;
  scroll-behavior: smooth;
  /* firefox scrollbar */
  scrollbar-color: #bd8c83 #222;
  scrollbar-width: auto;
  animation: background 300s linear infinite;
}

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

#mz-gallery::-webkit-scrollbar {
  height: 25px;
}

#mz-gallery::-webkit-scrollbar-track {
  background: transparent;
}

#mz-gallery::-webkit-scrollbar-thumb {
  background: #666;
}

#mz-gallery::-webkit-scrollbar-thumb:hover {
  background: #555;
}

#mz-gallery::-webkit-scrollbar-thumb:active {
  background: #444;
}

#mz-gallery::-webkit-scrollbar-button:single-button:horizontal:decrement {
  height: 25px;
  width: 80px;
  background-color: #bd8c83;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-box-arrow-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M6 12.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-8a.5.5 0 0 0-.5.5v2a.5.5 0 0 1-1 0v-2A1.5 1.5 0 0 1 6.5 2h8A1.5 1.5 0 0 1 16 3.5v9a1.5 1.5 0 0 1-1.5 1.5h-8A1.5 1.5 0 0 1 5 12.5v-2a.5.5 0 0 1 1 0v2z'/%3E%3Cpath fill-rule='evenodd' d='M.146 8.354a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L1.707 7.5H10.5a.5.5 0 0 1 0 1H1.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3z'/%3E%3C/svg%3E");
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
}

#mz-gallery::-webkit-scrollbar-button:single-button:horizontal:increment {
  height: 25px;
  width: 80px;
  background-color: #bd8c83;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-box-arrow-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M10 12.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v2a.5.5 0 0 0 1 0v-2A1.5 1.5 0 0 0 9.5 2h-8A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-2a.5.5 0 0 0-1 0v2z'/%3E%3Cpath fill-rule='evenodd' d='M15.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L14.293 7.5H5.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3z'/%3E%3C/svg%3E");
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
}

#mz-gallery::-webkit-scrollbar-button:single-button:horizontal:decrement:hover,
#mz-gallery::-webkit-scrollbar-button:single-button:horizontal:increment:hover {
  background-color: #bd8c83;
}

#mz-gallery::-webkit-scrollbar-button:single-button:horizontal:decrement:active,
#mz-gallery::-webkit-scrollbar-button:single-button:horizontal:increment:active {
  background-color: #bd8c83;
}

#mz-gallery figure {
  position: relative;
  margin: unset;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 80%;
  width: auto;
  min-height: 100px;
  margin-right: 60px;
  scroll-snap-align: start;
  transition: all 0.3s ease-in-out;
}

#mz-gallery figure:nth-child(1) {
  margin-left: 60px;
}

#mz-gallery figure div {
  position: absolute;
  width: 1%;
  height: 1%;
  background: transparent;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

#mz-gallery figure div:nth-child(3) {
  top: 0;
  left: 0;
  border-left: 1px dotted #bd8c83;
  border-top: 1px solid #bd8c83;
  border-radius: 15px 0px 0px 0px;
}

#mz-gallery figure div:nth-child(4) {
  top: 0;
  right: 0;
  border-top: 1px solid white;
  border-right: 1px solid white;
  border-radius: 0px 15px 0px 0px;
}

#mz-gallery figure div:nth-child(5) {
  bottom: 0;
  right: 0;
  border-right: 1px dotted #bd8c83;
  border-bottom: 1px solid #bd8c83;
  border-radius: 0px 0px 15px 0px;
}

#mz-gallery figure div:nth-child(6) {
  bottom: 0;
  left: 0;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  border-radius: 0px 0px 0px 15px;
}

#mz-gallery figure img {
  height: 100%;
  width: auto;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px,
    rgba(0, 0, 0, 0.22) 0px 10px 10px;
  border-radius: 5px;
  opacity: 0.9;
  filter: brightness(1);
  outline: 1px solid transparent;
  outline-offset: -40px;
  transition: all 0.3s ease-in-out;
}

#mz-gallery figure figcaption {
  position: absolute;
  color: transparent;
  font-size: 18pt;
  line-height: 24pt;
  font-weight: 500;
  padding: 0px 20px;
  text-align: center;
  width: 80%;
  height: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: radial-gradient(
    rgba(124, 252, 0, 0.7) 1px,
    rgba(0, 0, 0, 0.9) 1px
  );
  outline: 2px dotted transparent;
  outline-offset: 0px;
  background-size: 40px 40px;
  opacity: 0;
  border-radius: 100%;
  pointer-events: none;
  animation: background 100s linear infinite;
  transition: all 0.3s ease-in-out;
}

#mz-gallery figure:hover img {
  height: calc(100% - 40px);
  filter: brightness(1.5);
  border-radius: 10px;
  outline: 1px solid rgba(255, 255, 255, 0.8);
  outline-offset: 5px;
  transition: all 0.3s ease-in-out;
}

#mz-gallery figure:hover {
  padding: 0px 20px;
}

#mz-gallery figure:hover figcaption {
  opacity: 0.8;
  color: white;
  outline: 1px solid #bd8c83;
  outline-offset: -20px;
  text-shadow: 1px 1px 3px black, 0px 0px 5px black;
  transition: all 0.3s ease-in-out;
}

#mz-gallery figure:hover div {
  width: 25%;
  height: 25%;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 1145px) {
  #mz-gallery figure {
    scroll-snap-align: center;
  }
  #mz-gallery {
    scroll-padding: 0px 0px 0px 0px !important;
  }
}

@media (max-width: 610px) {
  #mz-gallery {
    max-height: 320px;
  }
  #mz-gallery figure {
    margin-right: 20px;
  }
  #mz-gallery figure:nth-child(1) {
    margin-left: 20px;
  }
}

@media (max-height: 425px) {
  #mz-gallery figure figcaption {
    font-size: 14pt;
    line-height: 20pt;
  }
}

@media (max-height: 340px) {
  #mz-gallery {
    background-size: 30px 30px;
    scroll-padding: 0 0 0 28px;
  }
  #mz-gallery figure {
    margin-right: 30px;
  }
  #mz-gallery figure:nth-child(1) {
    margin-left: 30px;
  }
  #mz-gallery figure figcaption {
    font-size: 12pt;
    line-height: 18pt;
    font-weight: 400;
    background-size: 30px 30px;
  }
}

@media (max-height: 280px) {
  #mz-gallery::-webkit-scrollbar {
    height: 20px;
  }
  #mz-gallery::-webkit-scrollbar-button:single-button:horizontal:decrement,
  #mz-gallery::-webkit-scrollbar-button:single-button:horizontal:increment {
    width: 80px;
    height: 20px;
    background-size: 15px;
  }
}

@media (max-height: 230px) {
  #mz-gallery figure figcaption {
    font-size: 10pt;
    line-height: 12pt;
  }
  #mz-gallery figure:hover figcaption {
    outline-offset: -10px;
  }
  #mz-gallery figure:hover img {
    outline-offset: 10px;
  }
}

@media (max-height: 165px) {
  #mz-gallery {
    scroll-padding: 0 0 0 18px;
    margin: 0px;
  }
  #mz-gallery figure {
    margin-right: 20px;
  }
  #mz-gallery figure:nth-child(1) {
    margin-left: 20px;
  }
}

/* touch screen devices */

@media (pointer: coarse) {
  #mz-gallery * {
    pointer-events: none;
  }
  #mz-gallery::-webkit-scrollbar {
    height: 35px;
  }
  #mz-gallery {
    scroll-snap-type: unset;
    scroll-padding: unset;
    scroll-behavior: unset;
  }
  #mz-gallery figure {
    scroll-snap-align: unset;
  }
  #mz-gallery figure figcaption {
    width: 100%;
    height: 30%;
    bottom: 0;
    opacity: 1;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    animation: unset;
    border-radius: 0;
    padding: 0px 15px;
    border-top: 1px solid #bd8c83;
  }
}

.gap-2 {
  margin-left: -20px;
  margin-right: -20px;
}

/* .col-lg-4 {
  box-sizing: border-box;
  flex-grow: 0;
  width: 33.3333333333%;
} */

.mb-2 {
  margin-bottom: 2rem;
}

.price-card-type1 {
  margin-bottom: 50px;
}


.price-card-type1 {
  padding: 0;
  background: #ffffff;
  box-shadow: 0.1rem 0.3rem 0.5rem rgba(0, 0, 0, 0.1);
  padding: 1rem;
  border-radius: 0.5rem;
  border: 0.01rem solid rgb(221, 221, 221);
  position: relative;
}

.price-card-type1 .price-card-body {
  padding: 1rem;
}

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


.price-card-type1 .btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  padding: 6px 12px;
  opacity: 0.8;
  background: #132b1b;
  color: #fff;
  letter-spacing: 0.5px;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 15px;
  font-weight: 700;
  border-radius: none;
}

.price-card-type1 .price-card-body button {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.btn {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: 0;
  padding: 1rem 2rem;
  border-radius: 0.5rem;
  background: #eee;
}


.price-card-type1 .floor-title {
  position: absolute;
  background: #be8d6c;
  color: #2f2f2f;
  margin: 0;
  padding: 6px 20px;
  font-size: 14px;
  text-transform: uppercase;
  height: 40px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  width: -moz-max-content;
  width: max-content;
  font-weight: 600;
}