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

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

:root {
    --cc-primary: #BF3535;
    --cc-secondary: #23194B;
    --cc-accent: #FEB201;
    --cc-white:#ffffff;
    --cc-black:#000000;
    --cc-text-dark:#262626;
    --cc-text-medium:#707070;
    --cc-text-light:#707070;
    --cc-base-font:  'Red Hat Display', sans-serif;
    --cc-heading-font:  'Red Hat Display', 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-md);
    color: var(--cc-text-medium);
    text-align: justify;
}
a:hover {
    color:var(--cc-primary);
}
.cc-innerpage-spacer{
    height: 140px;
}

.cc-highlight-para{
    font-size: 22px;
    margin: 40px;
    color:var(--cc-secondary);
}
.cc-para-wrap{
    padding: 40px;
}

.cc-btn-primary{
    padding: 16px 36px;
    border: 0;
    border-radius: 40px;
    background: var(--cc-primary);
    color: white;
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* =================== SECTION  ================== */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.cc-section{
    position: relative;
    padding: 64px 0;
}
.cc-section-title{
    font-size:var(--cc-heading-md);
    font-weight: 700;
    color: var(--cc-primary);
}
.cc-section-title.default span:nth-child(1){
    color: var(--cc-primary);
}
.cc-section-title.default span:nth-child(2){
    color: var(--cc-secondary);
}
.cc-section-title .part-1{
    color: var(--cc-primary);
}
.cc-section-title .part-2{
    color: var(--cc-secondary);
}
.cc-section-title  span.cc-section-title-watermark{
    font-size: 80px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #dadada;
    text-transform: uppercase;
    color: transparent;
    font-weight: 800;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    transform: translateY(21px);
    z-index: -1;
}
.cc-section-subtitle{
    font-size:var(--cc-heading-md);
    color: var(--cc-secondary);
}
.cc-row{
    /* height: 100%; */
}
 .cc-col{
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* height: 100%; */
}
.cc-module{
    background: #F5F5F5;
    position: relative;
}
.cc-module.dark{
    background: var(--cc-secondary);
    position: relative;
}
.cc-module.dark p{
    color:var(--cc-white);
   
}
.cc-module:before{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "CUPOWER";
    font-size: 80px;
    color: transparent;
    font-weight: 900;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #d1d1d1;
    text-transform: uppercase;
    transform: rotate(-90deg);
    transform-origin: 50% 200%;
}
.cc-module.projects:nth-child(odd) .cc-row .cc-col:first-child{
    order: 1;
}
.cc-module.projects:nth-child(odd) .cc-row .cc-col:last-child{
    order: 2;
}

.cc-module.projects:nth-child(even) .cc-row .cc-col:first-child{
    order:2;
}
.cc-module.projects:nth-child(even) .cc-row .cc-col:last-child{
    order: 1;
}
.other-service-title{
    font-size: var(--cc-heading-sm);
    color: var(--cc-text-dark);
}
.other-service{
    background: url(https://cupowertechnologies.in/wp-content/uploads/2023/04/icon-tick-blue.png) no-repeat 0 4px;
    padding-left: 35px;
    margin-bottom: 20px;
    background-size: 20px;
}

.bg-grey{
    background: #F5F5F5 !important;
}
.bg-dark{
    background: #201f2f !important;
}
.bg-dark .other-service-title{
    color: var(--cc-white);
}
.other-service{
    color: #b8bbe2;
}
.bg-gradient-002{
    background: url(../images/bg-gradient-002.png) no-repeat 0 0;
    background-size: cover;
}



/* 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 */
.cc-preloader-wrap{
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: var(--cc-white);
    display: flex;
    align-items: center;
    justify-content:center;
    opacity: 1;
    transition: all linear ease-in-out 0.3s;
    z-index: 99999;
}
.cc-preloader{
    width: 240px;
    height:108px;
    background: url(https://cupowertechnologies.in/wp-content/uploads/2023/04/preloader.gif) no-repeat 0 0;
    background-size: contain;
}
.cc-preloader-wrap.displace{
    width: 0;
    height: 0;
    left: 50%;
    top: 50%;
    overflow: hidden;
    opacity: 0;
    transition: all linear ease-in-out 0.3s;
}

/* 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: #201f2f !important;
    padding: 64px 0;
    color: var(--cc-text-dark);
    padding-top: 60px;
    border-top: 1px solid #e6e6e6;
    /* margin-top: 60px; */
 }
 footer p{
    color:#ffffff;
    margin: 7px 0;
    padding: 0 20px 0 0;
 }
 footer a{
    color:#e7e9ff;
    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:1px dotted #514e76;
    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;
    text-align: left;
}
.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;
}
.menu-footer-menu-left-container ul,
.menu-footer-menu-right-container ul{
    list-style: none;
    padding: 0;
}
.menu-footer-menu-bottom-container ul{
    list-style: none;
    padding: 0;
    display: flex;
}
.menu-footer-menu-bottom-container ul li{
    padding: 0 20px;
    border-right: 1px solid #2a9086;
}
.menu-footer-menu-bottom-container ul li:first-child{
    padding-left:0;
}
.menu-footer-menu-bottom-container ul li:last-child{
    padding-right:0;
    border: 0;
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ============== SECTION :: HERO  =============== */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
 
 .cc-section.hero{
  
    width:100%;
    height:670px;
    padding: 0;
    z-index: 10;
 }
 .cc-section.hero .container{
    height: 100%;
 }
 .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: center;
 }
 
 .cc-hero-title{
    font-size: var(--cc-heading-xl);
 }
 .cc-hero-title span{
    display: block;
    float: left;
    margin-right: 15px;
    font-size: var(--cc-heading-lg);
    font-weight: 200;
 }
 .cc-hero-title span:nth-child(1),
 .cc-hero-title span:nth-child(3),
 .cc-hero-title span:nth-child(5){ 
    color: var(--cc-text-dark);     
 }
 .cc-hero-title span:nth-child(2){ 
    color: var(--cc-primary);
    font-weight: 700;
 }
 .cc-hero-title span:nth-child(4){ 
    color: var(--cc-secondary);
    font-weight: 700;
 }
 .cc-hero-title span:nth-child(3){
     clear: left;
 }

 section.section-contact {
    padding: 0 0 60px;
}
/* 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-lg);
    font-weight: 600;
    color: var(--cc-secondary);
    margin-top: 12px;
    width: 90%;
}
.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 ;
    
}
.cc-section.highlights .cc-col.cc-dec{
     padding: 40px;
 }
 .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-md);
     margin-bottom: 24px;
 }
 .cc-col.cc-care-team-img{
    justify-content: flex-start;
 }




 .btn-whatsapp-pulse-border {
    bottom: 20px;
    right: 20px;
    animation-play-state: paused;
}
.btn-whatsapp-pulse {
    background: #67D349;
    color: white;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    text-decoration: none;
    border-radius: 50%;
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    z-index: 99999;
    box-shadow: 2px 2px 10px rgb(0 0 0 / 20%);
    transition: all ease-in-out 0.3s;
}
.btn-whatsapp-pulse.push-top{
    bottom: 115px;
    transition: all ease-in-out 0.3s;
}

.btn-whatsapp-pulse-border::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    padding: 25px;
    border: 1px solid #67D349;
    opacity: 0.75;
    animation-name: pulse-border;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}
@keyframes pulse-border {
    0% {
        left: 10px;
        top: 10px;
        width:60px;
        height:60px;
        opacity: 0;
    }
   30% {
        left: -20px;
        top: -20px;
        width:120px;
        height:120px;
        opacity: 0.5;
    }
    100% {
        left: -40px;
        top: -40px;
        width:160px;
        height:160px;
        opacity: 0;
    }
}



 /* 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){
     
     .other-service{
        font-size: 13px;
     }
}
/*  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(0px);
    }
    .cc-hero-title {
        text-align: center;
        padding: 40px 30px 0;
    }
    .cc-section {
        position: relative;
        padding: 40px 0;
    }
    .cc-section-title 
    {
        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;
    }
    .cc-features-row .cc-col{
        flex:auto;
    }
    .cc-feature-title{
        width: 100%;
    }
    .container{
        padding: 0 30px;
    }
    header .container {
        padding: 0 30px;
   }
   .cc-innerpage-spacer {
        height: 30px;
    }
    .cc-section.cc-module img{
        text-align: center;
        margin: 0 auto;
    }
    .cc-section.cc-module .cc-section-subtitle {
        text-align: center;
        margin: 16px 0 0 0;
    }
}

/*  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%;
    }
    .cc-section-title span.cc-section-title-watermark {
        font-size: 56px;
        transform: translateY(8px);
    }
    .cc-module:before{
        font-size: 56px;
    }
    .cc-section.highlights {
        padding: 0px 0 0;
    }
    .cc-section.highlights .cc-col.cc-dec {
        padding: 0;
    }
    .cc-innerpage-spacer {
        height: 10px;
    }
}

/*  mmmmmmmmmmmmmmmm- 576px -mmmmmmmmmmmmmmmm */

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

    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;
    }
    .cc-section-title span.cc-section-title-watermark {
        font-size: 48px;
        transform: translateY(16px);
    }
    .cc-module:before{
        font-size: 40px;
    }
    .cc-highlight-para {
         margin: 20px 10px;
    }
    .cc-para-wrap {
        padding: 20px 10px;
    }
    .cc-innerpage-spacer {
        height: 0px;
    }
}