
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@font-face {
    font-family: 'Droid Sans';
   /* src: url('fonts/DroidSans-Bold.woff2') format('woff2'),
        url('fonts/DroidSans-Bold.woff') format('woff');*/
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Droid Sans';
   /* src: url('fonts/DroidSans.woff2') format('woff2'),
        url('fonts/DroidSans.woff') format('woff');*/
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root{
    --BlackColor:#000000; /* Black Color */
    --DarkColor:#001F3D; /* Misty Blue Color */
    --PrimaryColor:#2974B6; /* Coral Color */
    --SecondaryColor:#26B159 ; /* Teal Green Color */

    --PoppinsFont:'Poppins', sans-serif;
    --DroidSansFont:'Droid Sans', sans-serif;
    --RobotoFont:'Roboto', sans-serif;

    --bs-gutter-x: 100px;
    --bs-gutter-y: 0;
}

/****************************************
* Reset Style
****************************************/
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

*:focus{
    outline: none;
}
button:focus,
.Property__form--section .mfp-close:focus{
    outline: none;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

.clearfix:before,.clearfix:after,
#header:before,#header:after{content:"";display:table;}
.clearfix:after,#header:after{clear:both;}



body {
    margin: 0;
    font-family: var(--PoppinsFont);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--BlackColor);
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

.container,
.container-full{
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) / 2);
    padding-left: calc(var(--bs-gutter-x) / 2);
    margin-right: auto;
    margin-left: auto;
}

.container{
    max-width: 1446px;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) / -2);
    margin-left: calc(var(--bs-gutter-x) / -2);
}

/* .row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) / 2);
    padding-left: calc(var(--bs-gutter-x) / 2);
    margin-top: var(--bs-gutter-y);
} */

.g-0 {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
}

h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1{margin-top:0;margin-bottom:10px;font-weight:700;line-height:1.2;font-family: var(--PoppinsFont);}
h1,.h1{font-size:35px;letter-spacing: 0.08em;}
h2,.h2{font-size:40px;}
h3,.h3{font-size:32px;}
h4,.h4{font-size:28px;}
h5,.h5{font-size:24px;}
h6,.h6{font-size:20px;}

img{
    width: auto;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border-style: none;
}
svg {
  overflow: hidden;
  vertical-align: middle;
}

body{
    background: #E5E5E5;
}
a{
    text-decoration: none;
    color: var(--PrimaryColor);
    letter-spacing: 0.08em;
}
a:hover,
a:focus{
    color: var(--SecondaryColor);
}


/****************************************
* Form Style
****************************************/

button{border-radius:0;}
button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color;}
input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;}
button,input{overflow:visible;}
button,select{text-transform:none;}
[role="button"]{cursor:pointer;}
select{word-wrap:normal;}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}
button:not(:disabled),[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled){cursor:pointer;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{padding:0;border-style:none;}
input[type="radio"],input[type="checkbox"]{box-sizing:border-box;padding:0;}
textarea{overflow:auto;resize:vertical;}
fieldset{min-width:0;padding:0;margin:0;border:0;}
legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal;}
progress{vertical-align:baseline;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}
[type="search"]{outline-offset:-2px;-webkit-appearance:none;}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button;}
output{display:inline-block;}

.form-control,
.form-control:focus{
    display:block;
    width:100%;
    height:52px;
    padding:15px 25px;
    font-size:14px;
    font-weight:400;
    line-height:22px;
    color:#495057;
    background-color: #FFFFFF;
    border: solid 1px #555555;
    border-radius: 15px;
    background-clip:padding-box;
    letter-spacing: 0.08em;
    outline:0;
}
.form-control:focus{
    border: solid 1px transparent;
    background-image: linear-gradient(white, white), linear-gradient(105.76deg, var(--PrimaryColor) 2.53%, var(--SecondaryColor) 95.29%);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-size: 100% 100%, 100% 100%;
    background-position: center center, center bottom;
    background-repeat: no-repeat;
}

@media (prefers-reduced-motion:reduce){
    .form-control{transition:none;}
}
.form-control::-ms-expand{background-color:transparent;border:0;}
.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057;}

.form-control::-webkit-input-placeholder{color:#D1D1D1;opacity:1;}
.form-control::-moz-placeholder{color:#D1D1D1;opacity:1;}
.form-control:-ms-input-placeholder{color:#D1D1D1;opacity:1;}
.form-control::-ms-input-placeholder{color:#D1D1D1;opacity:1;}
.form-control::placeholder{color:#D1D1D1;opacity:1;}

.form-control:disabled,
.form-control[readonly]{background-color:#e9ecef;opacity:1;}
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select.form-control:focus::-ms-value{color:#495057;background-color:#fff;}
.form-control-file,.form-control-range{display:block;width:100%;}

.form-grupbox{margin-bottom: 30px;}

.form-checkbox{position:relative;}
.form-check-input[type="checkbox"]:not(:checked),
.form-check-input[type="checkbox"]:checked{position:absolute;left:0;opacity:0.01;}
.form-check-input[type="checkbox"]:not(:checked) + label,
.form-check-input[type="checkbox"]:checked + label{position:relative;padding-left:36px;font-size:10px;line-height:26px;cursor:pointer;color: #939598;}
.form-check-input[type="checkbox"]:not(:checked) + label:before,
.form-check-input[type="checkbox"]:checked + label:before{content:'';position:absolute;left:0;top:0;width:26px;height:26px;background-color:#ffffff;border:2px solid #D1D1D1;box-sizing:border-box;border-radius:5px;transition:all 0.2s ease-in-out;}
.form-check-input[type="checkbox"]:not(:checked) + label:after,
.form-check-input[type="checkbox"]:checked + label:after{content:'';position:absolute;top:13px;left:13px;width:0;height:0;background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator:Adobe Illustrator 16.0.0,SVG Export Plug-In . SVG Version:6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='78.369px' height='78.369px' viewBox='0 0 78.369 78.369' style='enable-background:new 0 0 78.369 78.369;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%232974B6' d='M78.049,19.015L29.458,67.606c-0.428,0.428-1.121,0.428-1.548,0L0.32,40.015c-0.427-0.426-0.427-1.119,0-1.547l6.704-6.704 c0.428-0.427,1.121-0.427,1.548,0l20.113,20.112l41.113-41.113c0.429-0.427,1.12-0.427,1.548,0l6.703,6.704 C78.477,17.894,78.477,18.586,78.049,19.015z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");background-size:100%;background-position:center;transition:all 0.2s ease-in-out;}
.form-check-input[type="checkbox"]:not(:checked) + label:after{opacity:0;transition:all 0.2s ease-in-out;}
.form-check-input[type="checkbox"]:checked + label:after{opacity:1;width:18px;height:18px;top:4px;left:4px;transition:all 0.2s ease-in-out;}


@supports (-webkit-appearance:none) or (-moz-appearance:none){
    input.property__list-input[type='checkbox'],
    input.property__list-input[type='radio']{
        --active:linear-gradient(261.22deg, var(--PrimaryColor) 8.13%, var(--SecondaryColor) 91.49%), #C4C4C4;;
        --active-inner:#fff;
        --focus:inherit;
        --border:#ffffff;
        --border-hover:#275efe;
        --background:var(--PrimaryColor);
        --disabled:#f6f8ff;
        --disabled-inner:#000000;
        -webkit-appearance:none;
        -moz-appearance:none;
        height:21px;outline:none;
        display:inline-block;
        vertical-align:top;
        position:relative;
        margin:0;
        cursor:pointer;
        border:1px solid var(--bc,var(--border));
        --box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.75);
        background:var(--b,var(--background));
        transition:background 0.3s,border-color 0.3s,box-shadow 0.2s;
    }
    input.property__list-input[type='checkbox']:after,
    input.property__list-input[type='radio']:after{content:'';display:block;left:0;top:0;position:absolute;transition:transform var(--d-t,0.3s) var(--d-t-e,ease),opacity var(--d-o,0.2s);}
    input.property__list-input[type='checkbox']:checked,
    input.property__list-input[type='radio']:checked{--b:var(--active);--bc:var(--active);--d-o:0.3s;--d-t:0.6s;--d-t-e:cubic-bezier(0.2,0.85,0.32,1.2);}
    input.property__list-input[type='checkbox']:disabled,
    input.property__list-input[type='radio']:disabled{--b:var(--disabled);cursor:not-allowed;opacity:0.9;}
    input.property__list-input[type='checkbox']:disabled:checked,
    input.property__list-input[type='radio']:disabled:checked{--b:var(--disabled-inner);--bc:var(--border);}
    input.property__list-input[type='checkbox']:disabled + label,
    input.property__list-input[type='radio']:disabled + label{cursor:not-allowed;}
    input.property__list-input[type='checkbox']:hover:not(:checked):not(:disabled),
    input.property__list-input[type='radio']:hover:not(:checked):not(:disabled){--bc:var(--border-hover);}
    input.property__list-input[type='checkbox']:focus,
    input.property__list-input[type='radio']:focus{box-shadow:0 0 0 var(--focus);}
    input.property__list-input[type='checkbox']:not(.switch),
    input.property__list-input[type='radio']:not(.switch){width:21px;}
    input.property__list-input[type='checkbox']:not(.switch):after,
    input.property__list-input[type='radio']:not(.switch):after{opacity:var(--o,0);}
    input.property__list-input[type='checkbox']:not(.switch):checked,
    input.property__list-input[type='radio']:not(.switch):checked{--o:1;}
    input.property__list-input[type='checkbox'] + label,
    input.property__list-input[type='radio'] + label{font-size:14px;line-height:21px;display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px;}

    input.property__list-input[type='checkbox']:not(.switch){border-radius:7px;}
    input.property__list-input[type='checkbox']:not(.switch):after{width:5px;height:9px;border:2px solid var(--active-inner);border-top:0;border-left:0;left:7px;top:4px;transform:rotate(var(--r,20deg));}
    input.property__list-input[type='checkbox']:not(.switch):checked{--r:43deg;}
    input.property__list-input[type='checkbox'].switch{width:42px;height: 22px;border-radius:11px;border: none;}
    input.property__list-input[type='checkbox'].switch:after{left:1px;top:1px;border-radius:50%;width:20px;height:20px;background:var(--border);transform:translateX(var(--x,0));}
    input.property__list-input[type='checkbox'].switch:checked{--ab:var(--active-inner);--x:17px;}
    input.property__list-input[type='checkbox'].switch:checked:after{left: 4px;}
    input.property__list-input[type='checkbox'].switch:disabled:not(:checked):after{opacity:0.6;}
}

.wizard > .content{display:block;margin:0;min-height:400px;overflow:hidden;position:relative;}
.property__details__form{min-height:452px;}
.wizard.vertical > .content{display:inline;float:left;}
.wizard > .content > .body{float:left;position:absolute;}

/*******

/* Common
.wizard,.tabcontrol{display:block;width:100%;overflow:hidden;}
.wizard a,.tabcontrol a{outline:0;}
.wizard ul,.tabcontrol ul{list-style:none !important;padding:0;margin:0;}
.wizard ul > li,.tabcontrol ul > li{display:block;padding:0;}

/* Accessibility
.wizard > .steps .current-info,.tabcontrol > .steps .current-info{position:absolute;left:-999em;}
.wizard > .content > .title,.tabcontrol > .content > .title{position:absolute;left:-999em;}

/* Wizard
.wizard > .steps{position:relative;display:block;width:100%;}
.wizard.vertical > .steps{display:inline;float:left;width:30%;}
.wizard > .steps .number{font-size:1.429em;}
.wizard > .steps > ul > li{width:25%;}
.wizard > .steps > ul > li,.wizard > .actions > ul > li{float:left;}
.wizard.vertical > .steps > ul > li{float:none;width:100%;}
.wizard > .steps a,.wizard > .steps a:hover,.wizard > .steps a:active{display:block;width:auto;margin:0 0.5em 0.5em;padding:1em 1em;text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.wizard > .steps .disabled a,.wizard > .steps .disabled a:hover,.wizard > .steps .disabled a:active{background:#eee;color:#aaa;cursor:default;}
.wizard > .steps .current a,.wizard > .steps .current a:hover,.wizard > .steps .current a:active{background:#2184be;color:#fff;cursor:default;}
.wizard > .steps .done a,.wizard > .steps .done a:hover,.wizard > .steps .done a:active{background:#9dc8e2;color:#fff;}
.wizard > .steps .error a,.wizard > .steps .error a:hover,.wizard > .steps .error a:active{background:#ff3111;color:#fff;}
.wizard > .content{background:#eee;display:block;margin:0.5em;min-height:35em;overflow:hidden;position:relative;width:auto;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.wizard.vertical > .content{display:inline;float:left;margin:0 2.5% 0.5em 2.5%;width:65%;}
.wizard > .content > .body{float:left;position:absolute;width:95%;height:95%;padding:2.5%;}
.wizard > .content > .body ul{list-style:disc !important;}
.wizard > .content > .body ul > li{display:list-item;}
.wizard > .content > .body > iframe{border:0 none;width:100%;height:100%;}
.wizard > .content > .body input{display:block;border:1px solid #ccc;}
.wizard > .content > .body input[type="checkbox"]{display:inline-block;}
.wizard > .content > .body input.error{background:rgb(251,227,228);border:1px solid #fbc2c4;color:#8a1f11;}
.wizard > .content > .body label{display:inline-block;margin-bottom:0.5em;}
.wizard > .content > .body label.error{color:#8a1f11;display:inline-block;margin-left:1.5em;}
.wizard > .actions{position:relative;display:block;text-align:right;width:100%;}
.wizard.vertical > .actions{display:inline;float:right;margin:0 2.5%;width:95%;}
.wizard > .actions > ul{display:inline-block;text-align:right;}
.wizard > .actions > ul > li{margin:0 0.5em;}
.wizard.vertical > .actions > ul > li{margin:0 0 0 1em;}
.wizard > .actions a,.wizard > .actions a:hover,.wizard > .actions a:active{background:#2184be;color:#fff;display:block;padding:0.5em 1em;text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.wizard > .actions .disabled a,.wizard > .actions .disabled a:hover,.wizard > .actions .disabled a:active{background:#eee;color:#aaa;}
.wizard > .loading{}
.wizard > .loading .spinner{}

/* Tabcontrol
.tabcontrol > .steps{position:relative;display:block;width:100%;}
.tabcontrol > .steps > ul{position:relative;margin:6px 0 0 0;top:1px;z-index:1;}
.tabcontrol > .steps > ul > li{float:left;margin:5px 2px 0 0;padding:1px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px;}
.tabcontrol > .steps > ul > li:hover{background:#edecec;border:1px solid #bbb;padding:0;}
.tabcontrol > .steps > ul > li.current{background:#fff;border:1px solid #bbb;border-bottom:0 none;padding:0 0 1px 0;margin-top:0;}
.tabcontrol > .steps > ul > li > a{color:#5f5f5f;display:inline-block;border:0 none;margin:0;padding:10px 30px;text-decoration:none;}
.tabcontrol > .steps > ul > li > a:hover{text-decoration:none;}
.tabcontrol > .steps > ul > li.current > a{padding:15px 30px 10px 30px;}
.tabcontrol > .content{position:relative;display:inline-block;width:100%;height:35em;overflow:hidden;border-top:1px solid #bbb;padding-top:20px;}
.tabcontrol > .content > .body{float:left;position:absolute;width:95%;height:95%;padding:2.5%;}
.tabcontrol > .content > .body ul{list-style:disc !important;}
.tabcontrol > .content > .body ul > li{display:list-item;}
********/



.ui-datepicker{display:none;background-color:#fff;box-shadow:0 0.125rem 0.3rem rgba(0,0,0,0.2);margin-top:0.25rem;border-radius:0.5rem;padding:0.5rem;}
.ui-datepicker-calendar table{border-collapse:collapse;border-spacing:0;}
.ui-datepicker-calendar thead th{padding:0.25rem 0;text-align:center;font-size:0.8rem;font-weight:400;color:#353535;}
.ui-datepicker-calendar tbody td{width:2.5rem;text-align:center;padding:0;}
.ui-datepicker-calendar tbody td a{display:block;border-radius:50%;line-height:2rem;transition:0.3s all;color:#353535;font-size:0.875rem;text-decoration:none;width:2rem;height:2rem;line-height:2rem;}
.ui-datepicker-calendar tbody td a:hover{background:#e17981;color:#fff;}
.ui-datepicker-calendar tbody td a.ui-state-active{background:#d33a47;color:#fff;}
.ui-datepicker-calendar tbody td a.ui-state-highlight{color:#d33a47;border:1px solid #d33a47;}
.ui-datepicker-header a span{display:none;}
.ui-datepicker-header a.ui-corner-all{cursor:pointer;position:absolute;top:0;width:2rem;height:2rem;margin:0.5rem;border-radius:0.5rem;}
.ui-datepicker-header a.ui-datepicker-prev{left:0;}
.ui-datepicker-header a.ui-datepicker-prev::after{font-family:"Material Icons";content:"\e314";font-size:1.5rem;color:#353535;}
.ui-datepicker-header a.ui-datepicker-next{right:0;}
.ui-datepicker-header a.ui-datepicker-next::after{font-family:"Material Icons";content:"\e315";font-size:1.5rem;color:#353535;}
.ui-datepicker-title{text-align:center;line-height:2rem;margin-bottom:0.25rem;font-size:0.875rem;font-weight:500;padding-bottom:0.25rem;}
.ui-datepicker-week-col{color:#353535;font-weight:400;font-size:0.75rem;}


  


.btn {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    line-height: 16px;
    font-family: var(--DroidSansFont);
    font-weight: bold;
    letter-spacing: 0.1em;
    border-radius: 15px;
    text-transform: uppercase;
    color: #ffff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: linear-gradient(105.76deg, var(--PrimaryColor) 2.53%, var(--SecondaryColor) 95.29%);
    border: 0;
    box-shadow: none;
    padding: 18px 25px;
    min-width: 180px;
    transition: all 0.2s ease-in-out;
    outline: none;
}
.btn:hover,
.btn:focus{
    color: #ffffff;
    background: linear-gradient(105.76deg, var(--SecondaryColor) 2.53%, var(--PrimaryColor) 95.29%);
    outline: none;
}

.form__icon .form-control{
    padding-left:66px;
    background-position:left 15px center;
    background-repeat:no-repeat;
}
.form__icon .form-control:focus{
    border: solid 1px transparent;
    border-left-color: transparent;
    background-image: url(../img/icon_user.svg), linear-gradient(white, white), linear-gradient(105.76deg, var(--PrimaryColor) 2.53%, var(--SecondaryColor) 95.29%);
    background-clip: padding-box, padding-box, border-box;
    background-origin: padding-box, padding-box, border-box;
    background-size: auto, 100% 100%, 100% 100%;
    background-position: left 15px center, center center, center bottom;
    background-repeat: no-repeat;
}
.form__icon.form__icon--user .form-control{
    background-image:url(../img/icon_user.svg), linear-gradient(white, white), linear-gradient(105.76deg, var(--PrimaryColor) 2.53%, var(--SecondaryColor) 95.29%);;}
.form__icon.form__icon--user .form-control:focus{
    background-image: url(../img/icon_user.svg), linear-gradient(white, white), linear-gradient(105.76deg, var(--PrimaryColor) 2.53%, var(--SecondaryColor) 95.29%);
}

.form__icon.form__icon--password .form-control{
    background-image:url(../img/icon_password.svg), linear-gradient(white, white), linear-gradient(105.76deg, var(--PrimaryColor) 2.53%, var(--SecondaryColor) 95.29%);}
.form__icon.form__icon--password .form-control:focus{
    background-image: url(../img/icon_password.svg), 
    linear-gradient(white, white), 
    linear-gradient(105.76deg, var(--PrimaryColor) 2.53%, var(--SecondaryColor) 95.29%);
}


/********** Custom Selectbox HeapBox **********/

.heapBox{clear:both;position:relative;display: block !important;}
.heapBox:before,.heapBox:after{content:" ";display:table}
.heapBox:after{clear:both}
.heapBox *{margin:0;padding:0;outline:none;}
.heapBox.disabled .holder{color:#FFBC46;}
.heapBox a{text-decoration:none;color:#fff;}

.heapBox .holder{
    display:block;
    width:100%;
    height:52px;
    padding:15px 25px;
    font-size:14px;
    font-weight:400;
    line-height:22px;
    color:#495057;
    background-color: #FFFFFF;
    border: solid 1px #555555;
    border-radius: 15px;
    background-clip:padding-box;
    letter-spacing: 0.08em;
    outline:0;

    position:relative;
    z-index:10;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}

.heapBox .holder:focus{
    border: solid 1px transparent;
    background-image: linear-gradient(white, white), linear-gradient(105.76deg, var(--PrimaryColor) 2.53%, var(--SecondaryColor) 95.29%);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-size: 100% 100%, 100% 100%;
    background-position: center center, center bottom;
    background-repeat: no-repeat;
}

.heapBox .handler{position:absolute;right:33px;top:50%;margin-top: -9px ; background-image: url(../img/icon_expandarrow.svg);width: 18px;height: 18px;background-position: center;background-repeat: no-repeat;background-size: 100%;z-index: 10;}

.heapBox div.heap{
    display:none;
    position:absolute;
    list-style-type:none;
    left:0;
    width:100%;
    top:0;
    overflow:hidden;
    z-index:99;
    border-radius: 15px;
    border: solid 1px transparent;
    background-image: linear-gradient(white, white), linear-gradient(105.76deg, var(--PrimaryColor) 2.53%, var(--SecondaryColor) 95.29%);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-size: 100% 100%, 100% 100%;
    background-position: center center, center bottom;
    background-repeat: no-repeat;
}
.heapBox .heap .heapOptions{display:block;overflow:hidden;z-index:20;position:relative;padding:20px 0;}
.heapBox .heap a.sliderUp{display:block;width:100%;height:15px;background:#fff url(../images/slider_arrow_up.png);background-repeat:no-repeat;background-position:center center;border-bottom:1px solid #d18814;position:absolute;top:0px;z-index:30;}
.heapBox .heap a.sliderDown{display:block;width:100%;height:15px;background:#fff url(../images/slider_arrow_down.png);background-repeat:no-repeat;background-position:center center;border-top:1px solid #d18814;position:absolute;bottom:0px;z-index:30;}

.heapBox .heap .heapOptions .heapOption{
    z-index:20;
    position:relative;
    display:block;
    padding:0;
    margin:0;
    float:left;
    width:100%;
    margin:0;
}
.error{
    color: red;
}
.heapBox .heap .heapOptions .heapOption a{
    display:block;
    font-weight:300;
    text-transform:none;

    border-radius: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #555555;
    margin: 5px 0;
    padding: 10px 30px;
    border: 0;
    background-color: transparent;
}
.heapBox .heap .heapOptions .heapOption a:hover,
.heapBox .heap .heapOptions .heapOption a.selected{background-color: rgba(224, 224, 224, 0.5);color:#555555;}
.heapBox .heap .heapOptions .heapOption a.disabled{color:#F6BB5A;}
.shipping-region .heapBox .heap .heapOptions{height:208px;overflow:auto;}



.ui-progress {
    overflow: hidden;
    background: #E0E0E0;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    height: 8px;
    margin: 8px 0px;
}
.ui-progress-bar {
    float: left;
    border-radius: 4px;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.ui-progress-info{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 0;
}
.ui-progress-info .ui-progress-title{
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 0.15em;
    color: #A1A1A1;
}
.ui-progress-info .ui-progress-persentage{
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.15em;
    color: #000000;
}
.ui-progress-info .ui-progress-persentage.marginleftauto{
    margin-left: auto;
}


.ui-progress-bar .sr-only{display: none;}


/****************************************
* Header Style
****************************************/
#header{border-bottom:1px solid #B0ABAB;background-color:#ffffff;position:fixed;left:0;right:0;top:0;z-index:99;}
.header__inner{padding-top:10px;padding-bottom:18px;}
.login-page .header__inner .mainlogo{text-align:center;margin:0 auto;}
.header__inner .mainlogo{width:100%;max-width:64px;}
.header__inner .mainlogo a{display: block;}


/****************************************
* Login Style
****************************************/
#container{background-color:#F4FAFF; background-image:url(../img/main_background.png);background-position:center bottom;background-repeat:repeat-x;padding-top:103px;min-height: 100vh;}

.loginpage__inner{padding-top:76px;text-align:center;}
.loginpage__inner .maintitle h1{margin-bottom:30px;}
.loginpage__inner .accountlink{margin-bottom: 20px;}

.login__box .login__box--inner{background:#FFFFFF;box-shadow:1px 3px 7px 4px rgba(0,0,0,0.1);border-radius:15px;width:100%;max-width:520px;margin:0 auto;padding:30px 80px 50px;text-align:left;}
.login__box .login__box--inner label{display:none;}
.login__box .login__box--inner .form-checkbox label{display:inline-block;text-transform:uppercase;}
.login__box .login__box--inner .form-submit-grupbox{display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.login__box .login__box--inner .form-checkbox{margin-bottom:0;}

.login__box .login__box--inner .error{color:#CB0606;margin-bottom:5px;padding-left:60px;position:absolute;left:0;top:-20px;}
.login__box .login__box--inner .form-grupbox{position:relative;}
.login__box .login__box--inner .form-grupbox:before{content:"";position:absolute;right:-40px;top:50%;width:26px;height:26px;background-size:100%;background-position:center;background-repeat:no-repeat;margin-top:-13px;}
.login__box .login__box--inner .form-grupbox.has-error:before{background-image:url(../img/icon_invalid.svg);}
.login__box .login__box--inner .form-grupbox.has-success:before{background-image:url(../img/icon_valid.svg);}
.login__box .login__box--inner .form__icon--user.has-error .form-control{background-image:url(../img/icon_user_invalid.svg);border:1px solid #CB0606;}
.login__box .login__box--inner .form__icon--password.has-error .form-control{background-image:url(../img/icon_password_invalid.svg);border:1px solid #CB0606;}
.login__box .login__box--inner .form-submit-grupbox .btn:disabled,
.login__box .login__box--inner .form-submit-grupbox .btn.disabled{background:#E7E6E6;color:#555555;}

.resetpassword__box .login__box--inner .form-submit-grupbox .form-button{margin-left: auto;}

.login__box--signupusing{padding-top:25px;text-align:center;}
.login__box--signupusing .signupusing__title{margin-bottom:20px;}
.login__box--signupusing .signupusing__title span{font-size:14px;line-height:22px;font-weight:normal;letter-spacing:0.08em;position:relative;}
.login__box--signupusing .signupusing__title span:before,
.login__box--signupusing .signupusing__title span:after{content:"";position:absolute;width:50px;height:2px;background:linear-gradient(105.76deg,var(--PrimaryColor) 2.53%,var(--SecondaryColor) 95.29%);border-radius:2px;margin-top:10px;}
.login__box--signupusing .signupusing__title span:before{left:-60px;}
.login__box--signupusing .signupusing__title span:after{right:-60px;}

.signupusing__icon--box{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.signupusing__icon--box .signupusing__icon--col{margin-right:22px;}
.signupusing__icon--box .signupusing__icon--col:last-child{margin-right:0;}
.signupusing__icon--box .signupusing__icon--col a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:20px;position:relative;}
.signupusing__icon--box .signupusing__icon--col a img{transform:scale(1.1);}
.signupusing__icon--box .signupusing__icon--col a:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:50%;background:transparent;}
.signupusing__icon--box .signupusing__icon--col a:hover:before{background:linear-gradient(105.76deg,rgba(41,116,182,0.15) 2.53%,rgba(38,177,89,0.15) 95.29%);}


/* Property List Start */
.property__list--box{background:#FFFEFE;box-shadow:0px 2px 4px rgba(0,0,0,0.25);border-radius:5px;padding:15px;position: relative;min-height: 510px;}

.property__list--box{position:relative;transition:all 0.2s ease-in-out;}
.property__list--box:before{position:absolute;content:"";left:0;top:0;right:0;bottom:0;width:100%;height:100%;border:solid 2px transparent;background-image:linear-gradient(#F8F7F7,#F8F7F7),linear-gradient(105.76deg,var(--PrimaryColor) 2.53%,var(--SecondaryColor) 95.29%);background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-size:100% 100%,100% 100%;background-position:center center,center bottom;background-repeat:no-repeat;box-shadow:3px 1px 4px rgba(0,0,0,0.25),inset 2px 2px 4px rgba(0,0,0,0.25);filter:blur(1px);backdrop-filter:blur(4px);z-index:-1;opacity:0;transition:all 0.2s ease-in-out;}
.property__list--box:hover{z-index:1;}
.property__list--box:hover::before{opacity:1;transition:all 0.2s ease-in-out;}

.property__list--box .property__list--title--icon{display:flex;flex-wrap:wrap;}
.property__list--box .property__list--title--icon .property__list--icon{background:rgba(224,224,224,0.5);width:74px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;margin-bottom: 22px;}
.property__list--box .property__list--title--icon .property__list--icon img{margin-top:-5px;}

.property__list--box .property__list--title{padding-left:92px;margin-left:-74px;width:100%;text-transform: uppercase;}
.property__list--box .property__list--title h3{font-size:20px;line-height:30px;font-weight:700;letter-spacing:0.08em;margin-bottom:0px;color:var(--BlackColor);margin-bottom:6px;text-transform: capitalize;}
.property__list--box .property__list--title .property__list--house{font-size:10px;line-height:12px;font-weight:500;letter-spacing:0.15em;margin-bottom:0px;color:var(--BlackColor);margin-bottom:6px;font-family:var(--RobotoFont);}
.property__list--box .property__list--title .property__list--properties{font-size:10px;line-height:12px;font-weight:500;letter-spacing:0.15em;margin-bottom:0px;color:var(--SecondaryColor);font-family:var(--RobotoFont);}

.property__list--box .property__list--checkbox--heart{display:flex;align-items:center;justify-content:flex-end;}
.property__list--box .property__list--checkbox--heart .property__list--checkbox{margin-left:18px;}
.property__list--box .property__list--checkbox--heart .property__list--checkbox .property__list-label{display:none;}

.property__list--box .property__list--address{margin-bottom:20px;}

.property__list--box .property__list--info{display:flex;flex-wrap:wrap;width:100%;padding:15px;border-top:1px solid rgba(66,66,66,0.25);border-bottom:1px solid rgba(66,66,66,0.25);}
.property__list--box .property__list--info .property__list--info--col{width:100%;max-width:50%;display:flex;align-items:flex-end;padding:15px 0;}
.property__list--box .property__list--info .property__list--icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;margin-right:10px;}
.property__list--box .property__list--info .property__list--number{font-size:20px;line-height:20px;font-weight:500;margin-right:10px;}
.property__list--box .property__list--info .property__list--title{font-size:10px;line-height:15px;font-weight:500;color:#A1A1A1;}

.property__list--box .property__list--progress{border-top:1px solid rgba(66,66,66,0.25);border-bottom:1px solid rgba(66,66,66,0.25);padding: 15px 20px 40px;}
.property__list--box .property__list--progress.property__list--progress-three-cal{padding-bottom:5px;}

.property__list--box .property__list--progress-box{padding-bottom:15px;}
.property__list--box .property__list--progress-box .progress-box-flex-colum{display:flex;flex-wrap:wrap;flex-direction:row-reverse;}
.property__list--box .property__list--progress-box .progress-box-flex-colum .ui-progress-info{width:22%;padding-left:15px;}
.property__list--box .property__list--progress-box .progress-box-flex-colum .ui-progress-info .ui-progress-persentage{font-size:15px;}
.property__list--box .property__list--progress-box .progress-box-flex-colum .ui-progress{width:78%;}

.property__list--box .property__list--progress-reminig{display:flex;align-items:center;justify-content:space-between;padding-top: 5px;}
.property__list--box .property__list--progress-reminig-title{font-weight:500;font-size:10px;line-height:15px;letter-spacing:0.15em;color:#A1A1A1;}
.property__list--box .property__list--progress-reminig-value{font-weight:500;font-size:18px;line-height:27px;letter-spacing:0.15em;color:#CB0606;}
.property__list--box .property__list--res-avalb{padding: 20px 0px 15px;display:flex;flex-wrap:wrap;}
.property__list--box .property__list--res-avalb-box{width:33.33%;}
.property__list--box .property__list--res-avalb-box .property__list--res-avalb-title{font-weight:500;font-size:18px;line-height:20px;letter-spacing:0.15em;color:#000000;margin-bottom:5px;}
.property__list--box .property__list--res-avalb-box .property__list--res-avalb-value{font-weight:500;font-size:10px;line-height:15px;letter-spacing:0.15em;color:#A1A1A1;margin-top: 5px;}

.property__list--box .property__list--days{padding: 30px 20px 0;display:flex;flex-wrap:wrap;}
.property__list--box .property__list--days-box{width:50%;}
.property__list--box .property__list--days-box .property__list--days-title{font-weight:500;font-size:20px;line-height:20px;letter-spacing:0.15em;color:#000000;margin-bottom:5px;}
.property__list--box .property__list--days-box .property__list--days-value{font-weight:500;font-size:10px;line-height:15px;letter-spacing:0.15em;color:#A1A1A1;}

.property__list--price-value{border-top:1px solid rgba(66,66,66,0.25);border-bottom:1px solid rgba(66,66,66,0.25);padding:15px 0 25px;}
.property__list--price-value .property__list--price-value-box{padding-left:20px;padding-right:20px;}
.property__list--price-value .property__list--price-value-box.property__list--price-value-upcoming-box{border-top:1px solid rgba(66,66,66,0.25);padding-top:15px;margin-top:25px;}
.property__list--price-value .property__list--price-value-col{display:flex;align-items:center;justify-content:space-between;}
.property__list--price-value .property__list--price-value-col .property__list--price{font-weight:500;font-size:18px;line-height:21px;letter-spacing:0.15em;color:#000000;margin-bottom:10px;}
.property__list--price-value .property__list--price-value-col .property__list--price-title{font-weight:500;font-size:10px;line-height:12px;letter-spacing:0.15em;color:#555555;}
.property__list--price-value .property__list--price-value-col .property__list--price-date{font-weight:500;font-size:12px;line-height:14px;letter-spacing:0.15em;color:#000000;}

.property__list--price-value.interest-fees{padding-bottom: 0;border-bottom: 0;}
.property__list--price-value.interest-fees .property__list--price-value-box{padding-left:15px;padding-right:15px}
.property__list--price-value.interest-fees .property__list--price-value-box.property__list--price-value-upcoming-box{border-top:0;border-bottom:1px solid rgba(66,66,66,0.25);padding-top:0;margin-top:0;padding-bottom:20px;}
.property__list--price-value.interest-fees .property__list--price-value-box.property__list--price-value-box-border{padding-top:30px;padding-bottom:25px;margin-bottom:40px;border-bottom:1px solid rgba(66,66,66,0.25);}
.property__list--price-value.interest-fees .property__list--price-value-col .property__list--price-date{margin-top:10px;}

.property__list--price-value-closeing{padding-top:30px;}
.property__list--price-value-closeing .property__list--price-value-col{display:flex;align-items:center;justify-content:space-between;}
.property__list--price-value-closeing .property__list--price-value-col .property__list--price{font-weight:500;font-size:20px;line-height:23px;letter-spacing:0.15em;color:#000000;margin-bottom:10px;}
.property__list--price-value-closeing .property__list--price-value-col .property__list--price.property__list--price-costs{color:#CB0606;}
.property__list--price-value-closeing .property__list--price-value-col .property__list--price-title{font-weight:500;font-size:10px;line-height:12px;letter-spacing:0.15em;color:#555555;}

.property__list--box .property__list--charts{display:flex;font-display:row;align-items:flex-end;padding:25px 15px;}
.property__list--box .property__list--charts .property__list--charts--left{display:flex;flex-wrap:wrap;justify-content:flex-end;width:75%;}
.property__list--box .property__list--charts .property__list--charts--left .property__list--charts--col{width:33.33%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;}
.property__list--box .property__list--charts .property__list--charts--graph{width:6px;border-radius:3px;height:80px;}
.property__list--box .property__list--charts .property__list--charts--graph--title{font-size:8px;line-height:10px;font-weight:500;color:#555555;font-family:var(--RobotoFont);letter-spacing:0.15em;margin-top:10px;}
.property__list--box .property__list--charts .property__list--charts--right{width:25%;display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-end;}
.property__list--box .property__list--charts .property__list--cashflow--price{font-size:15px;line-height:18px;font-weight:500;font-family:var(--RobotoFont);letter-spacing:0.15em;margin-top:10px;}
.property__list--box .property__list--charts .property__list--cashflow--title{font-size:8px;line-height:10px;font-weight:500;color:#555555;font-family:var(--RobotoFont);letter-spacing:0.15em;margin-top:10px;}
/* Property List Stop */


.verification-email-page .header__inner{width:100%;max-width:414px;margin:0 auto;}
.verification-email-page .verificationemail__inner{width:100%;max-width:574px;text-align:left;margin:0 auto;padding-bottom:30%;padding-left:80px;padding-right:80px;}
.verificationemail__inner .maincontain p{font-size:18px;line-height:24px;color:#4A494A;margin-bottom:25px;}
.verificationemail__inner .maincontain .btn{margin-top:10px;margin-bottom:55px;}
.verificationemail__inner .accountlink{display:flex;flex-direction:column;}
.verificationemail__inner .accountlink span{margin-bottom:10px;}


/****************************************
* Popup Form Design
****************************************/
.mfp-bg{background:linear-gradient(105.76deg,var(--PrimaryColor) 2.53%,var(--SecondaryColor) 95.29%);opacity:0.75;}
.mfp-container{padding:30px 15px 0px;}


.card-form-popup{width:100%;max-width:960px;min-height:480px;margin:0 auto;position:relative;background:#FFFEFE;box-shadow:0px 2px 4px rgba(0,0,0,0.25);border-radius:5px;padding:30px 30px;margin-bottom: 30px;}
.card-form-popup .mfp-close{width:76px;height:66px;background:#FFFEFE;box-shadow:0px 2px 4px rgb(0 0 0 / 25%);border-radius:35px;display:flex;align-items:center;justify-content:center;position:absolute;left:100%;top:0;margin-left:12px;font-size:0;background-image:url(../img/icon_close.png);opacity:1;background-repeat:no-repeat;background-position:center;transition:all 0.4s ease-in-out;}
.card-form-popup .mfp-close:hover{background-image:url(../img/icon_close_hover.png);}

.card-form-popup .form__title{margin-bottom:40px;}
.card-form-popup .form__title h2{font-size:30px;line-height:45px;font-weight:700;letter-spacing:0.08em;color:var(--BlackColor);margin-bottom:0;}
.card-form-popup .form__title p{font-size:18px;line-height:27px;font-weight:400;letter-spacing:0.08em;color:var(--BlackColor);margin-bottom:0;}

/****************************************
* Transaction Form Design
****************************************/
.transactions__form--section{padding-bottom:200px;}
.transactions__form--section .form__title{margin-bottom:16px;}
.transactions__form--section form{width:100%;max-width:710px;margin:0 auto;}
.transactions__form--section .form-grupbox-row{display:flex;flex-wrap:wrap;}
.transactions__form--section .form-grupbox{width:100%;max-width:50%;padding:0 15px;margin-bottom:30px;}
.transactions__form--section .form-grupbox-full{max-width:100%;}
.transactions__form--section .form-grupbox label{font-size:18px;line-height:27px;letter-spacing:0.08em;color:#000000;padding-left:25px;}
.transactions__form--section .form-grupbox .form-control{font-weight:500;font-size:15px;line-height:22px;letter-spacing:0.15em;color:#2973B9;border:1px solid #000000;}
.transactions__form--section .form-grupbox .form-control:focus{border:solid 1px transparent;background-image:linear-gradient(white,white),linear-gradient(105.76deg,var(--PrimaryColor) 2.53%,var(--SecondaryColor) 95.29%);background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-size:100% 100%,100% 100%;background-position:center center,center bottom;background-repeat:no-repeat;}
.transactions__form--section .form-grupbox .heapBox .holder{font-weight:500;font-size:15px;line-height:22px;letter-spacing:0.15em;color:#2973B9;}
.transactions__form--section .form-grupbox.form-grupbox-file{max-width:100%;}
.transactions__form--section .form-grupbox-file .fileUpload{display:flex;flex-wrap: wrap;width:100%;align-items:center;}
.transactions__form--section .form-grupbox-file .fileUpload .file-input-btn,.transactions__form--section .form-grupbox-file .fileUpload .file-input-output{width:50%;}
.transactions__form--section .form-grupbox-file .fileUpload .file-input-output img{height:50px;margin-right:15px;}
.transactions__form--section .form-grupbox-file .file-input-btn{display:flex;flex-wrap:wrap;padding-left:25px;}
.transactions__form--section .form-grupbox-file .browse-button{position:relative;display: flex;margin-top: 5px;margin-bottom: 5px;}
.transactions__form--section .form-grupbox-file .browse-button .browse-button-text{font-weight:bold;font-size:14px;line-height:16px;font-family:var(--DroidSansFont);letter-spacing:0.1em;color:#000000;padding:8px 14px;background:#E7E6E6;border-radius:10px;cursor:pointer;}
.transactions__form--section .form-grupbox-file .browse-button input[type="file"]{position:absolute;top:0;left:0;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;filter:alpha(opacity=0);width:100%;}
.transactions__form--section .form-button{width:100%;display:flex;padding:0 15px;}
.transactions__form--section .form-button .btn{margin-left:auto;padding:8px 25px;min-width:140px;border-radius:10px;}
.transactions__form--section .form-grupbox.form-grupbox-textarea{max-width:100%;}
.transactions__form--section .form-grupbox.form-grupbox-textarea .form-control{height:145px;}
.transactions__form--section .form-grupbox-details-row{padding-top:40px;}
.transactions__form--section h6{font-weight:500;font-size:15px;line-height:22px;letter-spacing:0.05em;color:#2267B0;}
.transactions__form--section .form-grupbox-details-box{background:#F4FAFF;border:1px solid #E7E6E6;border-radius:5px;margin-left:-45px;margin-right:-45px;padding:60px 50px 80px;margin-bottom:40px;}
.transactions__form--section .form-grupbox-details-box .form-control{font-weight:500;font-size:15px;line-height:22px;letter-spacing:0.15em;color:#2973B9;border:1px solid #000000;background-color:#F4FAFF;}
.transactions__form--section .form-grupbox-details-box .form-control:focus{border:solid 1px transparent;background-image:linear-gradient(#F4FAFF,#F4FAFF),linear-gradient(105.76deg,var(--PrimaryColor) 2.53%,var(--SecondaryColor) 95.29%);background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-size:100% 100%,100% 100%;background-position:center center,center bottom;background-repeat:no-repeat;}
.transactions__form--section .list-history-row .history-list{list-style:none;margin:0;padding:0;padding-top:35px;}
.transactions__form--section .list-history-row .history-list-col{display:flex;flex-wrap:wrap;color:#555555;margin-bottom:15px;}
.transactions__form--section .list-history-row .history-list-col .history-list-name{font-weight:bold;width:10%;}
.transactions__form--section .list-history-row .history-list-col .history-list-file{width:70%;}
.transactions__form--section .list-history-row .history-list-col .history-list-date{width:20%;text-align:right;}

/****************************************
* Tasks Form Design
****************************************/
.tasks__form--section{padding-bottom:200px;}
.tasks__form--section .form__title{margin-bottom:16px;}
.tasks__form--section form{width:100%;max-width:710px;margin:0 auto;}
.tasks__form--section .form-grupbox-row{display:flex;flex-wrap:wrap;}
.tasks__form--section .form-grupbox{width:100%;max-width:50%;padding:0 15px;margin-bottom:30px;}
.tasks__form--section .form-grupbox-full{max-width:100%;}
.tasks__form--section .form-grupbox label{font-size:18px;line-height:27px;letter-spacing:0.08em;color:#000000;padding-left:25px;}
.tasks__form--section .form-grupbox .form-control{font-weight:500;font-size:15px;line-height:22px;letter-spacing:0.15em;color:#2973B9;border:1px solid #000000;}
.tasks__form--section .form-grupbox .form-control:focus{border:solid 1px transparent;background-image:linear-gradient(white,white),linear-gradient(105.76deg,var(--PrimaryColor) 2.53%,var(--SecondaryColor) 95.29%);background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-size:100% 100%,100% 100%;background-position:center center,center bottom;background-repeat:no-repeat;}
.tasks__form--section .form-grupbox .heapBox .holder{font-weight:500;font-size:15px;line-height:22px;letter-spacing:0.15em;color:#2973B9;}
.tasks__form--section .form-grupbox.form-grupbox-file{max-width:100%;}
.tasks__form--section .form-grupbox-file .fileUpload{display:flex;flex-wrap: wrap;width:100%;align-items:center;}
.tasks__form--section .form-grupbox-file .fileUpload .file-input-btn,.tasks__form--section .form-grupbox-file .fileUpload .file-input-output{width:50%;}
.tasks__form--section .form-grupbox-file .fileUpload .file-input-output img{height:50px;margin-right:15px;}
.tasks__form--section .form-grupbox-file .file-input-btn{display:flex;flex-wrap:wrap;padding-left:25px;}
.tasks__form--section .form-grupbox-file .browse-button{position:relative;}
.tasks__form--section .form-grupbox-file .browse-button .browse-button-text{font-weight:bold;font-size:14px;line-height:16px;font-family:var(--DroidSansFont);letter-spacing:0.1em;color:#000000;padding:8px 14px;background:#E7E6E6;border-radius:10px;cursor:pointer;}
.tasks__form--section .form-grupbox-file .browse-button input[type="file"]{position:absolute;top:0;left:0;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;filter:alpha(opacity=0);width:100%;}
.tasks__form--section .form-button{width:100%;display:flex;padding:0 15px;}
.tasks__form--section .form-button .btn{margin-left:auto;padding:8px 25px;min-width:140px;border-radius:10px;}
.tasks__form--section .form-grupbox.form-grupbox-textarea{max-width:100%;}
.tasks__form--section .form-grupbox.form-grupbox-textarea .form-control{height:145px;}
.tasks__form--section .form-grupbox-details-row{padding-top:40px;}
.tasks__form--section h6{font-weight:500;font-size:15px;line-height:22px;letter-spacing:0.05em;color:#2267B0;}
.tasks__form--section .form-grupbox-details-box{background:#F4FAFF;border:1px solid #E7E6E6;border-radius:5px;margin-left:-45px;margin-right:-45px;padding:60px 50px 80px;margin-bottom:40px;}
.tasks__form--section .form-grupbox-details-box .form-control{font-weight:500;font-size:15px;line-height:22px;letter-spacing:0.15em;color:#2973B9;border:1px solid #000000;background-color:#F4FAFF;}
.tasks__form--section .form-grupbox-details-box .form-control:focus{border:solid 1px transparent;background-image:linear-gradient(#F4FAFF,#F4FAFF),linear-gradient(105.76deg,var(--PrimaryColor) 2.53%,var(--SecondaryColor) 95.29%);background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-size:100% 100%,100% 100%;background-position:center center,center bottom;background-repeat:no-repeat;}
.tasks__form--section .list-history-row .history-list{list-style:none;margin:0;padding:0;padding-top:35px;}
.tasks__form--section .list-history-row .history-list-col{display:flex;flex-wrap:wrap;color:#555555;margin-bottom:15px;}
.tasks__form--section .list-history-row .history-list-col .history-list-name{font-weight:bold;width:10%;}
.tasks__form--section .list-history-row .history-list-col .history-list-file{width:70%;}
.tasks__form--section .list-history-row .history-list-col .history-list-date{width:20%;text-align:right;}

.list-comments-row .comments-list{margin: 0;padding: 0;list-style: none;padding-bottom: 45px;}
.list-comments-row .comments-list .comments-list-col{display:flex;align-items:center;}
.list-comments-row .comments-list .comments-list-col .comments-list-img{width: 60px;}
.list-comments-row .comments-list .comments-list-col .comments-list-img img{width: 100%;}
.list-comments-row .comments-list .comments-list-col .comments-list-info{width: 100%;margin-left: -60px;padding-left: 75px;}
.tasks__form--section .list-comments-row .form-grupbox.form-grupbox-textarea .form-control{height:80px;}


/****************************************
* Sign Up Style
****************************************/
.mpf-signup__form--section{max-width:1060px;padding:30px 30px 110px;}
.mpf-signup__form--section .form__title h2{text-align: center;}
.mpf-signup__form--section #progressbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:0;padding:0;list-style:none;padding-bottom:40px;}
.mpf-signup__form--section #progressbar li{font-size:0;width:17px;height:17px;border-radius:17px;margin:0 5px;background:#E7E6E6;}
.mpf-signup__form--section #progressbar li.active{background:linear-gradient(89.98deg,#2473A0 0.66%,#239F5D 99.97%),#C4C4C4;}
.mpf-signup__form--section .form__title{margin-bottom: 50px;}
.mpf-signup__form--section form{width:100%;max-width:1060px;margin:0 auto;}
.mpf-signup__form--section .investor__row{display:flex;flex-wrap:wrap;justify-content:center;}
.mpf-signup__form--section .investor__row .investor__col{width:25%;padding:0 15px;}
.mpf-signup__form--section .form__stap-loding h2{width:100%;max-width:470px;margin-left:auto;margin-right:auto;}
.mpf-signup__form--section .form__title-loding{padding-top:0;padding-bottom:50px;}
.mpf-signup__form--section .form__title-loding p{font-weight:bold;font-size:20px;line-height:30px;letter-spacing:0.08em;color:#000000;}

.investor__box .investor__box_inner{width: 100%;border:1px solid #E7E6E6;box-sizing:border-box;border-radius:20px;padding:110px 20px 50px;display:flex;flex-wrap:wrap;transition:all 0.4s ease-in-out;}
.investor__box .investor__box_inner .investor__contain {width: 100%;text-align: center;}
.investor__box .investor__box_inner .investor__contain h3{font-size:18px;line-height:27px;text-align:center;letter-spacing:0.08em;font-weight:normal;color:#000000;text-align:center;}
.investor__box .investor__box_inner .investor__img{display:flex;width:100%;justify-content:center;margin-bottom:40px;}
.investor__box .investor__box_inner .investor__img .investor__icon{width:100%;height:80px;background-image:url(../img/icon_investor.svg);background-size:auto;background-position:center bottom;background-repeat:no-repeat;transition:all 0.4s ease-in-out;}
.investor__box .investor-radio{opacity:0 !important;width:0px !important;height:0px !important;margin:0 !important;padding:0 !important;display:none;}
.investor__box .investor-radio[type="radio"] + label{display:flex;width:100%;height:100%;cursor:pointer;transition:all 0.4s ease-in-out;}
.investor__box .investor-radio[type="radio"]:checked + label .investor__box_inner,
.investor__box label:hover .investor__box_inner{border:solid 1px transparent;background-image:linear-gradient(white,white),linear-gradient(105.76deg,var(--PrimaryColor) 2.53%,var(--SecondaryColor) 95.29%);background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-size:100% 100%,100% 100%;background-position:center center,center bottom;background-repeat:no-repeat;transition:all 0.4s ease-in-out;}
.investor__box .investor-radio[type="radio"]:checked + label .investor__img .investor__icon,
.investor__box label:hover .investor__box_inner .investor__img .investor__icon{background-image:url(../img/icon_investor_hover.svg);transition:all 0.4s ease-in-out;}

.investor__box .properties-size-1[type="radio"] + label .investor__img .investor__icon{
    background-image: url(../img/icon_properties-1-5.svg);
}
.investor__box .properties-size-2[type="radio"] + label .investor__img .investor__icon{
    background-image: url(../img/icon_properties-5-30.svg);
}
.investor__box .properties-size-3[type="radio"] + label .investor__img .investor__icon{
    background-image: url(../img/icon_properties-30-plus.svg);
}
.investor__box .properties-size-1[type="radio"]:checked + label .investor__img .investor__icon,
.investor__box .properties-size-1[type="radio"] + label:hover .investor__box_inner .investor__img .investor__icon{background-image:url(../img/icon_properties-1-5_hover.svg);transition:all 0.4s ease-in-out;}
.investor__box .properties-size-2[type="radio"]:checked + label .investor__img .investor__icon,
.investor__box .properties-size-2[type="radio"] + label:hover .investor__box_inner .investor__img .investor__icon{background-image:url(../img/icon_properties-5-30_hover.svg);transition:all 0.4s ease-in-out;}
.investor__box .properties-size-3[type="radio"]:checked + label .investor__img .investor__icon,
.investor__box .properties-size-3[type="radio"] + label:hover .investor__box_inner .investor__img .investor__icon{background-image:url(../img/icon_properties-30-plus_hover.svg);transition:all 0.4s ease-in-out;}


/***** dashboard css ******/
.btn-red {
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    letter-spacing: 0.1em;
    background: linear-gradient(89.98deg, #CB0606 0.66%, #8C0404 99.97%), #C4C4C4;
    border-radius: 10px;
    padding: 11px 12px !important;
    min-width: auto !important;
}

.header__main--menu .header__button .btn-red {
    margin-right: 76px;
}

.sub-title h3 {
    font-family: "Poppins";
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.08em;
    color: #595859;
    margin: 0 0 14px;
}

.plan-block {
    background: #F4FAFF;
    border: 1px solid #E7E6E6;
    border-radius: 5px;
    padding: 36px 26px 27px 49px;
    margin: 0 0 40px;
}

#select_plan {
    max-width: 1296px;
    /* margin-left: 15px; */
    padding: 0;
    min-height: auto;
}

.tab-content-main {
    background: #FFFEFE;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    padding: 37px 25px 50px 124px;
}
.account-setting {
    padding: 44px 0 0;
}

.account-setting .form__title h2 {
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.08em;
    color: #595859;
    margin-left: 44px;
}

.account-setting .nav-tabs {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: block;
    border: none;
}

.nav-tabs .nav-item {
    display: block;
    padding: 0 0 13px;
}

.nav-tabs .nav-link {
    position: relative;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.08em;
    color: #000000;
    display: block;
    text-decoration: none;
    padding: 0;
    padding-left: 44px;
    border: none;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link.active {
    color: #239F5D;
    font-weight: 700;
    background: url("../img/delpha_expandarrow.png") no-repeat;
    background-position: center left;
}


#select-plan .card-tabbed-content {
    padding-top: 37px;
}

.plan-block .btn {
    border-radius: 10px;
    width: 142px;
    padding: 0;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.1em;
    color: #fff;
    padding: 9px;
    min-width: auto;
    text-align: center;
    display: block;
    margin-left: auto;
}

.plan-block .plan-btn h3 {
    font-size: 18px;
    line-height: 27px;
    text-align: right;
    letter-spacing: 0.08em;
    color: #CB0606;
    margin: 0;
    font-weight: 400;
}

.plan-block .btn-cancel {
    background: #E7E6E6;
    color: #000000;
}
.plan-block .btn-cancel:hover {
    background: linear-gradient(105.76deg, var(--PrimaryColor) 2.53%, var(--SecondaryColor) 95.29%);
    color: #fff;
}

.plan-block .plan-right {
    text-align: right;
}

.plan-block .plan-left h6 {
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.05em;
    color: #2267B0;
    margin: 0 0 15px;
}

.plan-block ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: block;
}
.plan-block ul li {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.08em;
    color: #000000;
    font-weight: normal;
}
.plan-block ul li span {
    margin-right: 30px;
    width: 50px;
    display: inline-block;
}

.invoice-btn a img {
    width: 17px;
}
.invoice-btn a {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.08em;
    color: #000000;
    text-decoration: none;
    display: flex;
    align-items: center;
    margin-top: 29px;
}

.current-plan {
    padding: 0 0 64px;
}
/***** dashboard css ******/

.header__main--menu .header__info .header__info--user .dropdown-toggle {
    border: none;
    background: transparent;
}

.header__main--menu .header__info .header__info--user .dropdown-menu {
    background: #595859;
    box-shadow: 4px 2px 4px 5px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    padding: 35px 18px 90px;
    width: 355px;
    margin: 31px 0 0 !important;
}

.header__main--menu .header__info .header__info--user .dropdown-menu .logout svg {
    margin-right: 15px;
}
.header__main--menu .header__info .header__info--user .dropdown-menu .logout {
    padding: 0 10px 60px 44px;
}
.header__main--menu .header__info .header__info--user .dropdown-menu a {
    height: auto;
    width: auto;
}

.header__main--menu .header__info .header__info--user .dropdown-menu .logout a  {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.08em;
    color: #FFFFFF;
    display: flex;
}
.header__main--menu .header__info .header__info--user .dropdown-menu .logout a .arrow {
    margin-left: auto;
}

.header__main--menu .header__info .header__info--user .dropdown-toggle::after {
    display: none;
}

.header__main--menu .header__info .header__info--user .dropdown-menu h5 {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.08em;
    color: #FFFFFF;
    margin: 0 0 20px 44px;
}

.header__main--menu .header__info .header__info--user .dropdown-menu ul {
    padding: 0;
    margin: 0;
}
.header__main--menu .header__info .header__info--user .dropdown-menu ul li {
    display: block;
    list-style-type: none;
}

.header__main--menu .header__info .header__info--user .dropdown-menu ul li a {
    padding: 9px 46px;
    border-radius: 20px;
    background: transparent;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.08em;
    color: #FFFFFF;
}

.header__main--menu .header__info .header__info--user .dropdown-menu ul li a svg {
    margin-right: 15px;
}
.header__main--menu .header__info .header__info--user .dropdown-menu ul li a:hover {
    background: rgba(224, 224, 224, 0.5);
}

.topbar {
    background: #595859;
    padding: 23px 0 28px;
}
.topbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.topbar-inner p {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.08em;
    color: #FFFFFF;
    margin: 0;
}
.topbar-inner a {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.08em;
    text-decoration-line: underline;
    color: #FFFFFF;
}
.topbar-inner a