/* Apply & Join Us Today */ .join-us-today { position: relative; margin-bottom: 5rem; } .join-us__row { position: relative; background: #1267e5; box-shadow: 1.5rem 2rem 5rem rgba(0, 0, 0, 0.07); border-radius: 1.5rem; margin: 0; overflow: hidden; } .join-us__row:before { content: ""; position: absolute; background: url("../../images/dotted.png") no-repeat 0 0; background-size: 100%; z-index: -1; width: 50rem; height: 40rem; top: -0.7rem; display: none; } .join-us__from-wraper { position: relative; padding: 3rem; z-index: 0; } .join-us__from-wraper:before { content: ""; position: absolute; background: url("../../images/dotted.png") no-repeat 0 0; background-size: 100%; z-index: 0; width: 47.3rem; height: 27.4rem; top: 0; left: 0; right: 0; margin: auto; z-index: -1; } .join-us__image { position: relative; display: none; } .join-us__header { text-align: center; margin-bottom: 3rem; } .join-us--title { font-family: "Montserrat", sans-serif; font-style: normal; font-weight: bold; font-size: 2.4rem; line-height: 3rem; color: #ffffff; } .join-us__header p { font-family: "Open Sans", sans-serif; font-size: 1.6rem; line-height: 2.2rem; text-align: center; color: #c9dfff; } @media (min-width: 768px) { .join-us-today { margin-bottom: -8rem; } .join-us__row { margin: 0; position: relative; z-index: 2; } .join-us__row::before { display: block; } .join-us__from-wraper { padding: 3rem; } .join-us__image .action-img { margin-bottom: 0rem; width: 27rem; } } @media (max-width: 991px) { .join-us__from-wraper { flex: 0 0 100%; max-width: 100%; } } @media (min-width: 992px) { .join-us__image { position: relative; display: block; } .join-us__image .action-img { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 100%; } .join-us__image .action-img img { height: 100%; object-fit: cover; } .join-us__from-wraper { padding: 6rem; } .join-us--title { font-size: 3rem; line-height: 2.2rem; margin-bottom: 2rem; } .join-us__header { margin-bottom: 5rem; } .join-us__header p { max-width: 44rem; margin: auto; } .join-us__from-wraper::before { width: 460px; } } @media (min-width: 1366px) { .join-us__from-wraper { padding: 7rem 10rem; } .join-us-today { margin-bottom: -12.3rem; } .join-us--title { font-size: 4rem; line-height: 3.6rem; } } /* join us form */ .join-us__form { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .join-us__form .form-group { margin-bottom: 2.5rem; width: 100%; } .join-us__form label { font-family: "Open Sans", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 1.8rem; color: #fff; display: block; margin-bottom: 10px; } .join-us__form label.error { display: inline-block; font-size: 14px; color: red; background: #e5e5e5; margin: 0; line-height: 1; padding: 4px 5px; border-radius: 5px; z-index: 1; text-shadow: 0 0.3px black; } .join-us__form .form-control { background: #ffffff; border: 1.5px solid #d9e1e8; box-sizing: border-box; border-radius: 5px; padding: 1.5rem 2.5rem; font-family: "Open Sans", sans-serif; font-weight: normal; font-size: 1.8rem; line-height: 1.8rem; color: #324165; height: auto; } .join-us__form .form-control:focus { border-color: #03265b; } .join-us__form textarea.form-control { min-height: 13rem; resize: none; } .join-us__form .btn-request { margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .leave-comments-box__wraper { margin-bottom: 7rem; } .join-us__form .form-group { width: calc(50% - 1.5rem); } .join-us__form .form-group:nth-of-type(3) { width: 100%; } /* footer for this page only */ .join-us-today ~ .footer .top_row { padding-top: 20rem; } } @media (min-width: 1200px) { .leave-comments-box__wraper { margin-bottom: 10rem; } }