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

:root {--theme-main2: #6a1d5e;--theme-main: #FFA920;--dark-grey: #3d3d3d;}
*{margin: 0;padding: 0;box-sizing: border-box;}
h1,h2,h3,h4,h5,h6,p,label,a,select,input,textarea,button,li,th,td,span{  font-family: "Montserrat", serif;}
.container {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-right: auto;
    margin-left: auto;
}
.row {--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display: flex;flex-wrap: wrap;margin-right: -15px;margin-left: -15px}
.row>* {flex-shrink: 0;width: 100%;max-width: 100%;padding-right: 15px;padding-left: 15px;margin-top: var(--bs-gutter-y)}
.align-items-center {align-items: center !important;}
.text-center{
    text-align: center;
}
.ptb-70{
    padding-top: 70px;
    padding-bottom: 70px;
}
.mb-30{
    margin-bottom: 30px;
}
.mb-20{
    margin-bottom: 20px;
}
.mb-10{
    margin-bottom: 10px;
}
.mt-30{
    margin-top: 30px;
}
.mt-20{
    margin-top: 20px;
}
.mt-10{
    margin-top: 10px;
}
span.divider {
    display: block;
    background: var(--theme-main2);
    padding: 2px;
    max-width: 100px;
    margin: 20px auto 0;
}
.commonheadingh2 {
    font-size: 2rem;
    line-height: 1.4;
    margin-bottom: 20px;
    color: #161616;
}


.commonheadingh3 {
    color: var(--theme-main2);
    font-size: 1.8rem;
    line-height: 1.4;
    margin-bottom: 20px;
}

p {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 20px;
    font-weight: 500;
    color: #545454;
}
@media (min-width: 576px) {
    .container,.container-sm {max-width:100%;        padding-left: 30px;
        padding-right: 30px;}
}
@media (min-width: 768px) {
    .container,.container-md,.container-sm {max-width:720px}
    .col-md-3 {flex: 0 0 auto;width: 25%;}
    .col-md-4 {flex: 0 0 auto;width: 33.33333333%;}
    .col-md-5 {flex: 0 0 auto;width: 41.66666667%;}
    .col-md-6 {flex: 0 0 auto;width: 50%;}
    .col-md-7 {flex: 0 0 auto;width: 58.33333333%;}
    .col-md-8 {flex: 0 0 auto;width: 66.66666667%;}
}
@media (min-width: 992px) {
    .container,.container-lg,.container-md,.container-sm {max-width:960px}
    .col-lg-3 {flex: 0 0 auto;width: 25%;}
    .col-lg-4 {flex: 0 0 auto;width: 33.33333333%;}
    .col-lg-5 {flex: 0 0 auto;width: 41.66666667%;}
    .col-lg-6 {flex: 0 0 auto;width: 50%;}
    .col-lg-7 {flex: 0 0 auto;width: 58.33333333%;}
    .col-lg-8 {flex: 0 0 auto;width: 66.66666667%;}
}
@media (min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl { max-width:1150px}
}
@media (min-width: 1350px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl { max-width:1280px}
}
.img-fluid {max-width: 100%;height: auto;}
/* header */
header.header_warrper.fixed {
    position: fixed;
    top: 0;
    background: #fff;
    z-index: 999;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 10%);
}

header.header_warrper {
    position: absolute;
    top: 30px;
    z-index: 9;
    width: 100%;
    transition: all 0.5s ease;
}
.headerBoxPo {display: flex;justify-content: space-between;align-items: center;padding: 12px 14px;gap: 30px;background: #fff;border-radius: 7px;}
.logo_main {max-width: 220px;margin-bottom: -5px;}
button.mobile_humbarger {display: none;}
.menuList ul li {display: inline-block;margin-right: 30px;}
.menuList ul li a {
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    color: #232323;
    padding: 20px 0;
    transition: 0.5s ease;
}

.menuList > ul > li:hover > a{
    color: var(--theme-main);
}
ul.dropdown-menu {
    margin-top: 22px;
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 300msease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300msease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    background-color: #f1f1f1;
    border-radius: 16px;
    pointer-events: none;
    box-shadow: 0px 20px 25px 0px rgb(5 5 5 / 31%);
}
ul.dropdown-menu:before {
    content: "";
    position: absolute;
    bottom: calc(100% - 14px);
    left: 45px;
    border-top: 20px solid #efefef;
    border-right: 20px solid transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.grid-box{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 25px;
    padding: 20px;
}
li.dropdown:hover ul.dropdown-menu  {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.menuList ul li:last-child {
    margin-right: 0;
}
.bestLead:hover {
    background: var(--theme-main2);
}
.bestLead {
    background: var(--theme-main);
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    border: none;
    padding: 12px 19px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.5s ease;
}

nav.menuList {
    position: relative;
}
li.dropdown > a:after {
    content: "\f107";
    font-family: fontawesome;
    margin-left: 6px;
}
ul.dropdown-menu li {
    margin: 0;
    text-align: center;
}

ul.dropdown-menu li img {
    border-radius: 7px;
    margin-bottom: 10px;
}


/* Banner */
.videoWarpper video {
    width: 100%;
    max-height: 750px;
    object-fit: cover;
    margin-bottom: -4px;
}
.home-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 9;
    max-width: 810px;
    width: 100%;
    text-align: center;
}

.videoWarpper {
    position: relative;
}

.videoWarpper:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    top: 0;
    left: 0;
    opacity: 0.5;
}

.home-content h1 {
    font-size: 3.5rem;
    color: #fff;
    text-shadow: 0px 5px 7px #000;
}
a.downarrow{position:absolute;bottom:0;z-index:99;left:50%;transform:translate(-50%,-50%);width:55px;height:55px;border:2px solid #eee;text-align:center;border-radius:50%;line-height:70px;animation:2s linear infinite up-down}@keyframes up-down{0%,100%{bottom:60px}24%,74%{bottom:40px}50%{bottom:20px}}@-moz-keyframes up-down{0%,100%{bottom:60px}24%,74%{bottom:40px}50%{bottom:20px}}@-webkit-keyframes up-down{0%,100%{bottom:60px}24%,74%{bottom:40px}50%{bottom:20px}}@-o-keyframes up-down{0%,100%{bottom:60px}24%,74%{bottom:40px}50%{bottom:20px}}@-ms-keyframes up-down{0%,100%{bottom:60px}24%,74%{bottom:40px}50%{bottom:20px}}

/* About US */
.aboutcontent{
    padding-left: 25px;
}
.bg-grey{
    background: #f0f0f0;
}
.tab-content {
    display: none; /* Hide all tabs initially */
    margin-top: 10px;
}
.tab-content.active {
    display: block; /* Show active tab */
}
.propertyBoxwarp {
    background-color: #fff;
    position: relative;
    box-shadow: 0px 4px 26px 0px rgba(66, 71, 76, 0.0784313725);
    padding: 16px;
    border-radius: 16px;
    margin-bottom: 30px;
    text-align: left;
}

.image-group {
    position: relative;
}

.image-group .featured {
    line-height: normal;
    position: absolute;
    top: 13px;
    left: -6px;
    padding: 1px 1px 1px 8px;
    text-transform: capitalize;
    color: #fff;
    z-index: 9;
    background-color: var(--theme-main);
    height: 20px;
    font-size: 13px;
    font-weight: 600;
}
.image-group .featured::before {
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    border-top: 6px solid  var(--theme-main);
    border-left: 6px solid transparent;
}
.image-group .featured::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translateY(-50%);
    right: -10px;
    width: 50%;
    height: 101%;
    background: var(--theme-main);
    clip-path: polygon(70% 0, 100% 50%, 70% 100%, 0% 100%, 0 50%, 0% 0%);
    z-index: -1;
}

.image-group  .featured.salesbox {
    top: 46px;
    background: var(--theme-main2);
}
.image-group .featured.salesbox::before {
     border-top: 6px solid var(--theme-main2);
}
.image-group  .featured.salesbox::after {
        background: var(--theme-main2);
}

.image-group img {
    width: 100%;
    max-height: 210px;
    object-fit: cover;
    border-radius: 10px;
}

.propertyBoxwarp .content {
    padding: 12px 0;
}

.propertyBoxwarp .content .link-style-1 a {
    color: #120A21;
    text-decoration: none;
    font-size: 18px;
    transition: all 0.5s ease;
    display: block;
    margin-bottom: 3px;
}

.propertyBoxwarp .content .link-style-1 a:hover {
    color: var(--theme-main);
}

.propertyBoxwarp .content ul {
    list-style: none;
}

.propertyBoxwarp .content ul li:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: var(--theme-main2);
    transform: rotate(45deg);
    left: 0;
    top: 5px;
}

.propertyBoxwarp .content ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
}

.pricebox {
    border-top: 1px solid #eee;
    padding: 14px 0 0;
    display: flex;
    justify-content: space-between;
}

.pricebox h4 {
    font-size: 24px;
    color: var(--theme-main2);
}

.tabs_warpper .tabs a {
    padding: 12px 35px;
    display: inline-block;
    margin: 0px 6px;
    background: #ffffff;
    color: #363636;
    text-decoration: none;
    font-weight: 600;
    border-radius: 7px;
    border: 1px solid #e2e2e2;
    transition: all 0.4s ease;
}
.swiper-button-next, .swiper-button-prev {
    width: 40px;
    height: 40px;
    background: rgb(0 0 0 / 59%);
    border-radius: 50px;
    top: 35%;
}

.swiper.projectsldie {
    padding: 0 26px;
}

.propertyBoxwarp .content ul li:last-child {
    margin-bottom: 5px;
}

.commonbutton {
    background: var(--theme-main);
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 600;
    color: #010101;
    transition: all 0.5s ease;
    cursor: pointer;
}

.commonbutton:hover {
    background: var(--theme-main2);
    color: #fff;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 19px;
    color: #fff;
}

.swiper-button-next {
    right: 1px;
}
.tabs_warpper .tabs a.active {
    background: var(--theme-main2);
    color: #fff;
}
.swiper-button-prev {
    left: 0px;
}
/* Modal Content */

.modal_formPoup {
    position: fixed;
    top: 0;
    background: rgb(0 0 0 / 65%);
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.modal_formPoup.active {
    display: flex;
}

.contact_usWith {
    background: #fff;
    padding: 25px;
    border-radius: 17px;
    max-width: 630px;
    position: relative;
}

h3.heading-style-h4 {
    font-size: 24px;
    text-align: center;
    padding: 0 20px 20px;
    margin-bottom: 27px;
    border-bottom: 1px solid #d2d2d2;
}

button.close_popup {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #747474;
    background: transparent;
    color: #000;
    font-size: 22px;
    font-weight: 700;
    cursor: pointer;
}

.contactBootom label {
    color: #131313;
    margin-bottom: .5rem;
    font-weight: 600;
    display:block;
}
.contactBootom .form-group input, .contactBootom .form-group select {
    height: 45px;
    outline: none;
}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.contactBootom .col-md-6 {
    padding: 0 6px;
}

.contactBootom .row {
    padding: 0 16px;
}

.form-group {
    margin-bottom: 20px;
}
.form-group.contact_number {
    display: flex
;
}
.form-group.contact_number select {
    width: 92px;
    font-size: 14px;
    border: 1px solid #dee2e6;
    border-bottom-right-radius: 0;
    border-right: none;
}

.form-group.contact_number input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.contactBootom .col-md-12 {
    padding: 0 7px;
}

.contactBootom .col-md-12 button.send_btn.btn {
    width: 100%;
    padding: 13px;
    font-size: 16px;
    font-weight: 700;
    background: var(--theme-main);
    border: none;
    transition: all 0.5s ease;
    border-radius: 5px;
    cursor: pointer;
}

.contactBootom .col-md-12 button.send_btn.btn:hover {
    background: #000;
    color: #fff;
}
.propertyBoxwarp.row_two {
    display: grid;
    grid-template-columns: 170px 1fr;
    gap: 25px;
}

.propertyBoxwarp.row_two img {
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.propertyBoxContent a {
    text-decoration: none;
    color: #242424;
    font-size: 18px;
    display: block;
    padding: 0px 0  10px;
}

.propertyBoxContent  li {
    font-size: 14px;
    list-style: none;
    margin-bottom: 9px;
    color: #4e4e4e;
}

.propertyBoxContent .commonbutton {
    padding: 8px 20px;
    background: #454545;
    color: #fff;
}
.fillterinput {
    text-align: center;
    margin-bottom: 30px;
}

.fillterinput input {
    padding: 14px 30px;
    display: block;
    font-size: 16px;
    border-radius: 50px;
    border: 1px solid #cecece;
    min-width: 500px;
    margin: 0 auto;
}

ul#locationList {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 16px;
    list-style: none;
    margin-bottom: 20px;
}

ul#locationList li a {
    border: 1px solid #d1d1d1;
    padding: 13px 6px;
    text-align: center;
    text-decoration: none;
    color: #000;
    font-weight: 500;
    display: block;
    border-radius: 6px;
    background: #e2e2e2;
    transition: all 0.5s ease;
}

button,a{  cursor: pointer;}
ul#locationList li a:hover {
    background: var(--theme-main2);
    border-color: var(--theme-main2);
    color: #fff;
}

ul#locationList .hidden {
    display: none;
}
.btn-container button {
    width: 100%;
    padding: 13px;
    height: 100%;
    border-radius: 7px;
    border: 1px solid #ffa920;
    font-size: 16px;
    font-weight: 500;
    background: #ffd799;
}
ul#locationList button#showLess {
    background: #efcfeb;
    border-color: #bd7cb3;
    color:var(--theme-main2);
}
.clientlogo {
    border: 1px solid #dbdbdb;
    padding: 20px;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 40px;
    min-height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.clientlogo img {
    max-height: 60px;
    margin: 0 auto;
}
.PopularSearches {
    background: #fff1da;
}

.searchboxPopBox {
    background: #fff;
    height: 100%;
    border-radius: 15px;
    box-shadow: 0px 5px 19px rgb(0 0 0 / 10%);
    text-align: center;
    overflow: hidden;
}

.searchboxPopBox h3 {
    font-size: 22px;
    color: #141414;
    margin-bottom: 20px;
    padding: 16px 10px;
    background: var(--theme-main);
    font-weight: 700;
}

.searchboxPopBox li {
    margin-bottom: 14px;
    list-style: none;
    border-bottom: 1px solid #eee;
    padding-bottom: 14px;
}

.searchboxPopBox li a {
    color: #484848;
    text-decoration: none;
    font-weight: 500;
}

.searchboxPopBox ul {
    max-height: 370px;
    overflow-y: auto;
}
.iconBox {
    width: 110px;
    margin: 0 auto;
    height: 110px;
    background: var(--theme-main2);
    border-radius: 50%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.iconBox img {
    max-height: 55px;
    filter: brightness(0) invert(1);
}

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

.thumb-zoomer h4 {
    margin: 20px 0 10px;
    font-size: 17px;
}

.thumb-zoomer p {
    font-size: 14px;
}
.contactform {
    padding: 100px 100px;
    background-position: center center !important;
    background-attachment: fixed !important;
}
.fromContact {
    background: #fff;
    max-width: 640px;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0px 5px 16px #000;
    margin-left: auto;
}

.fromContact h3 {
    font-size: 30px;
    margin-bottom: 10px;
}


.fromContact label {
    margin-bottom: 8px;
    display: block;
    font-weight: 500;
    color: #414141;
}

.fromContact input,.fromContact select {
    height: 46px;
    border: 1px solid #c6c6c6 !important;
    border-radius: 5px;
}

.form-group textarea {
    width: 100%;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    min-height: 90px;
}

footer {
    background: #222222;
    padding: 90px 0;
}

footer h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid #625643;
    padding-bottom: 18px;
    margin-bottom: 21px;
    text-transform: uppercase;
}

.menuFooterBox {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}

.menuFooterBox  a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}

.menuFooterBox li {
    margin-bottom: 13px;
    list-style: none;
}

footer p {
    color: #d9d9d9;
    font-size: 14px;
}

.copyrightBox {
    background: #171717;
}

.copyrightBox p {
    color: #fff;
    padding: 13px;
    margin-bottom: 0;
}
button.send_btn.btn.commonbutton {
    font-size: 18px;
    width: 100%;
    padding: 17px;
}
.FootermenuList .box.hover-img {
    display: grid;
    grid-template-columns: 70px 1fr;
    margin-bottom: 13px;
    padding-bottom: 13px;
    gap: 20px;
}

.FootermenuList .box.hover-img img {
    width: 100%;
}

.FootermenuList .box.hover-img h3.link-style-1 {
    font-size: 14px;
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

footer .col-lg-4 {
    padding-right: 60px;
}
header.header_warrper.innerpage {
    position: relative;
    top: 0;
    border-bottom: 1px solid #eee;
}

header.header_warrper.innerpage.fixed {
    position: fixed;
}
.breadcrum {
    background: #eee;
    padding: 20px;
}

ul.breadcrumb {
    display: flex;
    list-style: none; 
}

section.breadcrum li:before {
    padding: 8px;
    color: rgba(0, 0, 0, .6);
    content: "/\00a0";
}

section.breadcrum li:nth-child(1):before {
    display: none;
}

ul.breadcrumb li {font-weight: 500;font-size: 15px;}

header.header_warrper.innerpage .headerBoxPo {
    padding-left: 0;
    padding-right: 0;
}
ul.breadcrumb li a {
    text-decoration: none;
    color: var(--theme-main2);
    font-weight: 700;
}
.tilebody {
    box-shadow: 0px 7px 10px rgb(0 0 0 / 5%);
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 30px;
    background: #fff;
    border: 1px solid #d9d9d9;
    font-family: "Montserrat", serif;
}

.projectlistInner {
    background: #f7f7f7;
}

.tileFlexBox {
    display: grid;
    grid-template-columns: 210px 1fr;
    gap: 25px;
    padding: 16px;
}
.tileFigure {
    position: relative;
}

.tileFigure img {
    border-radius: 13px;
    height: 100%;
    object-fit: cover;
}
.tileFigureBody .projectName a {
    font-size: 18px;
    font-weight: 700;
    color: #281f40;
    white-space: nowrap;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    display: inline-block;
}

span.locationName {
    font-size: 15px;
    display: block;
    margin-bottom: 13px;
}

.priceprobes {
    color: var(--theme-main2);
    line-height: normal;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px;
}
.tileDesc {
    margin-top: 5px;
    display: block;
    position: relative;
    text-align: justify;
    font-size: 13px;
    padding: 0 20px;
    color: #4c4c4c;
    line-height: 1.5;
}

.ctaBox {
    text-align: right;
    padding: 3px 22px 14px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.ctaBox .btn {
    padding: 8px 16px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 5px;
    border: 1px solid #64b161;
    background: transparent;
    transition: all 0.3s ease;
}
.ctaBox .ico-whatsapp {
    background-size: 250px;
    background-position: -120px -7px;
    width: 25px;
    height: 25px;
}
.ctaBox .ico-call {
    background-size: 150px;
    background-position: -95px -4px;
    width: 14px;
    height: 16px;
}

button.btn.btn-whatsapp {
    color: #64b161;
}

.ctaBox .btn.btn-primary {
    background: var(--theme-main2);
    padding:  11px 16px;
    color: #fff;
    border-color: var(--theme-main2);
}

.ctaBox .btn:hover {
    box-shadow: 0px 4px 5px #bdbdbd;
}
.shortInfoBox {
    margin-top: 7px;
    border-radius: 8px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.07);
    border: solid 1px #e5e5e5;
    background: #fff;
}
.shortInfoSec {
    padding: 7px 13px 7px 68px;
    display: flex
;
    display: -webkit-flex;
    justify-content: space-between;
    position: relative;
    min-height: 63px;
}
.shortInfoSec em {
    width: 42px;
    height: 42px;
    border-radius: 100%;
    display: flex
;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 13px;
    top: 9px;
}
.tileTagBox {
    display: flex
;
    display: -webkit-flex;
    overflow: auto;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
}
.icon {
    background: url(../../assets/images/project-tile-icons-v2.svg) no-repeat left top;
    display: block;
}
.shortInfoBox .ico-project-size {
    background-size: 300px;
    background-position: -48px -4px;
}
.shortInfoBox .ico-config {
    background-size: 301px;
    background-position: -93px -4px;
}
.shortInfoBox .ico-featured {
    background-size: 288px;
    background-position: -95px -45px;
    width: 88px;
}
.tileTagBox .ico-featured {
    background-size: 288px;
    background-position: -95px -45px;
    width: 88px;
}
.tileTagBox em {
    flex: none;
    height: 24px;
    display: flex
;
    display: -webkit-flex;
}
.shortInfoBody .label {
    color: #666;
    font-size: 14px;
    display: block;
    font-weight: 600;
    margin-bottom: 4px;
}
.shortInfoSec ul.value {
    display: flex
;
    display: -webkit-flex;
    align-items: center;
    flex-wrap: wrap;
}
.shortInfoSec .value {
    margin-top: 3px;
    color: #333;
    font-size: 12px;
    display: block;
    line-height: 18px;
    list-style: none;
}
.shortInfoSec ul.value li::before {
    content: '';
    background: #c3c3c3;
    position: absolute;
    top: 6px;
    right: -12px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
}
.shortInfoSec ul.value li {
    position: relative;
    margin-right: 20px;
}

.shortInfoSec ul.value li:last-child::before {
    display: none;
}
.sidecontactForm {
    background: #1d426a;
    padding: 30px;
    border-radius: 12px;
    position: sticky;
    position: --webkit-sticky;
    top: 80px;
}

.sidecontactForm h3 {
    color: #fff;
}
.sidecontactForm p {
    color: #eee;
    font-size: 14px;
    padding: 10px 0;
    line-height: 1.5;
}

.sidecontactForm  label {
    color: #fff;
    margin-bottom: 5px;
    display: block;
    font-size: 14px;
    font-weight: 500;
}

.sidecontactForm input,.sidecontactForm select {
    height: 43px;
    border-radius: 2px;
}
@media(max-width:1349px){
    .logo_main {
        max-width: 200px;
    }
    .bestLead {
        font-size: 16px;
        padding: 12px 5px;
    }
    .menuList ul li {
        margin-right: 21px;
    }
    p {
        font-size: 15px;
        line-height: 1.6;
        margin-bottom: 16px;
    }
    .commonbutton {
        padding: 10px 14px;
        font-size: 15px;
    }
    .propertyBoxwarp .content ul li {
        font-size: 15px;
    }
}
@media(max-width:1199px){
    header.header_warrper {
        z-index: 99;
    }
    .loginHeader {
        display: flex;
        align-items: center;
        gap: 20px;
    }
    .menubar {
        position: fixed;
        left: 0;
        width: 100%;
        top: 0px;
        height: 100%;
        background: #fff;
        min-height: 100vh;
        padding-top: 90px;
        display: none;
    }
    .bestLead {
        font-size: 16px;
        padding: 12px 20px;
    }
    .menuList ul li{display: block;}
    .menuList ul li a{
        display: block;
        border-bottom: 1px solid #d3d3d3;
        padding: 14px 30px;
        text-align: left;
    }
    .mobile_humbarger  {
      width: 70px;
      height: 47px;
      transition-duration: 0.5s;
      display: block !important;
      position: relative;
      background: transparent;
      border: none;
      padding: 0;
      margin-right: -10px;
      margin-top: -12px;
    }
    .mobile_humbarger span {
      transition-duration: 0.5s;
      position: absolute;
      height: 5px;
      width: 40px;
      top: 25px;
      background-color: #212121;
      left: 0;
    }
    .mobile_humbarger span:before {
      transition-duration: 0.5s;
      position: absolute;
      width: 40px;
      height: 5px;
      background-color: #212121;
      content: "";
      top: -13px;
      left: 0;
    }
    .mobile_humbarger span:after {
      transition-duration: 0.5s;
      position: absolute;
      width: 40px;
      height: 5px;
      background-color: #212121;
      content: "";
      top: 13px;
      left: 0;
    }
    .mobile_humbarger.open span {
      transition-duration: 0.5s;
      background: transparent;
    }
    .mobile_humbarger.open span:before {
      transform: rotateZ(45deg) scaleX(1.25) translate(3px, 13px);
      left: 16px;
      top: -10px;
    }
    .mobile_humbarger.open span:after {
      transform: rotateZ(-45deg) scaleX(1.25) translate(12px, -12px);
      left: 8px;
      top: 19px;
    }
    .mobile_humbarger:hover {
      cursor: pointer;
    }
    header.header_warrper.active .logo_main {
        position: fixed;
        z-index: 9;
        left: 30px;
        top: 30px;
    }
    header.header_warrper.active .menubar{display: block;}
    header.header_warrper.active  .loginHeader {
        position: fixed;
        right: 30px;
        top: 15px;
    }
    ul.dropdown-menu {
        margin-top: 0;
        position: relative;
        box-shadow: none !important;
        padding: 0;
        left: 0;
        display: none;
        visibility: visible;
        opacity: 1;
    }
    .grid-box {
        display: block;
    }
    ul.dropdown-menu li img,ul.dropdown-menu:before {
        display: none;
    }
    ul.dropdown-menu.grid-box.show {
        display: block !important;
        border-radius: 0;
        margin: 0px 0 0;
    }
}
@media(max-width:991px){
    .home-content h1 {
        font-size: 2.4rem;
    }
    .home-content {
        max-width: 650px;
    }
    .commonheadingh2 {
        font-size: 1.7rem;
    }
    .commonheadingh3 {
        font-size: 1.5rem;
    }
    .aboutcontent {
        padding-left: 0;
        margin-top: 30px;
    }
    .ptb-70 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    ul#locationList {
        grid-template-columns: repeat(3, 1fr);
    }
    .searchboxPopBox li:last-child {
        border: none;
    }
    .searchboxPopBox ul {
        max-height: 100%;
    }
    footer .col-lg-4 {
        padding-right: 15px;
        margin-bottom: 50px;
    }
    footer {
        padding: 50px 0;
    }
    .menuList ul li {
        margin-right: 0;
    }
}
@media(max-width:767px){
    .videoWarpper video {
        min-height: 600px;
    }
    header.header_warrper .container {
        max-width: 100%;
        padding: 0 20px;
    }
    .home-content h1 {
        font-size: 2.7rem;
        line-height: 1.3;
    }
    .home-content {
        max-width: 590px;
    }
    .commonheadingh2 br {
        display: none;
    }
    .menuFooterBox {
        grid-template-columns: 1fr;
    }
}
@media(max-width:580px){
    .home-content h1 {
        font-size: 2.2rem;
        max-width: 90%;
        margin: 0 auto;
    }
    .mobile_humbarger {
        width: 60px;
    }
    .bestLead {
        display: none;
    }
    header.header_warrper.active .loginHeader {
        top: 25px;
    }
    .commonheadingh2 {
        font-size: 1.5rem;
    }
    .commonheadingh3 {
        font-size: 1.3rem;
    }
    .tabs_warpper .tabs a {
        padding: 9px 12px;
    }
    .mb-30 {
        margin-bottom: 20px;
    }
    .swiper.projectsldie {
        padding: 0 20px;
    }
    ul#locationList {
        grid-template-columns: repeat(1, 1fr);
    }
    .searchboxPopBox h3 {
        font-size: 19px;
    }
    .contactform {
        padding: 100px 16px;
    }
    .iconBox {
        width: 90px;
        height: 90px;
    }
    .fillterinput input {
        min-width: auto;
    }
    .propertyBoxwarp.row_two {
        grid-template-columns: 1fr;
    }
    .propertyBoxwarp.row_two img {
        width: 100%;
    }
    .tileFlexBox {
        grid-template-columns: 1fr;
    }
    .ctaBox {
        padding: 13px 22px 14px;
        justify-content: center;
    }
    .ctaBox .btn.btn-primary {
        padding: 11px 6px;
    }
    .ctaBox .btn {
        padding: 8px 8px;
        font-size: 13px !important;
    }
}

@media(max-width:400px){
    .mobile_humbarger span:before {
        height: 4px;
        top: -11px;
    }
    .mobile_humbarger span:after {
        height: 4px;
        top: 11px;
    }
    .mobile_humbarger span {
        height: 4px;
        top: 26px;
    }
    .home-content h1 {
        font-size: 1.7rem;
    }
    .commonheadingh2 {
        font-size: 1.3rem;
    }
    .tabs_warpper .tabs a {
        padding: 9px 10px;
        font-size: 15px;
        margin: 0 2px;
    }
    .tabs_warpper .commonbutton {
        padding: 9px 13px;
        font-size: 13px;
    }
    .pricebox h4 {
        font-size: 22px;
    }
    .searchboxPopBox li {
        margin-bottom: 10px;
        padding-bottom: 10px;
        font-size: 14px;
    }
    .fromContact h3 {
        font-size: 25px;
    }
    .fromContact {
        padding: 30px 18px;
    }
}