/* .hero-content{position:absolute;top:0;width:100%}
.second-section{background:#fff;width:100%;height:100%}
.PhotoAndVideosSlider img{width:100%;height:100vh;object-fit:cover}
.videoSlides{position:relative;width:100%;height:100vh;overflow:hidden}
.videoSlides video{width:100%;height:100%;object-fit:cover;display:block}
.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}
.PhotoAndVideosSlider{position:relative;width:100%;overflow:hidden}
.PhotoAndVideosSlider .slide{display:none;position:relative}
.PhotoAndVideosSlider .slide.active{display:block;height:100vh}
.PhotoAndVideosSlider img,.PhotoAndVideosSlider video{width:100%;display:block}
.PhotoAndVideosSlider .caption{position:absolute;bottom:15px;left:15px;color:#fff;padding:6px 12px;border-radius:6px;font-size:16px}
.PhotoAndVideosSlider .caption h1{font-size:60px;padding-bottom:10px;font-weight: 700;}
.PhotoAndVideosSlider .caption span{font-size:16px;letter-spacing:1px;font-weight:100;padding-bottom:10px}
.PhotoAndVideosSlider button{position:absolute;bottom:0;transform:translateY(-50%);color:#ce9b64;border:none;background:transparent;cursor:pointer;font-size:40px;z-index:10}
.PhotoAndVideosSlider button.prev{right:120px}
.PhotoAndVideosSlider button.next{right:60px}
.LifeStyleContainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:30px;justify-items:center}
.lifeStyle{display:flex;justify-content:center;align-items:center;width:100%;position:relative}
.lifeStyle img{max-width:100%;width:100%;height:-webkit-fill-available;max-height:40rem;object-fit:cover}
.lifeStyle .lifeStyleText{position:absolute;font-size:32px;color:#fff;bottom:40px;font-weight:500;letter-spacing:1.2px}
.lifeStyleExpand{display:flex;justify-content:center;align-items:center;gap:10px;padding-top:20px;padding-bottom:140px}
.lifeStyleExpand span{color:#003C72;font-size:16px;font-weight:400;letter-spacing:2.2px;text-transform:uppercase}
.lifeStyleExpand img{cursor:pointer}
.LifeInnerStyleText{display:grid;font-size:45px;font-weight:700;color:#003c72;line-height:50px;padding-bottom:180px}
.LifeStyle1,.LifeStyle2,.LifeStyle3{text-align:center}
.HighlightText{color:#ce9b64}
.third-section{position:relative;width:100%;height:100%}
.third-section img{width:100%;height:800px}
.third-section .PropertyDescription{position:absolute;bottom:60px;width:100%;color:#fff;object-fit:cover;display:grid;gap:20px;justify-content:center;text-align:center}
.PropertyDescription h2{margin:0;color:#fff;font-weight:700}
.PropertyDescription span:last-child{font-size:14px;font-weight:300;letter-spacing:1.2px}
.PropertyOverlay{position:absolute;top:0;left:0;width:100%;height:800px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.64) 100%)}
.PropertyDescription span:first-child{font-weight:200;letter-spacing:1px}.sliderArea{display:grid;grid-template-columns:1fr 1fr;padding-left:40px}
.sliderWithText{position:relative;overflow:hidden;width:100%}
.sliderAreaContent{display:flex;transition:transform .6s ease-in-out;width:100%}
.sliderArea{min-width:100%;box-sizing:border-box}.sliderImage img{width:100%;display:block}
.sliderControls{position:absolute;bottom:0;padding:10px 120px;width:100%;display:flex;gap:20px;transform:translateY(-50%);pointer-events:none}
.sliderControls button{background:none;border:none;cursor:pointer;pointer-events:auto;padding:0}
.sliderText{padding:50px 80px}
.sliderText h3{color:#003c72;font-weight:700;width:24rem;padding-bottom:1rem}
.sliderText p{color:#4e4e4e;width:22rem;font-size:16px;font-weight:400;padding-bottom:40px}
.sliderText a{color:#ce9b64;font-size:16px;font-weight:500;text-decoration:none;text-transform:uppercase}
.fourth-section{padding:180px 0}
.FeaturedListings{display:flex;align-items:center;justify-content:space-between;padding:0 20px 20px}
.FeaturedListings h1{color:#003c72;font-size:22px;font-weight:700}
.FeaturedListingsExpand{display:flex;align-items:center;gap:10px}
.FeaturedListingsExpand span{color:#003C72;font-size:16px;letter-spacing:1.2px}
.FeaturedListingsProperty{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:30px;justify-items:center}
.FeaturedListingsCard{display:grid;grid-template-rows:40rem auto;justify-content:center;align-items:center;width:100%}
.FeaturedListingsCard img{max-width:100%;width:100%;height:-webkit-fill-available;max-height:40rem;object-fit:cover}
.FeaturedListingDetails h2{font-size:22px;font-weight:700;color:#003c72}
.FeaturedListingDetails span:first-child,.FeaturedListingDetails span:last-child{color:#222;font-size:14px}
.FeaturedListingDetails{padding:10px 0;display:grid;gap:6px}
.SubscribeArea{display:grid;justify-content:flex-start;align-items:center;position:relative;height:35rem;padding-left:20rem}
.SubscribeGraphics{position:absolute;right:0;bottom:-170px}
.SubscribeTitle{font-size:32px;font-weight:700;color:#194f80;line-height:40px}
.SubscribeInnerTitle{font-weight:400;font-size:16px;line-height:24px;color:#4e4e4e;padding-bottom:64px;padding-top:16px}
.SubscribeEmailArea{position:relative;border-bottom:1px solid #003c72}
.EmailSubscribe{width:100%;border:none;outline:none;padding:5px;background:transparent}
.SubscribeMainContainer{position:relative;z-index:1}
.EmailSubscribe::placeholder{color:#A7A7A7;font-size:16px;font-weight:400;line-height:24px;letter-spacing:1.5px}
.SubscribeSendbtn{position:absolute;display:flex;align-items:center;top:0;right:0;gap:10px}
.SubscribeSendbtn span{font-weight:400;font-size:18px;letter-spacing:1.5px;line-height:16px;color:#003C72} */

/* ================= Hero & Sections ================= */
.hero-content{position:absolute;top:0;width:100%}
.second-section{background:#fff;width:100%;height:100%}
.third-section{position:relative;width:100%;height:100%}
.third-section img{width:100%;height:800px}
.fourth-section{padding:150px 0}

/* ================= Photo & Video Slider ================= */
.RealSoulPhotoAndVideosSlider{position:relative;width:100%;overflow:hidden}
.RealSoulPhotoAndVideosSlider img{width:100%;height:100vh;object-fit:cover}
.RealSoulPhotoAndVideosSlider .slide{display:none;position:relative}
.RealSoulPhotoAndVideosSlider .slide.active{display:block;height:80vh}
.RealSoulPhotoAndVideosSlider img,.RealSoulPhotoAndVideosSlider video{width:100%;display:block}
 
/* .RealSoulPhotoAndVideosSlider button{position:absolute;bottom:0;transform:translateY(-50%);color:#ce9b64;border:none;background:transparent;cursor:pointer;font-size:40px;z-index:10} */
.RealSoulPhotoAndVideosSlider button.prev{right:120px}
.RealSoulPhotoAndVideosSlider button.next{right:60px}

/* ================= Video Slides ================= */
.videoSlides{position:relative;width:100%;height:100vh;overflow:hidden}
.videoSlides video{width:100%;height:100%;object-fit:cover;display:block}
.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}

/* ================= Lifestyle ================= */
.LifeStyleContainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:30px;justify-items:center}
.lifeStyle{display:flex;justify-content:center;align-items:center;width:100%;position:relative;height:40rem;transition: all 1s ease-in-out;}
.lifeStyle img{max-width:100%;width:100%;height:-webkit-fill-available;max-height:40rem;object-fit:cover}
.lifeStyle .lifeStyleText{position:absolute;font-size:32px;color:#fff;bottom:40px;font-weight:600;letter-spacing:1.2px;text-align: center;line-height: 1.2;    transition: all 1s ease-in-out;}

/* ================= LifestyleExploreProperties ================= */

.LifeStyleExplorePropertiesContainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:20px;padding:30px;justify-items:center}
.lifeStyleExploreProperties{display:flex;justify-content:center;align-items:center;width:100%;position:relative;height:40rem;transition: all 1s ease-in-out;}
.lifeStyleExploreProperties img{max-width:100%;width:100%;height:-webkit-fill-available;max-height:40rem;object-fit:cover}
.lifeStyleExploreProperties .lifeStyleExplorePropertiesText{padding: 0px 10px;z-index: 1;position:absolute;font-size:32px;color:#fff;bottom:40px;font-weight:600;letter-spacing:1.2px;text-align: center;line-height: 1.2;    transition: all 1s ease-in-out;}



.lifeStyleExpand{display:flex;justify-content:center;align-items:center;gap:10px;padding-top:20px;padding-bottom:140px}
.lifeStyleExpand span{color:#003C72;font-size:16px;font-weight:400;letter-spacing:2.2px;text-transform:uppercase}
.lifeStyleExpand img{cursor:pointer}
.LifeInnerStyleText{display:grid;font-size:45px;font-weight:700;color:#003c72;line-height:50px;padding-bottom:180px}
.LifeStyle1,.LifeStyle2,.LifeStyle3{text-align:center}
.HighlightText{color:#ce9b64}
.FeaturedListingsExpand a{text-decoration:none;}
/* ================= Property Description ================= */
.third-section .PropertyDescription{position:absolute;bottom:60px;width:100%;color:#fff;object-fit:cover;display:grid;gap:20px;justify-content:center;text-align:center}
.PropertyDescription h2{margin:0;color:#fff;font-weight:700}
.PropertyDescription span:first-child{font-weight:200;letter-spacing:1px}
.PropertyDescription span:last-child{font-size:14px;font-weight:300;letter-spacing:1.2px}
.PropertyOverlay{position:absolute;top:0;left:0;width:100%;height:800px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.64) 100%)}
.PropertyOverlayRealSoul{    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgb(0 0 0 / 48%) 0%, rgb(0 0 0 / 100%) 100%)
}
.PropertyOverlayExplorePropertyRealSoul{    
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgb(0 0 0 / 10%) 0%, rgb(0 0 0 / 70%) 80%);
}
.PropertyOverlayDiscoverRealSoul{    
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgb(0 0 0 / 10%) 50%, rgb(0 0 0 / 49%) 80%);
}
/* ================= Slider With Text ================= */
.sliderWithText{position:relative;overflow:hidden;width:100%}
.sliderAreaContent{display:flex;transition:transform .6s ease-in-out;width:100%}
.sliderArea{display:grid;grid-template-columns:1fr 1fr;padding-left:40px;min-width:100%;box-sizing:border-box}
.sliderImage img{width:100%;display:block}
.sliderControls{position:absolute;bottom:0;padding:10px 120px;width:100%;display:flex;gap:20px;transform:translateY(-50%);pointer-events:none}
.sliderControls button{background:none;border:none;cursor:pointer;pointer-events:auto;padding:0}
.sliderText{padding:50px 80px}
.sliderText h3{color:#003c72;font-weight:700;width:24rem;padding-bottom:1rem}
.sliderText p{color:#4e4e4e;width:22rem;font-size:16px;font-weight:400;padding-bottom:40px}
.sliderText a{color:#ce9b64;font-size:16px;font-weight:500;text-decoration:none;text-transform:uppercase}

/* ================= Featured Listings ================= */
.FeaturedListings,.RealSoulPropertyDiscoverArea{display:flex;align-items:center;justify-content:space-between;padding:0px 30px;padding-top: 20px;}
.FeaturedListings h1,.RealSoulPropertyDiscoverArea h1{color:#003c72;font-size:22px;font-weight:700}
.FeaturedListingsExpand,.RealSoulPropertyDiscoverArea{display:flex;align-items:center;gap:10px}
.FeaturedListingsExpand span,.RealSoulPropertyDiscoverArea span{color:#003C72;font-size:16px;letter-spacing:1.2px}
.FeaturedListingsProperty{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:30px;padding-top: 20px;justify-items:center}
.FeaturedListingsCard{display:grid;grid-template-rows:40rem auto;justify-content:center;align-items:center;width:100%;transition: all 0.5s ease-in-out;}
.FeaturedListingsCard img{max-width:100%;width:100%;height:-webkit-fill-available;max-height:40rem;object-fit:cover}
.FeaturedListingDetails{padding:10px 0;display:grid;gap:6px}
.FeaturedListingDetails h2{font-size:22px;font-weight:700;color:#003c72}
.FeaturedListingDetails span:first-child,.FeaturedListingDetails span:last-child{color:#222;font-size:14px}
/* .LifeStyleContainer a{width:100%;} */
/* ================= Subscribe Section ================= */
.SubscribeArea{display:grid;justify-content:flex-start;align-items:center;position:relative;height:35rem;padding-left:20rem}
.SubscribeGraphics{position:absolute;right:0;bottom:-170px}
.SubscribeTitle{font-size:32px;font-weight:700;color:#194f80;line-height:40px}
.SubscribeInnerTitle{font-weight:400;font-size:16px;line-height:24px;color:#4e4e4e;padding-bottom:64px;padding-top:16px}
.SubscribeEmailArea{position:relative;border-bottom:1px solid #003c72}
.EmailSubscribe{width:100%;border:none;outline:none;padding:5px;background:transparent}
.EmailSubscribe::placeholder{color:#A7A7A7;font-size:16px;font-weight:400;line-height:24px;letter-spacing:1.5px}
.SubscribeSendbtn{position:absolute;display:flex;align-items:center;top:0;right:0;gap:10px}
.SubscribeSendbtn span{font-weight:400;font-size:18px;letter-spacing:1.5px;line-height:16px;color:#003C72}
.SubscribeMainContainer{position:relative;z-index:1}

.RealSoulHeroArea{  
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
    display: grid;
    gap: 10px;
        width: 80%
}
.RealSoulHeroTitle{
    font-size: 4rem;
    color: #FFF;
    font-weight: 700;
}
.RealSoulSubTitle{
    font-size: 1.2rem;
    color: #FFF;
    letter-spacing: 1px;
    font-weight: 700;
}
.RealSoulHeroFilter{
        display: grid
;
    grid-template-rows: auto 45px;
    gap: 10px;
    width: 100%;
        padding-top: 40px;  
}
.RealSoulBuySellRent{
        display: flex
;
    font-weight: 500;
    justify-content: left;
    color: #FFF;
    gap: 25px;
        align-items: center;
}


.RealSoulMainArea{
    position: relative;
}

.RealSoulSearchArea input{
    border: none;
    outline: none;
    font-size: 14px;
    width: 100%;
    height: 100%;
    padding: 5px 10px;
}
.RealSoulSearchArea{
    height: -webkit-fill-available;
    position: relative;
}
.RealSoulSearchButton{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}
.RealSoulSearchButton button{
    border: none;
    outline: none;
    background: #ce9b64;
    color: #003c72;
    height: -webkit-fill-available;
    width: 180px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 10px;
}

.RealSoulSearchButton button span{
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 700;
}


.RealSoulAllTypes .dropdown button,.RealSoulAnyPrice .dropdown button,.RealSoulAny .dropdown button{
    width: 14rem;
    height: -webkit-fill-available;
    text-align: left;
    padding: 5px 10px;
    background: #ebebeb;
    color: #a7a7a7;
    border: none;
    outline: none;
    font-weight: 600;
    font-size: 14px;
    border-radius: 0px;
    letter-spacing: 1.2px;
    border-right: 1px solid #c7c7c7;
}

.RealSoulAllTypes:first-child:active ,.RealSoulAnyPrice:first-child:active ,.RealSoulAny:first-child:active {
color: #a7a7a7;
}


.RealSoulAllTypesAnyPriceAndAny{
        position: absolute;
    display: flex
;
    height: -webkit-fill-available;
    top: 0;
    right: 180px;
}
.RealSoulAllTypes{height: 100%;} 
.dropdown{
    height: 100%;
}



input::placeholder {
    color: #888; 
    font-size: 14px;  
    font-weight: 600;
    opacity: 1;   
}


.RealSoulAllTypes .btn:focus, .RealSoulAllTypes .btn:active:focus, .RealSoulAllTypes .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus{
    box-shadow: none;
}

.RealSoulAnyPrice .btn:focus, .RealSoulAnyPrice .btn:active:focus, .RealSoulAnyPrice .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus{
    box-shadow: none;
}

.RealSoulAny .btn:focus, .RealSoulAny .btn:active:focus, .RealSoulAny .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus{
    box-shadow: none;
}


.RealSoulBuySellRent {
    display: flex;
    gap: 10px;
}

.RealSoulBuySellRent .tab {
    padding: 0px 5px;
    margin-bottom: 5px;
    cursor: pointer;    color: #6c7a8a;    font-weight: 700;
    font-size: 14px;
    transition: all 0.3s ease;
}

.RealSoulBuySellRent .tab.active {
    color: #fff;
    border-bottom: 1px solid #ffffff;
}

.ThirdTitle{
    color: #003c72;
    padding-top: 150px;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 700;
    padding-bottom: 40px
}
.lifeStyleRealSoulPropertyDiscover img {
    max-width: 100%;
    width: 100%;
    height: -webkit-fill-available;
    max-height: 40rem;
    object-fit: cover;
        transition: all 0.5s ease-in-out;
}
@media only screen and (max-width: 1700px) {
 .lifeStyle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
    height: 35rem;
    transition: all 0.5s ease-in-out;
}
.lifeStyleRealSoulPropertyDiscover img{
    max-width: 100%;
    width: 100%;
    height: -webkit-fill-available;
    max-height: 35rem;
    object-fit: cover;
    transition: all 0.5s ease-in-out;
}
.FeaturedListingsCard{display:grid;grid-template-rows:35rem auto;justify-content:center;align-items:center;width:100%;transition: all 0.5s ease-in-out;}
.lifeStyle .lifeStyleText{position:absolute;font-size:22px;color:#fff;bottom:40px;font-weight:600;letter-spacing:1.2px;text-align: center;line-height: 1.2;    transition: all 0.5s ease-in-out;}
}

@media only screen and (max-width: 1500px) {
 .lifeStyle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
    height: 30rem;
    transition: all 0.5s ease-in-out;
}
.lifeStyleRealSoulPropertyDiscover img{
    max-width: 100%;
    width: 100%;
    height: -webkit-fill-available;
    max-height: 30rem;
    object-fit: cover;
    transition: all 0.5s ease-in-out;
}
.FeaturedListingsCard{display:grid;grid-template-rows:30rem auto;justify-content:center;align-items:center;width:100%;transition: all 0.5s ease-in-out;}
.lifeStyle .lifeStyleText{position:absolute;font-size:18px;color:#fff;bottom:40px;font-weight:600;letter-spacing:1.2px;text-align: center;line-height: 1.2;    transition: all 0.5s ease-in-out;}
}


@media only screen and (max-width: 1200px) {
 .lifeStyle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
    height: 25rem;
    transition: all 0.5s ease-in-out;
}
.lifeStyleRealSoulPropertyDiscover img{
    max-width: 100%;
    width: 100%;
    height: -webkit-fill-available;
    max-height: 25rem;
    object-fit: cover;
    transition: all 0.5s ease-in-out;
}
.FeaturedListingsCard{display:grid;grid-template-rows:25rem auto;justify-content:center;align-items:center;width:100%;transition: all 0.5s ease-in-out;}
.lifeStyle .lifeStyleText{position:absolute;font-size:16px;color:#fff;bottom:40px;font-weight:600;letter-spacing:1.2px;text-align: center;line-height: 1.2;    transition: all 0.5s ease-in-out;}
}

.fourth-section h1{color:#003c72;font-size:22px;font-weight:700;padding: 0px 30px;}




.RegionEventArea{
    padding-top: 0px;
    padding-bottom: 100px;
    height: 600px;
    display: grid;
    position: relative;
}
.RegionEventTitleAndButton{
    display:flex;
    justify-content:space-between;
    align-items: center;
    padding: 0px 30px;
    padding-left: 45px;
}
.RegionEventTitleMain{
    font-size: 24px;
    font-weight: 700;
    color: #003c72;
}
.RegionEventButtonArea button{
    color: #ce9b64;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 40px;
    z-index: 10;
}
/* Container for slider area */
.RegionEventSliderArea {
    display: flex;
    overflow: hidden;
    scroll-behavior: smooth; /* Smooth sliding */
    margin: 20px 30px;
    gap: 20px;
}

/* Each slider item */
.RegionEventSlider {
    flex: 0 0 80%; /* Show one full and part of next */
    background: #fff; 
    display: flex; 
    transition: transform 0.5s ease;
}

/* Image and date */
.RegionEventImgAndDate {
    position: relative;
    max-width: 600px;
    overflow: hidden; 
}

.RegionEventImgAndDate img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.RegionEventDate {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #FFF;
    color: #003c72;
    padding: 10px 15px;
    font-weight: 700;
    font-size: 22px;
}

/* Content */
.RegionEventContent {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 15px 10px;
    padding-left: 50px;
}

.RegionEventTitle {
    font-size: 32px;
    font-weight: 700;
    color: #003c72;
    line-height: 38px;
    margin-bottom: 5px;
}

.RegionEventName {
    font-size: 18px;
    letter-spacing: 1.2px;
    color: #a7a7a7;
    margin-bottom: 10px;
}

.RegionEventDesc {
    font-size: 16px;
    color: #4e4e4e;
    flex: 1;
}

.RegionEventMoreDetails {
    font-size: 20px;
    color: #ce9b64;
    cursor: pointer;
    margin-top: 10px;
    letter-spacing: 2px;
    text-transform: capitalize;
}
@media screen and (max-width: 768px) {
    .RegionEventSlider {
        flex: 0 0 90%;
    }
    .RegionEventImgAndDate {
        min-width: 200px;
        max-width: 200px;
    }
}

@media screen and (max-width: 480px) {
    .RegionEventSlider {
        flex: 0 0 100%;
    }
    .RegionEventImgAndDate {
        min-width: 150px;
        max-width: 150px;
    }
}

.RegionLifeStylePropertyDiscoverInner {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    padding: 30px;
    justify-items: center;
}

.RealSoulPropertyDiscoverExpand a{
    text-decoration:none;
}
.RealSoulPropertyDiscoverExpand{
    position: relative;
}
.lifeStyleRealSoulPropertyDiscover{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
}
.lifeStyleRealSoulPropertyDiscover a{
    height:100%;
}


.lifeStyleRealSoulPropertyDiscover .lifeStyleRealSoulPropertyDiscoverText {
    position: absolute;
    font-size: 32px;
    color: #fff;
    bottom: 40px;
    font-weight: 500;
    letter-spacing: 1.2px;
        z-index: 1;
}

.RealSoulOurOffice{
    background: #003c72;
    color: #FFF;
    padding: 80px 100px;
    display: grid;
    gap: 50px;
    margin: 30px;
    margin-top: 120px;
}
.RealSoulOurOfficeTitle{
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: 1px;
}
.RealSoulOurOfficeItem{
    display: grid;
    grid-template-columns: auto 1fr 1fr;
    gap: 40px;
}
.RealSoulOurOfficeItemImageMaps img{
    width:100%;
}
.RealSoulOurOfficeItemImage > img{
    width:100%;
}
.RealSoulOurOfficeItemImage{
    display: grid;
    justify-content: center;
    position: relative;
}
.RealSoulOurOfficeItemImage > img{
    width: 363px;
    height: 516px;
    object-fit: cover;  
}
.RealSoulGetDirection{
    position: absolute;
    bottom:50%;
    left:50%;
    transform: translate(-50%, -50%);
}
.RealSoulGetDirection img{
    width: 100%;
}
.RealSoulGetDirection {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%); 
  background: #ffffff;
  color: #003c72;
  border: none;
  padding: 8px 16px; 
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 15px;      
  height: 50px;
}
 .RealSoulGetDirectionText{
    letter-spacing: 2px;
    font-size: 14px;
 }
 .RealSoulOurOfficeItemText{
    display: grid;
    height: fit-content;
    gap: 20px;
 }
 .RealSoulOurOfficeItemTitle{
    font-size: 22px;
    font-weight: 600;
 }
 .RealSoulPhoneTitle,.RealSoulHoursTitle,.RealSoulEmailTitle,.RealSoulAddressTitle{
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 1px;
 }

 .RealSoulWhatsApp,.RealSoulCall,.RealSoulEmail,.RealSoulHours,.RealSoulAddress{
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 10px;
 }
 .RealSoulWhatsApp span,
 .RealSoulCall span,
 .RealSoulEmail span,
 .RealSoulHours span,
 .RealSoulAddress span{ 
font-size: 14px; 
}

.RealSoulOurOfficeItemPhone,
.RealSoulOurOfficeItemEmail,
.RealSoulOurOfficeItemHours,
.RealSoulOurOfficeItemAddress{
    display: grid;
    gap: 15px;
}

/* ================= Subscribe Section ================= */
.SubscribeArea{display:grid;justify-content:flex-start;align-items:center;position:relative;height:35rem;padding-left:20rem}
.SubscribeGraphics{position:absolute;right:0;bottom:-170px}
.SubscribeTitle{font-size:32px;font-weight:700;color:#194f80;line-height:40px}
.SubscribeInnerTitle{font-weight:400;font-size:16px;line-height:24px;color:#4e4e4e;padding-bottom:64px;padding-top:16px}
.SubscribeEmailArea{position:relative;border-bottom:1px solid #003c72}
.EmailSubscribe{width:100%;border:none;outline:none;padding:5px;background:transparent}
.EmailSubscribe::placeholder{color:#A7A7A7;font-size:16px;font-weight:400;line-height:24px;letter-spacing:1.5px}
.SubscribeSendbtn{position:absolute;display:flex;align-items:center;top:0;right:0;gap:10px}
.SubscribeSendbtn span{font-weight:400;font-size:18px;letter-spacing:1.5px;line-height:16px;color:#003C72}
.SubscribeMainContainer{position:relative;z-index:1}

 
@media only screen and (max-width: 1500px) {
    .RealSoulHeroArea {
        width: 70%;
         transition: all 1s ease-in-out;
    }
    .RealSoulSearchButton button {
        width: 140px;
         transition: all 1s ease-in-out;
    }
    .RealSoulAllTypesAnyPriceAndAny {
        right: 140px;
         transition: all 1s ease-in-out;
    }
    .RealSoulAllTypes .dropdown button, .RealSoulAnyPrice .dropdown button, .RealSoulAny .dropdown button{
        width: 10rem;
        font-size: 12px;
         transition: all 1s ease-in-out;
    }
    .LifeStyleExplorePropertiesContainer {
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
         transition: all 1s ease-in-out;
    }
    .lifeStyleExploreProperties {
        height: 30rem;
        transition: all 1s ease-in-out;
    }
    .lifeStyleExploreProperties .lifeStyleExplorePropertiesText{
        font-size: 24px;
         transition: all 1s ease-in-out;
    }
    .lifeStyleRealSoulPropertyDiscover .lifeStyleRealSoulPropertyDiscoverText {
        font-size: 24px;
         transition: all 1s ease-in-out;
    }
}
 
@media only screen and (max-width: 1200px) {
     .RealSoulHeroArea {
        width: 70%;
         transition: all 1s ease-in-out;
    }
    .RealSoulSearchButton button {
        width: 100px;
         transition: all 1s ease-in-out;
    }
    .RealSoulAllTypesAnyPriceAndAny {
        right: 100px;
         transition: all 1s ease-in-out;
    }
    .RealSoulAllTypes .dropdown button, .RealSoulAnyPrice .dropdown button, .RealSoulAny .dropdown button{
        width: 8rem;
        font-size: 12px;
         transition: all 1s ease-in-out;
    }
    .LifeStyleExplorePropertiesContainer {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
         transition: all 1s ease-in-out;
    }
    .lifeStyleExploreProperties {
        height: 20rem;
        transition: all 1s ease-in-out;
    }
    .lifeStyleExploreProperties .lifeStyleExplorePropertiesText{
        font-size: 18px;
         transition: all 1s ease-in-out;
    }
    .lifeStyleRealSoulPropertyDiscover .lifeStyleRealSoulPropertyDiscoverText {
        font-size: 20px;
         transition: all 1s ease-in-out;
    }
}
