* {
    font-family: Poppins, sans-serif;
    margin: 0;
    padding: 0
}

body {
    min-height: 100vh;
    overflow-x: hidden;
    position: relative
}

body .admin-main-content {
    padding-bottom: 3.7rem
}

body .main-content {
    padding-bottom: 21rem
}

body .coming-soon-span {
    background-color: #000000ba;
    border-radius: 4px;
    display: inline-block;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-weight: 600;
    margin: 8px 0;
    padding: 6px 8px;
    text-shadow: 0 2px 6px #00000075
}

body .break-word {
    word-break: break-word
}

body .live-now-span {
    background-color: var(--theme-light-clr);
    border-radius: 4px;
    display: inline-block;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-weight: 600;
    margin: 8px 0;
    padding: 6px 8px;
    text-shadow: 0 2px 6px #00000075
}

body table th {
    white-space: nowrap;
}

body .accordion .card {
    border-left: 0;
    border-right: 0;
    border-top: 0
}

body .accordion .card:not(:last-of-type) {
    border-bottom: 1px solid #f6f9fc
}

body .accordion .card .card-header {
    background-color: var(--theme-light-clr);
    border-bottom: 0;
    cursor: pointer
}

body .accordion .card .card-header .collapsing-bar {
    color: #fff
}

body .fa-check-circle {
    color: var(--theme-light-clr)
}

body .l-spacing-6px {
    letter-spacing: 6px
}

body .font-weight-bold,
body b {
    font-family: Inter, sans-serif;
    font-weight: 600
}

body .green-text,
body .text-success {
    color: var(--theme-light-clr)!important
}

body .badge-success {
    background-color: var(--theme-light-clr)!important
}

body .badge-success,
body label {
    font-family: Inter, sans-serif;
    font-weight: 600
}

body .custom-control-label {
    font-family: Poppins, sans-serif;
    font-weight: 400
}

body textarea {
    min-height: 145px
}

body .required {
    color: #ff2800!important;
    font-family: Inter, sans-serif;
    font-weight: 600
}

body .label-fa-question {
    background-color: #fff;
    border: 2px solid #28a745;
    border-radius: 50%;
    color: #28a745;
    cursor: pointer;
    padding: 2px 4px
}

body form button[type=submit] {
    font-size: 16px;
    padding: 6px 24px
}

body .was-validated select.form-control:invalid,
body .was-validated select.form-control:valid,
body select.form-control.is-invalid,
body select.form-control.is-valid {
    background-position: right calc(.375em + 1.1875rem) center
}

body .input-field-kr .form-control.is-invalid,
body .input-field-kr .form-control.is-valid,
body .was-validated .input-field-kr .form-control:invalid,
body .was-validated .input-field-kr .form-control:valid {
    background-position: right calc(.375em + 2.1875rem) center;
    padding-right: 4.75rem
}

body .custom-file-label,
body .form-control {
    height: calc(1.5em + .75rem + 5px)
}

body .custom-file-label:after {
    border-radius: 0;
    height: 100%
}

body .custom-file-input:focus~.custom-file-label,
body .form-control:focus {
    border-color: var(--theme-light-clr);
    box-shadow: none
}

body .custom-file-label,
body .form-control {
    border: 2px solid #ced4da;
}

body .form-control:disabled,
body .form-control[readonly] {
    background-color: #e9ecef85;
    border-color: #ced4da
}

body .form-control[type=number]::-webkit-inner-spin-button,
body .form-control[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

body .custom-control-label {
    cursor: pointer
}

body .custom-control-input:focus~.custom-control-label:before {
    box-shadow: none
}

body .custom-control-input:focus:not(:checked)~.custom-control-label:before,
body .custom-control-label:before {
    background-color: #fff;
    border: 1px solid #545b62
}

body .custom-control-input:checked~.custom-control-label:before,
body .custom-control-input:not(:disabled):active~.custom-control-label:before {
    background-color: var(--theme-light-clr);
    border: 1px solid var(--theme-light-clr)
}

body .object-fit-cover {
    object-fit: cover
}

body .object-fit-contain {
    object-fit: contain
}

body .list-style-none {
    list-style: none!important
}

body li,
body p,
body small,
body span:not(.fa) {
    color: #4d4e59
}

body li {
    font-size: 14px
}

body a.btn,
body a:not(.nav-link) {
    color: var(--theme-light-clr);
    outline: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    white-space: normal
}

body a.btn:focus,
body a.btn:hover,
body a:not(.nav-link):focus,
body a:not(.nav-link):hover {
    color: #358835;
    -ms-transform: scale(.95);
    -webkit-transform: scale(.95);
    transform: scale(.95)
}

body .dropdown-toggle:after {
    border: 0;
    content: "\f107";
    font-family: Font Awesome\ 5 Free;
    margin-left: 12px;
    vertical-align: unset
}

body .h1,
body .h2,
body .h3,
body .h4,
body .h5,
body .h6,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    font-family: Inter, sans-serif;
    font-weight: 600
}

body h1 {
    font-size: 40px
}

body h2 {
    font-size: 32px
}

body h3 {
    font-size: 28px
}

body h4 {
    font-size: 24px
}

body h5 {
    font-size: 20px
}

body h6 {
    font-size: 16px
}

body .small,
body small {
    font-family: Inter, sans-serif;
    font-size: 83%!important
}

body .btn {
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 600
}

body .btn:focus {
    box-shadow: none
}

body .btn-bg {
    background-color: var(--theme-light-clr);
    border: 2px solid var(--theme-light-clr);
    box-shadow: 0 2px 10px #00000020;
    color: #fff!important;
    text-shadow: 0 2px 6px #00000075;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

body .btn-bg:focus,
body .btn-bg:hover {
    background-color: #358835;
    border: 2px solid #358835;
    box-shadow: 0 2px 10px #00000050;
    color: #fff!important
}

body .btn-bg-white {
    border: 2px solid var(--theme-light-clr);
    color: var(--theme-light-clr);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

body .btn-bg-white:focus,
body .btn-bg-white:hover {
    background-color: #358835;
    border: 2px solid #358835;
    box-shadow: 0 2px 10px #00000050;
    color: #fff!important;
    text-shadow: 0 2px 6px #00000075
}

body .light-box-shadow {
    box-shadow: 0 2px 10px #00000020
}

body .dark-box-shadow {
    box-shadow: 0 2px 10px #00000050
}

body .navbar .dropdown-item {
    font-size: 14px
}

body .navbar .dropdown-item.active,
body .navbar .dropdown-item:active,
body .navbar .dropdown-item:focus,
body .navbar .dropdown-item:hover {
    background-color: #f3f3f3;
    color: var(--theme-light-clr)
}

body .btn-lg+.animated-dropdown {
    top: 44px!important
}

body .animated-dropdown {
    animation-duration: .3s;
    -webkit-animation-duration: .3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    top: 40px!important
}

@keyframes slideIn {
    to {
        opacity: 1;
        transform: translateY(0)
    }
    0% {
        opacity: 0;
        transform: translateY(1rem)
    }
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: transform
    }
    to {
        -webkit-opacity: 1;
        -webkit-transform: translateY(0)
    }
    0% {
        -webkit-opacity: 0;
        -webkit-transform: translateY(1rem)
    }
}

body .slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn
}

body .custom-control-label:after,
body .custom-control-label:before {
    top: .2rem
}

body .top-0 {
    top: 0!important
}

body .right-0 {
    right: 0!important
}

body .bottom-0 {
    bottom: 0!important
}

body .left-0 {
    left: 0!important
}

body span.select2-selection.select2-selection--single {
    border: 2px solid #ced4da;
    height: calc(1.5em + .75rem + 5px)
}

body span.select2-selection__arrow:after {
    content: "\f107";
    font-family: Font Awesome\ 5 Free;
    font-size: 16px;
    font-weight: 700
}

body .select2-container--default {
    width: 100%!important;
    z-index: 1
}

body .select2-container--default .select2-selection--single .select2-selection__arrow {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px
}

body .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none
}

body .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: calc(1.3em + .75rem + 5px)
}

body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after {
    content: "\f106";
    font-family: Font Awesome\ 5 Free;
    font-size: 16px;
    font-weight: 700
}

body .select2-container--default .select2-search--dropdown .select2-search__field {
    outline: none
}

body .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--theme-light-clr)
}

body .more-info-btn {
    color: var(--theme-light-clr);
    cursor: pointer
}

body .more-info-btn:hover {
    color: #358835
}

body .more-info-btn+.hidden-info {
    display: none
}

body .more-info-btn .fa-angle-down,
body .more-info-btn .fa-angle-up {
    transition: .5s ease
}

body .more-info-btn .angle-rotate-toward-up {
    transform: rotate(180deg)
}

body .tooltip-inner {
    background-color: var(--theme-light-clr)!important;
    max-width: 275px
}

body .tooltip.bs-tooltip-right .arrow:before {
    border-right-color: var(--theme-light-clr)!important
}

body .tooltip.bs-tooltip-left .arrow:before {
    border-left-color: var(--theme-light-clr)!important
}

body .tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: var(--theme-light-clr)!important
}

body .tooltip.bs-tooltip-top .arrow:before {
    border-top-color: var(--theme-light-clr)!important
}

body .modal .modal-header {
    border-bottom: 2px dashed var(--theme-light-clr)
}

body .input-group .input-group-prepend .input-group-text {
    background-color: transparent;
    border: 2px solid #ced4da;
    border-right: 0
}

body .input-group .input-group-append .input-group-text {
    background-color: transparent;
    border: 2px solid #ced4da;
    border-left: 0
}

body .admin-main-content .btn-group .btn {
    background: transparent;
    border: 2px solid #ced4da;
    width: 1%
}

body .admin-main-content .btn-group .btn .check-mark {
    display: none
}

body .admin-main-content .btn-group .btn .text {
    font-family: Inter
}

body .admin-main-content .btn-group .btn:not(:first-child) {
    border-left: 0
}

body .admin-main-content .btn-group .btn:not(:disabled):not(.disabled).active,
body .admin-main-content .btn-group .btn:not(:disabled):not(.disabled):active {
    background-color: transparent;
    border-color: var(--theme-light-clr);
    border-left: 2px solid var(--theme-light-clr);
    box-shadow: none!important;
    color: #fff
}

body .admin-main-content .btn-group .btn.active .text {
    color: var(--theme-light-clr)
}

body .admin-main-content .btn-group .btn.active .check-mark {
    color: var(--theme-light-clr);
    display: block
}

body .admin-main-content .number .minus,
body .admin-main-content .number .plus {
    align-items: center;
    border: 2px solid #ced4da;
    border-radius: .25rem;
    color: #4d4e59;
    cursor: pointer;
    display: flex;
    margin: 0 4px;
    padding: 0 10px
}

body .admin-main-content .form-group {
    margin-bottom: 1.8rem
}

body .steps-container .wizard {
    overflow: hidden;
    width: 100%
}

body .steps-container .wizard>.steps {
    display: block;
    position: relative;
    width: 100%
}

body .steps-container .wizard>.steps>ul {
    display: table;
    list-style: none;
    margin: 0;
    padding: 0;
    table-layout: fixed;
    width: 100%
}

body .steps-container .wizard>.steps>ul>li {
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: auto;
    z-index: 1
}

body .steps-container .wizard>.steps>ul>li:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    z-index: 9
}

body .steps-container .wizard>.steps>ul>li:before {
    content: "";
    display: block;
    left: 0;
    position: absolute;
    z-index: 9
}

body .steps-container .wizard>.steps>ul>li a {
    display: block;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-top: 52px;
    position: relative;
    text-decoration: none;
    z-index: 555
}

body .steps-container .wizard>.steps>ul>li:first-child:before,
body .steps-container .wizard>.steps>ul>li:last-child:after {
    content: none
}

body .steps-container .wizard>.steps>ul>li.current>a {
    color: #2f3d4a;
    cursor: default
}

body .steps-container .wizard>.steps>ul>li.current .step {
    background-color: #fff;
    border-color: var(--theme-light-clr);
    color: var(--theme-light-clr)
}

body .steps-container .wizard>.steps>ul>li.disabled a,
body .steps-container .wizard>.steps>ul>li.disabled a:focus,
body .steps-container .wizard>.steps>ul>li.disabled a:hover {
    color: #999;
    cursor: default
}

body .steps-container .wizard>.steps>ul>li.done a,
body .steps-container .wizard>.steps>ul>li.done a:focus,
body .steps-container .wizard>.steps>ul>li.done a:hover {
    color: #999
}

body .steps-container .wizard>.steps>ul>li.done .step {
    background-color: var(--theme-light-clr);
    border-color: var(--theme-light-clr);
    color: #fff
}

body .steps-container .wizard>.steps>ul>li.error .step {
    border-color: #f62d51;
    color: #f62d51
}

body .steps-container .wizard>.steps .current-info {
    left: -99999px;
    position: absolute
}

body .steps-container .wizard>.steps .step {
    background-color: #fff;
    display: inline-block;
    left: 50%;
    margin-left: -24px;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 10
}

body .steps-container .wizard>.steps .step-title {
    cursor: pointer;
    display: block;
    font-weight: 600;
    margin: 6px auto 0;
    width: 115px
}

body .steps-container .wizard .content {
    margin-left: 0!important
}

body .steps-container .wizard>.content {
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: auto
}

body .steps-container .wizard>.content>.title {
    left: -99999px;
    position: absolute
}

body .steps-container .wizard>.content>.body {
    padding: 0 20px
}

body .steps-container .wizard>.content>iframe {
    border: 0;
    height: 100%;
    width: 100%
}

body .steps-container .wizard>.actions {
    display: block;
    padding: 0 20px 20px;
    position: relative;
    text-align: right
}

body .steps-container .wizard>.actions>ul {
    display: flex;
    justify-content: flex-end;
    list-style: none;
    margin: 24px 0 0
}

body .steps-container .wizard>.actions>ul:after {
    clear: both;
    content: "";
    display: table
}

body .steps-container .wizard>.actions>ul>li>a {
    background: var(--theme-light-clr);
    border: 2px solid transparent;
    border-radius: 4px;
    color: #fff!important;
    display: block;
    padding: 7px 12px;
    text-align: center;
    text-decoration: none;
    width: 95px
}

body .steps-container .wizard>.actions>ul>li>a[href="#previous"] {
    background: transparent;
    border: 2px solid var(--theme-light-clr);
    color: var(--theme-light-clr)!important;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 600;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

body .steps-container .wizard>.actions>ul>li>a[href="#previous"]:active,
body .steps-container .wizard>.actions>ul>li>a[href="#previous"]:focus,
body .steps-container .wizard>.actions>ul>li>a[href="#previous"]:hover {
    background-color: #358835;
    border: 2px solid #358835;
    box-shadow: 0 2px 10px #00000050;
    color: #fff!important;
    text-shadow: 0 2px 6px #00000075
}

body .steps-container .wizard>.actions>ul>li>a[href="#next"],
body .steps-container .wizard>.actions>ul>li a[href="#finish"] {
    background-color: var(--theme-light-clr);
    border: 2px solid var(--theme-light-clr);
    box-shadow: 0 2px 10px #00000020;
    color: #fff!important;
    font-family: Inter, sans-serif;
    text-shadow: 0 2px 6px #00000075;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

body .steps-container .wizard>.actions>ul>li>a[href="#next"]:active,
body .steps-container .wizard>.actions>ul>li>a[href="#next"]:focus,
body .steps-container .wizard>.actions>ul>li>a[href="#next"]:hover,
body .steps-container .wizard>.actions>ul>li a[href="#finish"]:active,
body .steps-container .wizard>.actions>ul>li a[href="#finish"]:focus,
body .steps-container .wizard>.actions>ul>li a[href="#finish"]:hover {
    background-color: #358835;
    border: 2px solid #358835;
    box-shadow: 0 2px 10px #00000050;
    color: #fff!important
}

body .steps-container .wizard>.actions>ul>li+li {
    margin-left: 10px
}

body .steps-container .wizard>.actions>ul>li.disabled>a,
body .steps-container .wizard>.actions>ul>li.disabled>a:focus,
body .steps-container .wizard>.actions>ul>li.disabled>a:hover {
    color: #999
}

body .steps-container .wizard>.actions>ul>li.disabled>a[href="#previous"],
body .steps-container .wizard>.actions>ul>li.disabled>a[href="#previous"]:focus,
body .steps-container .wizard>.actions>ul>li.disabled>a[href="#previous"]:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

body .steps-container .wizard.wizard-circle>.steps>ul>li:after,
body .steps-container .wizard.wizard-circle>.steps>ul>li:before {
    background-color: var(--theme-light-clr);
    height: 3px;
    top: 45px;
    width: 50%
}

body .steps-container .wizard.wizard-circle>.steps>ul>li.current:after,
body .steps-container .wizard.wizard-circle>.steps>ul>li.current~li:after,
body .steps-container .wizard.wizard-circle>.steps>ul>li.current~li:before {
    background-color: #f3f3f3
}

body .steps-container .wizard.wizard-circle>.steps .step {
    border: 3px solid #f3f3f3;
    border-radius: 50%;
    color: grey;
    cursor: pointer;
    font-size: 1.3rem;
    height: 50px;
    line-height: 45px;
    width: 50px
}

body .steps-container .wizard.wizard-notification>.steps>ul>li:after,
body .steps-container .wizard.wizard-notification>.steps>ul>li:before {
    background-color: var(--theme-light-clr);
    height: 2px;
    top: 39px;
    width: 50%
}

body .steps-container .wizard.wizard-notification>.steps>ul>li.current .step {
    border: 2px solid var(--theme-light-clr);
    color: var(--theme-light-clr);
    line-height: 36px
}

body .steps-container .wizard.wizard-notification>.steps>ul>li.current .step:after {
    border-top-color: var(--theme-light-clr)
}

body .steps-container .wizard.wizard-notification>.steps>ul>li.current:after {
    background-color: #f3f3f3
}

body .steps-container .wizard.wizard-notification>.steps>ul>li.done .step {
    color: #fff
}

body .steps-container .wizard.wizard-notification>.steps>ul>li.done .step:after {
    border-top-color: var(--theme-light-clr)
}

body .steps-container .wizard.wizard-notification>.steps>ul>li.current~li:after,
body .steps-container .wizard.wizard-notification>.steps>ul>li.current~li:before {
    background-color: #f3f3f3
}

body .steps-container .wizard.wizard-notification>.steps .step {
    background-color: #f3f3f3;
    border-radius: 15%;
    font-size: 1.3rem;
    height: 40px;
    line-height: 40px;
    width: 40px
}

body .steps-container .wizard.wizard-notification>.steps .step:after {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 8px solid #f3f3f3;
    bottom: 0;
    content: "";
    height: 0;
    left: 50%;
    margin-bottom: -8px;
    margin-left: -8px;
    position: absolute;
    width: 0
}

body .steps-container .wizard.vertical>.steps {
    display: inline;
    float: left;
    width: 20%
}

body .steps-container .wizard.vertical>.steps>ul>li {
    display: block;
    width: 100%
}

body .steps-container .wizard.vertical>.steps>ul>li.current:after,
body .steps-container .wizard.vertical>.steps>ul>li.current:before,
body .steps-container .wizard.vertical>.steps>ul>li.current~li:after,
body .steps-container .wizard.vertical>.steps>ul>li.current~li:before,
body .steps-container .wizard.vertical>.steps>ul>li:after,
body .steps-container .wizard.vertical>.steps>ul>li:before {
    background-color: transparent
}

body .datepicker table tr td.disabled,
body .datepicker table tr td.new {
    color: #b1b1b5
}

body .datepicker table tr td.today {
    text-shadow: 0 2px 6px #00000075;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

body .datepicker table tr td.today,
body .datepicker table tr td.today:hover {
    background-color: #001421;
    color: #fff
}

body .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom,
body .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
    border-color: var(--theme-light-clr);
    box-shadow: 0 4px 10px #00000020;
    color: var(--theme-light-clr);
    padding: 16px
}

body .datepicker table tr td.active.active,
body .datepicker table tr td.active.active.focus,
body .datepicker table tr td.active.active:focus,
body .datepicker table tr td.active.active:hover,
body .datepicker table tr td.active.highlighted.active,
body .datepicker table tr td.active.highlighted.active.focus,
body .datepicker table tr td.active.highlighted.active:focus,
body .datepicker table tr td.active.highlighted.active:hover,
body .datepicker table tr td.active.highlighted:active,
body .datepicker table tr td.active.highlighted:active.focus,
body .datepicker table tr td.active.highlighted:active:focus,
body .datepicker table tr td.active.highlighted:active:hover,
body .datepicker table tr td.active:active,
body .datepicker table tr td.active:active.focus,
body .datepicker table tr td.active:active:focus,
body .datepicker table tr td.active:active:hover {
    background-color: #358835;
    border-color: #358835
}

body .datepicker-dropdown.datepicker-orient-top:before {
    border-top-color: var(--theme-light-clr)
}

body .datepicker-dropdown.datepicker-orient-bottom:before {
    border-bottom-color: var(--theme-light-clr)
}

body .from-earliest-date-calender-icon,
body .to-latest-date-calender-icon {
    cursor: pointer
}

body .top-head-block {
    border-bottom: 2px solid var(--theme-light-clr)
}

body .timeline {
    position: relative
}

body .timeline:before {
    border-right: 2px solid #ccc;
    content: "";
    height: 100%;
    left: 1rem;
    position: absolute;
    top: 0
}

body .timeline .timeline-block {
    margin-bottom: 16px
}

body .timeline .timeline-block:last-child {
    margin-bottom: 0
}

body .timeline .timeline-block .timeline-step {
    align-items: center;
    background-color: var(--theme-light-clr);
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    height: 33px;
    justify-content: center;
    position: absolute;
    width: 33px;
    z-index: 1
}

body .info-container {
    border: 2px solid var(--theme-light-clr);
    border-radius: 6px;
    padding: 16px
}

body .info-container .info-icon {
    align-items: center;
    background-color: var(--theme-light-clr);
    border-radius: 50%;
    box-shadow: 0 2px 10px #00000020;
    color: #fff;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    height: 35px;
    justify-content: center;
    width: 35px
}

.modal-open .select2-container--open {
    width: 100%!important;
    z-index: 999999!important
}

@media (min-width:992px) {
    .btn-bg.section-btn {
        font-size: 18px;
        padding: 10px 24px
    }
}

@media (max-width:991px) {
    body h1 {
        font-size: 32px
    }
    body h2 {
        font-size: 28px
    }
    body h3 {
        font-size: 24px
    }
    body h4 {
        font-size: 22px
    }
    body h5 {
        font-size: 18px
    }
    body .steps-container .wizard>.steps .step-title {
        display: none
    }
}

@media (max-width:767px) {
    body .btn-bg,
    body .custom-control-label,
    body .custom-file-label,
    body .form-control,
    body a,
    body b,
    body form .btn-bg,
    body label,
    body p,
    body span {
        font-size: 14px
    }
    body .small,
    body small {
        font-size: 67%!important
    }
    body .custom-control-label:after,
    body .custom-control-label:before {
        top: .1rem
    }
    body .steps-container .wizard.wizard-circle>.steps .step {
        border: 3px solid #f3f3f3;
        border-radius: 50%;
        font-size: 14px;
        height: 40px;
        line-height: 35px;
        margin-left: -20px;
        width: 40px
    }
    body .steps-container .wizard.wizard-circle>.steps>ul>li a {
        padding-top: 40px
    }
    body .steps-container .wizard.wizard-circle>.steps>ul>li:after,
    body .steps-container .wizard.wizard-circle>.steps>ul>li:before {
        top: 40px
    }
}

@media (max-width:575px) {
    body h1 {
        font-size: 20px
    }
    body h2 {
        font-size: 18px
    }
    body h3 {
        font-size: 16px
    }
    body h4,
    body h5,
    body h6 {
        font-size: 14px
    }
}

.header-navbar {
    position: fixed;
    top: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 100%;
    z-index: 555
}

.header-navbar .navbar-toggler {
    color: #358835;
    padding: 0
}

.header-navbar .navbar-toggler:focus {
    outline: none
}

.header-navbar .navbar-brand .feelag-logo {
    object-fit: contain;
    width: 95px
}

.header-navbar .navbar-brand .felag-logo-text {
    color: #fff;
    font-size: 24px;
    font-weight: 600
}

.header-navbar .navbar-links .nav-item {
    margin: 0 16px
}

.header-navbar .navbar-links .nav-item .nav-link {
    color: #fff;
    font-size: 14px;
    padding: 12px 0;
    text-shadow: 0 2px 6px #00000075
}

.header-navbar .navbar-links .nav-item .dropdown-menu {
    background-color: var(--theme-light-clr);
    border: none;
    box-shadow: 0 2px 10px #00000050;
    padding: 8px 16px;
    width: max-content
}

.header-navbar .navbar-links .nav-item .dropdown-menu .dropdown-item {
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    padding: 4px 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.header-navbar .navbar-links .nav-item .dropdown-menu .dropdown-item:focus,
.header-navbar .navbar-links .nav-item .dropdown-menu .dropdown-item:hover {
    background-color: #358835
}

.header-navbar .navbar-links .nav-item .dropdown-menu .dropdown-menu-section:not(:last-child) {
    border-right: 1px solid #ffffff55
}

.header-navbar .sign-in-btn {
    border: 2px solid #fff;
    color: #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.header-navbar .sign-in-btn:focus,
.header-navbar .sign-in-btn:hover {
    background-color: #358835;
    border: 2px solid #358835!important;
    box-shadow: 0 2px 10px #00000050;
    color: #fff!important
}

@media (max-width:1199px) {
    .header-navbar .navbar-brand .feelag-logo {
        object-fit: contain;
        width: 80px
    }
}

@media (max-width:991px) {
    .header-navbar {
        background-color: #fff;
        box-shadow: 0 2px 10px #00000050;
        position: sticky
    }
    .header-navbar .navbar-brand .feelag-logo {
        filter: invert(.8)
    }
    .header-navbar .main-nav-bar {
        width: 100%
    }
    .header-navbar .navbar-links .nav-item {
        margin: 0
    }
    .header-navbar .navbar-links .nav-item .nav-link {
        align-items: center;
        border-bottom: 1px solid #00000025;
        color: #000;
        display: flex;
        justify-content: space-between;
        text-shadow: unset
    }
    .header-navbar .navbar-links .nav-item .dropdown-menu {
        width: unset
    }
    .header-navbar .navbar-links .nav-item .dropdown-menu .dropdown-item {
        padding: .5em
    }
    .header-navbar .sign-in-btn {
        border: 2px solid var(--theme-light-clr);
        color: var(--theme-light-clr)
    }
}

.footer {
    border-top: 2px solid #80808025;
    bottom: 0;
    height: 21rem;
    position: absolute;
    width: 100%
}

.footer .footer-inner-upper {
    column-gap: 46px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 56px 16px;
    row-gap: 16px
}

.footer .footer-inner-upper .link {
    color: unset;
    text-decoration: none
}

.footer .footer-inner-upper .link:focus,
.footer .footer-inner-upper .link:hover {
    color: #358835
}

.footer .footer-inner-upper .footer-logo .site-logo {
    filter: invert(.8);
    object-fit: contain;
    width: 95px
}

.footer .footer-inner-below {
    text-align: center
}

.footer .footer-inner-below .powered-by {
    text-decoration: underline
}

.footer .footer-inner-below .copyright-text {
    font-size: 12px;
    margin-top: 4px
}

@media (max-width:1199px) {
    .footer .footer-inner-upper {
        padding: 36px 50px
    }
    .footer .footer-inner-upper .footer-logo {
        margin-bottom: 24px;
        text-align: center;
        width: 100%
    }
}

@media (max-width:991px) {
    .footer .footer-inner-upper {
        justify-content: flex-start;
        padding: 36px 50px
    }
}

@media (max-width:767px) {
    .footer .footer-inner-upper {
        display: flex;
        flex-direction: column;
        padding: 36px 16px;
        row-gap: 18px
    }
}

@media (max-width:575px) {
    .footer .footer-inner-below .copyright-text {
        font-size: 10px;
        margin-top: 10px
    }
}

.admin-panel-header {
    background: var(--theme-light-clr);
    padding: 12px 24px;
    z-index: 555
}

.admin-panel-header .logo-text {
    font-size: 24px;
}

.admin-panel-header .a-link {
    color: #fff!important;
    font-weight: bolder;
    text-shadow: var(--theme-text-shadow);
}

@media (max-width:575px) {
    .admin-panel-header {
        padding: 16px
    }
}

.admin-panel-footer {
    border-top: 2px solid #80808025;
    bottom: 0;
    height: 3.7rem;
    padding: 16px 16px;
    position: absolute;
    width: 100%
}

.admin-panel-footer * {
    font-family: Inter, sans-serif;
    font-weight: 600
}

@media (max-width:575px) {
    .admin-panel-footer {
        padding: 16px;
        text-align: center
    }
}

.home .banner {
    background-image: url(https://presisutleie.no/wp-content/uploads/2021/02/bg-01.jpg);
    background-position: 50%;
    background-size: cover
}

.home .banner .banner-content {
    background-color: #403d51e5;
    color: #fff;
    padding: 10% 16%;
    text-align: center
}

.home .banner .banner-content .banner-heading {
    text-shadow: 0 3px 6px #00000075
}

.home .banner .banner-content .banner-sub-heading {
    margin: 48px 0;
    text-shadow: 0 3px 6px #00000075
}

.home .banner .banner-content .banner-btn {
    font-family: Inter, sans-serif;
    font-weight: 600;
    padding: 16px
}

.home .img-holder {
    margin-top: -10%;
    text-align: center
}

.home .img-holder>img {
    width: 55%
}

.home .content-container-upper-one .content-container-inner .inner-block .content-container-inner-section {
    border-radius: 8px;
    box-shadow: 0 2px 10px #00000020;
    height: 225px;
    padding: 16px
}

.home .content-container-upper-one .content-container-inner .inner-block .content-container-inner-section img {
    height: 55px;
    margin-bottom: 24px;
    margin-top: 8px;
    object-fit: contain;
    width: 55px
}

.home .content-container-upper-one .content-container-inner .inner-block .content-container-inner-section p {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    height: 4.5rem;
    margin-bottom: 0;
    overflow: hidden
}

.home .content-container-upper-two {
    background-color: #f6f9fc;
    padding: 56px 0
}

.home .content-container-upper-two .content-container-inner .content-container-inner-img>img {
    width: 85%
}

.home .content-container-upper-two .content-container-inner .content-container-inner-section p:first-child {
    color: var(--theme-light-clr);
    font-family: Inter, sans-serif;
    font-weight: 600
}

.home .content-container-upper-two .content-container-inner .content-container-inner-section h4 {
    margin-bottom: 16px
}

.home .banner-icon {
    background-color: #007aca;
    background-image: url(../images/bg-icon.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 150% auto
}

.home .banner-icon .banner-icon-inner {
    background-color: #000000d5;
    padding: 76px 16px
}

.home .banner-icon .banner-icon-inner>h2,
.home .banner-icon .banner-icon-inner>p {
    color: #fff;
    text-shadow: 0 2px 6px #00000075
}

.home .banner-icon .banner-icon-inner .banner-icon-inner-section {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px #00000020;
    padding: 36px 24px
}

.home .banner-icon .banner-icon-inner .banner-icon-inner-section .green-ribbon {
    background: #28a745;
    color: #fff;
    display: block;
    font-size: 10px;
    padding: 4px 0;
    position: absolute;
    right: -36px;
    text-align: center;
    top: 24px;
    transform: rotate(40deg);
    width: 145px
}

.home .banner-icon .banner-icon-inner .banner-icon-inner-section .sub-heading {
    color: var(--theme-light-clr)
}

.home .banner-icon .banner-icon-inner .banner-icon-inner-section .sub-heading span {
    font-size: 14px;
    font-weight: 400
}

.home .banner-icon .banner-icon-inner .banner-icon-inner-section ul {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    row-gap: 8px
}

.home .banner-icon .banner-icon-inner .banner-icon-inner-section ul li {
    align-items: baseline;
    display: flex
}

.home .banner-icon .banner-icon-inner .banner-icon-inner-section ul li .fa-check-circle {
    color: var(--theme-light-clr)
}

.home .banner-icon .banner-icon-inner .banner-icon-btn {
    background-color: #fff;
    box-shadow: 0 2px 10px #00000050;
    color: var(--theme-light-clr);
    margin-top: 24px;
    padding: 16px 24px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.home .banner-icon .banner-icon-inner .banner-icon-btn:focus,
.home .banner-icon .banner-icon-inner .banner-icon-btn:hover {
    background-color: #358835;
    color: #fff
}

@media (max-width:1199px) {
    .home .content-container-upper-two .content-container-inner .content-container-inner-img>img {
        width: 100%
    }
}

@media (min-width:992px) {
    .home .banner .banner-content .banner-heading {
        font-size: 40px
    }
    .home .banner .banner-content .banner-sub-heading {
        font-size: 24px
    }
    .home .banner .banner-content .banner-btn {
        font-size: 18px
    }
}

@media (max-width:991px) {
    .home .banner .banner-content .banner-sub-heading {
        margin: 24px 0
    }
    .home .banner .banner-content .banner-btn {
        padding: 10px 8px
    }
}

@media (max-width:575px) {
    .home .banner .banner-content {
        padding: 6% 16% 14%
    }
    .home .banner .banner-content .banner-sub-heading {
        margin: 24px 0
    }
    .home .content-container-upper-two {
        padding: 24px 0
    }
    .home .banner-icon .banner-icon-inner {
        padding: 24px 16px
    }
}

.precise-rent-contract .banner {
    background-image: url(../images/precise-rent-banner-img.jpg);
    background-position: 50%;
    background-size: cover
}

.precise-rent-contract .banner .banner-content {
    background-color: #1e7e348f;
    color: #fff;
    padding: 8% 8% 4%
}

.precise-rent-contract .banner .banner-content .banner-content-block {
    background-color: #403d51d9;
    box-shadow: 0 2px 10px #00000020
}

.precise-rent-contract .banner .banner-content .banner-content-block .banner-heading {
    text-shadow: 0 3px 6px #00000075
}

.precise-rent-contract .content-container-upper-two {
    background-color: #f6f9fc;
    padding: 80px 0 48px
}

.precise-rent-contract .content-container-upper-two .block-content {
    background-color: #fff;
    border-radius: 8px;
    padding: 24px 16px
}

.precise-rent-contract .content-container-upper-two .block-content .heading {
    column-gap: 8px;
    display: flex
}

.precise-rent-contract .content-container-upper-two .block-content .number {
    align-items: center;
    border: 2px solid;
    border-radius: 50%;
    color: var(--theme-light-clr);
    display: flex;
    font-family: Inter, sans-serif;
    font-weight: 600;
    height: 35px;
    justify-content: center;
    margin: auto auto 16px;
    width: 35px
}

.precise-rent-contract .content-container-upper-three {
    padding: 80px 0 48px
}

.precise-rent-contract .content-container-upper-three .block-content {
    background-color: #f6f9fc;
    border-radius: 8px;
    padding: 36px;
    position: relative
}

.precise-rent-contract .content-container-upper-three .block-content-left:after {
    border: 20px solid transparent;
    border-left: none;
    border-right-color: #f6f9fc;
    content: " ";
    left: -20px;
    position: absolute;
    top: 15px
}

.precise-rent-contract .content-container-upper-three .block-content-right:after {
    border: 20px solid transparent;
    border-left: 20px solid #f6f9fc;
    border-right: none;
    content: " ";
    position: absolute;
    right: -20px;
    top: 15px
}

.precise-rent-contract .content-container-upper-three .seperator {
    background-color: #e4e7ea;
    color: #e4e7ea;
    display: inline-block;
    height: 100%
}

.precise-rent-contract .content-container-upper-three .number {
    align-items: center;
    background: var(--theme-light-clr);
    border: 2px solid;
    border-radius: 50%;
    color: #fff;
    display: flex;
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-weight: 600;
    height: 45px;
    justify-content: center;
    width: 45px
}

.precise-rent-contract .content-container-upper-four {
    background-color: #f6f9fc;
    padding: 80px 0 48px
}

.precise-rent-contract .content-container-upper-four .fa-check-circle {
    color: var(--theme-light-clr);
    font-size: 36px
}

.precise-rent-contract .content-container-upper-four .block-content {
    align-items: center;
    background: #fff;
    border-radius: 8px;
    display: flex;
    padding: 24px
}

@media (max-width:1199px) {
    .precise-rent-contract .banner .banner-content {
        padding: 8% 3% 4%
    }
}

@media (min-width:992px) {
    .precise-rent-contract .banner .banner-content .banner-content-block .banner-btn {
        font-size: 18px;
        padding: 10px
    }
}

@media (max-width:991px) {
    .precise-rent-contract .content-container-upper-three,
    .precise-rent-contract .content-container-upper-two {
        padding: 30px 0
    }
    .precise-rent-contract .content-container-upper-three .block-content-left:after,
    .precise-rent-contract .content-container-upper-three .block-content-right:after {
        content: none
    }
    .precise-rent-contract .content-container-upper-three .number-outer {
        left: -15px;
        position: absolute;
        top: -15px;
        z-index: 1
    }
    .precise-rent-contract .content-container-upper-three .number-outer .number {
        font-size: 16px;
        height: 35px;
        width: 35px
    }
    .precise-rent-contract .content-container-upper-three .seperator {
        display: none
    }
    .precise-rent-contract .content-container-upper-four {
        padding: 30px 0
    }
}

.prices .banner {
    background-image: url(../images/precise-rent-banner-img.jpg);
    background-position: 50%;
    background-size: cover
}

.prices .banner .banner-content {
    background-color: #1e7e348f;
    color: #fff;
    padding: 8% 18% 6%;
    text-align: center
}

.prices .banner .banner-content .banner-content-block {
    background-color: #403d51d9;
    box-shadow: 0 2px 10px #00000020
}

.prices .banner .banner-content .banner-content-block .banner-heading {
    text-shadow: 0 3px 6px #00000075
}

.prices .banner-icon {
    background-color: #007aca;
    background-image: url(../images/bg-icon.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 150% auto
}

.prices .banner-icon .light-grey-bg {
    background-color: #f6f9fcf5!important
}

.prices .banner-icon .light-grey-bg .heading,
.prices .banner-icon .light-grey-bg .p-text {
    color: #000!important;
    text-shadow: none!important
}

.prices .banner-icon .banner-icon-inner {
    background-color: #000000d5;
    padding: 76px 16px
}

.prices .banner-icon .banner-icon-inner>h2,
.prices .banner-icon .banner-icon-inner>p {
    color: #fff;
    text-shadow: 0 2px 6px #00000075
}

.prices .banner-icon .banner-icon-inner .banner-icon-inner-section {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px #00000020;
    padding: 36px 24px
}

.prices .banner-icon .banner-icon-inner .banner-icon-inner-section .green-ribbon {
    background: #28a745;
    color: #fff;
    display: block;
    font-size: 10px;
    padding: 4px 0;
    position: absolute;
    right: -36px;
    text-align: center;
    top: 24px;
    transform: rotate(40deg);
    width: 145px
}

.prices .banner-icon .banner-icon-inner .banner-icon-inner-section .sub-heading {
    color: var(--theme-light-clr)
}

.prices .banner-icon .banner-icon-inner .banner-icon-inner-section .sub-heading span {
    font-size: 14px;
    font-weight: 400
}

.prices .banner-icon .banner-icon-inner .banner-icon-inner-section ul {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    row-gap: 8px
}

.prices .banner-icon .banner-icon-inner .banner-icon-inner-section ul li {
    align-items: baseline;
    display: flex
}

.prices .banner-icon .banner-icon-inner .banner-icon-inner-section ul li .fa-check-circle {
    color: var(--theme-light-clr)
}

.prices .banner-icon .banner-icon-inner .banner-icon-btn {
    background-color: #fff;
    box-shadow: 0 2px 10px #00000050;
    color: var(--theme-light-clr);
    margin-top: 24px;
    padding: 16px 24px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.prices .banner-icon .banner-icon-inner .banner-icon-btn:focus,
.prices .banner-icon .banner-icon-inner .banner-icon-btn:hover {
    background-color: #358835;
    color: #fff
}

@media (max-width:1199px) {
    .prices .banner .banner-content {
        padding: 8% 10% 6%
    }
}

@media (max-width:991px) {
    .prices .banner .banner-content {
        padding: 6%
    }
}

@media (max-width:575px) {
    .prices .banner-icon .banner-icon-inner {
        padding: 24px 16px
    }
}

.contact-us .banner {
    background-image: url(../images/bg-icon.svg);
    background-position: 50%;
    background-size: cover
}

.contact-us .banner .banner-content {
    background-color: #1e7e34c9;
    color: #fff;
    padding: 8% 18% 6%;
    text-align: center
}

.contact-us .banner .banner-content .banner-content-block {
    background-color: #403d51d9;
    box-shadow: 0 2px 10px #00000020
}

.contact-us .banner .banner-content .banner-content-block .banner-heading {
    text-shadow: 0 3px 6px #00000075
}

.contact-us .banner-icon {
    background-color: #007aca;
    background-image: url(../images/bg-icon.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 150% auto
}

.contact-us .banner-icon .light-grey-bg {
    background-color: #f6f9fcf5!important
}

.contact-us .banner-icon .light-grey-bg .heading {
    color: #000!important;
    text-shadow: none!important
}

.contact-us .banner-icon .banner-icon-inner {
    background-color: #000000d5;
    padding: 76px 16px
}

.contact-us .banner-icon .banner-icon-inner>h2,
.contact-us .banner-icon .banner-icon-inner>p {
    color: #fff;
    text-shadow: 0 2px 6px #00000075
}

.contact-us .banner-icon .banner-icon-inner .banner-icon-inner-section {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px #00000020;
    padding: 24px
}

.contact-us .banner-icon .banner-icon-inner .banner-icon-btn {
    background-color: #fff;
    box-shadow: 0 2px 10px #00000050;
    color: var(--theme-light-clr);
    margin-top: 24px;
    padding: 16px 24px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.contact-us .banner-icon .banner-icon-inner .banner-icon-btn:focus,
.contact-us .banner-icon .banner-icon-inner .banner-icon-btn:hover {
    background-color: #358835;
    color: #fff
}

@media (max-width:1199px) {
    .contact-us .banner .banner-content {
        padding: 8% 10% 6%
    }
}

@media (max-width:991px) {
    .contact-us .banner .banner-content {
        padding: 6%
    }
    .contact-us .banner-icon .banner-icon-inner {
        padding: 36px 16px
    }
}

@media (max-width:575px) {
    .contact-us .banner-icon .banner-icon-inner {
        padding: 24px 16px
    }
    .contact-us .banner-icon .banner-icon-inner .banner-icon-inner-section {
        padding: 16px
    }
}

.management-system .banner {
    background-image: url(../images/precise-rent-banner-img.jpg);
    background-position: 50%;
    background-size: cover
}

.management-system .banner .banner-content {
    background-color: #1e7e348f;
    color: #fff;
    padding: 8% 8% 4%
}

.management-system .banner .banner-content .banner-content-block {
    background-color: #403d51d9;
    box-shadow: 0 2px 10px #00000020
}

.management-system .banner .banner-content .banner-content-block .banner-heading {
    text-shadow: 0 3px 6px #00000075
}

.management-system .content-container-upper-two {
    background-color: #f6f9fc;
    padding: 56px 0
}

.management-system .content-container-upper-two .content-container-inner .content-container-inner-img>img {
    width: 85%
}

.management-system .content-container-upper-two .content-container-inner .content-container-inner-section p:first-child {
    color: var(--theme-light-clr);
    font-family: Inter, sans-serif;
    font-weight: 600
}

.management-system .content-container-upper-two .content-container-inner .content-container-inner-section h4 {
    margin-bottom: 16px
}

.management-system .banner-icon {
    background-color: #007aca;
    background-image: url(../images/bg-icon.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 150% auto
}

.management-system .banner-icon .light-grey-bg {
    background-color: #f6f9fcf5!important
}

.management-system .banner-icon .light-grey-bg .heading,
.management-system .banner-icon .light-grey-bg .p-text {
    color: #000!important;
    text-shadow: none!important
}

.management-system .banner-icon .banner-icon-inner {
    background-color: #000000d5;
    padding: 76px 16px
}

.management-system .banner-icon .banner-icon-inner>h2,
.management-system .banner-icon .banner-icon-inner>p {
    color: #fff;
    text-shadow: 0 2px 6px #00000075
}

.management-system .banner-icon .banner-icon-inner .banner-content-half .img-holder {
    height: 325px;
    margin: 0 auto;
    width: 405px
}

.management-system .banner-icon .banner-icon-inner .banner-content-half>h2,
.management-system .banner-icon .banner-icon-inner .banner-content-half>p {
    color: #fff;
    text-shadow: 0 2px 6px #00000075
}

.management-system .banner-icon .banner-icon-inner .banner-icon-inner-section {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px #00000020;
    padding: 36px 24px
}

.management-system .banner-icon .banner-icon-inner .banner-icon-inner-section .green-ribbon {
    background: #28a745;
    color: #fff;
    display: block;
    font-size: 10px;
    padding: 4px 0;
    position: absolute;
    right: -36px;
    text-align: center;
    top: 24px;
    transform: rotate(40deg);
    width: 145px
}

.management-system .banner-icon .banner-icon-inner .banner-icon-inner-section .sub-heading {
    color: var(--theme-light-clr)
}

.management-system .banner-icon .banner-icon-inner .banner-icon-inner-section .sub-heading span {
    font-size: 14px;
    font-weight: 400
}

.management-system .banner-icon .banner-icon-inner .banner-icon-inner-section ul {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    row-gap: 8px
}

.management-system .banner-icon .banner-icon-inner .banner-icon-inner-section ul li {
    align-items: baseline;
    display: flex
}

.management-system .banner-icon .banner-icon-inner .banner-icon-inner-section ul li .fa-check-circle {
    color: var(--theme-light-clr)
}

.management-system .banner-icon .banner-icon-inner .banner-icon-btn {
    background-color: #fff;
    box-shadow: 0 2px 10px #00000050;
    color: var(--theme-light-clr);
    margin-top: 24px;
    padding: 16px 24px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.management-system .banner-icon .banner-icon-inner .banner-icon-btn:focus,
.management-system .banner-icon .banner-icon-inner .banner-icon-btn:hover {
    background-color: #358835;
    color: #fff
}

@media (max-width:1199px) {
    .management-system .banner .banner-content {
        padding: 8% 3% 4%
    }
    .management-system .banner-icon .banner-icon-inner .banner-content-half .img-holder {
        height: 255px;
        margin: 0 auto;
        width: 100%
    }
    .management-system .content-container-upper-two .content-container-inner .content-container-inner-img>img {
        width: 100%
    }
}

@media (min-width:992px) {
    .management-system .banner .banner-content .banner-content-block .banner-btn {
        font-size: 18px;
        padding: 10px
    }
}

@media (max-width:575px) {
    .management-system .content-container-upper-two {
        padding: 24px 0
    }
    .management-system .banner-icon .banner-icon-inner {
        padding: 24px 16px
    }
}

.occupancy-protocol .banner {
    background-image: url(../images/precise-rent-banner-img.jpg);
    background-position: 50%;
    background-size: cover
}

.occupancy-protocol .banner .banner-content {
    background-color: #1e7e348f;
    color: #fff;
    padding: 8% 8% 4%
}

.occupancy-protocol .banner .banner-content .banner-content-block {
    background-color: #403d51d9;
    box-shadow: 0 2px 10px #00000020
}

.occupancy-protocol .banner .banner-content .banner-content-block .banner-heading {
    text-shadow: 0 3px 6px #00000075
}

.occupancy-protocol .content-container-upper-one .img-holder {
    height: 300px;
    margin: 0 auto;
    width: 155px
}

.occupancy-protocol .content-container-upper-two {
    background-color: #f6f9fc;
    padding: 80px 0 48px
}

.occupancy-protocol .content-container-upper-two .block-content {
    background-color: #fff;
    border-radius: 8px;
    padding: 24px 16px
}

.occupancy-protocol .content-container-upper-two .block-content .heading {
    column-gap: 8px;
    display: flex
}

.occupancy-protocol .content-container-upper-two .block-content .number {
    align-items: center;
    border: 2px solid;
    border-radius: 50%;
    color: var(--theme-light-clr);
    display: flex;
    font-family: Inter, sans-serif;
    font-weight: 600;
    height: 35px;
    justify-content: center;
    margin: auto auto 16px;
    width: 35px
}

.occupancy-protocol .banner-icon {
    background-color: #007aca;
    background-image: url(../images/bg-icon.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 150% auto
}

.occupancy-protocol .banner-icon .light-grey-bg {
    background-color: #f6f9fcf5!important
}

.occupancy-protocol .banner-icon .light-grey-bg .heading,
.occupancy-protocol .banner-icon .light-grey-bg .p-text {
    color: #000!important;
    text-shadow: none!important
}

.occupancy-protocol .banner-icon .banner-icon-inner {
    background-color: #000000d5;
    padding: 76px 16px
}

.occupancy-protocol .banner-icon .banner-icon-inner>h2,
.occupancy-protocol .banner-icon .banner-icon-inner>p {
    color: #fff;
    text-shadow: 0 2px 6px #00000075
}

.occupancy-protocol .banner-icon .banner-icon-inner .banner-content-half .img-holder {
    height: 325px;
    margin: 0 auto;
    width: 405px
}

.occupancy-protocol .banner-icon .banner-icon-inner .banner-content-half>h2,
.occupancy-protocol .banner-icon .banner-icon-inner .banner-content-half>p {
    color: #fff;
    text-shadow: 0 2px 6px #00000075
}

.occupancy-protocol .banner-icon .banner-icon-inner .banner-icon-inner-section {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px #00000020;
    padding: 36px 24px
}

.occupancy-protocol .banner-icon .banner-icon-inner .banner-icon-inner-section .green-ribbon {
    background: #28a745;
    color: #fff;
    display: block;
    font-size: 10px;
    padding: 4px 0;
    position: absolute;
    right: -36px;
    text-align: center;
    top: 24px;
    transform: rotate(40deg);
    width: 145px
}

.occupancy-protocol .banner-icon .banner-icon-inner .banner-icon-inner-section .sub-heading {
    color: var(--theme-light-clr)
}

.occupancy-protocol .banner-icon .banner-icon-inner .banner-icon-inner-section .sub-heading span {
    font-size: 14px;
    font-weight: 400
}

.occupancy-protocol .banner-icon .banner-icon-inner .banner-icon-inner-section ul {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    row-gap: 8px
}

.occupancy-protocol .banner-icon .banner-icon-inner .banner-icon-inner-section ul li {
    align-items: baseline;
    display: flex
}

.occupancy-protocol .banner-icon .banner-icon-inner .banner-icon-inner-section ul li .fa-check-circle {
    color: var(--theme-light-clr)
}

.occupancy-protocol .banner-icon .banner-icon-inner .banner-icon-btn {
    background-color: #fff;
    box-shadow: 0 2px 10px #00000050;
    color: var(--theme-light-clr);
    margin-top: 24px;
    padding: 16px 24px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.occupancy-protocol .banner-icon .banner-icon-inner .banner-icon-btn:focus,
.occupancy-protocol .banner-icon .banner-icon-inner .banner-icon-btn:hover {
    background-color: #358835;
    color: #fff
}

@media (max-width:1199px) {
    .occupancy-protocol .banner .banner-content {
        padding: 8% 3% 4%
    }
    .occupancy-protocol .banner-icon .banner-icon-inner .banner-content-half .img-holder {
        height: 255px;
        margin: 0 auto;
        width: 100%
    }
}

@media (min-width:992px) {
    .occupancy-protocol .banner .banner-content .banner-content-block .banner-btn {
        font-size: 18px;
        padding: 10px
    }
}

@media (max-width:991px) {
    .occupancy-protocol .content-container-upper-two {
        padding: 30px 0
    }
}

@media (max-width:767px) {
    .occupancy-protocol .content-container-upper-one .img-holder {
        height: 240px;
        margin: 0 auto;
        width: 120px
    }
}

@media (max-width:575px) {
    .occupancy-protocol .banner-icon .banner-icon-inner {
        padding: 24px 16px
    }
}

.deposit-account .banner {
    background-image: url(../images/precise-rent-banner-img.jpg);
    background-position: 50%;
    background-size: cover
}

.deposit-account .banner .banner-content {
    background-color: #1e7e348f;
    color: #fff;
    padding: 8% 8% 4%
}

.deposit-account .banner .banner-content .banner-content-block {
    background-color: #403d51d9;
    box-shadow: 0 2px 10px #00000020
}

.deposit-account .banner .banner-content .banner-content-block .banner-heading {
    text-shadow: 0 3px 6px #00000075
}

.deposit-account .content-container-upper-two {
    background-color: #f6f9fc;
    padding: 80px 0 48px
}

.deposit-account .content-container-upper-two .block-content {
    background-color: #fff;
    border-radius: 8px;
    padding: 24px 16px
}

.deposit-account .content-container-upper-two .block-content .heading {
    column-gap: 8px;
    display: flex
}

.deposit-account .banner-icon {
    background-color: #007aca;
    background-image: url(../images/bg-icon.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 150% auto
}

.deposit-account .banner-icon .banner-icon-inner {
    background-color: #000000d5;
    padding: 76px 16px
}

.deposit-account .banner-icon .banner-icon-inner>h2,
.deposit-account .banner-icon .banner-icon-inner>p {
    color: #fff;
    text-shadow: 0 2px 6px #00000075
}

.deposit-account .banner-icon .banner-icon-inner .banner-content-half .img-holder {
    height: 325px;
    margin: 0 auto;
    width: 405px
}

.deposit-account .banner-icon .banner-icon-inner .banner-content-half>h2,
.deposit-account .banner-icon .banner-icon-inner .banner-content-half>p {
    color: #fff;
    text-shadow: 0 2px 6px #00000075
}

.deposit-account .banner-icon .banner-icon-inner .banner-icon-inner-section {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px #00000020;
    padding: 36px 24px
}

.deposit-account .banner-icon .banner-icon-inner .banner-icon-inner-section .green-ribbon {
    background: #28a745;
    color: #fff;
    display: block;
    font-size: 10px;
    padding: 4px 0;
    position: absolute;
    right: -36px;
    text-align: center;
    top: 24px;
    transform: rotate(40deg);
    width: 145px
}

.deposit-account .banner-icon .banner-icon-inner .banner-icon-inner-section .sub-heading {
    color: var(--theme-light-clr)
}

.deposit-account .banner-icon .banner-icon-inner .banner-icon-inner-section .sub-heading span {
    font-size: 14px;
    font-weight: 400
}

.deposit-account .banner-icon .banner-icon-inner .banner-icon-inner-section ul {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    row-gap: 8px
}

.deposit-account .banner-icon .banner-icon-inner .banner-icon-inner-section ul li {
    align-items: baseline;
    display: flex
}

.deposit-account .banner-icon .banner-icon-inner .banner-icon-inner-section ul li .fa-check-circle {
    color: var(--theme-light-clr)
}

.deposit-account .banner-icon .banner-icon-inner .banner-icon-btn {
    background-color: #fff;
    box-shadow: 0 2px 10px #00000050;
    color: var(--theme-light-clr);
    margin-top: 24px;
    padding: 16px 24px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.deposit-account .banner-icon .banner-icon-inner .banner-icon-btn:focus,
.deposit-account .banner-icon .banner-icon-inner .banner-icon-btn:hover {
    background-color: #358835;
    color: #fff
}

@media (max-width:1199px) {
    .deposit-account .banner .banner-content {
        padding: 8% 3% 4%
    }
    .deposit-account .banner-icon .banner-icon-inner .banner-content-half .img-holder {
        height: 255px;
        margin: 0 auto;
        width: 100%
    }
}

@media (min-width:992px) {
    .deposit-account .banner .banner-content .banner-content-block .banner-btn {
        font-size: 18px;
        padding: 10px
    }
}

@media (max-width:991px) {
    .deposit-account .content-container-upper-two {
        padding: 30px 0
    }
}

@media (max-width:575px) {
    .deposit-account .banner-icon .banner-icon-inner {
        padding: 24px 16px
    }
}

.sign-up .panel {
    border-radius: 8px
}

.sign-up .panel .wizard-content .wizard {
    overflow: hidden;
    width: 100%
}

.sign-up .panel .wizard-content .wizard .landlord-choose-options .landlord-group-btns {
    border: 1px solid #d3d3d3;
    padding: 30px 16px;
    width: 195px
}

.sign-up .panel .wizard-content .wizard .landlord-choose-options .landlord-group-btns .fa {
    color: #525f7f;
    font-size: 48px;
    margin-bottom: 16px
}

.sign-up .panel .wizard-content .wizard .landlord-choose-options .landlord-group-btns .text {
    font-size: 16px
}

.sign-up .panel .wizard-content .wizard .landlord-choose-options .landlord-group-btns:focus {
    box-shadow: none
}

.sign-up .panel .wizard-content .wizard .landlord-choose-options .landlord-group-btns.active {
    background-color: var(--theme-light-clr)
}

.sign-up .panel .wizard-content .wizard .landlord-choose-options .landlord-group-btns.active .fa,
.sign-up .panel .wizard-content .wizard .landlord-choose-options .landlord-group-btns.active .text {
    color: #fff
}

.sign-up .panel .wizard-content .wizard .landlord-choose-options .landlord-group-btns.focus {
    box-shadow: none
}

.sign-up .panel .wizard-content .wizard>.steps {
    display: block;
    position: relative;
    width: 100%
}

.sign-up .panel .wizard-content .wizard>.steps>ul {
    display: table;
    list-style: none;
    margin: 0;
    padding: 0;
    table-layout: fixed;
    width: 100%
}

.sign-up .panel .wizard-content .wizard>.steps>ul>li {
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: auto;
    z-index: 1
}

.sign-up .panel .wizard-content .wizard>.steps>ul>li:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    z-index: 9
}

.sign-up .panel .wizard-content .wizard>.steps>ul>li:before {
    content: "";
    display: block;
    left: 0;
    position: absolute;
    z-index: 9
}

.sign-up .panel .wizard-content .wizard>.steps>ul>li a {
    display: block;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-top: 52px;
    position: relative;
    z-index: 555
}

.sign-up .panel .wizard-content .wizard>.steps>ul>li:first-child:before,
.sign-up .panel .wizard-content .wizard>.steps>ul>li:last-child:after {
    content: none
}

.sign-up .panel .wizard-content .wizard>.steps>ul>li.current>a {
    color: #2f3d4a;
    cursor: default
}

.sign-up .panel .wizard-content .wizard>.steps>ul>li.current .step {
    background-color: #fff;
    border-color: var(--theme-light-clr);
    color: var(--theme-light-clr)
}

.sign-up .panel .wizard-content .wizard>.steps>ul>li.disabled a,
.sign-up .panel .wizard-content .wizard>.steps>ul>li.disabled a:focus,
.sign-up .panel .wizard-content .wizard>.steps>ul>li.disabled a:hover {
    color: #999;
    cursor: default
}

.sign-up .panel .wizard-content .wizard>.steps>ul>li.done a,
.sign-up .panel .wizard-content .wizard>.steps>ul>li.done a:focus,
.sign-up .panel .wizard-content .wizard>.steps>ul>li.done a:hover {
    color: #999
}

.sign-up .panel .wizard-content .wizard>.steps>ul>li.done .step {
    background-color: var(--theme-light-clr);
    border-color: var(--theme-light-clr);
    color: #fff
}

.sign-up .panel .wizard-content .wizard>.steps>ul>li.error .step {
    border-color: #f62d51;
    color: #f62d51
}

.sign-up .panel .wizard-content .wizard>.steps .current-info {
    left: -99999px;
    position: absolute
}

.sign-up .panel .wizard-content .wizard>.steps .step {
    background-color: #fff;
    display: inline-block;
    left: 50%;
    margin-left: -24px;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 10
}

.sign-up .panel .wizard-content .wizard .content {
    margin-left: 0!important
}

.sign-up .panel .wizard-content .wizard>.content {
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: auto
}

.sign-up .panel .wizard-content .wizard>.content>.title {
    left: -99999px;
    position: absolute
}

.sign-up .panel .wizard-content .wizard>.content>.body {
    padding: 0 20px
}

.sign-up .panel .wizard-content .wizard>.content>iframe {
    border: 0;
    height: 100%;
    width: 100%
}

.sign-up .panel .wizard-content .wizard>.actions {
    display: block;
    padding: 0 20px 20px;
    position: relative;
    text-align: right
}

.sign-up .panel .wizard-content .wizard>.actions>ul {
    display: flex;
    justify-content: flex-end;
    list-style: none;
    margin: 24px 0 0
}

.sign-up .panel .wizard-content .wizard>.actions>ul:after {
    clear: both;
    content: "";
    display: table
}

.sign-up .panel .wizard-content .wizard>.actions>ul>li>a {
    background: var(--theme-light-clr);
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff!important;
    display: block;
    padding: 7px 12px;
    text-align: center;
    text-decoration: none;
    width: 95px
}

.sign-up .panel .wizard-content .wizard>.actions>ul>li>a:focus,
.sign-up .panel .wizard-content .wizard>.actions>ul>li>a:hover {
    -webkit-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .05);
    box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .05)
}

.sign-up .panel .wizard-content .wizard>.actions>ul>li>a:active {
    -webkit-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .1)
}

.sign-up .panel .wizard-content .wizard>.actions>ul>li>a[href="#previous"] {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    color: #54667a!important
}

.sign-up .panel .wizard-content .wizard>.actions>ul>li>a[href="#previous"]:focus,
.sign-up .panel .wizard-content .wizard>.actions>ul>li>a[href="#previous"]:hover {
    -webkit-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .02);
    box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .02)
}

.sign-up .panel .wizard-content .wizard>.actions>ul>li>a[href="#previous"]:active {
    -webkit-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .04);
    box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .04)
}

.sign-up .panel .wizard-content .wizard>.actions>ul>li+li {
    margin-left: 10px
}

.sign-up .panel .wizard-content .wizard>.actions>ul>li.disabled>a,
.sign-up .panel .wizard-content .wizard>.actions>ul>li.disabled>a:focus,
.sign-up .panel .wizard-content .wizard>.actions>ul>li.disabled>a:hover {
    color: #999
}

.sign-up .panel .wizard-content .wizard>.actions>ul>li.disabled>a[href="#previous"],
.sign-up .panel .wizard-content .wizard>.actions>ul>li.disabled>a[href="#previous"]:focus,
.sign-up .panel .wizard-content .wizard>.actions>ul>li.disabled>a[href="#previous"]:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.sign-up .panel .wizard-content .wizard.wizard-circle>.steps>ul>li:after,
.sign-up .panel .wizard-content .wizard.wizard-circle>.steps>ul>li:before {
    background-color: var(--theme-light-clr);
    height: 3px;
    top: 45px;
    width: 50%
}

.sign-up .panel .wizard-content .wizard.wizard-circle>.steps>ul>li.current:after,
.sign-up .panel .wizard-content .wizard.wizard-circle>.steps>ul>li.current~li:after,
.sign-up .panel .wizard-content .wizard.wizard-circle>.steps>ul>li.current~li:before {
    background-color: #f3f3f3
}

.sign-up .panel .wizard-content .wizard.wizard-circle>.steps .step {
    border: 3px solid #f3f3f3;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.3rem;
    height: 50px;
    line-height: 45px;
    width: 50px
}

.sign-up .panel .wizard-content .wizard.wizard-notification>.steps>ul>li:after,
.sign-up .panel .wizard-content .wizard.wizard-notification>.steps>ul>li:before {
    background-color: var(--theme-light-clr);
    height: 2px;
    top: 39px;
    width: 50%
}

.sign-up .panel .wizard-content .wizard.wizard-notification>.steps>ul>li.current .step {
    border: 2px solid var(--theme-light-clr);
    color: var(--theme-light-clr);
    line-height: 36px
}

.sign-up .panel .wizard-content .wizard.wizard-notification>.steps>ul>li.current .step:after {
    border-top-color: var(--theme-light-clr)
}

.sign-up .panel .wizard-content .wizard.wizard-notification>.steps>ul>li.current:after {
    background-color: #f3f3f3
}

.sign-up .panel .wizard-content .wizard.wizard-notification>.steps>ul>li.done .step {
    color: #fff
}

.sign-up .panel .wizard-content .wizard.wizard-notification>.steps>ul>li.done .step:after {
    border-top-color: var(--theme-light-clr)
}

.sign-up .panel .wizard-content .wizard.wizard-notification>.steps>ul>li.current~li:after,
.sign-up .panel .wizard-content .wizard.wizard-notification>.steps>ul>li.current~li:before {
    background-color: #f3f3f3
}

.sign-up .panel .wizard-content .wizard.wizard-notification>.steps .step {
    background-color: #f3f3f3;
    border-radius: 15%;
    font-size: 1.3rem;
    height: 40px;
    line-height: 40px;
    width: 40px
}

.sign-up .panel .wizard-content .wizard.wizard-notification>.steps .step:after {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 8px solid #f3f3f3;
    bottom: 0;
    content: "";
    height: 0;
    left: 50%;
    margin-bottom: -8px;
    margin-left: -8px;
    position: absolute;
    width: 0
}

.sign-up .panel .wizard-content .wizard.vertical>.steps {
    display: inline;
    float: left;
    width: 20%
}

.sign-up .panel .wizard-content .wizard.vertical>.steps>ul>li {
    display: block;
    width: 100%
}

.sign-up .panel .wizard-content .wizard.vertical>.steps>ul>li.current:after,
.sign-up .panel .wizard-content .wizard.vertical>.steps>ul>li.current:before,
.sign-up .panel .wizard-content .wizard.vertical>.steps>ul>li.current~li:after,
.sign-up .panel .wizard-content .wizard.vertical>.steps>ul>li.current~li:before,
.sign-up .panel .wizard-content .wizard.vertical>.steps>ul>li:after,
.sign-up .panel .wizard-content .wizard.vertical>.steps>ul>li:before {
    background-color: transparent
}

@media (max-width:767px) {
    .sign-up .panel .wizard-content .wizard.wizard-circle .landlord-choose-options .landlord-group-btns {
        padding: 16px 24px;
        width: unset
    }
    .sign-up .panel .wizard-content .wizard.wizard-circle .landlord-choose-options .landlord-group-btns .fa {
        font-size: 18px;
        margin-bottom: 0
    }
    .sign-up .panel .wizard-content .wizard.wizard-circle .landlord-choose-options .landlord-group-btns .text {
        display: none
    }
    .sign-up .panel .wizard-content .wizard.wizard-circle>.steps .step {
        border: 3px solid #f3f3f3;
        border-radius: 50%;
        font-size: 14px;
        height: 40px;
        line-height: 35px;
        margin-left: -20px;
        width: 40px
    }
    .sign-up .panel .wizard-content .wizard.wizard-circle>.steps>ul>li a {
        padding-top: 40px
    }
    .sign-up .panel .wizard-content .wizard.wizard-circle>.steps>ul>li:after,
    .sign-up .panel .wizard-content .wizard.wizard-circle>.steps>ul>li:before {
        top: 40px
    }
}

.sign-in {
    border-radius: 8px
}

.sign-in .sign-in-block-header {
    background-color: var(--theme-light-clr);
    border-radius: 8px 8px 0 0
}

.sign-in .sign-in-block-header .sign-in-block-header-inner {
    padding: 16px 24px
}

.sign-in .sign-in-block-header .PolygonRuler {
    display: flex;
    height: 0;
    padding-bottom: 3.90625%;
    position: relative;
    width: 100%
}

.sign-in .sign-in-block-header .PolygonRuler .PolygonRuler__SVG {
    bottom: -.0625rem;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

.sign-in .sign-in-block-header .PolygonRuler .PolygonRuler__SVG .PolygonRuler__Polygon {
    fill: #fff
}

.forget-password {
    border-radius: 8px
}

.forget-password .forget-pass-block-header {
    background-color: var(--theme-light-clr);
    border-radius: 8px 8px 0 0
}

.forget-password .forget-pass-block-header .forget-pass-block-header-inner {
    padding: 16px 24px
}

.forget-password .forget-pass-block-header .PolygonRuler {
    display: flex;
    height: 0;
    padding-bottom: 3.90625%;
    position: relative;
    width: 100%
}

.forget-password .forget-pass-block-header .PolygonRuler .PolygonRuler__SVG {
    bottom: -.0625rem;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

.forget-password .forget-pass-block-header .PolygonRuler .PolygonRuler__SVG .PolygonRuler__Polygon {
    fill: #fff
}

.forget-password #forgetPassForm {
    padding: 24px
}

.collection-rent .banner {
    background-image: url(../images/precise-rent-banner-img.jpg);
    background-position: 50%;
    background-size: cover
}

.collection-rent .banner .banner-content {
    background-color: #1e7e348f;
    color: #fff;
    padding: 8% 8% 4%
}

.collection-rent .banner .banner-content .banner-content-block {
    background-color: #403d51d9;
    box-shadow: 0 2px 10px #00000020
}

.collection-rent .banner .banner-content .banner-content-block .banner-heading {
    text-shadow: 0 3px 6px #00000075
}

.collection-rent .content-container-upper-two {
    background-color: #f6f9fc;
    padding: 56px 0
}

.collection-rent .content-container-upper-two .content-container-inner .content-container-inner-img>img {
    width: 85%
}

.collection-rent .content-container-upper-two .content-container-inner .content-container-inner-section p:first-child {
    color: var(--theme-light-clr);
    font-family: Inter, sans-serif;
    font-weight: 600
}

.collection-rent .content-container-upper-two .content-container-inner .content-container-inner-section h4 {
    margin-bottom: 16px
}

.collection-rent .banner-icon {
    background-color: #007aca;
    background-image: url(../images/bg-icon.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 150% auto
}

.collection-rent .banner-icon .light-grey-bg {
    background-color: #f6f9fcf5!important
}

.collection-rent .banner-icon .light-grey-bg .heading,
.collection-rent .banner-icon .light-grey-bg .p-text {
    color: #000!important;
    text-shadow: none!important
}

.collection-rent .banner-icon .banner-icon-inner {
    background-color: #000000d5;
    padding: 76px 16px
}

.collection-rent .banner-icon .banner-icon-inner>h2,
.collection-rent .banner-icon .banner-icon-inner>p {
    color: #fff;
    text-shadow: 0 2px 6px #00000075
}

.collection-rent .banner-icon .banner-icon-inner .banner-icon-inner-section {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px #00000020;
    padding: 36px 24px
}

.collection-rent .banner-icon .banner-icon-inner .banner-icon-inner-section .green-ribbon {
    background: #28a745;
    color: #fff;
    display: block;
    font-size: 10px;
    padding: 4px 0;
    position: absolute;
    right: -36px;
    text-align: center;
    top: 24px;
    transform: rotate(40deg);
    width: 145px
}

.collection-rent .banner-icon .banner-icon-inner .banner-icon-inner-section .sub-heading {
    color: var(--theme-light-clr)
}

.collection-rent .banner-icon .banner-icon-inner .banner-icon-inner-section .sub-heading span {
    font-size: 14px;
    font-weight: 400
}

.collection-rent .banner-icon .banner-icon-inner .banner-icon-inner-section ul {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    row-gap: 8px
}

.collection-rent .banner-icon .banner-icon-inner .banner-icon-inner-section ul li {
    align-items: baseline;
    display: flex
}

.collection-rent .banner-icon .banner-icon-inner .banner-icon-inner-section ul li .fa-check-circle {
    color: var(--theme-light-clr)
}

.collection-rent .banner-icon .banner-icon-inner .banner-icon-btn {
    background-color: #fff;
    box-shadow: 0 2px 10px #00000050;
    color: var(--theme-light-clr);
    margin-top: 24px;
    padding: 16px 24px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.collection-rent .banner-icon .banner-icon-inner .banner-icon-btn:focus,
.collection-rent .banner-icon .banner-icon-inner .banner-icon-btn:hover {
    background-color: #358835;
    color: #fff
}

@media (max-width:1199px) {
    .collection-rent .banner .banner-content {
        padding: 8% 3% 4%
    }
    .collection-rent .content-container-upper-two .content-container-inner .content-container-inner-img>img {
        width: 100%
    }
}

@media (min-width:992px) {
    .collection-rent .banner .banner-content .banner-content-block .banner-btn {
        font-size: 18px;
        padding: 10px
    }
}

@media (max-width:575px) {
    body .admin-main-content {
        padding-bottom: 5.4rem;;
    }

    .admin-panel-footer {
        height: 5.4rem;
    }

    .collection-rent .content-container-upper-two {
        padding: 24px 0
    }
    .collection-rent .banner-icon .banner-icon-inner {
        padding: 24px 16px
    }
}

.rent-guarantee .banner {
    background-image: url(../images/precise-rent-banner-img.jpg);
    background-position: 50%;
    background-size: cover
}

.rent-guarantee .banner .banner-content {
    background-color: #1e7e348f;
    color: #fff;
    padding: 8% 8% 4%
}

.rent-guarantee .banner .banner-content .banner-content-block {
    background-color: #403d51d9;
    box-shadow: 0 2px 10px #00000020
}

.rent-guarantee .banner .banner-content .banner-content-block .banner-heading {
    text-shadow: 0 3px 6px #00000075
}

.rent-guarantee .banner-icon {
    background-color: #007aca;
    background-image: url(../images/bg-icon.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 150% auto
}

.rent-guarantee .banner-icon .light-grey-bg {
    background-color: #f6f9fcf5!important
}

.rent-guarantee .banner-icon .light-grey-bg .heading,
.rent-guarantee .banner-icon .light-grey-bg .p-text {
    color: #000!important;
    text-shadow: none!important
}

.rent-guarantee .banner-icon .banner-icon-inner {
    background-color: #000000d5;
    padding: 76px 16px
}

.rent-guarantee .banner-icon .banner-icon-inner>h2,
.rent-guarantee .banner-icon .banner-icon-inner>p {
    color: #fff;
    text-shadow: 0 2px 6px #00000075
}

.rent-guarantee .banner-icon .banner-icon-inner .banner-content-half .img-holder {
    height: 325px;
    margin: 0 auto;
    width: 405px
}

.rent-guarantee .banner-icon .banner-icon-inner .banner-content-half>h2,
.rent-guarantee .banner-icon .banner-icon-inner .banner-content-half>p {
    color: #fff;
    text-shadow: 0 2px 6px #00000075
}

.rent-guarantee .banner-icon .banner-icon-inner .banner-icon-inner-section {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px #00000020;
    padding: 36px 24px
}

.rent-guarantee .banner-icon .banner-icon-inner .banner-icon-inner-section .green-ribbon {
    background: #28a745;
    color: #fff;
    display: block;
    font-size: 10px;
    padding: 4px 0;
    position: absolute;
    right: -36px;
    text-align: center;
    top: 24px;
    transform: rotate(40deg);
    width: 145px
}

.rent-guarantee .banner-icon .banner-icon-inner .banner-icon-inner-section .sub-heading {
    color: var(--theme-light-clr)
}

.rent-guarantee .banner-icon .banner-icon-inner .banner-icon-inner-section .sub-heading span {
    font-size: 14px;
    font-weight: 400
}

.rent-guarantee .banner-icon .banner-icon-inner .banner-icon-inner-section ul {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    row-gap: 8px
}

.rent-guarantee .banner-icon .banner-icon-inner .banner-icon-inner-section ul li {
    align-items: baseline;
    display: flex
}

.rent-guarantee .banner-icon .banner-icon-inner .banner-icon-inner-section ul li .fa-check-circle {
    color: var(--theme-light-clr)
}

.rent-guarantee .banner-icon .banner-icon-inner .banner-icon-btn {
    background-color: #fff;
    box-shadow: 0 2px 10px #00000050;
    color: var(--theme-light-clr);
    margin-top: 24px;
    padding: 16px 24px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.rent-guarantee .banner-icon .banner-icon-inner .banner-icon-btn:focus,
.rent-guarantee .banner-icon .banner-icon-inner .banner-icon-btn:hover {
    background-color: #358835;
    color: #fff
}

.rent-guarantee .content-container-upper-two {
    background-color: #f6f9fc;
    padding: 80px 0 48px
}

.rent-guarantee .content-container-upper-two .block-content {
    background-color: #fff;
    border-radius: 8px;
    padding: 24px 16px
}

.rent-guarantee .content-container-upper-two .block-content .img-holder {
    height: 65px;
    width: 65px
}

.rent-guarantee .content-container-upper-two .block-content .heading {
    column-gap: 8px;
    display: flex
}

.rent-guarantee .content-container-upper-two .block-content .number {
    align-items: center;
    border: 2px solid;
    border-radius: 50%;
    color: var(--theme-light-clr);
    display: flex;
    font-family: Inter, sans-serif;
    font-weight: 600;
    height: 35px;
    justify-content: center;
    margin: auto auto 16px;
    width: 35px
}

.rent-guarantee .content-container-upper-three {
    padding: 80px 0 48px
}

.rent-guarantee .content-container-upper-three .block-content {
    background-color: #f6f9fc;
    border-radius: 8px;
    padding: 36px;
    position: relative
}

.rent-guarantee .content-container-upper-three .block-content-left:after {
    border: 20px solid transparent;
    border-left: none;
    border-right-color: #f6f9fc;
    content: " ";
    left: -20px;
    position: absolute;
    top: 15px
}

.rent-guarantee .content-container-upper-three .block-content-right:after {
    border: 20px solid transparent;
    border-left: 20px solid #f6f9fc;
    border-right: none;
    content: " ";
    position: absolute;
    right: -20px;
    top: 15px
}

.rent-guarantee .content-container-upper-three .seperator {
    background-color: #e4e7ea;
    color: #e4e7ea;
    display: inline-block;
    height: 100%
}

.rent-guarantee .content-container-upper-three .number {
    align-items: center;
    background: var(--theme-light-clr);
    border: 2px solid;
    border-radius: 50%;
    color: #fff;
    display: flex;
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-weight: 600;
    height: 45px;
    justify-content: center;
    width: 45px
}

@media (max-width:1199px) {
    .rent-guarantee .banner .banner-content {
        padding: 8% 3% 4%
    }
    .rent-guarantee .banner-icon .banner-icon-inner .banner-content-half .img-holder {
        height: 255px;
        margin: 0 auto;
        width: 100%
    }
}

@media (min-width:992px) {
    .rent-guarantee .banner .banner-content .banner-content-block .banner-btn {
        font-size: 18px;
        padding: 10px
    }
}

@media (max-width:991px) {
    .rent-guarantee .content-container-upper-three,
    .rent-guarantee .content-container-upper-two {
        padding: 30px 0
    }
    .rent-guarantee .content-container-upper-three .block-content-left:after,
    .rent-guarantee .content-container-upper-three .block-content-right:after {
        content: none
    }
    .rent-guarantee .content-container-upper-three .number-outer {
        left: -15px;
        position: absolute;
        top: -15px;
        z-index: 1
    }
    .rent-guarantee .content-container-upper-three .number-outer .number {
        font-size: 16px;
        height: 35px;
        width: 35px
    }
    .rent-guarantee .content-container-upper-three .seperator {
        display: none
    }
}

@media (max-width:575px) {
    .rent-guarantee .banner-icon .banner-icon-inner {
        padding: 24px 16px
    }
}

.privacy-policy .banner {
    background-image: url(../images/precise-rent-banner-img.jpg);
    background-position: 50%;
    background-size: cover
}

.privacy-policy .banner .banner-content {
    background-color: #1e7e348f;
    color: #fff;
    padding: 8% 20% 6%;
    text-align: center
}

.privacy-policy .banner .banner-content .banner-content-block {
    background-color: #403d51d9;
    box-shadow: 0 2px 10px #00000020
}

.privacy-policy .banner .banner-content .banner-content-block .banner-heading {
    text-shadow: 0 3px 6px #00000075
}

@media (max-width:1199px) {
    .privacy-policy .banner .banner-content {
        padding: 8% 8% 5%
    }
}

@media (max-width:991px) {
    .privacy-policy .banner .banner-content {
        padding: 8%
    }
}

.all-features .banner {
    background-image: url(../images/precise-rent-banner-img.jpg);
    background-position: 50%;
    background-size: cover
}

.all-features .banner .banner-content {
    background-color: #1e7e348f;
    color: #fff;
    padding: 8% 8% 4%
}

.all-features .banner .banner-content .banner-content-block {
    background-color: #403d51d9;
    box-shadow: 0 2px 10px #00000020
}

.all-features .banner .banner-content .banner-content-block .banner-heading {
    text-shadow: 0 3px 6px #00000075
}

.all-features .navigation-bar {
    background-color: #7dc587;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    padding: 40px 24px;
    z-index: 1
}

.all-features .navigation-bar a.btn {
    background-color: #fff;
    padding: 8px 14px;
    transform: scale(1)
}

.all-features .navigation-bar a.btn.active,
.all-features .navigation-bar a.btn:focus,
.all-features .navigation-bar a.btn:hover {
    background-color: #358835;
    color: #fff
}

.all-features .content-container-upper-two {
    background-color: #f6f9fc;
    padding: 56px 0
}

.all-features .content-container-upper-two .content-container-inner .content-container-inner-img>img {
    width: 85%
}

.all-features .content-container-upper-two .content-container-inner .content-container-inner-section p:first-child {
    color: var(--theme-light-clr);
    font-family: Inter, sans-serif;
    font-weight: 600
}

.all-features .content-container-upper-two .content-container-inner .content-container-inner-section h4 {
    margin-bottom: 16px
}

.all-features .banner-icon {
    background-color: #007aca;
    background-image: url(../images/bg-icon.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 150% auto
}

.all-features .banner-icon .banner-icon-inner {
    background-color: #000000d5;
    padding: 76px 16px
}

.all-features .banner-icon .banner-icon-inner>h2,
.all-features .banner-icon .banner-icon-inner>p {
    color: #fff;
    text-shadow: 0 2px 6px #00000075
}

.all-features .banner-icon .banner-icon-inner .banner-icon-inner-section {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px #00000020;
    padding: 36px 24px
}

.all-features .banner-icon .banner-icon-inner .banner-icon-inner-section .green-ribbon {
    background: #28a745;
    color: #fff;
    display: block;
    font-size: 10px;
    padding: 4px 0;
    position: absolute;
    right: -36px;
    text-align: center;
    top: 24px;
    transform: rotate(40deg);
    width: 145px
}

.all-features .banner-icon .banner-icon-inner .banner-icon-inner-section .sub-heading {
    color: var(--theme-light-clr)
}

.all-features .banner-icon .banner-icon-inner .banner-icon-inner-section .sub-heading span {
    font-size: 14px;
    font-weight: 400
}

.all-features .banner-icon .banner-icon-inner .banner-icon-inner-section ul {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    row-gap: 8px
}

.all-features .banner-icon .banner-icon-inner .banner-icon-inner-section ul li {
    align-items: baseline;
    display: flex
}

.all-features .banner-icon .banner-icon-inner .banner-icon-inner-section ul li .fa-check-circle {
    color: var(--theme-light-clr)
}

.all-features .banner-icon .banner-icon-inner .banner-icon-btn {
    background-color: #fff;
    box-shadow: 0 2px 10px #00000050;
    color: var(--theme-light-clr);
    margin-top: 24px;
    padding: 16px 24px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.all-features .banner-icon .banner-icon-inner .banner-icon-btn:focus,
.all-features .banner-icon .banner-icon-inner .banner-icon-btn:hover {
    background-color: #358835;
    color: #fff
}

@media (max-width:991px) {
    .all-features .content-container-upper-two {
        padding: 24px 0
    }
}

@media (max-width:575px) {
    .all-features .navigation-bar {
        padding: 16px
    }
    .all-features .navigation-bar a.btn {
        width: 100%
    }
    .all-features .banner-icon .banner-icon-inner {
        padding: 24px 16px
    }
}

#dashboardSidebar {
    background-color: #001421;
    height: 100%;
    left: 0;
    position: fixed;
    transition: margin .25s ease-out;
    width: 255px;
    z-index: 555
}

#dashboardSidebar .sidebar-logo {
    object-fit: contain;
    width: 125px
}

#dashboardSidebar .side-nav .side-nav-links {
    list-style: none
}

#dashboardSidebar .side-nav .side-nav-links>li {
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#dashboardSidebar .side-nav .side-nav-links>li .sidebar-links {
    color: #fff;
    display: block;
    margin: 2px 0;
    padding: 8px 16px;
    text-decoration: none;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

#dashboardSidebar .side-nav .side-nav-links>li .sidebar-links .sidebar-link-icons {
    font-size: 14px;
    text-align: center;
    width: 25px
}

#dashboardSidebar .side-nav .side-nav-links>li.active,
#dashboardSidebar .side-nav .side-nav-links>li:hover {
    background-color: #3588357a
}

#dashboardSidebar .side-nav .side-nav-links>li.active li.active {
    background-color: #358835
}

#dashboardSidebar .side-nav .side-nav-links .dropdown .side-nav-dropdown {
    display: none;
    list-style: none;
    padding: 0 16px 16px
}

#dashboardSidebar .side-nav .side-nav-links .dropdown .side-nav-dropdown>li {
    border-bottom: 1px solid #ffffff45;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#dashboardSidebar .side-nav .side-nav-links .dropdown .side-nav-dropdown>li:hover {
    background-color: #358835
}

#dashboardSidebar .side-nav .side-nav-links .dropdown .side-nav-dropdown>li:last-child {
    border-bottom: none
}

#dashboardSidebar .side-nav .side-nav-links .dropdown .side-nav-dropdown>li .sidebar-links {
    display: block;
    padding: 8px 16px;
    text-decoration: none;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

#dashboardSidebar .side-nav .side-nav-links .dropdown:after {
    color: #fff;
    content: "\f105";
    font-family: Font Awesome\ 5 Free;
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    right: 16px;
    top: 6px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#dashboardSidebar .side-nav .side-nav-links .opend {
    background-color: #3588357a
}

#dashboardSidebar .side-nav .side-nav-links .opend:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg)
}

.toggled {
    margin-left: 0!important
}

.sidebar-toggle {
    margin-left: -255px!important
}

.custom-switch .custom-control-input:checked~.custom-control-label:after {
    transform: translateX(1.65rem)
}

.custom-switch .custom-control-input:focus:not(:checked)~.custom-control-label:before {
    background-color: #fff;
    border: 2px solid #545b627d
}

.custom-switch .custom-control-label:before {
    background-color: #fff;
    border: 2px solid #545b627d;
    border-radius: .5rem;
    height: 1.13rem;
    left: -2.25rem;
    pointer-events: all;
    width: 2.75rem
}

.custom-switch .custom-control-label:after {
    left: calc(-2.2rem + 2px);
    top: calc(.28rem + 2px)
}

#dashboardSidebarRightContent {
    margin-left: 255px;
    transition: margin .25s ease-out;
}

#dashboardSidebarRightContent a,
#dashboardSidebarRightContent button {
    transform: scale(1)
}

#dashboardSidebarRightContent .admin-panel-header {
    background-color: #001421;
    padding: 8px;
    z-index: 5;
}

#dashboardSidebarRightContent .admin-panel-header #menuToggle {
    font-size: 24px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#dashboardSidebarRightContent .admin-panel-header #menuToggle:hover {
    transform: scale(1.3)
}

#dashboardSidebarRightContent .admin-panel-header #menuToggle+.a-link {
    display: none
}

#dashboardSidebarRightContent .admin-main-content {
    padding-bottom: 3rem!important
}

#dashboardSidebarRightContent .admin-main-content .nav-pills-container {
    border-right: 2px solid #e9ecef
}

#dashboardSidebarRightContent .admin-main-content .nav-pills-container .nav-pills .nav-link {
    border: 2px solid green;
    border-radius: .25rem;
    color: #000
}

#dashboardSidebarRightContent .admin-main-content .nav-pills-container .nav-pills .nav-link.active,
#dashboardSidebarRightContent .admin-main-content .nav-pills-container .nav-pills .show>.nav-link {
    background-color: #28a745;
    border: 2px solid #1e7e34;
    color: #fff
}

#dashboardSidebarRightContent .admin-panel-footer {
    height: 3rem;
    padding: 12px 8px
}

@media (max-width:1199px) {
    #dashboardSidebarRightContent .admin-panel-header {
        background-color: #001421;
        padding: 8px 0
    }
    #dashboardSidebarRightContent .admin-panel-footer {
        padding: 12px 0
    }
}

@media (max-width:991px) {
    #dashboardSidebarRightContent {
        margin-left: 0
    }
    #dashboardSidebarRightContent .admin-panel-header #sideNavOverlay {
        background-color: rgba(0, 0, 0, .55);
        height: 100vh;
        left: 0;
        right: 0;
        top: 0;
        width: 100vw;
        z-index: 555
    }
}

.avatar-wrapper {
    border-radius: 50%;
    box-shadow: 0 2px 10px #00000050;
    height: 155px;
    margin: 25px auto;
    overflow: hidden;
    position: relative;
    transition: all .3s ease;
    width: 155px
}

.avatar-wrapper:hover {
    cursor: pointer;
    transform: scale(1.05)
}

.avatar-wrapper:hover .profile-pic {
    opacity: .5
}

.avatar-wrapper .profile-pic {
    height: 100%;
    transition: all .3s ease;
    width: 100%
}

.avatar-wrapper .profile-pic:after {
    background: #ecf0f1;
    color: #34495e;
    content: "\f007";
    font-family: Font Awesome\ 5 Free;
    font-size: 120px;
    text-align: center
}

.avatar-wrapper .profile-pic:after,
.avatar-wrapper .upload-button {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.avatar-wrapper .upload-button .profile-img-uploaded-icon {
    align-items: center;
    color: #34495e;
    display: flex;
    font-size: 75px;
    height: 100%;
    justify-content: center;
    opacity: 0;
    text-align: center;
    transition: all .3s ease;
    width: 100%
}

.avatar-wrapper .upload-button:hover .profile-img-uploaded-icon {
    opacity: .9
}

.property-pg .info-container {
    border: 2px solid var(--theme-light-clr);
    border-radius: 6px;
    padding: 16px
}

.property-pg .info-container .info-icon {
    align-items: center;
    background-color: var(--theme-light-clr);
    border-radius: 50%;
    box-shadow: 0 2px 10px #00000020;
    color: #fff;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    height: 35px;
    justify-content: center;
    width: 35px
}

.property-pg .more-info-btn {
    border-bottom: 2px dashed;
    margin-bottom: 6px;
    padding-bottom: 6px
}

@media (max-width:575px) {
    .create-property-pg .info-container {
        padding: 12px 0
    }
}

.create-lease-pg .depo-gurantee-sec .deposit-sec-outer {
    margin-bottom: 24px
}

.create-lease-pg .depo-gurantee-sec .deposit-sec-outer .deposit-section-block {
    background: var(--theme-light-clr);
    border-radius: 8px;
    height: 100%;
    padding: 24px;
    text-align: center
}

.create-lease-pg .depo-gurantee-sec .deposit-sec-outer .deposit-section-block .fa-deposit-icons {
    color: #fff;
    font-size: 30px
}

.create-lease-pg .depo-gurantee-sec .deposit-rental-user-sec {
    align-items: center;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    margin: 24px auto;
    max-width: 665px;
    padding: 24px
}

.create-lease-pg .ready-for-sign-sec .ready-for-sign-sec-inner {
    border-radius: 8px
}

.create-lease-pg .ready-for-sign-sec .ready-for-sign-sec-inner .pdf-img {
    height: 30px;
    margin-right: 24px
}

.create-lease-pg .steps-info-main {
    margin: auto;
    max-width: 505px
}

.create-lease-pg .steps-info-main .steps-info {
    align-items: center;
    column-gap: 16px;
    display: flex;
    margin-bottom: 36px
}

.create-lease-pg .steps-info-main .steps-info .fa-icons {
    align-items: center;
    background: #28a745;
    border-radius: 50px;
    color: #fff;
    display: flex;
    font-size: 14px;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem
}

.create-lease-pg .check-tenant-pay-remarks-container {
    border-radius: 8px;
    padding: 24px 48px
}

.create-lease-pg .al-range-slider {
    padding-bottom: 0;
    padding-top: 0
}

.create-lease-pg .al-range-slider .al-range-slider__track {
    height: 1.3em
}

.create-lease-pg .al-range-slider .al-range-slider__track .al-range-slider__bar {
    background: linear-gradient(90deg, #403d51, #358835);
    border-radius: 1em;
    box-shadow: 0 0 6px #00000050
}

.create-lease-pg .al-range-slider .al-range-slider__track .al-range-slider__knob {
    box-shadow: 0 0 6px #00000050
}

.create-lease-pg .al-range-slider .al-range-slider__track .al-range-slider__knob:hover,
.create-lease-pg .al-range-slider .al-range-slider__track .al-range-slider__knob_active {
    border-color: var(--theme-light-clr)
}

.create-lease-pg .al-range-slider .al-range-slider__input {
    display: none
}

.create-lease-pg .pdf-images {
    box-shadow: 0 2px 10px #00000020;
    margin: auto;
    max-width: 575px;
    padding: 30px
}

.create-lease-pg .pdf-images .pdf-img {
    margin: auto;
    max-height: 675px;
    object-fit: contain;
    width: 100%
}

@media (max-width:1199px) {
    .create-lease-pg .steps-info-main {
        margin: auto;
        max-width: 505px
    }
    .create-lease-pg .steps-info-main .steps-info {
        align-items: center;
        column-gap: 16px;
        display: flex;
        margin-bottom: 36px
    }
    .create-lease-pg .steps-info-main .steps-info .fa-icons {
        font-size: 12px;
        height: 2rem;
        width: 2rem
    }
}

@media (min-width:576px) {
    .create-lease-pg .depo-gurantee-sec .depo-gurantee-btn {
        width: 235px
    }
    .create-lease-pg .ready-for-sign-sec .ready-for-sign-sec-inner .thankyou-btn {
        width: 315px
    }
}

@media (max-width:575px) {
    #dashboardSidebarRightContent .admin-main-content {
        padding-bottom: 5.4rem!important;
    }
    
    #dashboardSidebarRightContent .admin-panel-footer {
        height: 5.4rem;
    }

    .create-lease-pg .steps-info-main .steps-info {
        margin-bottom: 24px
    }
    .create-lease-pg .depo-gurantee-sec .deposit-rental-user-sec {
        flex-direction: column;
        padding: 16px;
        row-gap: 12px;
        text-align: center
    }
    .create-lease-pg .check-tenant-pay-remarks-container {
        padding: 16px
    }
    .create-lease-pg .al-range-slider .al-range-slider__knob {
        border-width: .3em;
        height: 1.5em;
        width: 1.5em
    }
    .create-lease-pg .al-range-slider .al-range-slider__grid-mark,
    .create-lease-pg .al-range-slider .al-range-slider__tooltip {
        font-size: 12px
    }
}

.properties-container {
    margin-bottom: 24px
}

.properties-container:last-child {
    margin-bottom: 0
}

.properties-container .all-prop-block .all-prop-block-inner {
    background: var(--theme-light-clr);
    border-radius: 4px 0 0 4px;
    border-right: 2px solid #001421;
}

.properties-container .all-prop-block .all-prop-block-inner .prop-name {
    text-shadow: 0 2px 6px #00000075;
}

@media (max-width:991px) {
    .properties-container {
        margin-bottom: 16px;
    }
    .properties-container .all-prop-block .all-prop-block-inner {
        border-radius: 4px 4px 0 0;
        border-right: 0;
    }
}

.dashboard-front-pg .total-block-section {
    min-height: 185px;
}

.dashboard-front-pg .total-block-section .below-head-block {
    margin-bottom: 8px;
}

.dashboard-front-pg .total-block-section .lg-block-icon {
    font-size: 30px;
    margin-bottom: 12px;
}

.dashboard-front-pg .total-block-section .lg-block-icon+.p-text {
    color: unset;
    height: 3rem;
}

.dashboard-front-pg .total-block-section .block-badge {
    color: var(--theme-light-clr);
    font-weight: 700;
    font-size: 28px;
}

.dashboard-front-pg .follow-up-section-block .follow-up-section-inner {
    margin-bottom: 16px
}

.dashboard-front-pg .follow-up-section-block .follow-up-section-inner .follow-up-inner-center-section {
    width: 50%
}

.dashboard-front-pg .follow-up-section-block .follow-up-section-inner:last-child {
    margin-bottom: 0
}

.dashboard-front-pg .follow-up-section-block .follow-up-section-inner .icon-ellipse {
    align-items: center;
    background-color: var(--theme-light-clr);
    border-radius: 50px;
    display: inline-flex;
    height: 32px;
    justify-content: center;
    width: 32px
}

@media (max-width:575px) {
    .dashboard-front-pg .total-block-section {
        min-height: auto
    }
    .dashboard-front-pg .follow-up-section-block .follow-up-section-inner {
        align-items: center;
        flex-direction: column;
        row-gap: 16px
    }
    .dashboard-front-pg .follow-up-section-block .follow-up-section-inner .follow-up-inner-center-section {
        width: 100%
    }
}

.all-leases-container .all-leases-container-inner {
    margin-bottom: 24px
}

.all-leases-container .all-leases-container-inner:last-child {
    margin-bottom: 0
}

.all-leases-container .all-leases-container-inner .all-leases-first-block {
    background: var(--theme-light-clr);
    border-radius: 4px 0 0 4px;
    border-right: 2px solid #001421;
}

.all-leases-container .all-leases-container-inner .all-leases-first-block .lease-name {
    text-shadow: 0 2px 6px #00000075
}

.all-leases-container .all-leases-container-inner .all-leases-first-block .lease-name:first-child {
    background-color: #3588357a;
    padding: 8px
}

@media (max-width:991px) {
    .all-leases-container .all-leases-first-block {
        border-radius: 4px 4px 0 0;
        border-right: 0
    }
    .all-leases-container .leases-btns-block {
        gap: 12px
    }
}

.google-map {
    height: 100%;
    width: 100%
}

@media (max-width:991px) {
    .google-map {
        height: 235px
    }
}

.multiple-users-chat-box {
    background: #001421;
}

.multiple-users-chat-box .dropdown-btn-dots {
    right: 8px;
    top: 16px
}

.multiple-users-chat-box .dropdown-btn-dots .dropdown-menu {
    border-radius: 8px
}

.multiple-users-chat-box .me,
.multiple-users-chat-box .offline,
.multiple-users-chat-box .online {
    font-size: 10px;
    margin-right: 3px
}

.multiple-users-chat-box .online {
    color: var(--theme-light-clr)
}

.multiple-users-chat-box .offline {
    color: #e38968
}

.multiple-users-chat-box .me {
    color: #001421;
}

.multiple-users-chat-box ul {
    list-style: none
}

.multiple-users-chat-box .people-list .status {
    color: #92959e
}

.multiple-users-chat-box .people-list img {
    border-radius: 50%;
    float: left
}

.multiple-users-chat-box .people-list .about {
    float: left;
    margin-top: 8px;
    padding-left: 8px
}

.multiple-users-chat-box .people-list .about .name {
    color: #fff
}

.multiple-users-chat-box .people-list ul li {
    cursor: pointer;
    margin: 2px 0;
    padding: 10px 20px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.multiple-users-chat-box .people-list ul li.active,
.multiple-users-chat-box .people-list ul li:active,
.multiple-users-chat-box .people-list ul li:focus,
.multiple-users-chat-box .people-list ul li:hover {
    background-color: #3588357a
}

.multiple-users-chat-box .people-list .search-outer {
    padding: 20px
}

.multiple-users-chat-box .people-list .search-outer .fa-search {
    color: #fff;
    right: 10px
}

.multiple-users-chat-box .people-list .search-outer .search-filter {
    background: transparent;
    border-width: 1px;
    box-shadow: 0 0 4px #00000050;
    color: #fff;
    font-size: 14px;
    padding-right: 2.2rem
}

.multiple-users-chat-box .people-list .search-outer .search-filter::placeholder {
    color: #fff
}

.multiple-users-chat-box .chat-outer {
    background: url(https://thumbs.dreamstime.com/b/mobile-apps-pattern-white-background-50171276.jpg);
    background-size: contain
}

.multiple-users-chat-box .chat {
    background-color: #ffffffb5;
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #434651;
    min-height: 485px
}

.multiple-users-chat-box .chat .chat-header {
    border-bottom: 2px solid #cccccc65;
    padding: 20px
}

.multiple-users-chat-box .chat .chat-header .chat-num-messages {
    color: #92959e
}

.multiple-users-chat-box .chat .chat-header img {
    border-radius: 50%;
    float: left
}

.multiple-users-chat-box .chat .chat-header .chat-about {
    float: left;
    margin-top: 6px;
    padding-left: 10px
}

.multiple-users-chat-box .chat .chat-header .chat-about .chat-with {
    font-weight: 700
}

.multiple-users-chat-box .chat .chat-history {
    border-bottom: 2px solid #cccccc65;
    height: 375px;
    overflow-y: auto;
    padding: 30px 30px 20px
}

.multiple-users-chat-box .chat .chat-history .message-data {
    margin-bottom: 15px
}

.multiple-users-chat-box .chat .chat-history .message-data-time {
    color: #a8aab1;
    padding-left: 6px
}

.multiple-users-chat-box .chat .chat-history .message {
    border-radius: 7px;
    line-height: 26px;
    margin-bottom: 30px;
    padding: 18px 20px;
    position: relative;
    width: 55%
}

.multiple-users-chat-box .chat .chat-history .message .dropdown-btn-dots {
    top: 4px
}

.multiple-users-chat-box .chat .chat-history .message:after {
    border: 10px solid transparent;
    border-bottom-color: var(--theme-light-clr);
    bottom: 100%;
    content: "";
    height: 0;
    left: 7%;
    margin-left: -10px;
    pointer-events: none;
    position: absolute;
    width: 0
}

.multiple-users-chat-box .chat .chat-history .my-message {
    background: var(--theme-light-clr)
}

.multiple-users-chat-box .chat .chat-history .other-message {
    background: #001421;
}

.multiple-users-chat-box .chat .chat-history .other-message:after {
    border-bottom-color: #001421;
    left: 93%;
}

.multiple-users-chat-box .chat .chat-message {
    padding: 30px;
}

.multiple-users-chat-box .chat .chat-message textarea {
    font-size: 14px;
}

.multiple-users-chat-box .clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden
}

@media (max-width:991px) {
    .multiple-users-chat-box .chat .chat-history .message {
        width: 80%
    }
}

@media (max-width:767px) {
    .multiple-users-chat-box .people-list .search-outer {
        padding: 16px
    }
    .multiple-users-chat-box .people-list ul {
        height: 141px;
        margin-bottom: 0;
        overflow-y: auto
    }
    .multiple-users-chat-box .people-list ul li {
        padding: 6px 16px
    }
    .multiple-users-chat-box .chat {
        border-top-right-radius: 0
    }
    .multiple-users-chat-box .chat .chat-header {
        align-items: center;
        display: flex;
        flex-direction: column
    }
    .multiple-users-chat-box .chat .chat-history {
        padding: 16px
    }
    .multiple-users-chat-box .chat .chat-history .message {
        width: 100%
    }
    .multiple-users-chat-box .chat .chat-message {
        padding: 16px
    }
}

.open-lease-pg .top-head-block .icon-head-block {
    font-size: 20px
}

.open-lease-pg .timeline-container {
    height: 692px;
    margin: 0 16px;
    overflow: auto;
    padding-bottom: 16px;
    padding-right: 16px
}


/*# sourceMappingURL=style.css.map */