.main-container {
    /* height: 250px; */
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 5px 8px;
    /* border-radius: 0.5rem; */
    background-color: rgb(226, 223, 224);
    /* box-shadow: 0 0.0625rem 0.125rem 0.0625rem #00000026, 0 -0.0625rem 0.125rem 0 #0000001a; */
    width: 95%;
    margin: 0px auto;
}

.top-container {
    height: 40%;
    display: flex;
    gap: 10px;
}

.top-left {
    width: 80px;
    display: flex;
}

.top-right {
    width: 90%;
    display: flex;
    color: black;
    flex-direction: column;
    justify-content: center;
}

.top-right h2,
.top-right p {
    margin: 0px;
    padding: 0px;
}

.bottom-container {
    height: 60%;
    width: 100%;
    display: flex;
    /* gap: 30px; */
}

.bottom-left {
    width: 25%;
    display: flex;
    justify-content: center;
}

.bottom-left img {
    width: 80%;
    max-height: auto;
}

.bottom-right {
    width: 75%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.bottom-right form {
    display: flex;
    gap: 20px;
    align-items: center;
}

.form-input {
    display: flex;
    color: black;
    flex-direction: column;
    gap: 3px;
    width: 20%;
}

.result-btn {
    background: #0071dc;
    color: #fff;
    font-weight: 700;
    align-items: center;
    appearance: none;
    border: 0;
    border-radius: 80px;
    cursor: pointer;
    justify-content: center;
    transition: all .1s cubic-bezier(.77, 0, .175, 1);
    white-space: nowrap;
    height: 40px;
    padding: 10px 30px;
    margin-top: 20px;
}

.form-input select {
    background: #fff;
    border-radius: .25rem;
    box-shadow: inset 0 0 0 .0625rem #909196;
    position: relative;
    padding: 12px 20px;
    border: 0;
}