.partialViewSlider-outerwrapper{
	position: relative;
}
.partialViewSlider-outerwrapper.partialViewSlider-outsideControls{
	padding: 0 6%;
}
.partialViewSlider-wrapper{
	overflow: hidden;
	font-size: 0;
	position: relative;
}
.partialViewSlider-outerwrapper ul{
	margin: 0;
	padding: 0;
	list-style: none;
	transition-property: transform;
	transition-duration: 0ms;
	transition-timing-function: ease-out;
}
.partialViewSlider-outerwrapper ul > li{
	display: inline-block;
	position: relative;
	font-size: 1rem;
	transition-property: all;
	transition-duration: 0ms;
	transition-timing-function: ease-out;
}
.partialViewSlider-wrapper.partialViewSlider-perspective ul > li{
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.4;
}
.partialViewSlider-wrapper.partialViewSlider-perspective ul > li.active{
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.partialViewSlider-wrapper ul > li > img{
	width: 100%;
	display: block;
}
.partialViewSlider-backdrop{
	position: absolute;
	height: 100%;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
}
.partialViewSlider-backdrop.partialViewSlider-right{
	right: 0;
}

.partialViewSlider-nav{
	position: absolute;
	top: 50%;
	color: #FFF;
	font-size: 3rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.partialViewSlider-prev{
	left: 3%;
}
.partialViewSlider-next{
	right: 3%;
}
.partialViewSlider-outsideControls .partialViewSlider-nav,
.partialViewSlider-neighborControls .partialViewSlider-nav{
	color: #CCC;
}
.partialViewSlider-outsideControls .partialViewSlider-prev{
	left: 1%;
}
.partialViewSlider-outsideControls .partialViewSlider-next{
	right: 1%;
}
.partialViewSlider-neighborControls .partialViewSlider-prev{
	left: -5%;
}
.partialViewSlider-neighborControls .partialViewSlider-next{
	right: -5%;
}

.partialViewSlider-dots {
	display: inline-block;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translate(-50%);
}
.partialViewSlider-dots li a{
	position: relative;
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0 5px;
}
.partialViewSlider-dots li a:before{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	border: 1px solid #FFF;
	border-radius: 50%;
	transition: all 0.25s ease-out;
}
.partialViewSlider-dots li.active a:before{
	background: #FFF;
}
/**************** Main Colors ************/
.prussian-blue {
    color: #002855 !important;
}
.vivid-sky-blue {
    color: #45c7f4 !important;
}
.light-grey {
    color: #d0cfcd !important;
}
.btn.btn-link:hover, .btn.btn-link:focus, .btn.btn-link:active, .btn.btn-link.active, .btn.btn-link:focus:active,
.open > .btn.btn-link.dropdown-toggle {
    color: var(--primaryColor);
}
.btn-setting {
    color: var(--primaryColor) !important;
}
.btn-setting:hover {
    color: #fff !important;
}
.mq-input {
    font: caption!important;
}


.p-18 {
    padding: 18px;
}
.font-weight-500{
    font-weight:500 !important;
}


.btn-seller-buyer{
    text-decoration:underline !important;
}
.row {
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.ui-autocomplete-input, .ui-autocomplete-input:focus {
    border: 2px solid var(--primaryColor);
}
/* Autocomplete container */
.ui-autocomplete {
    z-index: 9999;
    background-color: #fff;
    border: 1px solid #ccc;
    max-height: 400px;
    overflow-y: auto;
    font-family: "Segoe UI", sans-serif;
    font-size: 13px;
    padding: 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

/* Each menu item */
.ui-menu-item {
    list-style: none;
    width: 100%;
    padding: 3px;
    cursor: pointer;
    transition: background-color 0.15s ease;
    border-bottom: 1px solid #eee;
}
.ui-autocomplete-multiline{
   min-height:45px;
}
/* Make <a> full height and flex-centered */
.ui-menu-item a {
    display: flex;
    align-items: center; /* ✅ vertical centering */
    height: 36px;
    width: 100%;
    box-sizing: border-box;
    text-decoration: none;
    color: inherit;
    font-size: 13px;
}

    /* Hover/active item */
    .ui-state-active,
    .ui-menu-item a:hover ui-menu-item, 
    .ui-menu-item a:hover ui-menu-item  .text-muted{
        background-color: var(--primaryColor);
        color: #fff !important;
    }

/* Group header */
.ui-autocomplete-category {
    font-weight: 500;
    font-size: 11px;
    color: #666;
    background-color: #f5f5f5;
    padding: 5px 10px;
    height:30px;
    text-align: left;
    border-top: 1px solid #eaeaea;
    text-transform: capitalize;
}

    .ui-autocomplete-category:first-child {
        border-top: none;
    }


.mq-place-search {
    z-index: 0;
}

.dropdown.show .dropdown-menu[x-placement="top-start"], .dropup.show .dropdown-menu[x-placement="top-start"], .bootstrap-select.show .dropdown-menu[x-placement="top-start"] {
    top: -113px !important;
}

.bootstrap-select .btn-select-property {
    font-size: 11px;
}

@media screen and (max-width: 991px) {

    .form-group-select-property .bootstrap-select .dropdown-menu {
        top: -113px !important;
    }

    .form-group-select-property .dropleft, .form-group-select-property .dropright, .form-group-select-property .dropup {
        position: relative;
        left: 0 !important;
    }

    .ure-title-homepage {
        font-size: 33px;
        position: relative;
    }
}

ul.ui-menu .ui-menu-item-wrapper.ui-state-active {
    background: var(--primaryColor) !important;
    border: 1px solid var(--primaryColor) !important;
}   

.col-searchBoxSubmit, .col-nearbySearch, .col-select-property {
    z-index: 0;
}
@media(max-width:768px){
    .mb-mobile {
        margin-bottom: 3rem !important;
    }
}

.text-mls {
    line-height: 2;
    font-size: 11px;
}
/*Autocomplete list items style */
/*Map style */
.map-details {
    height: 100%;
    width: 100%;
}
/*Map style */

.card {
    z-index: 0 !important;
}

.bootstrap-select.form-control {
    z-index: auto;
}
/*************Register*********/
.card-register {
    background-color: #FFF;
}

.register-form .form-control {
    border: 1px solid #ddd !important;
}

.card-register .card-title {
    color: #000;
}

.login p {
    color: #000000;
}

.card .img-logo-login {
    border-radius: 0 !important;
}
.h1-forget-password {
    opacity: 0;
}

@media(max-width:1500px) {
    .row-forget-password {
        bottom: 115px;
        position: relative;
    }
}

/*****************************/
.btn-close-Form {
    right: 40px;
}

.footer {
    z-index: 1000;
}
.line-height{
    line-height: 2;
}
@media(min-width: 992px) and (max-width: 1199.98px) {
    #logo-white, #logo-blue {
        height: 55px;
    }

    .navbar .navbar-nav .nav-item .nav-link {
        margin: 15px 0px;
        padding: 10px 8px;
    }
}

@media(max-width:1024px) {


    .navbar-toggler {
        position: relative;
        right: 0;
    }

    .container-navbar {
        margin-left: 0 !important;
    }
}
/*********Register*****/
@media(max-width:1024px) {
    .bg-register {
        max-height: 100% !important;
        min-height: 100% !important;
    }
}
/***********************/
/****top bar details*****/
.pricePropDetails {
    display: flex;
}
.description-details{
    font-weight:500;
}

/*******************/
.bootstrap-select .btn-select-property {
    padding: 10px !important
}


.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus {
    background-color: var(--primaryColor);
}
.form-group-select-property .dropdown-menu .dropdown-item:hover, .form-group-select-property .dropdown-menu .dropdown-item:focus {
    background-color: var(--primaryColor);
}

.form-group-select-property .dropdown-menu .inner {
    overflow-y: visible !important;
}

@media(min-width:991px) and (max-width:1794px) {
    .btn-search-box-submit {
        font-size: 10px;
    }

    .bootstrap-select > .dropdown-toggle {
        font-size: 11px;
        padding: 0.5rem 13px;
    }

    .ure-title-homepage {
        font-size: 42px;
        position: relative;
        right: 8%;
    }

    .col-searchBoxSubmit {
        padding-left: 0px;
    }
}

@media(min-width:1700px) and (max-width:2600px) {
    .navbar-nav {
        display: -webkit-inline-box;
    }

    .navbar .navbar-nav .nav-item .nav-link {
        font-size: 14px !important;
        padding: 13px;
    }

    .container-navbar {
        position: relative;
        left: -1.5%;
    }


    .navbar .navbar-nav .nav-item .btn-primary {
        font-size: 13px !important;
        margin-top: 13px;
        padding-bottom: 15px;
    }

        .navbar .navbar-nav .nav-item .btn-primary i {
            margin-top: 7px;
            margin-right: 4px;
        }
}

@media (max-width: 991.98px) {
    .register-description {
        display: none;
    }
}

/*************Contact*************/
.bg-contact {
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}
/********************************/
/*****************Find an office****************/
.icon-search-mobile {
    font-size: 15px;
    margin-top: 9px;
}

.scrollbar {
    margin-left: 30px;
    float: left;
    height: 600px;
    width: 65px;
    overflow-y: scroll;
    overflow-x: hidden;
}


#style-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#style-scroll::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

#style-scroll::-webkit-scrollbar-thumb {
    background-color: var(--primaryColor);
    border: 1px solid #555555;
}

.card-find-an-office {
    box-shadow: 0 6px 10px -4px rgba(0,0,0,0.15);
    background-color: #FFFFFF;
    border-radius: 12px;
    height: 392px;
    position: relative;
}

.input-find-an-office {
    box-shadow: 0 6px 10px -4px rgba(0,0,0,0.15);
    background-color: #FFFFFF;
    border: none;
}

.row-buttons {
    position: absolute;
    bottom: 25px;
}

.img-gallery {
    height: 164px;
}

.map-office {
    height: 600px;
    width: 100%;
}

@media (max-width: 575.98px) {
    .p-btn-user {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .p-btn-desktop {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 905px) {
    .search-page .addon-xtreme {
        font-size: 2em;
        top: 16px;
    }


    .officesSearchInput {
        font-size: 28px !important;
        margin-left: 0px !important;
    }

    .pricePropDetails {
        display: block;
    }
}

@media screen and (max-width: 991px) {
    .navbar-nav .nav-item {
        position: relative;
        left: -10% !important;
    }
}

@media (max-width: 1182px) {


    .card-find-an-office {
        height: auto;
    }

    .row-buttons {
        position: relative;
    }



    .p-btn-user a {
        padding: 2px;
    }

    .p-btn-desktop a {
        padding: 2px;
    }
}
/************************************/
@media(max-width:991px) {
    .bootstrap-select .dropdown-menu .dropdown-menu.inner {
        background: #fff !important;
        color: #66615b !important;
    }
}

/*diable select picker*/
.bootstrap-select .dropdown-menu li.disabled {
    position: relative;
    background-color: #f3f3f3;
    opacity: 0.4;
    cursor: no-drop;
}

/***********Responsive search Card *****/
@media(max-width:376px) {
    .nav-pills .nav-item .nav-search-mobile {
        padding: 7px 4px !important;
        font-size: 15px;
    }
}

/*************************************/


/************PhotoSwipe************/
.icon-right {
    font-size: 25px;
    position: relative;
    left: 18%;
}

.icon-left {
    font-size: 25px;
    position: relative;
    right: 18%;
}

.pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
    z-index: 100;
}
/************************/



/***************Team**********/


.text-description-slide {
    position: relative;
    bottom: 44px;
}

.font-size-20 {
    font-size: 20px;
}

.mt-specific {
    margin-top: 0.6rem;
}
.card-plain .img-bio {
    height: 198px;
}

/*Targets the container for the rollover image CTA. General styling*/
.cta-container {
    overflow: hidden;
    height: auto;
    width: 185px;
    position: relative;
    border: 7px solid #ffffff;
    background: #D2D3D5;
}

.mt-185 {
    margin-top: 185px;
}

.mt-100 {
    margin-top: 100px;
}
/*General styling for the title, hr, text, and button. Hides them until the container is rolled over by
making their scale 0. Styles the color, transition animation and text alignment.*/
.cta-title {
    transform: scale(0);
    transition: all .3s linear;
    color: #002856;
    text-align: center;
}

.cta-title-first-card {
    transform: scale(0);
    transition: all .3s linear;
    color: #002856;
    text-align: center;
    padding-bottom: 1px;
    font-size: 11px;
}

.cta-text {
    transform: scale(0);
    transition: all .3s linear;
    color: #000;
    text-align: center;
}

.cta-text-first-card {
    transform: scale(0);
    transition: all .3s linear;
    color: #000;
    text-align: center;
    height: 111px;
    padding-top: 1px;
}

/*Targets the scale and visibility for the hover state for the rollover cta.
When the user hovers over the cta-container, animates the scale to 1 from 0.*/
.cta-container:hover .cta-hr,
.cta-container:hover .cta-button,
.cta-container:hover .cta-text,
.cta-container:hover .cta-text-first-card,
.cta-container:hover .cta-title,
.cta-container:hover .cta-title-first-card {
    transform: scale(1);
}

/*The CTA's un-hovered state image. General styling*/
.cta-bg-image {
    height: 100%;
    position: absolute;
    transition: all .4s cubic-bezier(0, 0, 0.2, 1);
    left: 0%;
}

/*When the user hovers over the cta-container, the image scales to 8 and then 'disappears'.*/
.cta-container:hover .cta-bg-image {
    transform: scale(11);
    opacity: 0;
}

/*Positioning for the cta title of the hover state.*/
.cta-title {
    padding: 5px;
    font-size: 13px;
}


/*General styling for the text in the hover state of the cta.*/
.cta-text {
    font-size: 10px;
    font-weight: bold;
    padding: 5px;
    padding-top: 0px;
}

.cta-text-first-card {
    font-size: 10px;
    font-weight: bold;
    padding: 5px;
}
/*General styling and positioning for the cta's button.*/

.bg-blue {
    background: #00AEEF;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
}

    .bg-blue h6 {
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.centered-team {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-weight: bold;
    z-index: 10;
    text-align: center;
    text-transform: uppercase;
}

.cta-container:hover .centered-team {
    /* current styles */
    visibility: hidden;
}

@media(max-width:575.98px) {
    .cta-container {
        height: 250px;
    }
}

@media(max-width:1200px) {
    .cta-container {
        width: 100%;
    }

    .mt-100 {
        margin-top: 0px;
    }

    .mt-185 {
        margin-top: 0px;
    }
}

.description-team {
    font-weight: 400;
    color: var(--primaryColor);
    font-size:18px;
}

.section-image-team::before {
    background-color: #d4d4d4d9 !important;
}

.section-image-team .title, .section-image-team .description {
    color: var(--primaryColor) !important;
}

.title-team {
    color: var(--primaryColor) !important;
}

.description-bio {
    color: var(--primaryColor) !important;
    font-weight: 500;
}

.modal-bio-team p span {
    font-family: "Open Sans", "Helvetica", Arial, sans-serif !important;
}

.card-profile .card-avatar {
    max-width: 140px;
    max-height: 140px;
    margin: -67px auto 0;
}

.card-profile .img-team {
    max-width: 160px;
    max-height: 160px;
    margin: -100px auto 0;
}

.bio-agent {
    height: 121px;
    line-height: 20px;
    overflow: hidden;
}

.card-avatar img {
    max-width: 100%;
    height: auto;
    border-radius: 12px 12px 0 0;
}

.card-team {
    height: 380px;
}

.page-header-agent {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media(max-width:991px){
    .page-header-agent {
        background-attachment: initial !important;
        min-height: 69vh !important;
    }
}
.form-group-agent .fa-search {
    position: absolute;
    padding: 12px;
    margin-right: 15px;
    pointer-events: none;
}

.following-agent {
    margin-top: -56px;
    margin-left: 100px;
    position: absolute;
}

    .following-agent .btn {
        background: #002856 !important;
        border-color: #002856 !important;
    }

.card-avatar-agent img {
    max-width: 100%;
    height: 170px !important;
    width: 100%;
    border-radius: 12px 12px 0 0;
    z-index: 1;
}

.card-profile-agent {
    height: 272px;
}

.col-content-agent {
    padding-top: 3rem;
    margin-top: 3rem;
}

    .col-content-agent p {
        word-break: break-all;
    }

        .col-content-agent p a {
            color: #000;
        }

.col-img-agent img {
    height: 400px;
}


.valid-text {
    display: none
}

.invalid-text {
    display: block;
    font-size: 13px;
    font-weight: 500;
    position: relative;
    left: 7%;
    top: 3px;
}

@media(max-width:767px) {
    .col-img-agent {
        padding-right: 0px;
    }
}

@media(min-width:320px) and (max-width:768px) {
    .col-img-agent {
        padding-right: 0 !important;
    }

    .col-content-agent {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

        .col-content-agent a {
            word-break: break-all;
        }
}

@media(min-width:768px) and (max-width:991px) {
    .card-profile-agent {
        height: 330px;
    }
}
/******************************/

/************United Family*******/

.link-United-Family h5 {
    font-weight: 500 !important;
    color: #333333;
    word-break: break-all;
    font-size: 18px;
}

.title-of-companies {
    color: var(--primaryColor) !important;
}

.card-united-family {
    position: relative;
    height: 300px;
}

.link-United-Family {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}


/*Targets the container for the rollover image CTA. General styling*/
.cta-container-family {
    overflow: hidden;
    height: 196px;
    width: 100%;
    position: relative;
    border: 7px solid #ffffff;
    background: #E6E7E9;
}

.cta-uregb:hover {
    background: #45C7F4;
}
.cta-psr:hover {
    background: #37B0C9;
}
.cta-pr:hover {
    background: #C85023;
}
.cta-uc:hover {
    background: #006140;
}

.cta-ure:hover {
    background: #002854;
}

.cta-crr:hover {
    background: #321F56;
}

.cta-vpr:hover {
    background: #1C9C51;
}

.cta-brtn:hover {
    background: #44494C;
}

.cta-ru:hover {
    background: #295035;
}

.cta-tx:hover {
    background: #403E92;
}
.cta-bp:hover {
    background: #377CA5;
}

.cta-em:hover {
    background: #172A54;
}
.cta-LE:hover {
    background: #232728;
}

/*General styling for the title, hr, text, and button. Hides them until the container is rolled over by
making their scale 0. Styles the color, transition animation and text alignment.*/
.cta-title-family {
    transform: scale(0);
    transition: all .3s linear;
    color: #002856;
    text-align: center;
}

/*The CTA's un-hovered state image. General styling*/
.cta-bg-image-family {
    position: absolute;
    transition: all .4s cubic-bezier(0, 0, 0.2, 1);
}

.cta-bg-image-family-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%);
}

.cta-bg-image-family-icon-top {
    left: 13%;
    top: 22%;
}
/*When the user hovers over the cta-container-family, the image scales to 8 and then 'disappears'.*/
.cta-container-family:hover .cta-bg-image-family {
    transform: scale(11);
    opacity: 0;
}

/*Positioning for the cta title of the hover state.*/
.cta-title-family {
    font-size: 18px;
    font-weight: 600;
    transform: scale(0);
    color: #fff;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.cta-container-family a:hover {
    color: #fff;
}

.cta-container-family .cta-title-family {
    visibility: hidden;
}

.cta-container-family:hover .cta-title-family {
    visibility: visible;
}

@media(max-width:575.98px) {
    .cta-container-family {
        height: 250px;
    }
}

@media(max-width:1200px) {
    .cta-container-family .img-bg {
        height: 100% !important;
    }
}


/***********************************/

.info-horizontal .icon {
    margin-top: 18px;
    margin-right: 0px;
}

.fa-heart-login:before {
    color: #444;
    margin-left: 30%;
}

.info-horizontal .icon img {
    position: relative;
    left: 23%;
}

.field-icon {
    float: right;
    margin-left: -25px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
    color: var(--primaryColor);
}

.field-icon-register {
    float: right;
    margin-left: -25px;
    margin-top: -45px;
    position: relative;
    z-index: 2;
    color: var(--primaryColor);
}

.field-icon-register-confirmation {
    float: right;
    margin-left: -25px;
    margin-top: -75px;
    position: relative;
    z-index: 2;
    color: var(--primaryColor);
}

.field-icon-reset {
    float: right;
    margin-left: -25px;
    margin-top: -27px;
    position: relative;
    z-index: 2;
    color: var(--primaryColor);
}

/* register text in modal*/
.register-description {
    font-size: 11px !important;
}

/*******Responsive on orientation landscape******/
@media (max-width:991px) and (orientation:landscape) {
    .container, .container-sm {
        max-width: 100%;
    }
   
    .ure-title-homepage {
        font-size: 2rem !important;
        margin-top: 0;
        margin-bottom: 0;
    }

    .page-header .title {
        font-size: 2rem !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .navbar.navbar-transparent {
        padding-top: 0 !important;
    }

    .navbar-translate {
        height: 70px;
    }

    .card-form-horizontal {
        bottom: 10px !important;
    }

        .card-form-horizontal .card-body {
            padding: 14px !important;
        }
}

/******************************************/


/************Not Found******/
.bg-not-Found {
    height: auto;
    background-color: #ddd;
}

    .bg-not-Found .title {
        color: var(--primaryColor) !important;
    }

    .bg-not-Found .discover-pages {
        color: var(--primaryColor) !important;
    }

/************************/


/*******Details Mobile*****/
.carousel-control-prev-icon {
    background-image: url("../../img/left-arrow.png") !important;
}

.carousel-control-next-icon {
    background-image: url("../../img/right-arrow.png") !important;
}

.carousel-inner > .carousel-item > img, .carousel-inner > .carousel-item > a > .img-gallery-details-mobile {
    border-radius: 0;
    height: 300px;
}

@media(max-width:767px) {
    .pricePropDetails, .shop {
        text-align: center;
    }

    .div-properties {
        text-align: center;
    }

    .pos-button-mobile {
        text-align: center !important;
        float: initial;
    }
}

/*********************/


@media (max-width: 575.98px) {
    .pagination > li > a, .pagination > li > span, .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
        background-color: transparent;
        border-radius: 50%;
        height: 24px;
        margin: 0 2px;
        min-width: 20px;
        padding: 2px 8px;
        font-weight: 600;
    }
}
/*********Quiq Search*******/

img.img_circle {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.box-img {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background-color: #ebebeb;
    padding: 6px;
    margin: 0 auto;
}
/*****************************/

/*******Slider Homepage*****/
.img-slider-home {
    height: 625px !important;
}

.carousel-control-prev-slider {
    z-index: 10 !important;
}

.carousel-control-next-slider {
    z-index: 10 !important;
}

.carousel-control-prev-slider:hover, .carousel-control-prev-slider:focus {
    opacity: 1 !important;
    background-color: var(--primaryColor) !important;
}

.carousel-control-next-slider:hover, .carousel-control-next-slider:focus {
    opacity: 1 !important;
    background-color: var(--primaryColor) !important;
}

.carousel-indicators-slider .active {
    background-color: var(--primaryColor) !important;
}

/****************************/

/*************style Links*****/
.link-search {
    color: var(--primaryColor);
    font-weight: 500;
}

    .link-search:hover {
        color: var(--primaryColor);
    }

/*******************************/
.card-title-blog {
    color: #000000;
}
.title-written {
    color: #33338f !important;
}
}
.card-blog-not-ure {
    height: 400px;
}


    .card-blog-not-ure img {
        max-width: 100%;
        height: 200px;
        width: 340px;
        border-radius: 12px 12px 0 0;
    }

.img-home-blog {
    height: 220px !important;
    width: 330px;
}

.card-img-home-blog {
    width: 330px;
}

.hr-blogs {
    border-color: #ccc !important;
}

@media(max-width:1023px) {
    .img-home-blog {
        height: auto !important;
        width: 100%;
    }

    .card-img-home-blog {
        width: 100%;
    }
}

@media(max-width:1199px) {
    .card-blog-not-ure {
        height: 450px;
    }
}

@media(max-width:768px) {
    .blog-version-mobile {
        display: block;
    }

    .blog-version-web {
        display: none;
    }
}

@media(min-width:769px) {
    .blog-version-mobile {
        display: none;
    }

    .blog-version-web {
        display: block;
    }
}

/*****************Featured***************/
.carouselExampleIndicatorsFeatured .active {
    background-color: var(--primaryColor) !important;
}


.carousel-control.featured-carousel-control-next {
    opacity: 1 !important;
    background-color: var(--primaryColor);
}

.carousel-control.featured-carousel-control-prev {
    opacity: 1 !important;
    background-color: var(--primaryColor);
}

.description-featured {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.description-blogs {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.card-image-featured .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, .2);
    color: #FFF;
    border-radius: 12px;
}

.favorite-button {
    position: relative;
    outline: 0 !important;
}

button:focus {
    outline: 0 !important;
    outline: 0 !important;
}

.favorite-button:after, .favorite-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: -9px;
    left: 11px;
    height: 43px;
    width: 40px;
    opacity: 0;
    border-radius: 50%;
}

.favorite-button:hover .favorite-button-icon {
    color: red;
}

.favorite-button--on:before {
    animation: wave-1 0.8s ease-out;
    z-index: 1;
}

.favorite-button--on:after {
    animation: wave-2 0.8s ease-out;
    z-index: 2;
}

.favorite-button--on .favorite-button-icon {
    animation: favorite-star 0.6s linear forwards;
    position: relative;
    z-index: 3;
}

.favorite-button-icon {
    width: 60px;
    font-size: 30px;
    color: red;
    text-align: center;
}

@keyframes favorite-star {
    5% {
        transform: scale(0.85);
    }

    50% {
        transform: scale(1.25);
        color: red;
    }

    100% {
        transform: scale(1);
        color: red;
    }
}

@keyframes wave-1 {
    0% {
        transform: scale(0);
        opacity: 1;
        background-color: #e54444;
    }

    50% {
        background-color: red;
    }

    80% {
        background-color: red;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
        background-color: red;
    }
}

@keyframes wave-2 {
    30% {
        background-color: red;
        opacity: 1;
        transform: scale(0);
    }

    70% {
        background-color: #fff;
        opacity: 0.4;
        transform: scale(1.2);
    }
}


/*************************************/



@media(max-width:991px) {
    .img-main-website {
        height: auto !important;
        width: 100% !important;
    }
}
/***********************style text Main website*****************/

.font-weight-text-main {
    font-weight: 500;
}

.title-main-website {
    font-weight: 500;
}

/*************************************************/


.btn-featured-more {
    color: var(--primaryColor) !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    text-decoration: underline !important;
}

.footer-text-color {
    color: #A49E9E;
}

/**********************/
.btn-save-search {
    color: var(--primaryColor) !important;
}


.mq-place-search {
    z-index: 1000000;
}

.mq-dropdown-menu .mq-with-resultsu {
    z-index: 1000000;
}

.mq-result-icon {
    float: left;
    color: var(--primaryColor) !important;
}

.mq-name, .mq-address {
    float: left;
    font-weight: 500;
    color: var(--primaryColor) !important;
}

.page-header {
    min-height: 122vh;
}

@media(min-width:1700px) {
    .page-header {
        min-height: 107vh;
    }
}
/*******************************/
.bottom-pos {
    position: relative;
    bottom: 41px;
}

/*********************************/
.modal-bio-team p {
    font-weight: 500;
}
/********* Footer Style *********/
.logo-footer {
    height: 60px;
}

.footer-links {
    color: #d0cfcd !important;
}
.hr-footer-display {
    display: none;
}
@media(max-width:991px) {
    .logo-footer {
        width: 100%;
    }
}
/********************************/


/***********************Meet United Page*************************************/

.features-5 .container [class*=col-] {
    border: none;
}
   
.hr-intersection {
    position: relative;
    border: 1px solid #45c7f4;
    height: 3px;
    border-radius: 20px;
    background: #45c7f4;
    margin: 20px 0;
}

    .hr-intersection::before {
        content: '';
        position: absolute;
        top: calc(50% - 60px);
        left: calc(50% - 50px);
        width: 100px;
        height: 100px;
        background-image: url('/../img/ure/meetunited/circlegraphic.png');       
        background-size: cover;
        border-radius: 50%;
        z-index: 1;
    }

.hr-meetunited {
    position: relative;
    border: 1px solid #45c7f4;
    height: 3px;
    border-radius: 20px;
    background: #45c7f4;
    top: 20px;
}

.space-top-meetUnited {
    margin-top: 80px;
}

.subTitle-mission {
    min-height: 85px;
    display: flex;
    align-items: flex-start;
    position: relative;
}

.single-line-title {
    position: relative;
    top: 0.5em;
}

@media (max-width: 768px) {
    .subTitle-mission {
        min-height: auto;
        display: block;
        margin-bottom: 10px;
    }

    .single-line-title {
        top: 0;
    }
}

.slanted-div {
    position: relative;
    overflow: visible;
    z-index: 1;
    padding-top: 30px;
}

    .slanted-div:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        background: inherit;
        z-index: -1;
        top: 0;
        transform-origin: right top;
        transform: skewY(2deg);
    }


.card-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

.section-rotate {
    position: relative;
    width: 100vw;
    height: 100px;
    background: white;
    transform: skewY(2deg);
    padding: 0;
    margin-top: -50px;
    margin-left: 0px;
}
/************************************************************/

/*********** Buyers Page ***********/

.skyblue-bg::before {
    background-color: #45c7f4;
}

.section-title {
    font-size: 2rem !important;
    text-transform: uppercase;
    font-weight: 500 !important;
}

.navy-outline-btn {
    color: #002855 !important;
    background-color: transparent;
    border-color: #002855;
    padding: 6px 58px;
}

    .navy-outline-btn:hover {
        color: #002855 !important;
        background-color: transparent;
        border-color: #002855;
    }

.big-download-btn {
    color: #002855 !important;
    background-color: #45c7f4;
    border-color: #45c7f4;
    border-radius: 20px;
    font-weight: 400 !important;
    width: 200px !important;
}

    .big-download-btn:hover {
        color: #002855 !important;
        background-color: #45c7f4;
        border-color: #45c7f4;
    }

/********************************************************/


/*********************** United Family Page*************/

/*style logo image*/
.img-united-family {
    height: 85px;
}

.cta-family {
    overflow: hidden;
    height: 196px;
    width: 100%;
    position: relative;
}

.title-logo-family {
    font-size: 12px;
    transform: scale(0);
    color: #002855;
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
    
.logo-hover-zoom {
    transition: transform .5s, filter 1.5s ease-in-out;
}

    .logo-hover-zoom:hover {
        transform: scale(1.1);        
    }

/********************************************************/

/*************** Helpyou Section ***************/
.btn-round-primary {
    border-radius: 30px;
    background-color: var(--primaryColor);
    font-size: 30px;
    padding: 3px 35px;
    text-decoration: none;
    border-color: var(--primaryColor);
}

    .btn-round-primary:hover {
        background-color: #fff;
        color: var(--primaryColor);
    }

/************************************/

/***********************Nationwide Presence Section*************/
.slanted-section-video {
    position: relative;
    width: 100%;
    height: 100vh;
    cursor: pointer;
    overflow: hidden;
    transform: skewY(3deg);
}
    .slanted-section-video .home-content {
        transform: skewY(-3deg);
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        color: white;
    }

.content-center {
    position: relative;
    z-index: 2;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #45c7f4bf;
    z-index: 1;
}

video {
    object-fit: cover;
    height: 100%;
}

.btn-video {
    border-radius: 15px;
    font-size: 16px;
    padding: 15px 40px;
    color: #002855;
}

/********************************************************/

/*************** Featured Section ***************/
.img-hover-zoom img {
    transition: transform .5s, filter 1.5s ease-in-out;
    filter: grayscale(100%);
}

.img-hover-zoom:hover img {
    filter: grayscale(0);
    transform: scale(1.1);
}

.img-hover-zoom--max img {
    transition: transform .5s, filter 1.5s ease-in-out;
    filter: grayscale(100%);
}

.img-hover-zoom--max:hover img {
    filter: grayscale(0);
    transform: scale(1.5);
}

.img-recog-featured {
    height: 80px;
}

@media(max-width:768px) {
    .img-recog-featured {
        height: 60px;
    }
}

/************************************/


/*************** Contact Steps ***************/

.tab {
    display: none;
    width: 100%;
    height: 50%;
    margin: 0px auto;
}

.current {
    display: block;
}

/* Make circles that indicate the steps of the form: */
.step {
    height: 21px;
    width: 21px;
    font-weight: 600;
    cursor: pointer;
    margin: 0 2px;
    color: #002856;
    background-color: #fff;
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: .8;
    padding: 1px;
    margin-bottom: 5px;
    font-size: 12px;
}
    .step.active {
        opacity: 1;
        color: #fff;
        height: 24px;
        width: 24px;
        background-color: #002856;
        padding: 2px;
    }

    .step.finish {
        background-color: #002856;
    }

.error {
    color: #f00;
    float: left;
    font-weight: 400;
    font-size: 15px;
}
/************************************/


.btn-light {
    color: #66615b !important;
    background-color: transparent !important;
    border-color: #66615b;
}


.cookie-consent-banner {
    z-index: 9999;
    border-radius: 0;
    box-shadow: 0 -2px 5px rgba(0,0,0,0.2);
    font-size: 0.95rem;
    background-color:#66615b
}
/***********************/
.favorite-details-icon {
    border: none;
    background: transparent;
    font-size: 15px;
    color:red;
}