@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&family=Muli:ital,wght@0,300;0,400;0,600;0,700;1,400&family=Montserrat:wght@400;700&display=swap');

.hero-illu{
    background: url(/assets/images/illustration.png);
    background-position: top center;
    background-repeat: no-repeat;
    height: calc(100vh - 160px);
    min-height: 480px;
}
.hand-drawn {
    border: none !important;
    background: none !important;
    position: relative;
}

.hand-drawn:after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border: 2px solid #7dd3fc;
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    pointer-events: none;
}

.progress-container {
    height: 30px;
    border-radius: 15px;
    overflow: hidden;
}

.progress-bar {
    height: 100%;
    transition: width 0.5s ease;
}