:root {
  --bg-dark: #202427;
  --bg-dark2: #121416;
  --white: #ffffff;
  --white-sec: #EEF0F2;
  --green: #26B275;
}

.text-cmgreen {
    color: var(--green)
}

.cmbg-dark {
    background-color: var(--bg-dark)
}
.main_btn {
    background: var(--green);
    height: 3rem;
}
.page-wrapper {
    background: var(--bg-dark2);
}

.back_btn {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    border: 1px solid white;
    color: white;
    
        
}

@media only screen and (max-width: 600px) {
    .page-wrapper1 {
    background: var(--bg-dark);
}
}

.page_cm_card {
    height: auto;
    background: var(--bg-dark);
}
.page_cm_card2 {
    height: auto;
    background: var(--white);
}
.header1 {
    height: auto;
    background: var(--bg-dark);
}

.home_content1 .home_i1 {
    width: 20rem;
}
.home_content1 .home_t1 {
    font-size: 4rem;
}

/* home2 compornents */

.home_com3 {
    background: var(--white);
}

.hc3_1 {
    background: var(--white-sec)
}

.hc3_1_1 {
    cursor: pointer;
}

/* home2 compornents end */