#main-section {
    min-height: 100vh;
    width: 100%;
}

:root {
    --font-1: "Phudu", sans-serif;
    --font-2: "Nunito", sans-serif;
    --font-3: "Google Sans", sans-serif;
}

.h2-custom {
    font-family: var(--font-1);
}

.p-custom {
    font-family: var(--font-1);
}

.p-custom2 {
    font-family: var(--font-3);
    font-size: 15px;
}

body {
    width: 100%;
    background-color: #63B5FF;
}

.btn-custom-1 {
    font-size: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: 500;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #63B5FF;
    color: white;
    font-family: var(--font-3);
}

    .btn-custom-1:hover {
        background-color: transparent;
        color: black;
        border-color: #63B5FF;
    }

.btn-custom-2 {
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #F50057;
    color: white;
    font-weight: 600;
}

    .btn-custom-2:hover {
        background-color: white;
        color: black;
        border-color: #F50057;
    }

.btn-custom-3 {
    text-decoration-color: white;
    color: white;
    font-family: var(--font-1);
    font-size: 20px;
    font-weight: 500;
}

    .btn-custom-3:hover {
        text-decoration-color: black;
        color: black;
    }

.label-custom-1 {
    font-family:var(--font-3);
    font-size:13px;
    font-weight:400;
    color:black;
}
.custom-input-1 {
    max-height: 38px;
    border-radius: 10px;
    font-family: var(--font-3);
    font-size: 15px;
    font-weight: 400;
    color: black;
}