/* Global css */


@font-face {
    font-family: 'Avant Garde';
    src: url('../fonts/AvantGardeBold.eot');
    src: url('../fonts/AvantGardeBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvantGardeBold.woff2') format('woff2'),
        url('../fonts/AvantGardeBold.woff') format('woff'),
        url('../fonts/AvantGardeBold.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avant Garde';
    src: url('../fonts/AvantGardeBookOblique.eot');
    src: url('../fonts/AvantGardeBookOblique.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvantGardeBookOblique.woff2') format('woff2'),
        url('../fonts/AvantGardeBookOblique.woff') format('woff'),
        url('../fonts/AvantGardeBookOblique.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Avant Garde';
    src: url('../fonts/AvantGardeBook.eot');
    src: url('../fonts/AvantGardeBook.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvantGardeBook.woff2') format('woff2'),
        url('../fonts/AvantGardeBook.woff') format('woff'),
        url('../fonts/AvantGardeBook.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}



*{margin:0;padding:0;}
html{overflow-x:hidden;scroll-behavior: smooth;}
body{font-size:14px;font-family: 'Avant Garde';background:#fff;line-height: 30px;color:#000;font-weight: 400;}
a{text-decoration:none;outline:none;-webkit-transition: .5s;-o-transition: .5s;transition: .5s;color:}
a:focus, a:hover {-webkit-transition: .5s;-o-transition: .5s;transition: .5s;text-decoration: none;}
img{max-width:100%;}
h1,h2,h3,h4,h5,h6{font-family: 'Avant Garde';color:#000;margin: 0px;padding:0px;}
h1{font-size: 35px;}h2{font-size: 30px;}h3{font-size: 25px;}h4{font-size: 25px;}h5{font-size: 25px;}h6{font-size: 20px;}
section{width:100%;float:left;padding:80px 0;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;}
input{-webkit-box-sizing:border-box;box-sizing:border-box;}
input[type=submit],button{outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
ol, ul {margin-top: 0;margin-bottom: 0px;}
p {margin: 0px;padding: 0px;}
li {list-style: none;} 
::-webkit-input-placeholder{color:#000;}
::-moz-placeholder{color:#000;}
:-ms-input-placeholder{color:#000;}
::-ms-input-placeholder{color:#000;}
::placeholder{color:#000;}






:root {
    --white: #ffffff;
    --black: #000000;
    --grey-colour:#3e3e3e;
}

.btn {
    background-color:var(--grey-colour);
    color: #fff;
    font-size: 14px;    
    font-family: 'Avant Garde';
    line-height: 25px;
    padding: 8px 24px;
    font-weight: bold;
    border: none;
    border-radius:0px;
    letter-spacing: 1px;
}


.btn:hover{background-color: #cccccc;} 



/* End Global css */


/*header*/


/* .custom_header_fixed .header_fixed {
    background: none repeat scroll 0 0 white;
    padding: 10px 0px;
    position: fixed;
    width: 100%;
    margin: 0PX AUTO;
    z-index: 99;
    top: 0px;
    border-bottom: 1px solid #cfcbcb;
}
.custom_header_fixed .logo {
    margin: 0;
    text-align: center;
    transition: 0.80s ease 0s, 0.80s ease 0s;-ms-transition: 0.80s ease 0s, 0.80s ease 0s;-o-transition: 0.80s ease 0s, 0.80s ease 0s;
-moz-transition: 0.80s ease 0s, 0.80s ease 0s;-webkit-transition: 0.80s ease 0s, 0.80s ease 0s;
} */





/*header end*/

.header_fixed {
	transition: 0.80s ease 0s, 0.80s ease 0s;-ms-transition: 0.80s ease 0s, 0.80s ease 0s;-o-transition: 0.80s ease 0s, 0.80s ease 0s;
-moz-transition: 0.80s ease 0s, 0.80s ease 0s;-webkit-transition: 0.80s ease 0s, 0.80s ease 0s;
	 background:#fff;
	position: fixed;
    width: 100%;
    z-index: 1;
}
.banner {
    position: relative;
    padding-top: 177px;
}

.custom_header_fixed .header_fixed {
    background:#fff;
    padding: 0px 0px;
    position: fixed;
    width: 100%;
    margin: 0PX AUTO;
    z-index: 99;
    top: 0px;
    border-bottom: 1px solid #cfcbcb;
	transition: 0.80s ease 0s, 0.80s ease 0s;-ms-transition: 0.80s ease 0s, 0.80s ease 0s;-o-transition: 0.80s ease 0s, 0.80s ease 0s;
-moz-transition: 0.80s ease 0s, 0.80s ease 0s;-webkit-transition: 0.80s ease 0s, 0.80s ease 0s;
}

.custom_header_fixed .logo-contact {
    transition: 0.80s ease 0s, 0.80s ease 0s;-ms-transition: 0.80s ease 0s, 0.80s ease 0s;-o-transition: 0.80s ease 0s, 0.80s ease 0s;
-moz-transition: 0.80s ease 0s, 0.80s ease 0s;-webkit-transition: 0.80s ease 0s, 0.80s ease 0s;
    padding: 5px 0px;
}

.custom_header_fixed .top-bg {
    padding: 8px 0px;
    transition: 0.80s ease 0s, 0.80s ease 0s;-ms-transition: 0.80s ease 0s, 0.80s ease 0s;-o-transition: 0.80s ease 0s, 0.80s ease 0s;
-moz-transition: 0.80s ease 0s, 0.80s ease 0s;-webkit-transition: 0.80s ease 0s, 0.80s ease 0s;
}




/*menu*/
#cssmenu {
    display: flex !important;
    justify-content: center;
}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile {border: 0;list-style: none;
line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
#cssmenu:after,#cssmenu > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0}
#cssmenu #head-mobile {display: none}
#cssmenu > ul > li {float: left;}
#cssmenu > ul > li > a {padding: 10px 15px;font-size: 14px;text-decoration: none;color:var(--white);font-weight: 500;}
/* #cssmenu ul {float: right;} */

/* #cssmenu ul li a i.fa.fa-angle-down {font-size: 20px;} */
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a {color: #9d9b9b;}
/* #cssmenu > ul > li:hover
,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover {color:#191933 !important;
-webkit-transition: background .3s ease;-ms-transition: background .3s ease;transition: background .3s ease;} */
/* #cssmenu > ul > li.has-sub > a {padding-right: 30px} */
/* #cssmenu > ul > li:last-child > a {padding-right: 0px;} */
/* #cssmenu > ul > li.has-sub > a:after {position: absolute;top: 22px;right: 11px;width: 8px;height: 2px;
display: block;background: #ddd;content: ''} */
/* #cssmenu > ul > li.has-sub > a:before {position: absolute;top: 19px;right: 14px;display: block;width: 2px;
height: 8px;background: #ddd;content: '';-webkit-transition: all .25s ease;-ms-transition: all .25s ease;transition: all .25s ease} */

#cssmenu > ul > li.has-sub:hover > a:before {top: 23px;height: 0}
#cssmenu ul ul {position: absolute;left: -9999px;z-index: 9;}
#cssmenu ul ul li {-webkit-transition: all .25s ease;-ms-transition: all .25s ease;background:#000;transition: all .25s ease}
#cssmenu ul ul li:hover {}
#cssmenu li:hover > ul {left: auto}

#cssmenu ul ul ul {margin-left: 100%;top: 0}
#cssmenu ul ul li a {border-bottom: 1px solid rgba(150, 150, 150, 0.15);padding: 11px 15px;width: 250px;font-size: 15px;line-height: 22px;
text-decoration: none;color: #ddd;font-weight: 400;text-transform: uppercase;}
#cssmenu ul ul li a:hover {
    background:var(--red);
}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a {border-bottom: 0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {color: #fff}
#cssmenu ul ul li.has-sub > a:after {position: absolute;top: 16px;right: 11px;width: 8px;height: 2px;
display: block;background: #ddd;content: ''}
#cssmenu ul ul li.has-sub > a:before {position: absolute;top: 13px;right: 14px;
display: block;width: 2px;height: 8px;background: #ddd;content: '';-webkit-transition: all .25s ease;
-ms-transition: all .25s ease;transition: all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before {top: 17px;height: 0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover {background:#000;}
#cssmenu ul ul ul li.active a {border-left: 1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a {border-top: 1px solid #333}

@media screen and (max-width:767px) {
body.custom_header_fixed .button.menu-opened .open {display: block !important;}
nav {width: 100%;}
#cssmenu {width: 100%}
#cssmenu ul {width: 100%;display: none}
#cssmenu ul li {width: 100%;border-top: 1px solid #444;overflow: hidden;}
#cssmenu ul li:hover {background: #363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li {height: auto}
#cssmenu ul li a,#cssmenu ul ul li a {width: 100%;border-bottom: 0}
#cssmenu > ul > li {float: none}
#cssmenu ul ul li a {padding: 10px 35px;text-transform: uppercase;line-height: 23px;}
#cssmenu ul ul li {background:#00 !important;}
#cssmenu ul ul li:hover {background: #000 !important}
#cssmenu ul ul ul li a {padding-left: 35px}
#cssmenu ul ul li a {color: #ddd;background: none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a {color: #fff}
#cssmenu ul ul,#cssmenu ul ul ul {position: relative;left: 0;width: 100%;margin: 0;text-align: left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before {display: none}
#cssmenu #head-mobile {display: block;padding: 0px;color: #ddd;font-size: 12px;font-weight: 700}
.button {width: 55px;height: 46px;position: absolute;right: 0;top: 0;cursor: pointer;z-index: 12399994;}
.button:after {position: absolute;top: 22px;right: 20px;display: block;height: 8px;width: 20px;border-top: 2px solid #fff;
border-bottom: 2px solid #fff;content: ''}
.button:before {-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;position: absolute;top: 16px;
right: 20px;display: block;height: 2px;width: 20px;background: #fff;content: ''}
.button.menu-opened:after {-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;
top: 23px;border: 0;height: 2px;width: 19px;background: #fff;-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.button.menu-opened:before {top: 23px;background: #fff;width: 19px;-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg)}
#cssmenu .submenu-button {position: absolute;z-index: 99;right: 0;top: 0;display: block;border-left: 1px solid #444;height: 46px;
width: 46px;cursor: pointer}
#cssmenu .submenu-button.submenu-opened {background:#000;}
#cssmenu ul ul .submenu-button {height: 34px;width: 34px}
#cssmenu .submenu-button:after {position: absolute;top: 22px;right: 19px;width: 8px;height: 2px;
display: block;background: #ddd;content: ''}
#cssmenu ul ul .submenu-button:after {top: 15px;right: 13px}
#cssmenu .submenu-button.submenu-opened:after {background: #fff}
#cssmenu .submenu-button:before {position: absolute;top: 19px;right: 22px;display: block;width: 2px;height: 8px;
background: #ddd;content: ''}
#cssmenu ul ul .submenu-button:before {top: 12px;right: 16px}
#cssmenu .submenu-button.submenu-opened:before {display: none}
#cssmenu ul ul ul li.active a {border-left: none}
#cssmenu > ul > li.has-sub > ul > li.active > a,
#cssmenu > ul ul > li.has-sub > ul > li.active > a {border-top: none}
#cssmenu > ul > li > a {padding: 15px 17px;background: #000;color: #fff;}
.mrnuAndLogo .container {padding: 0px;margin: 0px;width: 100%;}
#cssmenu ul li i.fa.fa-angle-down {display: none !important;}
#cssmenu ul {
    position: relative;
    z-index: 9;
}
}

/*menu end*/
.top-bg {
    background: #000;
    padding: 16px 0px;
	transition: 0.80s ease 0s, 0.80s ease 0s;-ms-transition: 0.80s ease 0s, 0.80s ease 0s;-o-transition: 0.80s ease 0s, 0.80s ease 0s;
-moz-transition: 0.80s ease 0s, 0.80s ease 0s;-webkit-transition: 0.80s ease 0s, 0.80s ease 0s;
}

.top-bar {
   position: relative;
}

.top-login ul {
    display: flex;
    gap: 1px;
}

.top-login ul li a {
    color: #fff;
	font-size: 14px;
    font-weight: 500;
}
.top-login ul li:nth-child(3) {
    margin-left: 30px;
}

.top-login {
    margin-right: 20px;
	    margin-top: 2px;
}

.top-right-laguage {
    position: absolute;
    right: 0px;
    top: 0px;
    display: flex;
}

.top-login ul li {
    position: relative;
}
.top-login ul li:nth-child(1):after {
    color: #fff;
    margin: 0 0 0 3px;
}

.logo-contact {
    display: flex;
    justify-content: space-between;
}

.top-contact {
    display: flex;
    justify-content: space-between;
}

.top-contact-box {
    display: flex;
    align-items: center;
}
.top-icone {
    border: 1px dashed #000;
    width: 50px;
    height: 50px;
}


.logo-contact {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 0px;
}


.logo {
  display: flex;
  align-items: center;
  gap: 15px;
}



.logo-text h2 {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #000;
}

.logo-text p {
  font-size: 12px;
  color: #444;
  letter-spacing: 1px;
  margin-top: 3px;
}

/* Contact Info Area */
.contact-info {
  display: flex;
  align-items: center;
  gap: 50px;
}

.contact-box {
  display: flex;
  align-items: center;
  gap: 5px;
}

.contact-box .icon {
    width: 50px;
    height: 50px;
    border: 1px dashed #333;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
}

.contact-box .icon i {
  font-size: 14px;
  color: #000;
}

.contact-box .text h4 {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin-bottom: 0px;
    line-height: 0px;
}
.contact-box .text {
    padding-top: 14px;
}
.text a {
    color: #000;
    letter-spacing: 1px;
}

.contact-box .text p {
    font-size: 14px;
    color: #555;
    margin: 0px;
    padding: 0px;
    line-height: normal;
}

/*banner*/
.video {
    position: relative;
}

.video:after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #00000033;
    content: "";
}

.banner-text {
    position: absolute;
    top: 56%;
    left: 50%;
    right: 0px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    transform: translate(-50%, -50%);
    max-width: 1050px;
}



.banner {
    position: relative;
}
.search-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin: 0px auto;
  position: relative;
}

.search-input,
.price-input {
  border: none;
  outline: none;
  padding: 22px 20px;
  font-size: 15px;
  color: #000;
  background: #fff;
}

.search-input {
  width: 400px;
  border-right: 1px solid #ccc;
  border-top-left-radius: 15px;
      letter-spacing: 1px;
  border-bottom-left-radius: 15px;
}

.price-input {
  width: 130px;
      letter-spacing: 1px;
  border-right: 1px solid #ccc;
}
.bannere-img img {
    width: 100%;
}
.search-btn {
    background: #7f7f7f;
    color: #fff;
    font-weight: 500;
    border: none;
    padding: 22px 35px;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 0px;
    letter-spacing: 1px;
}

/* .search-btn::after {
    content: "";
    position: absolute;
    right: -25px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 32px solid transparent;
    border-bottom: 38px solid transparent;
    border-left: 25px solid #7a7a7a;
} */

.search-btn::after {
    content: "";
    position: absolute;
    right: -61px;
    top: 0;
    width: 61px;
    height: 73px;
    background-image: url(https://perronhostinggroup.com/lakeoconeerealtylakecountry/wp-content/uploads/2025/11/right-arow.png);
    background-repeat: no-repeat;
}




.search-btn:hover {
  background: #7a7a7a;
}

.banner-text h1 {
    text-align: center;
    color: var(--white);
    font-weight: bold;
    letter-spacing: 1px;
}
.banner-text p {
    text-align: center;
    color: var(--white);
    margin: 14px 0px;
    letter-spacing: 1px;
}


/* .search-bar:after {
  content: "";
  position: absolute;
  top: 0;
  right: -30px;
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 30px solid #a80b0b;

} */


.banner-bottom-text {
    background: #000;
    padding: 10px 0px;
    margin: -10px 0 0px 0px;
}

.banner-bottom-btn p {
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
}
.banner-bottom-btn {
    display: flex;
    justify-content: center;
    gap: 20px;
    align-items: center;
}

.banner-bottom-btn a {
    background: #7f7f7f;
    padding: 4px 30px;
    border-radius: 10px 0px 10px 0;
    font-weight: bold;
    color: #fff;
    letter-spacing: 1px;
	text-transform: uppercase;
}

/*banner*/



/* Tab */
.property-section h2 {
  font-size: 28px;
  margin-bottom: 30px;
  font-weight: 500;
}

.explore-real-estate-listings h2 {
    text-align: center;
    margin-bottom: 40px;
    letter-spacing: 1px;
}

.explore-real-estate-listings .tabs {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 25px;
    flex-wrap: wrap;
    border-bottom: 5px solid #000;
}

.explore-real-estate-listings .tab {
    background: #f5f5f5;
    border: none;
    padding: 10px 77px;
    border-radius: 10px 10px 0px 0px;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.3s ease;
    color: #000;
        letter-spacing: 1px;
}

.explore-real-estate-listings button:hover {
    background: #444;
    color: #fff;
}

.explore-real-estate-listings .tab.active {
  background: #000;
  color: #fff;
}

.explore-real-estate-listings .tab-content {
  display: none;
}

.explore-real-estate-listings .tab-content.active {
  display: block;
}

/* .explore-real-estate-listings .card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 25px;
  margin-top: 30px;
} */

.explore-real-estate-listings .card-grid {
    display: flex;
    gap: 25px;
    margin-top: 30px;
    flex-wrap: wrap;
}



.explore-real-estate-listings .property-card {
    background: #fff;
    border-radius: 12px 12px 0px 0px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
	width: 31%;animation-name
	
}

.explore-real-estate-listings .property-card:hover {
  transform: translateY(-5px);
}

.explore-real-estate-listings .property-card img {
  width: 100%;
  object-fit: cover;
}

.explore-real-estate-listings .card-content {
    background: #000;
    color: #fff;
    text-align: left;
    padding: 20px 20px 40px 20px;
}

.explore-real-estate-listings .address {
    font-size: 13px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0px 0px 15px;
    color: #939393;
	line-height: 20px;
	    height: 40px;
  
}
.explore-real-estate-listings .details {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.explore-real-estate-listings .card-content p {

color: #939393;

}
.explore-real-estate-listings .bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 30px;
}

.explore-real-estate-listings button {
  background: #3e3e3e;
  border: none;
  color: #fff;
  padding: 8px 18px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
}

.explore-real-estate-listings button:hover {
  background: #444;
}

.explore-real-estate-listings .price {
  font-weight: bold;
  font-size: 16px;
  color: #939393;
  
}
.explore-real-estate-listings .card-content img {
    /* max-width: 16px; */
    height: auto;
    width: auto;
    margin-right: 3px;
}
/* Tab End */



/*team*/
/* Section Wrapper */
.about-section {
    position: relative;
    width: 100%;
    padding-top: 30px;
}

/* Background Image */
.about-bg {
  background-size: cover;
  background-position: center;
  height: 500px;
  width: 100%;
}

/* White Content Card */
.about-content {
    background: #fff;
    width: 80%;
    max-width: 950px;
    margin: -250px auto 0px;
    padding: 50px 40px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    position: relative;
    z-index: 2;
}

.about-content h2 {
    text-align: center;
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 40px;
    color: #111;
    letter-spacing: 1px;
}

/* Layout */
.about-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px;
}


.about-text p {
    margin-bottom: 20px;
}

.about-text p:last-child {
    margin-bottom: 0px;
}

.about-text {
    width: 50%;
}
.about-image {
    width: 50%;
}


.about-image img {
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.about-bg img {
    width: 100%;
}
/* team */


/* communities-section */
.communities-section {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    min-height: 500px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.image-side {
    /* flex: 1 1 50%; */
    width: 50%;
}

.image-side img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.content-side {
    flex: 1 1 50%;
    background: #000;
    padding: 30px 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.content-side h2 {
    font-size: 25px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 40px;
    color: #fff;
}

.communities-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0px 40px;
}

.communities-grid a {
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  transition: color 0.3s ease;
}

.communities-grid a:hover {
  color: #bcbcbc;
}

.communities-grid a:last-child {
  font-weight: 600;
  color: #fff;
}

/* communities-section end */


 /* Testimonial */

.testimonials-box p {
    text-align: left;
}

.testimonials-box h6 {
    font-size: 14px;
    float: right;
    color: #fff;
    font-style: italic;
    margin-top: 20px;
}

.testimonials-box p {
    text-align: left;
    font-style: italic;
    line-height: 24px;
}

#testimonials-slider {
    background: #000;
    padding: 30px 0px;
}

.testimonials-box {
    padding: 0 50px;
    position: relative;
}
.testimonials-box p {
    color: #fff;
}


.testimonials-box:after {
    width: 2px;
    height: 100%;
    background: #fff;
    position: absolute;
    left: -8px;
    content: "";
    top: 0px;
}

.testimonials-btn-star {
    display: flex;
}

.testimonials-btn-star a {
    background: #7f7f7f;
    padding: 4px 30px;
    border-radius: 10px 0px 10px 0;
    font-weight: bold;
    color: #fff;
    letter-spacing: 1px;
}

.star span.fa.fa-star {
    color: #ffc910;
    font-size: 20px;
}

.testimonials-btn-star {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    align-items: center;
}
.owl-dots {
    display: none;
}

#testimonials-slider .owl-prev {
    margin: 0 0 0 20px;
}
#testimonials-slider button.owl-next {
    margin: 0 24px 0 0px;
}
#testimonials-slider .owl-nav button {
    background: none;
    border: none;
    font-size: 50px;
    cursor: pointer;
    color: #fff;
    transition: 0.3s;
}

#testimonials-slider .owl-nav {
    position: absolute;
    top: 38%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 50px;
    color: #000;
}

section.testimonials h3 {
    text-align: center;
    margin-bottom: 40px;
    letter-spacing: 1px;
}

.testimonial-btn ul {
    display: flex;
    justify-content: center;
    gap: 28px;
    margin-top: 50px;
}
.testimonial-btn ul li a {
    background: #000;
}

.testimonial-btn ul li a {
    background: #000;
}

.testimonial-btn ul li:nth-child(2) a {
    background: #7f7f7f;
    border-radius: 10px 0px 10px 0;
}

 /* Testimonial end */

/* contant-video */

.contant-video-main {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.contant-video-left {
    width: 45%;
    margin-right: 20px;
}
.contant-video-right {
    width: 55%;
}

.contant-video-right img {
    width: 100%;
}
.contant-video-left p {
    margin-bottom: 9px;
    line-height: 26px;
}

.contant-video-left p {
    margin-bottom: 20px;
}
.contant-video-left p:last-child {
    margin-bottom: 0px;
}

section.contant-video {
    background-color: #efefef;
}
/* contant-video end */


/*blog*/
.blog-section {
    text-align: center;
    padding: 0px 0 60px;
    background: #fff;
}

.blog-title {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 30px;
    margin-top: 80px;
    letter-spacing: 1px;
}

.blog-subtitle {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 40px;
    letter-spacing: 1px;
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 30px;
  justify-content: center;
}

.blog-card {

  transition: all 0.3s ease;
  text-align: left;
}

.blog-img {
  position: relative;
  overflow: hidden;
  border-radius: 0px;
}

.blog-img img {
     margin: 30px 0px;
    float: left;
    margin-right: 60px;
    border-radius: 22px;
    width: 100%;
    height: 350px;
    object-fit: cover;
}

.blog-overlay {
    position: absolute;
    right: 6px;
    bottom: 10px;
    font-size: 23px;
    font-weight: normal;
    color: #fff;
}

.blog-overlay img {
    width: 100% !important;
    max-width: 26px;
    height: auto !important;
    margin-right: 16px !important;
}

.blog-overlay a {
    color: #fff;
}

/* .blog-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}

.blog-card:hover .blog-overlay {
  opacity: 1;
}

.blog-card:hover img {
  transform: scale(1.05);
}

.arrow {
  font-size: 28px;
  color: #fff;
  background: #000;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
} */

.blog-content {
  margin-top: 15px;
}

.blog-content h4 {
    font-size: 14px;
    /* font-weight: 500; */
    line-height: 1.5;
    margin-bottom: 8px;
}
.blog-btn a {
  border-radius: 10px 0px 10px 0;
  background-color: #7f7f7f;
}
    


.blog-btn {
  margin-top: 25px;
}

.view-all-btn {
  display: inline-block;
  background: #333;
  color: #fff;
  padding: 12px 28px;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: 500;
  transition: 0.3s;
}

.view-all-btn:hover {
  background: #000;
}

.blog-section .container {
    border-top: 1px solid #000;
}
/*blog end*/


/*footer*/
.footer {
    background: #000;
  
    clear: both;
}

.footer-box-main h3 {
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px;
}

.footer-column-tow {
    width: 20%;
}
.footer-column-form {
    width: 30%;
}
.footer-column-one {
    width: 50%;
}
.footer-box-main {
    display: flex;
    justify-content: space-between;
    padding-bottom: 40px;
	    gap: 50px;
}

.footer-box-main p {
    color: #fff;
}

.footer-box-main a {
    color: #fff;
}
.footer-box-main a:hover {
    color: #b3afaf;
}



.footer-logo {
    text-align: center;
    margin-bottom: 50px;
}

.footer-logo img {
    background: #fff;
    padding: 14px;
    margin: -22px 0 0 0px;
    position: relative;
    z-index: 9;
}

.footer-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #222;
}

.footer-column h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  letter-spacing: 0.5px;
}

.footer-column p,
.footer-column a {
  font-size: 14px;
  color: #ccc;
  line-height: 1.8;
  text-decoration: none;
}

.footer-column a:hover {
  color: #fff;
}

.footer-column ul {
  list-style: none;
  padding: 0;
}

.footer-column ul li {
  margin-bottom: 10px;
}

.footer-column ul li a {
  color: #ccc;
  text-decoration: none;
  font-size: 14px;
}

.footer-column ul li a:hover {
  color: #fff;
}

/* Contact Form */
.footer-form {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.footer-form input {
    background: transparent;
    border: none;
    border-bottom: 1px solid #777;
    padding: 10px 5px;
    color: #fff;
    font-size: 14px;
    margin-bottom: 16px;
    width: 100%;
}

.footer-form input:focus {
  outline: none;
  border-bottom: 1px solid #fff;
}

/* .footer-form button {
    background: #fff;
    color: #000;
    border: none;
    padding: 5px 28px;
    border-radius: 25px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: 0.3s;
    width: fit-content;
    margin-top: 20px;
} */

.footer input.wpcf7-form-control.wpcf7-submit.has-spinner {
	  background: #fff;
    color: #000;
    border: none;
    padding: 5px 28px;
    border-radius: 25px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: 0.3s;
    width: fit-content;
    margin-top: 20px;
}


.footer-form button:hover {
  background: #ccc;
}

/* Footer Bottom Bar */
.footer-bottom {
  background: #3e3e3e;
  padding: 8px 8%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  color: #ccc;
}

.footer-bottom a {
  color: #ccc;
  text-decoration: none;
}

.footer-bottom a:hover {
  color: #fff;
}

.footer-column-form ::placeholder{color:#ffffff;}


/*foter*/


/*about-page*/

.innerbanner {
    position: relative;
}

.innerbannertext {
    position: absolute;
    bottom: 20px;
    left: 0px;
    right: 0px;
    text-align: center;
}

.innerbannertext h1 {
    color: #fff;
    background:var(--black);
    display: inline-block;
    border-radius: 4px;
    padding: 21px 20px;
    font-size: 30px;
    font-weight: 700;
    position: relative;
    letter-spacing: 1px;
}
.innerbanner img {height: 500px; object-fit: cover;   width: 100%;}

.about-video-text-main {
    display: flex;
    gap: 30px;
    justify-content: center;
    align-items: center;
}

.about-video-text-right h3 {
    margin-bottom: 20px;
}
.about-video-text-left {
    width: 50%;
}

.about-video-text-right {
    width: 50%;
}
.about-video-text {
    background: #efefef;
}

.about-page-slider img {
    width: 100% !important;
    max-width: 740px;
    margin: 0 auto;
}
.about-heading-par {
    text-align: center;
}

.about-heading-par h2 {
    margin-bottom: 20px;
}

.about-page-slider .owl-nav {
    position: absolute;
    top: 33%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 50px;
    color: #000;
}
.Clients_testimonial p {
    text-align: center;
    margin-top: 20px;
}

.about-page-2:nth-child(even) {
    background: #efefef;
}
.about-page-2 {
    padding-top: 70px;
}
.about-page-2:nth-child(even) .about-p-manin {
    display: flex;
    flex-direction: row-reverse;
}
.about-p-manin {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: center;
}
.about-p-manin-text {
    width: 50%;
}
.about-p-manin-img {
    width: 50%;
}

.about-p-manin-img img {
    border-radius: 10px;
    height: 400px;
    object-fit: cover;
    width: 100%;
}
.about-p-manin-text h3 {
    margin-bottom: 20px;
    letter-spacing: 1px;
}
.about-page-2 h2 {
    text-align: center;
    margin-bottom: 40px;
}



.video-section {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 0;
  background: #f8f8f8; /* optional light bg */
}

.video-container {
  position: relative;
  width: 560px;
  max-width: 100%;
  cursor: pointer;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.video-thumb {
  width: 100%;
  display: block;
  transition: transform 0.3s ease;
}

.video-container:hover .video-thumb {
  transform: scale(1.05);
}

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.play-button::before {
  content: "";
  position: absolute;
  left: 35%;
  top: 28%;
  width: 0;
  height: 0;
  border-left: 25px solid white;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

.about-video-text-left iframe {
    border-radius: 40px;
    width: 100%;
}

.contant-video-right iframe {
	border-radius: 20px;
}

.blog-content a:hover h4 {
	color: #747373;
}
.contant-video-right iframe {
  border-radius: 20px;
  width: 100%;
}
.contact-icone-box {
    width: 30%;
}

.TT_testimonialText, .TT_testimonialText * {
    color: #fff !important;
}

div#TestimonialTree_Widget_22216 {
    background: #000 !important;
    padding: 14px 0px;
}


.testimonials .TT_signature {
    font-size: 16px!important;
    color: #ffffff !important;
}

.testimonials .TT_relationship {
    font-size: 16px!important;
    color: #fff!important;
}

.TT_AddTestimonialLinkDiv, .TT_ViewAllLinkDiv {
    bottom: 10px;
}

.contact-form a.btn {
    border-radius: 6px;
}

/*contact-us*/
.contact-icone-main {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    text-align: center;
}
.contact-icone-main h3 {
    padding: 30px 0px 6px;
    font-weight: 600;
}
.contact-img {
    width: 150px;
    height: 150px;
    background: #000;
    border-radius: 50%;
    /* border: 6px solid #e7e7e7; */
    text-align: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: cover;
    padding: 28px;
    box-shadow: 1px 10px 0px 0px #efefef;
}

.contact-icone-box p {
    color: #000;
}
.contact-page-icoen h5 {
    text-align: center;
    margin-bottom: 20px;
}
.contact-page-icoen p {
    text-align: center;
    margin-bottom: 20px;
}

.contact-form {
    background: #fff;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    margin-top: 50px;
    border-radius: 37px;
}
.contact-form input {
    width: 100%;
    padding: 14px 20px;
    border: none;
    border-radius: 30px;
    outline: none;
    transition: 0.3s;
    background: #ededed;
    border: 1px solid #b3b3b3;
}
.contact-form .steal-from p {
    display: flex;
    gap: 8px;
    margin-bottom: 30px;
    clear: both;
}

.wpcf7-form-control-wrap {
    width: 100%;
}

.contact-form textarea {
    width: 100%;
    padding: 14px 20px;
    border: none;
    border-radius: 20px;
    outline: none;
    transition: 0.3s;
    background: #ededed;
    height: 175px;
    min-height: 175px;
    resize: none;
    border: 1px solid #b3b3b3;
}
.form-group.flex-checkbox input.form-control {
    width: auto;
    float: left;
    margin-right: 6px;
    height: auto;
    line-height: normal;
}
.form-group.flex-checkbox {
    display: flex;
    align-items: center;
}

.form-group.flex-checkbox label {
    margin: 6px 0 0 0px;
    padding: 0px;
}
.contact-icone-main i.fa {
    color: #fff;
    font-size: 63px;
}

.contact-form input.wpcf7-form-control.wpcf7-submit.has-spinner.btn {
    background-color: var(--grey-colour);
    color: #fff;
    font-size: 14px;
    font-family: 'Avant Garde';
    line-height: 25px;
    padding: 8px 24px;
    font-weight: bold;
    border: none;
    letter-spacing: 1px;
    border-radius: 6px;
    width: auto;
    float: left;
}

.contact-form input.wpcf7-form-control.wpcf7-submit.has-spinner.btn:hover {
    background: #ccc;
	color:#000;
}


.contact-icone-box span {font-weight: bold;color: #000;margin: 0px 2px;}
.contact-icone-box ul li a {padding-bottom: 8px;display: inline-block;}
.contact-icone-box ul li:last-child a {padding-bottom: 0px;}
.contact-logo img {width: 100%;max-width: 250px;}
.contact-logo {text-align: center;padding: 60px 0px 0px;}
.contact-icone-box a:hover {color: #8f8f8f;}


.contact-icone-box ul li a {
    padding-bottom: 8px;
    display: inline-block;
}
.contact-icone-main a {
    color: #000;
    letter-spacing: 1px;
}
/*contactus end*/

.about-btn {
    display: flex;
    gap: 22px;
    align-items: center;
    justify-content: space-between;
}
.about-btn a {
    color: #000;
}
.about-btn a i.fa {
    margin: 0 5px 0 0px;
}
.about-btn a:hover {
    color: #7c7c7c;
}

/* Blog CSS */

.innerbanner {position: relative;}
.innerbannertext {position: absolute;bottom: 30px;left: 0px;right: 0px;text-align: center;}
.innerbannertext h1 {color: #000;background: #fff;display: inline-block;border-radius: 4px;padding: 10px 20px;font-size: 40px;text-transform: capitalize;font-weight: 700;position: relative;}



.single-post .blog-section-inner img {
    margin: 30px 0px;
    float: left;
    margin-right: 40px;
    border-radius: 22px;
    width: 30%;
    object-fit: cover;
    clear: both;
    
}

.pagination > li > a,
.pagination > li > span {

    margin: 0 5px;
    color: #000;
    font-size: 16px;
    padding: 10px 15px;
}

.pagination > .active > a {
    background: #000;
    color: #fff !important;
    border-color: #000;
}
.pagination > li > a:hover {
    color: #000;
}
.pagination {
   
    padding-left: 0;
    margin: 0;

}

.post-navigation-btns a {
    background: #000;
    color: #fff !important;
    padding: 10px 20px;
    border-radius: 4px;
    text-decoration: none;
}

.post-navigation-btns a:hover {
    background: #444;
}



/* Blog Listing */

.innerbanner {position: relative;}
.innerbannertext {position: absolute;bottom: 30px;left: 0px;right: 0px;text-align: center;}
.innerbannertext h1 {color: #000;background: #fff;display: inline-block;border-radius: 4px;padding: 10px 20px;font-size: 40px;text-transform: capitalize;font-weight: 700;position: relative;}

/* Pagination boxed style */
.pagination { text-align:center; margin-top:30px; }
.custom-pagination { 
  display:inline-flex;
  gap:12px;
  list-style:none;
  padding:0;
  margin:0;
  align-items:center;
}

/* common style for links and span from paginate_links */
.custom-pagination li a,
.custom-pagination li span {
  display:inline-block;
  padding:10px 14px;
  min-width:40px;
  height:40px;
  line-height:20px;
  text-align:center;
  border:1px solid #e0e0e0;
  border-radius:4px;
  text-decoration:none;
  color:#333;
  box-sizing:border-box;
  font-weight:500;
}

/* number boxes should be square-ish */
.custom-pagination li a,
.custom-pagination li span {
  display:flex;
  align-items:center;
  justify-content:center;
}

/* hover for non-active items */
.custom-pagination li a:hover {
  background:#f8f8f8;
  border-color:#d0d0d0;
  color:#000;
}

/* active/current page styling */
.custom-pagination li.active span,
.custom-pagination li span.current {
  background:#000;
  color:#fff;
  border-color:#000;
}

/* Prev / Next items slightly wider text (they are anchors with text) */
.custom-pagination li a.page-numbers.prev,
.custom-pagination li a.page-numbers.next,
.custom-pagination li a.page-numbers {
  padding-left:16px;
  padding-right:16px;
  min-width:unset;
}

/* responsive: make pagination wrap on very small screens */
@media (max-width:480px){
  .custom-pagination { gap:8px; flex-wrap:wrap; justify-content:center; }
  .custom-pagination li a,
  .custom-pagination li span { padding:8px 10px; min-width:36px; height:36px; }
}

.blog-section-inner p {
    margin-bottom: 10px;
}

.blog-section-inner ul {
    margin-left: 15px;
}

.blog-section-inner ul li {
    list-style: disc;
}

.blog-section-inner ul ol {
    list-style: auto;
}

.innerbannertext.blogtext {
    position: absolute;
    top: 42%;
    left: 0px;
    right: 0px;
    text-align: center;
    transform: translate(0%, 0);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.innerbanner.blog-inner-blog img {
    height: 410px;
}
.innerbannertext.blogtext h1 {
    color: #000;
    background: #ffffff00;
    display: inline-block;
    border-radius: 4px;
    padding: 10px 20px;
    font-size: 25px;
    text-transform: capitalize;
    font-weight: 700;
    line-height: 32px;
    position: relative;
}
.blog-section-inner ol li {
    list-style: decimal;
}

section.blog-section-inner ol {
    margin: 0 0 0 13px;
}







.shopcategory {background: #000;padding: 70px 0px;}
.Category {padding:0 0 70px;z-index: 1;position: relative;margin: 80px 0px 0px 0px;}
/* blog details page */
.shopcategory.blogDetails .headwrapp h2 {color: #fff;text-align: center;margin: 0px;}
.Category.blogBox .row {display: flex;flex-wrap: wrap;justify-content: center;row-gap: 30px;}
.Category.blogBox .captionBox h5 {
    font-size: 24px;
    margin: 0px auto 10px;
    color: #000;
}
.Category.blogBox  .captionBox a {margin: 20px 0 0;}

.Category .captionBox {
    background: #ffffff;
    color: #fff;
    text-align: center;
    padding: 24px 15px;
    border-radius: 10px;
    transition: .5s;
    height: 100%;
    border: 1px solid #ccc;
}
.Category .captionBox p {
    color: #000;
}

.Category.blogBox .captionBox figure img {
    width: 100%;
    height: 210px !important;
    object-fit: cover;
}


.Category.blogBox .captionBox figure{margin:0 0 30px}
.Category.blogBox .captionBox .orangebtn {display: inline-block;border-radius: 10px 0px 10px 0;background-color: #000;color: #fff;font-family: 'Avant Garde';line-height: 25px;padding: 8px 24px;}



.Category.blogBox .loadMore a{display: inline-block;border-radius: 10px 0px 10px 0;background-color: #000;color: #fff;font-family: 'Avant Garde';line-height: 25px;padding: 8px 24px;}

#show-less-communities {
	background-color: #000;color: #fff;
}



.Category.blogBox .captionBox .orangebtn:hover {background:#cccccc;color: #000;}
.Category.blogBox .captionBox:hover {
    background: #ffffff;
    color: #000;
    box-shadow: 4px 4px 0 #000;
}
.Category.blogBox .captionBox:hover h5{color:#000;}
.Category.blogBox .loadMore {text-align: center;margin: 30px 0 0;}
.Category.blogBox .loadMore:hover a{background: #cccccc;color: #000;}
/*  */

/* blog single */
.blogsingle .captionBox h3 {color: #191919;margin-bottom: 10px;}
.blogsingle ul{padding: 0;margin-inline-start: 25px;}
.blogsingle ul li{list-style: disc;}
.blogsingle .recentpost ul li {font-size: 16px;line-height: 30px;list-style: disc;}
.blogsingle .recentpost ul li:hover span {padding-left: 5px;}
.blogsingle .recentpost ul li span{padding-left: 10px;transition: .5s;}
.blogsingle figure {    border: 1px solid #e5e5e5;
    padding: 5px;
    box-shadow: -10px 9px 0px #000;margin-bottom: 30px;height: 400px;}
.blogsingle figure img {height: 100%;width: 100%;}
.blogsingle .recentpost h5 {border-bottom: 1px solid #000;display: inline-block;font-size: 30px;margin-bottom: 25px;}
.blogsingle .shopCatBox .captionBox h5 {margin: 20px 0 10px;font-size: 22px;font-weight: 600;letter-spacing: 1px;}


/*  */
.buyer .row {display: flex;flex-wrap: wrap;row-gap: 30px;}
.buyersChoose {background: #f4f2f2;}
.buyersChoose .row {display: flex;align-items: center;flex-wrap: wrap;}
.buyer .buyerContent h2 {margin: 0 0 15px;}
.buyersChoose .ContentBox h3 {margin: 0 0 20px;}
.buyersChoose .ContentBox ul {margin-inline-start: 25px;}
.buyersChoose .ContentBox ul li {font-size: 16px;line-height: 30px;list-style: disc;}
.buyersChoose .imgBox {border: 5px solid #fff;box-shadow: 3px 3px 3px #898585;}

.exploreLake .ContentBox {text-align: center;margin: 0px 0 30px;}
.exploreLake .ContentBox h3{margin:0 0 10px;}
.exploreLake .ContentBox p{width:100%; max-width:900px; margin:0 auto;}
.exploreLake .boxWrapp {position: relative;}
.exploreLake  .boxWrapp h5 {bottom: 0;background: #000;width: 100%;padding: 10px 10px;text-align: center;font-size: 18px;transition:.5s;color:#fff;}



.boxWrapp {
    max-width: 360px;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
    transition: all 0.35s ease;
    cursor: pointer;
}

/* Hover effect */
.boxWrapp:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 45px rgba(0,0,0,0.18);
}

/* Image */
.boxWrapp figure {
    margin: 0;
    overflow: hidden;
}

.boxWrapp img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    transition: transform 0.6s ease;
}

/* Image zoom on hover */
.boxWrapp:hover img {
    transform: scale(1.1);
}

/* Title */
.boxWrapp h5 {
    margin: 0;
    padding: 16px;
    font-size: 18px;
    font-weight: 600;
    color: #1a1a1a;
    text-align: center;
    background: #f9f9f9;
}






/* .exploreLake figure {
    margin: 0;
    border: 2px solid #181818;
}
	.exploreLake .boxWrapp:hover {
    box-shadow: 5px 5px 0 0 #000;
		 transition: 0.3s;
}

	.exploreLake .boxWrapp {
		 transition: 0.3s;
} */

.imgBox img {
    border: 1px solid #e5e5e5;
    padding: 5px;
    box-shadow: -10px 9px 0px #000;
}


.exploreLake .row {display: flex;flex-wrap: wrap;row-gap: 30px;}
.ourAgents {position: relative;background: #050505;color: #fff;text-align: center;font-size: 24px;line-height: 34px;}
.ourAgents > img {position: absolute;opacity: .5;width: 100%;height: 100%;object-fit: cover;top: 0;left: 0;}


.contant-video-left h6 {
    font-size: 24px;
    margin-bottom: 13px;
}

.contant-video-left h5 {
    font-size: 19px;
    margin-bottom: 15px;
}

.layout-new {
    display: flex;
    gap: 40px;
    margin-top: 20px;
    
}
 
.layout-new ul {
    margin: 0px;
    padding: 0px 0 20px 0px;
}
 
.images-box {
    flex: 1;
    min-width: 320px;
}
 
.main-image {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #ddd;
}
 
.thumbs {
    margin-top: 10px;
    display: flex;
    gap: 10px;
}
 
.thumbs img {
    width: 80px;
    height: 60px;
    object-fit: cover;
    cursor: pointer;
    border-radius: 6px;
    border: 1px solid #ccc;
    transition: 0.3s;
}
 
.thumbs img:hover {
    transform: scale(1.05);
    border-color: #000;
}
 
/* DETAILS */
.details-box {
    flex: 1;
    min-width: 320px;
}
 
.details-box ul {
    list-style: none;
    padding-left: 0;
}
 
.details-box li {
    margin-bottom: 8px;
    font-size: 16px;
}
 
.details-box strong {
    color: #333;
}
 
.location {
    margin-bottom: 20px;
    font-size: 18px;
    color: #666;
}
 
.property H1 {
    margin-bottom: 20px;
}
 
.property H3 {
    margin-bottom: 20px;
}

.gt_float_switcher .gt-selected .gt-current-lang {
    padding: 3px 6px !important;
}
.banner-bottom-text.footer-btn {
    clear: both;
    margin-bottom: 0;
    background: #727272;
    padding-bottom: 40px;
    padding-top: 20px;
}

.banner-bottom-text.footer-btn a {
    background: #000000;
}

.gt_float_switcher .gt_options {
    position: absolute !important;
    background: #fff;
    right: 0;
    width: 100%;
    min-width: 280px;
}
.gt_float_switcher {
    margin-top: 3px;
}
.gt_float_switcher img {
	width: 24px !important;
}


.footer-form .wpcf7 form.invalid .wpcf7-response-output {
    color: #fff;
    font-size: 11px;
    line-height: 15px;
}
.wpcf7 form.invalid .wpcf7-response-output {
    color: #000000;
    font-size: 11px;
    line-height: 15px;
}


#sb-body .TT_testimonialText, #sb-body .TT_testimonialText * {
    color: #000000 !important;
}

.prop-detail-wrapper {
    padding-top: 200px !important;
}

.error-404 {
	padding: 8% 0px 6% 0;
	text-align: center;
}

.page-content {
    max-width: 700px;
    margin: 80px auto;
    padding: 40px 30px;
    text-align: center;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.page-content p {
    font-size: 18px;
    color: #555;
    margin-bottom: 25px;
}

/* Search Form */
.search-form {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}

.search-form label {
    display: none; /* visually hide label */
}

.search-field {
    flex: 1;
    min-width: 220px;
    padding: 14px 16px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 8px;
    outline: none;
    transition: border-color 0.3s, box-shadow 0.3s;
}

.search-field:focus {
    border-color: #2a7fff;
    box-shadow: 0 0 0 3px rgba(42, 127, 255, 0.15);
}

.search-submit {
    padding: 10px 24px;
    font-size: 15px;
    background: #000;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.3s, transform 0.2s, box-shadow 0.2s;
}

.search-submit:hover {
    background: #000;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(42, 127, 255, 0.3);
}

.innerbanner.communities-banner img {
    height: 300px;
    object-fit: cover;
    width: 100%;
}

.blogsingle {
    padding-bottom: 0px;
}


.community-search-bar {
    margin: 0px 0 50px;
}

.home .explore-real-estate-listings .property-card {
     width: auto;
}