@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

html{position: relative;min-height: 100%}
body {position: relative;overflow-x: hidden;font-family: 'Roboto';font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;}
.nav .open > a,.nav .open > a:hover,.nav .open > a:focus {background-color: transparent;}
.bi::before {
  display: inline-block;
  content: "";
  vertical-align: -.125em;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
}
.bi-chevron-down::before{content: "";background: url('../images/chevron-down.svg');width: 16px;height: 16px}
.bi-check-circle::before{content: "";background: url('../images/check-circle.svg');width: 16px;height: 16px}
header{}

.font13{font-size: 13px}
.br-0{border-radius: 0}
.br-5{border-radius: 5px}
.w-45{width: 45% !important}
.brt-5{border-radius: 5px 0 0 0;}
.bre-5{border-radius: 0 5px 0 0;}
.brb-5{border-radius: 0 0 5px 0;}
.brs-5{border-radius: 0 0 0 5px;}
.brr-5{border-radius: 0 5p 5px 0;}
.f600{font-weight: 600;font-size: 18px}
.b1-grey{border: 1px solid #e5e7eb}


/*---Naviagtion---*/
.navbar {padding: 0;}
.hamburger {position: relative;z-index: 10;display: block;width: 42px;height: 42px;margin-left: 15px;background: transparent;border: none;color: #fff;transition: all .35s ease;}
.hamburger.is-open{left: 205px;background: red;top: 0}
.hamburger:hover,.hamburger:focus,.hamburger:active {outline: none;}
.hamburger.is-closed .hamb-top,.hamburger.is-closed .hamb-middle,.hamburger.is-closed .hamb-bottom,.hamburger.is-open .hamb-top,.hamburger.is-open .hamb-middle,.hamburger.is-open .hamb-bottom {position: absolute;left: 0;height: 4px;width: 100%;}
.hamburger.is-closed .hamb-top,.hamburger.is-closed .hamb-middle,.hamburger.is-closed .hamb-bottom {background-color: #1a1a1a;}
.hamburger.is-open .hamb-top,.hamburger.is-open .hamb-middle,.hamburger.is-open .hamb-bottom {background-color: #fff;background: red;}
.hamburger.is-closed .hamb-top { top: 5px;-webkit-transition: all .35s ease-in-out;}
.hamburger.is-closed .hamb-middle {top: 50%;margin-top: -2px;}
.hamburger.is-closed .hamb-bottom {bottom: 5px; -webkit-transition: all .35s ease-in-out;}
.hamburger.is-closed:hover .hamb-top {top: 0;-webkit-transition: all .35s ease-in-out;}
.hamburger.is-closed:hover .hamb-bottom {bottom: 0;-webkit-transition: all .35s ease-in-out;}
.hamburger.is-open .hamb-top,.hamburger.is-open .hamb-middle,.hamburger.is-open .hamb-bottom {background-color: #1a1a1a;}
.hamburger.is-open .hamb-top,.hamburger.is-open .hamb-bottom {top: 50%;margin-top: -2px; }
.hamburger.is-open .hamb-top { -webkit-transform: rotate(45deg);-webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);}
.hamburger.is-open .hamb-middle { display: none;}
.hamburger.is-open .hamb-bottom {-webkit-transform: rotate(-45deg);-webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);}
.hamburger.is-open:before {content: '';display: block;width: 100px;font-size: 14px;color: #fff;line-height: 32px;text-align: center;opacity: 0;-webkit-transform: translate3d(0,0,0);-webkit-transition: all .35s ease-in-out;}
.hamburger.is-open:hover:before {opacity: 1;display: block;-webkit-transform: translate3d(-100px,0,0);-webkit-transition: all .35s ease-in-out;}
.overlay {position: fixed;display: none;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(250,250,250,.8);z-index: 1;}
#topNavBar .dropdown-menu{left: auto;right: 15px;top: 45px}

footer{background: #5e5e5e;}
footer ul li a{color: #fff;text-decoration: none;}
footer ul li a:hover{font-weight: 600;color: #fff}
/* The side navigation menu */
.sidenav {height: 100%;width: 0;position: fixed;z-index: 20;top: 0;left: 0;background-color: #111;overflow-x: hidden;padding-top: 60px;transition: 0.5s;}
#mySidenav.open{width: 100%;}
#mySidenav.closeButton{width: 0}
.sidenav a {padding: 8px 8px 8px 32px;text-decoration: none;font-size: 25px;color: #818181;display: block;transition: 0.3s;}
.sidenav a:hover {color: #f1f1f1;}
.sidenav .closeButton {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;}
#main {transition: margin-left .5s;padding: 20px;}
@media screen and (max-height: 450px) {.sidenav {padding-top: 15px;}.sidenav a {font-size: 18px;}}
.action_btns a.action_btn1{background-color: #556ee6;color: #fff;border:1px solid #556ee6;padding:8px 12px;margin:0px 4px;border-radius:4px 0px 0px 4px;display: inline-block;}
.action_btns .action_btn2{background-color: #74788d;color: #fff;border:1px solid #74788d;padding:8px 12px;margin:0px 4px;border-radius:0px 4px 4px 0px;display: inline-block;}
.action_btns .action_btn3{background-color: #556ee6;color: #fff;border:1px solid #556ee6;padding:8px 12px;margin:0px 4px;border-radius:4px 0px 0px 4px;display: inline-block;}
.dropstart .dropdown-toggle::before{content: none;}
.explore-all-btn{background: #f37422;color: #fff;padding: 10px 30px;border-radius: 4px;font-weight: 600}
.explore-all-btn:hover{color: #fff;background: #f46509}

.home-banner{background:#2a5db6;}
#type-check{text-align: left;margin-bottom: 0}
#type-check input[type="radio"]{display: none;}
#type-check input[type="radio"]+label{display: inline-block;color: #555;background: #fff;padding: 8px 20px;border-bottom: 4px solid #fff;cursor: pointer;border-right: 1px solid #a9b1bf}
#type-check input[type="radio"]:checked+label{border-color: orange;color: #222;font-weight: 500}
#type-check .list-inline-item{margin-right: -4px}
#home-search .form-control,#home-search .form-select{padding: 12px 6px}
.home-search-btn{background: #f37422;color: #fff;border-radius: 0 5px 5px 0;border:0 none;padding: 13px 0}

.top-banner{background: #2a5db6;color: #fff;}

.pointer-item p{margin-left: 15px}
.pointer-item span{font-size: 20px;font-weight: 600;display: block;}


.search-filter{background: #E1E1E1}
.property-list{background: #f5f5f5}
.property-list-item{border: 1px solid #D3D3D3;padding: 15px;background: #fff;position: relative;border-radius: 8px}
.property-list-item h3{font-size: 20px;line-height: initial;margin-bottom: 0}
.property-list-item .list-inline{border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd}
.property-list-item .list-inline-item:not(:last-child){padding: 8px 24px;}
.property-list-item .list-inline p{font-size: 18px;font-weight: 600}
.property-list-item .list-inline span{font-size: 14px;}
.property-list-item  .rel-info span{font-size: 14px;padding: 0 24px;display: inline-block;position: relative;}
.property-list-item  .rel-info span:before{content: "";border-left: 1px solid #555;position: absolute;display: block;height: 100%;left: 0}
.property-list-item  .rel-info span:first-child:before{border-left: 0}
.property-list-item  .rel-info span:first-child{padding-left: 0}
.property-list-item .rera-approved{position: absolute;top: 10px;right: 15px;color: #fff;background: #a73d31;padding: 4px 12px;font-size: 12px}

.resident-type-item{margin-bottom: 30px}

.filters_container{background:#ebebeb;margin: 4px;position: relative;z-index: 10}
.filters_container::before{content: "";width: 0px;height: 0px;top: calc(50% - 8px);left: 0;position: absolute;border-style: solid;border-width: 8px 0 8px 16px;border-color: transparent transparent transparent #e1e1e1;transform: rotate(0deg);display: block;}.filters_container:after{content: "";background: #ebebeb;width: 100%;left: 100%;display: block;position: absolute;height: 100%;top: 0;}
.filters_container .filter_div p{font-family: sans-serif;color: #000;}
.bootstrap-select>.dropdown-toggle {width: 160px;font-size: 16px;height: 30px;appearance: auto;color: #111!important;background: #eef2f5;border: 1px solid #ced4da;padding:4px 6px;border-radius: 4px;}
.bootstrap-select>.dropdown-toggle:focus{box-shadow: none;outline: none!important}
.filter_btn{background-color: #ebebeb;color: #111;border:0 none;font-size: 16px;padding: 4px;border-radius: 4px;display: flex;justify-content: space-between;}
.filter_btn .bi{margin: 0px 0px 0px 4px;}
.btn_dropbox{min-width: 160px;width: 170px;display: none;position: absolute;border:1px solid rgba(0,0,0,.125);background: #fff;}
.btn_dropbox .check_box_div{padding: 6px;}
.btn_dropbox .check_box_div .form-check,
.accordion-body .form-check{display: flex;align-items: center;background-color: #fff;}
.btn_dropbox .check_box_div .form-check:not(:last-child){border-bottom: 1px dashed #bcd7e5!important;padding: 2px 25px 6px;}
.btn_dropbox .form-check input,.accordion-body .form-check input{width:12px;height: 12px;border-radius: 0px;margin-right: 8px;}
.btn_dropbox .form-check input:focus,.accordion-body .form-check input:focus{box-shadow: none;}
.btn_dropbox .form-check label,.accordion-body .form-check label{font-size: 14px;width: 100%}
.filter_div2 .form-check-input:checked[type=radio]{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");}
.accordion-item{border:none;border-bottom: 1px solid rgba(0,0,0,.125)}
.accordion-button{font-size: 12px;padding: 6px 4px 6px 20px;background-color: #fbfbfb}
.accordion-button::after{background-image:url(../images/plus-circle.svg);width: 12px;height: 12px;background-size: 12px;position: absolute;left: 4px;}
.accordion-button:not(.collapsed)::after{background-image: url(../images/dash-circle.svg);}
.accordion-button:focus{box-shadow: none;background-color: #fbfbfb;}
.accordion-body{padding: 6px}
.filter_div3 .btn_dropbox{max-height: 180px;overflow-y: scroll;}
.filter_div3 .btn_dropbox::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:#F5F5F5;}
.filter_div3 .btn_dropbox::-webkit-scrollbar{width: 5px;background-color:#F5F5F5;}
.filter_div3 .btn_dropbox::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#055D9C;}
.contact-sellers h3, .top-projects h3{color: #2a2f77;font-size: 18px}
.contact-sellers, .top-projects{border: 1px solid #cccccc;border-radius: 8px}
.aside-btn{padding: 12px 24px;color: #111;background: #efefef;text-decoration: none;border-radius: 20px;font-weight: 600;display: inline-block;}

.our-strengths{color: #fff;background: #485d80;}
.about-contact{background: #f37422}


.contactForm .form-control{padding: 15px 20px;border-radius: 8px;border: 1px solid #707070;background: #f5f5f5}
.contact-block .form-check-label{font-size: 13px;color: #888;width: calc(100% - 25px);margin-left: 5px}
.btn-submit{background: #f37422;color: #fff;border-radius: 4px;padding: 8px 36px;font-weight: 500;width: auto;margin: 10px auto;border: 1px solid #f37422;}
.contact-block h3{font-size: 20px}
.contact-block p{color: #666}

.project-banner{height: 480px;overflow: hidden;}
.project-banner img{width: 100%}
.gallery{height: 480px;overflow: auto;}
.gallery-modal-btn{position: absolute;right: 30px;bottom: 30px;display: block;padding: 12px 36px;background: #fff;text-decoration: none;color: #212121;text-transform: uppercase;font-weight: 600}
.property-info-item{text-align: center;position: relative;border-left: 1px solid #e5e7eb}
.property-info-item span{display: block;}
.content-tabs-block,.fixed_header{border-top: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;}
.content-tabs-block .nav-link,.fixed_header .nav-link{border: 0 none;background: transparent;color: #212121;font-weight: 600;padding: 8px 24px;}
.content-tabs-block .nav-link.active,.fixed_header .nav-link.active{color: #fd4100;border-bottom: 4px solid #fd4100}
.detail-content{background: #efefef}
.content-block{}
.tab-content{background: #fff;color: #333;}
.property-title{font-size: 24px}
.tab-content h2{font-size: 22px}
.location{}
.contact-now-btn{background: #f37422;color: #fff;padding: 12px 24px;font-size: 18px;font-weight: 600;border:2px solid #f37422;border-radius: 25px;}
#floor-plan img{display: block;margin: 0 auto}





@media all and (max-width:576px){
  #type-check input[type="radio"]+label{font-size: 14px;padding: 8px 16px}
  .gallery{height: 300px}
}