
:root {
    /* Colors: */
    --color-d5dbea: #d5dbea;
    --color-9d9d9d: #9d9d9d;
    --color-c6c6c6: #c6c6c6;
    --color-ffffff: #ffffff;
    --color-e62e38: #e62e38;
    --color-39579a: #e62e38;
    --color-1f1f1f: #1f1f1f;
    --color-2F3B46: #2f3b46;
    --color-000000: #000000;
    --color-5b5b5b: #5b5b5bs;
}
body{
    font-family: "Poppins"
}
@font-face {
    font-family: "pr";
    src: url("./Poppins-Regular.woff2")
  }
  .error{
      color: var(--color-39579a);
      font: normal normal normal 12px/18px Poppins;
  }
 
a{display: inline-block;}
main {
    margin-top: 86px;
}
input[type=number] {
    max-inline-size: none; /* chrome 71 */
    max-width: unset; min-width: unset; /* iOS12 */
  }
.noinput::-webkit-input-placeholder{
    color: var(--color-39579a);
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    color: red;
}
#home1 .notatall,#about .notatall, #contact .notatall{
    display: block !important;
}
#home1 .homefooter,#about .homefooter, #contact .homefooter{
    margin-top: 29px;
    border-top:1px solid #c6c6c6 !important;
}
.property_filter input,.property_filter select{
    color: #1F1F1F !important;
}
.property_filter .mdc-floating-label{
    color: #1F1F1F !important;

}
.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.55);
    border-color: transparent;
}
.header_agent nav {
    box-shadow: 1px 1px 0px #00000029 !important;
}

.header_agent .navbar-brand {
    padding: 15px 0px;
}
.header_agent .nav-item p {
    color: var(--color-1f1f1f);
    text-align: left;
    font: normal normal 500 0.875rem/21px Poppins;
    letter-spacing: 0px;
}
.header_agent .nav-item:not(:last-child) {
    margin-right: 20px;
}
.header_agent .nav-item a {
    color: var(--color-1f1f1f) !important;
    text-align: left;
    font: normal normal 500 14px/38px Poppins !important;
    letter-spacing: 0px;
}
.header_agent .left-side h1 {
    color: var(--color-1f1f1f);
    text-align: left;
    font: normal normal 600 1.125rem/72px Poppins !important;
    letter-spacing: 0px;
    margin-left: 10px;
}
main {
    background: #f7f7f7;
    min-height: 100vh;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0px;
}
a {
    text-decoration: none;
}
input:focus {
    box-shadow: none !important;
}

.green-btn {
    background-color: var(--color-e62e38);
    border: none;
    display: block;
    padding: 14px;
    color: var(--color-ffffff);
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    font: normal normal 500 1rem/25px Poppins;
}
/* .select2-container{width: 100% !important;}
*/.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: 15px 3px !important;
    height: 56px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -14px !important;
    margin-top: -2px;
    position: absolute;
    top: 100% !important;
    width: 0;
}
.green-btn:hover {
    color: var(--color-ffffff);
}
.view-more-btn {
    border: 1px solid #E62E38;
    display: block;
    padding: 5px 8px;
    color: var(--color-1f1f1f);
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    font: normal normal 500 0.75rem/18px Poppins;
}
.btn-padding {
    padding: 10.5px 16px;
}

.blue-btn {
    background-color: var(--color-39579a) !important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    color: #e62e38 !important;
}
.ui-slider-handle p{
    width: 87px !important
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: auto;
    right: -1px;
    margin-top: 0.125rem;
}
.view-more-btn:hover {
    color: inherit !important;
}
.view-more-btn:hover {
    color: inherit !important;
}
.green-btn:hover {
    color: inherit !important;
}
.blue-btn:hover {
    color: inherit !important;
}

/* scroll bar for input type search */

/* width */
#myDropdown::-webkit-scrollbar {
    width: 5px;
}

/* Track */
#myDropdown::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
#myDropdown::-webkit-scrollbar-thumb {
    background: #e62e38;
}

/* Handle on hover */
#myDropdown::-webkit-scrollbar-thumb:hover {
    background: #e62e38;
}
.wt-overlay{
    pointer-events: none;
    z-index: 10000;
}
.logoutpopup > div > div {
    border-radius: 10px;
    padding: 20px;
}
.logoutpopup p {
    color: var(--color-1f1f1f);
    text-align: center;
    font: normal normal 500 18px/30px Poppins;
    margin-bottom: 10px;
}
.logoutpopup .modal-footer button {
    color: var(--color-1f1f1f);
    text-align: left;
    font: normal normal 500 14px/21px Poppins;
    background-color: white;
    border: 1px solid var(--color-1f1f1f);
    border-radius: 5px;
    padding: 11px 54px;
    margin: 0px 10px;
}
.logoutpopup .modal-body{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.logoutpopup .modal-footer button:last-child {
    background-color: var(--color-39579a);
    color: var(--color-ffffff);
    border-color: var(--color-39579a);
}
.btn:focus {
    box-shadow: none !important;
}
button:focus {
    box-shadow: none !important;
}

.pagination a {
    display: inline-block;
    padding: 3px 7px;
    text-align: center;
    background-color: var(--color-c6c6c6);
    margin-left: 10px;
    border-radius: 5px;
    color: white !important;
    font: normal normal 500 12px/18px Poppins !important;
}
.pagination strong {
    border-radius: 5px;
    display: inline-block;
    padding: 3px 8px;
    color: white;
    text-align: center;
    margin-left: 10px;
    background-color: var(--color-39579a);
    font: normal normal 500 12px/18px Poppins;
}
.home_wrap_2 {
    background-color: #F7DBDC;
    padding: 35px 0px;
}
.demo_account{
    background-color: #e62e38;
    padding: 42px 0px;
    border-radius: 15px;
}
.demo_account h3{
    text-align: left;
font: normal normal 600 36px/55px Poppins;
letter-spacing: 0px;
color: #FFFFFF;
margin-bottom: 24px;
}
.demo_account a{
    font: normal normal 500 16px/25px Poppins;
letter-spacing: 0px;
border-radius: 5px;
}
.demo_account a.cracc{
    padding: 15px 15px;
    background-color: #ea4d56;
        color: white;
}
.demo_account a.getdemo{
    background-color: #fff;
    color:#e62e38;
    padding: 15px 40px;
}
.footer_content1{margin-top: 100px;}
.footer_content1 a{
    text-align: left;
font: normal normal 500 20px/30px Poppins;
letter-spacing: 0px;
color: #404040;
}
.footer_content1  a{
    margin-bottom: 29px;
}
.footer_content1 div.w-100 a{
    margin-bottom: 58px;
}
.homefooter {
    margin-top: 0px;
    background-color: #e62e38;
    padding: 20px 0px;
}
.homefooter p {
    color: var(--color-ffffff);
    text-align: center;
    font: normal normal normal 0.875rem/21px Poppins;
    letter-spacing: 0px;
}
.form-select:focus {
    box-shadow: none !important;
    border-color: inherit !important;
}
.form-control:hover {
    box-shadow: none !important;
    border-color: inherit !important;
}
.form-control:focus {
    box-shadow: none !important;
    border-color: inherit !important;
}
.focuser .form-control:hover{
    border-color: var(--color-c6c6c6) !important;
}
.focuser .form-control:focus{
    border-color: var(--color-c6c6c6) !important;
}
.form-select option:hover {
    background-color: var(--color-d5dbea);
}
.blue-btn:hover {
    color: var(--color-ffffff) !important;
}
input[type=radio],input[type=checkbox]{
    cursor: pointer;
}
input[type="radio"]:checked {
    background-color: var(--color-39579a);
    border-color: var(--color-39579a) !important;
    outline: 1px solid var(--color-39579a);
    outline-offset: 2px;
}
input[type="checkbox"]:checked {
    background-color: var(--color-39579a);
    border-color: var(--color-39579a) !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}
select option:checked {
    background: #e62e38 -webkit-linear-gradient(bottom, #e62e38 0%, #e62e38 100%);
    color: #fff;
}
.dropdown-item:active {
    background-color: transparent;
}
.ui-slider-handle:last-child p{
    left: -32px;
}
@media screen and (max-width: 992px) {
   .header_agent .nav-item .home_btn {
        background-color: #e62e38;
        padding: 10px 15px !important;
        font: normal normal normal 0.875rem/21px Poppins;
        color: var(--color-ffffff) !important;
        display: inline-block;
        border-radius: 5px;
    }
    .header_agent .nav-item .active {
        color: #e62e38 !important;
      
    }
    .filter_mob {
        display: block;
        position: fixed;
        margin: auto;
        width: 100px;
        background-color: var(--color-39579a);
        border: none;
        border-radius: 5px;
        margin-left: 10px;
        padding: 9px 8px;
        color: var(--color-ffffff);
    }
    .ui-slider-handle p{
        width: max-content !important
    }
}
@media screen and (max-width: 576px) {
    .homefooter p {
        font: normal normal normal 10px/21px Poppins;
    }
    .navbar {
        background-color: #f7f7f7 !important;
        box-shadow: none !important;
    }
    .logoutpopup .modal-footer button:last-child {
        padding-left: 38px;
        padding-right: 38px;

    }
    .filter_mob {
        display: block;
        position: fixed;
        margin: auto;
        width: 100px;
        background-color: var(--color-39579a);
        border: none;
        border-radius: 5px;
        margin-left: 10px;
        padding: 9px 8px;
        color: var(--color-ffffff);
    }
    .logoutpopup .modal-footer button {
        color: var(--color-1f1f1f);
        text-align: left;
        font: normal normal 500 14px/21px Poppins;
        background-color: white;
        border: 1px solid var(--color-1f1f1f);
        border-radius: 5px;
        padding: 10px 38px;
    }
    .logoutpopup > div > div {
        border-radius: 10px;
        padding: 20px;
    }
}
@media screen and (max-width: 768px) {
    .sharetastic > a {
        margin: 0px 20px;
    }
    .navbar-brand img{
        width: 175px !important;
        height: 40px !important;
    }

    .sharetastic .sharetastic__button--facebook{
        order: 2;
        outline: 1px solid var(--bs-gray-500);
        outline-offset: 7px;
        padding: 1px;
    }
    .sharetastic .sharetastic__button--whatsapp {
        order: 1;
        outline: 1px solid var(--bs-gray-500);
        outline-offset: 7px;
        padding: 1px;
        /* border: 1px solid red; */
    }
}
@media screen and (max-width:576px){
    .home_wrap_2 {
        background-color: #F7DBDC;
        padding: 35px 0px;
    }
    .demo_account{
        background-color: #e62e38;
        padding: 20px 20px;
        border-radius: 15px;
    }
    .demo_account h3{
        text-align: left;
    font: normal normal 600 18px/27px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 24px;
    }
    .demo_account a{
        font: normal normal 500 12px/18px Poppins;
    letter-spacing: 0px;
    border-radius: 5px;
    }
    .demo_account a.cracc{
        background-color: #ea4d56;
        color: white;
        padding: 8px 15px;
    }
    .demo_account a.getdemo{
      
        padding: 8px 36px;
    }
    .footer_content1{margin-top: 80px;}
    .footer_content1 a{
        text-align: left;
    font: normal normal 500 18px/27px Poppins;
    letter-spacing: 0px;
    color: #404040;
    }
    .footer_content1  a{
        margin-bottom: 20px;
    }
    .footer_content1 div.w-100 a{
        margin-bottom: 24px;
    }
    .homefooter {
        margin-top: 0px;
        background-color: #e62e38;
        padding: 20px 0px;
    }
    .homefooter p {
        color: var(--color-ffffff);
        text-align: start;
        font: normal normal normal 0.875rem/21px Poppins;
        letter-spacing: 0px;
    }
    .navbar {
        background-color: #fff !important;
        box-shadow: none !important;
    }
}
@media screen and (max-width: 375px) {
    .pagination a {
        display: inline-block;
        padding: 3px 6px;
    }
}

/*-------Ajax Loader---------*/
.edit_template{
    position: relative;
}
#ajax_loader{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: hsla(0,0%,100%,.9);
    z-index: 99;
    border-radius: 1.2rem;
}
#ajax_loader img{
    width: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}



.thresholdwarn{
    color: red !important;
}





.property_filter h4{
    text-align: left;
    font: normal normal 500 18px/27px Poppins;
    letter-spacing: 0px;
    color: #1F1F1F;
}
.property_filter_header h3{
    text-align: left;
    font: normal normal 500 24px/35px Poppins;
    letter-spacing: 0px;
    color: #1F1F1F;
}







.preloader-backdrop {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2004;
    background-color: #fff;
    transition: 0.6s;
}

.preloader-backdrop .page-preloader {
    position: fixed;
    top: 40%;
    left: 50%;
    padding: 10px 45px 10px 10px;
    margin-left: -60px;
    z-index: 1005;
    font-family: pr;
    font-size: 1rem;
}
.krajee-default .file-caption-info, .krajee-default .file-size-info{
    display: none !important;
}
.preloader-backdrop .page-preloader::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border-top: 2px solid #e62e38;
    border-right: 2px solid transparent;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: loader-rotate 0.6s linear infinite;
    animation: loader-rotate 0.6s linear infinite;
}

.backdrop {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    font-family: "Poppins";
    width: 100%;
    opacity: 0;
    background-color: #e62e38 !important;
    -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1004;
    pointer-events: none;
}

@-webkit-keyframes loader-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.fade-in-up {
    -webkit-animation: fadeInUp 0.1s;
    animation: fadeInUp 0.1s;
}

.page-preloader {
    color: #e62e38;
    font-family: "Poppins";

}

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

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.agent_company_logo{
    padding-left: 100px;
    width: 200px;
}
.agent_edit_template_logo img{
    margin-top: 25px;
    width: 150px;
    height: auto;
}
.swal-footer{
    text-align: center !important;
}
.swal-footer button{
    background-color: #e62e38 !important;
}
.swal-icon--success__line {
    background-color: #385791 !important;

}
.swal-icon--success__ring {

    border: 4px solid #395791 !important;
}
.swal-title{
    font-family: Poppins !important;
}
.swal-text{
    font-family: Poppins !important;

}
.swal-overlay--show-modal {
    display: none !important;
}
.mySwiper video {
    width: 85.5px;
    height: 70px;
    margin-right: 10px;
}
.mySwiper2 .swiper-slide >video{
    width: 100%;
    height: 400px;
}
.bold{
    font-weight: bold;
}
.not_avilable_domain{
    background-color: bisque !important;
}
.avilable_domain{
    background-color: aquamarine !important;
}
#domain_modal_name{
    color: #e62e38;
}





/* guidance system */



.guide_popup h1{text-align: left;
    font: normal normal 600 24px/35px Poppins;
    letter-spacing: 0px;
    color: var(--color-e62e38);text-align: center;margin-top: 30px;}
.guide_popup p{font: normal normal normal 16px/25px Poppins;
    letter-spacing: 0px;
    color: #1F1F1F;text-align: center;margin-top: 10px;}
.guide_popup button{font: normal normal 500 14px/21px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;text-align: center;
    margin: auto;
    margin-top: 30px;
    background-color: var(--color-e62e38);
    border: none;
    border-radius:5px;
    padding: 10px;
    margin-bottom: 20px;
}
.wt-content{
    text-align: left;
font: normal normal normal 14px/21px Poppins;
letter-spacing: 0px;
color: #1F1F1F;
}
.wt-btn-next{
    background-color: var(--color-e62e38) !important;
    text-align: left;
font: normal normal 500 12px/18px Poppins;
letter-spacing: 0px;
padding: 10px !important;
text-align: center !important;
}
.wt-btn-back{
    background-color: transparent !important;
    border-color: #1f1f1f;
    border: 1px solid #1f1f1f !important;
    text-align: left;
font: normal normal 500 12px/18px Poppins;
letter-spacing: 0px;
text-align: center !important;
}
#sidebar{
    display: none;
}
/* sidebar */
@media screen and (max-width:992px){
    #sidebar{
        z-index: 1040;
        position: fixed;
        top: 0px;
        right: -100vw;
        display: flex;
        background: white;
        width: 100%;
        min-height: 100vh;
        height: 100vh;
        padding:10px 16px 100px;
        flex-direction: column;
        justify-content: space-between;
        transition: right .3s;
    }
    #sidebar .mt-4 .nav-link{
        color: #231F20;
        font: normal normal 500 16px/25px Poppins;
        margin-bottom: 20px;
    }
    .showsidebar{
        right: 0vw !important;
    }
}
/* sidebar */



@media (max-width:420px) {
    .footer_content1 a {
        font: normal normal 500 14px/27px Poppins;
    }
}