/* HERO SECTION */
.lawyer-expert-hero-section {
    background-image: url('/img/assets/Expert/faded-overlay-blue-bg-15.png'), linear-gradient(to right, #E5EBF2, #637C9A);
}

/* BELOW HERO SECTION */
.below-hero-section {
    background-image: url('/img/assets/Expert/blue-wave.png');
}

.create-profile-form {
    gap: 20px;
}

.below-hero-section p {
    margin-bottom: 40px;
}

.create-profile-form input {
    color: rgba(0, 0, 0, 0.7);
    border: 0.5px solid #4D6582;
    margin-bottom: 10px;
}

.create-profile-form input:focus-visible {
    border: 3px solid rgba(77, 101, 130, 0.7);
    outline: none;
}

/*.create-profile-form div {

    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    gap: 10px;
    width: 100%;
}*/

.create-profile-form button {
    margin-top: 20px;
}


.below-hero-section > div {
    max-width: 1100px;
    margin: auto;
    padding: 0 65px;

}


/* BOOK A DEMO */

.graphic-section .graphic-bg-section {
    background: linear-gradient(to bottom, rgba(11, 30, 52, 0.9), rgba(11, 30, 52, 0.9)), url('/img/assets/Expert/computer-bg.png');
    background-size: cover;
    background-position: center;
}

.graphic-section .graphic-bg-section h3 {
    color: #85A9D5;
}

.graphic-section .graphic-bg-section > div {
    padding: 110px 50px 90px 50px;
}

.graphic-section button {
    margin-top: 70px;
}

/* HOW IT WORKS SECTION */
.how-it-works-lawyer {
    background: #4D6582;
}

.round-icon-container {
    background-color: #91A6BF;
}

.how-it-works-details-lawyer-expert {
    background: linear-gradient(to right, #E4E9EF, white 70%);
}

.how-it-works-detail-box {
    border: 3px solid #4D6582;
}

.step-label {
    background-color: #4D6582;
}


/* ========== MEDIA QUERIES ========== */
@media (min-width: 2600px) {

    .below-hero-section {
        background-image: linear-gradient(to right, #EEEFF1, white);
        border-top: solid 10px #4D6582;
    }
}
