@charset "UTF-8"; /*
Theme Name:Ren Management Wordpress Theme
Author:Taimoor Shan
Author URI:https://swiftcre.com
Description:Custom wordpress theme for Ren Management
Version:1
*/:root{--red:#ec1b22; --accent:#a6a182; --blue:#000000;}
/* @font-face{font-family:"RecklessR"; src:url(assets/fonts/Reckless/Reckless_Regular.otf);}
@font-face{font-family:"RecklessB"; src:url(assets/fonts/Reckless/Reckless_Medium.otf);} */
body{overflow-x:hidden !important; font-family:"Open Sans",sans-serif; font-weight:300; font-size:16px; line-height:26px; color:#212529;}
#myDemoLogo img{width:230px !important;}
/************************* fonts,buttons,icons and text blocks styles**********************************/
h1 {
    color: #000000;
    line-height: 1.2em;

    font-size: clamp(1.5em, 2vw, 2em);
    font-family: 'Roboto' , sans-serif;;
	font-weight:600;
}
h2{font-size:24px; line-height:32px; font-family: 'Roboto' , sans-serif; margin-bottom:1.5rem; text-transform:uppercase; font-weight:500;}
h3{font-size:20px; color:#000000; line-height:26px; font-weight:500;
    font-family: 'Roboto' , sans-serif;;
    margin-bottom: 14px;
    text-transform: uppercase;}
h4{font-size:20px; line-height:30px; font-weight:500; }
h5{font-size:16px; line-height:24px; font-weight:500;}
h6{font-size:14px; line-height:18px; font-weight:500;}
.heading-inline{display:inline !important;}
a{color:#888888; font-weight:400; text-decoration:none; -webkit-transition:0.3s ease-in-out !important; -moz-transition:0.3s ease-in-out !important; -ms-transition:0.3s ease-in-out !important; -o-transition:0.3s ease-in-out !important; transition:0.3s ease-in-out !important;}
a:hover{color:#888888; text-decoration:none;}
a:focus{text-decoration:none; outline:none;}
ul{margin:0; padding:0;}
ul li{list-style:none;}
img{image-rendering:-webkit-optimize-contrast; max-width:100%; display:block;}
#map{height:500px; margin-bottom:0;}
.redBtn{background:var(--red); color:#ffffff; font-size:14px; padding:8px 16px; line-height:14px; text-transform:uppercase; transition:all 0.3s,color 0.3s 0.3s; display:inline-block;}
.redBtn:hover{color:#ffffff; box-shadow:-300px 0 0 0 var(--blue) inset;}
.mt-145{margin-top:100px;}
.id-scroll-fix-special{position:relative; top:-170px;}
.cta{color:var(--red); font-size:14px; text-decoration:underline; display:inline-block;}
.red{color:var(--red); /* font-family: 'Roboto' , sans-serif; !important; */}

b, strong {
    font-weight: 500;
}
.secH.v2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
/*--------------------------------------------------------------
# Loader/Spinner
--------------------------------------------------------------*/
   #preloader {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 9999;
        width: 100%;
        height: 100%;
        overflow: visible;
        background: #fff;
    }

.loader{
	  left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    width: 150px;
    height: 100px;
    position: absolute;
}
.loader .loader-inner{
    width: 45px;
    height: 45px;
    border-radius: 5px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.loader .box-1{
    background: #000000;
    top: 0;
    left: 0;
    -webkit-animation: loading-1 3s infinite;
    animation: loading-1 3s infinite;
}
.loader .box-2{
    background: #a6a182;
    top: 45px;
    left: 45px;
    -webkit-animation: loading-2 3s infinite;
    animation: loading-2 3s infinite;
}
.loader .box-3{
    background: #ec1b22;
    top: 0;
    left: 90px;
    -webkit-animation: loading-3 3s infinite;
    animation: loading-3 3s infinite;
}
@-webkit-keyframes loading-1{
    0%{
        top: 0;
        left: 0;
    }
    33.3%{
        top: 45px;
        left: 45px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    66.66%{
        top: 0;
        left: 90px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    100%{
        top: 0;
        left: 0;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
}
@keyframes loading-1{
    0%{
        top: 0;
        left: 0;
    }
    33.3%{
        top: 45px;
        left: 45px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    66.66%{
        top: 0px;
        left: 90px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    100%{
        top: 0;
        left: 0;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
}
@-webkit-keyframes loading-2{
    0%{
        top: 45px;
        left: 45px;
    }
    33.3%{
        top: 0;
        left: 90px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    66.66%{
        top: 0;
        left: 0;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    100%{
        top: 45px;
        left: 45px;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
}
@keyframes loading-2{
    0%{
        top: 45px;
        left: 45px;
    }
    33.3%{
        top: 0;
        left: 90px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    66.66%{
        top: 0;
        left: 0;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    100%{
        top: 45px;
        left: 45px;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
}
@-webkit-keyframes loading-3{
    0%{
        top: 0;
        left: 90px;
    }
    33.3%{
        top: 0;
        left: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    66.66%{
        top: 45px;
        left: 45px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    100%{
        top: 0;
        left: 90px;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
}
@keyframes loading-3{
    0%{
        top: 0;
        left: 90px;
    }
    33.3%{
        top: 0;
        left: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    66.66%{
        top: 45px;
        left: 45px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    100%{
        top: 0;
        left: 90px;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header{background:rgba(255,255,255,0.6); transition:all 0.5s; top:0; box-shadow:0 2px 15px rgba(25,119,204,0.1);}
#header.header-scrolled{top:0; background:#ffffff;}
#header .logo{font-size:30px; margin:0; padding:0; line-height:1; font-weight:500;}
#header .logo a{color:#2c4964;}
.logo img{width:220px;}
#header .header-social-links{padding-right:15px;}
#header .header-social-links a{display:inline-block; font-size:14px; width:35px; height:35px; line-height:35px; border:1px solid #918f8f; border-radius:100%; text-align:center; margin-left:5px; transition:all 0.4s;}
#header .topCta .cta{display:flex; gap:14px; align-items:center;}
#header .topCta .cta i{color:var(--red);}
#header .topCta .cta i{transition:all 0.3s;}
#header .topCta .cta a i:hover{color:var(--blue);}
.bTop{border-top:1px solid var(--blue);}
@media (max-width:575px){
  #header .header-social-links a{padding-left:5px;}
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

/**
* Desktop Navigation
*/

/*--------------------------------------------------------------
# Desktop Navigation
--------------------------------------------------------------*/
@media (min-width:992px){
  .navbar{justify-content:center;}
  .navbar ul{margin:0; padding:0; display:flex; list-style:none; align-items:center; gap:2em;}
  .navbar li{position:relative; white-space:nowrap; padding:auto;}
  .navbar li:last-child{padding:0;}
  .navbar a,.navbar a:focus{position:relative; display:flex; align-items:center; justify-content:space-between; font-size:15px; color:var(--black); white-space:nowrap; transition:0.3s; border-bottom:2px solid transparent; text-transform:uppercase; font-weight:400;}
  /* #header.header-scrolled  .navbar a,#header.header-scrolled .navbar a:focus{color:#ffffff;}
  */
      .navbar a i,.navbar a:focus i{font-size:12px; line-height:0; margin-left:5px;}
  .navbar a:hover,.navbar .menu-item-object-page.current-menu-item a,.navbar .current-menu-item:focus a,.navbar li:hover > a{color:#000000; border-color:var(--red); font-weight:500;}
  #header.header-scrolled .current-menu-item a{color:var(--red);}
  .navbar .menu-item-has-children a:after{content:"\f282"; display:inline-block; font-family:bootstrap-icons !important; position:absolute; top:50%; right:0; transform:translateY(-50%); font-size:12px;}
  .navbar .menu-item-has-children ul.sub-menu{display:block; position:absolute; left:20px; top:calc(100% + 30px); margin:0; padding:10px 0; z-index:99; opacity:0; visibility:hidden; background:#fff; box-shadow:0 0 30px rgb(127 137 161 / 25%); transition:0.3s;}
  .navbar .menu-item-has-children ul.sub-menu li{min-width:200px;}
  .navbar .menu-item-has-children ul.sub-menu a{padding:10px 20px; font-size:14px; font-weight:500; text-transform:none; color:#082744; border:0;}
  .navbar .menu-item-has-children ul.sub-menu a i{font-size:12px;}
  .navbar .menu-item-has-children ul.sub-menu a:hover,.navbar .menu-item-has-children ul.sub-menu .active:hover,.navbar .menu-item-has-children ul.sub-menu li:hover > a{color:#000000;}
  .navbar .menu-item-has-children:hover > ul.sub-menu{opacity:1; top:100%; visibility:visible;}
  .navbar .menu-item-has-children .menu-item-has-children ul.sub-menu{top:0; left:calc(100% - 30px); visibility:hidden;}
  .navbar
          .menu-item-has-children
          .menu-item-has-children:hover
          > ul.sub-menu{opacity:1; top:0; left:100%; visibility:visible;}
}
@media (min-width:992px) and (max-width:1366px){
  .navbar .menu-item-has-children .menu-item-has-children ul.sub-menu{left:-90%;}
  .navbar
          .menu-item-has-children
          .menu-item-has-children:hover
          > ul.sub-menu{left:-100%;}
}
@media (min-width:992px){
  .mobile-nav-show,.mobile-nav-hide{display:none;}
}
/*--------------------------------------------------------------
# Mobile Navigation
--------------------------------------------------------------*/
@media (max-width:991px){
  .navbar{position:fixed; top:0; right:-100%; width:100%; max-width:400px; bottom:0; transition:0.3s; z-index:9997;}
  .navbar ul{position:absolute; inset:0; padding:50px 0 10px 0; margin:0; background:rgb(35 84 114 / 90%); overflow-y:auto; transition:0.3s; z-index:9998;}
  .navbar a,.navbar a:focus{display:flex; align-items:center; justify-content:space-between; padding:10px 20px; font-size:15px; font-weight:600; color:rgba(255,255,255,0.7); white-space:nowrap; transition:0.3s;}
  .navbar a i,.navbar a:focus i{font-size:12px; line-height:0; margin-left:5px;}
  .navbar a:hover,.navbar .current-menu-item a,.navbar .current-menu-item:focus a,.navbar li:hover > a{color:#fff;}
  .navbar .menu-item-has-children ul.sub-menu,.navbar .menu-item-has-children .menu-item-has-children ul.sub-menu{position:static; display:none; padding:10px 0; margin:10px 20px; background-color:rgba(20,35,51,0.6);}
  .navbar .menu-item-has-children > .submenu-active,.navbar .menu-item-has-children .menu-item-has-children > .submenu-active{display:block;}
  .mobile-nav-show{font-size:28px; cursor:pointer; line-height:0; transition:0.5s; position:absolute; right:0; top:11px; color:var(--blue);}
  .mobile-nav-hide{color:rgba(255,255,255,0.9); font-size:32px; cursor:pointer; line-height:0; transition:0.5s; position:fixed; right:15px; top:15px; z-index:9999;}
  .mobile-nav-active{overflow:hidden;}
  .mobile-nav-active .navbar{right:0;}
  .mobile-nav-active .navbar:before{content:""; position:fixed; inset:0; background:rgba(27,47,69,0.7); z-index:9996;}
}
@media (min-width:992px){
  .mobile-nav-show,.mobile-nav-hide{display:none !important;}
}
.sub-menu-toggle{display:none !important;}
/* .header-scrolled .fa-bars:before,.header-scrolled .fa-navicon:before{color:#ffffff;} */
/*--------------------------------------------------------------
# Inner Main Banner
--------------------------------------------------------------*/


.mainBanner{width:100%; position:relative; margin-top:0; background:var(--blue); height:60vh;}
.mainBanner:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; mix-blend-mode:multiply; background:#595959; display:block; opacity:0;}
.mainBanner .mainInnerBanner{position:absolute; z-index:1; text-align:center; top:56%; left:50%; transform:translate(-50%,-50%);width: 100%;}
.mainBanner .mainInnerBanner h1 {
    margin: 0;
    font-size: 26px;
    font-weight: 500;
    line-height: 30px;
    text-transform: uppercase;
    color: #ffffff;
    font-family: 'Roboto' , sans-serif;;
    display: inline-block;
    padding: 10px 24px;
    background: var(--red);
    word-spacing: 2px;
	position:relative;
}
.mainBanner .mainInnerBanner h1:before,.bannerH1:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 90px;
    left: 0;
    top: 50%;
    /* background: #eeeeee; */
    transform: translateY(-50%);
    border-inline: 1px solid var(--red);
}
.mainBanner .mainInnerBanner h1:after, .bannerH1:after{
    content: '';
    position: absolute;
    width: calc(100% + 40px);
    height: 100%;
    left: 50%;
    top: 0;
    /* background: #eeeeee; */
    transform: translateX(-50%);
    border-block: 1px solid var(--red);
}
/*--------------------------------------------------------------
# Inner Main Banner
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Home Additional Section 1
--------------------------------------------------------------*/

#heroHeading {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}

#heroHeading.fade-in {
  opacity: 1;
  transform: translateY(0);
}
.homeAddSec1{width:100%; height:100vh; position:relative; background-attachment:fixed !important;}
.homeAddSec1:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; mix-blend-mode:multiply; background:rgb(0 0 0 / 40%); display:block;}
.homeAddSec1 .homeAddSec1Inner{text-align:center; margin-top:184px; position:relative; z-index:1;}
.homeAddSec1 .redBtn{padding:8px 36px;}
.homeAddSec1 .homeAddSec1Inner h1{margin-bottom:0.5rem; font-size:46px; line-height:52px; text-transform:uppercase; color:#ffffff; font-family:"Roboto", serif; font-weight:600;}
.homeAddSec1 .homeAddSec1Inner h4{color:#ffffff; margin:10px 0 0 0; font-size:24px; line-height:30px; font-weight:400;}
/*--------------------------------------------------------------
# Home Additional Section 2
--------------------------------------------------------------*/
.homeAddSec2{background:var(--blue);}
.homeAddSec2 .counterBox{flex-basis:25%; text-align:center; border-right:1px solid #ffffff;}
.homeAddSec2 .counterBox:last-of-type{border-right:none;}
.homeAddSec2 .counterBox h3{font-size:30px; color:#ffffff; margin:0; font-weight:500;}
.homeAddSec2 .counterBox p{margin:0; font-size:14px; color:#ffffff;}
/*--------------------------------------------------------------
# Home Additional Section 2
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Home Additional Section 3
--------------------------------------------------------------*/
.homeSec3{}
.homeSec3 .homeSec3ColL .stats{position:absolute; top:34%; left:10px; transform:rotate(-10deg);}
.homeSec3ColL h3{font-weight:600; color:var(--red); font-size:22px; margin-bottom:0;}
.homeSec3ColL h5{font-weight:400; font-size:15px;}
.homeSec3 .homeSec3ColL .stats2{position:absolute; bottom:0; left:0; transform:rotate(-10deg); width:300px;}
.homeSec3 .homeSec3ColL .stats2 b{font-weight:500; color:var(--red);}
.homeSec3 .homeSec3ColL img{}
.homeSec3 .homeSec3ColR p{margin-top:0; margin-bottom:1rem; text-align:justify; line-height:1.8;}
/*--------------------------------------------------------------
# Home Additional Section 4
--------------------------------------------------------------*/
.homeAddSec4{position:relative; background-color:rgb(0 0 0 / 80%) !important; background-blend-mode:MULTIPLY; border-bottom:1px solid #ffffff; overflow:hidden;}
.homeAddSec4 .myGrid{display:grid; grid-template-columns:repeat(auto-fit,minmax(370px,1fr)); row-gap:4rem; column-gap:1rem;}
/* .homeAddSec4:before{position:absolute; content:''; width:100%; height:100%; inset:0; background:var(--blue); z-index:inherit;}
*/
.homeAddSec4 .modal-body ul li{list-style:disc;}
.homeAddSec4 .modal-body ul li::marker{color:var(--red);}
.homeAddSec4Col1 h2{color:#ffffff; margin:0;}
.homeAddSec4Col1 p{color:#ffffff; margin:20px 0 0 0;}
.homeAddSec4Col{border:2px solid #ffffff; border-top:0; padding:40px 30px 30px 30px; position:relative; width:100%; max-width:100%;}
.homeAddSec4Col:before{content:""; position:absolute; top:0; left:0; width:30px; height:2px; background:#ffffff;}
.homeAddSec4Col:after{content:""; position:absolute; top:0; right:0; width:calc(100% - 103px); height:2px; background:#ffffff;}
.homeAddSec4Col img{width:40px; position:absolute; top:-20px; left:48px; /* filter:brightness(0) invert(1); */}
.homeAddSec4Col h4{color:#ffffff; font-size:17px; line-height:26px; font-weight:500; margin-bottom:14px; text-transform:uppercase; font-family: 'Roboto' , sans-serif;}
.homeAddSec4Col p{color:#ffffff; font-size:16px; margin-bottom:0;}
.homeAddSec4Col a{position:absolute; top:50%; right:-40px; transform:translate(-50%,-50%) scale(0); width:40px; height:40px; line-height:40px; text-align:center; border-radius:50%; display:block; background:#ffffff; color:var(--lightBlue); transition:0.3s;}
.homeAddSec4Col:hover a{transform:translate(-50%,-50%) scale(1) rotate(360deg);}
.homeAddSec4Col:hover{border:2px solid var(--red); border-top:0;}
.homeAddSec4Col:hover img{filter:none;}
.homeAddSec4Col:hover:before{background:var(--red);}
.homeAddSec4Col:hover:after{background:var(--red);}
.homeAddSec4 .modal-content{padding:0 20px 10px; border-radius:0;}
.homeAddSec4 .modal-content .modal-header h1 br{display:none;}
.homeAddSec4 .modal-content .modal-header h3{font-weight:500; color:var(--lightBlue); font-family:"Roboto", sans-serif; font-size:22px;}
.homeAddSec4 .modal-content .modal-body p{font-size:14px; line-height:20px; margin-bottom:0;}
/*--------------------------------------------------------------
# Featured Listings Slider Home Page
--------------------------------------------------------------*/
.mySwiper.swiper{/* overflow:visible; */}
.mySwiper .swiper-slide{transition:all 0.3s; position:relative;}
.mySwiper .swiper-slide h3{font-size:20px; color:#000000; line-height:26px; font-family:""Roboto", sans-serif"; z-index:20; max-width:330px; transition:all 0.3s; text-transform:uppercase; margin-top:12px;}
.mySwiper .swiper-slide .project-img:before{position:absolute; content:""; width:0; height:100%; left:0; top:0; background:var(--red); z-index:1; transition:all 0.3s;}
.mySwiper .swiper-slide:hover .project-img:before{width:50px;}
ul.hoverList{position:absolute; background:#ffffff; top:50%; left:20%; width:80%; padding:1em; transform:translate(-50%,-50%); z-index:100; transition:all 0.3s; opacity:0;}
ul.hoverList li{font-weight:300;}
ul.hoverList li b{font-weight:400; color:var(--red);}
.mySwiper .swiper-slide:hover ul.hoverList{opacity:1; left:50%;}
.sModalWrapper .modal-content{border-radius:0; outline:0; padding:2rem 2rem 1rem;}
.swiper-button-next,.swiper-button-prev{transform:translateY(-50%); color:var(--red);background:#ffffff;}
.swiper-button-next{right:-3px;}
.swiper-button-prev{left:-3px;}
.swiper-button-next:after,.swiper-button-prev:after{font-size:18px;}
.sPropertyR .form-fields3{height:160px;}
/*--------------------------------------------------------------
# Home Additional Section 8
--------------------------------------------------------------*/
section#lead-capture .readables{width:60%; padding:0 0 24px 24px;}
section#lead-capture .readables li{list-style:"✔ "; line-height:1.75; letter-spacing:0.25px;}
section#lead-capture .readables li::marker{color:#00c000;}
section#lead-capture .readables form{border-radius:12px; display:flex;}
section#lead-capture .readables form input[type="email"],section#lead-capture .readables form:-webkit-autofill{border-radius:12px; background:#faf9f6; box-shadow:inset 2px 0 15px rgba(113,104,78,0.15); border:none; padding:0 18px; line-height:44px; width:100%; color:#008d00; -webkit-text-fill-color:#008d00; transition:400ms ease all 0s;}
section#lead-capture .readables form input[type="email"]::placeholder,section#lead-capture .readables form:-webkit-autofill::placeholder{color:rgba(113,104,78,0.5); transition:400ms ease all 500ms;}
section#lead-capture .readables form input[type="email"]:focus,section#lead-capture .readables form:-webkit-autofill:focus{outline:transparent; box-shadow:inset 0 0 1px 1px rgba(182,177,162,0.5),inset 2px 0 15px rgba(0,100,0,0.33); color:#008d00;}
section#lead-capture .readables form input[type="email"]:focus::placeholder,section#lead-capture .readables form:-webkit-autofill:focus::placeholder{color:rgba(113,104,78,0.2);}
section#lead-capture .readables form input[type="email"]:valid,section#lead-capture .readables form:-webkit-autofill:valid{border-radius:12px 0 0 12px; transition:400ms ease all 500ms; box-shadow:inset 0 0 1px 1px rgba(0,192,0,0.5),inset 2px 0 15px rgba(0,100,0,0.33);}
section#lead-capture .readables form input[type="submit"]{border-radius:0 12px 12px 0; border:none; background:#009f00; padding:0; width:0; opacity:0; color:white; font-weight:600; cursor:pointer; transition:400ms ease padding 0s,400ms ease width 0s,400ms ease opacity 0s,400ms ease background 0s;}
section#lead-capture
    .readables
    form
    input[type="email"]:valid
    ~ input[type="submit"]{padding:0 18px; width:120px; opacity:1; transition:400ms ease padding 500ms,400ms ease width 500ms,400ms ease opacity 500ms,400ms ease background 0s;}
section#lead-capture
    .readables
    form
    input[type="email"]:valid
    ~ input[type="submit"]:hover{background:#00b300;}
section#lead-capture .readables span.fine-print{opacity:0.75; display:block; font-size:12px; letter-spacing:0.25px; margin:18px 0 0; position:relative; text-align:center; padding:0 0 0 32px; text-align:left;}
section#lead-capture .readables span.fine-print div.lock-icon svg{position:absolute; top:0; left:0; width:24px; height:24px; opacity:0.333;}
section#lead-capture #please{transition:400ms opacity 0ms;}
section#lead-capture #thanks{position:relative; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; max-width:100%; height:0; opacity:0; z-index:-1; transition:400ms opacity 400ms;}
@media screen and (max-width:800px){
  section#lead-capture{margin:24px;}
  section#lead-capture #lead-capture{flex-direction:row;}
  section#lead-capture .visuals{display:none;}
  section#lead-capture .readables{width:100%; padding-right:24px;}
  section#lead-capture span.fine-print{max-width:42ch;}
}
/*--------------------------------------------------------------
# Home Additional Section 5
--------------------------------------------------------------*/
.homeSec5{background:#eeeeee;}
.homeSec5 h2{color:var(--blue);}
.homeSec5 .owl-carousel .owl-nav.disabled{display:block !important;}
.homeSec5 .owl-carousel button.owl-prev{color:var(--red); outline:0; position:absolute; top:120px; transform:translatey(-50%); left:-50px; font-size:30px; width:30px; height:50px;}
.homeSec5 .owl-carousel button.owl-next{color:var(--red); outline:0; position:absolute; top:120px; transform:translatey(-50%); right:-50px; font-size:30px; width:30px; height:50px;}
.homeSec5 .propDetail h3,.homeSec5 .propDetail h4{margin:0;}
.homeSec5 .propDetail{margin-top:24px;}
.homeSec5 .propDetail h4{font-size:17px; line-height:26px; color:#000000; font-weight:500;}
.homeSec5 .propDetail h5{font-size:15px; line-height:24px; color:#000000; font-weight:300; letter-spacing:1px;}
.homeSec5 .thumb{position:relative;}
.homeSec5 .thumb:after{position:absolute; content:""; top:0; left:0; bottom:0; right:0; background:rgb(246 34 66 / 70%); background-blend-mode:multiply; transition:-webkit-clip-path 275ms ease-out; transition:clip-path 275ms ease-out; transition:clip-path 275ms ease-out,-webkit-clip-path 275ms ease-out; clip-path:polygon(100% 100%,100% 100%,100% 100%,100% 100%);}
.homeSec5 .thumb:hover:after{clip-path:polygon(0 100%,100% 0,100% 100%,0 100%);}
.homeSec5 .thumb .sm-cta{bottom:10px; right:30px; position:absolute; z-index:9999;}
.homeSec5 .sm-cta a{opacity:0; font-size:14px; line-height:14px; position:relative; color:#ffffff;}
.homeSec5 .sm-cta a:before{position:absolute; content:"\f105"; font-family:"Font Awesome 6 Free"; font-weight:900; top:3px; right:-14px; font-size:14px; line-height:14px; color:#ffffff; z-index:1; background-image:none; transform:none; transition:all 0.3s;}
.homeSec5 .thumb .sm-cta a:hover:before{right:-24px;}
.homeSec5 .thumb:hover .sm-cta a{opacity:1;}
/*--------------------------------------------------------------
# Home Additional Section 6
--------------------------------------------------------------*/
.homeSec6{
    background-color: rgb(0 0 0 / 80%) !important;
    background-blend-mode: MULTIPLY;
	background-attachment:fixed !important;
}

.homeSec6 .mContent h2{
	color:#ffffff;
}
.homeSec6 .mContent p{
	color:#ffffff;
}

/*--------------------------------------------------------------
# Home Additional Section 7
--------------------------------------------------------------*/
.homeAddSec7{position:relative;}
.homeAddSec7:before{position:absolute; content:""; inset:0; width:100%; height:100%; background-color:#ffffff !important; opacity:0;}
.cf7{position:relative;}
/* .homeAddSec7 .cf7 h2{color:#ffffff}
*/
.homeAddSec7 .cf7 option{color:#000000;}
::-webkit-input-placeholder{color:#888888 !important; opacity:1;font-size:15px;}
/* Change Contact Form 7 placeholder color */
input::placeholder,textarea::placeholder{color:#888888;font-size:15px; /* Modern browsers */
    opacity:1; /* Firefox */}
/* Vendor prefixes for older versions of browsers */
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#888888; font-size:15px;/* Chrome,Safari,and newer versions of Opera */}
input::-moz-placeholder,textarea::-moz-placeholder{color:#888888; font-size:15px;/* Firefox 18- */
    opacity:1;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#888888;font-size:15px; /* Internet Explorer 10-11 */}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contAddSec2RightCol img{width:200px; margin-bottom:1.5rem;}
.contAddSec2RightColForm h2{letter-spacing:2px; margin-block:1.5rem; color:var(--blue);}
/* .contAddSec2RightColForm::placeholder{color:#000000 !important; font-weight:400;}
*/
.contAddSec2RightColForm .form-fields,.contAddSec2RightColForm .form-fields2,.contAddSec2RightColForm .form-fields3{border-radius:5px; color:#000000 !important;}
.contAddSec2RightColForm .form-fields3{height:100px;}

#contactMap{
	height: 500px;
}


/*--------------------------------------------------------------
# Team/About
--------------------------------------------------------------*/
.abtAddSec1 h2{}
.abtAddSec1 p{}
.teamWrapper{background:rgb(238 238 238 / 60%); padding:0; text-align:center; transition:all 0.3s; position:relative;}
.teamWrapper .detailWrapper {
    padding: 1em 1em 1.5em;
}
.imageWrapper{position:relative;}
.imageWrapper:before{position:absolute; content:"\f14c"; font-family:"Font Awesome 6 Free"; font-weight:900; font-size:30px; line-height:30px; color:var(--red); bottom:20px; left:50%; transform:translateX(-50%); z-index:99; transition:all 0.4s; opacity:0;}
.teamWrapper:hover{box-shadow:rgba(60,64,67,0.3) 0 1px 2px 0,rgba(60,64,67,0.15) 0 2px 6px 2px;}
.teamWrapper img{transition:all 0.3s;width:512px;}
.teamWrapper:hover img{filter:grayscale(1);}
.teamWrapper:hover .imageWrapper:before{opacity:1;}
.teamWrapper h3{font-weight:600; margin:0; color:#000000;}
.teamWrapper h4{font-size:15px; line-height:22px; font-weight:400; color:var(--red);}
.teamWrapper .links{display:flex; flex-wrap:wrap; gap:10px; justify-content:center;}
.teamWrapper .links a{font-size:20px; color:var(--blue); transition:all 0.3s;}
.teamWrapper .links a:hover{color:var(--red);}
/* New team Page Styles */
.teamWrapper2{background:#eeeeee; padding:1.5rem; transition:all 0.3s; position:relative; overflow:hidden;}
.teamWrapper2 .teamBtn{position:absolute; content:""; bottom:1.5rem; right:-89px; opacity:1; background:var(--red); font-size:14px; line-height:14px; color:#ffffff; padding:8px 14px; transition:all 0.3s;}
.teamWrapper2:hover .teamBtn{right:0;}
.teamWrapper2:hover{transition:all 0.3s;}
.teamWrapper2 h3{font-size:24px; color:var(--blue); line-height:26px; font-weight:500; font-family: 'Roboto' , sans-serif;}
.teamWrapper2 h4{font-size:18px; line-height:22px; font-weight:400;  color:var(--red);}
.teamWrapper2 .links{display:flex; flex-wrap:wrap; gap:6px;}
.teamWrapper2 .links a{color:#ffffff; transition:all 0.3s; font-size:14px; line-height:30px; width:30px; height:30px; background:var(--blue); border-radius:50%; text-align:center;}
.teamWrapper2 .links a:hover{color:var(--red);}
/* Team Single */

/* .sTeamAddSec2RCol .backTo:hover i{margin-left:0 !important; margin-right:1rem;}
*/
.sTeamAddSec2 .contactCol{flex-basis:270px;}
.sTeamAddSec2 h3{font-size:26px; color:#000000; line-height:26px; font-family: 'Roboto' , sans-serif;;margin-bottom: 10px;}
.sTeamAddSec2 h3 i{color:var(--red);}
.teamMainSec .teamImage .backTo{padding-left:30px; background:var(--blue);}
.teamMainSec .teamImage .backTo:hover{box-shadow:-300px 0 0 0 var(--red) inset !important;}
.teamMainSec .teamImage .backTo i{position:absolute; left:10px; transition:all 0.3s;}
.teamMainSec .teamImage .backTo:hover i{left:5px;}
.sTeamAddSec2 .team-info h5{font-size:18px; line-height:24px; color:var(--red); font-weight:400; margin-bottom:16px;}
.sTeamAddSec2 h5{font-size:18px; line-height:24px; color:var(--red); font-weight:400; margin-bottom:1.5rem;}
.contactWrapper a{display:block; color:#000000;transition:all .3s;}
.contactWrapper a:hover{color:var(--red);}
.contactWrapper a i{color:var(--red);}
.sTeamAddSec2RCol ul li{list-style:disc; list-style-position:inside;}
.sTeamAddSec2RCol ul li::marker{color:var(--red);}
.sTeamAddSec2RCol h4{font-size:20px; line-height:30px; font-weight:500; margin-top:1rem;}
.sTeamAddSec2RCol .lic {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 1rem;
    margin-top: 5px;
	font-weight:400;
}

/***
====================================================================
Property Evaluation
====================================================================
***/
.bovSec1 .bovSec1InnerL a{color:var(--red); font-weight:400; text-decoration:underline; -webkit-transition:0.3s ease-in-out !important; -moz-transition:0.3s ease-in-out !important; -ms-transition:0.3s ease-in-out !important; -o-transition:0.3s ease-in-out !important; transition:0.3s ease-in-out !important;}
/*--------------------------------------------------------------
# Experience
--------------------------------------------------------------*/
.experienceSecBoxMain{position:relative; box-shadow:0 0 20px 0 rgb(0 0 0 / 10%); margin-bottom:20px; min-height:570px;}
.experienceSecBox{text-align:center; overflow:hidden; position:relative;}
.experienceSecBox:before,.experienceSecBox:after{content:""; width:0; height:0; background:rgb(255 255 255 / 50%); position:absolute; top:5%; left:5%; transition:all 0.3s ease-in-out;}
.experienceSecBox:after{top:auto; left:auto; bottom:5%; right:5%;}
/* .experienceSecBoxMain:hover	.experienceSecBox:before,.experienceSecBoxMain:hover	.experienceSecBox:after{width:90%; height:90%;}
*/
.experienceSecBox .experienceSecBoxcontent{width:100%; height:100%; padding-top:30%; position:absolute; top:0; left:0; opacity:0; z-index:2; transition:all 0.2s ease 0.3s;}
.experienceSecBoxMain:hover .experienceSecBoxcontent{opacity:1;}
.experienceSecBox .experienceSecBoxcontent:before,.experienceSecBox .experienceSecBoxcontent:after{content:""; width:85%; height:85%; border:2px solid transparent; position:absolute; top:50%; left:50%; z-index:-1; transform:translateY(-50%) translateX(-50%); transition:all 0.3s ease 0s;}
.experienceSecBox .experienceSecBoxcontent:before{width:0;}
.experienceSecBox .experienceSecBoxcontent:after{height:0;}
.experienceSecBoxMain:hover .experienceSecBoxcontent:before{width:85%; border-top:2px solid var(--red); border-bottom:2px solid var(--red); transition-delay:0.4s;}
.experienceSecBoxMain:hover .experienceSecBoxcontent:after{height:85%; border-left:2px solid var(--red); border-right:2px solid var(--red); transition-delay:0.4s;}
.experienceSecBoxText h2{font-size:19px; line-height:23px; margin-bottom:10px; color:var(--blue); min-height:56px; border-bottom:1px solid var(--red); padding-bottom:8px;}
.experienceSecBoxText{padding:15px;}
.experienceSecBoxText p{font-size:14px; line-height:24px; margin-bottom:0;}
.experienceSecBoxText p strong{font-weight:600;}
.experienceSec .pagination{display:flex; justify-content:space-between; align-items:center; width:350px; margin-top:20px; margin-left:auto;}
span.page-numbers.current{background:var(--red); color:#ffffff; width:30px; height:30px; display:inline-block; text-align:center; border-radius:50%; line-height:30px; font-weight:600;}
/*--------------------------------------------------------------
# News
--------------------------------------------------------------*/
.newsSec1{overflow:hidden;}
.newsSec1 .blogDetail h5{font-size:22px; line-height:29px; color:var(--blue); text-transform:uppercase; font-weight:600; margin-bottom:1.5rem;}
.newsSec1 .thumb{overflow:hidden;}
.newsSec1 .thumb .thumbAbs{transition:all 0.6s;}
.newsSec1 .thumb:hover .thumbAbs{transform:scale(1.2);}
/*--------------------------------------------------------------
# News Single
--------------------------------------------------------------*/
.newsSingle{margin-top:8rem;}
.newsSingle h1{font-size:30px; color:#000000; line-height:40px; font-family: 'Roboto' , sans-serif;; font-weight:600; margin-top:1rem;}
.newsSingle h2{font-family: 'Roboto' , sans-serif;; margin-bottom:1rem !important; font-size:24px; font-weight:600;}
.newsSingle h5{margin:0; font-size:16px; line-height:20px;}
.newsSingle .form-fields3{height:120px;}
.newsSingle .date{margin-bottom:0.5rem; display:block; font-weight:400; color:var(--red);}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.redStrap{padding-block:4rem; background:var(--red);}
#footer{color:#000000; font-size:14px; background:#ffffff; border-top:1px solid var(--red);}
#footer .footerLogo{position:relative; z-index:10;}
.navigation ul{display:flex; flex-wrap:wrap; justify-content:flex-end; gap:2em;}
#footer .navigation ul li{line-height:0; margin-bottom:10px;}
#footer .navigation ul li a{font-size:15px; line-height:20px; font-weight:400; text-transform:uppercase; color:#000000;}
#footer .navigation ul .menu-item-object-page.current-menu-item a{font-weight:500; color:var(--red); border-bottom:2px solid var(--red);}
#footer .navigation ul li a:hover{color:var(--red);}
#footer .contact{display:flex; flex-wrap:wrap; justify-content:flex-end; gap:4px;}
#footer .contact a{display:inline-block; font-size:16px; line-height:18px; font-weight:400; color:#888888; transition:all 0.3s;}
#footer .contact p{display:inline-block; font-size:16px; line-height:20px; font-weight:400; color:#888888;}
#footer .contact a:hover{color:var(--red);}
#footer .contact span{color:var(--red); font-weight:500; font-size:16px; line-height:18px;}
.contact .social-links a:hover{transform:scale(1.2);}
.copyright{text-align:center; padding:0; background:var(--blue);}
.copyright p{color:#ffffff; margin:0; font-size:14px; line-height:16px;  text-transform:uppercase; padding-block:1rem;}
.copyright p a{color:#ffffff; margin:0; font-size:14px; line-height:16px; text-transform:uppercase; font-weight:300;}
.py-6{padding-top:5rem; padding-bottom:5rem;}
.pb-6{padding-bottom:5rem;}
label{display:block; text-align:start;}
.form-fields,.form-fields2,.form-fields3{width:100% !important; box-sizing:border-box; padding:8px 11px; font-size:15px; font-family:"Open Sans",sans-serif; font-weight:400; margin-bottom:15px; border:1px solid #aaaaaa; border-radius:0; background:none; color:#212529; -webkit-transition:0.3s ease-in-out !important; -moz-transition:0.3s ease-in-out !important; -ms-transition:0.3s ease-in-out !important; -o-transition:0.3s ease-in-out !important; transition:0.3s ease-in-out !important;}
.form-fields:focus,.form-fields2:focus,.form-fields3:focus{outline:none !important; border:1px solid #000000;}
.homeAddSec7 .form-fields3{height:130px;}
.wpcf7-submit,.ln-widgetBox.search .searchButton a{/* float:right; */
    box-sizing:border-box; position:relative; outline:0; border:0; transition:0.3s ease-in-out !important; background:var(--red); color:#ffffff; /* border-radius:50px; */
    padding:11px 0; font-size:13px; line-height:13px; display:inline-block; text-transform:uppercase; font-weight:500; color:#ffffff; width:100%;}
.wpcf7-submit:hover{background:var(--blue); color:#ffffff;}
div.wpcf7 img.ajax-loader{float:left;}
.wpcf7-list-item{display:inline-block; margin-right:10px;}
div.wpcf7-response-output{float:left;}
.wpcf7-not-valid-tip{display:none !important;}
.wpcf7-not-valid{border-bottom:2px solid red !important;}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900; color:#ffffff;}
.wpcf7 label{display:flex; text-align:start; flex-direction:column; gap:8px; font-weight:400;}
/* .modal-header h1{text-transform:uppercase; font-weight:500; font-size:20px !important;} */
/* .modal-body .form-fields,.modal-body .form-fields2,.modal-body .form-fields3{border-bottom:1px solid #cccccc; color:#000000; font-weight:500;} */
/* .modal-body::placeholder{color:#000000 !important; font-weight:500; font-size:12px;}
*/
/* .modal-body .wpcf7 form.invalid .wpcf7-response-output,.modal-body .wpcf7 form.unaccepted .wpcf7-response-output,.modal-body .wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900; color:#000000;} */
.wpcf7 form .wpcf7-response-output{margin:2em 0.5em 1em; padding:0.2em 1em; border:2px solid var(--blue); color:#000000;}
textarea{height:150px;}
@media (min-width:1400px){
  .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1140px;}
}
/* Connect Page */
.connectMain{background:var(--darkBlue);}
.connectMainTop ul li{display:flex; gap:15px; justify-content:center; align-items:center;}
.connectMainTop ul{display:flex; justify-content:space-between; gap:70px;}
.connectMainTop ul li i{display:inline-block; width:40px; height:40px; font-size:15px; line-height:40px; background:var(--darkBlue); color:#ffffff; text-align:center; border-radius:50%; transition:0.3s;}
.connectMainTop ul li a,.connectMainTop ul li p{font-size:15px; line-height:20px; font-weight:600; color:var(--darkBlue); margin:0 !important;}
.connectMainLeft h2,.connectMainRight h2{margin:0 0 10px 0; font-size:24px; line-height:34px; color:#ffffff; font-weight:600; text-transform:uppercase;}
.connectMainLeft p{font-size:18px; line-height:25px; margin-bottom:20px; color:#ffffff;}
.connectMainRight p{color:#ffffff;}
.connectMain .form-fields,.connectMain .form-fields2,.connectMain .form-fields3{border-bottom:2px solid var(--lightBlue); color:var(--lightBlue);}
/* .connectMain::placeholder{color:#888888 !important;}
*/
.connectMain .wpcf7-submit{color:#ffffff !important; background:var(--lightBlue) !important; font-size:13px; line-height:14px;}
.connectMainRight a{background:var(--lightBlue); color:#fff; border-radius:50px; padding:8px 25px; font-size:13px; line-height:14px; display:inline-block; text-transform:uppercase; font-weight:600;}
.connectMainTop ul li:hover i{transform:scale(1.1);}
.connectMainRight a:hover,.connectMain .wpcf7-submit:hover{background:var(--lightBlue) !important;}
/* The Pointe Page Temolete */
.propertyReversSec{flex-direction:row-reverse;}
.homeAddSec3Prop .mpAddSec3Left h2{position:relative; font-size:24px; line-height:33px; text-transform:uppercase; font-weight:500; margin-bottom:0;}
.homeAddSec3Prop .mpAddSec3Left h4{font-size:16px; line-height:24px; margin-bottom:0.5rem; font-weight:400; color:var(--red);}
.homeAddSec3Prop .blueBtn{width:120px; text-align:center; font-weight:500; background:var(--blue); margin-bottom:0.5rem; position:absolute; content:""; right:0; top:0;}
.homeAddSec3Prop .mpAddSec3Left ul li{line-height:2; list-style:disc; list-style-position:inside;}
.homeAddSec3Prop .customBorder{border-bottom:1px solid var(--blue);}
/* The Services Page Templete */


.serv1 .myList ul{margin-bottom:2.5em;}
.serv1 a{color:#000000; transition:all .3s; text-decoration:underline;}
.serv1 a:hover{color:var(--red); }
.serv2Box{margin-bottom:1rem;}
.serv2Box .serv2BoxImg{overflow:hidden; border-top-right-radius:30px; border-bottom-left-radius:30px; transition:all 0.3s; position:relative; box-shadow:0 1px 4px rgba(0,0,0,0.1);}
.serv2Box .serv2BoxImg i{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#ffffff; opacity:0; transition:all 0.5s; width:30px; height:30px; line-height:30px; background:var(--red); text-align:center; /* border-radius:50px; */}
.serv2Box:hover .serv2BoxImg{border-top-right-radius:0; border-bottom-left-radius:0;}
.serv2Box:hover .serv2BoxImg i{opacity:1;}
.serv2Box .serv2BoxImg img {
    filter: brightness(1);
    width: 100%;
    height: 236px;
    object-fit: cover;
}
.serv2Box:hover .serv2BoxImg img{filter:brightness(0.7);}
.serv2Box .serv2BoxText{}
.serv2Box .serv2BoxText h2{font-size:16px; line-height:23px;  margin-bottom:0; color:var(--blue); border-bottom:2px solid var(--red); padding-block:10px;}
/* Single Services */
.mainBannerSingle{margin-top:110px; background:var(--blue);}
.mainBannerSingle h1{font-size:30px; color:#ffffff; line-height:30px; font-family:"Roboto", sans-serif; text-align:center;}
.sSingle .sSingleL strong{font-size:18px; font-weight:500; line-height:26px;}
.sSingle .sSingleL p{}
.sSingle .sSingleL ul{margin-bottom:1.5em;}
.sSingle .sSingleL ul li{margin-bottom:1em;}
.sSingle .sSingleL h2,.sSingle .sSingleL h3, .sSingle .sSingleL h4{color:var(--red);}
.sSingle .sSingleL img {
    display: inline-block;
    aspect-ratio: 300 / 190;
    object-fit: cover;
}
.sSingle .sSingleL img:first-of-type{margin-right:0 1.5rem 0 0; border-top-left-radius:24px;}
.sSingle .sSingleL img:nth-of-type(2){border-bottom-right-radius:24px;}
.sSingle .sSingleR h4{text-transform:uppercase; font-size:22px; font-weight:500;  /* color:var(--red); */
    margin-bottom:1rem; padding-bottom:4px; font-family:"Open Sans"; border-bottom:1px solid var(--red);}
.myList ul{margin-bottom:1.5em;}
.myList ul li{padding-left:32px; position:relative; margin-bottom:10px;}
.myList ul li:before{position:absolute; content:"\f0e7"; font-family:"Font Awesome 6 Free"; font-weight:900; left:0; color:var(--red); width:20px; height:20px; border-radius:50px; /* background:#23547242; */
    text-align:center; font-size:11px; line-height:18px; /* color:#ffffff; */
    border:1px solid var(--red); top:2px;}
.sSingle .sSingleR p{font-weight:400; margin-top:16px;}
.sSingle .servicesTeam li a strong{}
.sSingle .servicesTeam li a strong:hover{color:var(--red);}
/* form input:-webkit-autofill,form input:-webkit-autofill:hover,form input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 30px white inset !important; /* Adjust the color as needed}
*/
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{background-color:transparent !important; background-image:none !important; color:transparent !important;}
.newsSingle .form-fields,.newsSingle .form-fields2,.newsSingle .form-fields3{color:#000000 !important;}

/* Footer Copy */
.footerCopy {
    display: flex;
	flex-wrap:wrap;
    justify-content: space-between;
    padding-block: 1em;
	align-items: center;
}
.footerCopy p{
	
}

.footerCopy a{
	color:#ffffff;
	transition:all .3s;
	font-size: 14px;
    line-height: 16px;
	font-weight:300;
	text-transform:uppercase;
	margin-left:16px;
	text-decoration: underline;
	
}
.footerCopy a:hover{
	text-decoration:underline;
}
/* Confidenciality Agreement */



