@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"); }

.about {
  display: flex;
  flex-direction: column;
  flex: 1; }
  .about_is-arabic .about__button-item {
    padding: 20px 10px;
    display: flex;
    align-items: center;
    color: #00438E; }
    .about_is-arabic .about__button-item:first-child {
      padding-right: 0;
      border-right: 0;
      padding-left: 20px;
      border-left: 1px solid #cccccc45; }

.about__container {
  margin: 0 auto;
  max-width: 1300px;
  padding: 0 10px;
  margin-bottom: 60px;
  margin-top: 60px;
  width: 100%;
  flex: 1; }

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

.about__section-container {
  display: flex;
  flex-direction: column;
  width: 60%;
  margin-bottom: 40px; }
  @media only screen and (min-device-width: 650px) and (max-device-width: 1024px) {
    .about__section-container {
      width: 100%; }
      .about__section-container:first-child {
        flex-direction: column; }
        .about__section-container:first-child .about__section {
          width: 100%; }
        .about__section-container:first-child .about__image-container {
          display: flex;
          align-items: center;
          justify-content: center; }
        .about__section-container:first-child .about__image {
          width: 50%; } }
  @media only screen and (max-width: 600px) {
    .about__section-container {
      width: 100%;
      flex-direction: column; } }

.about__section-item {
  margin-bottom: 20px;
  font-size: 14px; }
  .about__section-item sup {
    font-size: 11px;
    vertical-align: super; }
  .about__section-item p {
    margin-bottom: 20px; }
  .about__section-item ol {
    list-style-type: decimal;
    list-style-position: inside; }
  .about__section-item ul {
    list-style: disc; }
  .about__section-item li {
    margin: 0 40px; }

.about__section {
  width: 35%;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .about__section_is-big {
    width: 60%; }
  @media only screen and (max-width: 600px) {
    .about__section {
      width: 100%; }
      .about__section_is-big {
        width: 100%; } }

.about__section-title {
  margin-bottom: 20px;
  color: #00438E;
  font-size: 26px; }

.about__section-description {
  font-size: 14px; }
  .about__section-description_has-margin {
    margin-bottom: 20px; }

.about__section-button {
  width: 120px; }

.about__image {
  width: 100%; }

@media only screen and (max-width: 600px) {
  .about__section-description {
    margin-bottom: 20px; } }

.about__buttons-container {
  display: flex;
  justify-content: center;
  width: 100%;
  box-shadow: 1px 1px 3px 3px #00000008; }

.about__button-item {
  padding: 20px 10px;
  display: flex;
  align-items: center;
  color: #00438E; }
  .about__button-item:first-child {
    padding-right: 20px;
    border-right: 1px solid #cccccc45; }
  .about__button-item:before {
    content: '';
    margin: 0 10px;
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px; }
  .about__button-item_is-corporate:before {
    background-image: url("/public/img/globe.svg"); }
  .about__button-item_is-branch:before {
    background-image: url("/public/img/mark.svg"); }

.about__breadcrumbs {
  display: flex;
  justify-content: flex-end; }

.about__title-item {
  color: #00438E;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px; }

.about__link {
  color: #444444; }
  .about__link:hover {
    text-decoration: underline; }

.about__item-container:not(:last-child) {
  margin-bottom: 60px; }