@import url('aws_global.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Work+Sans:ital,wght@0,400;0,700;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Felipa&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --font-inter: 'Inter', sans-serif;
    --font-worksans: 'Work Sans', sans-serif; 
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
p,
span,
a,
input {
    font-family: var(--font-worksans);
}

.aws-banner.aws_section, .cws_section.cws-banner { padding-bottom: 4.5rem !important; }

.banner_socials a { margin-right: 0.15rem !important; }

.max-width-250 {
    max-width: 250px;
}

.property_card {
    max-width: 278px;
    margin-right: 18px;
}

.template-6-header {
    position: relative;
}

.nav-tabs .nav-item .nav-link {
	font-size: 16px;
	text-transform: capitalize;
}

.slick-next:before {
    background: url(https://content.harstatic.com/media/icons/back_black_right.svg) no-repeat center center;
    filter: opacity(0.4);
    transition: .3s;
}

.slick-prev:before {
    background: url(https://content.harstatic.com/media/icons/back_black.svg) no-repeat center center;
    filter: opacity(0.4);
    transition: .3s;
}

.slick-next:hover:before {
	filter: opacity(1);
}

.slick-prev:hover:before {
	filter: opacity(1);
}

.slick-prev,
.slick-next {
    margin: 0px 0px;
}

.template-6-header .menu--btn {
    position: absolute;
    right: 45px;
    top: 1rem;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    background: none;
    border: none;
    outline: none;
    display: flex;
    align-items: center;
}

.template-6-header .menu--btn img {
    max-width: 24px;
    margin-left: 10px;
}

.template-6-header::before {
    position: absolute;
    content: '';
    background-image: url(https://content.harstatic.com/media/artwork/agent_website_banner_bg.svg);
    top: 0;
    left: 0;
    bottom: -20px;
    width: 58.333333%;
    z-index: 0;
    background-size: cover;
    background-position: center right;
    bottom: 0px;
}

.template-6-header .filter-max-width {
    max-width: 440px;
}

.template-6-header .user-info {
    display: flex;
    flex-direction: row;
}

.template-6-header .user-info .discription {
    opacity: 0.64;
}

.template-6-header .dropdown-toggle {
    background-color: rgba(255, 255, 255, 0.12) !important;
    border: none !important;
    color: #fff;
}

.menu_dropdown a.nav-item,
.nav_bar_contact {
    font-weight: 600 !important;
    color: #666666;
}

.font_weight--semi_bold {
    font-weight: 600 !important;
}

.template-6-header .border-bottom.d-table-cell {
    border-bottom-color: rgba(221, 221, 221, 0.24) !important;
}

.template-6-header .min-width-350 {
    min-width: 350px;
}

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

.template-6-header .link_inverse:hover {
    color: #fff;
    text-decoration: none;
}

.template-6-header .book--time {
    background-color: rgba(255, 255, 255, 0.12) !important;
    padding: 25px 24px;
    border-radius: 4px;
    color: #fff;
}

.template-6-header .book--time img {
    width: 20px;
}

.template-6-header .dropdown--quickselect .dropdown-toggle:after {
    filter: invert(1);
}

.template-6-header .dropdown--quickselect .dropdown-toggle {
    padding-left: 16px !important;
}

/*.template-6-header .user-info .img-container {
width: 72px;
height: 72px;
}
.template-6-header .user-info .img-container img {
width: 100%;
height: auto;
object-fit: cover;
height: 70px;
width: 70px;
}*/
.activity_block .icon {
    margin-right: 0px;
}

.form-control__quicksearch {
    background: #ffffff url("https://content.harstatic.com/media/icons/icon_search_auxiliary.svg") no-repeat right 20px center;
    font-size: 16px;
    font-family: 'Work Sans', sans-serif;
}

.template-6-header .user-info .star-icon {
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.template-6-header .nav-tabs--negative .nav-link {
    text-transform: capitalize;
    opacity: 0.72;
    border-bottom: 3px solid rgba(221, 221, 221, 0.24);
}

.template-6-header .nav-tabs--negative .nav-link.active {
    font-weight: bold;
    opacity: 1;
    border-bottom: 3px solid rgba(221, 221, 221, 1);
    padding-bottom: 8px;
}

.template-6-header .fs-40 {
    font-size: 40px;
}

.template-6-header .fs-20 {
    font-size: 20px;
}

.template-6 .card--agent_large__content_desc img {
    width: 18px;
    object-fit: contain;
}

.border_radius--extra {
    border-radius: 16px;
}

.text--color-666 {
    color: #666;
}

.some-of-listings .slick-slide {
    margin-right: 18px;
}

.banner--area {
	position: relative;
}  

.banner--area:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50%;
    height: 100%;
    background: url(https://content.harstatic.com/resources/agentwebsite/bgs/picture.jpg);
    background-size: cover;
    border-radius: 0px 0px 0px 32px;
}

.some-of-listings .property_card {
    width: 100%;
    margin-left: 0;
    border: 1px solid #dfe3f0;
    margin-right: 14px;
    margin-left: 4px !important;
}

.property_card .card-body {
    padding: 12px;
}

.property_card_img {
    min-height: 224px;
}

/*
.template-6 .nav-tabs .nav-link.active,
.template-6 .nav-tabs .nav-item.show .nav-link,
.template-6 .nav-tabs .nav-link:hover,
.template-6 .nav-tabs .nav-link:focus,
.template-6 .nav-tabs .nav-link {
border: none !important;
}
*/
.template-6 .nav-tabs {
    border-top: 0;
    border-bottom: 1px solid #dddddd;
    gap: 30px;
}

.template-6 .nav-tabs .nav-link {
    color: #777777;
    font-size: 14px;
    border-radius: 0;
    transition: 0s;
    padding: 8px 0px;
}

.template-6 .nav-tabs .nav-link.active {
    color: #018361;
    font-weight: bold;
    /*border-bottom: 3px solid #018361 !important;*/
    padding-top: 8px;
}

.card__tools {
    padding: 24px 32px;
    display: block;
    text-decoration: none !important;
    text-align: left;
    border-radius: 4px;
    background-color: #f5f5f5;
}

.custom_card {
    padding: 5px 12px;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
}

.star-icon-32 {
    width: 32px;
    height: 32px;
}

.light--text--color {
    color: #999999;
}

.w-80 {
    width: 80%;
}

.bargraph_header {
    width: 40%;
    font-weight: 400;
}

.bargraph_row {
    width: 60%;
}

.custom_card.for_logo {
    float: none;
}

.certification-container {
    position: relative;
}

.certification-container::after {
    position: absolute;
    content: '';
    background-image: url(https://content.harstatic.com/resources/agentwebsite/bgs/picture.jpg);
    right: 0;
    top: 0;
    bottom: 0;
    width: 41.666667%;
    background-size: cover;
    background-position: center;
}

.certification-container::before {
    position: absolute;
    content: '';
    background: linear-gradient(to right, #04258b 58.333333%, rgba(7, 57, 205, 0.7) 41.666667%);
    inset: 0;
    width: 100%;
    z-index: 1;
}

.z-index-hight {
    z-index: 10;
}

.certification-container .custom_card {
    border: solid 1px rgba(0, 0, 0, 0.32);
}

.gap-10 {
    gap: 10px;
}

.certification-container .for_logo {
    width: 120px;
    height: 88px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
}

.certification-container .for_logo img {
    max-width: 70px;
    height: auto;
    max-height: 70px;
    object-fit: cover;
}

.card__tools__title {
    font-size: 16px;
    font-weight: bold;
}

.card__tools__text {
    color: #333333;
}

.neighborhoods .custom_card {
    border: solid 1px rgba(0, 0, 0, 0.16);
}

.template-6 .color---dark {
    color: #333333 !important;
}

.activity_block {
    padding: 24px;
    border-radius: 8px;
    height: 100%;
}

.activities .activity_block h3 {
    font-size: 21px;
}

.activity_block .icon img {
    max-width: 25px;
}

.activity_block_date {
    font-size: 12px;
    color: #999999;
}

.template-6 .max-550 {
    max-width: 550px;
}

.recommendations .nav-tabs {
    border: none;
    gap: 0;
}

.recommendations .nav-tabs .nav-item .nav-link {
    border-bottom: 3px solid #ddd !important;
    padding: 15px 15px;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: bold !important;
    color: #666666;
}

.recommendations .nav-tabs .nav-link.active {
    border-top: 0 !important;
    border-bottom: 3px solid #0738cd !important;
    color: #0738cd;
}

.recommendations .signature__photo {
    width: 32px;
    height: 32px;
    min-width: 32px;
}

.rivich-logo {
    max-width: 240px;
    height: auto;
}

.get-access--premium .qr-container img {
    max-width: 96px;
    height: auto;
}

.hover-white:hover {
    color: #fff;
}

footer {
    background-color: #f3f3f3;
    color: #333333 !important;
}

.template-6-color-dark {
    color: #333333;
}

footer .copyrights {
    background-color: #dedede;
    color: #888888 !important;
}

.footer_cocials a:hover {
    text-decoration: none;
}

.template-6-footer .copyrights a {
    color: #888888 !important;
    text-decoration: underline;
}

body {
    font-family: 'Inter', sans-serif !important;
}

.tab-content .card--input input {
    border: 3px solid #888 !important;
    padding: 33px 25px;
}

.banner {
    margin: 0px auto 70px auto;
}

.banner_content {
    padding: 15px 40px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 56px 0 rgba(0, 0, 0, .12);
}

.nav-tabs--simple .nav-link.active {
    font-weight: 800 !important;
}

.hero_homev2__tabs {
    padding-bottom: 5px !important;
}

.hero_homev2__form {
    padding: 10px;
    border-radius: 0px;
    border: 3px solid #888;
    width: 75%;
    margin-left: auto;
}

.hero_homev2__links a {
    padding: 0px 15px;
}

.nav-tabs--pink .nav-link.active:after {
    background-color: #0738CD !important;
}

.nav-tabs--pink .nav-link.active {
    color: #0738CD !important;
}

.navbar-light .navbar-brand,
.navbar .nav-item {
    padding: 5px 18px;
    font-weight: 600;
}

.navbar-light {
    padding: 0px 0px !important;
}

.template-6-header::before {
    display: none;
}

.template-6-header::after {
    position: absolute;
    content: '';
    background-image: url(https://content.harstatic.com/resources/agentwebsite/bgs/picture.jpg);
    background-size: cover;
    background-position: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0%;
    z-index: -1;
    min-height: 580px;
    filter: brightness(0.8);
}

.template-6-header .user-info {
    max-width: 600px;
}

.template-6-header .user-info .user--info--card--image {
    width: 23%;
    height: 23%;
}

.slick-initialized .slick-slide .align-items-center .img-fluid {
    width: 100%;
}

.nav-tabs--negative .nav-link {
    color: #8b8b8b !important;
    font-weight: normal;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}

.nav-tabs--negative .nav-link.active {
    color: #0738CD !important;
    border-bottom: 3px solid #0738CD !important;
    transition: 0s !important;
}

.link_inverse {
    color: #0738CD !important;
}

.dropdown--quickselect .dropdown-toggle {
    border: none !important;
    padding: 0px 24px 0px 0px !important;
    color: #777777 !important;
    font-weight: normal;
}

.dropdown--quickselect .dropdown-toggle:after {
    filter: opacity(0.3);
}

.banner_content .mx-auto {
    width: 100%;
    max-width: 660px;
}

.tab-content {
    width: 100%;
    max-width: 100%;
}

.front--image--content {
    margin-top: 90px;
}

.form--options {
    margin: auto;
    border-top: solid 1px #e7e7e7;
}

.template-6 .nav-tabs {
    border-bottom: 0;
    border-top: 1px solid #dddddd;
    gap: 30px;
}

.template-6 .nav-tabs .nav-link.active {
    border: 0;
    border-top: 3px solid #018361;
}

.property_card_img {
    filter: brightness(0.8);
}

.property_card_img::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
    z-index: 1;
}

.property_card_img .position-absolute {
    z-index: 2;
}

.property_card_img .position-absolute span {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
    color: #FFFFFF;
    font-weight: 500;
}

.about--left--content {
    max-width: 322px;
    max-height: 265px;
    overflow-y: hidden;
}

.custom_card.for_logo {
    float: inline-start;
}

.card__tools {
    background-color: transparent;
    border: 1px solid #dee2e6 !important;
}

.custom_card {
    border-radius: 4px;
}

.recommendations .container ul {
    border-top: 0;
    gap: 0px;
}

.inner_page .header__internalpage.header {border-bottom: 1px solid #dddddd; background-color: white !important;}
.inner_page h1.title { font-size:32px; letter-spacing:1; font-weight:bold; line-height:1;}
.inner_page .header__internalpage { border-bottom:1px solid #dddddd; }
.inner_page .navbar-light .navbar-brand, .navbar .nav-item { color: #666666; }
.inner_page #menu-toggle span {background: #666;}

.property_slide_img { background-position: center center; background-repeat: no-repeat; background-size: cover; display: flex; max-width: 100%; max-height: 100%; justify-content: center; align-items: center; }
.property_slide_img img{ object-fit: contain; border-radius: 12px; max-width: 100%; max-height: 100%; margin-left: 70px;}
.aws-homeslider #carouselExampleControls { border-radius: 20px; background: rgb(0, 0, 0, 0.03); padding: 10px;}
.aws-homeslider .carousel-control-next,.aws-homeslider  .carousel-control-prev { width: 30px; margin: 10px; opacity: 1;}
.property_slide_img { width: auto; float: none;margin: auto;}
.menu_dropdown a.nav-item {
    color: #666666;
    text-transform: uppercase;
    font-weight: normal !important;
    padding: 5px 25px;
}

.banner--area .banner_left {padding: 70px 50px 0px 20px !important; }
.banner--area .banner_right {padding: 100px 60px 0px 60px; }

@media screen and (max-width: 1468px) {
    .template-6-header::before {
        width: 64%;
    }
}

@media screen and (max-width: 1280px) {
    .banner--area:before {
        width: 47%;
    }
}

@media screen and (max-width: 1118px) {
    .template-6-header::before {
        width: 66%;
    }

    .template-6-header .filter-max-width {
        max-width: 400px;
    }
}

@media screen and (max-width: 1030px) {
    .template-6-header::before {
        width: 69%;
    }
}

@media screen and (max-width: 930px) {
    .template-6-header::before {
        width: 75%;
    }
}

@media screen and (max-width: 850px) {
    .template-6-header::before {
        width: 75%;
    }

    .template-6-header .filter-max-width {
        max-width: 370px;
    }
}

@media screen and (max-width: 767px) {
    .property_slide_img img{
      margin-left: 0px !important;
   }
    .template-6-header::before {
        width: 95%;
    }

    .banner--area .banner_left {
        padding: 20px 0px 0px 0px !important;
    }

    .main--heading--temp07 {
        font-size: 38px !important;
    }

    .custom_card.for_logo {
        width: 100px;
    }

    .banner--area:before {
        display: none;
    }

    .certification-container::before {
        background: #04258b;
    }

    .front--image--content {
        margin-top: 25px;
    }

    .slick-slider {
        margin: auto 54px;
    }

    .banner_content {
        padding: 24px;
    }
    .navbar-light { padding: 0px 0px !important; }
    .banner--area .banner_right {padding: 20px !important; }
}

@media screen and (max-width: 576px) {
    .template-6-header {
        overflow-x: hidden;
    }

    .template-6-header .menu--btn {
        position: relative;
        color: #fff;
        margin-left: auto;
    }

    .template-6-header .menu--btn img {
        filter: invert(1);
    }

    .template-6-header::before,
    .template-6-header::after {
        display: none;
    }

    .template-6-header {
        background-color: #042280;
    }

    .template-6-header .user-info {
        flex-direction: column;
        align-items: center;
    }

    .template-6 .slick-prev::before,
    .template-6 .slick-next::before {
        height: 25px;
    }

    .font_size--large_extra_extra_extra_sm {
        font-size: 32px !important;
    }

    .font_size--large_extra_extra_sm {
        font-size: 24px !important;
    }

    .font_size--large_sm {
        font-size: 16px !important;
    }

    .font_size--medium_sm {
        font-size: 14px !important;
    }

    .font_size--large_extra_sm {
        font-size: 18px !important;
    }

    .some-of-listings .nav-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        gap: 20px;
    }

    .some-of-listings .nav-tabs .nav-item {
        white-space: nowrap;
    }

    .certification-container .for_logo {
        width: 90px;
        height: 70px;
    }

    .certification-container .for_logo img {
        max-height: 60px;
    }

    .template-6 .map {
        height: 250px;
    }
    
    .inner_page h1.title { font-size:24px; }
}