body {margin: 0;padding: 0;color: #112211 !important;font-family: "Roboto Condensed", sans-serif;overflow-x: hidden;background: #fff;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:800;font-family: "Playfair Display", serif;color: #112211;font-style: italic;}
p{margin:0;padding:0;font-weight: 300;font-family: "Roboto Condensed", sans-serif;font-size: 16px;line-height: 26px;color: #444;}
ol,ul{margin:0; padding:0; list-style:none;font-family: "Roboto Condensed", sans-serif; color: #444;}
a,button{text-decoration: none !important;color: #000;}

/* =============================================Landing Page Css================================================ */

.top-header .navbar-nav li a{color:#000;margin:0 10px}
.top-header .navbar-nav li a.nav-btn{background:#000;color:#fff;padding:10px 25px;border-radius:30px;font-weight:600}
.top-header .navbar-nav li:last-child a.nav-btn{padding:10px;width:44px;height:44px}
.top-header .navbar{padding: 12px 0;border-bottom:1px solid #000}
.top-header a.navbar-brand {font-size: 65px;font-family: 'Playfair Display';font-weight: 900;display: inline-block;line-height: 1;}
.top-header a.navbar-brand span {font-size: 21px;}
/* ========Banner Css============= */

.banner-sec{padding:100px 0;background:url(../images/top-back.png) no-repeat;background-position:top center;background-size:contain}
.banner-sec .banner-inner{display:flex;align-items:center;justify-content:space-between}
.banner-sec .banner-inner .banner-content h2{font-size:64px;line-height:65px;font-style:italic}
.banner-sec .banner-inner .banner-content a{background:#000;display:inline-block;padding:10px 30px;margin:30px 0 0;border-radius:30px;color:#fff}
.circle-content img{width:80px;height:80px;object-fit:cover;border-radius:50%;border:1px solid #000}
.circle-content{display:inline-flex;align-items:center;justify-content:start;border:1px solid #000;padding:15px 50px 15px 15px;border-radius:80px;margin:0 0 15px}
.banner-content .circle-content p{font-size:24px;font-weight:bold;line-height:30px;margin:0 0 0 15px}
.circle-content p span{display:block;font-size:18px;font-weight:400}
.banner-content p{font-size:16px;color:#000;font-weight:500}
.banner-img{background:url(../images/banner.png) no-repeat;background-attachment:fixed;height:400px;background-position:top center;background-size:cover}
.play-vid{width:100px;height:100px;background:#000;display:flex;text-align:center;justify-content:center;align-items:center;border-radius:50%;margin:0 auto;flex-direction:column;position:relative;top:-50px;border:2px solid #fff;-webkit-animation: mover 2s infinite alternate;}
.play-vid p{color:#fff;font-weight:500;font-size:14px}

/* ========Banner Css============= */

.about-sec{padding:100px 0 0}
.about-sec img{

width:90%;

body {margin: 0;

padding: 0;

color: #112211 !important;

font-family: "Roboto Condensed", sans-serif;

overflow-x: hidden;

background: #fff;}

h1,h2,h3,h4,h5,h6{margin:0;

padding:0;

font-weight:800;

font-family: "Playfair Display", serif;

color: #112211;

font-style: italic;}

p{margin:0;

padding:0;

font-weight: 300;

font-family: "Roboto Condensed", sans-serif;

font-size: 16px;

line-height: 26px;

color: #444;}

ol,ul{margin:0;

padding:0;

list-style:none;

font-family: "Roboto Condensed", sans-serif;

color: #444;}

a,button{text-decoration: none !important;

color: #000;}

/* =============================================Landing Page Css================================================ */

.top-header .navbar-navli

a{color:#000;

margin:0 10px}
.top-header .navbar-navli

a.nav-btn{background:#000;

color:#fff;

padding:10px 25px;

border-radius:30px;

font-weight:600}
.top-header .navbar-navli:

last-child a.nav-btn{padding:10px;

width:44px;

height:44px}
.top-header .navbar{

padding: 12px 0;

border-bottom:1px solid #000}
.top-headera.navbar-brand {

font-size: 65px;

font-family: 'Playfair Display';

font-weight: 900;

display: inline-block;

line-height: 1;}
.top-headera.navbar-brand

span {font-size: 21px;}
/* ========Banner Css============= */

.banner-sec{

padding:100px 0;

background:url(../images/top-back.png) no-repeat;

background-position:top center;

background-size:contain}
.banner-sec .banner-inner{

display:flex;

align-items:center;

justify-content:space-between}
.banner-sec .banner-inner .banner-contenth2{

font-size:64px;

line-height:65px;

font-style:italic}
.banner-sec .banner-inner .banner-contenta{

background:#000;

display:inline-block;

padding:10px 30px;

margin:30px 0 0;

border-radius:30px;

color:#fff}
.circle-contentimg{

width:80px;

height:80px;

object-fit:cover;

border-radius:50%;

border:1px solid #000}
.circle-content{

display:inline-flex;

align-items:center;

justify-content:start;

border:1px solid #000;

padding:15px 50px 15px 15px;

border-radius:80px;

margin:0 0 15px}
.banner-content .circle-contentp{

font-size:24px;

font-weight:bold;

line-height:30px;

margin:0 0 0 15px}
.circle-contentp

span{display:block;

font-size:18px;

font-weight:400}
.banner-contentp{

font-size:16px;

color:#000;

font-weight:500}
.banner-img{

background:url(../images/banner.png) no-repeat;

background-attachment:fixed;

height:400px;

background-position:top center;

background-size:cover}
.play-vid{

width:100px;

height:100px;

background:#000;

display:flex;

text-align:center;

justify-content:center;

align-items:center;

border-radius:50%;

margin:0 auto;

flex-direction:column;

position:relative;

top:-50px;

border:2px solid #fff;

-webkit-animation: mover 2s infinite alternate;}
.play-vidp{

color:#fff;

font-weight:500;

font-size:14px}

/* ========Banner Css============= */

.about-sec{

padding:100px 0 0}
.about-secimg{

width:90%}
.about-sech2{

font-size:48px;

margin:70px 0 0}
.about-secspan{

display:block;

margin:18px 0;

font-size:21px}
.about-secp{

line-height:28px}
.content-header-sec{

text-align:center;

margin:0 0 50px}
.content-header-sech2{

font-size:48px;

margin:0 0 10px}
.content-header-secp{

font-size:18px;

margin:10px 0 0}
.service-secul{

display:flex;

align-items:center;

justify-content:space-between;

flex-wrap:wrap}
.service-secul

li{width:25%;

margin:0 0 20px;

padding:0 10px}
.srvc-contnt{

background:#F9F9F9;

padding:40px 20px;

text-align:center;

border-radius:15px;

transition:.4s ease-in-out}
.srvc-contnth4{

font-size:21px;

margin:15px 0 0}
.srvc-contntsvg{

width:80px;

height:80px}
.srvc-contnt:

hover{box-shadow:0 30px 30px rgb(0 0 0 / 15%);

background:#fff}

.p-Management-sec .content-header-sec{

display:flex;

align-items:center;

text-align:left}
.p-Management-sec{

padding:100px 0}
.p-Management-sec .content-header-sec .header-para{

padding:0 0 0 40px}
.p-Management-sec .content-header-sec .header-paraa{

background:#000;

display:inline-block;

padding:10px 40px;

margin:15px 0 0;

border-radius:30px;

color:#fff}
.portfolio_sec .tabbutton{

display:inline-block;

padding: 10px 25px;

margin: 0 5px;

border-radius:30px;

color:#000;

border:1px solid #000;

background:#fff}
.portfolio_sec .tab{

text-align:center;

margin:0 0 50px}
.portfolio_sec .content-header-sec{

margin:0 0 30px}
.gallery-secul{

display:flex;

align-items:center;

justify-content:space-between}
.gallery-secul

li img{width:100%}
.gallery-secul

li{width:23%}
.gallery-secul

li:nth-child(2),.gallery-sec ul li:nth-child(4){margin:100px 0 0}
.downa{

width:60px;

height:60px;

background:#000;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

margin:70px auto 0;

-webkit-animation: mover 2s infinite alternate;}
.portfolio-contentul{

display:flex;

align-items:start;

justify-content:space-between;

flex-wrap:wrap}
.portfolio-contentul

li{padding:0 10px;

width:50%}
.portfolio-contentul

li .house-details{display:flex;

align-items:start;

justify-content:start;

background:#F9F9F9;

border-radius:15px;

overflow:hidden;

flex-wrap:wrap;

height:215px;

margin:0 0 20px}
.portfolio-contentul

li .house-details .project-sec{width:65%;

padding:20px}
.portfolio-contentul

li .house-details .project-sec .content-inner{display:flex;

align-items:center;

padding:0 0 20px;

justify-content:space-between;

border-bottom:1px solid #ccc;

margin:0 0 20px}
.city-tag{

display:inline-block;

padding:6px 20px;

border-radius:30px;

color:#fff;

border:1px solid #000;

background:#000;

font-size:12px}
.city-actiona{

display:inline-flex;

margin:0 5px;

border-radius:30px;

border:1px solid #000;

background:#000;

width:32px;

height:32px;

align-items:center;

justify-content:center}
.city-actiona

svg{width:18px}
.content-detailsh4{

margin:0 0 10px;

font-size:21px;

font-style:normal}
.portfolio-content .content-detailsul{

justify-content:start;

align-items:center}
.content-detailsul

li{padding:0 10px 0 0;

width:auto;

display:flex;

align-items:center}
.content-detailsul

li svg{margin:0 5px 0 0}
.house-detailsimg{

width:35%;

height:100%;

object-fit: cover;}
.tabcontent{

display:none}
.footer-sec{

background:#f9f9f9;

margin: 180px 0 0;

padding: 60px 0 10px;}
.footer-sec .content-header-sec{

position:relative}
.footer-sec .content-header-secimg{

position:absolute;

bottom: -80px;

right:0;

-webkit-animation: mover 2s infinite alternate;}
.footer-sec .content-header-sec .header-para{

width:55%;

text-align:left}
.footer-sec .content-header-sec .header-para .call-to-actiona{

padding:10px 25px;

margin:20px 15px 0 0;

display:inline-flex;

align-items:center;

background:#000;

color:#fff;

border-radius:40px}
.footer-sec .content-header-sec .header-para .call-to-actiona

svg{margin:0 7px 0 0}
.menu.listingul{

margin:15px 0 0}
.menu.listingul

li{display:flex;

align-items: start;

justify-content:start;

margin:0 0 10px}
.menu.listingul

li svg{margin: 3px 5px 0 0;}
.footer-menu {

border-top: 1px solid #ccc;

padding: 40px 0 0px;}
.menu.listingul

li p span {display: block;

font-weight: 600;}
.menu.listingul

li p {color: #000;

font-weight: 400;

margin: 0 0px 0 5px;}
.menua.navbar-brand {

font-size: 45px;

font-family: 'Playfair Display';

font-weight: 900;

display: inline-block;

line-height: 1;

margin: 0 0 30px;}
.menua.navbar-brand

span {font-size: 18px;}
.menuh3 {

font-size: 21px;

margin: 0 0 5px;}
.bottom-footer {

border-top: 1px solid #ccc;

padding: 15px 0 0;

margin: 15px 0 0;}
.bottom-footerul {

display: flex;

align-items: center;

justify-content: space-between;}

@-webkit-keyframes mover {
  0% {transform: translateY(0);}
  100% {

transform: translateY(-30px);}
}

@keyframes mover {
  0% {transform: translateY(0);}
  100% {

transform: translateY(-30px);}
}

@media(max-width:1500px){
.banner-sec {background-size: 100%;}
.about-sec h2 {

margin: 50px 0 0;}
.about-sec img {

width: 100%;

-webkit-animation: mover 2s infinite alternate;}
.footer-sec {

margin: 100px 0 0;}
}

@media (max-width:1024px){}

@media(max-width:991px){}

@media(max-width:767px){
 .top-header a.navbar-brand {font-size: 28px;}
 .top-header a.navbar-brand span {

font-size: 14px;}
 .banner-sec .banner-inner {

display: block;}
 .banner-sec {

padding: 50px 0 70px;}
 .circle-content img {

width: 50px;

height: 50px;}
 .circle-content {

padding: 7px 50px 7px 12px;

margin: 0 0 20px;}
 .banner-sec .banner-inner .banner-content h2 {

font-size: 42px;

line-height: 52px;}
 .banner-sec .banner-inner .banner-content a {

margin: 10px 0 30px;

border-radius: 30px;}
 .service-sec ul li {

width: 50%;

margin: 0 0 10px;}
 .p-Management-sec .content-header-sec {

display: block;

margin: 0 0 20px;}
 .p-Management-sec .content-header-sec .header-para {

padding: 0 0 0 0px;}
 .p-Management-sec {

padding: 50px 0;}
 .content-header-sec h2 {

font-size: 28px;}
 .gallery-sec ul li:nth-child(2), .gallery-sec ul li:nth-child(4) {

margin: 15px 0 0;}
 .gallery-sec ul {

flex-wrap: wrap;}
 .gallery-sec ul li {

width: 48%;}
 .down a {

margin: 30px auto 0;}
 .portfolio_sec .tab button {

padding: 10px 15px;

margin: 0 3px 10px;

font-size: 14px;}
 .portfolio-content ul li {

padding: 0 0px;

width: 100%;}
 .portfolio-content ul li .house-details .project-sec {

width: 100%;

padding: 12px;}
 .portfolio-content ul li .house-details .project-sec .content-inner {

padding: 0 0 10px;

margin: 0 0 10px;}
 .content-details h4 {

font-size: 18px;}
 .content-details p {

font-size: 14px;}
 .portfolio-content .content-details svg {

width: 18px;}
 .portfolio-content .content-details ul li {

font-size: 14px;}
 .house-details img {

width: 100%;

height: 150px;}
 .portfolio-content ul li .house-details {

height: auto;}
 .footer-sec .content-header-sec .header-para {

width: 100%;}
 .footer-sec .content-header-sec img {

position: relative;

bottom: 0;

width: 100%;}
 .footer-sec .content-header-sec {

margin: 0 0 30px;

display: flex;

flex-wrap: wrap;

flex-direction: column-reverse;}
 .footer-sec .content-header-sec .header-para .call-to-action a svg {

width: 20px;}
 .footer-sec .content-header-sec .header-para .call-to-action a {

padding: 10px 20px;

margin: 20px 15px 0px 0;

font-size: 14px;}
 .footer-sec {

margin: 50px 0 0;}
 .footer-menu {

padding: 30px 0 0px;}
 .bottom-footer ul {

display: block;

text-align: center;

font-size: 13px;}
 .about-sec {

padding: 50px 0;}
 .about-sec h2 {

font-size: 28px;

margin: 0;}
 .about-sec span {

margin: 10px 0;

font-size: 18px;}
 .content-header-sec {

margin: 0 0 20px;}
}

@media(max-width:320px){}

-webkit-animation: mover 2s infinite alternate;

-webkit-animation: mover 2s infinite alternate;

}
.about-sec h2{font-size:48px;margin:70px 0 0}
.about-sec span{display:block;margin:18px 0;font-size:21px}
.about-sec p{line-height:28px}
.content-header-sec{text-align:center;margin:0 0 50px}
.content-header-sec h2{font-size:48px;margin:0 0 10px}
.content-header-sec p{font-size:18px;margin:10px 0 0}
.service-sec ul{display:flex;align-items:center;justify-content:start;flex-wrap:wrap}
.service-sec ul li{width:25%;margin:0 0 20px;padding:0 10px}
.srvc-contnt{background:#F9F9F9;padding:40px 20px;text-align:center;border-radius:15px;transition:.4s ease-in-out}
.srvc-contnt h4{font-size:21px;margin:15px 0 0}
.srvc-contnt svg{width:80px;height:80px}
.srvc-contnt:hover{box-shadow:0 30px 30px rgb(0 0 0 / 15%);background:#fff}

.p-Management-sec .content-header-sec{display:flex;align-items:center;text-align:left}
.p-Management-sec{padding:100px 0}
.p-Management-sec .content-header-sec .header-para{padding:0 0 0 40px}
.p-Management-sec .content-header-sec .header-para a{background:#000;display:inline-block;padding:10px 40px;margin:15px 0 0;border-radius:30px;color:#fff}
.portfolio_sec .tab button{display:inline-block;padding: 10px 25px;margin: 0 5px;border-radius:30px;color:#000;border:1px solid #000;background:#fff}
.portfolio_sec .tab{text-align:center;margin:0 0 50px}
.portfolio_sec .content-header-sec{margin:0 0 30px}
.gallery-sec ul{display:flex;align-items:center;justify-content:space-between}
.gallery-sec ul li img{width: 100%;height: 386px;object-fit: cover;}
.gallery-sec ul li{width:23%}
.gallery-sec ul li:nth-child(2),.gallery-sec ul li:nth-child(4){margin:100px 0 0}
.down a{width:60px;height:60px;background:#000;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:70px auto 0;-webkit-animation: mover 2s infinite alternate;}
.portfolio-content ul{display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap}
.portfolio-content ul li{padding:0 10px;width:50%}
.portfolio-content ul li .house-details{display:flex;align-items:start;justify-content:start;background:#F9F9F9;border-radius:15px;overflow:hidden;flex-wrap:wrap;height:215px;margin:0 0 20px}
.portfolio-content ul li .house-details .project-sec{width:65%;padding:20px}
.portfolio-content ul li .house-details .project-sec .content-inner{display:flex;align-items:center;padding:0 0 20px;justify-content:space-between;border-bottom:1px solid #ccc;margin:0 0 20px}
.city-tag{display:inline-block;padding:6px 20px;border-radius:30px;color:#fff;border:1px solid #000;background:#000;font-size:12px}
.city-action a{display:inline-flex;margin:0 5px;border-radius:30px;border:1px solid #000;background:#000;width:32px;height:32px;align-items:center;justify-content:center}
.city-action a svg{width:18px}
.content-details h4{margin:0 0 10px;font-size:21px;font-style:normal}
.portfolio-content .content-details ul{justify-content:start;align-items:center}
.content-details ul li{padding:0 10px 0 0;width:auto;display:flex;align-items:center}
.content-details ul li svg{margin:0 5px 0 0}
.house-details img{width:35%;height:100%;object-fit: cover;}
.tabcontent{display:none}
.footer-sec{background:#f9f9f9;margin: 180px 0 0;padding: 60px 0 10px;}
.footer-sec .content-header-sec{position:relative}
.footer-sec .content-header-sec img{position:absolute;bottom: -80px;right:0;-webkit-animation: mover 2s infinite alternate;}
.footer-sec .content-header-sec .header-para{width:55%;text-align:left}
.footer-sec .content-header-sec .header-para .call-to-action a{padding:10px 25px;margin:20px 15px 0 0;display:inline-flex;align-items:center;background:#000;color:#fff;border-radius:40px}
.footer-sec .content-header-sec .header-para .call-to-action a svg{margin:0 7px 0 0}
.menu.listing ul{margin:15px 0 0}
.menu.listing ul li{display:flex;align-items: start;justify-content:start;margin:0 0 10px}
.menu.listing ul li svg{margin: 3px 5px 0 0;}
.footer-menu {border-top: 1px solid #ccc;padding: 40px 0 0px;}
.menu.listing ul li p span {display: block;font-weight: 600;}
.menu.listing ul li p {color: #000;font-weight: 400;margin: 0 0px 0 5px;}
.menu a.navbar-brand {font-size: 45px;font-family: 'Playfair Display';font-weight: 900;display: inline-block;line-height: 1;margin: 0 0 30px;}
.menu a.navbar-brand span {font-size: 18px;}
.menu h3 {font-size: 21px;margin: 0 0 5px;}
.bottom-footer {border-top: 1px solid #ccc;padding: 15px 0 0;margin: 15px 0 0;}
.bottom-footer ul {display: flex;align-items: center;justify-content: space-between;}
.portfolio_sec .tab button.active {background: #000;color: #fff;}

@-webkit-keyframes mover {
  0% {transform: translateY(0);}
  100% {transform: translateY(-20px);}
}
@keyframes mover {
  0% {transform: translateY(0);}
  100% {transform: translateY(-20px);}
}

@media(max-width:1500px){
.banner-sec {background-size: 100%;}
.about-sec h2 {margin: 50px 0 0;}
.about-sec img {width: 100%;-webkit-animation: mover 2s infinite alternate;}
.footer-sec {margin: 100px 0 0;}
}

@media (max-width:1024px){

}

@media(max-width:991px){

}


@media(max-width:767px){
	.top-header a.navbar-brand {font-size: 28px;}
	.top-header a.navbar-brand span {font-size: 14px;}
	.banner-sec .banner-inner {display: block;}
	.banner-sec {padding: 50px 0 70px;}
	.circle-content img {width: 50px;height: 50px;}
	.circle-content {padding: 7px 50px 7px 12px;margin: 0 0 20px;}
	.banner-sec .banner-inner .banner-content h2 {font-size: 42px;line-height: 52px;}
	.banner-sec .banner-inner .banner-content a {margin: 10px 0 30px;border-radius: 30px;}
	.service-sec ul li {width: 50%;margin: 0 0 10px;}
	.p-Management-sec .content-header-sec {display: block;margin: 0 0 20px;}
	.p-Management-sec .content-header-sec .header-para {padding: 0 0 0 0px;}
	.p-Management-sec {padding: 50px 0;}
	.content-header-sec h2 {font-size: 28px;}
	.gallery-sec ul li:nth-child(2), .gallery-sec ul li:nth-child(4) {margin: 15px 0 0;}
	.gallery-sec ul {flex-wrap: wrap;}
	.gallery-sec ul li {width: 48%;}
	.down a {margin: 30px auto 0;}
	.portfolio_sec .tab button {padding: 10px 15px;margin: 0 3px 10px;font-size: 14px;}
	.portfolio-content ul li {padding: 0 0px;width: 100%;}
	.portfolio-content ul li .house-details .project-sec {width: 100%;padding: 12px;}
	.portfolio-content ul li .house-details .project-sec .content-inner {padding: 0 0 10px;margin: 0 0 10px;}
	.content-details h4 {font-size: 18px;}
	.content-details p {font-size: 14px;}
	.portfolio-content .content-details svg {width: 18px;}
	.portfolio-content .content-details ul li {font-size: 14px;}
	.house-details img {width: 100%;height: 150px;}
	.portfolio-content ul li .house-details {height: auto;}
	.footer-sec .content-header-sec .header-para {width: 100%;}
	.footer-sec .content-header-sec img {position: relative;bottom: 0;width: 100%;}
	.footer-sec .content-header-sec {margin: 0 0 30px;display: flex;flex-wrap: wrap;flex-direction: column-reverse;}
	.footer-sec .content-header-sec .header-para .call-to-action a svg {width: 20px;}
	.footer-sec .content-header-sec .header-para .call-to-action a {padding: 10px 20px;margin: 20px 15px 0px 0;font-size: 14px;}
	.footer-sec {margin: 50px 0 0;}
	.footer-menu {padding: 30px 0 0px;}
	.bottom-footer ul {display: block;text-align: center;font-size: 13px;}
	.about-sec {padding: 50px 0;}
	.about-sec h2 {font-size: 28px;margin: 0;}
	.about-sec span {margin: 10px 0;font-size: 18px;}
	.content-header-sec {margin: 0 0 20px;}
	.top-header .navbar-nav li a.nav-btn {display: inline-block;margin: 0 0 10px;}
}

.gallery-sec ul li:nth-child(2), .gallery-sec ul li:nth-child(4) {
    margin: 0px 0 0;
}




@media (min-width:768px) and (max-width:991px) {
    .gallery-sec ul {
        flex-wrap: wrap;
        gap: 20px;
    }
    .gallery-sec ul li {
        width: 48%;
        height: auto;
    }
}
@media (max-width:767px) {
    .gallery-sec ul li {
        width: 100%;
        margin: 0 0 20px !important;
    }
}