@charset "UTF-8";
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/*! ==================================================== !/*
 * CONNECT CARE
 * Author : Cozmea Design Solutions
 ==================================================== !*/ 
 /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

 
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ==================== GLOBAL =================== */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

:root {
    --cc-primary: #007D70;
    --cc-secondary: #0A5D87;
    --cc-accent: #FEB201;
    --cc-white:#ffffff;
    --cc-black:#000000;
    --cc-text-dark:#494A4B;
    --cc-text-medium:#707070;
    --cc-text-light:#707070;
    --cc-base-font:  'Inter', sans-serif;
    --cc-heading-font:  'Inter', sans-serif;
    --cc-heading-xl:56px;
    --cc-heading-lg:48px;
    --cc-heading-md:36px;
    --cc-heading-sm:30px;
    --cc-heading-xs:24px;
    --cc-text-xxl:24px;
    --cc-text-xl:20px;
    --cc-text-lg:18px;
    --cc-text-md:16px;
    --cc-text-sm:14px;
    --cc-text-xs:12px;
}
body{
    margin: 0;
    overflow-x: hidden;
    font-family: var(--cc-base-font);
    height: 100vh;
    color: var(--cc-text-medium);
}
 
h1, h2, h3, h4, h5, h6{
    font-family: var(--cc-heading-font);
}
 
*{
    opacity: 1;
    transition: all cubic-bezier(.08,.65,.23,.98) 1s;
}
p{
    font-family: var(--cc-base-font);
    font-size:var(--cc-text-lg);
    color: var(--cc-text-medium);
    text-align: justify;
}
a:hover {
    color:var(--cc-primary);
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* =================== SECTION  ================== */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.cc-section{
    position: relative;
    padding: 64px 0;
}
.cc-section-title{
    font-size:var(--cc-heading-xl);
    font-weight: 500;
    color: var(--cc-primary);
}
.cc-section-title  span{
    font-weight: 800;
    display: block;
    color: var(--cc-secondary);
}
.cc-section-subtitle{
    font-size:var(--cc-heading-md);
}
.cc-row{
    /* height: 100%; */
}
 .cc-col{
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* height: 100%; */

}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ================= COMPONENTS  ================= */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.cc-card{
    border: 0;
    box-shadow: 0 7px 16px rgb(0 0 0 / 10%);
    border-radius: 16px;
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ==================== MENU  ==================== */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

li.nav-item {
    margin-left: 0.5rem;
}
 
.nav-pills .nav-link{
    color: var(--cc-secondary);
    padding: .5rem 1.5rem;
    border-radius: 40px;
}
.nav-pills .nav-link:hover{
    background-color: var(--cc-secondary);
    color: var(--cc-white);
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--cc-secondary);
    background-color: transparent;
    font-weight: 700;
    border: 1px solid var(--cc-primary);
   
}
.cc-menu-btn{
    display: none;
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ================== PRELOADER ================== */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

 


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ===================== LOGO ==================== */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

 
 
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ==================== HEADER =================== */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

header {
    padding: 2.2rem 0;
    position: fixed;
    width: 100%;
    height: 90px;
    left: 0;
    top: 0;
    z-index: 999;
}
header.sticky{
    background: var(--cc-white);
    padding: 1.2rem 0;
    box-shadow: 0 3px 10px rgb(0 0 0 / 10%);
    height: 80px;
}
header .cc-brand img{
    width: 230px;
}
header.sticky .cc-brand img{
    width: 185px;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* =================== FOOTER  =================== */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
 footer{
    background: url(../images/bg-footer.jpg) no-repeat 0 0;
    background-size:100% 100%;
    padding: 64px 0;
    color: var(--cc-white);
 }
 footer p{
    color: var(--cc-white);
    margin: 7px 0;
    padding: 0 20px 0 0;
 }
 footer a{
    color: var(--cc-white);
    text-decoration: none;
    opacity: 0.7;
 }
 footer a:hover{
    color: var(--cc-white);
    text-decoration: none;
    opacity: 1;
    transform: translateX(10px);
 }
 footer .cc-col{
    justify-content: flex-start;
 }
 footer address p{
    margin: 0 0 7px 0; 
 }
 footer .cc-footer-links.block a{
    display: block;
    padding-left: 30px;
 }

 footer .cc-footer-links.inline a{
    display: inline-block;
 }
.cc-copyright{
    font-size: var(--cc-text-sm);
}
.cc-credits{
    font-size: var(--cc-text-sm);
    text-align: right;
}
.cc-social a{
    margin: 0 10px;
}
.footer-btm{
    border-top:2px dotted #2c9087;
    padding:30px 0 0;
}
.cc-location{
    background:url(../images/svg/icon-location.svg) no-repeat 0 0;
    background-size:20px;
    padding-left:40px;
    margin-bottom: 20px;
}
.cc-email{
    background:url(../images/svg/icon-email.svg) no-repeat 0 0;
    background-size:20px;
    padding-left:40px;
    margin-bottom: 20px;
}
.cc-phone{
    background:url(../images/svg/icon-phone.svg) no-repeat 0 0;
    background-size:20px;
    padding-left:40px;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ============== SECTION :: HERO  =============== */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
 
 .cc-section.hero{
    background: url(../images/bg-gradient-1.png) no-repeat 0 0;
    background-size:100% 100%;
    width:100%;
    height:670px;
    padding: 0;
    z-index: 10;
 }
 .cc-hero-row{
    height: 100%;
 }
 .cc-hero-row .cc-col{
    display: flex;
    height: 100%;
    align-items: center;
    flex-direction: revert;
 }
 .cc-hero-row .cc-col.cc-hero-img{
    align-items: end;
 }
 .cc-hero-row .cc-col.cc-hero-img img{
    transform: translateY(73px);
 }
 .cc-hero-title{
    font-size: var(--cc-heading-xl);
 }
 .cc-hero-title span{
    display: block;
 }
 .cc-hero-title span:nth-child(1){ 
    font-size: var(--cc-heading-xl);
    color: var(--cc-primary);
    font-weight: 600;
 }
 .cc-hero-title span:nth-child(2){ 
    font-size: var(--cc-heading-xl);
    color: var(--cc-secondary);
    font-weight: 800;
 }
 .cc-hero-title span:nth-child(3){ 
    font-size: var(--cc-heading-lg);
    color: var(--cc-text-dark);     
    font-weight: 400;
 }


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ============== SECTION :: TAGLINE  =============== */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
 .cc-section.tagline{
    background: var(--cc-primary);
     color: var(--cc-white);
 }
 .cc-section.tagline .cc-section-title,
 .cc-section.tagline p{
    color: var(--cc-white);
 }
 .cc-section.tagline:before{
    display: block;
    content: "";
    width: 300px;
    height: 300px;
    position:absolute;
    left: 0;
    top:0;
    background:url(../images/handmobile-steth.png) no-repeat 0 0;
    background-size:contain;
 }

 /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ============== SECTION :: FEATURES  =============== */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


.cc-feature-item{
    text-align: center;
}
.cc-feature-title{
    font-size: var(--cc-text-xl);
    font-weight: 700;
    color: var(--cc-secondary);
    margin-top: 12px;
}
.cc-feature-title span{
    display: block;
    font-size: var(--cc-text-lg);
    font-weight: 500;
    color: var(--cc-primary);
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ============== SECTION :: EMPHASIS  =============== */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.cc-section.emphasis{
    background: url(../images/bg-gradient-1.png) no-repeat 0 0;
    background-size:100% 100%;
    width:100%;
    height:670px;
    padding: 80px 0;
 }
 .cc-section.emphasis .container-fluid{
    background: url(../images/doctors-discussing.png) no-repeat center center;
    background-size: contain;
    padding: 0 10%;
    height: 456px;
 }
 .cc-section.emphasis .cc-row{
    height: 100%;
 }
 
 .cc-section.emphasis .cc-col:nth-child(1){
    justify-content: center;
 }
 .cc-section.emphasis .cc-col:nth-child(2){
    justify-content: flex-end;
 }
 .cc-section.emphasis .cc-col:nth-child(3){
    justify-content: center;
    transform:translateY(-40px)
 }
.cc-section.emphasis .cc-card .card-title{
    display: flex;
    align-items: center;
    margin:0 20px;
    font-size:var(--cc-text-lg);
    color:var(--cc-text-dark);
    font-weight: 300;
 }

.cc-section.emphasis .cc-card img{
    height: 64px;
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ============== SECTION :: HOW WE WORK  =============== */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.cc-section.how-we-work.process{
    height: auto;
    /* background: url(../images/bg-howitworks.jpg) no-repeat 0 0;
    background-size: 100% 100%; */
 }
 .cc-stacked-card{
    border: 0;
    box-shadow: 0 7px 16px rgb(0 0 0 / 10%);
    border-radius: 16px;
    background:var(--cc-white);
    padding:20px 0;
    height: 600px;
    width: 640px;
    margin: 0 auto;
}
.cc-stacked-card .cc-card{
    box-shadow: none;
    transition: all ease-in-out 0.3s;
    z-index: 0;
    overflow: hidden;
}
 .cc-number{
    font-size: var(--cc-heading-md);
    font-weight: 800;
    -webkit-text-stroke: 1px #C0C0C0;
    color: #fff;
    padding: 0 20px;
 }
 .cc-hw-details{
    display: flex;
    flex-direction: column;
    justify-content: center;
 }
 .cc-stacked-card .cc-card{
    height:80px;
 }
 .cc-stacked-card .cc-card:hover {
    height:120px;
 }
 .cc-hw-item-title{
    font-size: var(--cc-text-xl);
    color:var(--cc-secondary);
    font-weight: 600;
    margin: 0 0 10px 0;
 }
 .cc-stacked-card .cc-card .cc-hw-details p{
    overflow: hidden;
    height: 0;
    transition: all ease-in-out 0.3s;
    padding: 0  20px 0 0;
    margin: 0;
 }
 .cc-stacked-card .cc-card:hover .cc-hw-details p{
    height: 120px;
    overflow: visible;
    transition: all ease-in-out 0.3s;
    margin: 0;
 }
 .cc-stacked-card .cc-card:hover{
    box-shadow: 0 7px 16px rgb(0 0 0 / 20%);
    transform: scale(1.03);
    transition: all ease-in-out 0.3s;
    z-index: 10;
}
.cc-stacked-card .cc-card:hover  .cc-number{
    -webkit-text-stroke: 1px var(--cc-primary);
     
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ============ SECTION :: HIGHLIGHTS  ============ */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.cc-section.highlights{
    padding:80px 0 0;
    background: url(../images/bg-gradient-1.png) no-repeat 0 0;
    background-size:100% 100%;
}
.cc-section.highlights .cc-col.cc-dec{
     padding: 80px 0 80px 10%;
 }
 .cc-highlight-bullets{
    list-style: none;
    padding: 0;
    margin: 30px 0;
 }
 .cc-highlight-bullets li{
     background:url(../images/svg/icon-check.svg) no-repeat 0 0;
     background-size:24px;
     padding-left: 40px;
     font-size: var(--cc-text-xl);
     margin-bottom: 24px;
 }
 .cc-col.cc-care-team-img{
    justify-content: flex-end;
 }



 /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* =================  MEDIA QUERIES  ============== */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/*  mmmmmmmmmmmmmmmm- 1400px -mmmmmmmmmmmmmmmm */

@media screen and (max-width:1400px){
    :root {
        --cc-heading-xl:48px;
        --cc-heading-lg:36px;
        --cc-heading-md:30px;
        --cc-heading-sm:24px;
        --cc-heading-xs:20px;
        --cc-text-xl:20px;
        --cc-text-lg:18px;
        --cc-text-md:16px;
        --cc-text-sm:14px;
        --cc-text-xs:12px;
    }
    .cc-hero-row .cc-col.cc-hero-img img {
        transform: translateY(63px);
    }
}

/*  mmmmmmmmmmmmmmmm- 1280px -mmmmmmmmmmmmmmmm */

@media screen and (max-width:1280px){
     
     
}
/*  mmmmmmmmmmmmmmmm- 1200px -mmmmmmmmmmmmmmmm */

@media screen and (max-width:1200px){
    
    body{
        padding-top: 120px;
    }
    .cc-section.hero{
        height: auto;
    }
    .cc-hero-row{
        height: auto;
    }
    .cc-hero-row .cc-col{
        height: auto;
    }
    .cc-hero-title {
        text-align: center;
        padding: 64px 0 0;
    }
    .cc-hero-row .cc-col.cc-hero-img img {
        transform: translateY(88px);
    }
    .cc-section.tagline:before{
        display: none;
    }
    .cc-features-row .cc-col{
        flex: 1 0 30%;
        margin-bottom: 40px;
    }
    .cc-section.emphasis{
        height: auto;
    }
     
    .cc-section.emphasis .cc-card .card-body{
        flex-wrap: wrap;
        justify-content: center !important;
    }
    .cc-section.emphasis .cc-card .card-title{
        text-align: center;
        margin: 10px 0 0;
    }
    .cc-section.emphasis .cc-col:nth-child(1),
    .cc-section.emphasis .cc-col:nth-child(2),
    .cc-section.emphasis .cc-col:nth-child(3) {
        transform: translateY(0px);
        justify-content: flex-end;
    }
}

/*  mmmmmmmmmmmmmmmm- 1024px -mmmmmmmmmmmmmmmm */

@media screen and (max-width:1024px){
    .cc-section.emphasis .cc-row {
        height: auto;
    }
    .cc-section.emphasis .cc-card {
        width: 80%;
        margin: 0 10% 15px;
    }
    .cc-section.emphasis .container-fluid {
         padding-top: 500px;
        height: auto;
    }
    .cc-section.emphasis .cc-card .card-body {
      flex-wrap: nowrap;
      justify-content: flex-start;
    }
    .cc-section.emphasis .cc-card .card-title {
        text-align: left;
        margin: 0 0 0 20px;
    }
    li.nav-item {
        margin-left: 0.2rem;
    }
    .nav-pills .nav-link {
        padding: 0.5rem 1rem;
     }
}

/*  mmmmmmmmmmmmmmmm- 980px -mmmmmmmmmmmmmmmm */

@media screen and (max-width:990px){
    .cc-hero-row .cc-col.cc-hero-img img {
        transform: translateY(68px);
    }
    .nav{
        position: fixed;
        z-index: 999;
        background: #fff;
        border: 1px solid #dde5ec;
        width: 340px;
        top: 80px;
        right: -500px;
        display: block;
        padding: 30px;
        border-radius: 16px;
        box-shadow: 0 10px 10px rgb(0 0 0 / 10%);
    }
    .nav.active{
        right: 10px;
    }
    .cc-menu-btn{
        display: block;
        width: 40px;
        height: 40px;
         position: relative;
    }
    .cc-menu-btn span{
        position: absolute;
        left: 0;
        width: 40px;
        height: 1px;
        background: var(--cc-secondary);
    }
    .cc-menu-btn span:nth-child(1){
        top:12px;
    }
    .cc-menu-btn span:nth-child(2){
        top:22px;
    }
    .cc-menu-btn span:nth-child(3){
        top:32px;
    }

    .cc-menu-btn.active span:nth-child(1){
        top:24px;
        transform: rotate(45deg);
    }
    .cc-menu-btn.active span:nth-child(2){
        top:22px;
        width: 0;
        left: 20px;
    }
    .cc-menu-btn.active span:nth-child(3){
        top:24px;
        transform: rotate(-45deg);
    }
    .cc-stacked-card .cc-card:hover {
        height: auto;
    }
    .cc-stacked-card .cc-card {
         padding-bottom: 30px;
    }
    .cc-section.highlights .cc-col.cc-dec {
        padding: 40px ;
    }
}

/*  mmmmmmmmmmmmmmmm- 768px -mmmmmmmmmmmmmmmm */

@media screen and (max-width:768px){
    header .container{
        justify-content: space-between  !important;
    }
    .cc-hero-row .cc-col.cc-hero-img img {
        transform: translateY(51px);
    }
    .cc-hero-title {
        text-align: center;
        padding: 40px 30px 0;
    }
    .cc-section {
        position: relative;
        padding: 40px 0;
    }
    .cc-section-title,
    .cc-section p {
        text-align: center;
    }
    .cc-section.sdoh-screening .cc-row .cc-col:nth-child(1){
        order: 2;
    }
    footer .cc-col {
        align-items: center;
    }
    .cc-footer-links.block {
        margin: 30px 0;
    }
    footer .cc-col.cc-footer-link-col{
        align-items: start;
    }
    .cc-social{
        margin: 20px 0;
    }
    footer p,
    .cc-copyright {
         text-align: center;
    }
    .cc-stacked-card .cc-card .cc-hw-details p{
        text-align: left;
    }
    .cc-stacked-card{
        width: 570px;
    }
}

/*  mmmmmmmmmmmmmmmm- 640px -mmmmmmmmmmmmmmmm */

@media screen and (max-width:640px){
    :root {
        --cc-heading-xl:36px;
        --cc-heading-lg:36px;
        --cc-heading-md:24px;
        --cc-heading-sm:20px;
        --cc-heading-xs:18px;
        --cc-text-xl:18px;
        --cc-text-lg:18px;
        --cc-text-md:16px;
        --cc-text-sm:14px;
        --cc-text-xs:12px;
    }
    .cc-stacked-card{
        width: 100%;
    }
}

/*  mmmmmmmmmmmmmmmm- 576px -mmmmmmmmmmmmmmmm */

@media screen and (max-width:576px){
    header .container {
         padding: 0 20px;
    }

    footer .cc-col.cc-footer-link-col:nth-of-type(2)  .cc-footer-links.block{
        margin: 20px 0 0;
        width: 100%;
    }
    footer .cc-col.cc-footer-link-col:nth-of-type(3)  .cc-footer-links.block {
        margin: 0 0 20px;
        width: 100%;
    }
    footer .cc-footer-links.block a{
        padding: 0;
        text-align: center;
        margin-bottom: 10px;
    }
    
    
}