.subscripe {
    min-height: 100vh;
    background-image: url("../assets/media/background/bg-subscripe.png");
    background-position: center;
    background-repeat: no-repeat;
}

.subscripe form {
    margin-top: 4rem;
}
.contact_form {
    border-radius: 20px;
}
.my-nav-custom {
    display: none;
}
nav {
    background-color: transparent !important;
}
.personal_data {
    background-color: #f2f4fc;
    padding: 2rem;
    border-radius: 20px 20px 0 0;
}
.personal_data h1 {
    width: 60%;
    line-height: 2;
    font-weight: bold;
}

.subscripe_input {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    border: 1px solid #00000026;
    background-color: #fff;
    padding: 0.7rem;
    border-radius: 12px;
}

.subscripe_input input,
textarea {
    outline: none;
    background-color: transparent;
    border: none;
}

textarea {
    resize: none;
    min-height: 150px;
}
.choose_course {
    background-color: #fff;
}
.course_name {
    border: 1px solid #dde2f3;
    background-color: #f9fbfe;
    padding: 1rem;
    display: flex;
    gap: 0.8rem;
    cursor: pointer;
    border-radius: 8px;
    transition: border-color 0.3s, background-color 0.3s;
}

.course_name label {
    font-size: 1.1rem;
    cursor: pointer;
    color: #333;
    transition: color 0.3s;
}

form {
    position: relative;
    overflow: hidden;
}

.image_form {
    position: absolute;
    bottom: 0;
    left: -10px;
}

@media (max-width: 768px) {
    .my-nav-custom {
        display: flex;
    }
    .subscripe form {
        margin-top: 18rem;
    }
    .personal_data h1 {
        width: 100%;
        line-height: 2;
        font-weight: 600;
        font-size: 24px;
    }
}

@media (max-width: 991px) {
    .subscripe form {
        margin-top: 12rem;
    }
    main {
        top: 0;
    }
}