/*
Theme Name: Swan Luxury Real Estate
Theme URI:
Author: SpiderZen
Author URI:
Description:
Version: 2023.02
*/
@charset "utf-8";
/* CSS Document */
.aligncenter,.gallery-item a{display:block}
.alignleft{float:left; margin-right:15px; margin-bottom:10px}
.alignright{float:right; margin-left:15px; margin-bottom:10px}
.aligncenter{margin-left:auto; margin-right:auto}
.wp-caption{max-width:100%;padding:4px}
.entry-caption, .gallery-caption, .wp-caption .wp-caption-text{font-style:italic; font-size:12px; font-size:.857142857rem; line-height:2;}
.full-img { position:relative;}
.full-img img{ width:100%; height:auto; position:relative; z-index:2;}
.floating-btn{ z-index:1002; position:fixed; bottom:0; left:0; right:0; background-color:var(--bs-body-bg);}
.floating-btn a{ display:block; text-align:center; font-size:16px; font-weight:700; padding:10px 6px; color:var(--bs-price-color); background:var(--bs-grad); text-decoration:none;}
.modal-form .btn-close{color:var(--bs-price-color); background:var(--bs-grad); padding:0; height:30px; width:30px; border-radius:30px; position:absolute; top:-5px; left:-5px; opacity:1;}
.modal-form input[type=submit]{ color:var(--bs-input-color); height:60px; font-weight:700; text-align:center; background:var(--bs-grad); width:100%; display:block; border:none; font-size:36px;}
.wpcf7-form{ text-align:right; direction:rtl;}
.wpcf7-form p{ margin-bottom:0;}

.team-section{ padding-bottom:70px; overflow:hidden; padding-left:24px; padding-right:24px;}
.team-section .SlickTeam { margin-left:-15px; margin-right:-15px;}
.team-section .SlickTeam .item{ padding-left:15px; padding-right:15px;}
.team-section .SlickTeam .ratio{ border-radius:50%; margin-bottom:16px; overflow:hidden; margin-left:auto; margin-right:auto; width:70%;}

#page{ overflow:hidden;}
.ratio .full-img{min-width:initial; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; flex:0 0 auto; display:flex;}
.ratio .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.image-fit{min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex;}
.image-fit img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}

.sidebar{ position:fixed; top:0; left:0; bottom:0; background:var(--bs-sidebar-bg); width:400px; overflow:auto; overflow-x:hidden; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;  -o-transition:all 0.5s ease; transition:all 0.5s ease; z-index:998; color:var(--bs-sidebar-color);}
.sidebar .sidebar-logo{ height:100px;}
.sidebar .sidebar-logo img{ height:130px; width:auto;}
.sidebar .title{ text-align:center; padding:16px 0 26px;}
.sidebar .title h2{ line-height:1;}
.sidebar .title span{ line-height:1;}
.sidebar .tag-line{ text-align:center; font-family:var(--bs-inria); font-weight:400; direction:ltr;}
.sidebar .tag-line h2{background:var(--bs-grad); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.sidebar .tag-line span{background:var(--bs-grad); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.sidebar.sidebar-sm{z-index:1001;}

.sidebar .tag-line + .title{ padding:35px 0 16px;}
.sidebar .price{background:var(--bs-grad); color:var(--bs-price-color); padding:13px; font-weight:700; font-size:70px; font-weight:900; line-height:1;}
.sidebar .price span, .sidebar .price sub{ font-size:24px; font-weight:700;}
.sidebar .price sub{ bottom:0;}
.sidebar .appointment{ padding-top:20px; padding-bottom:20px; padding-left:25px; padding-right:25px; font-weight:700;}
.sidebar .appointment [class*=col-]{ font-size:24px; line-height:1.2;}
.sidebar .appointment [class*=col-] + [class*=col-]{ font-size:48px;}
.sidebar form{ display:block; padding:24px;}
.sidebar form input[type=submit], .qutation-section .content input[type=submit]{ color:var(--bs-input-color); height:60px; font-weight:700; text-align:center; background:var(--bs-grad); width:100%; display:block; border:none; font-size:36px;}
.toggle-btn{top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); background:var(--bs-grad); color:var(--bs-input-color); height:40px; width:40px; left:0; position:fixed; z-index:999; border:none; font-size:24px;}
.toggle-btn .fa-regular:nth-child(2){ display:none;}
.toggle-btn.active .fa-regular:nth-child(1){ display:none;}
.toggle-btn.active .fa-regular:nth-child(2){ display:block;}
.toggle-btn.active{ left:250px;  z-index:1001;}

.qutation-section .content .form-control, .qutation-section .content .form-control:focus{ background:none; color:#fff; border:none; border-bottom:1px solid #fff;}
.qutation-section .content .form-control::-moz-placeholder {
  color: var(--bs-white);
  opacity: 1;
}
.qutation-section .content .form-control::placeholder {
  color: var(--bs-white);
  opacity: 1;
}
body.noscroll{ overflow:hidden;}
body.noscroll:after{backdrop-filter:blur(2px); background: linear-gradient(180deg, rgba(9, 9, 9, 0.76) 0%, rgba(30, 30, 30, 0.56) 100%); content:''; position:fixed; top:0; right:0; bottom:0; left:0; z-index:1000;}

.wrapper{ margin-left:400px; min-height:100vh; position:relative;}
.banner .image-fit{ height:100vh;}
.banner .container{ position:absolute; color:#fff; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); z-index:100; text-shadow:0px 4px 30px #000; text-align:center;}
.banner .slick-dots{ position:absolute; bottom:30px; left:0; right:0;}
.header{ position:fixed; left:400px; right:0; top:0; background:linear-gradient(180deg, rgba(0, 0, 0, 0.80) 11.86%, rgba(0, 0, 0, 0.00) 95.19%); height:150px; justify-content:center;  -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;  -o-transition:all 0.5s ease; transition:all 0.5s ease; z-index:999}
.header.fixed-header{ background:var(--bs-sidebar-bg); height:80px;}

.logo-section{ padding:150px 0; text-align:center;}
.logo-section .title:after, .logo-section .title:before{ height:29px; width:30%;  content:''; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.logo-section .slider{ padding-left:15px; padding-right:15px;}
.logo-section .title{ padding-left:15px; padding-right:14px;}

.chequred-section{ background-position:center; background-size:cover; background-repeat:no-repeat; padding-top:45px; padding-bottom:45px; color:var(--bs-check-color);}
.chequred-section .row{ position:relative;}
.chequred-section .row [class*=col-]{ direction:rtl;}
.chequred-section .row:nth-child(odd) [class*=col-]{ text-align:left;}
.chequred-section .row:nth-child(even){ direction:ltr;}
.chequred-section .row + .row{ padding-top:250px;}
.chequred-section .row + .row:before{ left:0; top:110px; right:0; content:''; position:absolute; background-position:left center; height:29px;}
.chequred-section .row:nth-child(odd) [class*=col-] .full-img:after{ background:url(images/theme-img/circle.svg); height:174px; width:174px; position:absolute; left:-87px; bottom:-87px; content:''; z-index:1;}

.projects{ padding:45px 0 150px; text-align:center; position:relative;}
.projects:after{ height:190px; width:211px; position:absolute; top:35px; right:0; background-position:35px right 0; background-repeat:no-repeat; content:'';}
.projects .row.list{ margin-left:-3px; margin-right:-3px;}
.projects .row.list [class*=col-]{ margin-bottom:6px; padding-left:3px; padding-right:3px;}
.projects .button{ background:var(--bs-grad);  color:var(--bs-input-color); font-size:36px; display:inline-block; line-height:60px; text-align:center; padding-left:40px; padding-right:40px; text-decoration:none; font-weight:900;}

.spacer{ height:35px; background:linear-gradient(180deg, rgba(122, 113, 78, 0.38) 0%, rgba(255, 233, 152, 0.00) 75%);}
.qutation-section{ padding:24px; background-position:center; background-repeat:no-repeat; background-size:cover; color:#fff;}
.qutation-section .content{background: linear-gradient(180deg, rgba(9, 9, 9, 0.76) 0%, rgba(30, 30, 30, 0.56) 100%); backdrop-filter: blur(5px); padding:20px;}
.qutation-section + .spacer{ background:linear-gradient(180deg, rgba(255, 233, 152, 0.00) 0%, rgba(122, 113, 78, 0.38) 75%);}

.announcement{ padding:35px 24px; text-align:center;}
.announcement .item{border-radius:20px; padding:5%;}
.announcement .item .ratio{border-radius:20px; overflow:hidden;}
.announcement .button{ background:var(--bs-grad);  color:var(--bs-input-color); font-size:36px; display:inline-block; line-height:60px; text-align:center; padding-left:40px; padding-right:40px; text-decoration:none; font-weight:900;}

.footer{ background-position:center; background-repeat:no-repeat; background-size:cover; color:var(--bs-footer-color); padding:30px 24px;}
.footer a{ color:var(--bs-footer-color); text-decoration:none;}
.footer a:hover{ text-decoration:underline;}
.footer-top { padding-bottom:30px; text-align:center;}
.footer-top ul{ text-align:center; margin:0; padding:0; list-style:none;}
.footer-top ul li{ display:inline-block; font-weight:500;}
.footer-top ul li a{ padding:0 20px;}
.footer .row [class*=col-] .menu{ margin:0; padding:0; list-style:none;}
.footer .row [class*=col-] .menu li + li{ margin-top:6px;}

.page-banner{ position:relative; overflow:hidden;}
.page-banner .container{ height:400px; color:#fff; text-align:center; position:relative; z-index:10; color:#fff;}
.page-banner .image-fit{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:1;}
.page-banner .image-fit:before{ content:''; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; background:rgba(0,0,0,0.5);}

.project-meta{ padding:0; list-style:none;}
.project-meta li + li{ margin-top:8px;}

.blog-top-content{ margin-bottom:30px;}
.blog-top-content form{ display:block; position:relative; max-width:300px;}
.blog-top-content form label{ display:block;}
.blog-top-content form input[type=search]{ border-radius:5px; border:1px solid #BEBEBE; height:48px; outline:0;}
.blog-top-content form input[type=submit]{ background:url(images/theme-img/search.svg) no-repeat center; text-indent:-9999px; height:48px; width:48px; position:absolute; top:0; right:0; bottom:0; z-index:100; border:none;}

.post-item{ border-radius:20px; padding:24; overflow:hidden; margin-bottom:30px;}
.post-item time{border-radius:5px; background:rgba(45, 45, 45, 0.50); backdrop-filter:blur(25px); color:#fff; padding:10px 20px; position:absolute; right:24px; bottom:12px; z-index:100; font-size:15px;}
.post-item .content{ padding:27px 20px;}
.post-item .content ul{ margin-bottom:10px; padding:0; list-style:none; font-size:13px; font-weight:500;}
.post-item .content ul:after, .post-item .content ul li:after{ clear:both; content:''; display:table;}
.post-item .content ul li{ font-size:14px; float:right;}
.post-item .content ul li + li:before{ content:"|"; margin:0 5px; float:right;}
.post-item .content ul li span{ float:left;}
/*.post-item .content ul li span + span:before{ content:","; margin:0 0 0 5px;}*/
.post-item .content .p-20{ padding-bottom:20px;}
.post-item a{ color:var(--bs-post-link); text-decoration:none;}
.post-item a:hover{ color:var(--bs-post-link-hover); text-decoration:none;}

.blog-details{ padding:100px 10px 40px;}
.blog-details time{border-radius:5px; background:rgba(45, 45, 45, 0.50); backdrop-filter:blur(25px); color:#fff; padding:10px 20px; position:absolute; right:20px; bottom:20px; z-index:100; border-radius:5px;}
.blog-details .ratio{border-radius:20px; overflow:hidden; margin:40px 0;}
.blog-details .blog-title{ margin-top:40px;}
.blog-details .blog-meta{ margin-bottom:40px;}
.blog-details .blog-meta ul{ margin-bottom:10px; padding:0; list-style:none; font-size:13px; font-weight:500;}
.blog-details .blog-meta ul:after, .blog-details .blog-meta li:after{ clear:both; content:''; display:table;}
.blog-details .blog-meta ul li{ font-size:14px; float:right;}
.blog-details .blog-meta ul li + li:before{ content:"|"; margin:0 5px; float:left;}
.post-item .content ul li span{ float:left;}
.post-item .content ul li span + span:after{ content:","; margin:0 0 0 5px;}
.blog-details .entry-content h1, .blog-details .entry-content h2, .blog-details .entry-content h3, .blog-details .entry-content h4, .blog-details .entry-content h5, .blog-details .entry-content h6{ font-family:var(--bs-font-sans-serif); letter-spacing:0; margin-bottom:10px;}
.blog-details .entry-content img{border-radius:20px; box-shadow:30px 70px 60px 0px rgba(32, 54, 72, 0.10);}
.blog-details .entry-content ul li, .blog-details .entry-content ol li{ margin-top:3px;}

.reource-category{ margin-bottom:60px;}
.reource-category ul{ text-align:center; margin:0; padding:0; list-style:none;}
.reource-category ul li{ margin:0 4px 10px; display:inline-block;}
.reource-category ul a{ display:block; border-radius:36px; background:#F5F5F5; padding:15px 30px; color:var(--bs-black); text-decoration:none; font-size:16px; font-weight:600;}
.reource-category ul a:hover, .reource-category ul a.active{ background:var(--bs-post-link-hover); color:var(--bs-white);}
.prop-item{ color:#fff; text-align:right;}
.prop-item .content{ position:absolute; z-index:10; padding:20px; top:0; left:0; right:0; bottom:0;  background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; opacity:1;}
.prop-item:hover .content{ opacity:1;}
.prop-item address{ font-size:16px;}
.SlickProject{ margin-left:-2px; margin-right:-2px;}
.SlickProject .item{ padding-left:2px; padding-right:2px;}

.mobile-icon {background:#000; color:#fff; position:fixed; z-index:500; left:0; right:0; bottom:0; margin:0; padding:0; list-style:none; z-index:1003; }
.mobile-icon li {float:right; width:50%; }
.mobile-icon li + li {border-right:1px solid rgba(255, 255, 255, 0.5)}
.mobile-icon li a {position:relative; display:block; padding:30px 10px 10px; display:block; position:relative; color:#fff; text-align:center; font-weight:700; text-decoration:none;}
.mobile-icon li a small {display:block; text-align:center; font-size:14px; }
.mobile-icon li a span {position:absolute; left:50%; border:3px solid var(--bs-white); background:#000; color:#fff; height:60px; width:60px; font-size:24px; text-align:center; border-radius:50%; margin-left:-30px; top:-35px; }
.email-btn i:nth-child(2){ display:none;}
.email-btn.active i:nth-child(1){ display:none;}
.email-btn.active i:nth-child(2){ display:inline-block;}
.mobile-icon li a i{ top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); position:absolute;}

html {
    scroll-behavior: smooth;
}

#gallery-logos {
    display: flex;
    padding: 0px;
    gap: 0px;
    padding-bottom: 20px;
    justify-content: space-around;
    
}
#scroll-div{margin-bottom:50px;}

.gallery-projects {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 0px;
    justify-content: space-evenly;
}
.items{width:49%;}

@media(min-width:768px){
.qutation-section{ padding:30px;}
.qutation-section .content{ padding:40px;}
.announcement{ padding:60px 24px;}
.project-meta li + li{ margin-top:0; margin-right:16px;}
.blog-details{ padding:130px 30px 50px;}
.prop-item .content{ opacity:0.7;}
.prop-item:hover .content{ opacity:1;}

}

@media(min-width:992px){
.sidebar h2{ font-size:36px;}
.banner .container h2{ font-size:70px;}
.title h2{ font-size:48px;}
.projects .button, .announcement .button{ width:375px;}
.announcement{ padding:80px 40px;}
.footer{ padding:60px 30px;}
.qutation-section{ padding:30px;}
}

@media(min-width:1200px){
.banner .container h2{ font-size:96px;}
.title h2{ font-size:62px;}
.title span{ font-size:62px;}
.announcement{ padding:150px 40px;}
.footer{ padding:80px 40px;}
.qutation-section{ padding:50px;}
}
@media(min-width:992px){
	.wpcf7-form-control-wrap input{
		min-height: 40px!important;
	}

	.t1 h2{
		font-size: 42px;
	}
	.tag-line h2{
		font-size: 28px;
	}
	.t2 h2{
		font-size: 38px;
	}
	.t1 span{
		font-size: 42px;
		font-weight: 700;
	}
	.tag-line span{
		font-size: 28px;
		font-weight: 700;
	}
	.t2 span{
		font-size: 38px;
		font-weight: 700;
	}

	.sidebar .price {
		font-size: 66px;
	}
	.sidebar .appointment {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}
.wpcf7-submit{
	color: var(--bs-input-color);
	height: 60px;
	font-weight: 700;
	text-align: center;
	background: var(--bs-grad);
	width: 100%;
	display: block;
	border: none;
	font-size: 36px;
}
.contactinfo li a{
	color:white;
}
.SlickBanner .container h1{
	font-size: 80px;
}
.projects .item h4{
	font-size: 30px;
}
@media(max-width:768px){

	.SlickBanner .container h1 {
    font-size: 38px!important;
}
}
.stellarnav a.dd-toggle .icon-plus {
    right: 80px!important;
}
.stellarnav .sub-menu li a {
	padding: 2px 15px!important;
}


.form-body{ background:url(https://smart-invest4u.com/wp-content/uploads/2024/02/line-bg.svg) no-repeat center; background-size:cover; min-height:100vh;}
.form-body .content{ padding:35px 24px; text-align:center; max-width:850px; margin-left:auto; margin-right:auto;}
.step-nav{ margin:0 0 44px 0; padding:0; list-style:none; display:flex}
.step-nav li + li{ margin-right:auto;}
.step-nav li a{ height:60px; width:60px; border:1px solid #0138B9; border-radius:50%; color:#000; color:#001547; font-weight:500; font-style:24px; display:flex; align-items:center; justify-content:center; font-size:24px;}
.step-nav li a:hover, .step-nav li.active a{ background:#0138B9; color:#fff;}
.form-body .content .text-content{ color:#001547; font-size:30px; font-weight:300;}
.form-body .content .text-content h2{ font-size:48px;}
.form-body .content .text-content h3{font-weight: 400; font-size:36px;}
.form-body .content form .form-label{ color:#001547; text-align:center; font-weight:700;}
.form-body .content form .form-label small{ color:#FC2B00; font-size:60%; display:block; font-weight:400;}
.form-body .content form .form-control, .form-body .content form input[type="text"]{ background:none; border:1px solid #0138B9; height:65px; border-radius: 40px; box-shadow:none;} 
.form-body .content form{ display:block; margin-bottom:55px;}
.form-page-nav{ margin:0; padding:0; list-style:none;  display:flex}
.form-page-nav li + li{ margin-right:auto;}
.form-page-nav li a{ color:#3873FF; text-decoration:underline; font-size:20px;}
.form-page-nav li a:hover{ color:#0138B9; text-decoration:none;}
.step-nav li a {
    text-decoration: none;
}
.form-body .content form .form-label {
    color: #001547;
    text-align: center;
	font-size: 25px;
	font-weight: 700;
}
.own_class{
	background: var(--bs-grad);
    border: var(--bs-grad);
}
.contactinfo li a {
	text-decoration: none!important;
}


.sidebar
{
	background:#5b5b6c

}body{color:#000!important}
li.current-menu-item > a{color:#fff!important}
body,.header.fixed-header{background-color: #eef0ed!important}
.fixed-header a, .fixed-header li.current-menu-item > a{
     color: #000000!important;
   
}

.sidebar .tag-line span {
  
    -webkit-text-fill-color: #ffffff;
}
.price.d-flex.flex-nowrap.align-items-center.justify-content-center, .wpcf7-submit{
    background: linear-gradient(93deg, #eef0ed 3.47%, #afafaf 49.65%, #ffffff 99.55%);
    color: #000;
}
#bd_ul li {   
    color: #000000!important;  
}
.tag-line span{
font-family: 'Heebo', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}

#bd_ul li a {
    color: #000000!important;   
}

.footer {
  background-image:none!important;
    background: linear-gradient(93deg, #eef0ed 3.47%, #afafaf 49.65%, #ffffff 99.55%);
    color: #000;
}.footer a {
    color: #000000;
    text-decoration: none;
}
.footer
li.current-menu-item > a {
    color: #000000 !important;
}
aside{background:#5b5b6c!important}


@media(max-width:768px){
.header, .header.fixed-header {
    background: #eef0ed!important
}
}