:root {

    --primary-color: #FF3063;

    --secondary-color: #121410;

    --tertiary-color: #161616;

    --quaternary-color: #FFFFFF;

    --quinary-color: #21C712;

    --senary-color: #000000;

    --font-primary: 'Fraunces', sans-serif;

    --font-secondary:'Figtree', sans-serif;

    --font-tertiary: 'Montserrat', sans-serif;

}
.about-team {
    position: relative;
    margin: 0 auto;
    padding: 60px 20px 170px;
    overflow: hidden;
}

.team-bg {
    position: relative;
    width: 100%;
    max-width: 1394px;
    margin: 0 auto;
}

.team-bg img {
    width: 100%;
    height: auto;
    display: block;
}

.team-content {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -80%);
    text-align: center;
    max-width: 800px;
    width: 100%;
    z-index: 2;
}

/* ABOUT US */
.about-label {
    display: block;
    margin-bottom: 18px;

    font-family: var(--font-tertiary);
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    text-transform: uppercase;
    color: var(--senary-color);
}

/* Heading */
.team-title {
    margin: 0 0 20px;

    font-family: var(--font-primary);
    font-weight: 600;
    font-size: 62px;
    line-height: 114%;
    color: var(--tertiary-color);
}

.team-title span {
    color: #ff4f84;
}

/* Description */
.team-desc {
    margin: 0 auto;

    font-family: var(--font-secondary);
    font-weight: 500;
    font-size: 18px;
    line-height: 148%;
    color: var(--secondary-color);
    opacity: 80%;
}

.mission-values {
    position: relative;
    padding: 100px 0 0px;
    /* background: linear-gradient(
        180deg,
        #FEFCE6 0%,
        #FFFFFF 92.41%
    ); */
    margin-top: 558px;
    background-image: url('../images/about/mission-section/mission-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.mission-wrap {
    margin-top: -482px;
}

/* =====================
   Mission Header
===================== */

.mission-header {
    max-width: 1080px;
    margin: 0 auto 70px;
    padding: 0 20px;
    align-items: center;
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 80px;
}

.mission-label {
    display: block;
    margin-bottom: 25px;

    font-family: var(--font-tertiary);
    font-size: 18px;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase;
    color: var(--senary-color);
}

.mission-title {
    margin: 0;

    font-family: var(--font-primary);
    font-size: 48px;
    font-weight: 600;
    line-height: 114%;
    color: var(--senary-color);
}

.mission-title span {
    color: #ff4f84;
}

.mission-highlight {
    margin: 0 0 37px;

    font-family: var(--font-secondary);
    font-size: 18px;
    font-weight: 700;
    line-height: 148%;
    color: var(--senary-color);
}

.mission-text {
    margin: 0;

    font-family: var(--font-secondary);
    font-size: 18px;
    font-weight: 500;
    line-height: 148%;
    color: rgba(18, 20, 16, 0.8);
}

/* =====================
   Gallery
===================== */

.mission-gallery {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 20px;
}

.gallery-main {
    width: 100%;
    border-radius: 18px;
    display: block;
    margin-bottom: 28px;
}

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 18px;
}

.gallery-grid img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 18px;
}

/* =====================
   Values
===================== */

.values-section {
    position: relative;
    margin: 140px auto 50px auto;
    max-width: 1214px;
    text-align: center;
}

.values-title {
    margin: 0;

    font-family: var(--font-primary);
    font-size: 48px;
    font-weight: 700;
    line-height: 114%;
    color: var(--senary-color);
}

.values-title span {
    color: #ff4f84;
}

.values-subtitle {
    margin: 19px 0 60px;

    font-family: var(--font-secondary);
    font-size: 20px;
    font-weight: 700;
    line-height: 148%;
    color: var(--senary-color);
}

/* Pink Glow */

.values-glow {
    position: absolute;
    width: 979px;
    height: 300px;
    left: 50%;
    top: 43%;
    transform: translateX(-50%);
    border-radius: 430px;
    background: radial-gradient(50% 50% at 50% 50%, #FF7BA2 0%, rgba(255, 255, 255, 0) 100%) ;
    opacity: .78;
    filter: blur(300px);
    pointer-events: none;
}

/* =====================
   Cards
===================== */

.values-grid {
    position: relative;
    z-index: 2;

    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 24px;
}

.value-card {
    background: var(--quaternary-color);
    border-radius: 14px;
    padding: 30px 32px;
    min-height: 257px;
    text-align: left;
    width: 300px;
    transition: all 0.4s ease !important;
}

.icon-wrap {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: #AFE1DE;
    box-shadow: 10.6px 10.6px 22.71px rgba(0,0,0,.04);

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 40px;
}

.icon-wrap img {
    width: 30px;
    height: 30px;
}

.value-card h3 {
    margin: 0 0 6px;

    font-family: var(--font-primary);
    font-size: 18px;
    font-weight: 600;
    line-height: 126%;
    color: var(--senary-color);
}

.value-card p {
    margin: 0;

    font-family: var(--font-secondary);
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
    color: rgba(18,20,16,.8);
}

.cancer-support-section {
    position: relative;
    background: #FEF7F7;
    padding: 30px 0 0px;
    margin-top:200px;
}

.cancer-support-section .container {
    /* max-width: 1320px; */
    margin: 0 auto;
    padding: 0 20px;
}

/* Wave */
.top-wave img {
    position: absolute;
    top: -140px;
    left: 0;
    width: 100%;
    height: 300px;
    line-height: 0;
    z-index: 2;
}

.top-wave img {
    width: 100%;
    display: block;
}

/* Layout */
.support-wrapper {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    gap: 113px;
    position: relative;
    z-index: 5;
}

.support-image {
    flex: 0 0 48%;
}

.support-image img {
    width: 50%;
    display: block;
    position: absolute;
    bottom: -18px;
    left: 0px;
    height: 100%;
    object-fit: contain;
    object-position: bottom;
}
/* Content */
.support-content {
    flex: 0 0 50%;
    max-width: 533px;
}

/* Heading */
.support-content h2 {
    margin: 0 0 32px;
    font-family: "Fraunces", serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 114%;
    color: var(--senary-color);
}

.support-content h2 span {
    display: block;
    color: var(--primary-color);
}

/* Sub Heading */
.support-content h4 {
    margin: 0 0 28px;
    font-family: "Figtree", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 148%;
    color: var(--senary-color);
}

/* Description */
.support-content .description {
    margin: 0 0 28px;
    font-family: "Figtree", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 148%;
    color: var(--senary-color);
    opacity: 80%;
}

/* Learn More */
.learn-more {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 90px;
    text-decoration: none;
    color: var(--primary-color);
    font-family: "Fraunces", serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    transition: all 0.3s ease;
}

.learn-more:hover {
    opacity: 0.8;
}

/* Logos */
.awards-logos {
    display: flex;
    align-items: center;
	flex-wrap:wrap;
    gap: 24px;
    margin-bottom: 36px;
}

.awards-logos img {
    height: 80px;
    width: auto;
    object-fit: contain;
}

/* Bottom Text */
.awards-text {
    margin: 0;
    font-family: "Figtree", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 148%;
    color: hsl(0deg 0% 0% / 80%);
    max-width: 533px;
    opacity: 80%;
    margin-bottom: 70px;
}
.awards-text strong {
    font-weight: 700;
}


.office-map-areas {
    position: relative;
    min-height: 780px;

    background-image: url("../images/about/office-map/map-areas.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #FEF7F7;

    display: flex;
    align-items: center;
}

.office-map-areas__container {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 20px;
}

.office-map-areas__content {
    max-width: 502px;
}

.office-map-areas__title {
    margin: 0 0 56px;

    font-family: "Fraunces", serif;
    font-weight: 600;
    font-size: 48px;
    line-height: 114%;
    letter-spacing: 0;
    color: #121410;
}

.office-map-areas__title span {
    color: #F67AA5;
}

.office-map-areas__description {
    margin: 0 0 42px;

    font-family: "Figtree", sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 148%;
    letter-spacing: 0;
    color: #161616;
}

.office-map-areas__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 240px;
    height: 58px;

    border-radius: 50px;
    text-decoration: none;

    background: linear-gradient(
        90deg,
        #FF4F80 0%,
        var(--primary-color) 100%
    );

    font-family: "Figtree", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: var(--quaternary-color);

    transition: 0.3s ease;
}

.office-map-areas__button:hover {
    transform: translateY(-2px);
}
.team-section{
    position:relative;
    padding:120px 0;
    overflow:hidden;
    background:var(--quaternary-color);
}

.team-section .container{
    max-width:100%;
    margin:auto;
    padding:0 20px;
    position:relative;
    z-index:2;
}

.team-ellipse{
    position:absolute;
    top:21px;
    left:-24px;
    width:860px;
    height:983px;
    border-radius:430px;
    opacity:.48;

    background:
    radial-gradient(
        50% 50% at 50% 50%,
        #FF7BA2 0%,
        rgba(255,255,255,0) 100%
    );

    filter:blur(300px);
}

.team-title{
    text-align:center;
    font-family:'Fraunces',serif;
    font-weight:700;
    font-size:48px;
    line-height:114%;
    margin-bottom:33px;
}

.team-title span{
    color:var(--primary-color);
}

.team-subtitle{
    text-align:center;
    font-family:'Figtree',sans-serif;
    font-size:18px;
    font-weight:500;
    line-height:148%;
    max-width:700px;
    margin:0 auto 46px;
}

.team-tabs{
    width:600px;
    height:54px;
    background:#F9F9F9;
    border-radius:60px;
    padding:4px;
    margin:0 auto 60px;
    display:flex;
    gap:4px;
}

.team-tab{
    flex:1;
    border:none;
    border-radius:60px;
    background:var(--quaternary-color);
    cursor:pointer;

    font-family:var(--font-tertiary);
    font-size:18px;
    font-weight:600;
    color:#817674;

    transition:.3s;
}

.team-tab.active{
    background:var(--primary-color);
    color:var(--quaternary-color);
}

.team-slider-wrap{
    display:none;
}

.team-slider-wrap.active-slider{
    display:block;
}

.team-image{
    height:372px;
    border-radius:14.81px;
    overflow:hidden;
    margin-bottom:18px;
}

.team-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.team-name{
    font-family:'Fraunces';
    font-size:22px;
    font-weight:600;
    line-height:126%;
    margin-bottom:8px;
}

.team-role{
    font-family:'Figtree';
    font-size:18px;
    line-height:140%;
    color:#555;
}

.team-controls{
/*     margin-top:50px; */
    display:flex;
    justify-content:center;
    align-items:center;
    gap:20px;
}

.slider-arrow{
    border:none;
    background:none;
    cursor:pointer;
    font-size:24px;
    color:#817674;
}

.view-all-wrap{
    text-align:center;
    margin-top:40px;
}

.view-all-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:46px;
    padding:10px 46px;
    border:1px solid var(--primary-color);
    border-radius:60px;
    text-decoration:none;
    color:var(--senary-color);
    font-family: "Fraunces";
font-weight: 400;
font-style: Regular;
font-size: 18px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;

}
.view-all-btn:hover{
    background-color: #FF3063;
    color: #fff;
}
.mobile-maps-area{
    display: none;
}

.trusted-homeowners__inner {
    max-width: 1340px;
    margin: 0 auto;

    display: flex;
    align-items: end;

    border-radius: 32px;
    background-image: url('../images/about/trusted-homeowner/trusted-homeowner-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.trusted-homeowners__image {
    flex: 0 0 42%;
}
.trusted-homeowners__image img {
    display: block;
    width: 100%;
    object-fit: contain;
    height: 650px;
    margin-top: -80px;
    position: relative;
}

.trusted-homeowners__content {
    flex: 1;
    padding: 60px 70px 60px 40px;
}

.trusted-homeowners__title {
    margin: 0 0 36px;

    font-family: var(--font-primary);
    font-weight: 700;
    font-size: 40px;
    line-height: 114%;
    color: var(--quaternary-color);
}

.trusted-homeowners__description {
    margin: 0 0 40px;

    font-family:var(--font-secondary);
    font-weight: 500;
    font-size: 18px;
    line-height: 148%;
    color: var(--quaternary-color);
}

.trusted-homeowners__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 18px 30px;
    margin-bottom: 40px;
    max-width: 464px;
}

.trusted-homeowners__item {
    display: flex;
    align-items: center;
    gap: 12px;

    font-family: var(--font-secondary);
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: var(--quaternary-color);
}

.trusted-homeowners__icon {
    width: 18px;
    height: 18px;
    min-width: 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background: #03C12C;

    color: var(--quaternary-color);
    font-size: 11px;
    font-weight: 700;
}

.trusted-homeowners__button {
    width: 312px;
    height: 62px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 60px;

    background: var(--quaternary-color);
    color: #FF3164;

    text-decoration: none;
    text-transform: uppercase;

    font-family:var(--font-tertiary);
    font-weight: 900;
    font-size: 18px;
    line-height: 100%;
}
section.trusted-homeowners {
    margin-top: -150px;
}
.value-card:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0px 4px 20px #ff508333;
}





@media(max-width:1024px){
    .team-content{
        transform: translate(-50%, -50%);
    }
    .team-title,
    .mission-title,
    .values-title,
    .support-content h2{
        font-size: 35px;;
    }
    .values-grid{
        grid-template-columns: repeat(2, 1fr);
    }
    .support-wrapper{
        flex-direction: column-reverse;
        gap: 0px;;
    }
    .support-image img{
        height: 100%;
        width: 100%;
        position: relative;
        bottom: 0px;
    }
    .office-map-areas{
        min-height: 100%;
    }.office-map-areas__title{
        margin: 0 0 35px;
        font-size: 35px;
    }
    .office-map-areas__container .free-quote-btn{
      margin-left: 0;
    }
    .office-map-areas__container{
        padding: 60px 20px;
    }
    .team-section{
        padding: 80px 0;
    }
    .trusted-homeowners__title{
        font-size: 35px;
    }
    .trusted-homeowners__content {
        flex: 1;
        padding: 55px 60px 60px 60px;
    }
    .trusted-homeowners__inner{

    flex-direction: column-reverse;
    }
    .trusted-homeowners__image img {
        display: block;
        width: 100%;
        object-fit: contain;
        height: 100%;
        margin-top: 0px;
        position: relative;
        bottom: 0px;
    }
    .office-map-areas__content {
        max-width: 390px;
    }
    .office-map-areas__description{
        font-size: 16px;
    }
    
    .value-card{
        width: 100%;
    }
    .values-section{
        margin-top: 100px;
    }
    .mission-values{
        margin-top: 420px;
    }
    .team-card{
        width:100%;
    }

    .team-image{
        width:100%;
    }

    .team-tabs{
        width:100%;
        max-width:439px;
    }
}

@media (max-width: 768px){
    .team-content {
        position: absolute;
        left: 0px;
		padding: 0px 20px;
        transform: translate(0, 0);
    }
    .about-team{
        padding: 30px 00px 250px;
    }
    .about-label,
    .team-desc,
    .mission-label{
        font-size: 16px;
    }
    .team-title{
        font-size: 32px;
        margin-bottom: 22px;
    }
    .mission-title,
    .values-title,
    .support-content h2{
        font-size: 28px;
    }
    .mission-header {
        grid-template-columns: repeat(1, 1fr);
        gap: 32px;
        justify-content: center;
        text-align: center;
        margin: 0 auto 38px;;
    }
    .mission-highlight {
        margin: 0 0 23px;
    }
    .gallery-grid img{
        height: 115px;
    }
    .gallery-main{
        margin-bottom: 8px;
    }
    .gallery-grid{
        gap:8px;
    }
    .values-section{
        margin: 67px auto 50px auto;
    }
    .values-subtitle{
        font-size: 16px;
        margin-bottom: 34px;
    }
    .value-card{
        padding: 20px 11px;
        width: 100%;
        max-width: 100%;
        min-height: 100%;
    }
    .values-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
    .icon-wrap {
        width: 44px;
        height: 44px;
    margin-bottom: 37px;
    }
    .icon-wrap img {
        width: 24px;
        height: 24px;
    }
    .value-card h3{
        font-size: 16px;
    }
    .value-card p,
    .support-content .description{
        font-size: 16px;
    }
/*     .values-grid .value-card:last-child {
        grid-column: 1 / -1;
    } */
    .support-wrapper{
        flex-direction: column-reverse;
    
        gap: 40px;
    }
    .support-image img {
        width: 100%;
        display: block;
        position: relative;
        bottom: 0px;
        height: 100%;
    }
    .cancer-support-section{
        padding-top: 0px;
    }
    .support-content{
        text-align: center;
		max-width:100%
    }
    .support-content h4{
        margin: 0 0 22px;
    font-size: 16px;
    }
    .learn-more{
        font-size: 16px;
        margin-bottom: 38px;
    }
    .awards-logos{
        justify-content: center;
		flex-wrap:wrap;
    }
    .awards-logos img{
        height: 63px;
    }
    .awards-logos{
        margin-bottom: 16px;
    }
    .awards-text{
        margin-bottom: 40px;
    }
    .office-map-areas {
        position: relative;
        min-height: 850px;
    
        background-image: none;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% auto;
        background-color: var(--quaternary-color);
        margin-top: 0px;
    
        display: flex;
        align-items: flex-start;
    }
    .map-image img {
        width: 100%;
        margin-top: -65%;
    }
    .office-map-areas__container .free-quote-btn{
        margin: 0 auto;
      }
    .office-map-areas__title{
        font-size: 28px;
        margin-bottom: 26px;;
    }
    .office-map-areas__description{
        font-size: 16px;
        margin-bottom: 36px;;
    }
    .office-map-areas__content{
        text-align: center;
        max-width: 100%;
        padding: 0 20px;
    }
    .office-map-areas__container{
        padding: 60px 0px 0px;
    }
    .desktop-maps-area{
        display: none;
    }
    .mobile-maps-area{
        display: block;
    }
    .team-section{
        padding: 60px 0px 80px;
    }
    .team-section .team-title{
        font-size: 28px;
        margin-bottom: 16px;
    }
    .team-subtitle{
        font-size: 16px;
        margin: 0 auto 34px;
    }
    .team-tab{
        font-size: 14px;
    padding: 10px 11px;
    }
    .team-tabs{
        margin-bottom: 40px;
    }
    .team-controls{
/*         margin-top:40px; */
    }
	.team-slider-wrap .swiper{
		padding-bottom:40px;
	}
    .team-image{
        height: auto;
    }
    .team-name{
        font-size: 18px;;
    }
    .team-role{
        font-size: 16px;
    }
    .view-all-wrap{
        margin-top: 20px;
    }
    .view-all-btn{
        width: 100%;
    }
    .team-ellipse{
        opacity: 0;
    }
    .trusted-homeowners__inner{
        flex-direction: column-reverse;
        align-items: normal;
    }
    .trusted-homeowners__content {
        flex: 1;
        padding: 32px 17px 32px 17px;
    }
    .trusted-homeowners__title{
        margin: 0 0 22px;
    font-size: 28px;
    }
    .trusted-homeowners__description{
        font-size: 16px;
        margin-bottom: 28px;;
    }
    .trusted-homeowners__list{
        grid-template-columns: auto;
        gap: 12px;
    }
    .trusted-homeowners__image img {    
        height: auto;
        margin-top: 0px;
        bottom: 0px;
    }
    section.trusted-homeowners {
        margin-top: -100px;
    }
}