/***********************************************/

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

@import url("https://cdn-uicons.flaticon.com/3.0.0/uicons-thin-straight/css/uicons-thin-straight.css");



@import url("../vendor/css/animate.css");

@import url("../vendor/css/owl.css");

@import url("../vendor/css/swiper.min.css");

@import url("../vendor/css/jquery.fancybox.min.css");

@import url("../vendor/css/linear.css");

@import url("../vendor/css/fontawesome.css");

@import url("../vendor/css/flaticon.css");



/** Slick slider ***/

@import url("../vendor/css/slick.css");

@import url("../vendor/css/slick-theme.css");



/** select 2 ***/

@import url("../vendor/css/select2.min.css");



/* == magnific-popup gallery  == */

@import url("../vendor/css/magnific-popup.css");



/** Custom fonts ***/



@font-face {

    font-family: "objective-regular";

    src: url("../vendor/fonts/Objective-Regular.woff2");

}

@font-face {

    font-family: "objective-medium";

    src: url("../vendor/fonts/Objective-Medium.woff2");

}

@font-face {

    font-family: "objective-italic";

    src: url("../vendor/fonts/Objective-Italic.woff2");

}

@font-face {

    font-family: "objective-bold";

    src: url("../vendor/fonts/Objective-Bold.woff2");

}



:root {

    --primary-color: #003c38;

    --white-color: #ffffff;

    --font-color: #000000;

    --light-bg-color: #f5f5f5;

    --border-color: #ebebeb;

}



/*

 * typography.scss

 * -----------------------------------------------s

*/

::-moz-selection {

    background: var(--primary-color);

    color: #fff;

    text-shadow: none;

}

::selection {

    background: var(--primary-color);

    color: #fff;

    text-shadow: none;

}



:active,

:focus {

    outline: none !important;

}



::-webkit-input-placeholder {

    color: #7c858c;

}



::-moz-input-placeholder {

    color: #7c858c;

}



::-ms-input-placeholder {

    color: #7c858c;

}

 
body {

    font-family: "objective-regular";
    padding: 0;
    margin: 0;

}



/*=== Default Form ===*/



textarea.form-control {

    height: auto;

    padding-top: 15px;

    padding-bottom: 15px;

}

.form-control:focus {

    -webkit-box-shadow: none;

    box-shadow: none;

    outline: none;

    color: #000;

}

select option {

    color: #000;

}



.dark-placeholder {

    outline: 0;

    color: #000;

    font-size: 0.9rem;

    width: 100%;

}

.dark-placeholder::-webkit-input-placeholder {

    color: #000;

    opacity: 1;

}

.dark-placeholder::-moz-placeholder {

    color: #000;

    opacity: 1;

}

.dark-placeholder:-ms-input-placeholder {

    color: #000;

    opacity: 1;

}

.dark-placeholder::-ms-input-placeholder {

    color: #000;

    opacity: 1;

}

.dark-placeholder::placeholder {

    color: #000;

    opacity: 1;

}



.light-placeholder {

    outline: 0;

    color: #fff;

    font-size: 0.9rem;

    width: 100%;

}

.light-placeholder::-webkit-input-placeholder {

    color: #fff;

    opacity: 1;

}

.light-placeholder::-moz-placeholder {

    color: #fff;

    opacity: 1;

}

.light-placeholder:-ms-input-placeholder {

    color: #fff;

    opacity: 1;

}

.light-placeholder::-ms-input-placeholder {

    color: #fff;

    opacity: 1;

}

.light-placeholder::placeholder {

    color: #fff;

    opacity: 1;

}



.f-form .iti__selected-dial-code {

    color: #000;

}

.f-form .iti__arrow {

    border-top: 4px solid #000 !important;

}

.caps-txt {

    text-transform: uppercase;

}

/*** 



====================================================================

Reset

====================================================================



***/



* {

    margin: 0px;

    padding: 0px;

    border: none;

    outline: none;

    font-size: 100%;

}



/*** 



====================================================================

Global Settings

====================================================================



***/

textarea {

    overflow: hidden;

    resize: none;

    font-family: "objective-regular";

}

a {

    text-decoration: none;

    font-family: "objective-regular";

    color: var(--primary-color);

}

a:hover {

    color: #000;

}

a:focus,

a:active {

    box-shadow: none !important;

    outline: none !important;

}

button {

    outline: none !important;

    cursor: pointer;

    font-family: "objective-regular";

}

button:focus,

button:active {

    box-shadow: none !important;

    outline: none !important;

}

img {

    display: inline-block;

    max-width: 100%;

    height: auto;

}

h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: "objective-bold";

}

strong {

    font-family: "objective-bold";

}

ul,

li {

    list-style: none;

    padding: 0px;

    margin: 0px;

    font-family: "objective-regular";

}



figure.image {

    margin-bottom: 0;

}



.title a {

    color: inherit;

}

body.page-padding {

    padding-top: 20px;

    padding-bottom: 20px;

    overflow-x: hidden;

}

.plr-40 {

    padding-left: 40px !important;

    padding-right: 40px !important;

}

.mlr-40 {

    margin-left: 40px !important;

    margin-right: 40px !important;

}



.page-wrapper {

    position: relative;

    margin: 0 auto;

    width: 100%;

    min-width: 300px;

    overflow: hidden;

    z-index: 99;

    background-color: #ffffff;

}



.large-container {

    position: static;

    max-width: var(--large-container-width);

    padding: 0px 15px;

    margin: 0 auto;

    width: 100%;

}



.auto-container {

    position: static;

    max-width: var(--container-width);

    padding: 0px 15px;

    margin: 0 auto;

    width: 100%;

}



.small-container {

    position: static;

    max-width: var(--small-container-width);

    padding: 0px 15px;

    margin: 0 auto;

    width: 100%;

}



.bg {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}



.bg-pattern-1 {

    background-image: url(../images/icons/pattern-1.html);

}

.full-height {

    height: 100vh;

    width: 100%;

}

.valign {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.overlay-dark {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #000000;

    opacity: 0.4;

    z-index: 1;

    content: "";

}

.overlay-dark-2 {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #000000;

    opacity: 0.5;

    z-index: 1;

    content: "";

}

.overlay-light {

    position: absolute;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background: #0eaedc;

    opacity: 0.2;

    z-index: 1;

    content: "";

}



.bounce-y {

    -webkit-animation: bounce-y 10s infinite linear;

    animation: bounce-y 10s infinite linear;

}



@-webkit-keyframes bounce-y {

    0% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

    50% {

        -webkit-transform: translateY(-30px);

        transform: translateY(-30px);

    }

    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}

@keyframes bounce-y {

    0% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

    50% {

        -webkit-transform: translateY(-30px);

        transform: translateY(-30px);

    }

    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}



.mb-10 {

    margin-bottom: 10px;

}

.overlay-anim {

    position: relative;

}

.overlay-anim:before {

    background: rgba(255, 255, 255, 0.3);

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 0;

    opacity: 1;

    z-index: 9;

    pointer-events: none;

}

.overlay-anim:hover:before {

    height: 100%;

    opacity: 0;

    -webkit-transition: all 400ms linear;

    transition: all 400ms linear;

}



/*Btn Style One*/

.btn-style-one {

    position: relative;

    font-size: 12px;

    line-height: 14px;

    padding: 8px 8px;

    overflow: hidden;

    color: var(--white-color);

    background: var(--primary-color);

    text-transform: capitalize;

    z-index: 9;

    border-radius: 5px;

    border: 1px solid var(--primary-color);

    display: inline-block;

    text-align: center;

}

.btn-style-one:hover {

    color: var(--primary-color);

    background: var(--white-color);

    border: 1px solid var(--primary-color);

}



/*Btn Style two*/



.btn-style-two {

    position: relative;

    font-size: 12px;

    line-height: 14px;

    padding: 8px 8px;

    overflow: hidden;

    color: var(--primary-color);

    background: transparent;

    text-transform: capitalize;

    z-index: 9;

    border-radius: 5px;

    border: 1px solid var(--primary-color);

    display: inline-block;

    text-align: center;

}

.btn-style-two:hover {

    color: var(--white-color);

    background: var(--primary-color);

    border: 1px solid var(--primary-color);

}



/*Btn Style Three*/



.btn-style-three {

    position: relative;

    font-size: 12px;

    line-height: 25px;

    padding: 8px 8px;

    overflow: hidden;

    color: var(--primary-color);

    background: var(--white-color);

    text-transform: capitalize;

    z-index: 9;

    border-radius: 5px;

    border: none;

    display: inline-block;

    text-align: center;

}

.btn-style-three:hover {

    color: var(--white-color);

    background: var(--primary-color);

    border: none;

}



.btn-light-one {

    position: relative;

    font-size: 12px;

    line-height: 25px;

    padding: 8px 8px;

    overflow: hidden;

    color: var(--primary-color);

    background: var(--white-color);

    text-transform: capitalize;

    z-index: 9;

    border-radius: 5px;

}

.btn-light-one:hover {

    color: var(--white-color);

    border: 1px solid var(--white-color);

    background: transparent;

}


/*** white btn ***/

.btn-white-btn{
    position: relative;

    font-size: 12px;

    line-height: 18px;

    padding: 6px 10px;

    overflow: hidden;

    color: var(--font-color);

    background: var(--white-color);

    text-transform: capitalize;

    z-index: 9;

    border-radius: 5px;
}
.btn-white-btn:hover{
    color: var(--white-color);

    border: 1px solid var(--primary-color);

    background: var(--primary-color);
}



.btn-white-border-btn{
    position: relative;

    font-size: 12px;

    line-height: 18px;

    padding: 6px 10px;

    overflow: hidden;

    color: var(--white-color);

    background: transparent;

    text-transform: capitalize;

    z-index: 9;
    border:1px solid #fff;
    border-radius: 5px;
}
.btn-white-border-btn:hover{
    color: var(--white-color);

    border: 1px solid var(--primary-color);

    background: var(--primary-color);
}





/*=======================

Scroll To Top style

=======================*/

.scroll-to-top {

    width: 17px;

    margin-top: 4px;

    height: 17px;

    line-height: 17px;

    color: #ffffff;

    text-align: center;

    cursor: pointer;

    background-color: var(--theme-color1);

    z-index: 100;

    display: none;

    border-radius: 50%;

    color: #000;

    font-size: 10px;

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

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

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

}

.scroll-to-top:hover {

    color: #ffffff;

}



/*======================

    Tabs Box

======================*/

.tabs-box {

    position: relative;

}

.tabs-box .tab {

    display: none;

}

.tabs-box .tab.active-tab {

    display: block;

}



/*=======================

    List Styles

=======================*/

.list-style-one {

    position: relative;

}

.list-style-one li {

    position: relative;

    font-size: 12px;

    line-height: 30px;

    font-weight: 400;

    color: var(--text-color);

    margin-right: 50px;

    margin-bottom: 7px;

    padding-left: 22px;

}

.list-style-one li .icon {

    position: absolute;

    top: 0;

    left: 0;

    color: var(--theme-color1);

}



/*** 



====================================================================

  Navbar style

====================================================================

 */



.header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    width: 95%;

    padding: 15px;

    z-index: 2;

    margin-bottom: 30px;

    position: absolute;

    left: 0;

    right: 0;

    top: 35px;

    margin: 0 auto;

}

.logo {

    font-size: 24px;

    color: var(--light);

    text-shadow:

        0 0 10px var(--secondary),

        0 0 20px var(--secondary);

    position: relative;

}
 
.menu-container {

    position: relative;

    z-index: 10;

}

.hamburger-menu {

    width: 50px;

    height: 50px;

    background: var(--dark);

    border-radius: 8px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    gap: 6px;

    cursor: pointer;

    position: relative;

    position: relative;

    overflow: hidden;
    z-index: 1051;

}



@keyframes pixelShine {

    0% {

        background-position: 0% 0%;

    }

    100% {

        background-position: 400% 0%;

    }

}



.menu-items {

    align-content: normal;

    position: absolute;

    top: 0px;

    right: 0;

    width: 325px;

    background: rgba(0, 0, 0, 0.55);

    border: none;

    border-radius: 30px;

    padding: 20px;

    display: flex;

    flex-direction: column;

    gap: 5px;

    transform: translateX(4px); 

    opacity: 0;

    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);

    z-index: 1050;

    backdrop-filter: blur(8px);

    -webikit-backdrop-filter: blur(8px);

}

.menu-items.active {

    transform: translateX(0);

    opacity: 1;

    top: 0px;
    z-index: 1055;

}

.menu-item {

    color: #fff;

    text-decoration: none;

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 10px;

    border-radius: 6px;

    transition: all 0.3s ease;

    font-size: 20px;

    text-transform: uppercase;

    position: relative;

    overflow: hidden;

    font-weight: 500;

}

.menu-item:hover {

    background: rgba(255, 255, 255, 0.1);

    color: #fff;

    transform: translateX(5px);

}

.menu-item::before {

    content: "";

    position: absolute;

    top: 0;

    left: -100%;

    width: 100%;

    height: 100%;

    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);

    transition: 0.5s;

}

.menu-item:hover::before {

    left: 100%;

}

.menu-item i {

    font-size: 16px;

    color: var(--secondary);

}



.close-menu {

    display: flex;

    justify-content: flex-end;

    cursor: pointer;

    margin-bottom: 10px;

}



.close-menu img {

    width: 30px;

    height: 30px;

    transition: transform 0.3s ease;

}



.close-menu:hover img {

    transform: rotate(90deg);

}

 


/*** 



====================================================================

  Hero section

====================================================================

 */



#HeroCarousel {

    height: 95vh;
    position: relative;
    margin: 0 40px;

}

#HeroCarousel .carousel-inner {

    height: 95vh;

    border-radius: 30px;

}

#HeroCarousel .carousel-inner .carousel-item img {

    border-radius: 30px;

    height: 95vh;

    object-fit: cover;

}



#HeroCarousel .content {

    max-width: 690px;

    margin: 0 auto;

    text-align: center;

}

section#hero-search {

    margin-bottom: 70px;

}

#HeroCarousel .content h3 {

    color: #fff;

    margin-bottom: 20px;

    font-weight: bold;

    font-size: 52px;

    line-height: 60px;

    text-transform: uppercase;

    font-family: "objective-bold";

    padding: 0 100px;

}

#HeroCarousel .input-group {
    background: #fff;
    padding: 6px;
    border-radius: 10px;
    z-index: 1;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

#HeroCarousel .form-control {

    height: 40px;

    border-color: #ffffff;

    border-radius: 0;

    font-family: "objective-regular";

}

#HeroCarousel .my-input-form:focus {

    box-shadow: none;

    border: 2px solid #fff;

}

#HeroCarousel .btn {

    min-height: 40px;

    border-radius: 0;

    background: #003c38;

    color: #fff;

    font-weight: normal;

    text-transform: uppercase;

    padding: 10px 40px;

    border-radius: 10px;

    font-family: "objective-regular";

    font-size: 12px;

}

#HeroCarousel .carousel-caption {

    z-index: 1;

}
 

/*** 



====================================================================

  Featured Prperties CSS

====================================================================

 */



section.featured-properties-section {

    padding: 50px 0;

    position: relative;

}

.title-div {

    margin-bottom: 35px;

}

.section-title h1 {

    font-family: "objective-bold";

    font-size: 26px;

    text-transform: uppercase;

}

.action-btn a.btn-style-two {

    text-transform: capitalize;

    font-size: 14px;

    padding: 15px 20px;

    line-height: normal;

    display: inline;

}

.btns-navigation {

    display: flex;

    align-items: center;

    gap: 20px;

    justify-content: flex-end;

}

.navigation .custom-slider-nav button {

    background: transparent;

    border: 1px solid #000;

    padding: 8px 15px;

    border-radius: 12px;

    text-align: center;

}

.navigation .custom-slider-nav button:hover {

    background: var(--primary-color);

}

.navigation .custom-slider-nav button:hover img {

    filter: invert(1);

}

.featured-card-slider {

    padding: 0;

}

.featured-card-slider .slick-slide {

    margin: 0 10px;

}



.featured-card-slider .slick-track {

    margin-bottom: 30px; /* same value as above */

}

.btns-navigation .action-btn a {

    border-radius: 12px;

}

/*** Property card CSS ***/

.property-card {

    background: #fff;

    border-radius: 30px;

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

    margin-bottom: 30px;

}

.property-card .card-top-content {

    position: relative;

}

.property-card .property-types {

    position: absolute;

    top: 20px;

    left: 20px;

    z-index: 2;

}

.property-card .property-types ul li {
    background: #f5f5f5;
    padding: 5px 4px;
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    border-radius: 5px;
    font-family: "objective-medium";
    text-transform: capitalize;
}

.property-card .card-facts {

    position: absolute;

    bottom: 25px;

    left: 25px;

    background: #f5f5f5;

    padding: 5px 10px;

    border-radius: 10px;

}

.property-card .card-facts ul {

    display: flex;

    gap: 0px;

    justify-content: space-evenly;

    align-items: center;

}

.property-card .card-facts ul li {

    border-right: 1px solid #dddddd;

    padding-right: 10px;

    padding-left: 10px;

    font-size: 12px;

    display: flex;

}

.property-card .card-facts ul li span img {

    padding-right: 5px;

}

.property-card .card-facts ul li:first-child {

    padding-left: 0;

}

.property-card .card-facts ul li:last-child {

    border: none;

}



.property-card .card-gallery .carousel {

    position: relative;

    border-top-left-radius: 30px;

    border-top-right-radius: 30px;

}

.property-card .card-gallery .carousel img {

    border-top-left-radius: 30px;

    border-top-right-radius: 30px;

    height: 330px;

    object-fit: cover;

}



.property-card .card-bottom-content {

    padding: 15px;

}

.property-card .card-title-price .title h1 {

    font-size: 16px;

    color: var(--primary-color);

    font-weight: 500;

}

.property-card .card-title-price .title h1 a{

font-family: "objective-medium";
font-size: 14px;

}

.property-card .card-title-price .location p {

    font-size: 10px;

    display: flex;

    gap: 5px;

}

.property-card .card-title-price .price p.price-label {

    margin: 0;

    font-size: 12px;

}

.property-card .card-title-price .price p.price-aed {

    font-weight: bold;

    font-size: 13px;

    color: var(--primary-color);

}

.property-card .listing-of {

    display: flex;

    gap: 10px;

    align-items: center;

}

.property-card .listing-of .name p:first-child {

    font-size: 10px;

    margin: 0;

}

.property-card .listing-of .name p:last-child {
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    font-family: "objective-bold";
}

.property-card .action-btns ul {

    display: flex;

    gap: 6px;

    align-items: center;

    justify-content: end;

}

.property-card .card-title-price {

    border-bottom: 1px solid var(--border-color);

}

.property-card .listed-by {

    padding-top: 10px;

}

.project-card .carousel-inner, .property-card .carousel-inner{

        border-top-left-radius: 30px;

    border-top-right-radius: 30px;

}

.property-card .carousel-control-next-icon,

.project-card .carousel-control-next-icon {

    background-image: url("../images/card-slider-arrow-next.svg");

    background-size: 20%;

    background-repeat: no-repeat;

    background-position: center;

    width: 20px;

    height: 20px;

    filter: none;

    background-color: rgba(255, 255, 255, 0.5);

    backdrop-filter: blur(8px);

    -webkit-backdrop-filter: blur(8px);

    padding: 15px;

}



.property-card .carousel-control-prev-icon,

.project-card .carousel-control-prev-icon {

    background-image: url("../images/card-slider-arrow-prev.svg");

    background-size: 20%;

    background-repeat: no-repeat;

    background-position: center;

    width: 20px;

    height: 20px;

    filter: none;

    background-color: rgba(255, 255, 255, 0.5);

    backdrop-filter: blur(8px);

    -webkit-backdrop-filter: blur(8px);

    padding: 15px;

}

.carousel-control-next,

.carousel-control-prev {

    opacity: 1;

}



/*** 



====================================================================

  Area section CSS

====================================================================

 */



section.area-section-card {

    background: rgba(205, 207, 207, 0.2);

    padding: 100px 0;

}

.text-content-div h1 {

    font-size: 26px;

    text-transform: uppercase;

    font-weight: bold;

    font-family: "objective-bold";

}

.text-content-div {
    padding-right: 100px;
    padding-left: 50px;
    padding-top: 30px;
}

.text-content-div p {

    font-size: 16px;

    line-height: 20px;

    margin-bottom: 25px;

}

.text-content-div a {

    padding: 15px 24px;

    font-size: 14px;

    border-radius: 12px;

}

.text-content-div a:hover {

    background: transparent;

}

.area-cards-slider .slick-slide {

    margin: 0 10px; /* Adjust space as needed */

}



.area-cards-slider .slick-list {

    margin: 0 -10px; /* compensates for slide margin */

}

.area-section-card .navigation {
    text-align: right;
    margin-top: -70px;
    margin-bottom: 0;
    padding-bottom: 53px;
}

/*** 

  Area card CSS

 */



.area-card {

    border-radius: 20px;

}

.card-content {

    position: relative;

    height: 290px;

    width: 100%;

}

.card-content img {

    width: 100%;

    height: 100%;

    border-radius: 30px;

    object-fit: cover;

}

.card-content .txt-content {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    display: flex;

    align-items: center;

    justify-content: space-between;

    background: rgba(34, 34, 35, 0.65);

    backdrop-filter: blur(8px);

    -webkit-backdrop-filter: blur(8px);

    color: #fff;

    border-radius: 20px;

    padding: 10px 20px;

}

.card-content .txt-content .text {

    color: #fff;

}

.card-content .txt-content .text p {

    margin-bottom: 4px;

}

.card-content .txt-content .text p a {

    color: #fff;

    font-size: 10px;
    font-family: "objective-regular";

}

.card-content .txt-content .text p a:hover {

    text-decoration: underline;

}

.card-content .txt-content .text h1 {

    font-size: 12px;

    text-transform: uppercase;

    font-family: "objective-bold";

}

.card-content .txt-content .text h1 a{

    color: var(--white-color);

}

.card-gallery {

    border-radius: 30px;

}

/*** 



====================================================================

 CTA CSS

====================================================================

 */



.home-cta-section-one.cta-section {

    position: relative;

    padding: 50px 0;

}

.home-cta-section-one .cta-content {

    background: var(--primary-color);

    padding: 40px 100px;

    text-align: center;

    border-radius: 30px;

    height: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}

.home-cta-section-one  .cta-section .row {

    display: flex;

    align-items: stretch; /* make both columns equal height */

}

.home-cta-section-one  .cta-content h1 {

    color: #fff;

    font-size: 32px;

    line-height: 42px;

    font-family: "objective-bold";
    text-transform: uppercase;

}

.home-cta-section-one .cta-content p {

    font-size: 26px;

    line-height: 30px;

    color: var(--white-color);

    margin: 26px 0;
        font-family: "objective-regular";

}

.cta-img {

    height: 442px;

    width: 100%;

    border-radius: 30px;

}

.cta-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 30px;

}

.cta-content a {

    padding: 10px 15px;

    font-size: 20px;

    text-transform: math-auto;

    border-radius: 12px;

}



/*** 



====================================================================

  Premium Project CSS

====================================================================

 */



.projects-section {

    padding: 50px 0;

}

.projects-section .row {

    row-gap: 20px;

}

.projects-section .title-row {

    margin-bottom: 50px;

}

.project-card {

    background: #fff;

    border-radius: 30px;

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

    margin-bottom: 30px;

}

.project-card .card-top-content {

    position: relative;

}

.project-card .property-types {

    position: absolute;

    top: 20px;

    left: 20px;

    z-index: 2;

}

.project-card .property-types ul {

    background: #f5f5f5;

    padding: 5px 4px;

    display: flex;

    border-radius: 5px;

}



.project-card .property-types ul li {

    font-size: 12px;

    font-weight: 500;

    line-height: 14px;

    padding: 0 2px;

}

.project-card .property-types ul li:after {

    content: ", ";

}

.project-card .property-types ul li:last-child:after {

    content: none;

}

.project-card .card-facts {

    position: absolute;

    bottom: 25px;

    left: 25px;

    background: #f5f5f5;

    padding: 5px 10px;

    border-radius: 10px;

}

.project-card .card-facts ul {

    display: flex;

    gap: 0px;

    justify-content: space-evenly;

    align-items: center;

}

.project-card .card-facts ul li {

    border-right: 1px solid #dddddd;

    padding-right: 10px;

    padding-left: 10px;

    font-size: 12px;

}

.project-card .card-facts ul li span img {

    padding-right: 5px;

}

.project-card .card-facts ul li:first-child {

    padding-left: 0;

}

.project-card .card-facts ul li:last-child {

    border: none;

}



.project-card .card-gallery .carousel {

    position: relative;

    border-top-left-radius: 30px;

    border-top-right-radius: 30px;

}

.project-card .card-gallery .carousel img {

    border-top-left-radius: 30px;

    border-top-right-radius: 30px;

    height: 330px;

    object-fit: cover;

}



.project-card .card-bottom-content {

    padding: 15px;

}

.project-card .card-title-price .title h1 {

    font-size: 16px;

    color: var(--primary-color);

    font-weight: 500;

}

.project-card .card-title-price .title h1 a{

        font-family: "objective-bold";

}

.project-card .card-title-price .location {

    font-size: 12px;

    display: flex;

}
.project-card .card-title-price .location p {
    display: flex;
    gap: 5px;
    margin-bottom: 0;
}

.project-card .card-title-price .price p.price-label {

    margin: 0;

    font-size: 12px;

}

.project-card .card-title-price .price p.price-aed {

    font-weight: bold;

    font-size: 14px;

    color: var(--primary-color);

}

.project-card .listing-of {

    display: flex;

    gap: 5px;

    align-items: center;

}
.project-card .listing-of .avatar {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 100%;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.10);
    padding: 8px;
}
.property-card .listing-of .avatar {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 100%;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.10);
}
.project-card .listing-of .avatar img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.property-card .listing-of .avatar img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}

.project-card .listing-of .name p:first-child {

    font-size: 10px;

    margin: 0;

}

.project-card .listing-of .name p:last-child {

    font-size: 10px;

    font-weight: bold;

    margin: 0;
    font-family: "objective-bold";

}

.project-card .action-btns ul {

    display: flex;

    gap: 5px;

    align-items: center;

    justify-content: end;

}

.project-card .card-title-price {

    border-bottom: 1px solid var(--border-color);
    padding-bottom: 12px;

}

.project-card .listed-by {

    padding-top: 10px;

}



.action-btns {

    height: 100%;

    vertical-align: middle;

    align-items: center;

    display: flex;

    justify-content: end;

}



.col.text-center.explore-project-btn {

    margin-top: 30px;

}

.col.text-center.explore-project-btn a {

    padding: 15px 20px;

    font-size: 16px;

    text-transform: capitalize;

    border-radius: 12px;

}
li.select2-selection__choice {
    display: flex;
    flex-direction: row-reverse;
    gap: 20px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #000;
    margin-right: 4px;
    font-size: 30px;
    font-weight: normal;
    line-height: 25px;
    padding: 0;
    height: 20px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 5px 8px 0 8px !important;
}
.input-group.search-field-input .select2-container--default .select2-selection--multiple {
    height: 40px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #003C38 !important;
    color: white;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] i, .select2-container--default .select2-results__option--highlighted[aria-selected] small {
    color: #fff !important;
}


/* Allow Select2 to grow vertically */
.search-field-input {
    align-items: flex-start;
}

/* Main Select2 container */
.search-field-input .select2-container--default .select2-selection--multiple {
    min-height: 40px;
    height: auto;
    padding: 6px 0px 6px 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    overflow: hidden;
}

/* Selected items */
.search-field-input .select2-selection__rendered {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

/* Individual selected tag */
.search-field-input .select2-selection__choice {
    margin: 0;
    max-width: 100%;
}

/* Search input stays inline */
.search-field-input .select2-search--inline {
    flex-grow: 1;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 31px;
}

.sorting-wrapper p , .sorting-wrapper .btn-group{
    display: none;
}



/*** 



====================================================================

  CTA 2 Section

====================================================================

 */



section.cta-section-2 {

    background: url("../images/cta-2-img.jpg") no-repeat;

    background-position: center center;

    background-size: cover;

    display: flex;

    align-items: center;

    justify-content: center;

}

section.cta-section-2 .container-fluid {

    padding: 0;

}

.cta-section-2 .row {

    height: 100%;

}

.cta-section-2 .cta-bg-image {

    display: flex;

    width: 100%;

    height: 100%;

}

.cta-section-2 .cta-bg-image .col-md-6 {

    display: flex;

    align-items: center;

    justify-content: center;

    height: 100%;

}

.cta-section-2 .cta-2-content {

    height: 100%;

    width: 100%;

    text-align: center;

    background: rgba(255, 255, 255, 0.75);

    backdrop-filter: blur(8px);

    -webkit-backdrop-filter: blur(8px);

    padding: 200px 250px;

}

.cta-2-content h1 {

    font-size: 28px;

    font-weight: bold;

    color: var(--primary-color);

    font-family: "objective-bold";
    text-transform: uppercase;

}

.cta-2-content p {

    text-transform: math-auto;

    font-size: 20px;

    color: var(--primary-color);

    margin: 25px 0;

}

.cta-2-content a {

    padding: 10px 20px;

    font-size: 16px;

    text-transform: math-auto;

    border-radius: 12px;
    line-height: 30px;

}

.cta-2-content a:hover {

    background: transparent;

}



.cta-2-content {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



/*** 



====================================================================

  Blog CSS

====================================================================

 */

section.news-section {

    padding: 100px 0;

}

.news-section .row.title-row {

    margin-bottom: 50px;

}

.featured-news {

    position: relative;

}

section.news-section .section-title {

    width: 75%;

}

section.news-section .section-title h1 {

    font-size: 32px;

}

.blog-hero-section .input-group {

    background: #fff;

    padding: 6px;

    border-radius: 10px;

    z-index: 1;

    margin-top: 30px;

}

.blog-hero-section .input-group img {

    padding-left: 10px;

}

.blog-hero-section .btn {

    min-height: 40px;

    border-radius: 0;

    background: #003c38;

    color: #fff;

    font-weight: normal;

    text-transform: uppercase;

    padding: 10px 40px;

    border-radius: 10px;

    font-family: "objective-regular";

    font-size: 12px;

}

.blog-hero-section .form-control {

    height: 40px;

    border-color: #ffffff;

    border-radius: 0;

    font-family: "objective-regular";

}

.section-title-desc p {
    font-size: 18px;
    font-family: "objective-regular";
    padding-left: 100px;
    padding-right: 50px;
}


.featured-img {

    height: 480px;

    width: 100%;

    border-radius: 30px;

}

.featured-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 30px;

}

.featured-news-content {
    position: absolute;
    bottom: 45px;
    left: 0;
    width: 100%;
    padding-left: 45px;
}

.featured-news-content .content {

    background: #ffffff;

    padding: 40px;

    width: 70%;

    border-radius: 30px;

}

.news-title h1 {
    font-family: "objective-bold";
    color: var(--font-color);
    font-size: 26px;
    text-transform: uppercase;
    padding-right: 150px;
    line-height: 30px;
    margin-bottom: 25px;
}

.news-title h1 a{

     font-family: "objective-bold";   

}

.news-desc P {

    font-size: 16px;

    width: 85%;

}

.news-desc P a{

    color: var(--font-color);

}

.news-action {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 30px;

}

.news-action .news-date {

    display: flex;

    gap: 20px;

    align-items: center;

}

.news-action .news-date p.blog-tag {

    background: #000;

    color: #fff;

    padding: 10px 10px;

    border-radius: 12px;

    font-size: 14px;

    line-height: normal;

    margin: 0;

}

p.date {

    font-style: italic;

    font-size: 14px;

    line-height: normal;

    margin: 0;

}

.news-action-btn p {

    margin: 0;

}

.news-action-btn p a {

    color: var(--font-color);

    font-size: 14px;

}

.news-action-btn p img {

    padding-left: 10px;

}

.blog-list-wrapper {

    display: flex;

    flex-direction: column;

    gap: 10px;

}

.blog-list {

    border: 1px solid var(--border-color);

    border-radius: 30px;

    padding: 20px 50px 20px 20px;

}

.blog-list .content h1 {

    font-size: 20px;

    font-family: "objective-medium";

    color: var(--font-color);
    line-height: 25px;

}

.blog-list .content h1 a{

    font-family: "objective-bold";
    color: #000;

}

.blog-list .blog-meta {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-top: 38px;

}

.blog-list p.blog-tag {

    margin: 0;

    background: var(--primary-color);

    padding: 3px 10px;

    border-radius: 10px;

    font-size: 14px;

    color: var(--white-color);

}

a.btn.btn-style-one.brows-news-btn {

    font-size: 16px;

    padding: 20px 20px;

    margin-top: 50px;

    line-height: normal;

    border-radius: 15px;

}



/*** 

====================================================================

  Footer CSS

====================================================================

 */



section.footer-section {

    background: var(--primary-color);

    padding: 25px 70px 25px 70px;

    border-radius: 30px;

}

.newsletter-section {

    margin-bottom: 50px;

    padding-top: 45px;

}

.footer-links-section {

    margin-top: 40px;

    margin-bottom: 50px;

}

.newsletter-form .input-group {

    background: #fff;

    padding: 5px;

    border-radius: 12px;

    z-index: 1;

}

.newsletter-form .form-control {

    height: 40px;

    border-color: #ffffff;

    border-radius: 0;

    font-family: "objective-regular";

}

.newsletter-form .btn {

    min-height: 40px;

    border-radius: 0;

    background: #003c38;

    color: #fff;

    font-weight: normal;

    text-transform: uppercase;

    padding: 10px 40px;

    border-radius: 10px;

    font-family: "objective-regular";

    font-size: 12px;

}

.newsletter-title {

    max-width: 350px;

}

.newsletter-title h1.title {

    color: #fff;

    font-size: 32px;

    text-transform: uppercase;

    font-family: "objective-bold";

}

.newsletter-title p.subtitle {
    color: #fff;
    font-size: 16px;
    margin-bottom: 0;
}

.newsletter-form {

    max-width: 500px;

    float: right;

}

.newsletter-form p {

    color: var(--white-color);

}

.newsletter-form p {

    color: var(--white-color);

    font-size: 13px;

    font-style: italic;

    margin-top: 18px;

    font-family: "objective-regular";

}



p.footer-about-txt {
    color: var(--white-color);
    font-size: 12px;
    margin-top: 35px;
    width: 60%;
    font-family: "objective-regular";
}



.links-wrapper h1,

.company-social-wrapper h1 {

    font-size: 18px;

    color: var(--white-color);

    font-family: "objective-bold";

    text-transform: uppercase;

}

.links-wrapper ul {

    display: flex;

    gap: 12px;

    flex-direction: column;

    margin-top: 20px;

}



.links-wrapper ul li a {

    font-size: 16px;

    color: #fff;

    text-decoration: none;

}

.company-social-wrapper ul.contact-details li {

    display: flex;

    align-items: center;

    color: #fff;

    font-size: 12px;

    gap: 10px;

}

.company-social-wrapper ul.contact-details {

    display: flex;

    gap: 20px;

    flex-direction: column;

    margin-bottom: 30px;

    margin-top: 20px;

}

.company-social-wrapper ul.contact-details li p {

    margin: 0;
    padding-right: 350px;

}

.company-social-wrapper ul.contact-details li img.location-icon {

    width: 40px;

    filter: invert(1);

}

.company-social-wrapper ul.contact-details li img.email-icon {

    width: 20px;
    margin:3px;

}



.company-social-wrapper ul.social-links {

    display: flex;

    gap: 5px;

    margin-top: 30px;

}

.company-social-wrapper ul.social-links img {

    width: 24px;

}

p.copyright-txt {

    text-align: center;

    color: #fff;

    font-size: 12px;

    margin-bottom: 0;

    padding-top: 10px;

}



/*** 

====================================================================

  Page Banner CSS

====================================================================

 */



section.page-hero-banner {

    position: relative;

    width: 100%;

    border-radius: 30px;

    height: 480px;

}

section.page-hero-banner .banner-img {

    height: 480px;

    position: relative;

}

section.page-hero-banner .container-fluid {

    padding: 0;

}

section.page-hero-banner .banner-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 30px;

}

section.page-hero-banner.single-project-banner .col {

    position: relative;

}

h1.banner-title {

    position: absolute;

    top: 50%;

    text-align: center;

    left: 0;

    right: 0;

    color: #fff;

    z-index: 1;

    font-size: 42px;

    font-family: "objective-bold";

    text-transform: uppercase;

    width: 45%;

    margin: 0 auto;
    transform: translateY(-45%);

}

.single-project-banner h1.banner-title {
    text-transform: capitalize;
}

section.page-hero-banner .banner-img .overlay-dark {

    border-radius: 30px;

}

.pro-search-form form {

    align-items: center;

    justify-content: space-between;

    background: #fff;

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

    border-radius: 20px;

}

.input-group.search-field-input .select2.select2-container.select2-container--default{

    width: 90% !important;

}

.input-group.search-field-input .select2-container--default .select2-selection--multiple{

    border: none;

    background: transparent;

}





/* Hide checkbox */

.dropdown-toggle {

  display: none;

}



/* Button design */

.dropbtn {

    flex: 1;

    background: rgba(243, 243, 243, 0.85);

    padding: 10px;

    border-radius: 15px;

    align-items: center;

    display: flex;

    justify-content: space-between;

}

.dropbtn:hover{

    cursor: pointer;

}



/* Dropdown box (hidden by default) */

.dropdown-content {

    display: none;

    position: absolute;

    background-color: #fff;

    border-top: 1px solid #ddd !important;

    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    min-width: 100%;

    padding: 15px 5px;

    z-index: 1000;

    margin-top: 5px;

    gap: 0px;

    background: #f4f4f4;

    border: none;

    width: 100%;

    top: 40px;

    left: 0;

}



/* OPEN DROPDOWN WHEN CHECKBOX IS CHECKED */

.dropdown-toggle:checked ~ .dropdown-content {

  display: block;

}



/* Form fields */

.dropdown-content .field-group {
    width: 100%;
    background: #fff;
    margin: 0 5px;
    border-radius: 10px;
}
.dropdown.input-group .dropdown-toggle:checked ~ .dropdown-content {
    display: flex;
}

.price-select {

  width: 100%;

  padding: 8px;

  border: 1px solid #ccc;

  border-radius: 6px;

  height: 40px;

}















.pro-search-form form .input-group {

    flex: 1;

}

.pro-search-form form input,

.pro-search-form form select {

    border: none;

    background-color: rgba(243, 243, 243, 0.85);

}

.pro-search-form form .input-group {
    flex: 1;
    background: rgba(243, 243, 243, 0.85);
    padding: 2px 10px;
    border-radius: 10px;
    align-items: center;
}

.pro-search-form form .input-group img {

    width: 12px;

    position: relative;

    z-index: 2;

}

button.btn.btn-style-one.px-4.filter-search-btn {
    font-size: 12px;
    text-transform: uppercase;
    padding: 15px 55px;
    width: 175px;
    border-radius: 5px;
}

img.img-fluid.filter-search-icon {

    width: 20px !important;

}
.dropdown-content span#select2-max_price-mj-container, .dropdown-content span#select2-min_price-3q-container{
    color: #A9A9A9 !important;
}
.pro-search-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #666666 !important;
}
label.dropbtn {
    color: #666666 !important;
}

.select2-container .select2-search--inline .select2-search__field::placeholder {
    color: #666666 !important;
}


.filter-price-dropdown.show {

    display: flex;

    gap: 10px;

    background: #f4f4f4;

    border: none;

    width: 100%;

}

.filter-price-dropdown input {

    background: #fcfcfc !important;

    height: 50px;

    font-size: 12px;

    color: #a9a9a9;

    border-radius: 10px;

}



.dropdown-menu.p-3.filter-price-dropdown.show {

    transform: translate3d(0px, 50px, 0px) !important;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

    border-bottom-left-radius: 20px;

    border-bottom-right-radius: 20px;

}

.dropdown-menu.p-3.filter-price-dropdown.show:before {

    content: "";

    width: 90%;

    position: absolute;

    top: 0;

    height: 0.5px;

    background: #dedede;

    margin: 0 auto;

    text-align: center;

    right: 0;

    left: 0;

}

.price-btn:focus {

    box-shadow: none;

    outline: none;

}

.pro-search-form form input:focus,

.pro-search-form form select:focus {

    outline: none;

    box-shadow: none;

    background: transparent;

}

.select2-container--default .select2-selection--single {

    background-color: transparent;

    border: none;

    border-radius: 0;

}



.pro-search-form .select2-container--default .select2-selection--single .select2-selection__arrow {

    display: none;

}



.pro-search-form .select2-container--default .select2-selection--single {

    position: relative;

    padding-right: 30px;

}



.pro-search-form .select2-container--default .select2-selection--single::after {

    content: "";

    position: absolute;

    right: 10px;

    top: 50%;

    transform: translateY(-50%);

    width: 14px;

    height: 14px;

    background: url("../images/field-dropdown-icon.svg") no-repeat center center;

    background-size: contain;

    pointer-events: none;

}



.pro-search-form .select2-container--default .select2-selection--single {

    height: 40px;

    line-height: 40px;

    padding: 5px 0;

}

.sorting-wrapper {

    display: flex;

    align-items: center;

    justify-content: end;

    gap: 20px;

    margin: 30px 0;

}

.sorting-wrapper p {

    margin: 0;

}

.sorting-wrapper .btn-group {

    border: 1px solid #e5e5e5;

    padding: 10px;

    border-radius: 15px;

}

.sorting-wrapper .btn-group button {

    margin: 0 10px;

    background: transparent;

    border: none;

    color: var(--font-color);

    border-radius: 0 !important;

    font-size: 14px;

}

.sorting-wrapper .btn-group button.active {

    background: var(--primary-color);

    border-radius: 5px !important;

    color: var(--white-color);

}

.sorting-view button {

    background: transparent;

    color: var(--font-color);

    border: 1px solid #e5e5e5;

    padding: 14px 20px;

    border-radius: 15px;

    width: 150px;

    font-size: 14px;

}

.sorting-view button:hover {

    background: var(--primary-color);

    color: var(--white-color);

    border: 1px solid var(--primary-color);

}

.sorting-view button:hover img,

.sorting-view button.active img {

    filter: invert(1);

}

.sorting-view button.active {

    background: var(--primary-color);

    color: var(--white-color);

}

.sorting-view button:focus,

.sorting-view button:active,

.sorting-view button.active:focus {

    outline: none;

    box-shadow: none;

    background: var(--primary-color);

    border: none;

}

.sorting-view button:active img,

.sorting-view button:focus img {

    filter: invert(1);

}

section.grid-property-listing .row {

    row-gap: 20px;

}

nav.pagination-wrapper {

    margin: 50px 0;

    text-align: center;

    display: inline-block;

}

nav.pagination-wrapper ul li {

    margin: 5px;

}

nav.pagination-wrapper ul li a {

    border: none;

    background: rgba(205, 207, 207, 0.2);

    padding: 10px 20px;

    border-radius: 10px !important;

    font-size: 16px;

    color: #000;

}

nav.pagination-wrapper ul li a.active {

    background: var(--primary-color);

    color: var(--white-color);

}

nav.pagination-wrapper ul li a:hover {

    background: var(--primary-color);

    color: var(--white-color);

}

nav.pagination-wrapper ul li a:hover img {

    filter: invert(1);

}



/*** 

====================================================================

  List Card View property CSS

====================================================================

 */



.list-view-card {

    background: rgba(205, 207, 207, 0.2);

    border-radius: 30px;

    margin-bottom: 20px;

}

.list-card-content {

    padding: 30px 30px 30px 10px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    height: 100%;

}

.list-view-card .card-gallery,

.list-view-card .carousel,

.list-view-card .carousel-inner,

.list-view-card .carousel-item,

.list-view-card .carousel-item img {

    height: 100%;

    border-radius: 30px;

}

.list-view-card .carousel-item img {

    object-fit: cover;

    border-radius: 30px;

    height: 350px;

}

.list-card-content .title-tags-location .title-location .title h1 {

    font-size: 22px;

    color: var(--primary-color);

    font-family: "objective-medium";

}

.title-tags-location {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    gap: 70px;

}

.list-card-content .title-tags-location .title-location .location {

    display: flex;

    gap: 10px;

    align-items: center;
    margin-top: 20px;

}
.list-card-content .title-tags-location .title-location .location img {
    width: 20px;
}

.list-card-content .title-tags-location .title-location .location p {
    font-size: 16px;
     margin: 0;
}
.card-tags {

    background: var(--primary-color);

    padding: 5px 8px;

    color: #fff;

    border-radius: 5px;

}

.card-tags ul {

    display: flex;

    gap: 5px;

}

.card-tags ul li {

    font-size: 12px;

    color: var(--white-color);

}

.card-tags ul li:after {

    content: ",";

}

.card-tags ul li:last-child:after {

    content: none;

}

.list-card-facts ul {

    display: flex;

    gap: 20px;

}

.list-card-facts ul li {

    font-size: 14px;

    color: var(--font-color);

}

.list-card-facts {

    border-top: 1px solid #dddddd;

    border-bottom: 1px solid #dddddd;

    padding: 10px 0;

    margin: 15px 0;

    width: 75%;

}

.list-card-facts ul li span {

    margin-right: 5px;

}
.list-card-content .price {
    display: flex;
    align-items: self-start;
    gap: 0;
    flex-direction: column;
}

.price p.label {

    font-size: 14px;

    margin-bottom: 5px;

}

.price p.price-aed {

    font-size: 20px;

    font-family: "objective-bold";

    color: var(--primary-color);

    margin-bottom: 0;

}

.list-card-content .listing-of {

    display: flex;

    gap: 10px;

    align-items: center;

}
.list-card-content .listing-of .avatar {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 100%;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.10);
    padding: 0;
}
.listed-by.projects-listed-by .avatar {
    padding: 8px;
}
.list-card-content .listing-of .name p:first-child {

    font-size: 12px;

    margin-bottom: 2px;

    line-height: normal;

}

.list-card-content .listing-of .developer-avatar {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 100%;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.10);
    padding: 8px;
}

.list-card-content .listing-of .name p:last-child {

    font-size: 15px;

    font-family: "objective-bold";

    margin-bottom: 0;

}

.list-card-content .listing-of .avatar img, .list-card-content .listing-of .developer-avatar img {

    width: 100%;

    height: 100%;

}
.list-card-content .listing-of .developer-avatar img {
    object-fit: contain;
}

.action-btns ul {

    display: flex;

    gap: 5px;

}

.action-btns ul li a img {

    width: 35px;

}

.list-view-card .listed-by {

    margin-top: 15px;

}



.list-view-card .carousel-control-next-icon {

    background-image: url(../images/card-slider-arrow-next.svg);

    background-size: 20%;

    background-repeat: no-repeat;

    background-position: center;

    width: 20px;

    height: 20px;

    filter: none;

    background-color: rgba(255, 255, 255, 0.5);

    backdrop-filter: blur(8px);

    -webkit-backdrop-filter: blur(8px);

    padding: 15px;

}

.list-view-card .carousel-control-prev-icon {

    background-image: url(../images/card-slider-arrow-prev.svg);

    background-size: 20%;

    background-repeat: no-repeat;

    background-position: center;

    width: 20px;

    height: 20px;

    filter: none;

    background-color: rgba(255, 255, 255, 0.5);

    backdrop-filter: blur(8px);

    -webkit-backdrop-filter: blur(8px);

    padding: 15px;

}
.mfp-bottom-bar {
    margin-top: 15px !important;
}
.mfp-counter {
    color: #fff !important;
}
.mfp-fixed-size img.mfp-img {
    border-radius: 20px !important;
    padding: 0;
 
}
button.mfp-close {
    top: -40px;
}
.mfp-arrow:before, .mfp-arrow:after {
    border: none !important;
    margin-top:0 !important;
    border-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0  !important;
}

 /* Add your single chevron */
.mfp-arrow-left::after {
  content: "‹";
  font-size: 40px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mfp-arrow-right::after {
  content: "›";
  font-size: 40px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mfp-arrow-right::after {
  content: "›";
  font-size: 40px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  left: unset;
}

.floor-plan-section .nav-tabs-wrapper {
    width: 100%;
}


/*** 

====================================================================

  List Card View Projects CSS

====================================================================

 */



.title-tags {

    display: flex;

    gap: 20px;

}

.left-colmn {

    flex: 0 0 60%;

}

.right-colmn {

    flex: 0 0 40%;

}



.title-tags .title h1 {

    font-size: 22px;

    color: var(--primary-color);

    font-family: "objective-medium";

}

.title-tags .title h1 a{

 font-family: "objective-medium";

}

.price-tags.right-colmn p.price-label {

    font-size: 14px;

    margin-bottom: 5px;

}

.price-tags.right-colmn p.aed-price {

    font-size: 20px;

    margin-bottom: 0;

    color: var(--primary-color);

    font-family: "objective-bold";

}



.project-list-card-facts ul li {

    display: flex;

    align-items: center;

    gap: 10px;

    line-height: 30px;

}

.project-list-card-facts ul li p {

    margin-bottom: 0;

    font-size: 14px;

}

.project-list-card-facts ul li img {

    width: 22px;

}

.project-list-card-facts {

    border-top: 1px solid #dddddd;

    border-bottom: 1px solid #dddddd;

    width: 55%;

    padding:5px 0;

}

.project-actions li a {
    font-size: 15px;
    padding: 12px 16px;
}



/*** 

====================================================================

  Single property listing page

====================================================================

 */



.header.white-bg-header {

    padding: 0;

}

.header.white-bg-header .hamburger-menu img {

    filter: invert(1);

}

section.property-listing-banner {

    margin-top: 85px;

    margin-bottom: 50px;

}

/* .property-listing-banner .row {

    display: flex;

}
section.property-listing-banner .col-md-4.mob-hide {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 20px;
}


.property-listing-banner .col-md-8,

.property-listing-banner .col-md-4 {

    display: flex;

    flex-direction: column;

    gap: 20px;

}

.gallery-img {

    height: 100%;

} */



 
.property-listing-banner .row.banner-imgs-view {
    display: flex;
    height: 80vh;  
    margin: 0;
}

.property-listing-banner .col-md-8 {
    padding-right: 7.5px;
    padding-left: 0;
    height: 100%;
}

.property-listing-banner .col-md-4 {
    padding-left: 7.5px;
    padding-right: 0;
}

/* Left column - Full height image */
.property-listing-banner .col-md-8 .gallery-img {
    width: 100%;
    height: 100%; /* Must match row height */
}

.property-listing-banner .col-md-8 .gallery-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
    display: block;
}

/* Right column - Two stacked images */
.property-listing-banner .col-md-4 {
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: 100%; /* Must match row height */
}

.property-listing-banner .col-md-4 > .gallery-img,
.property-listing-banner .col-md-4 > .view-all-photos-div {
    height: 100%; /* (500px - 15px gap) / 2 */
    overflow: hidden;
    border-radius: 30px;
}
.property-listing-banner .col-md-4 > .view-all-photos-div > .gallery-img {
    height: 100%;
}
.property-listing-banner .col-md-4 .gallery-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


@media (max-width: 1024px) {
.property-listing-banner .row.banner-imgs-view {
    height: 40vh;
}    
}
/* Responsive */
@media (max-width: 767px) {
    .property-listing-banner .row.banner-imgs-view  {
        height: auto !important;
        flex-direction: column;
    }
    
    .property-listing-banner .col-md-8 {
        padding: 0;
        margin-bottom: 15px;
    }

    .property-listing-banner .col-md-8 .gallery-img {
        height: 300px;
    }
    
    .property-listing-banner .col-md-4 {
        display: flex;
        flex-direction: row; /* Change to row for side by side */
        gap: 15px;
        height: auto;
        padding: 0;
    }
    
    .property-listing-banner .col-md-4 > .gallery-img,
    .property-listing-banner .col-md-4 > .view-all-photos-div {
        flex: 1;  
        height: 150px;  
    }
    
    .property-listing-banner .col-md-4 .gallery-img {
        width: 100%;
        height: 100%;
    }
    
    .property-listing-banner .col-md-4 .gallery-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .property-listing-banner .view-all-photos-div {
        position: relative;
    }
    
    .property-listing-banner .view-all-photos-div .gallery-img {
        width: 100%;
        height: 100%;
    }
}




.gallery-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 30px;

}

.view-all-photos-div {

    position: relative;

}

.view-all-btn {

    position: absolute;

    top: 45%;

    left: 0;

    right: 0;

    text-align: center;

}

.view-all-btn p {

    background: rgba(255, 255, 255, 0.8);

    backdrop-filter: blur(8px);

    -webkit-backdrop-filter: blur(8px);

    display: inline-block;

    padding: 25px 50px;

    border-radius: 20px;

    font-size: 14px;

    margin-bottom: 0;

    transform: translateY(-50%);

}

.view-all-btn p:hover {

    cursor: pointer;

}

.full-view-gallery {

    display: none;

}

.mfp-bg {

    background: #000000 !important;

    opacity: 0.8;

}

.property-lifeside .property-brief .title h1 {

    font-size: 32px;

    width: 80%;

    color: var(--font-color);

    font-family: "objective-bold";

}

.property-lifeside .location {

    display: flex;

    gap: 10px;

    align-items: center;

    margin-top: 20px;

}

.property-lifeside .location p {

    margin-bottom: 0;

}

.property-lifeside .location img {

    width: 22px;

}

.property-lifeside .property-facts ul,

.property-lifeside .property-facts ul li {

    display: flex;

    gap: 10px;

    align-items: center;

}

.property-lifeside .property-facts ul li p {

    margin: 0;

}

.property-lifeside .property-facts ul li img {

    width: 22px;

}

.property-lifeside .property-facts {

    margin-top: 30px;

}

.property-lifeside .property-facts ul li {

    position: relative;

    padding-right: 10px;

}

.property-lifeside .property-facts ul li:after {

    content: "";

    position: absolute;

    width: 1px;

    height: 50%;

    background: #aeaeae;

    right: 0;

}

.property-lifeside .property-facts ul li:last-child:after {

    content: none;

}

.property-lifeside .overview {

    margin-top: 40px;

}

.property-lifeside .overview h1 {

    font-size: 22px;

    color: var(--font-color);

    font-family: "objective-bold";

}

.property-lifeside .overview p {

    font-size: 16px;

    color: var(--font-color);

    width: 95% !important;

}

.features-amenities {

    margin-top: 50px;

}

.features-amenities h1 {

    font-size: 22px;

    color: var(--font-color);

    font-family: "objective-bold";

}

.property-lifeside .features-amenities ul.features-list li {

    background: rgba(205, 207, 207, 0.2);

    border-radius: 10px;

    padding: 6px 8px;

    display: flex;

    align-items: center;

    gap: 5px;

    font-size: 14px;

}

.property-lifeside .features-amenities ul.features-list {

    display: flex;

    gap: 10px;

    align-items: center;
    flex-wrap: wrap;

}

.property-lifeside .features-amenities ul.features-list li p {

    margin: 0;

}

.property-lifeside .features-amenities ul.features-list li img {

    width: 24px;

}

.location-information {

    margin-top: 50px;

}

.location-information .map {

    width: 350px;

    height: 300px;

    border-radius: 30px;

}

.location-information .map iframe {

    display: block;

    width: 350px !important;

    border-radius: 30px;

}

.location-information {

    margin-top: 50px;

    display: flex;

    gap: 20px;

    align-items: center;

}

.location-information .map-content h1 {

    font-size: 22px;

    color: var(--font-color);

    font-family: "objective-bold";

    margin-bottom: 20px;

}

.readmore-text {

    overflow: hidden;

    transition: height 0.4s ease;

}



.readmore-btn {

    color:var(--primary-color);

    background: none;

    border: none;

    padding: 0;

    cursor: pointer;

    margin-top: 5px;

    font-size: 16px;

    font-family: "objective-regular";

}

.readmore-btn:hover {

    text-decoration: underline;

}



.readmore-wrap {

    margin-bottom: 15px;

}



/**sidebar **/



.listed-by-sidebar {

    background: rgba(205, 207, 207, 0.2);

    padding: 30px;

    border-radius: 30px;

}

.listed-by-sidebar h1 {

    font-size: 22px;

    font-family: "objective-bold";

    color: var(--font-color);

}

.listed-by-sidebar .listing-of .name p {

    font-size: 14px;

    font-family: "objective-bold";

    margin-bottom: 0;
    color: #000;

}

.listed-by-sidebar .listing-of .avatar {

    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 100%;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.10);
}
.listed-by-sidebar .listing-of .avatar img {

    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}
.listed-by-sidebar .listing-of .avatar a {
    height: 100%;
    width: 100%;
}
.list-card-content .listing-of .avatar{
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 100%;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.10); 
}
.list-card-content .listing-of .avatar img{
        width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}


.listed-by-sidebar .listing-of {

    display: flex;

    align-items: center;

    gap: 10px;

}

.listed-by-sidebar .readmore-txt{

    font-size: 14px;

}

.listed-by-sidebar .table {

    margin-top: 30px;

    font-size: 12px;

    line-height: normal;

}
.listed-by-sidebar .table a {
    text-decoration: underline !important;
}

.listed-by-sidebar .table tr td {

    border-bottom: 0;

}

.listed-by-sidebar .table tr td:first-child {

    border-right: 1px solid #dddddd;

}

.listed-by-sidebar .table tr td:nth-child(2) {

    padding-left: 30px;

}

.single-property-side-bar .bio {

    font-size: 12px;

    margin-top: 30px;

}

.single-property-side-bar .price-wrapper .price .label {

    font-size: 14px;

}

.single-property-side-bar .price-wrapper .price h1 {

    font-size: 32px;

    font-family: "objective-bold";

    color: var(--font-color);

}

.single-property-side-bar .price-wrapper p.pn {

    font-size: 20px;

    margin-top: 22px;
    margin-bottom: 0;

}

.single-property-side-bar .price-wrapper {

    border: 1px solid #f3f3f3;

    border-radius: 30px;

    padding: 30px;

    margin-bottom: 35px;

}



.sidebar-wrapper {

    position: relative;

    box-shadow: none;

    border: none;

    margin: 0;

    padding: 0;

}
/* 
.single-property-side-bar {

    position: absolute;

} */

.single-property-side-bar.fixed {

    position: fixed;

    top: 0;

    width: 31%;

}

.fixed {

    position: fixed;

    top: 20px; /* adjust as needed */

    width: 100%;

}
.price.mobile-property-price {
    border: 1px solid rgb(205 207 207 / 50%);
    border-radius: 30px;
    padding: 30px;
    margin-bottom: 35px;
    margin-top: 30px;
    display: none;
}


/** CTA ***/

.cta-banner-single-property {

    margin-top: 150px;
    margin-bottom: 80px;
    position: relative;

}
.cta-banner-single-property .col{
    position: relative;
    padding: 0;
}
.cta-banner-single-property .banner-img {

    width: 100%;

    height: 470px;

    position: relative;

    border-radius: 30px;

}

.cta-banner-single-property .banner-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 30px;

}

.cta-banner-single-property .banner-caption {

    position: absolute;

    top: 50%;

    left: 50%;

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

    text-align: center;

}

.cta-banner-single-property .banner-caption h1 {

    font-size: 52px;

    text-transform: uppercase;

    color: #fff;

    font-family: "objective-regular";
    line-height: 60px;

}

.cta-banner-single-property .banner-caption h1:nth-child(2) {

    font-family: "objective-bold";

}



/** related **/



.related-property-section {

    margin-bottom: 100px;

}



/*** 

====================================================================

  Single Project listing page

====================================================================

 */



.page-hero-banner.single-project-banner,

.page-hero-banner.single-project-banner .banner-img {

    height: 630px;

}

.gallery-view-banner {

    position: absolute;

    right: 3%;

    bottom: 4%;

    display: flex;

    align-items: center;

    gap: 10px;

    background: rgba(255, 255, 255, 0.7);

    padding: 8px 10px;

    backdrop-filter: blur(8px);

    -webkit-backdrop-filter: blur(8px);

    border-radius: 10px;

    z-index: 1;

    text-transform: capitalize;

}

.gallery-view-banner p {

    margin-bottom: 0;

}

.gallery-view-banner:hover {

    cursor: pointer;

}



.project-full-view-gallery {

    display: none;

}



section.project-details-section {

    margin-top: 50px;

}

.project-keyinformation {

    background: rgba(205, 207, 207, 0.2);

    padding: 25px;

    border-radius: 30px;

}

.project-keyinformation .content h1 {

    font-size: 32px;

    font-family: "objective-bold";
    padding-left: 15px;

}

.project-facts-list ul {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 35px;

    margin-top: 50px;

}

.project-facts-list ul li {

    display: flex;

    gap: 10px;

    align-items: flex-start;

    font-family: "objective-regular";

    color: var(--font-color);

    font-size: 16px;

}

.project-facts-list ul li p {

    margin: 0;

}

.project-facts-list ul li p:first-child {

    font-family: "objective-medium";

    color: var(--primary-color);

    font-size: 18px;

}

.about-project {

    margin-top: 50px;
    margin-bottom: 50px;

}

.about-project .readmore-wrap{

    width: 90%;

}

.about-project p.subtitle {

    font-size: 22px;

    font-family: "objective-bold";

}

.about-project h1.title {

    font-size: 28px;

    margin-bottom: 50px;

}

.payment-plan-content .payemnt-tabs h1 {

    font-size: 18px;

    margin-bottom: 30px;

}



.payemnt-tabs {

    background: rgba(205, 207, 207, 0.2);

    padding: 30px;

    border-radius: 30px;

}



.payemnt-tabs .nav-tabs {

    border: none;

    gap: 0.5rem;

    margin-bottom: 1.5rem;

}



.payemnt-tabs .nav-link {

    border: none;

    padding: 10px;

    border-radius: 10px;

    font-weight: 500;

    color: var(--font-color);

    transition: all 0.3s ease;

    background: var(--white-color);

    font-size: 15px;

}

.payemnt-tabs .nav-link:hover {

    background: var(--primary-color);

    color: white;

}



.payemnt-tabs .nav-link.active {

    background: var(--primary-color);

    color: var(--white-color);

}



.payemnt-tabs .tab-content {

    background: transparent;

    margin-top: 25px;

}



/* Content Animation */

.tab-pane.fade {

    transition: all 0.2s ease-out;

}



.tab-pane.fade.show {

    animation: fadeIn 0.5s ease-out;

}



@keyframes fadeIn {

    from {

        opacity: 0;

        transform: translateY(10px);

    }



    to {

        opacity: 1;

        transform: translateY(0);

    }

}



.payment-options ul {

    display: flex;

    gap: 40px;

    align-items: center;

    justify-content: space-around;
    flex-wrap: wrap;

}

.payment-options ul li {

    text-align: center;

}

.payment-options ul li p:first-child {

    font-size: 27px;

    color: var(--primary-color);

    font-family: "objective-bold";

    margin-bottom: 10px;

}

.payment-options ul li p:nth-child(2) {
    margin: 0;
    text-transform: capitalize;
}


.single-project-side-bar {

    position: absolute;

    width: 100%;

}

.single-project-side-bar.fixed {

    position: fixed;

    top: 0;

    width: 30%;

}

.single-project-side-bar .price-wrapper,

.single-project-side-bar .developer-wrapper,

.intouch-form-wrapper {

    margin-bottom: 20px;

    background: rgba(205, 207, 207, 0.2);

    padding: 20px 40px;

    border-radius: 30px;

}

.single-project-side-bar .price-wrapper .price .label {

    font-size: 14px;

}

.single-project-side-bar .price-wrapper .price h1 {

    font-size: 32px;

}

.single-project-side-bar .developer-info h1 {

    font-size: 22px;

}

.developer-wrapper .developer-info .logo-name {

    display: flex;

    gap: 10px;

    align-items: center;

}

.developer-info .logo-name .logo-img {

    background: #fff;

    width: 42px;

    height: 42px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 100%;

    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    padding: 5px;

}

.developer-wrapper p.developer-name {

    margin-bottom: 0;

    font-size: 13px;

    font-family: "objective-bold";

}

.developer-wrapper .developer-actions a {

    display: flex;

    align-items: center;

    text-align: center;

    justify-content: center;

    margin-bottom: 10px;

    border-radius: 10px;

}

.intouch-form-wrapper h1 {

    font-size: 18px;

    font-family: "objective-medium";

    margin: 25px 0;

}

.intouch-form-wrapper form input {

    height: 40px;

    border-radius: 6px;

    border: none;

    font-size: 12px;

}

.intouch-form-wrapper form textarea {

    border-radius: 6px;

    border: none;

    font-size: 12px;

}

.intouch-form-wrapper .btn.btn-style-one {

    font-size: 12px;

    text-transform: uppercase;

    padding: 15px 55px;

    float: right;

    font-family: "objective-medium";

    border-radius: 15px;

}

.intouch-form-wrapper {

    padding: 30px 40px;

}

.download-brochure-wrapper {

    background: var(--primary-color);

    padding: 25px 40px;

    border-radius: 30px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.download-brochure-wrapper .download-btn h1 {

    color: var(--white-color);

    font-size: 18px;

    font-family: "objective-medium";

    margin-bottom: 20px;

}

.download-brochure-wrapper .download-btn a.btn.btn-style-two {

    padding: 15px 55px;

    font-size: 12px;

    text-transform: uppercase;

    background: var(--white-color);

    border: none;

    font-family: "objective-medium";

    color: var(--primary-color);

    border-radius: 15px;

}



/** Ameneties **/



.amenities-lifestyle-section {

    margin: 50px 0;

    border-top: 1px solid #dbdbdb;

    border-bottom: 1px solid #dbdbdb;

    padding: 40px 0;

}

.amenities-lifestyle-section .title h1 {

    font-size: 32px;

}

.amenities-lifestyle-section .desc p {

    font-size: 16px;

    padding-left: 100px;

}



.amenities-lifestyle-section .amenities-list ul.features-list {

    display: flex;

    flex-wrap: wrap;

    gap: 20px;

    align-items: center;

    padding: 0;

    margin: 0;

}

.amenities-lifestyle-section .amenities-list ul.features-list li {

    background: rgba(205, 207, 207, 0.2);

    border-radius: 10px;

    padding: 6px 8px;

    display: flex;

    align-items: center;

    gap: 5px;

    font-size: 14px;

}

.amenities-lifestyle-section .amenities-list ul.features-list li img {

    width: 24px;

}

.amenities-lifestyle-section .amenities-list ul.features-list li p {

    margin: 0;

}

.amenities-list {

    padding-left: 100px;

}

.row.align-items-center.listed-row {

    margin-top: 20px;

}

.amenities-img img {

    width: 100%;

    height: 400px;

    object-fit: cover;

    border-radius: 30px;

}



/*** Services & Privileges ***/



.services-section {

    margin-bottom: 100px;

}

.services-section h1.text-center {

    font-size: 32px;

    margin-bottom: 50px;

}

.services-section .left-colmn {

    background: rgba(205, 207, 207, 0.2);

    padding:30px 30px 50px 30px;

    border-radius: 30px;
    height: 100%;

}

.services-section .left-colmn .banner-img {

    width: 100%;

    height: 250px;

    text-align: center;

    border-radius: 30px;

    margin-bottom: 30px;

}

.services-section .left-colmn .banner-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 30px;

}

.services-section .left-colmn .content h1 ,.services-section .right-colmn .content h1 {

    font-size: 22px;

}

.services-section .left-colmn .content p ,.services-section .right-colmn .content p {

    font-size: 16px;

    width: 90%;

}

.services-section .left-colmn .left-services-list h1 {

    font-size: 22px;

    margin-top: 15px;

    color: var(--primary-color);

}

.services-section .left-colmn .left-services-list ul {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 20px;

    margin-top: 20px;

}



.services-section .left-colmn .left-services-list ul li {

    display: flex;

    gap: 20px;

    align-items: center;

}

.services-section .left-colmn .left-services-list ul li p {

    margin-bottom: 0;

    font-size: 14px;

    width: 65%;

}

.services-section .right-colmn {

    background: var(--primary-color);

    padding: 30px 30px 50px 30px;

    border-radius: 30px;

    height: 100%;

}

.services-section .right-colmn .banner-img {

    width: 100%;

    height: 250px;

    text-align: center;

    border-radius: 30px;

    margin-bottom: 30px;

}

.services-section .right-colmn .banner-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 30px;

}

.services-section .right-services-list h1 {

    font-size: 22px;

    color: var(--white-color);

}

.services-section .right-services-list ul {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 42px;

    margin-top: 20px;

    color: var(--white-color);

}



.services-section .right-services-list ul li {

    display: flex;

    gap: 20px;

    align-items: center;

}

.services-section .right-services-list ul li img {
    filter: invert(1);
}

.services-section .right-services-list ul li p {

    margin-bottom: 0;

    font-size: 14px;

    color: var(--white-color);

    font-size: 14px;

    line-height: 20px;

}



/** CTA ***/



.project-cta-section .cta-banner-content {

    position: relative;

    padding: 0;

}

.project-cta-section .cta-banner-content .img {

    width: 100%;

    height: 635px;

    border-radius: 30px;

}

.project-cta-section .cta-banner-content .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 30px;

}

.project-cta-section .cta-banner-content .text-content {

    position: absolute;

    right: 115px;

    top: 50%;

    background: rgba(255, 255, 255, 0.65);

    padding: 100px 35px;

    width: 550px;

    text-align: center;

    border-radius: 30px;

    backdrop-filter: blur(8px);

    -webkit-backdrop-filter: blur(8px);

    transform: translateY(-50%);

}

.project-cta-section .cta-banner-content .text-content h1 {

    font-size: 28px;

    text-transform: uppercase;

    color: var(--primary-color);

}

.project-cta-section .cta-banner-content .text-content p {

    font-size: 20px;

    color: var(--primary-color);

    margin: 25px auto;

    width: 85%;

}

.project-cta-section .cta-banner-content .text-content .btn-group {

    gap: 10px;

}

.project-cta-section .cta-banner-content .text-content .btn-group a {

    font-size: 16px;

    text-transform: math-auto;

    border-radius: 8px;

    padding: 10px 15px;

    line-height: 30px;

}



/*** Floor plan ***/



.floor-plan-section {

    margin: 50px 0;

}

.floor-plan-section .title h1 {

    font-size: 32px;

    margin-bottom: 50px;

}

.floor-plan-section .nav-tabs-wrapper li.nav-item {

    position: relative;

}

.floor-plan-section .nav-tabs-wrapper li.nav-item a {

    font-size: 22px;

    text-transform: capitalize !important;

    padding: 25px;

    border-radius: 20px;

}

.floor-plan-section .nav-tabs-wrapper li.nav-item a.active {

    background: var(--primary-color);

    color: var(--white-color);

}

.floor-plan-section .nav-tabs-wrapper li .dropdown-menu.show {

    display: block;

    width: 100%;

    border: none;

    padding: 50px 30px;

}

.floor-plan-section .nav-tabs-wrapper li button {

    position: absolute;

    left: 0;

    right: 0;

    top: 20px;

    filter: invert(1);

}

.floor-plan-section .nav-tabs-wrapper li button:after {

    content: none;

}

.floor-plan-section .nav-tabs-wrapper li button img {

    width: 20px;

    filter: invert(1);

    float: right;

    margin-right: 25px;

}



.floor-plan-section .accordion-button.collapsed {

    background: rgba(205, 207, 207, 0.2);

    padding: 25px;

    border-radius: 20px !important;

    color: var(--font-color);
    font-size: 22px;

}

.floor-plan-section .accordion-button {

    background: var(--primary-color);

    padding: 25px;

    border-radius: 20px !important;

    color: #fff;
    font-size: 22px;

}

.floor-plan-section .accordion-item {

    margin-bottom: 20px;

    border: none;

    background: rgba(205, 207, 207, 0.2);

    border-radius: 20px;

}


.floor-plan-section .accordion-item .accordion-body ul {
    display: flex;
    gap: 100px;
    align-items: center;
    padding: 20px 40px;
}

.floor-plan-section .accordion-item .accordion-body ul li {

    font-size: 15px;

}

.floor-plan-section .accordion-item .accordion-body ul li p:nth-child(1) {

    margin-bottom: 5px;

}

.floor-plan-section .accordion-item .accordion-body ul li p:nth-child(2) {

    font-family: "objective-bold";
    margin-bottom: 0;

}

.floor-plan-section .accordion-button:focus,

.floor-plan-section .accordion-button:active {

    outline: none;

    box-shadow: none;

    border: none;

}

.floor-plan-section .accordion-button:not(.collapsed)::after {

    background-image: url("../images/chev-down-arrow.svg");

    transform: rotate(-180deg);

}

.floor-plan-section .content-wrapper .tab-content {

    border: none !important;

}

.floor-plan-section .content-wrapper .tab-content img {

    width: 80%;

    margin: 0 auto;

    text-align: center;

    align-items: center;

    display: flex;

}

.location-frame {

    height: 340px;

    width: 100%;

    border-radius: 30px;

}

.location-frame iframe {

    border-radius: 30px;

}

.location-info-section {

    margin-bottom: 50px;
    margin-top: 50px;

}

.location-txt {

    background: var(--primary-color);

    padding: 30px 50px;

    height: 100%;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: center;

    border-radius: 30px;

}

.location-txt h1.title {

    font-size: 28px;

    color: #fff;

}

.location-txt p.subtitle {

    color: #fff;

    font-size: 16px;

    font-family: "objective-bold";

}

.location-txt p {

    color: #fff;

    font-size: 16px;

    font-family: "objective-regular";

}



/** Why Invest ***/



section.why-investment-section .row .col-md-6:nth-child(1) .why-invest-wrapper {

    background: rgba(205, 207, 207, 0.2);

    border-radius: 30px;
  height: 100%;
}



section.why-investment-section .row .col-md-6:nth-child(2) .why-invest-wrapper {

    background: #e7dfd0;

    border-radius: 30px;
    height: 100%;

}

section.why-investment-section h1.text-center {

    font-size: 32px;

    margin-bottom: 50px;

}

.why-investment-section .why-invest-wrapper .content .img {

    width: 100%;

    height: 360px;

}

.why-investment-section .why-invest-wrapper .content .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 30px;

}

.why-investment-section .why-invest-wrapper .content .txt {

    padding: 50px;

}

.why-investment-section .why-invest-wrapper .content .txt h1.title {

    font-size: 22px;

}

.why-investment-section .why-invest-wrapper .content .txt p.subtitle {

    font-size: 20px;

    font-style: italic;

}

.why-investment-section .why-invest-wrapper .content .txt p.desc {

    font-size: 16px;

}

.why-single-row {

    background: var(--primary-color);

    border-radius: 30px;

    margin-top: 30px;

}

.why-single-row .txt {

    padding: 50px 50px 50px 10px;

}
.why-single-row .txt .readmore-wrap button {
    color: #fff;
}
.why-single-row .img {

    width: 100%;

    height: 100%;

    border-radius: 30px;

}

.why-single-row .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 30px;

}

/* Make row equal height */
.equal-height {
    display: flex;
}

/* Make both columns stretch */
.equal-height > [class*="col-"] {
    display: flex;
}

/* Image wrapper fills column */
.image-col .img {
    width: 100%;
    height: 100%;
}

/* Image behaves like background */
.image-col img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


.why-single-row .txt h1.title {

    font-size: 22px;

    color: var(--white-color);

}

.why-single-row .txt p.subtitle {

    font-size: 20px;

    font-style: italic;

    color: var(--white-color);

}

.why-single-row .txt p.desc {

    font-size: 16px;

    color: var(--white-color);
    margin-bottom: 0;

}



/** CTA style 2 ***/



.cta-section-style-2 {

    position: relative;

    margin: 50px 0;

}

.cta-section-style-2 .content {

    padding: 0;

}

.cta-section-style-2 .content .img {

    width: 100%;

    height: 365px;

    border-radius: 30px;

}

.cta-section-style-2 .content .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 30px;

}

.cta-section-style-2 .content .img .overlay-dark {
    border-radius: 30px;
    opacity: 0.68;
}

.cta-section-style-2 .content {

    padding: 0;

    position: relative;

    z-index: 1;

}

.cta-section-style-2 .txt {

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    text-align: center;

    z-index: 2;

    transform: translateY(-50%);

    width: 35%;

    margin: 0 auto;

}

.cta-section-style-2 .content h1 {
    font-size: 38px;
    line-height: 42px;
    color: #fff;
    font-style: italic;
    margin-bottom: 34px;

}
 
.cta-section-style-2 .txt a {

    font-size: 20px;
    margin: 0 10px;
    padding: 10px 20px;

    font-family: "objective-regular";
    line-height: 30px;

}

.cta-section-style-2 .content p {

    color: #fff;
    margin-bottom: 26px;
    font-size: 20px;

}



/*** Design and inspiration **/



.design-inspiration-section {

    margin-bottom: 50px;

}

.design-inspiration-section h1 {

    font-size: 32px;
    margin-bottom: 50px;
}



.design-inspiration-section .row .col-md-6:nth-child(1) .design-wrapper {

    height: 100%;

    border-radius: 30px;

    background: #e7dfd0;

}



.design-inspiration-section .row .col-md-6:nth-child(2) .design-wrapper {

    background: rgba(205, 207, 207, 0.2);

    border-radius: 30px;

    height: 100%;

}

.design-inspiration-section .design-wrapper .content .img {

    width: 100%;

    height: 360px;

}

.design-inspiration-section .design-wrapper .content .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 30px;

}

.design-inspiration-section .design-wrapper .content .txt {

    padding: 38px;

}

.design-inspiration-section .design-wrapper .content .txt h1.title {

    font-size: 22px;

}

.design-inspiration-section .design-wrapper .content .txt p.subtitle {

    font-size: 20px;

    font-style: italic;

}

.design-inspiration-section .design-wrapper .content .txt p.desc {

    font-size: 16px;

}

.design-single-row {

    background: var(--primary-color);

    border-radius: 30px;

    margin-top: 30px;

    margin-bottom: 50px;

}

.design-single-row .txt {

    padding: 50px 50px 50px 10px;

}

.design-single-row .img {

    width: 100%;

    height: 100%;

    border-radius: 30px;

}

.design-single-row .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 30px;

}



.design-single-row .txt h1.title {

    font-size: 22px;

    color: var(--white-color);

}

.design-single-row .txt p.subtitle {

    font-size: 20px;

    font-style: italic;

    color: var(--white-color);

}

.design-single-row .txt p.desc {

    font-size: 16px;

    color: var(--white-color);
    margin-bottom: 0;

}



.cta-section-style-2.h-cta-3 .content .img {

    height: 465px;

}

.cta-section-style-2.h-cta-3 .content h1 {

    font-style: normal;

}



/** ABout developer **/

.about-developer-section .developer-media .img {

    width: 100%;

    height: 575px;

    object-fit: cover;

    border-radius: 30px;

}

.about-developer-section .developer-media .img img {

    width: 100%;

    height: 100%;

    border-radius: 30px;
    object-fit: cover;

}

.developer-media {
    position: relative;

}

.developer-media .dev-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 35%;
}


.dev-logo img {

    background: rgba(255, 255, 255, 0.68);

    padding: 30px 30px;

    border-radius: 30px;


}
.about-developer-section  .developer-txt {
    padding-left: 50px;
}
.developer-txt h1 {

    font-size: 32px;

}

.developer-txt h2 {

    font-size: 28px;

    margin-top: 25px;

}

.developer-txt p {

    font-size: 16px;

    margin-top: 15px;

    width: 90%;

}



.related-projects-section {

    margin: 100px 0;

}



.cta-section-style-2 {
    position: relative;
}

.cta-section-style-2.h-cta-4 .content .img {

    height: 465px;

}

.cta-section-style-2.h-cta-4 .txt h1 {

    font-style: normal;

    margin-bottom: 0;

    font-size: 52px;
    line-height: 60px;

}

.cta-section-style-2.h-cta-4 .txt {

    width: 60%;

}

.cta-section-style-2.h-cta-4 .txt h1:first-child {

    font-family: "objective-regular";

}



/*** 



====================================================================

  About page

====================================================================

 */



.about-section {

    margin: 100px 0;

}

.about-section .row.heading-section .heading h1 {

    font-size: 26px;

    text-transform: uppercase;

}

.about-section .row.heading-section {

    margin-bottom: 50px;

}

.left-wrapper .img,

.mid-wrapper .img,

.right-wrapper .img {

    width: 100%;

    height: 270px;

    border-radius: 30px;

}

.left-wrapper .img img,

.mid-wrapper .img img,

.right-wrapper .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 30px;

}

.left-wrapper .content,

.right-wrapper .content {

    background: var(--primary-color);

    border-radius: 30px;

    margin-top: 20px;

    text-align: center;

    min-height: 135px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}

.mid-wrapper .content {

    background: var(--primary-color);

    border-radius: 30px;

    margin-bottom: 20px;

    text-align: center;

    min-height: 135px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}

.left-wrapper .content h1,

.left-wrapper .content p,

.mid-wrapper .content h1,

.right-wrapper .content h1,

.mid-wrapper .content p,

.right-wrapper .content p {

    color: var(--white-color);
    margin-bottom: 0;

}

.about-section .row.heading-section .desc p {
    font-size: 20px;
    line-height: 30px;
}


.left-wrapper .content h1,

.mid-wrapper .content h1,

.right-wrapper .content h1 {

    font-size: 62px;

    margin-bottom: 5px;

    line-height: normal;

}

.left-wrapper .content p .mid-wrapper .content p,

.right-wrapper .content p {

    font-size: 20px;

    text-transform: uppercase;

}

.luxury-realestate-section {

    margin-bottom: 100px;

}

.luxury-realestate-section .left-content h1 {

    font-size: 26px;

    width: 60%;

    text-transform: uppercase;

}

.luxury-realestate-section .left-content p {

    font-size: 24px;

    margin-top: 30px;

    width: 75%;

    line-height: 32px;

}

.luxury-realestate-section .right-media {

    width: 570px;

    height: 570px;

    border-radius: 30px;

    float: right;

}

.luxury-realestate-section .right-media img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 30px;

}



/** CTA **/



.about-cta-section {

    margin-bottom: 100px;

    position: relative;

}

.about-cta-section .cta-media {

    height: 442px;

    position: relative;

    width: 110%;

}

.about-cta-section  .cta-media img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;

}
.about-cta-section .col-md-7 {
    padding-right: 0;
}
.about-cta-section .col-md-5{
    padding-left: 0;
}
.about-cta-section  .cta-content {

    background: var(--primary-color);

    padding: 40px 150px;

    text-align: center;

    border-radius: 30px;

    height: 100%;

    position: relative;

    z-index: 2;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}

.about-cta-section h1, .about-cta-section p{

    color: var(--white-color);
    text-transform: uppercase;

}

.about-cta-section h1{

    font-size: 32px;

}

.about-cta-section p{

    font-size: 24px;

    margin: 20px 0;

}







/** Mission **/



.mission-section {

    margin-bottom: 100px;

}

.mission-section .right-content h1 {

    font-size: 26px;

    width: 60%;

    text-transform: uppercase;

}

.mission-section .right-content p {

    font-size: 24px;

    margin-top: 30px;

    width: 75%;

    line-height: 30px;

}

.mission-section .left-media {

    width: 570px;

    height: 570px;

    border-radius: 30px;

    float: left;

}

.mission-section .left-media img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 30px;

}



/** ABout area section **/



.about-area-section {

    margin-bottom: 100px;

    padding: 100px 0;

    background: rgba(205, 207, 207, 0.2);

    position: relative;

}



.about-area-section .row.heading-row {

    margin-bottom: 50px;

}

.about-area-section .row.heading-row .heading h1 {

    width: 75%;

    text-transform: uppercase;

    font-size: 32px;

}

.about-area-section .row.heading-row .desc p {

    font-size: 16px;

    width: 85%;

}



.area-cards-about-slider .slick-slide {

    padding: 0 8px;

    box-sizing: border-box;

}



.area-cards-about-slider .slick-list {

    margin: 0 -8px;

}



.area-cards-about-slider .slick-dots li button:before {

    font-family: 'slick';

    font-size: 75px;

}



.area-cards-about-slider ul.slick-dots {

    bottom: -65px;

}

.area-cards-slider  ul.slick-dots {
    display: none;
}







/*** 



====================================================================

 Partner page

====================================================================

 */



.partner-section {

    margin: 100px 0;

}

.partner-section .row.heading-section .heading h1 {

    font-size: 26px;

    text-transform: uppercase;

}

.partner-section .row.heading-section {

    margin-bottom: 50px;

}

.page-hero-banner .banner-content-v2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    z-index: 1;
    width: 45%;
}


.page-hero-banner .banner-content-v2 .banner-title-v2 {

    font-size: 27px;

    font-family: "objective-bold";

    text-transform: uppercase;

}

.page-hero-banner .banner-content-v2 p {

    font-size: 18px;

    font-family: "objective-regular";

    line-height: 20px;

    margin-top: 20px;

}

.partner-section .row.heading-section .desc {

    width: 75%;

    float: right;

}



.partners-logo .logo-img img {

    width: 150px;

    display: block;

    margin: 0 auto;

}

.logo-img {

    height: 150px;

    display: flex !important;

    align-items: center;

    justify-content: center;

    position: relative;

}

.logo-img:after {

    content: "";

    position: absolute;

    width: 1px;

    height: 50%;

    background: #e0e0e0;

    right: 0;

}

.cta-section-style-2.partner-cta .txt h1 {

    text-transform: uppercase;

    font-style: normal;

}

.cta-section-style-2.partner-cta .txt a {

    text-transform: math-auto;

    font-family: "objective-regular";

    font-size: 14px;

}

.cta-section-style-2.partner-cta .txt a:hover {

    border: 1px solid var(--white-color);

}



/*** 



====================================================================

 Contact page

====================================================================

 */



.contact-section {

    margin: 100px 0;

}

.contact-form-wrapper {

    background: rgba(205, 207, 207, 0.2);

    padding: 30px;

    border-radius: 30px;

}

.contact-form-wrapper form input,

.contact-form-wrapper form textarea {

    background: rgba(211, 211, 211, 0.2);

    border: none;

    border-radius: 15px;

    font-size: 16px;

}

.contact-form-wrapper form textarea {

    height: 200px !important;

}

.contact-form-wrapper form label {

    color: #a9a9a9;

}

.contact-form-wrapper form label span,

.contact-form-wrapper small span {

    color: #ff8f8f;

}

.contact-form-wrapper .btn.btn-style-one {

    padding: 15px 55px;

    font-size: 14px;

    text-transform: uppercase;

    border-radius: 15px;

    margin-right: 15px;

}

.contact-form-wrapper small {

    font-style: italic;

    font-size: 12px;

}

.contact-section .left-content {

    width: 65%;

}

.contact-section .left-content .heading h1 {

    font-size: 26px;

    text-transform: uppercase;

    width: 85%;

}

.contact-section .left-content .desc {

    margin-top: 42px;

}

.contact-section .left-content .desc p {

    font-size: 16px;

}

.contact-location-wrapper .left-content .map-frame {

    width: 100%;

    height: 200px;

    border-radius: 30px;

}

.contact-location-wrapper .left-content .map-frame iframe {

    width: 100%;

    height: 100%;

    border-radius: 30px;

}

.contact-location-wrapper .left-content {

    width: 95%;

}

.contact-location-wrapper .left-content .content {

    margin-top: 30px;

}

.contact-location-wrapper .left-content .content h1 {

    font-size: 26px;

    text-transform: uppercase;

    margin-bottom: 25px;

}

.contact-location-wrapper .left-content .content ul li {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-top: 42px;

}

.contact-location-wrapper .left-content .content ul li img {

    width: 30px;

}

.contact-location-wrapper .left-content .content ul li p {

    font-size: 18px;

    margin-bottom: 0;

    line-height: normal;

}

.contact-location-wrapper .right-media img {

    border-radius: 30px;

}



.cta-section-style-3.contact-cta {

    margin: 100px 0;

    position: relative;

}

.cta-section-style-3.contact-cta .content {

    padding: 0;

    position: relative;

}

.cta-section-style-3.contact-cta .content .img {

    width: 100%;

    height: 470px;

}

.cta-section-style-3.contact-cta .content .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 30px;

}

.cta-section-style-3.contact-cta .content .txt {

    position: absolute;

    top: 0;

    left: 0;

    width: 50%;

    background: rgba(0, 0, 0, 0.15);

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 120px;

    border-top-left-radius: 30px;

    border-bottom-left-radius: 30px;

}

.cta-section-style-3.contact-cta .content .txt h1 {

    color: #fff;

    font-size: 36px;

    line-height: 45px;

    margin-bottom: 25px;

    text-transform: uppercase;

}

.cta-section-style-3.contact-cta .content .txt a {

    display: inline-block !important;

    width: 50%;

    text-transform: unset;

}
.banner-img.contactpage-banner img.img-fluid {
    object-position: top center;
}


/*** 



====================================================================

 Area page

====================================================================

 */



.area-section {

    margin: 100px 0;

}

.area-section .left-content {

    width: 75%;

}

.area-main-facts .facts {

    background: var(--primary-color);

    text-align: center;

    padding: 20px;

    margin-bottom: 20px;

    border-radius: 30px;

}

.area-main-facts .facts p {

    text-transform: uppercase;

    font-size: 20px;

    color: var(--white-color);

    margin-top: 10px;

}

.area-main-facts .facts img {

    width: 72px;

}

.area-main-facts .facts.facts-2,

.area-main-facts .facts.facts-3 {

    background: rgba(231, 223, 208, 0.5);

}

.area-main-facts .facts.facts-2 p,

.area-main-facts .facts.facts-3 p {

    color: var(--font-color);

    text-transform: uppercase;

    font-size: 20px;

}

.area-section .left-content .desc h2 {

    font-size: 20px;

    margin-top: 30px;

}

.area-section .left-content .desc ul {

    margin-left: 20px;

}

.area-section .left-content .desc ul li {

    font-size: 14px;

}

.area-section .left-content .desc ul li span {

    font-family: "objective-bold";

}

.area-section .left-content .desc {

    margin-top: 42px;

}

.cta-section-style-2.area-cta .content .img {

    width: 100%;

    height: 390px;

}

.cta-section-style-2.area-cta .content h1 {

    font-style: normal;

    text-transform: uppercase;

}

.cta-section-style-2.area-cta .txt a {

    font-size: 14px;

    font-family: "objective-regular";

    padding: 10px 35px;

    text-transform: unset;

}



/** more about afrea **/



.more-about-area-section {

    margin-bottom: 100px;

}

.more-about-area-section .left-media {

    width: 100%;

    height: 650px;

    border-radius: 30px;

    float: left;

}

.more-about-area-section .left-media img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 30px;

}

.more-about-area-section .right-content h1 {

    font-size: 26px;

    width: 65%;

    text-transform: uppercase;

    line-height: 36px;

}

.more-about-area-section .right-content p {

    font-size: 16px;

    margin-top: 30px;

    width: 90%;

    line-height: 22px;

}
.more-about-area-section .right-content > div {
    width: 85%;
}
.more-about-area-section .right-content {

    margin-left: 50px;

}



/*** 



====================================================================

 Team Page 

====================================================================

 */



.team-section {

    margin: 100px 0 0 0;

}

.team-section .row.heading-section {

    margin-bottom: 50px;

}

.team-section .row.heading-section .heading h1 {

    font-size: 26px;

    text-transform: uppercase;

    width: 60%;

}

.team-card-v1 {

    margin-bottom: 40px;

}

.team-section .team-card-v1 .team-bio {

    background: rgba(211, 211, 211, 0.2);

    padding: 20px;

    border-radius: 20px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.team-section .team-card-v1 .team-bio a{

    width: 70%;

}

.team-section .team-card-v1 .team-bio .name {

    width: 100%;

    border-right: 1px solid #c9c9c9;

}

.team-section .team-card-v1 .team-bio .name h1 {

    font-size: 18px;

    margin-bottom: 0;

}

.team-section .team-card-v1 .team-bio .name p {

    font-size: 14px;

    margin-bottom: 0;

}

.team-section .team-card-v1 .actions-btn ul li {

    display: inline;

}

.team-section .team-card-v1 .team-img {

    width: 100%;

    height: 450px;

    text-align: center;

    margin-bottom: 15px;

}

.team-section .team-card-v1 .team-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 30px;

}



/** card v2 **/

.team-card-v2 {

    background: rgba(211, 211, 211, 0.2);

    border-radius: 20px;

    margin-bottom: 30px;

}

.team-card-v2 .team-short-bio ul li {

    display: flex;

    gap: 30px;

    margin-bottom: 10px;

}

.team-card-v2 .team-short-bio ul li p {

    flex: 1;

    margin: 0;

}

.team-card-v2 .team-img {

    width: 100%;

    height: 280px;

    text-align: center;

    border-radius: 20px;

}

.team-card-v2 .team-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 20px;

}

.team-card-v2 .team-short-bio {

    padding: 30px 0;

}

.team-card-v2 .team-short-bio li p {

    font-size: 16px;

}

.team-card-v2 .team-short-bio li p:first-child {

    font-family: "objective-bold";

}

.team-card-v2 .team-name {

    padding: 0 30px 15px 0;

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 90%;

    margin: 0 auto;

}

.team-card-v2 .team-name .name h1 {

    font-size: 18px;

    margin-bottom: 5px;

}

.team-card-v2 .actions-btn li a {

    padding: 10px 35px;

}



/*** 



====================================================================

Single team page

====================================================================

 */



.team-member-bio {

    margin-top: 85px;

    margin-bottom: 100px;

}

.team-media,

.team-media .img,

.team-media .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 30px;

    position: relative;

}

.team-media .name-actions {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 35px;

    background: rgba(255, 255, 255, 0.68);

    padding: 25px;

    border-radius: 30px;

    backdrop-filter: blur(8px);

    -webkit-backdrop-filter: blur(8px);

    margin: 0 35px;

}

.actions-links {

    position: relative;

    width: 100%;

    height: 100%;

    vertical-align: middle;

    display: flex;

    align-items: center;

    justify-content: flex-end;

}

.team-media .name-actions .name h1 {

    font-size: 27px;

    margin-bottom: 0px;

}

.team-media .name-actions .name p {

    font-size: 20px;

    margin-bottom: 0;

}

.actions-links ul {

    float: right;

}

.actions-links ul li {

    display: inline-block;

}

.actions-links ul li a img {

    width: 45px;

}

.team-txt-content {

    padding-left: 80px;

    width: 90%;

}

.team-txt-content .about-txt h1 {

    font-size: 26px;

}

.team-txt-content .about-txt .readmore-wrap {

    width: 90%;

}

.team-txt-content .about-txt .readmore-wrap p {

    font-size: 14px;

}

button.readmore-btn {

    font-size: 14px;
    text-decoration: underline;
    margin-top: 15px;
    font-weight: bold;

}

.team-stats {

    border-bottom: 1px solid #ccc;

    border-top: 1px solid #ccc;

    padding: 30px 0;

}

.team-stats ul {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

}

.team-stats ul li p {

    font-size: 15px;

}

.team-stats ul li p:first-child {

    margin-bottom: 5px;

    font-size: 15px;

    font-family: "objective-bold";

}

.consultation-form {

    margin-bottom: 20px;

    background: rgba(205, 207, 207, 0.2);

    padding: 20px 40px;

    border-radius: 30px;

    margin-top: 25px;

}

.consultation-form .form-wrapper h1 {

    font-size: 26px;

    font-family: "objective-bold";

    margin-bottom: 25px;

}

.consultation-form .form-wrapper form input {

    height: 40px;

    border-radius: 6px;

    border: none;

    font-size: 12px;

}

.consultation-form .form-wrapper form button {

    font-size: 14px;

    padding: 10px 30px;

}

.sorting-dropdown {

    width: 30%;

    float: right;

}

.sorting-dropdown form select {

    background-color: rgba(205, 207, 207, 0.2);

    border: none;

    height: 45px;

    border-radius: 10px;

}

.sorting-dropdown form select:focus,

.sorting-dropdown form select:active {

    box-shadow: none;

    outline: none;

}

.listed-properties-by .property-card,

.listed-projects-by .project-card {

    margin-bottom: 30px;

}

.brows-all-btn {

    margin: 50px auto;

    text-align: center;

}

.brows-all-btn a {

    padding: 10px 20px;

    font-size: 16px;

    text-transform: capitalize;

    border-radius: 12px;

}



/*** 



====================================================================

Main Popup

====================================================================

 */



.lux-popup-wrapper .modal-content {

    padding: 20px;

    border-radius: 30px;

}

.lux-popup-wrapper .modal-content .modal-header {

    position: absolute;

    z-index: 1;

    left: 0;

    right: 0;

    border: none;

}

.lux-popup-wrapper .modal-content .modal-header button {
    background: var(--primary-color);
    opacity: 1;
    top: -50px;
    position: relative;
    right: -30px;
    padding: 20px;
    border-radius: 100%;
}

.lux-popup-wrapper .modal-content .modal-header button i {

    color: var(--white-color);

}

.lux-popup-wrapper .modal-content .modal-header button img {

    width: 100%;

    position: relative;

    top: -4px;

}

.lux-popup-wrapper .popup-img {

    width: 100%;

    height: 315px;

    border-radius: 30px;

}

.lux-popup-wrapper .popup-img img {

    width: 100%;

    height: 100%;

    border-radius: 30px;

    object-fit: cover;

}

.lux-popup-wrapper .general-popup-form-section .popup-form-wrapper {

    padding: 40px 20px;

}

.lux-popup-wrapper .popup-message-heading h1 {

    font-size: 28px;

}

.lux-popup-wrapper .popup-message-heading p {

    font-size: 14px;

    margin-bottom: 25px;

}

.lux-popup-wrapper .popup-form-wrapper input,

.lux-popup-wrapper .popup-form-wrapper select,

.lux-popup-wrapper .popup-form-wrapper textarea {

    background-color: rgba(211, 211, 211, 0.2);

    border: none;

    border-radius: 15px;

    font-size: 13px;

}

.lux-popup-wrapper .popup-form-wrapper select {

    height: 60px;

    color: #666666;

}

.lux-popup-wrapper .popup-form-wrapper label {

    font-size: 13px;

    color: #666666;

}

.lux-popup-wrapper .popup-form-wrapper textarea {

    height: 150px !important;

}

.lux-popup-wrapper .popup-form-wrapper .form-floating > .form-control:focus,

.lux-popup-wrapper .popup-form-wrapper .form-floating > .form-control:not(:placeholder-shown) {

    padding-top: 1.625rem;

    padding-bottom: 0.625rem;

    border: 1px solid rgba(211, 211, 211, 0.5);

    background-color: #fff !important;

}

.lux-popup-wrapper .popup-form-wrapper select:focus {

    box-shadow: none;

    outline: none;

    border: 1px solid rgba(211, 211, 211, 0.5);

    background-color: #fff !important;

}

.lux-popup-wrapper .popup-form-wrapper button {

    padding: 15px 55px;

    text-transform: uppercase;

    font-size: 12px;

    margin-left: 20px;

    border-radius: 15px;

}

.lux-popup-wrapper .popup-form-wrapper form label span,

.popup-form-wrapper small span {

    color: #ff8f8f;

}



/*** 



====================================================================

Agent Popup

====================================================================

 */



#teamConsultation .modal-content .modal-header {

    position: absolute;

    z-index: 1;

    left: 0;

    right: 0;

    border: none;

}

#teamConsultation .general-popup-form-section .popup-form-wrapper {

    padding: 40px 20px;

}

#teamConsultation .popup-message-heading h1 {

    font-size: 20px;

}
.action-btns ul li:hover {
    cursor: pointer;
}
#teamConsultation .modal-content .modal-header button {

    background: var(--primary-color);

    opacity: 1;

    position: relative;

    padding: 12px;

    border-radius: 100%;

    top: -20px;

    right: 0;

}

#teamConsultation .modal-content .modal-header button img {

    width: 100%;

    position: relative;

    top: -4px;

}

#teamConsultation .popup-form-wrapper input,

#teamConsultation .popup-form-wrapper select,

#teamConsultation .popup-form-wrapper textarea {

    background-color: rgba(211, 211, 211, 0.2);

    border: none;

    border-radius: 15px;

    font-size: 13px;

    height: 40px;

}

#teamConsultation .popup-form-wrapper select {

    height: 60px;

    color: #666666;

}

#teamConsultation .popup-form-wrapper label {

    font-size: 13px;

    color: #666666;

}

#teamConsultation .popup-form-wrapper textarea {

    height: 150px !important;

}

#teamConsultation .popup-form-wrapper .form-floating > .form-control:focus,

#teamConsultation .popup-form-wrapper .form-floating > .form-control:not(:placeholder-shown) {

    padding-top: 1.625rem;

    padding-bottom: 0.625rem;

    border: 1px solid rgba(211, 211, 211, 0.5);

    background-color: #fff !important;

}

#teamConsultationn .popup-form-wrapper select:focus {

    box-shadow: none;

    outline: none;

    border: 1px solid rgba(211, 211, 211, 0.5);

    background-color: #fff !important;

}

#teamConsultation .modal-content {

    border-radius: 30px;

}

#teamConsultation .agent-data {

    display: flex;

    gap: 20px;

    margin: 20px 0;

    align-items: center;

}
#teamConsultation .agent-data .img {
    width: 60px;
    height: 60px;
}
#teamConsultation .agent-data .img img {
    width: 100%;
    border-radius: 100%;
    height: 100%;
    object-fit: cover;
}

#teamConsultation .agent-data .name h1 {

    font-size: 17px;

    margin-bottom: 0;

}

#teamConsultation .agent-data .name p {

    font-size: 14px;

    margin-bottom: 0;

}



#teamConsultation .form-floating > .form-control,

#teamConsultation .form-floating > .form-select {

    height: calc(2.5rem + 2px);

    line-height: 1.25;

    border-radius: 10px;

}

#teamConsultation .popup-form-wrapper label {

    font-size: 12px;

    color: #666666;

    padding: 10px 12px;

}

#teamConsultation .popup-form-wrapper textarea {

    height: 90px !important;

}

#teamConsultation .popup-form-wrapper button {

    padding: 10px 30px;

    text-transform: uppercase;

    font-size: 12px;

    margin-left: 20px;

}



div#downloadBrochure .modal-content .modal-header button{

    padding: 12px;

    top: -20px;

    right: 0;

}



/*** 



====================================================================

All developer

====================================================================

 */

.all-developer-card {

    background: rgba(211, 211, 211, 0.2);

    border-radius: 20px;

    margin-bottom: 30px;
    padding-bottom: 20px;
}

.all-developer-card .developer-img {
    width: 100%;
    height: auto;
    text-align: center;
    border-radius: 20px;
    position: relative;
}

/* .all-developer-card .developer-img:after {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background: #000;

    opacity: 0.5;

    border-radius: 20px;

} */

.all-developer-card .developer-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 20px;   

}

.all-developer-card .developer-short-bio {

    padding: 30px 30px 0 30px;

}

.all-developer-card .developer-short-bio p{

    font-size: 16px;

    width: 90%;

}

.all-developer-card .devloper-name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
}


.all-developer-card .devloper-name h1{

    font-size: 24px;

}

.all-developer-card .actions-btn li a {

    padding: 10px 35px;

}

.developer-card-media {

    position: relative;

}



.all-developer-logo {

    position: absolute;

    top: 50%;

    left: 50%;

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

    z-index: 10;

    filter: invert(1);     

}
.all-developer-logo img{
    border-radius: 0 !important;
}


.dev-card-logo {

    width: 120px; /* adjust size if needed */

}





/*** 



====================================================================

Single developer page

====================================================================

 */



.single-eveloper-details{

    padding: 100px 0;

}



.single-eveloper-details .developer-img {

    width: 100%;

    height: 500px;

    text-align: center;

    border-radius: 20px;

    position: relative;

}

.single-eveloper-details .developer-img:after {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background: #000;

    opacity: 0.5;

    border-radius: 20px;

}

.single-eveloper-details .developer-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 20px;   

}



.single-eveloper-details .developer-card-media {

    position: relative;

}



.single-eveloper-details .all-developer-logo {

    position: absolute;

    top: 50%;

    left: 50%;

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

    z-index: 10;

    filter: invert(1);     

}



.single-eveloper-details .dev-card-logo {

    width: 120px; /* adjust size if needed */

}

.single-eveloper-details .about-dev-txt {

    padding-left: 55px;

    width: 90%;

}

.single-eveloper-details .about-dev-txt h1{

    font-size: 26px;

}

.single-eveloper-details .about-dev-txt p{

    font-size: 16px;

    margin-top: 22pxss;

}

.culture-value-section .row.heading-section {

    margin-bottom: 50px;

}

.culture-value-section .row.heading-section h1 {

    font-size: 26px;
    text-transform: uppercase;

}

.culture-value-section .row.heading-section p{

    font-size: 16px;

}

.core-value-txt h1 {

    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 20px;

}

.core-value-txt p {

    font-size: 18px;

    width: 90% !important;

}

.culture-value-section .core-value-txt {

    padding: 40px;

    background: rgba(211, 211, 211, 0.2);

    border-radius: 30px;

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.culture-value-section .img {
    width: 100%;
    height: 550px;
    border-radius: 30px;

}
.culture-value-section .img img {

    width: 100%;
    height: 100%;
    border-radius: 30px;
    object-fit: cover;

}
.values-list {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 20px;

}

.values-list .values {

    border: 1px solid #000;

    padding: 20px;

    border-radius: 20px;

}

.values-list .values h1{

    font-size: 15px;

}

.values-list .values ul{

    padding-left: 20px;

}

.values-list .values li {

    font-size: 14px;

    list-style: disc;

}

.values-list .values .icon {

    float: right;
    width: 20%;
}

.row.core-value-row2{

    margin-top: 50px;

    margin-bottom: 100px;

}

.row.core-value-row2 .core-value-txt {

    background: #E7DFD0;

}



.our-latest-projects{

    background:var(--primary-color)

}

.latest-project-card .details h1 {

    color: #fff;
    font-size: 22px;
    text-transform: uppercase;

}
.latest-project-card .details h1 a{
    color: #fff;
    font-size: 22px;
    font-family: "objective-bold";
    text-transform: uppercase;
}

.latest-project-card .details .price p{

    font-size: 22px;

    font-family: "objective-bold";

    color: #fff;

}

.latest-project-card .details .price p span{

    font-size: 18px;

    font-family: "objective-regular";    

}

.latest-project-card .img {

    width: 100%;
    height:400px;
    border-radius: 30px;
    margin-bottom: 25px;

}
.latest-project-card .img img {
    width: 100%;
    height: 100%;
    border-radius: 30px;
    object-fit: cover;

}
.latest-project-card .actns-btn a.btn.btn-light-one {
    padding: 8px 30px;
}

.our-latest-projects{

    padding: 100px 0;

}

.our-latest-projects .row.heading-section {

    margin-bottom: 50px;

    margin-left: 12%;

}

.single-partner-latest-projects .slick-slide {

    margin: 0 10px; /* Adjust space as needed */

}



.single-partner-latest-projects .slick-list {

    margin: 0 -10px; /* compensates for slide margin */

}

.single-partner-latest-projects {

    margin-left: 15%;

}

 .single-partner-latest-projects ul.slick-dots {

    position: relative;

    left: 0;

    right: 0;

 }

 .single-partner-latest-projects ul.slick-dots li button:before {

    font-size: 42px;

    color: #fff;

}

 .our-latest-projects{

    margin-bottom: 100px;

 }

.our-latest-projects .row.heading-section .heading h1 {
    font-size: 32px;
    color: #fff;
    text-transform: uppercase;
    width: 50%;
}

.our-latest-projects .row.heading-section .actn-btn a {

    padding: 12px 35px;

    font-size: 12px;

    float: right;

}

section.Strategic-theme-section h1.text-center

 {

    margin-bottom: 50px;

    font-size: 32px;

    text-transform: uppercase;

}

.Strategic-div {

    text-align: center;

}
.Strategic-div img{
    width: 30%;
}
.Strategic-div p , .Strategic-div small{

    font-size: 18px;

    margin-top: 25px;

    line-height: normal;
    margin-bottom: 0;
    text-transform: uppercase;

}

div#partner-carousel{

    margin: 100px 0;

}

div#partner-carousel, div#partner-carousel .carousel-item {

    height: 475px;

    width: 100%;

    border-radius: 30px;

}



div#partner-carousel .carousel-inner img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 30px;

}



.villa-projects{

     background: rgba(211, 211, 211, 0.2);   

}

.villa-projects .row.heading-section .heading h1,

.villa-projects .latest-project-card .details h1,

.villa-projects .latest-project-card .details .price p{

    color: var(--font-color);

}

.villa-projects .single-partner-latest-projects  ul.slick-dots li button:before {

    font-size: 42px;

    color: var(--primary-color);

}





.history-section {

    position: relative;

}



.timeline-wrapper {

    position: relative;

}



.timeline-row {

    display: grid;

    grid-template-columns: 1fr 60px 1fr;

    align-items: center;

    position: relative;

}



.timeline-col {

    padding: 20px;

}



.timeline-center-line {

    position: relative;

    height: 100%;

    width: 1px;

    background: #000;

    margin: 0 auto;

}



.timeline-dot {

    width: 18px;

    height: 18px;

    background: #000;

    border-radius: 50%;

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

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

}

.timeline-col {

    padding: 20px;



}

.timeline-col.image-col{

    height: 345px;

}

.timeline-img {

    width: 100%;

    height: 100%;

    border-radius: 20px;

    object-fit: cover;

}



.year {

    font-weight: 700;

    color: #004c45;

}



/* Mobile Responsive */

@media only screen and (max-width: 767px) {

    .timeline-row {

        grid-template-columns: 1fr;

        text-align: center;

    }



    .timeline-center-line {

        display: none;

    }



    .timeline-dot {

        display: none;

    }



    .content-col,

    .image-col {

        text-align: center !important;

    }



    .timeline-img {

        margin-bottom: 20px;

    }

}



.location-wrapper {

    height: 400px;

    margin-bottom: 100px;

}





/*** 



====================================================================

 Blog page

====================================================================

 */



.news-wrapper .img {

    width: 100%;

    height: 100%;

    border-radius: 20px;

    position: relative;

}

.news-wrapper .img img{

        width: 100%;

    height: 100%;

    border-radius: 20px;

    object-fit: cover;

}

.news-wrapper .news-tag {

    position: absolute;

    top: 20px;

    left: 20px;

}
.news-wrapper .news-tag p {
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    font-size: 14px;
    line-height: 14px;
}
.news-wrapper .details{

    margin-top: 20px;

    padding-left: 10px;

    padding-right: 10px;

    border-bottom: 1px solid #E6E6E6;

}
.news-wrapper .article-by .avatar {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 100%;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.10);
    padding: 8px;
}
.news-wrapper .details h1 {

    font-size: 20px;
        color: #000;

}
.news-wrapper .details h1 a{
    font-family: "objective-bold";
     font-size: 20px;
         color: #000;
         text-transform: uppercase;
}
.news-wrapper .details p, .news-wrapper .details p a{

    font-size: 14px;
        color: #000;

}

.article-by {

        padding: 20px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.article-by .author {

    display: flex;

    gap: 20px;

    align-items: center;

}

.article-by .author .name p {

    margin-bottom: 0;

    font-size: 12px;

}

.article-by .author .name p:nth-child(2) {

    font-family: "objective-bold";

}

.article-by .date p {

    color: #979797;

    font-size: 12px;

    font-style: italic;

    margin-bottom: 0;

}



/*** 



====================================================================

 Single Blog page

====================================================================

 */



 

.banner-content-v2.blog-hero-section.single-blog-heading {

    position: absolute;

    text-align: left;

    left: 7%;

    color: #fff;

    z-index: 1;

    width: 70%;

    right: 0;

    bottom: 12%;

    top: unset;

    right: unset;
    transform: translate(0);

}

section.blog-details-section.plr-40 {

    margin: 100px 0;

}
.blog-details-section .details-content {
    width: 95%;
}
.blog-side-sidebar h1 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 28px;
}

.details-content p {

    font-size: 16px;

}

.blog-content-img {

    width: 100%;

    height: 450px;

    border-radius: 30px;

    margin: 50px 0;

}

.blog-content-img img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 30px;

}

.published-by.author {

    margin: 80px 0;

}

.published-by.author .details {

    display: flex;

    gap: 20px;

    align-items: center;

}

.published-by.author .details .img {
    width: 55px;
    height: 55px;
    border-radius: 100%;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.10);
    padding: 5px;
}

.published-by.author .details .img img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 100%;

}

.published-by.author .details .author-name h1 {

    font-size: 17px;

}

.published-by.author .details .author-name p:first-child {

    margin-bottom: 5px;

    font-size: 14px;

}

.published-by.author .details .author-name p.date{

    color: #979797;

}



.blog-navigations .row {

    border-top: 1px solid #E6E6E6;

    padding-top: 35px;

}

.blog-navigations {

    margin-bottom: 100px;

}







.blog-navigations .previous-blog {

    display: flex;

    align-items: center;

    gap: 20px;

}

.blog-navigations .previous-blog .img {

    width: 180px;

    height: 120px;

}

.blog-navigations .previous-blog .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 20px;

}
.blog-navigations .previous-blog .img img:hover{
    cursor: pointer;
}
.blog-navigations .previous-blog .txt-content p.nav-label {

    margin-bottom: 5px;

    text-transform: uppercase;

    font-weight: bold;

}

.blog-navigations .previous-blog .txt-content h1.title {

    font-size: 20px;

    color: #003C38;

}
.blog-navigations .previous-blog .txt-content h1.title:hover{
    cursor: pointer;
}
.blog-navigations .previous-blog .txt-content p.readmore-blog {

    font-size: 14px;

    margin: 0;

    font-style: italic;

}





.blog-navigations .next-blog {

    display: flex;

    align-items: center;

    gap: 20px;

    flex-direction: row-reverse;

}

.blog-navigations .next-blog .img {

    width: 180px;

    height: 120px;

}
.blog-navigations .next-blog .img:hover{
    cursor: pointer;
}
.blog-navigations .next-blog .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 20px;

}

.blog-navigations .next-blog .txt-content p.nav-label {

    margin-bottom: 5px;

    text-transform: uppercase;

    font-weight: bold;

}

.blog-navigations .next-blog .txt-content h1.title {

    font-size: 20px;

    color: #003C38;

}
.blog-navigations .next-blog .txt-content h1.title:hover{
    cursor: pointer;
}

.blog-navigations .next-blog .txt-content p.readmore-blog {

    font-size: 14px;

    margin: 0;

    font-style: italic;

}


.select2-container .select2-search--inline .select2-search__field{
    margin-top:0px !important;
    padding-left: 5px !important;
}




/* style after share data */



iframe{

    height: 100% !important;

    width: 100% !important;

}

 
.dev-logo {

    left: 30%;;

    width: 33.3%;

}

.dev-logo img{

width: 100%;

}

.news-wrapper .img{

    height: 350px;

}

.published-by.author .details .img img{

    object-fit: contain;

}

.single-property-side-bar{

    width: 100%;

}