@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');
*{
    font-family: 'Poppins', sans-serif !important;
    box-sizing: border-box !important;
    transition: 0.3s ease;
}
:root {
    --c1: rgba(255, 255, 255, 1);
    --c2: #BAD1C2;
    /* --c3: rgba(14,165,233,1); */
    --c3: #1b1e23;
    --c32:#7dd3fc;
    --c4: #153462;
    --shadow-dark:0 0 15px rgba(0, 0, 0, .3);
    --shadow-white:0 0 15px rgba(255, 255, 255, .3);
}

.card{
    height:auto;
    /* cursor: pointer; */
}
.card:hover {
    transform: scale(1.05);
    transition: 0.3s;
}
.image{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.c1{
    color:var(--c1);
}
.c2{
    color:var(--c2);
}
.c3{
    color:var(--c3);
}
.c4{
    color:var(--c4);
}

.bg1 {
    background-color: var(--c1);
}

.bg2 {
    background-color: var(--c2);
}

.bg3 {
    background-color: var(--c3);
}

.bg4 {
    background-color: var(--c4);
}

.w-50{
    width: 50%;
}
.mw-50{
    max-width: 50%;
}