/*

* Theme Name: NS - Future Urban

*  Author: Netscriper

*  Author URI: http://www.netscriper.com/

*/



@font-face {

    font-family: 'Segoe UI';

    src: url('/wp-content/themes/ns-future-urban/fonts/segoe-ui-light.ttf') format("truetype");

    font-weight: 300;

}



@font-face {

    font-family: 'Segoe UI';

    src: url('/wp-content/themes/ns-future-urban/fonts/segoe-ui.ttf') format("truetype");

    font-weight: 400;

}



@font-face {

    font-family: 'Segoe UI';

    src: url('/wp-content/themes/ns-future-urban/fonts/segoe-ui-semibold.ttf') format("truetype");

    font-weight: 600;

}



@font-face {

    font-family: 'Segoe UI';

    src: url('/wp-content/themes/ns-future-urban/fonts/segoe-ui-bold.ttf') format("truetype");

    font-weight: 700;

}



:root {

--color1: #1C174A;

--color2: #BC932E;

}



body{

	margin:0 auto;

    font-family: 'Segoe UI', sans-serif;

    font-size: 16px;

    color: #5B5B5B;

}
#page{
    overflow-x: hidden;
}
body p{

    line-height: 33px;

    text-align: justify;

}

h1,h2,h3,h4,h5,h6{

    font-weight: 700;

    color: #444;

}

a{

    text-decoration: none;

    transition: all .2s;

} 

a:hover, a:focus{

    text-decoration: none;

    outline: none;

}

.menu-toggle {

    color: var(--color1);

    font-size: 31px;

}



/* Mobile Menu */

#mobile-menu .mm-panel, #mobile-menu .mm-navbar {

    background: var(--color1);

}

#mobile-menu .mm-navbar__title {

    font-size: 18px;

    font-weight: 600;

    color: #aaa;

}

#mobile-menu .mm-navbar__title i {

    color: var(--color2);

    font-style: normal;

}

.mm-listitem.current-menu-item a {

    color: var(--color2) !important;

}

/* Pagination */



ul.page-numbers {

    padding-left: 0px;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

    gap: 7px;

    margin-bottom: 0;

    margin: 15px 0 0;

}

ul.page-numbers li{

	float: left;

	list-style: none;

}

ul.page-numbers li a, ul.page-numbers li span {

    height: 35px;

    width: 35px;

    line-height: 35px;

    text-align: center;

    padding: 0px;

    border-radius: 100px;

    margin-right: 3px;

    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);

    display: inline-block;

    color: var(--color1);

    background: #e5ecf7;

}

ul.page-numbers li a:hover, ul.page-numbers li span:hover{

    background: var(--color2);

    color: #fff;

}

ul.page-numbers li span.current {

    background: var(--color2);

    color: #fff;

}

ul.page-numbers li i{

    font-size: 14px;

}

.content-img img{

	width: 100%;

	height: auto;

}

/* 404 error */

.error img {

    position: relative;

    margin: 0 auto;

}

.back-home-wrap p {

    font-size: 21px;

	margin-top:50px;

}

.back-home-wrap {

    text-align: center;

    left: 0;

    right: 0;

}

.error {

    height: 400px;

}

.back-home {

    margin-top: 14px;

    border-radius: 0;

}



.mm-menu--offcanvas{

    position: absolute;

}



.section-title, section.capability h2 {

    text-transform: uppercase;

    color: var(--color1);

    margin-bottom: 30px;

    font-size: 30px;

}

.section-title span, section.capability h2 span {

    color: var(--color2);

}

/* Breadcrumb */



#breadcrumbs {list-style-type: none; padding-left: 0;}

#breadcrumbs li{display: inline-block;}



/*********************** Widget ******************/

.mywidget h4 {

    font-size: 14px;

}

.widget-title, .sidebar .wp-block-heading{

    margin: 0 0 20px !important;

    color: #444;

}

.widget ul li a {

    color: #333;

    display: block;

    padding-top: 12px;

    padding-bottom: 12px;

    position: relative;

    flex: 1;

    font-size: 16px;

    font-weight: 600;

}

.widget ul li a:hover,

.widget ul li a:focus{

    color: var(--color1);

    text-decoration: none;

    outline: none;

}

.widget ul{

    padding-left:0;

    list-style-type: none;

}

.sidebar-widget .btn-style1 {

    padding: 11px 16px;

}

.sidebar .social-list {

    display: flex;

    flex-wrap: wrap;

    gap: 12px;

}

.sidebar .social-list a {

    display: inline-block;

    background: #bdbdbd;

    color: #fff;

    width: 37px;

    height: 37px;

    line-height: 37px;

    text-align: center;

    border-radius: 50%;

}

.sidebar .social-list a.facebook {

    background: #1877F2;

}

.sidebar .social-list a.twitter {

    background: #1DA1F2;

}

.sidebar .social-list a.linkedin {

    background: #0077B5;

}

.sidebar .social-list a:hover {

    filter: brightness(0.8);

}

.sidebar .wp-block-latest-posts.wp-block-latest-posts__list li{

    display: flex;

    flex-wrap: wrap;

    border-bottom: 1px solid #ddd;

    padding-bottom: 10px;

    margin-bottom: 5px;

}



.sidebar .wp-block-latest-posts__featured-image img{

    border-radius: 5px;

}

.sidebar .wp-block-latest-posts__featured-image{

    width: 80px;

    margin-right: 15px;

}



/* Header Start */

nav#menu ul>li>a {

    color: #5B5B5B;

    padding: 15px;

    font-weight: 600;

    display: flex;

    align-items: center;

    cursor: pointer;

}

.dropdown-toggle::after {

    content: "\f078";

    font-family: "Font Awesome 6 Free";

    border: unset;

    line-height: normal;

    font-size: 13px;

}

nav#menu ul>li>a:hover, nav#menu ul>li>a:focus, nav#menu ul>li>a.active {

    color: var(--color1);

    background: unset;

}



nav#menu .dropdown-menu{

    display: block;

    transition: all .3s ease;

    transform: translateY(-10px);

    opacity: 0;

    visibility: hidden;

    border: 0;

    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);

    border-radius: 0;

    border-top: 3px solid var(--color2);

    min-width: 220px;

    padding: 0;

}

nav#menu ul>li.dropdown:hover .dropdown-menu,

nav#menu ul>li.dropdown:focus .dropdown-menu {

    transform: translateY(0);

    opacity: 1;

    visibility: visible;

}



nav#menu ul.dropdown-menu>li>a {

    padding: 10px 15px;

    border-bottom: 1px dashed #dcdcdc;

    transition: all .3s;

}

nav#menu ul.dropdown-menu>li:last-child a {

    border: unset;

}

nav#menu ul.dropdown-menu>li>a:hover, nav#menu ul.dropdown-menu>li>a:focus {

    padding-left: 20px;

    background: #fff;

    color: #5B5B5B;

}

.pll-parent-menu-item .dropdown-menu {
    min-width: 125px !important;
}

/* Sub Banner Start */

section.sub-banner {

    position: relative;

    display: flex;

    align-items: end;

    justify-content: center;

    color: #fff;

    background-position: center !important;

    background-size: cover !important;

    height: 400px;

    width: 100%;

    padding-bottom: 35px;

}

section.sub-banner::before {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    right: 0;

    background-color: #000000;

    opacity: 0.7;

}

.sub-banner .page-meta {

    position: relative;

}

.sub-banner .page-meta .title{

    color: #fff;

}

#breadcrumbs {

    padding: 19px 0;

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

    color: #ddd;

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 12px;

    border-top: 1px solid rgba(255, 255, 255, 0.6196078431);

    margin-top: 25px;

    font-weight: 600;

}

.breadcrumbs .item-current {

    color: var(--color2);

}

#breadcrumbs a {

    color: #ddd;

}

#breadcrumbs a:hover {

    color: var(--color2);

}

.breadcrumbs i {

    font-size: 14px;

    line-height: normal;

}



/* Main Banner Start */

.banner img {

    width: 100%;

    height: 650px;

    filter: brightness(0.6);

    object-fit: cover;;

}

.banner .carousel-caption {

    left: 50%;

    bottom: 50%;

    transform: translate(-50%, 50%);

    width: 100%;

    max-width: 520px;

}

.banner .carousel-caption h1 {

    margin-bottom: 15px;

    color: #fff;

}



/* Filter Section Start */

.filter-section form {

    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);

    border-radius: 30px;

    padding: 30px 30px 35px;

    /* transform: translateY(-50%); */

    margin-top: -10%;

    background: #fff;

    position: relative;

    z-index: 100;

}

.filter-dropdown .dropdown-menu {

    padding: 0;

    border-color: #eaedef;

    box-shadow: rgba(102, 102, 102, 0.1) 0px 0px 29px 0px;

    overflow: hidden;

    width: 100%;

    display: block;

    opacity: 0;

    visibility: hidden;

    transform: scale(.75) translateY(-21px);

    transition: all .2s cubic-bezier(.5,0,0,1.25), opacity .15s ease-out;

}

.filter-dropdown .dropdown-menu.show{

    opacity: 1;

    visibility: visible;

    transform: scale(1);

}



.filter-dropdown .dropdown-menu li {

    padding: 10px 20px;

    cursor: pointer;

    transition: all .2s;

}

.filter-dropdown .dropdown-menu li:hover {

    background: var(--color2);

    color: #fff;

}

.filter-dropdown .dropdown-menu li.active {

    background: #1c174a0a;

    color: var(--color2);

    font-weight: 600;

}

.filter-dropdown .dropdown-toggle, .property-search-form input, button[type="submit"], .inquiry-form input {

    border: 2px solid #E5E5E5;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 17px 20px;

    border-radius: 10px;

    cursor: pointer;

    font-weight: 600;

    color: #5B5B5B;

}

.filter-dropdown .dropdown-toggle br{
    display: none;
}

.property-search-form label {

    font-weight: 600;

    color: #5b5b5b;

}

.property-search-form .dropdown-menu input {

    padding: 10px 15px;

    font-weight: 500;

    cursor: auto;

}

.filter-section input:focus {

    border-color: #E5E5E5 !important;

    box-shadow: none;

    outline: none;

}

.dropdown-toggle::after{

    transition: all .2s;

}

.dropdown-toggle.show::after {

    transform: rotate(-180deg);

}

button[type="submit"] {

    background-color: var(--color2);

    color: #fff;

    transition: all .3s ease;

}

button[type="submit"]:hover{

    background: #a88427;

}



.btn-style1 {

    background: var(--color2);

    color: #fff !important;

    position: relative;

    overflow: hidden;

    border-radius: 10px;

    padding: 8px 16px;

    display: inline-block;

    font-weight: 600;

}

.btn-style1 span, .btn-style2 span{

    position: relative;

    z-index: 1;

    display: flex;

    align-items: center;

    gap: 4px;

}

.btn-style1::after, .btn-style2::after {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    background: var(--color1);

    left: 0;

    top: 0;

    transition: all .3s ease;

    width: 0%;

    border-radius: 10px;

}

.btn-style1:hover::after, .btn-style2:hover::after {

    width: 100%;

}

.btn-style1 i {

    margin-left: 6px;

    font-size: 18px;

    position: relative;

    top: 1px;

}



.btn-style2 {

    border: 2px solid var(--color1);

    color: var(--color1);

    font-weight: 600;

    border-radius: 5px;

    padding: 6px 14px;

    display: inline-block;

    overflow: hidden;

    position: relative;

}

.btn-style2 i {

    font-size: 30px;

    transform: rotate(-45deg);

    display: inline-block;

    line-height: 0;

}

.btn-style2::after{

    border-radius: 0;

}

.btn-style2:hover{

    color: #fff;

}



/* Blogs Start */

section.latest-blogs{

    padding: 70px 0;

}

.blog-card {

    border-radius: 30px;

    overflow: hidden;

    background: #f5f5f5;

    position: relative;

    transition: all .4s ease;

}

.blog-card::before {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 89.68%);

    left: 0;

    bottom: 0;

    z-index: 10;

}

.blog-card:hover {

    transform: translateY(-8px);

}

.blog-card:hover .featured-image {

    filter: brightness(0.8);

    transition: all .3s;

}

.blog-card .featured-image {

    aspect-ratio: 4 / 3;

    object-fit: cover;

    width: 100%;

    height: 100%;

}

.blog-card .overlay {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    padding: 25px;

    color: #fff;

    z-index: 100;

}

.blog-card i {

    min-width: 49px;

    height: 49px;

    border: 2px solid #fff;

    line-height: 44px;

    text-align: center;

    border-radius: 50px;

    font-size: 34px;

    transform: rotate(-45deg);

    transition: all .3s;

}

.blog-card:hover i {

    color: var(--color2);

    border-color: var(--color2);

}

.blog-card .overlay h5 {

    color: #fff;

}



/* Single Blog Start */

.single-post .content {

    padding: 60px 0;

}

.sub-banner .page-meta .title{

    font-size: 35px;

}

.single-post .content iframe{

    border: 0;

    aspect-ratio: 16 / 9;

    width: 100%;

    height: 100%;

}

.gallery img {

    width: 100%;

    height: auto;

    border: 7px solid #fff !important;

    border-radius: 15px !important;

}

.gallery .gallery-item {

    width: 50% !important;

    margin: 0 !important;

}



/* About Page Start */

.page-template-about-us p{

    line-height: 30px;

}

section.profile {

    padding: 70px 0;

}

.profile .img-wrap{

    position: relative;

    overflow: hidden;

}

.profile .img-wrap img {

    aspect-ratio: 4 / 5;

    height: 100%;

    width: 100%;

    object-fit: cover;

    transition: all .5s;

}

.profile .img-wrap::before {

    content: "";

    position: absolute;

    width: calc(50% - 14%);

    background: transparent;

    height: 100%;

    border-left: 6px solid #fff;

    border-right: 6px solid #fff;

    left: 50%;

    transform: translateX(-50%);

    top: 0;

    z-index: 100;

}

.profile .img-wrap::after {

    content: "";

    position: absolute;

    height: calc(50% - 15%);

    background: transparent;

    width: 100%;

    border-top: 6px solid #fff;

    border-bottom: 6px solid #fff;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    z-index: 100;

}

.profile .img-wrap:hover img {

    transform: scale(1.1);

}

section.profile h2{

    text-transform: uppercase;

    color: var(--color1);

    margin-bottom: 30px;

    font-size: 30px;

}

section.profile h5, section.why h5 {

    opacity: .75;

    font-weight: 500;

} 



section.gp .box .row{

    min-height: 110px;

}

section.gp .box .icon {

    max-width: 75px;

}

section.gp .box h3 {

    color: #222;

}



section.about-service .service-group {

    display: flex;

    column-gap: 15px;

}

section.about-service .service-group .col-one, section.about-service .service-group .col-two {

    width: 50%;

}

section.about-service .box{

    position: relative;

}

section.about-service .box .service-title {

    position: absolute;

    left: 40px;

    bottom: 30px;

    margin: 0;

    color: #fff;

    z-index: 100;

}

section.about-service .box {

    aspect-ratio: 9 / 6;

    overflow: hidden;

    animation: bounce 2s infinite;

}

section.about-service .box::before {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    bottom: 0;

    left: 0;

    background: linear-gradient(2deg, #000000a1, transparent);

    z-index: 10;

}

section.about-service .col-md-4:nth-child(2) .box{

    animation-delay: .5s;

}

section.about-service .col-md-4:nth-child(3) .box{

    animation-delay: 1s;

}

section.about-service img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    filter: brightness(0.7);

    transition: all 1s;

}

/* section.about-service .box:hover img {

    transform: scale(1.1);

} */



@keyframes bounce {

  0% {

    top: 0;

  }

  50% {

    top: -15px;

  }

  100%{

    top: 0;

  }

}



section.capability img {

    aspect-ratio: 6 / 5;

    border-radius: 15px;

}

section.capability .section-title {

    line-height: normal;

}

section.capability h2 span{

    display: block;

}

section.capability .row:nth-child(even) {

    flex-direction: row-reverse;

}



section.why {

    background: #F9F9F9;

    padding: 60px 0;

}

section.why .num {

    position: relative;

    display: flex;

    align-items: center;

    gap: 30px;

    color: #959595;

    font-size: 50px;

    margin: 10px 0 30px;

}

section.why .num::after {

    content: "";

    display: inline-block;

    height: 2px;

    width: 100%;

    max-width: 150px;

    background: #b1b1b1;

}

section.why .box .title {

    color: var(--color1);

    margin-bottom: 15px;

}

section.why .box p {

    text-align: left;

    line-height: 1.7;

}



/* Recommended Properties Section Start */

section.recommended {

    padding: 90px 0;

}

.rec-property-card {

    background: lightblue;

    aspect-ratio: 15 / 16;

    border-radius: 30px;

    overflow: hidden;

    position: relative;

    display: flex;

    align-items: end;

}

.rec-property-card .meta {

    position: relative;

    width: 100%;

    padding: 15px 20px 5px;

    color: #fff;

    z-index: 100;

}

.rec-property-card .featured-image {

    position: absolute;

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all .4s;

}

.rec-property-card:hover .featured-image {

    filter: brightness(0.6);

}

.rec-property-card::before {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 33.8%, rgba(0, 0, 0, 0.6) 87.67%);

    left: 0;

    bottom: 0;

    z-index: 10;

}

.recommended-slider .swiper-buttons {

    display: flex;

    align-items: center;

    justify-content: end;

    margin-top: 45px;

    gap: 15px;

}

.recommended-slider .swiper-button-prev, .recommended-slider .swiper-button-next {

    position: unset;

    color: var(--color2);

    transition: all .3s;

}

.recommended-slider .swiper-button-prev:hover, .recommended-slider .swiper-button-next:hover {

    color: var(--color1);

}

.recommended-slider .swiper-button-prev::after, .recommended-slider .swiper-button-next::after {

    font-size: 26px;

    font-weight: bold;

}

.rec-property-card .meta h5 span {

    opacity: .7;

    font-weight: 300;

    position: relative;

    font-size: 24px;

    margin: 0px 5px;

}

.rec-property-card .meta h5{

    transition: all .2s;

    color: #fff;

}

.rec-property-card:hover .meta h5 {

    color: var(--color2);

}

.rec-property-card .view-more i {

    margin-left: 5px;

    font-size: 20px;

    position: relative;

    top: 1px;

}

/* Inquiry Section */
section.inquiry{
    background: url('/wp-content/themes/ns-future-urban/images/property-inquiry-bg.jpg');
}
.inquiry-form {
    border-radius: 16px;
    padding: 40px;
    background: #fff;
}
.inquiry-form input, .inquiry-form button[type="submit"] {
    padding: 15px 22px;
}

/* For Sale & Rent Section */

section.for-sale, section.about {

    background: #F9F9F9;

    padding: 70px 0;

}

.property-card {

    border-radius: 30px;

    overflow: hidden;

    box-shadow: 0px 5px 15px 0px #0000001A;

    font-size: 17px;

    display: flex;

    flex-direction: column;

    transition: .2s ease-in-out;
    color: #5b5b5b;
}

.property-card:hover {

    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .24);

}

.property-card .img-wrapper{

    position: relative;

    /* overflow: hidden; */

}

.property-card .featured-image {

    aspect-ratio: 6 / 4;

    object-fit: cover;

}

.property-card .img-wrapper i {

    position: absolute;

    z-index: 10;

    left: 50%;

    top: 100%;

    transform: translate(-50%, 0%);

    font-size: 25px;

    color: #fff;

    text-shadow: 1px 3px 4px #333;

    transition: all .3s;

    opacity: 0;

}

.property-card:hover .img-wrapper i {

    top: 50%;

    transform: translate(-50%, -50%);

    opacity: 1;

}
.property-card .last-updated {
    left: 0;
    position: absolute;
    bottom: 0;
    background: #0000008a;
    color: #ffffff;
    padding: 30px 15px 15px 15px;
    border-top-right-radius: 7px;
    font-size: 15px;
    background: linear-gradient(0deg, #262626, transparent);
    width: 100%;
}

.property-card .meta {

    padding: 15px;

}

.property-card .meta h5{
    color: var(--color1);
    transition: all .3s;
}

.property-card .meta h5:hover{

    color: var(--color2);

}

.property-card .meta h5 span {

    color: #5b5b5b;

    top: -2px;

    font-weight: 600;

    opacity: .7;

    position: relative;

    font-size: 24px;

    margin: 0px 5px;

}

.property-card .details {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    column-gap: 15px;

    row-gap: 7px;

    margin: 15px 0;

    justify-content: space-between;

}

.property-card .details div {

    display: flex;

    align-items: center;

    column-gap: 12px;

}

.property-card .card-footer {

    display: flex;

    justify-content: space-between;

    border-top: 1px solid #C8C8C8;

    padding: 15px 0 5px;

    /* color: var(--color1); */
    color: #a17b0e;
    font-weight: 700;

    font-size: 20px;

    align-items: center;

}

.property-card .address {

    font-size: 18px;

}

.property-card .card-footer span {

    color: var(--color1);

    font-weight: 600;

    font-size: 16px;

    display: flex;

    align-items: center;

    column-gap: 8px;
    transition: all .2s;
}

.property-card:hover .card-footer span{
    color: var(--color2);
}

.property-card .card-footer a i {

    font-size: 20px;

}



section.for-rent {

    padding: 70px 0;

}



section.join-careers {

    background: url('/wp-content/themes/ns-future-urban/images/background-shape.jpg');

    background-size: cover;

    background-position: center;

    padding: 50px 0;

}

section.join-careers .section-title {

    margin-bottom: 20px;

}

section.join-careers .wrapper {

    max-width: 650px;

    width: 100%;

    text-align: center;

    margin: 0 auto 25px;

}

section.join-careers .wrapper p{

    text-align: center;

}



/* Footer Start */

footer {

    background: var(--color1);

    color: #fff;

    padding: 40px 0 0;

    font-size: 17px;

}

footer h5 {

    margin-bottom: 25px;

    color: #fff;

}

footer .socials a {
    display: inline-block;
    margin: 7px 10px 7px 0;
}

footer .socials img {

    transition: all .2s;

}

footer .socials a:hover img {

    transform: scale(.95);

}

footer .address i {

    font-size: 18px;

}

footer .quick-links {

    list-style: none;

    padding-left: 0;

}

footer .quick-links li a {

    color: #fff;

    display: flex;

    align-items: center;

    line-height: normal;

    margin-bottom: 4px;

}

footer .quick-links li a:before {

    content: "\F145";

    font-family: 'bootstrap-icons';

    margin-right: 7px;

    transform: rotate(45deg);

    display: inline-block;

    font-size: 28px;

}

.copyright {

    text-align: center;

    font-size: 14px;

    border-top: 1px solid #fff;

    padding: 12px 0;

    margin-top: 15px;

}

footer a{

    color: #fff;

}

footer a:hover{

    color: var(--color2) !important;

}

#go-top {

    position: fixed;

    background: var(--color2);

    right: 25px;

    bottom: -4em;;

    color: #fff;

    width: 43px;

    height: 43px;

    line-height: 43px;

    text-align: center;

    border-radius: 50%;

    cursor: pointer;

    opacity: 0;

    transition: all ease .5s;

    z-index: 1000;

}

#go-top.show{

    bottom: 25px;

    opacity: 1;

}



/* Single Property Start */

.property-meta {

    margin-bottom: 30px;

    /* padding: 20px 30px;

    margin-bottom: 30px;

    border: 1px solid lightgray;

    border-radius: 10px; */

}

.property-meta .price {
    font-size: 28px;
}
.property-meta .price span {
    color: var(--color2);
    font-weight: 500;
}

.single-property .property-no .seperator {

    position: relative;

    top: -3px;

    font-weight: 400;

    color: #d0b46e;

}
.single-property .property-no{
    color: #333;
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.single-property .property-address{
    font-size: 25px;
    font-weight: 500;
}

.property-meta .listing-type {

    background: var(--color2);

    color: #fff;

    border-radius: 5px;

    display: inline-block;

    padding: 2px 8px;

    margin-top: 10px;
    transition: all .2s;
}
.property-meta .listing-type:hover {
    opacity: .9;
}

.property-gallery .img-wrapper{

    border-radius: 10px;

    overflow: hidden;

}

.property-gallery img {

    border-radius: 10px;

    aspect-ratio: 9 / 6;

    object-fit: cover;

    transition: all .3s;

}

.property-gallery img:hover, .more-photos-container:hover img{

    transform: scale(1.05);

}

.property-gallery .first img:hover{

    transform: scale(1);

}

.more-photos-container {

    position: relative;

    overflow: hidden;

    border-radius: 10px;

}

.more-photos-container span {

    position: absolute;

    background: rgb(3 2 8 / 60%);

    width: 100%;

    height: 100%;

    left: 0;

    color: #fff;

    text-align: center;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    font-size: 21px;

    font-weight: 600;

}

.single-property .details table {

    width: 100%;

}

.single-property .details table tr {

    border-bottom: 1px solid #ededed;

}

.single-property .details table tr:last-child {

    border: unset;

}

.single-property .details table td {

    padding: 10px;

    vertical-align: top;

}

.single-property .details table td:first-child {

    font-weight: 600;

    min-width: 150px;

}

.single-property .details table td:last-child{

    text-align: right;

}
.single-property .details table td a {
    color: #5b5b5b;
    border-bottom: 1px solid #bbb;
}
.single-property .details table td a:hover {
    color: var(--color2);
}

.single-property .details {

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

    padding: 25px 30px;

    border-radius: 10px;

}

.single-property .details h4{

    margin-bottom: 15px;

}

.single-property .video iframe {
    aspect-ratio: 16 / 9;
    width: 100%;
    height: 100%;
    max-width: 800px;
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
}

.single-property .property-details {
    padding-top: 20px;
}
.property-details .flex-box {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    font-weight: 600;
}
.property-details .flex-box .label {
    font-weight: 500;
    min-width: 115px;
}
.property-details .flex-box a {
    color: #5b5b5b;
    border-bottom: 1px solid #d2d2d2;
}
.property-details .flex-box a:hover{
    color: var(--color2);
}
.single-property .btn.style1 i{
    font-size: 17px;
}
footer .phone-info .btn-style1 {
    font-weight: 500;
    font-size: 16px;
    border-radius: 25px;
}
footer .phone-info .btn-style1:hover::after{
    display: none;
}
footer .phone-info .btn-style1:hover {
    color: #fff !important;
    opacity: .9;
}

/* Careers Page Start */

.career-card {

    border: 1px solid #e3e3e3;

    margin-bottom: 20px;

    padding: 20px 30px;

    border-radius: 5px;

    width: 100%;

    display: flex   ;

    justify-content: space-between;

    align-items: center;

    column-gap: 10px;

    transition: .2s ease-in-out;

    border-left: 5px solid #e3e3e3;

}

.career-card:hover {

    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);

    border-left: 5px solid var(--color2);

}

.career-card .card-title a {

    color: var(--color1);

    display: inline-block;

    margin-bottom: 10px;

}

.career-card .card-title a:hover {

    color: var(--color2);

}

.career-card .experience-level {

    color: var(--color2);

}

.career-card .posts {

    font-weight: 600;

    color: var(--color1);

}

.career-card .end-col {

    min-width: 150px;

}



/* Career Single Start */

.single-career .content h1, .single-career .content h2, .single-career .content h3, .single-career .content h4, .single-career .content h5, .single-career .content h6 {

    color: #444;

    margin: 25px 0 15px;

}

.single-career .meta .top {

    display: flex;

    flex-wrap: wrap;

    column-gap: 15px;

    row-gap: 5px;

}

.single-career .meta i {

    color: var(--color2);

    margin-right: 3px;

}

.single-career .meta .bottom {

    display: flex;

    flex-direction: column;

    row-gap: 5px;

}

.single-career .bottom span {

    min-width: 120px;

    display: inline-block;

    margin-right: 20px;

}

.single-career ul li {

    margin: 7px 0;

}



.recent-jobs {

    display: flex;

    flex-direction: column;

    gap: 20px;

}

.recent-job-card {

    border: 1px solid #d6d6d6;

    padding: 20px;

    border-radius: 15px;

    font-size: 14px;

    transition: all .3s ease;

}

.recent-job-card:hover {

    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);

}

.recent-job-card .job-title {

    margin: 0 0 12px !important;

    font-size: 18px;

}

.recent-job-card .meta {

    display: flex;

    flex-wrap: wrap;

    gap: 7px;

}

.recent-job-card .tag {

    color: #4b4b4b;

    background: #ebebeb;

    display: inline-block;

    padding: 3px 10px;

    border-radius: 5px;

}

.recent-job-card .posted-date {

    color: #818181;

    margin-top: 15px;

}



/* Contact Page Start */

.contact-page .contact-info {

    padding: 70px 0;

}

.contact-page .contact-info .col-lg-4{

    border-right: 2px solid #ededed;

}

.contact-page .contact-info .box {

    padding: 0 50px;

    font-weight: 600;

    line-height: 1.6;

    margin: 15px 0;

}

.contact-page .contact-info a{

    color: #5b5b5b;

}

.contact-page .contact-info a:hover{

    color: var(--color1);

}

.contact-page .contact-info .col-lg-4:last-child {

    border-right: none;

}

#g-map iframe {

    width: 100%;

    height: 500px;

}

#contact-form-wrapper {

    padding: 60px 0;

    max-width: 1000px;

    margin: auto;

}

#contact-form .form-control:focus {

    box-shadow: unset;

    border-color: #dee2e6;

}

#contact-form textarea {

    height: 222px;

}

#contact-form .input-group-text i {

    /* color: #7f7f7f; */

    color: var(--color2);

    display: flex;

    align-self: start;

    position: relative;

    top: 15px;

}

.form-floating>label::after {

    background-color: unset !important;

}



/* Media Query Start */

@media( max-width: 1399px ){

    nav#menu ul>li>a {

        padding: 15px 10px;

    }

    .banner img {

        height: 500px;

    }

    .banner .carousel-caption{

        bottom: 60%;

    }

    section.recommended{

        padding: 70px 0;

    }

    #g-map iframe{

        height: 400px;

    }

}



@media(max-width: 1199px){

    .banner img {

        height: 450px;

    }

    section.sub-banner{

        height: 350px;

    }

    .contact-page .contact-info {

        padding: 50px 0;

    }

    .contact-page .contact-info .box{

        padding: 0 20px;

    }

    #contact-form-wrapper, .single-post .content {

        padding: 50px 0;

    }

    .single-post .post-title {

        font-size: 28px;

    }

    section.profile {

        padding: 60px 0;

    }

}



@media(max-width: 991px){

    .banner img {

        height: 400px;

    }

    .filter-dropdown .dropdown-toggle, .property-search-form input, button[type="submit"]{

        padding: 12px 20px;

    }

    .sub-banner .page-meta .title {

        font-size: 30px;

    }

    .single-post .breadcrumbs .item-current {

        display: none !important;

    }

    .contact-page .contact-info {

        padding: 40px 0;

    }

    .contact-page .contact-info .col-lg-4{

        border-right: unset;

        border-bottom: 2px solid #ededed;

    }

    .contact-page .contact-info .col-lg-4:last-child {

        border-bottom: unset;

    }

    .contact-page .contact-info .box{

        width: 100%;

        padding: 5px 20px;

    }

    #contact-form-wrapper {

        padding: 40px 0;

    }

    .profile .img-wrap {

        max-width: 450px;

        margin: 5px auto 0;

    }

}

@media(max-width: 991px) and (min-width: 768px){
    .latest-date > h5{
        font-size: 21px !important;
    }
    .latest-price{
        font-size: 30px !important;
    }
    .latest-info > .row{
        align-items: center !important;
    }
}

@media(max-width: 767px){

    .banner img {

        height: 350px;

    }

    .banner .carousel-caption {

        bottom: 60%;

    }

    .filter-section form{

        margin-top: -70px;

        padding: 30px 25px 35px;

    }
    .latest-price{
        text-align: start !important;
    }
    .latest-date > h5{
        font-size: 20px !important;
    }
    .latest-price{
        font-size: 30px !important;
    }

    section.recommended, section.for-sale, section.for-rent, section.about, section.latest-blogs{

        padding: 50px 0;

    }

    #go-top{

        right: 15px;

    }

    section.sub-banner{

        height: 250px;

        padding-bottom: 15px;

    }

    section.about-service .box{

        animation: unset;

        aspect-ratio: 12 / 6;

    }

    .single-post .content{

        padding: 40px 0;

    }

    section.profile, section.why {

        padding: 50px 0;

    }

    section.why .num{

        margin: 10px 0 20px;

    }

}



@media(max-width: 575px){

    .banner img{

        height: unset;

        aspect-ratio: 21/9;

    }

    .filter-section form .section-title {

        text-align: center;

    }

    .sub-banner .page-meta .title {

        font-size: 26px;

    }
    .single-property .property-no{
        margin-bottom: 15px;
    }
    .rec-property-card{

        aspect-ratio: 9 / 6;

    }
    .latest-info {
        margin-top: 31px;
    }

    .career-card{

        flex-direction: column;

        row-gap: 15px;

        text-align: center;

    }

    .contact-page .contact-info, .single-post .content {

        padding: 30px 0;

    }

    .single-post .post-title {

        font-size: 26px;

    }

    #g-map iframe {

        height: 300px;

    }

    .property-meta .listing-type{

        margin-top: 0;

    }

}



@media(max-width: 425px){

    section.sub-banner{

        height: 200px;

        padding-bottom: 10px;

    }

    #breadcrumbs{

        padding: 15px 0;

        margin-top: 20px;

    }
    .single-property .property-address{
        font-size: 20px;
    }
    .property-meta .price {
        font-size: 26px;
    }
    .rec-property-card{

        aspect-ratio: 4/3;

    }

    .career-card {

        text-align: left;

        align-items: start;

    }

    #go-top{

        right: 10px;

    }

    section.about-service .box .service-title {

        bottom: 50%;

        transform: translateY(50%);

        left: 25px;

    }

    section.profile, section.why {

        padding: 40px 0;

    }
    .latest-price {
        font-size: 27px !important;
    }

}



@media(max-width: 375px){

    .filter-section form {

        margin-top: -30px;

    }

    .section-title, section.profile h2, section.capability h2{

        font-size: 27px;

    }

    .rec-property-card{

        aspect-ratio: 1/1;

    }
    .property-meta .price {
        font-size: 22px;
    }
    section.recommended{

        padding: 40px 0;

    }
    .latest-date > h5 {
        font-size: 18px !important;
    }
    .latest-price {
        font-size: 23px !important;
    }
    .latest-price span{
        margin: 0;
    }
    .career-card{

        padding: 20px;

    }

    .contact-page .contact-info {

        padding: 20px 0;

    }

    .contact-page .contact-info .box {

        padding: 5px 15px;

    }

    .gallery .gallery-item{

        width: 100% !important;

    }

    .single-property .details{

        padding: 25px;

    }

    .single-property .details table tr{

        padding: 7px 0;

        display: flex;

        flex-direction: column;

    }

    .single-property .details table td{

        padding: 3px 10px;

    }

    .single-property .details table td:last-child{

        text-align: left;

    }

}



/* Media Query Between */

@media(min-width: 768px) and (max-width: 1199px){

    section.for-sale .row>div:last-child, section.for-rent .row>div:last-child, .latest-blogs .row>div:last-child{

        display: none !important;

    }

}
.latest-info{
    margin-top: 50px;
}
.latest-date > h5, .latest-price{
    
    color: #b6932e;
}
.latest-date > h5{
    font-weight: 600;
    font-size: 24px;
}
.latest-price{
    text-align: end;
    font-size: 40px;
    font-weight: 600;
}
.latest-price span {
    color: #c7c7c7;
    font-weight: 500;
    margin: 0px 5px;
}