@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');

html {
    overflow-x: hidden;
}

::selection {
    color: #FFF;
    background-color: #1570EF;
}

body {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 16px;
    overflow-x: hidden;
    line-height: 1.4;
    min-height: 100vh;
}

a {
    transition: all 0.25s ease-in-out;
}

a:hover {
    color: inherit;
}

h1 {
    font-size: 36px;
}

.visualhidden {
    opacity: 0;
}

.no-outline {
    outline: none !important;
}

.form-control {
    outline: none;
    height: 2.75rem;
    line-height: 2.75rem;
    border-radius: 0.5rem;
    color: #667085;
    border-color: #D0D5DD;
    background-color: transparent;
    transition: all 0.25s ease-in-out;
}

.form-control:focus {
    box-shadow: none;
}

/* Standard syntax */
.form-control::placeholder {
    color: #b6bdc9;
    opacity: 1;
    /* Ensure full opacity */
}

/* For Mozilla Firefox */
.form-control::-moz-placeholder {
    color: #b6bdc9;
    opacity: 1;
}

/* For Internet Explorer and Edge */
.form-control:-ms-input-placeholder {
    color: #b6bdc9;
}

/* For older WebKit browsers (Safari, Chrome) */
.form-control::-webkit-input-placeholder {
    color: #b6bdc9;
}


select.form-control[multiple],
select.form-control[size] {
    height: 2.75rem;
}

textarea.form-control {
    height: auto;
    line-height: 1.5;
    resize: none;
}

.form-control-plaintext {
    border-radius: 0.5rem;
    height: 2.75rem;
    line-height: 2.75rem;
    color: #667085;
    border-color: #D0D5DD;
    padding: .375rem .75rem;
    background-color: transparent;
}

.input-group>.form-control-plaintext:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group>.form-control-plaintext:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-warning,
.btn-primary,
.btn-secondary,
.btn-transparent,
.btn-danger {
    height: 2.75rem;
    border-radius: 0.5rem;
    box-shadow: none !important;
    transition: all 0.25s ease-in-out;
}

.btn-sm.btn-danger,
.btn-sm.btn-transparent,
.btn-sm.btn-primary,
.btn-sm.btn-outline {
    height: 2.5rem;
}

.btn-outline {
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:not(:disabled):not(.disabled):active {
    background-color: #EAECF0;
}

.btn-danger {
    background-color: #F04438;
    border-color: #F04438;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active {
    background-color: #D92D20;
    border-color: #D92D20 !important;
}

.btn-danger.disabled,
.btn-danger:disabled {
    background-color: #FDA29B;
    border-color: #FDA29B !important;
}

.btn.disabled,
.btn:disabled {
    cursor: not-allowed;
}

.btn-warning {
    background-color: #F79009;
    border-color: #F79009;
    color: #FFF;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active {
    background-color: #DC6803;
    border-color: #DC6803;
    color: #FFF;
}

.small-text {
    font-size: 0.75rem;
}

.regular-text {
    font-size: 0.875rem;
}

.medium-text {
    font-size: 1rem;
}

.large-text {
    font-size: 1.125rem;
}

.xl-text {
    font-size: 24px;
}

.fwt-300 {
    font-weight: 400;
}

.fwt-400 {
    font-weight: 400;
}

.fwt-500 {
    font-weight: 500;
}

.fwt-600 {
    font-weight: 600;
}

.fwt-700 {
    font-weight: 700;
}

.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-nowrap {
    white-space: nowrap;
}

.text-primary-900 {
    color: #0A0816;
}

.text-primary-700 {
    color: #15112B;
}

.text-primary-600 {
    color: #1A1536;
}

.text-grey-700 {
    color: #344054;
}

.text-grey-500 {
    color: #667085;
}

.text-grey-100 {
    color: #F2F4F7;
}

.text-grey-400 {
    color: #98A2B3;
}

.text-grey-600 {
    color: #475467;
}

.text-grey-900 {
    color: #101828;
}

.text-blue-500 {
    color: #2E90FA;
}

.text-blue-600 {
    color: #1570EF;
}

.text-blue-700 {
    color: #175CD3;
}

.text-success-600 {
    color: #039855;
}

.text-error-500 {
    color: #F04438;
}

.text-error-600 {
    color: #D92D20;
}

.text-warning-600 {
    color: #DC6803;
}

.hvr-text-blue-600:hover,
.hvr-text-blue-600:focus {
    color: #1570EF;
}

.hvr-text-blue-700:hover,
.hvr-text-blue-700:focus {
    color: #175CD3;
}

.hvr-bg-grey-50:hover,
.hvr-bg-grey-50:focus {
    background-color: #F9FAFB;
}

.hvr-bg-grey-100:hover,
.hvr-bg-grey-100:focus {
    background-color: #F2F4F7;
}

.hvr-bg-blue-25:hover,
.hvr-bg-blue-25:focus {
    background-color: #F5FAFF;
}

.hvr-bg-grey-200:hover,
.hvr-bg-grey-200:focus {
    background-color: #EAECF0;
}

.hvr-bg-grey-300:hover,
.hvr-bg-grey-300:focus {
    background-color: #D0D5DD;
}

.hvr-bg-blue-600:hover,
.hvr-bg-blue-700:focus {
    background-color: #1570EF;
}

.hvr-bg-blue-700:hover,
.hvr-bg-blue-700:focus {
    background-color: #175CD3;
}

.hvr-text-error-500:hover,
.hvr-text-error-500:focus {
    color: #F04438;
}

.hvr-text-success-700:hover,
.hvr-text-success-700:focus {
    color: #027A48;
}

.hvr-text-error-700:hover,
.hvr-text-error-700:focus {
    color: #B42318;
}

.hvr-bg-grey-600:hover,
.hvr-bg-grey-600:focus {
    background-color: #475467;
}

.hvr-underline:hover {
    text-decoration: underline;
}

.bg-grey-100 {
    background-color: #F2F4F7;
}

.bg-grey-25 {
    background-color: #FCFCFD;
}

.bg-grey-50 {
    background-color: #F9FAFB;
}

.bg-grey-200 {
    background-color: #EAECF0;
}

.bg-grey-300 {
    background-color: #D0D5DD;
}

.bg-grey-500 {
    background-color: #667085;
}

.bg-blue-200 {
    background-color: #B2DDFF;
}

.bg-blue-500 {
    background-color: #2E90FA;
}

.bg-blue-600 {
    background-color: #1570EF;
}

.bg-primary-600 {
    background-color: #1A1536;
}

.border-grey-200 {
    border-color: #EAECF0 !important;
}

.border-grey-300 {
    border-color: #D0D5DD !important;
}

.border-grey-400 {
    border-color: #98A2B3 !important;
}

.border-grey-500 {
    border-color: #667085 !important;
}

.border-grey-600 {
    border-color: #475467 !important;
}

.border-grey-700 {
    border-color: #344054 !important;
}

.border-grey-900 {
    border-color: #101828;
}

.border-blue-500 {
    border-color: #2E90FA !important;
}

.border-blue-600 {
    border-color: #1570EF !important;
}

.border-primary-600 {
    border-color: #1A1536 !important;
}

.border-primary-900 {
    border-color: #0A0816 !important;
}

.border-success-600 {
    border-color: #039855 !important;
}

.border-error-600 {
    border-color: #D92D20 !important;
}

.border-warning-600 {
    border-color: #DC6803 !important;
}

.btn-primary-600 {
    background-color: #1570EF;
}

.btn-secondary-600 {
    border-color: #475467;
    background-color: #475467;
}

.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active {
    background-color: #1D2939;
    border-color: #1D2939;
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: #98A2B3;
}

.btn-primary {
    border-color: #1570EF;
    background-color: #1570EF
}

.btn-primary:hover {
    border-color: #175CD3;
    background-color: #175CD3
}

.border-radius-3 {
    border-radius: 3rem;
}

.rounded-2 {
    border-radius: 0.5rem;
}

.rounded-3 {
    border-radius: 1rem;
}

.rounded-4 {
    border-radius: 1.5rem;
}

.border-2 {
    border: 2px solid !important;
}

.no-underline {
    text-decoration: none !important;
}

.text-decoration-underline {
    text-decoration: underline;
}

.input-group-btn .toggle-visibility {
    right: 0;
    top: 32px;
    border: 0;
    outline: 0;
    width: 50px;
    height: 43px;
    line-height: 43px;
    padding: 0;
    z-index: 25;
    text-align: center;
    cursor: pointer;
    transition: all .25s ease-in-out;
}

.input-group-btn .input-toggle:hover,
.input-group-btn .input-toggle:focus {
    color: #dbdbdb;
}

.circular-icon {
    background-color: #302c4a;
    border: 0.5rem solid #1a1536;
    padding: 1rem;
}

.circular-icon.verified {
    background-color: #D1FADF;
    border-color: #ECFDF3;
}

.circular-icon img {
    width: 2rem;
}

.text-error-700 {
    color: #B42318;
}

.bg-error-25 {
    background-color: #FFFBFA;
}

.bg-success-25 {
    background-color: #F6FEF9;
}

.bg-error-600 {
    background-color: #D92D20;
}

.bg-success-600 {
    background-color: #039855;
}

.bg-warning-600 {
    background-color: #DC6803;
}

.border-error-500 {
    border-color: #F04438 !important;
}

.border-success-500 {
    border-color: #12B76A !important;
}

.alert-inline {
    padding: 0.75rem 1.25rem;
    border: 1px solid transparent;
}

.alert-feedback-icon {
    position: relative;
    padding-left: 3rem;
    transition: all 0.15s ease-in-out;
}

.alert-feedback-icon::before {
    font-family: 'icomoon', sans-serif;
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    width: 2rem;
    height: 2rem;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 50%;
    border-width: 0.25rem;
    border-style: solid;
}

.alert-danger {
    background-color: #FFFBFA;
    border-color: #F04438;
}

.alert-success {
    border-color: #12B76A;
    background-color: #F6FEF9;
}

.alert-warning {
    background-color: #FFFCF5;
    border-color: #F79009;
}

.alert-info,
.alert-primary {
    border-color: #1DAEFF;
    background-color: #E8F7FF;
}

.alert-danger.alert-feedback-icon::before {
    color: #D92D20;
    content: "\e900";
    background-color: #FEE4E2;
    border-color: #FEF3F2;
}

.alert-success.alert-feedback-icon::before {
    color: #039855;
    content: "\e91a";
    background-color: #D1FADF;
    border-color: #ECFDF3;
}

.alert-warning.alert-feedback-icon::before {
    content: "\e902";
    color: #DC6803;
    border-color: #FFFCF5;
    background-color: #FEF0C7;
}

.alert-primary.alert-feedback-icon::before {
    content: "\e982";
    color: #1570EF;
    border-color: transparent;
    background-color: #A5DFFF;
}

.alert-info.alert-feedback-icon::before {
    content: "\e949";
    color: #1570EF;
    border: none;
    font-size: 1.25rem;
    top: 0.75rem;
}

.bv-form .help-block {
    color: #667085;
}

.bv-form .has-error .form-control {
    border-color: #FDA29B;
}

.bv-form .has-error .help-block {
    display: block;
    margin-top: 0.25rem;
    color: #F04438;
    font-size: 0.875rem;
}

.bv-form .has-error .form-control-feedback {
    color: #F04438;
}

.bv-form .form-control-feedback.icon-check,
.bv-form .has-success .form-control-feedback {
    color: #039855;
}

.bv-form .form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 2.75rem;
    height: 2.75rem;
    line-height: 2.75rem;
    text-align: center;
    pointer-events: none;
}

.bv-form .has-label .form-control-feedback {
    top: 1.875rem;
}

.bv-form .has-text .form-control-feedback {
    top: -0.75rem;
}

.bv-form .has-toggle .form-control-feedback {
    right: 2rem;
}

.bv-form .select2-group .form-control-feedback {
    top: 1.8rem;
    right: 1rem;
}

.bv-form .has-feedback .form-control {
    padding-right: 2.5rem;
}

.rounded-only-left {
    border-radius: 0.5rem 0 0 0.5rem;
}

.rounded-only-right {
    border-radius: 0 0.5rem 0.5rem 0;
}

.rounded-file-control {
    position: relative;
    border: 1px dotted #D0D5DD;
    width: 5rem;
    height: 5rem;
    overflow: hidden;
}

.rounded-file-control .default-placeholder {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.5rem;
    margin-left: -0.5rem;
    font-size: 1rem;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    transition: all 0.15s ease-in-out;
}

.rounded-file-control.has-picture .default-placeholder {
    top: 150%;
}

.rounded-file-control input[type="file"] {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.drag-and-drop {
    position: relative;
    height: 12.5rem;
    border: 1px solid #D0D5DD;
    overflow: hidden;
    transition: all 0.25s ease-in-out;
}

.drag-and-drop.is-hovering {
    background-color: #EAECF0;
}

.drag-and-drop input[type="file"] {
    position: absolute;
    top: -9999px;
    right: -9999px;
}

.drag-and-drop .dnd-icon {
    width: 2rem;
    height: 2rem;
    line-height: 1rem;
}

.drag-and-drop .dnd-content,
.drag-and-drop .dnd-filled {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all 0.25s ease-in-out;
}

.drag-and-drop .dnd-content {
    top: 0;
    left: 0;
}

.drag-and-drop .dnd-filled {
    top: 100%;
    left: 0;
}

.drag-and-drop.has-document .dnd-filled {
    top: 0;
}

.drag-and-drop.has-image .dnd-filled {
    top: 0;
    left: 0;
}

.drag-and-drop.has-image .dnd-content,
.drag-and-drop.has-document .dnd-content {
    top: -100%;
}

.c2u {
    cursor: pointer;
}

.loader-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(10, 8, 22, 0.075);
    display: none;
    z-index: 1100;
}

.loader-svg {
    position: absolute;
    top: 45%;
    left: 50%;
    margin-top: -3.125rem;
    margin-left: -3.125rem;
    width: 6.25rem;
    height: 6.25rem;
    line-height: 6.25rem;
    text-align: center;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
}

.progress-sm {
    height: 0.5rem;
    border-radius: 0.5rem;
}

.shadow-extra-light {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.shadow-light {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
}

.position-top-right {
    top: 1.25rem;
    right: 1.25rem;
    z-index: 1200;
    min-width: 20rem;
    transition: all 0.25s ease-in-out;
}

.position-top-right.visualhidden {
    top: -5rem;
}

@media (max-width: 767px) {
    .position-top-right {
        min-width: 10rem;
        max-width: 90%;
        right: 5%;
    }
}

.toggle-switch {
    position: relative;
    display: inline-block;
    width: 2.5rem;
    height: 1.5rem;
}

.toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #EAECF0;
    border: 1px solid #F2F4F7;
    border-radius: 1.5rem;
    transition: 0.4s;
}

.toggle-switch .slider:before {
    position: absolute;
    content: "";
    height: 1rem;
    width: 1rem;
    left: 4px;
    top: 3px;
    background-color: #FCFCFD;
    border-radius: 50%;
    transition: 0.4s;
}

.toggle-switch input:checked+.slider {
    background-color: #1570EF;
}

.toggle-switch input:checked+.slider:before {
    background-color: #FFF;
    transform: translateX(14px);
}

.toggle-switch input:disabled+.slider {
    background-color: #d3d3d3;
    cursor: not-allowed;
    opacity: 0.75;
}

.w-4 {
    width: 4.25rem;
}

.w-7 {
    width: 7rem;
}

.w-10 {
    width: 10rem;
}

.wh-5 {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
}

.p-66 {
    padding-bottom: 66.66666667%;
}

.bg-cover {
    background-size: cover;
}

.bg-center {
    background-position: center center;
}

.cursor-pointer {
    cursor: pointer
}

.cursor-grab {
    cursor: grab
}

.transition-ease {
    transition: all 0.25s ease-in-out;
}

.table-fixed {
    table-layout: fixed;
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

/* Spacelink outlined checkbox */
.checkbox .form-check-label {
    position: relative;
    cursor: pointer;
    padding-left: 1.75rem;
    user-select: none;
}

.checkbox .form-check-input {
    display: none;
}

.checkbox .form-check-label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    border: 2px solid #1570EF;
    padding: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    border-radius: 0.25rem;
}

.checkbox .form-check-input:checked+.form-check-label:after {
    position: absolute;
    content: '';
    display: block;
    top: 0.2rem;
    left: 0.45rem;
    width: 0.35rem;
    height: 0.7rem;
    border: solid #1570EF;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

@media(min-width: 768px) and (max-width: 991px) {
    .nav-sm-horizontal {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        flex-wrap: nowrap;
        flex-direction: row !important;
        padding: 0.75rem 0;
    }

    .nav-sm-horizontal::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #EAECF0;
        box-shadow: none;
    }

    .nav-sm-horizontal::-webkit-scrollbar {
        height: 4px;
        background-color: #EAECF0;
    }

    .nav-sm-horizontal::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #98A2B3;
        box-shadow: none;
    }

    .nav-sm-horizontal>li {
        float: none;
        display: inline-block;
    }
}

.tooltip-inner {
    background-color: #101828;
    color: #FCFCFD;
    border-radius: 0.4rem;
    padding: .5rem .75rem;
    font-weight: 400;
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    border-right-color: #101828 !important;
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow:before {
    border-left-color: #101828 !important;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #101828 !important;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow:before {
    border-top-color: #101828 !important;
}

.icon-rotate-180 {
    transform: rotate(180deg);
}

.full-screen-carousel {
    height: 100%;
}

.full-screen-carousel .carousel-inner {
    height: 100%;
}

.full-screen-carousel .carousel-item {
    background-color: #D0D5DD;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
}

.full-screen-carousel .carousel-control-next,
.full-screen-carousel .carousel-control-prev {
    width: 3rem;
    height: 3rem;
    background-color: #101828;
    font-size: 1.25rem;
    opacity: 0.6;
    color: #FCFCFD;
    top: 50%;
    margin-top: -1.5rem;
    z-index: 100
}

.full-screen-carousel .carousel-control-next {
    right: 1rem;
}

.full-screen-carousel .carousel-control-prev {
    left: 1rem;
}

.full-screen-carousel .carousel-control-next:focus,
.full-screen-carousel .carousel-control-next:hover,
.full-screen-carousel .carousel-control-prev:focus,
.full-screen-carousel .carousel-control-prev:hover {
    opacity: 0.8;
}

.full-screen-carousel .carousel-pager {
    left: 1rem;
    bottom: 1rem;
    background-color: #101828;
    color: #FCFCFD;
    opacity: 0.8;
}

.full-screen-carousel .carousel-item [class*=uk-inline] {
    height: 100%;
}

.g-maps-container {
    height: 22.5rem;
}

/* Google maps autocomplete styles starts */
.pac-container {
    margin-top: 0.25rem;
    border-radius: 0.5rem;
    border: 1px solid #D0D5DD;
    max-height: 15rem;
    overflow-y: auto;
}

.pac-item {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1rem;
    padding: 0.375rem 0.5rem;
    color: #212529;
    border-color: #D0D5DD;
}

.pac-item:first-child {
    border-top: 0;
}

.pac-item .pac-item-query {
    font-size: 1rem;
}

.pac-container .pac-icon {
    width: 20px;
    height: 20px;
}

.pac-container .pac-stacked-icon,
.pac-container .pac-property-icon,
.pac-container .pac-vacancy-icon,
.pac-container .pac-keyword-icon {
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 80%;
}

.pac-container .pac-property-icon {
    background-image: url('../img/icons/apartment.png');
}

.pac-container .pac-vacancy-icon {
    background-image: url('../img/icons/vacancy-key.png');
}

.pac-container .pac-keyword-icon {
    background-image: url('../img/icons/hashtag.png');
}

.pac-container .pac-stacked-icon {
    background-image: url('../img/icons/stack.png');
}
/* Google maps autocomplete styles ends */

.nav-map-tabs .nav-link {
    border: 1px solid #1A1536;
    padding: 0.75rem;
    border-radius: 0.5rem;
}

.nav-map-tabs .nav-link:focus,
.nav-map-tabs .nav-link:hover {
    background-color: #EAECF0;
    border-color: #EAECF0;
}

.nav-map-tabs .nav-item.show .nav-link,
.nav-map-tabs .nav-link.active {
    color: #FFF;
    background-color: #1570EF;
    border-color: #1570EF;
}

.gm-style {
    font: 400 14px 'Space Grotesk', Verdana, sans-serif !important;
}

.gm-info {
    font-family: 'Space Grotesk', sans-serif;
}

.gm-style .gm-style-iw-c {
    max-height: 18rem !important;
}

.gm-style .gm-style-iw-d {
    max-height: 15rem !important;
}

.gm-style .gm-style-iw-c .gm-ui-hover-effect {
    top: 0 !important;
    right: 0 !important;
    outline: 0 !important;
    opacity: 1 !important;
    width: 1.5rem !important;
    height: 1.5rem !important;
    line-height: 1.5rem !important;
    position: absolute !important;
}

.gm-style .gm-style-iw-c .gm-ui-hover-effect>span {
    background-color: #667085;
    width: 1.5rem !important;
    height: 1.5rem !important;
    margin: 0 !important;
}

.gm-style-iw-ch {
    padding-top: 0 !important;
}

.gm-style .gm-style-iw-c .gm-ui-hover-effect:hover>span,
.gm-style .gm-style-iw-c .gm-ui-hover-effect:focus>span {
    background-color: #D92D20;
}

.pac-logo::after {
    display: none !important;
}

.lnk-right-icon {
    padding: 0.75rem 3rem 0.75rem 0.75rem;
}

.lnk-right-icon .icon {
    top: 50%;
    right: 0.75rem;
    margin-top: -0.75rem;
    line-height: 1
}

.lnk-outline .icon {
    top: 50%;
    left: 50%;
    margin-top: -0.75rem;
    margin-left: -0.75rem;
    line-height: 1;
}

/* Shareable actions styles starts */
.list-shareable-actions li a {
    width: 3.5rem;
    height: 3.5rem;
    border: 1px solid #D0D5DD;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50%;
}

.list-shareable-actions li a.lnk-whatsapp {
    background-image: url('../img/icons/whatsapp.png');
}

.list-shareable-actions li a.lnk-email {
    background-image: url('../img/icons/envelope-blue.png');
}

.list-shareable-actions li a.lnk-new-tab {
    background-image: url('../img/icons/new-tab.png');
}

/* Shareable actions styles ends */

/* Shortlist options and digital brochures styles starts */

.header-branding img {
    height: 5.5rem;
}

.option-card .cover-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.shortlist-card .badge-counter,
.option-card .badge-counter {
    z-index: 100;
}

.rounded-profile-image {
    min-width: 6.5rem;
    min-height: 6.5rem;
    background-color: #D0D5DD;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Shortlist options and digital brochures styles ends */

.overflow-break-word {
    overflow-wrap: break-word;
}

/* Inline loader style starts */

.inline-loader {
    display: none;
}

.loader-rings {
    display: inline-block;
    position: relative;
    width: 5rem;
    height: 5rem;
}

.loader-rings div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 4rem;
    height: 4rem;
    border: 0.25rem solid #667085;
    border-radius: 50%;
    animation: loader-rings 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #667085 transparent transparent transparent;
}

.loader-rings div:nth-child(1) {
    animation-delay: -0.45s;
}

.loader-rings div:nth-child(2) {
    animation-delay: -0.3s;
}

.loader-rings div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes loader-rings {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Inline loader style ends */

/* Info window styles starts here */
.gm-property-img {
    width: 100%;
    padding-bottom: 66.6666%;
    background-size: cover;
    background-position: center center;
}

.gm-style .gm-style-iw-c {
    padding: 0 !important;
    min-width: 15rem !important;
    max-width: 16rem !important;
}

.gm-style .gm-style-iw-d {
    overflow: hidden !important;
    max-height: 20rem !important;
}

.gm-style .gm-style-iw-c .gm-ui-hover-effect {
    top: 0.5rem !important;
    right: 0.5rem !important;
    border-radius: 0.25rem;
    color: #667085;
    background-color: #FCFCFD !important;
    transition: all 0.25s ease-in-out;
}

/* Info window styles ends here */

/* Availability labels style starts */

.label-availability {
    background-color: #EAECF0;
    color: #475467;
    font-weight: 500;
    padding: 4px 12px;
    border-radius: 1rem;
    white-space: nowrap;
}

.label-on-market,
.label-immediately {
    color: #039855;
    background-color: #D1FADF;
}

.label-date {
    color: #DC6803;
    background-color: #FEF0C7;
}

.label-under-offer {
    color: #6938EF;
    background-color: #EBE9FE;
}

.label-tbc {
    color: #7A5AF8;
    background-color: #F4F3FF;
}

.label-leased {
    color: #D92D20;
    background-color: #FEE4E2;
}

.label-off-market {
    color: #1570EF;
    background-color: #D1E9FF;
}

.label-purchase-date {
    color: #475467;
    background-color: #EAECF0;
}

/* Availability labels style ends  */

/* Custom radio styles starts */
.custom-radio {
    position: relative;
    top: 0.15em;
    width: 1em;
    height: 1rem;
    border: 0.125em solid #1570EF;
    cursor: pointer;
    border-radius: 50%;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: border-color 0.2s ease;
}

.custom-radio:checked {
    border-color: #1570EF;
    background-color: #FFF;
}

.custom-radio:checked::before {
    content: '';
    width: 0.5em;
    height: 0.5em;
    background-color: #1570EF;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Custom radio styles ends */

@media (min-width: 768px) {
    .table-md-fixed {
        table-layout: fixed;
    }
}

@media (max-width: 767px) {
    .nav-xs-horizontal {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        flex-wrap: nowrap;
        flex-direction: row !important;
        padding: 0.75rem 0;
    }

    .nav-xs-horizontal::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #EAECF0;
        box-shadow: none;
    }

    .nav-xs-horizontal::-webkit-scrollbar {
        height: 4px;
        background-color: #EAECF0;
    }

    .nav-xs-horizontal::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #98A2B3;
        box-shadow: none;
    }

    .nav-xs-horizontal>li {
        float: none;
        display: inline-block;
    }

    .full-screen-carousel .carousel-item {
        padding-bottom: 66.6666%;
    }

    .full-screen-carousel .carousel-item [class*=uk-inline] {
        position: absolute;
        width: 100%;
        z-index: 99;
    }

    .lnk-right-icon {
        width: 3.5rem;
        height: 3.5rem;
        padding: 0;
    }

    .lnk-right-icon .icon {
        left: 50%;
        margin-left: -1rem;
    }

    .option-card .cover-image {
        padding-bottom: 66.6666%;
    }

}