@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

.bg-custom-1 {
    background-color: #FFF9F4;
}

.bg-custom-2 {
    background-color: #F1F1F1;
}

.btn-custom-color-1 {
    background: linear-gradient(180deg, #3D4FF3 0%, #3543BC 100%);
}

.custom-color-1 {
    color: #FA804C;
}

.img-banner {
    width: 80%;
    height: 80%;
}

.custom-fs-1 {
    font-size: 80px;
}

.custom-font-1 {
    font-family: 'Bebas Neue', cursive;
}

.custom-radious-1 {
    border-radius: 20px !important;
}

.custom-radious-bottom-1 {
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}

img.custom-img-w-s {
    width: 78px;
    height: 82px;
}

header {
    background-image: url("../images/background/dots.png");
    background-repeat: no-repeat;
    background-size: 10%;
    background-position: 35% 0%;
}

.card {
    transition: all 0.2s ease-in-out;
}

.card:hover {
    transform: scale(1.02);
}

button.btn {
    font-weight: 600;
    border-radius: 10px !important;
}