@charset "utf-8";
/* CSS Document */
  
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
 
body {
    margin: 0;
    padding: 0;
    font-family: 'Manrope', sans-serif !important;
    font-size: 14px;
    color: #3a3a3a;
    font-weight: 400;
    position: relative;
    background-color: #ffffff !important;
} 

*  { 
    margin: 0px;
    padding: 0px;
    box-sizing: border-box; 
}

.clearfix {
    zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}

.clearfix:after {
    clear: both;
}

.clr,
.clear {
    clear: both;
}

header,
footer,
aside,
article,
section,
nav,
figure {
    position: relative;
    
}

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

ul,
li,
ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    outline: none !important;
    cursor: pointer;
}

a:hover,
a:focus {
    text-decoration: none !important;
    outline: none;
}

img {
    border: 0;
    outline: none;
    max-width: 100%;
}

input[type="text"],
input[type="password"],
select,
textarea,
input[type="button"] {
    max-width: 100%;
}

input[type=date].form-control{ text-transform: uppercase; }
     
table {  width: 100%; }
p { margin: 0; padding: 0; }
.fltL { float: left; }
.fltR { float: right !important; }
.padding_none { padding: 0 !important;}
.border_none{border:none !important}
.navbar-toggle { background-color: #fff !important; }
.icon-bar { background-color: #000 !important; }

.container{max-width: 1400px;margin: auto;padding: 0 15px;}

header{padding:15px 0;background:#fafafa}
header .Header{display:flex;align-items:center;justify-content:space-between}
header .Header .Logo{max-width:175px}
header .Header .Logo a{ display: block; }
header .Header .Logo img{width:100%}
header .Header .Navigation{display:flex;gap:15px}
header .Header .Navigation .Property a{background-color:#000;padding:13px 30px;border-radius:50px;color:#fff;display:inline-block;font-size:15px;font-weight:700;letter-spacing:.5px;border:2px solid #000;transition:0.5s all ease-in-out}
header .Header .Navigation .Property a:hover{background-color:#fff;color:#000}
/* 
header .Header .Navigation .Profile a{position:relative;display:inline-flex;align-items:center;background-color:#fff;padding:5px 15px;border:1px solid #ddd;border-radius:5px}
header .Header .Navigation .Profile a .Icon{width:40px;height:40px;border-radius:50%;overflow:hidden;margin:0 10px 0 0}
header .Header .Navigation .Profile a p{font-size:15px;color:#000;font-weight:700}
header .Header .Navigation .Profile ul{position: absolute;background: #fff;box-shadow: 0 3px 11px 0 rgb(0 0 0 / 10%);-webkit-transform: perspective(600px) rotateX(-90deg);transform: perspective(600px) rotateX(-90deg);-webkit-transform-origin: 0 0 0;transform-origin: 0 0 0;right: 0;opacity: 0;visibility: hidden;-webkit-transition: 0.5s;transition: 0.5s;z-index: 99;top: 100%;text-align: left;min-width: 200px;display: block;width: auto;}
header .Header .Navigation .Profile ul li{margin:0;border-bottom:1px solid #d2d3d4}
header .Header .Navigation .Profile ul li:first-child{background-image: linear-gradient(45deg,#ff0066,#fbb914);position:relative;padding:15px 10px 15px 60px;text-align:left;border-bottom:1px solid #fff;}
header .Header .Navigation .Profile ul li figure{width:35px;height:35px;border-radius:50%;position:absolute;top:15px;left:15px;border:2px solid #fff;overflow:hidden;margin: 0;}
header .Header .Navigation .Profile ul li h4{color:#fff;font-size:17px;line-height:18px}
header .Header .Navigation .Profile ul li h4 span{font-size:11px;font-weight:400}
header .Header .Navigation .Profile ul li a{color:#4e4e4e;padding:10px 20px;font-weight:400;transition:0.5s all ease-in-out}
header .Header .Navigation .Profile ul li a span{margin:0 10px 0 0}
header .Header .Navigation .Profile ul li a:hover{background-color: #00a6b6;color:#fff;}
header .Header .Navigation .Profile:hover ul{opacity: 1;visibility: visible; transform: perspective(600px) rotateX(0deg);}
  */


header .Header .Navigation .Profile{margin: 0px 0 0px 30px;position:relative;display:inline-block;font-family: Mulish;}
header .Header .Navigation .Profile a{display:flex;align-items:center;font-size: 15px;color: #000;font-weight: 600;}
header .Header .Navigation .Profile a figure{width: 40px;border-radius:50%;margin: 0 10px 0 0;overflow:hidden;height: 40px;border: 2px solid #fff;}
header .Header .Navigation .Profile ul{position: absolute;background: #fff;box-shadow: 0 3px 11px 0 rgb(0 0 0 / 10%);-webkit-transform: perspective(600px) rotateX(-90deg);transform: perspective(600px) rotateX(-90deg);-webkit-transform-origin: 0 0 0;transform-origin: 0 0 0;right: 0;opacity: 0;visibility: hidden;-webkit-transition: 0.5s;transition: 0.5s;z-index: 99;top: 100%;text-align: left;min-width: 200px;display: block;width: auto;}
header .Header .Navigation .Profile ul li{margin:0;border-top: 1px solid #eff0f1;}
header .Header .Navigation .Profile ul li:first-child{background-color: #2487bb;position:relative;padding: 20px 10px 20px 60px;text-align:left;}
header .Header .Navigation .Profile ul li figure{width:35px;height:35px;border-radius:50%;position:absolute;top: 11px;left:15px;border:2px solid #fff;overflow:hidden;margin: 0;}
header .Header .Navigation .Profile ul li h4{color:#fff;font-size:17px;line-height:18px}
header .Header .Navigation .Profile ul li h4 span{font-size:11px;font-weight:400}
header .Header .Navigation .Profile ul li a{color:#4e4e4e;padding: 12px 20px;font-weight: 600;transition:0.5s all ease-in-out;font-size: 15px;}
header .Header .Navigation .Profile ul li a span{margin:0 10px 0 0}
header .Header .Navigation .Profile ul li a:hover{background-color: #000;color:#fff;}
header .Header .Navigation .Profile:hover ul{opacity: 1;visibility: visible; transform: perspective(600px) rotateX(0deg);}
 
.PropertyArea{padding:50px 0}
.PropertyArea .PropertyHead{margin:0 0 30px 0;display:flex;justify-content:space-between;align-items:center}
.PropertyArea .PropertyHead article{width:65%}
.PropertyArea .PropertyHead article h3{font-size:60px;color:#000;font-weight:800;line-height:75px}
.PropertyArea .PropertyHead aside{max-width:380px;text-align:right}
.PropertyArea .PropertyHead aside p{font-weight:600;color:#7a7a7a;font-size:15px;line-height:24px;margin:0 0 10px 0;text-align:left}
.PropertyArea .PropertyHead aside a{background-color:#000;padding:12px 30px;border-radius:7px;color:#fff;display:inline-block;font-size:15px;font-weight:700;letter-spacing:.5px}
.PropertyArea .PropertyHead aside a i{margin-right:4px}
.PropertyArea .PropertyBody{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}

.PropertyBox figure{background-color:#000;border-radius:15px;overflow:hidden;margin:0 0 10px 0;height: 300px;}
.PropertyBox figure img{width:100%;opacity:.8;position: absolute;height: 100%;object-fit: cover;border-radius: 10px;}
.PropertyBox figure span.Type{position: absolute;top: 15px;left: 15px;background-color: #03b300; z-index: 9;padding: 10px 20px; border-radius: 5px; color: #fff;font-weight: 600;letter-spacing: 0.5px;}
.PropertyBox figcaption h3{font-size:20px;font-weight:700;color:#000;margin:0 0 5px 0}
.PropertyBox figcaption h3 a{ color: #000; }
.PropertyBox figcaption p{font-weight:600;color:#7a7a7a;font-size:15px}

footer{padding:10px}
footer .FooterArea{background-color:#fafafa}
footer .FooterArea .Foots{padding:60px 50px;display:flex;justify-content:space-between;align-items:center}
footer .FooterArea .Foots ol li{display:inline-block;margin:0 20px 0 0}
footer .FooterArea .Foots ol li a{font-size:15px;font-weight:500;color:#7c7c7c}
footer .FooterArea .Foots ol li a:hover{color:#000}
footer .FooterArea .Foots ul li{display:inline-block;margin:0 0 0 5px}
footer .FooterArea .Foots ul li a{font-size:14px;font-weight:500;color:#7c7c7c;display:block;width:30px;height:30px;text-align:center;line-height:30px;border-radius:50px;transition:0.5s all ease-in-out}
footer .FooterArea .Foots ul li a:hover{background-color:#000;color:#fff}
footer .FooterArea .Copyright{border-top:1px solid #e8e8e8;padding:30px 0}
footer .FooterArea .Copyright p{text-align:center;font-size:14px;font-weight:500;color:#7c7c7c;letter-spacing:.4px}

.DetailsArea{padding:50px 0}
.DetailsHead{display:flex;gap:10px;margin-bottom:25px}
.DetailsHead .First{width:40%}
.DetailsHead .First aside{ min-height: 310px; border-radius:10px;overflow:hidden;border:5px solid #fff;box-shadow:0 0 6px #ddd}
.DetailsHead .First img{ position: absolute;width: 100%; height: 100%;object-fit: cover;border-radius: 10px;}
.DetailsHead .Second{gap:10px;display:grid;grid-template-columns:repeat(4,1fr);width:60%}
.DetailsHead .Second aside{ min-height: 150px; border-radius:10px;overflow:hidden;border:5px solid #fff;box-shadow:0 0 6px #ddd}
.DetailsHead .Second img{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:10px}

.DetailsBody{display:flex;gap:30px}
.DetailsBody .DetailsLeft{width:65%}
.DetailsBody .DetailsRight{width:35%}

.FlatBox{padding:0 0 20px 0;margin:0 0 20px 0;border-bottom:1px solid #ddd}
.FlatBox h3{font-size:24px;font-weight:800;margin:0 0 10px 0;color:#000;line-height:25px}
.FlatBox p{font-size:15px;font-weight:600;color:#646161}
.FlatBox span{float:right;font-size:18px;font-weight:800;color:#000}

.PropertInfo{padding:0 0 20px 0;margin:0 0 20px 0;border-bottom:1px solid #ddd}
.PropertInfo:last-child{border:none;margin:0;padding:0}
.PropertInfo h3{font-size:16px;font-weight:700;margin:0 0 15px 0;color:#000;line-height:25px}
.PropertInfo h3 i{width:30px;height:30px;background:#e9f5ea;border-radius:5px;text-align:center;line-height:30px;color:#417245;margin:0 5px 0 0}
.PropertInfo ul{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.PropertInfo ul li{font-size:14px;color:#484646}
.PropertInfo ul li strong{color:#606060;font-weight:500}
.PropertInfo ul li span{float:right;color:#000;font-weight:600}

.ProfileBox{border:1px solid #6aa56f;padding:20px;border-radius:10px;background-color:#e9f5ea;position:sticky;top:20px}
.ProfileBox .ProfileHead{display:flex}
.ProfileBox .ProfileHead figure{width: 75px;height: 75px;margin:0;border-radius:7px;overflow:hidden}
.ProfileBox .ProfileHead figcaption{padding:0 0 0 10px;width: calc(100% - 75px);}
.ProfileBox .ProfileHead figcaption h3{font-size:18px;font-weight:700;color:#000}
.ProfileBox .ProfileHead figcaption p{font-size:14px;font-weight:600;color:#706b6b}
.ProfileBox .ProfileBody p{font-size:14px;font-weight:600;color:#000;margin:10px 0 0 0}
.ProfileBox .ProfileBody p span{color:#000;font-weight:600;min-width:160px;display:inline-block;position:relative}
.ProfileBox .ProfileBody p span:after{content:":";right:0;position:absolute}
.ProfileBox .ProfileBody p a{float:right;font-weight:500}

.PropertyAddArea{padding:50px 0; font-family:'Mulish'}
.PropertyAddBox{background-color: #fafafa; padding: 30px;border-radius: 10px;border: 1px solid #ddd;}
.PropertyAddBox h3{font-size:22px;font-weight:800;color:#000;margin:0 0 14px 0}

.PropertyForm{margin:0 0 20px 0;background-color:#fff;padding:20px;border:1px solid #ddd;border-radius:10px}
.PropertyForm h4{font-size:16px;padding:15px 20px;background-color:#f1efef;font-weight:700;color:#000;margin:0 0 20px 0}
.PropertyForm article{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.PropertyForm article aside label{display:block;color:#000;font-weight:700;font-size:14px;text-transform:capitalize;margin:0 0 10px 0}
.PropertyForm article aside .form-control{height:auto;padding:10px 10px 10px 15px;border:2px solid #ededed;border-radius:5px;box-shadow:none;font-weight:500;font-size:14px;width:100%;box-sizing:border-box;font-family:'Mulish'}
.PropertyForm article aside ul{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}

.CheckBox{display:inline-block!important;position:relative;padding-left:33px;cursor:pointer;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:600;color:#2d2d2d;margin:0;min-height:22px;margin:0!important}
.CheckBox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.CheckBox .checkmark{position:absolute;top:0;left:0;height:20px;width:24px;background-color:#fff0;border:1px solid #1e3e6a;border-radius:2px}
.CheckBox:hover input~.checkmark{background-color:#1e3e6a;border-color:#1e3e6a}
.CheckBox input:checked~.checkmark{background-color:#1e3e6a}
.CheckBox .checkmark:after{content:"";position:absolute;display:none;left:8px;top:2px;width:5px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.CheckBox input:checked~.checkmark:after{display:block}

.Button{border:none;padding:12px 25px;text-align:center;transition:0.5s all ease-in-out;font-weight:700;position:relative;font-size:14px;color:#fff;text-transform:capitalize;border-radius:5px;outline:0!important;box-shadow:none;background:#2885b8;font-family:'Mulish',sans-serif!important}
.Button:hover{background:#d7181c;color:#fff}

.UploadBox{display:flex;gap:10px}
.UploadBox .Upload{border:2px dashed #b9b9b9;padding:37px 0;border-radius:8px;position:relative;display:inline-block;width:160px;height:135px;text-align:center;background-color:#fff}
.UploadBox .Upload i{font-size:24px}
.UploadBox .Upload span{font-size:14px;font-weight:600;color:#000;text-transform:capitalize;display:block}
.UploadBox .Upload input{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0}
.UploadBox .UploadImage{width:170px;border:2px dashed #b9b9b9;border-radius:10px;position:relative;display:none;overflow:hidden;padding:7px; background-color: #fff; }
.UploadBox .UploadImage img{width:100%}
.UploadBox .UploadImage button{position:absolute;top:10px;right:10px;width:25px;height:25px;background-color:#ddd;border:none;border-radius:30px;font-weight:700}

.DescriptionBox{font-family: 'Mulish'; padding: 0 0 20px 0;margin: 0 0 20px 0;border-bottom: 1px solid #ddd;}
.DescriptionBox h3{font-size: 20px;font-weight: 700; margin: 0 0 10px 0;color: #000;}
.DescriptionBox p{font-size: 15px;line-height: 24px;font-weight: 500;color: #5c5a5a;}

.ImageBox{background-color: #fff8f8;padding: 15px;border-radius: 10px;}
.ImageBox .Uploads{margin: 15px 0 0 0;}
.ImageBox .Uploads p{margin: 6px 0 0 0;color: #000;font-weight: 600;font-size: 13px;}
.ImageBox .Uploads img{width: 160px; border-radius: 7px;}



.LoginArea{background-color:#F4F4F4;display:flex;padding:10px; font-family: 'Inter'}
.LoginArea .LoginLeft{width:50%;min-height:calc(100vh - 20px);position:relative;display:flex;align-items:center;justify-content:center;}
.LoginArea .LoginLeft .Logo{position:absolute;top:30px;left:30px;width: 175px;}
.LoginArea .LoginLeft .Copyright{position:absolute;bottom:0;width:100%;text-align:center;background-color:#f4f4f4;padding:10px 0}
.LoginArea .LoginLeft .Copyright p{color:#888E9E;font-size:13px}
.LoginArea .LoginLeft .Copyright p a{color:#000}
.LoginArea .LoginLeft article{max-width:550px;width:100%}
.LoginArea .LoginLeft article aside{text-align:center;margin:0 0 30px 0}
.LoginArea .LoginLeft article aside h3{color:#0F0F10;font-size:35px;margin:0 0 15px 0;font-weight:600}
.LoginArea .LoginLeft article aside h6{color:#888E9E;margin:0 0 10px 0;font-size:14px;font-weight:400;line-height:25px}
.LoginArea .LoginLeft article aside h6 strong{color:#000;font-weight:400}
.LoginArea .LoginLeft article .form-group{position:relative;margin:0 0 20px 0}
.LoginArea .LoginLeft article .form-group label{font-weight:500;color:#0F0F10;font-size:14px;display:block;margin: 0 0 10px 0;position: relative;}
.LoginArea .LoginLeft article .form-group label sup{color:#cc0909;font-size: 14px;top: 2px;left: 1px;position: relative;line-height: 7px;}
.LoginArea .LoginLeft article .form-group .form-control{outline: none; box-shadow:none;border:1px solid #d4d4d4;height:auto;padding: 13px 15px 13px 40px;font-size:14px;font-weight:400;border-radius:7px;width: 100%;font-family: 'Inter';}
.LoginArea .LoginLeft article .form-group .Icon{border-radius:4px;position:absolute;left:10px;z-index:100;top:40px;color:#000;width:20px}
.LoginArea .LoginLeft article button{width:100%;background-color:teal;border:none;color:#fff;padding:10px 0;border-radius:8px;font-weight:500;font-size:14px;letter-spacing:.5px;margin: 10px 0 0 0;}
.LoginArea .LoginRight{width:50%;background-color:teal;padding:20px;border-radius:10px;min-height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;background-image:url(../images/Pattern.png);background-position:0 0;background-size:cover}
.LoginArea .LoginRight figcaption{max-width:75%;color:#fff}
.LoginArea .LoginRight figcaption h3{font-size:40px;font-weight:500;margin:0 0 20px 0}
.LoginArea .LoginRight figcaption p{font-size:16px}
.LoginArea .LoginRight figcaption figure{margin:0 0 0 0}

.MyProfileArea{padding:50px 0}
.MyProfileArea .MyProfileBox{border:1px solid #ddd;border-radius:5px}
.MyProfileArea .MyProfileBox .MyProfileHead{padding:15px 25px;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between}
.MyProfileArea .MyProfileBox .MyProfileHead h3{font-size:18px;font-weight:800;color:#000}
.MyProfileArea .MyProfileBox .MyProfileHead a{background-color:#000;padding:10px 15px;color:#fff;border-radius:5px;font-weight:700;letter-spacing:.5px}
.MyProfileArea .MyProfileBox .MyProfileBody{display:flex}
.MyProfileArea .MyProfileBox .MyProfileBody .MyProfileLeft{width:40%;padding:25px;border-right:1px solid #ddd}
.MyProfileArea .MyProfileBox .MyProfileBody .MyProfileLeft h3{margin:0 0 20px 0;font-weight:700;color:#727171}.PasswordBox{font-family:'Mulish'}.PasswordBox article{border-left:4px solid #2196f3;margin:0 0 25px 0;padding:20px;border-radius:10px;background-color:#d0e9fd}.PasswordBox article p{font-size:14px;line-height:23px;font-weight:600;color:#6c6c6c}.PasswordBox article p i{color:#1372bd}.PasswordBox article p strong{color:#1372bd;font-weight:700}.PasswordBox aside{margin:0 0 25px 0}.PasswordBox aside label{display:block;color:#5c5c5c;font-weight:700;font-size:14px;text-transform:capitalize;margin:0 0 10px 0}.PasswordBox aside input{height:auto;padding:12px 20px;border:2px solid #ededed;border-radius:5px;box-shadow:none;font-weight:500;font-size:14px;width:100%;box-sizing:border-box;font-family:'Mulish'}.PasswordBox button{width:100%;padding:14px 0;font-family:'Mulish';font-weight:600;font-size:14px;border:2px solid #ddd;border-radius:7px;cursor:pointer}
.MyProfileArea .MyProfileBox .MyProfileBody .MyProfileRight{width:60%;padding:25px}
.MyProfileArea .MyProfileBox .MyProfileBody .MyProfileRight h3{margin:0 0 20px 0;font-weight:700;color:#727171}
.MyProfileArea .MyProfileBox .MyProfileBody .MyProfileRight article{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}
.MyProfileArea .MyProfileBox .MyProfileBody .MyProfileRight article aside{margin:0 0 25px 0}
.MyProfileArea .MyProfileBox .MyProfileBody .MyProfileRight article aside label{display:block;color:#5c5c5c;font-weight:700;font-size:14px;text-transform:capitalize;margin:0 0 10px 0}
.MyProfileArea .MyProfileBox .MyProfileBody .MyProfileRight article aside .form-control{height:auto;padding:12px 20px;border:2px solid #ededed;border-radius:5px;box-shadow:none;font-weight:500;font-size:14px;width:100%;box-sizing:border-box;font-family:'Mulish';outline:0}

.ButtonBox{display: flex;gap: 10px;font-family: 'Inter';}
.ButtonBox button{background-color: #47a517;padding: 12px 20px;border-radius: 5px; color: #fff;font-weight: 700;letter-spacing: .5px;border: 2px solid #419b13;font-family: 'Inter'; cursor: pointer;}
.ButtonBox button:hover{background-color: #37870f;}
.ButtonBox button i{ margin-right: 5px; }
.ButtonBox a{background-color: #6e6e6e;padding: 13px 20px;color: #fff;border-radius:5px;font-weight: 600;letter-spacing:.5px;}
.ButtonBox a:hover{background-color: #000;}
.ButtonBox a i{ margin-right: 5px; }

.alert{border-left: 4px solid;margin: 0 0 25px 0;padding: 20px;border-radius: 10px;}
.alert i{font-weight: 700;margin: 0 5px 0 0;}
.alert span{font-size: 14px;line-height: 23px;font-weight: 600;}
.alert-success{ border-left-color: #32ab32;background-color: #f1fff1;color: #32ab32;}
.alert-error{background-color: #fff2f2;border-left-color: #e70c0c;color: #e70c0c;}

.TitleBox{margin: 0 0 20px 0;display: flex;justify-content: space-between;align-items: center;}
.TitleBox h3{font-size: 18px;color: #000;font-weight: 800;}
.TitleBox a{background-color: #000;padding: 10px 15px;border-radius: 5px;color: #fff;font-weight: 500;font-family: Inter; font-size: 13px;}