@font-face {
  font-family: "roboto-bold";
  src: url(/public/fonts/Roboto/Roboto-medium.ttf) format("opentype"); }

@font-face {
  font-family: "roboto";
  src: url(/public/fonts/Roboto/Roboto-Regular.ttf) format("opentype"); }

@font-face {
  font-family: "roboto-bold";
  src: url(/public/fonts/Roboto/Roboto-medium.ttf) format("opentype"); }

@font-face {
  font-family: "roboto";
  src: url(/public/fonts/Roboto/Roboto-Regular.ttf) format("opentype"); }

.transfer_is-arabic .transfer__button {
  margin-right: 0;
  margin-left: 20px; }

.transfer_is-arabic .transfer__section:first-child {
  margin-right: 0;
  margin-left: 40px; }

.transfer__container {
  margin: 0 auto;
  max-width: 1300px;
  padding: 0 10px;
  margin-bottom: 60px;
  margin-top: 60px; }

.transfer__section-container {
  display: flex;
  width: 90%; }
  @media only screen and (max-width: 600px) {
    .transfer__section-container {
      width: 100%;
      flex-direction: column-reverse; } }

.transfer__section {
  flex: 1; }
  .transfer__section:first-child {
    width: 250px;
    margin-right: 40px;
    flex-shrink: 0;
    flex: none; }
  @media only screen and (max-width: 600px) {
    .transfer__section {
      width: 100%;
      margin-bottom: 20px; }
      .transfer__section:first-child {
        width: 100%;
        margin: 0; } }

.transfer__title {
  color: #00438E;
  font-size: 30px;
  margin-bottom: 20px;
  font-family: "roboto"; }

.transfer__form-section:not(:last-child) {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #EDEDED; }

.transfer__form-item {
  margin-bottom: 20px; }

.transfer__button-container {
  display: flex; }
  @media only screen and (max-width: 600px) {
    .transfer__button-container {
      flex-direction: column; } }

.transfer__button {
  width: 100px;
  margin-right: 20px; }
  @media only screen and (max-width: 600px) {
    .transfer__button {
      width: 100%; }
      .transfer__button:first-child {
        margin-bottom: 10px; } }

.transfer__form-section-title {
  color: #00438E;
  margin-bottom: 20px;
  font-weight: bold; }