@font-face 
{
  font-family: 'Poppins-Regular';
  src: url('../fonts/Poppins-Regular.TTF');
  src: local("?"), url('../fonts/Poppins-Regular.woff') format("woff"), url('../fonts/Poppins-Regular.TTF') format("truetype"); 
}

@font-face 
{
  font-family: 'Poppins-SemiBold';
  src: url('../fonts/Poppins-SemiBold.TTF');
  src: local("?"), url('../fonts/Poppins-SemiBold.woff') format("woff"), url('../fonts/Poppins-SemiBold.TTF') format("truetype"); 
}

@font-face 
{
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto-Regular.TTF');
  src: local("?"), url('../fonts/Roboto-Regular.woff') format("woff"), url('../fonts/Roboto-Regular.TTF') format("truetype"); 
}

html, body{font-family:Roboto-Regular, Calibri, Arial; color:#666; font-size:16px; line-height: 22px; background:#fff;}

a{color:#0a58ca; text-decoration:none; transition:color 0.3s ease-in-out;}
a:hover{color:#23527c; text-decoration:none;}

.clearfix{width:100%;}

/* Back to top button */
.back-to-top{position:fixed; display:none; background: #084c61; color:#fff; width:44px; height:44px; text-align:center; line-height:1; font-size:16px; border-radius:50%; right:15px; bottom:15px; transition:background 0.5s; z-index:999;}
.back-to-top i{padding-top:12px; color:#fff;}


.header{margin:0; padding:0;}
.header-upper{background:#3f8bae; height:35px;}
.Login_btn{background:#fcae39; color:#fff !important; border-radius:10px; padding: 10px 25px !important;}

.logo{padding:0; display:inline-block; font-size:30px; font-weight:bold; text-transform:uppercase; color:#333;}
.logo img{margin-top: -6px; height: 50px;}
.logo a{color:#333; text-decoration:none;}
.logo a:hover{color:#333; text-decoration:none;}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.main-nav, .main-nav * {margin:3px 0 0; padding:0; list-style:none; }
.main-nav > ul > li{position: relative; white-space: nowrap; float: left; margin: 0 10px 0;}
.main-nav a{display:block; color:#56A3A6; position:relative; margin:0; padding:10px 5px; margin:0 1px; text-decoration:none; transition:0.3s; font-weight:normal; line-height:20px; font-size:16px; }
.main-nav a:hover, .main-nav .active > a, .main-nav li:hover > a {color:#084c61; text-decoration:none;}
.main-nav li a:focus{color:#084c61; text-decoration:none;}
.main-nav .drop-down ul {display:block; position:absolute; left:0; top:calc(100% + 30px); z-index:999; opacity 0; visibility:hidden; padding:0; background:#fff; box-shadow:0px 0px 30px rgba(127, 137, 161, 0.25); transition:ease all 0.3s;}
.main-nav .drop-down:hover > ul {opacity:1; top:100%; visibility:visible;}
.main-nav .drop-down li {min-width:180px; position:relative;}
.main-nav .drop-down ul a {padding:10px 20px;font-size: 13px;color: #333; border-right:none;}
.main-nav .drop-down ul a:hover, .main-nav .drop-down ul .active > a, .main-nav .drop-down ul li:hover > a {color:#fcae39; background:#5e87eb;}
.main-nav .drop-down > a:after {content:"\f107"; font-family:FontAwesome; padding-left:5px;}
.main-nav .drop-down .drop-down ul {top:0; left:calc(100% - 30px);}
.main-nav .drop-down .drop-down:hover > ul {opacity:1; top:0; left:100%;}
.main-nav .drop-down .drop-down > a {padding-right:35px;}
.main-nav .drop-down .drop-down > a:after {content:"\f105"; position:absolute; right:15px;}

/* Mobile Navigation */
.mobile-nav {position:fixed; top:0; bottom:0; z-index:9999; overflow-y:auto; left:-260px; width:260px; padding-top:18px; background:rgba(19, 39, 57, 0.8); transition:0.4s;}
.mobile-nav * {margin: 0;padding: 0;list-style: none;}
.mobile-nav a {display:block; position:relative; color:#fff; padding:5px 10px; font-weight:500; font-size:13px;}
.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {color:#56A3A6; text-decoration:none;}
.mobile-nav .drop-down > a:after {content:"\f078"; font-family:FontAwesome; padding-left:10px; position:absolute; right:15px;}
.mobile-nav .active.drop-down > a:after {content:"\f077";}
.mobile-nav .drop-down > a {padding-right:35px;}
.mobile-nav .drop-down ul {display:none; overflow:hidden;}
.mobile-nav .drop-down li {padding-left:20px;}
.mobile-nav-toggle{position:absolute; right:0; top:70px; z-index:9998; border:0; background:none; font-size:24px; transition:all 0.4s; outline:none !important; line-height:1; cursor:pointer; text-align:right;}
.mobile-nav-toggle i {margin:13px 10px 0 0; color: #084c61;}
.mobile-nav-overly{width:100%; height:100%; z-index:9997; top:0; left:0; position:fixed; background:rgba(19, 39, 57, 0.8); overflow:hidden; display:none;}
.mobile-nav-active {overflow:hidden;}
.mobile-nav-active .mobile-nav {left:0;}
.mobile-nav-active .mobile-nav-toggle i {color:#56A3A6;}

.nav-justified > .nav-link, .nav-justified .nav-item{margin: 0 2px;}
.fixed-top{top:-40px; transform:translateY(40px); transition:transform .3s; background:#302715; box-shadow: 0 0 10px #ccc;}
.master-wrapper-content{margin:0;}
.nav_bar{background:#E8E8E8  ; padding:5px 0;}

.banner_section {position: relative;width: 100%;height: 500px; overflow: hidden;}
.banner_img {width: 100%;height: 100%;object-fit: cover;}
.banner_text {position: absolute;top: 30%;text-align: center;width: 100%;color: #fff;}
.banner_head {font-size: 40px; font-weight: bold;margin-bottom: 15px;line-height: 1.2;max-width: 100%;}
.banner_subhead {font-size: 20px;max-width: 100%;}

.main_container{width:100%;  margin:10px 0;}

.main_heading{font-size:30px; font-weight:bold; text-align:center; margin:40px 0; color: #084c61;}
.main-sub-heading{color: #000000; font-size: 16px;  text-align: center; margin-top: -25px; margin-bottom: 25px;}
#main_heading{font-size:30px; font-weight:bold; text-align:left; margin:40px 0; color: #084c61; line-height: 1.3;}


.explore_property {width: 100%;padding: 1rem;}
.explore_property ul {display: flex;flex-wrap: wrap;gap: 1rem;justify-content: center;padding: 0;margin: 0;}
.explore_property ul li {list-style: none;background: #ffffff;color: #000000;border-radius: 10px;width: calc(25% - 1rem);text-align: center;font-size: 14px;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);padding: 10px;display: flex;flex-direction: column;justify-content: center;height: 160px;transition: transform 0.2s;}
.explore_property ul li:hover {transform: scale(1.03);}
.explore_property ul li a {color: #000000;text-decoration: none;}
.explore_icon {height: 70px;display: flex;align-items: center;justify-content: center;}
.explore_icon img{width:50px;}
.explore_text {display: flex;align-items: center;justify-content: center;height: 4rem; text-align: center;padding: 0 5px;}

.PropertySection{padding:10px 0;}
.PropertyOuter{background-color: #fff; width: 100%; float: left; transition: .5s all ease-in-out; border:1px solid #ccc; margin:0 0 30px; cursor: pointer; border-radius: 10px;}
.PropertyOuter:hover{ box-shadow:0px 0px 7px rgba(0, 0, 0, 0.5);}
.PropertyPic{width:100%; height:200px; overflow:hidden; position:relative;}
.PropertyPic img{width:100%; height:100%; object-fit: cover; border-radius: 10px 10px 0 0;}

.RealEstatePic{width:100%; height:165px; overflow:hidden; position:relative; padding:10px; text-align:center;}
.RealEstatePic img{width:100%; height:100%; object-fit: cover;}


.PropertyFor{background-color:#56A3A6; color:#fff; position:absolute; padding:5px 10px; border-radius:0; bottom:0; left:0; font-size:12px; letter-spacing:.3px;}
.PropertyLike{position: absolute; bottom: 0; right:0; padding: 5px 10px; color:#fff; background:#2bbb97; font-size:16px;}

.PropertyUpper{position: relative;}
.PropertyMiddle{padding:10px; position: relative;}

.PropertyHead{font-size:15px; font-weight:700; letter-spacing:.5px; float:left; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.verified{color: #2bbb97; padding: 1px 5px; float: right; font-size:11px; border-radius:2px; position:absolute; right:5px;}
.Bedroom_Bathroom{width:100%; margin:0; float:left;}
.Price{width:100%; margin:0; float:left; font-weight:bold; color: #56A3A6;}

.holiday_head{font-size:25px; font-weight:bold; text-align:center; margin:0 0 10px;}
.holiday_img{text-align:center; margin:0 0 10px;}
.holiday_text{text-align:center;}

.why_fractional_section{background:#f5f5f5; padding:10px 0;}
.why_icon{width:100%; text-align:center; margin:0 0 15px;}
.why_text{width:100%; text-align:center;}

.projects_head{font-size:20px; font-weight:bold; margin:0 0 10px;}
.projects_location{background-color:#56A3A6; color:#fff; padding:5px 10px; border-radius:0; font-size:12px; letter-spacing:.3px;}
.project_img img{border-radius:20px; height: 257px;    width: 100%;height: 257px;}

.project_icon{color:#56A3A6;}

.projects_big_head{font-size:35px; font-weight:bold; margin:0 0 20px;}
.property_value{font-size:18px; text-transform:uppercase; margin:0 0 20px;}
.property_price{font-size:28px; font-weight:bold; color:#fcae39; margin:0 0 20px;}

.btn-primary{background: #56A3A6  ; border:1px solid #56A3A6  ;}
.btn-primary:hover{background:#084c61  ; border:1px solid #084c61  ;}
.btn-primary:focus{background: #084c61  ; border:1px solid #084c61  ;}

.nav-link{color:#333;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{color:#56A3A6;}

.accordion-button:not(.collapsed){color: #084c61;}
.accordion-button{font-size:20px;}
.accordion-item{margin: 0 0 10px; border: 1px solid #ccc;}
.accordion-item:not(:first-of-type){border-top: 1px solid #ccc;}

.register_card{width:260px; height:275px; border-radius:20px; padding:20px; margin:0 0 20px; text-align:center; display:inline-block; margin:0 15px; vertical-align:top; box-shadow:0px 0px 30px rgba(0, 0, 0, 0.2);}
.reg_icon {margin-top: 25px}
.reg_head{font-size:20px; font-weight:bold; margin-top:20px; color:#56A3A6;}
.btn-register{ color: #FFF; background-color: transparent; margin: 30px; padding: 4px 16px; border: 1px solid #FFF; border-radius: 5px;}
.btn-register:hover{ color: #FFF; background-color: #56A3A6;  border: 1px solid #56A3A6; }
.subhead {font-size: 16px;margin-top: 25px;}

.Login_btn{background-color: #56A3A6;}
.Login_btn:hover {background-color: #084c61  ;}
.save-btn{background:  #56A3A6; border:1px solid  #56A3A6; color: #FFFFFF; border-radius: 5px; padding: 2px 5px;}
.save-btn:hover{background:  #084c61; border:1px solid  #084c61; color: #FFFFFF;}
.Blue-heading{ color: #084c61;}


.form_head{font-size:25px; text-transform:uppercase; text-align:center; color:#18ca96; font-weight:bold; margin:0 0 20px;}
.form_tab{width:100%; margin:0 0 20px;}
.form_tab ul{margin:0; padding:0;}
.form_tab ul li{margin:0 0 10px; padding:0 20px 0 0; list-style-type:none; display:inline-block;}
.form_tab ul li a{color:#7c7c7c; text-decoration:none;}
.form_tab ul li.active{color:#18ca96;}
.form_tab ul li.active .no{background:#18ca96; width:30px; height:30px;  border-radius:50%; color:#fff; font-weight:bold; font-size:20px; display: inline-block; text-align: center; line-height: 30px; margin:0 10px 0 0;}

.form_tab ul li .no{background:#7c7c7c; width:30px; height:30px;  border-radius:50%; color:#fff; font-weight:bold; font-size:20px; display: inline-block; text-align: center; line-height: 30px; margin:0 10px 0 0;}
.form_tab ul li .line{width:150px; height:1px; border-bottom:1px solid #7c7c7c; margin: 17px 0 0; float: left;}
.form_tab ul li.active .line{width:150px; height:1px; border-bottom:1px solid #18ca96; margin: 17px 0 0; float: left;}


.slimScrollBar {
    background: #fff;
    width: 0px;
    position: absolute;
    top: 0px;
    opacity: 0.4;
    display: block;
    border-radius: 0px;
    z-index: 99;
    right: 1px;height: 0px;}

/* tag */
.PropertyFullySubscribed {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgb(36, 180, 0);
    color: rgb(255, 255, 255);
    padding: 2px 15px;
    font-size: 10px;
    font-weight: bold;
    border-radius: 15px;
}

.PropertyJustLaunched {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgb(238, 255, 2);
    color: rgb(0, 0, 0);
    padding: 2px 15px;
    font-size: 10px;
    font-weight: bold;
    border-radius: 15px;
}

.PropertyJustSoldOut {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgb(255 0 0);
    color: white;
    padding: 2px 15px;
    font-size: 10px;
    font-weight: bold;
    border-radius: 15px;
}

.PropertyClosed {
    position: absolute;
    top: 10px;
    left: 10px;
    background: red;
    color: white;
    padding: 2px 15px;
    font-size: 10px;
    font-weight: bold;
    border-radius: 15px;
}

.PropertyDraft {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgb(33, 186, 189);
    color: white;
    padding: 2px 15px;
    font-size: 10px;
    font-weight: bold;
    border-radius: 15px;
}

.PropertyTrending {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgb(140, 61, 183);
    color: white;
    padding: 2px 15px;
    font-size: 10px;
    font-weight: bold;
    border-radius: 15px;
}

.PropertyLatest {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgb(204, 185, 255);
    color: rgb(0, 0, 0);
    padding: 2px 15px;
    font-size: 10px;
    font-weight: bold;
    border-radius: 15px;
}
/*--------------------------------------------------------------
# Error msg
--------------------------------------------------------------*/
.error_msg{color:#cd1414; position:absolute; font-size:11px; display:block; margin:15px 0 0;}
.mandatory{color:#cd1414;}

.form-label{margin:0;}
.form-check-label{font-size: 13px;}

.form_heading{font-size:20px; text-transform:uppercase; color:#18ca96; border-bottom:1px solid #18ca96;}
.DatePick{background: #fff url(../images/CalIcon.png) right center no-repeat; background-position: right; background-repeat: no-repeat;}

.form-control {font-size: 16px;}
.how-it-work{color: #56A3A6; font-size: 22px; font-weight: bold;}
.how-it-work-text{margin-left: 40px;}
.view{font-size: 40px; font-weight: 800; color: #565656;}

/*--------------------------------------------------------------
# testimonial
--------------------------------------------------------------*/
.testimonial {background: #ffffff;}
.testimonial .card {border: none;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);border-radius: 20px;background-color: #D9D9D9; height:340px;}
.testimonial .card img {width: 80px;height: 80px;border-radius: 50%;object-fit: cover;margin-bottom: 15px;}
.carousel-controls {margin-top: 10px;}
.test-name {font-size: 20px;font-weight: bold;color: #000000;}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.footer{background:#084c61  ; color:#fff; padding:40px 0 20px;}
.footer_logo{height:50px;}
.footer_head{font-size:20px; font-weight:bold; margin:0 0 10px;}
.footer_link{width:100%; margin:0; padding:0 0 20px;}
.footer_link ul{margin:0; padding:0;}
.footer_link ul li{margin:0; padding:0 0 5px; display:block; list-style-type:none;}
.footer_link ul li a{color:#fff;}
.footer .sociallink{width:100%;}
.footer .sociallink a{color:#fff; font-size:30px; margin:0 5px 0 0;}
.footer .sociallink a:hover {color: #E8E8E8;}
.footer .AddressDiv{margin:0 0 20px;}
.footer .AddHead{font-size:15px; letter-spacing:1px; font-weight:bold;}
.copyright{font-size:14px; color:#fff; text-align:center; padding:5px 0; margin:10px 0 0; border-top:1px solid #ccc;}


.sub-heading{color: #56A3A6;}

/* tag */
.PropertyFullySubscribed{position: absolute;top: 10px;left: 10px;background: rgb(36, 180, 0);color: rgb(255, 255, 255);padding: 2px 15px;font-size: 10px;font-weight: bold;border-radius: 15px;}
.PropertyJustLaunched {position: absolute;top: 10px;left: 10px;background: rgb(238, 255, 2);color: rgb(0, 0, 0);padding: 2px 15px;font-size: 10px;font-weight: bold;border-radius: 15px;}
.PropertyClosed {position: absolute;top: 10px;left: 10px;background: red;color: white;padding: 2px 15px;font-size: 10px;font-weight: bold;border-radius: 15px;}
.PropertyDraft{position: absolute;top: 10px;left: 10px;background: rgb(33, 186, 189);color: white;padding: 2px 15px;font-size: 10px;font-weight: bold;border-radius: 15px;}
.JustLaunched {position: absolute; top: 35px;  left: -57px; background:#FFC107; color: rgb(0, 0, 0); padding: 2px 60px;  font-size: 12px;font-weight: bold;text-transform: uppercase;transform: rotate(-45deg); border-radius: 5px; }
.FullySubscribed {position: absolute; top: 37px;  left: -65px; background:#28A745; color: rgb(255, 255, 255); padding: 2px 60px;  font-size: 12px;font-weight: bold;text-transform: uppercase;transform: rotate(-45deg); border-radius: 5px; }
.Expired {position: absolute; top: 37px;  left: -38px; background:#DC3545; color: rgb(255, 255, 255); padding: 2px 60px;  font-size: 12px;font-weight: bold;text-transform: uppercase;transform: rotate(-45deg); border-radius: 5px; }
.PropertyTrending{position: absolute;top: 10px;left: 10px;background: rgb(140, 61, 183);color: white;padding: 2px 15px;font-size: 10px;font-weight: bold;border-radius: 15px;}
.PropertyLatest {position: absolute;top: 10px;left: 10px;background: rgb(204, 185, 255);color: rgb(0, 0, 0);padding: 2px 15px;font-size: 10px;font-weight: bold;border-radius: 15px;}

.form-select {font-size: 12px; line-height:2.0;}

/* FAQ */
.accordion {width: 100%;}
.accordion-item { border-bottom: 1px solid #ddd;}
.accordion-title {padding: 15px;cursor: pointer;display: flex;justify-content: space-between;align-items: center;font-size: 16px;background: #f9f9f9;border: none;font-weight: 600;}
.accordion-title:hover {background: #eee;}
.accordion-content {display: none;padding: 15px;background: #fff;margin: 0; border: none;}
.symbol {font-size: 20px;font-weight: bold;color: #DB504A;}


/* congratulation-page */
.check-icon{color: #198754; font-size: 50px; text-align: center;}
.congrats-container {width: 50%;background: #fff;padding: 30px;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);display: flex;justify-content: center;}
.center-wrapper {display: flex;align-items: center;justify-content: center;height: 100vh;background-color: #f4f4f4;}
.btn-add {color: #FFF;background-color: #56A3A6;padding: 10px 20px;border-radius: 5px;text-decoration: none;}
.button-center {margin-top: 20px;}

.edit_view_icon {
    float: right;
}

    .edit_view_icon a {
        margin: 0 0 0 2px;
        background: #56A3A6;
        border-radius: 50%;
        padding: 4px 6px;
        color: #fff;
    }

        .edit_view_icon a:hover {
            background: #084c61;
        }

.validation {
    color: #f00;
    font-size: 13px;
    position: absolute;
    margin: 0;
    top: inherit !important;
    left: inherit !important;
}

.productlogo_desktop{display:block;}
.productlogo_mobile{display:none;}

/* Responsive Breakpoints */
@media (max-width: 1024px) {
    .explore_property ul li {width: calc(33.33% - 1rem);}
    #err_Image2 {
        margin: 102px -7px !important;
    }
}
@media (max-width: 768px){
.mobile-nav-toggle{position: fixed; top: 3px;}
.footer{text-align:center;}
.banner_text {top: 20%;}
.banner_head {font-size: 34px;}
.banner_subhead {font-size: 16px;}
.banner_section {height: 300px;}
.explore_property ul li {width: calc(50% - 1rem);}
.main_heading {font-size: 24px;}
.testimonial .card p {font-size: 14px;}
.view {font-size: 32px !important;}
.available-block{font-size: 14px;}
.location{font-size: 12px;}
.product_logo {margin: 16px -20px 0 0 !important;}
#err_Image2 {margin: 119px -18px !important;}
.footer_bg .col {flex: none;width: 100% !important;float: left;text-align: center;}
.footer {text-align: center;}
}


@media (max-width: 576px) {
.testimonial .card {padding: 20px 10px;}
.carousel-controls img {width: 30px;}
}


@media (max-width:480px){

    .footer_bg .col {
        flex: none;
        width: 100% !important;
        float: left;
        text-align: center;
    }
.form_tab ul li .line{display:none;}
.banner_text{top: 60px;}
.banner_head{font-size:14px; font-weight:bold; margin:0 0 4px;}
    .banner_subhead {
        font-size: 11px;
        line-height: 1.4;
    }
.banner_text {top: 15%;}
.banner_head {font-size: 13px;}
.banner_section {height: 180px;}
.main_heading {font-size: 28px;}
.btn-register{ margin: 8px;}
    .btn-register {
        font-size: 14px;
        padding: 1px 8px;

    }
.explore_property ul li {width: 100%;}
.product_logo{right:31%;}
#err_Image {margin: 102px 70px !important;}
.productlogo_desktop{display:none;}
    .productlogo_mobile {
        display: block;
        margin-left: -18px;
    }
    #err_Image1 {
        text-align: center;
        margin-top: 113px;
        width: 100%;
        display: block;
        margin-left:-9px;
    }

    .footer .col{width:100%; float:left; display:block; text-align:center; flex: inherit;}
}