#contact h2,.sec,footer p,h3{text-align:center}
#checkbtn,footer p{color:#fff}
#preloader,body{background-color:#fff}
#preloader,.heading{background-repeat:no-repeat}
#check,#checkbtn{display:none}
#contact h2,h3{font-family:cursive}
#contact,#preloader,body,nav{width:100%}
#call-to-action,#contact li{margin-bottom:10px}
#contact a,*,body{padding:0}
#call-to-action,#contact a,nav ul li a{text-decoration:none}
*{box-sizing:border-box}
body{margin:0;height:100%}
.heading{background-image:url(background.png);height:12vw;min-height:100px;background-size:100%;background-position:top center;background-attachment:fixed}
.first{position:relative;width:100%;height:100vh;background-image:url('img/firstbackground.gif');background-size:cover;background-position:center;transition:background-position .1s ease;background-attachment:fixed}
.video{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.288)}
.text h4{position:relative;top:70%;bottom:-270px;right:-52%;transform:translate(-50%,-50%);text-align:center;background:linear-gradient(to right,#00ff9d,#0abaff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;z-index:1;width:90%;font-size:40px;font-weight:700;text-align:left}
.text h5{position:relative;right:-65%;width:70%;transform:translate(-50%,-50%);text-align:center;background:linear-gradient(to right,#00ff9d,#0abaff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;z-index:1;font-size:45px;font-weight:700}
header{background-color:#ece8e8}
#preloader{background-image:url(img/preloader.gif);background-position:center;background-size:90px;position:fixed;height:100vh;z-index:10}
nav{background-color:#272626;display:flex;height:50px}
nav ul li{display:inline-block;line-height:20px}
nav ul li a{text-transform:capitalize;font-size:25px;padding:0;color:#0ff;margin-right:10px;margin-left:50px}
#contact .fa-facebook:hover,a:hover{color:#00f}
#checkbtn{line-height:50px;margin-left:20px;font-size:30px}
#check:checked~ul{left:0}
.img{margin:0 40px}
.guidance,.why-choose-us{display:flex;flex-direction:row;background-color:#f1efefb6;padding-top:20px;padding-bottom:20px;text-align:left}
.guidance p,.iom p,.why-choose-us p{width:60%;font-size:18px}
.iom{display:flex;flex-direction:row-reverse;background-color:#f1efefb6;padding-top:20px;padding-bottom:20px;text-align:left;margin-top:10px;margin-bottom:10px}
.get-in-touch{background-color:#f1efefb6;padding-top:20px;padding-bottom:20px;margin-top:10px;margin-bottom:10px;font-family:'Gill Sans','Gill Sans MT',Calibri,'Trebuchet MS',sans-serif}
.listing h1{text-align:center;font-size:25px;margin-top:0;font-family:'Franklin Gothic Medium','Arial Narrow',Arial,sans-serif}
.listing{margin:20px;border-radius:10px;background:#f9e7955b;padding:40px;padding-bottom:10px}
.listing h4{margin-bottom:0}
.types-of-real-estate{margin:20px;border-radius:10px;background-image:url(img/building.jpg);background-size:cover;background-attachment:fixed}
.type{background:rgba(255,255,255,.7);backdrop-filter:blur(10px);box-shadow:0 4px 8px rgba(0,0,0,.1);margin:20px 0;border-radius:10px;padding:40px}
.types-of-real-estate h4{margin-bottom:0}
.types-of-real-estate h2{text-align:center;margin-top:0;font-size:25px;font-family:'Franklin Gothic Medium','Arial Narrow',Arial,sans-serif}
#movingElement{position:absolute;margin:auto;opacity:.9;box-shadow:0 0 40px 20px #f80}
h3{font-size:xx-large;font-style:italic;margin:10px 0 0}
#call-to-action{display:flex;justify-content:center;font-size:20px;font-family:'Trebuchet MS','Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif;width:30%;color:#2b315f;background-color:#f9e795ce;border-radius:7px;border:1px solid #2b315f;padding:10px;margin-left:35%;margin-top:10px;cursor:pointer}
#call-to-action:hover{color:red;background-color:#cde6e6}
#contact{background-color:#dfd9d9;display:flex;padding:5px;border-radius:8px}
#contact h2{font-size:30px;margin-top:0;margin-left:60%;width:100%}
#contact ul{list-style-type:none;padding-left:3%;width:60%}
#contact .social{display:flex;justify-content:space-between;width:30%;height:10%;padding-top:17%}
#contact .social a{margin-right:20px}
#contact a{margin:0;font-size:0}
#contact .fa-brands{font-size:30px;margin-right:20%;overflow:hidden;color:#525272}
#contact .fa-square-x-twitter:hover{color:#000}
#contact .fa-location-dot{margin-right:5px}
#contact .fa-instagram:hover{color:red}
#contact .fa-linkedin:hover{color:#4d4df8}
footer{background-color:#333;display:flexbox;padding:1px;margin:0}
footer .business_profile a{text-align:right;color:#fff;text-decoration:none}
.google_profile,.whatsapp{font-size:60px;right:0;position:fixed;padding:6px 25px;z-index:1}
.whatsapp{bottom:20px}
.google_profile{bottom:100px;mix-blend-mode:multiply}
.fa-square-whatsapp{color:#25d366}
@media(max-width:1024px){
#contact .social{padding-top:22%;justify-content:space-between}
#contact .fa-instagram{color:red}
#contact .fa-facebook{color:#00f}
#contact .fa-square-x-twitter{color:#000}
#contact .fa-linkedin{color:#4e4ef0}
}
@media (max-width:834px){
#contact,#contact iframe{width:100%}
#contact{flex-direction:column;text-align:justify;display:block}
#contact h2{text-align:center;margin:0;color:#f00505}
#contact .social{margin:1%;padding:1%;text-align:right}
#contact .social a{margin-right:30%}
#contact .fa-instagram{color:red}
#contact .fa-facebook{color:#00f}
#contact .fa-square-x-twitter{color:#000}
#contact .fa-linkedin{color:#4e4ef0}
}
@media (max-width:481px),(max-width:768px){
.heading{background-image:url('mobileheader.png');background-size:100%}
nav ul li{text-align:center}
nav ul,nav ul li{width:100%}
#checkbtn,nav ul li{display:block}
nav ul{height:100vh;background:#4e4949;position:fixed;top:130px;left:-100%;transition:.5s;z-index:2}
nav ul li{line-height:40px;padding:0;margin:15px 0}
nav ul li a{margin:0}
.first{position:relative;width:100%;height:200px}
.text h5{position:relative;transform:translate(-50%,-50%);text-align:center;background:linear-gradient(to right,#00ff9d,#0abaff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;z-index:1;font-size:20px;font-weight:700}
.text h4{position:relative;bottom:-70px;transform:translate(-50%,-50%);text-align:center;background:linear-gradient(to right,#00ff9d,#0abaff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;z-index:1;font-size:20px;padding-left:10px;font-weight:700;text-align:left}
.dropdown button{background-color:#27262600}
.sec img{width:50%;height:auto;margin:1%}
.sec h2{font-size:18px;margin:16px 5px}
.sec p{margin:0 0;text-align:justify;padding:10px;background:rgba(255,255,255,.466);border-radius:10px;backdrop-filter:blur(10px)}
#contact li{width:100%}
#contact .social a{margin-right:30%}
#contact .fa-instagram{color:red}
#contact .fa-facebook{color:#00f}
#contact .fa-square-x-twitter{color:#000}
#contact .fa-linkedin{color:#4e4ef0}
}
@media(max-width:320px),(max-width:480px){
.sec,nav ul li{text-align:center}
.sec img{width:100%;height:auto;margin:auto;padding:0 20px}
#contact iframe,nav ul,nav ul li{width:100%}
#checkbtn,nav ul li{display:block}
nav ul{height:100vh;background:#4e4949;position:fixed;top:130px;left:-100%;transition:.5s;z-index:2}
nav ul li{line-height:40px;padding:0;margin:15px 0}
nav ul li a{margin:0}
.heading{background-image:url('mobileheader.png');background-size:420px 100px}
.first{position:relative;width:100%;height:200px}
.video{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.288)}
.text h4{position:relative;bottom:-70px;right:-50%;transform:translate(-50%,-50%);text-align:center;background:linear-gradient(to right,#00ff9d,#0abaff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;z-index:1;width:100%;font-size:20px;padding-left:10px;font-weight:700;text-align:left}
.text h5{position:relative;right:-50%;width:100%;transform:translate(-50%,-50%);text-align:center;background:linear-gradient(to right,#00ff9d,#0abaff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;z-index:1;font-size:20px;font-weight:700}
.sec{display:flex;flex-direction:column}
.guidance,.iom,.why-choose-us{display:flex;flex-direction:column;background-color:#f1efefb6;padding-top:20px;padding-bottom:20px;text-align:left}
.sec h2{font-size:15px;padding:10px}
.guidance p,.iom p,.why-choose-us p{width:100%;font-size:20px;padding:20px}
.get-in-touch{background-color:#f1efefb6;padding:20px;margin-top:10px;margin-bottom:10px;font-family:'Gill Sans','Gill Sans MT',Calibri,'Trebuchet MS',sans-serif}
#call-to-action{width:200px;margin:auto}
.listing{margin:10px 20px;padding:20px 30px;padding-bottom:10px}
.type{padding:20px 30px;padding-bottom:10px}
#contact .social{width:100%;display:flex}
#contact .social a{margin-right:55px}
#contact .fa-instagram{color:red}
#contact .fa-facebook{color:#00f}
#contact .fa-square-x-twitter{color:#000}
#contact .fa-linkedin{color:#4e4ef0}
#contact ul{width:100%;padding:5px}
.dropdown{position:relative;display:inline-block;width:100%}
.partner h4{display:none}
.dropdown button{color:#0ff;background-color:#27262600;width:100%;display:block;padding:10px 20px;border:none;cursor:pointer;font-size:16px}
.dropdown-content{display:none;width:100%;top:-200px;position:absolute;background-color:#f9f9f9;box-shadow:0 8px 16px rgba(0,0,0,.2);z-index:1}
.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}
.dropdown-content a:hover{background-color:#f1f1f1}
.dropdown:hover .dropdown-content{display:block}
.dropdown:hover .dropdown button{background-color:#3e8e41}
}