@font-face {
  font-family: 'assistant';
  src: url("../../../fonts/assistant/Assistant-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'assistant';
  src: url("../../../fonts/assistant/Assistant-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'assistant';
  src: url("../../../fonts/assistant/Assistant-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'assistant';
  src: url("../../../fonts/assistant/Assistant-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'assistant';
  src: url("../../../fonts/assistant/Assistant-ExtraBold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'cairo';
  src: url("../../../fonts/cairo/Cairo-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'cairo';
  src: url("../../../fonts/cairo/Cairo-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'cairo';
  src: url("../../../fonts/cairo/Cairo-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

#homepage * {
  font-family: "cairo"; }

#homepage .experience-cbc-cbc_assets-header_link:last-child .header_link a {
  font-family: "assistant" !important; }

#he * {
  font-family: "assistant"; }

#he .experience-cbc-cbc_assets-header_link:last-child .header_link a {
  font-family: "cairo" !important; }

.cbc-hero {
  background-color: #E30D1A;
  height: 1100px;
  width: 100%; }
  .cbc-hero .cbc-hero__content {
    position: relative;
    height: 100%;
    width: 100%; }
    .cbc-hero .cbc-hero__content .content-hero-right {
      position: absolute;
      z-index: 1;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0; }
      .cbc-hero .cbc-hero__content .content-hero-right img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .cbc-hero .cbc-hero__content .content-hero-left {
      position: absolute;
      z-index: 2;
      top: 330px;
      right: 350px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      width: 548px; }
      .cbc-hero .cbc-hero__content .content-hero-left .text-image {
        width: 140px;
        height: 60px;
        margin-bottom: 17px; }
      .cbc-hero .cbc-hero__content .content-hero-left .content-hero-text h1 {
        font-size: 120px;
        line-height: 130px;
        text-align: center;
        color: #ffffff;
        font-weight: 700; }
      .cbc-hero .cbc-hero__content .content-hero-left .content-hero-text h3 {
        font-size: 38px;
        text-align: center;
        color: #ffffff;
        font-weight: 500;
        margin-bottom: 20px; }
      .cbc-hero .cbc-hero__content .content-hero-left .second-text-image {
        width: 428px;
        height: 80px;
        object-fit: contain;
        margin-top: 120px; }
      .cbc-hero .cbc-hero__content .content-hero-left .hero-btn {
        background-color: #E30D1A;
        color: #ffffff;
        padding: 16px 10.5px;
        font-weight: 500;
        font-size: 27px;
        text-align: center;
        text-decoration: none;
        margin-top: -180px; }
    .cbc-hero .cbc-hero__content .content-hero-side-image {
      display: none; }
  @media screen and (max-width: 768px) {
    .cbc-hero {
      height: 750px; }
      .cbc-hero .cbc-hero__content {
        position: relative;
        height: 100%;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: center;
            align-items: center; }
        .cbc-hero .cbc-hero__content .content-hero-right {
          position: unset;
          height: 205px;
          width: 100%;
          position: relative; }
          .cbc-hero .cbc-hero__content .content-hero-right::after {
            display: block;
            bottom: 0;
            inset-block-end: 0;
            content: "";
            background: linear-gradient(180deg, transparent 0%, #E30D1A 50%);
            height: 30px;
            position: absolute;
            width: 100%;
            z-index: 999; }
          .cbc-hero .cbc-hero__content .content-hero-right img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        .cbc-hero .cbc-hero__content .content-hero-left {
          position: unset;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-align: center;
              align-items: center;
          width: 90%;
          margin: 0 auto; }
          .cbc-hero .cbc-hero__content .content-hero-left .text-image {
            width: 90px;
            height: auto;
            margin-bottom: 17px; }
          .cbc-hero .cbc-hero__content .content-hero-left .content-hero-text h1 {
            font-size: 60px;
            line-height: 75px;
            font-weight: 700; }
          .cbc-hero .cbc-hero__content .content-hero-left .content-hero-text h3 {
            font-size: 17px;
            font-weight: 500;
            margin-bottom: unset; }
          .cbc-hero .cbc-hero__content .content-hero-left .second-text-image {
            width: 90%;
            height: auto;
            object-fit: contain;
            margin-top: 100px; }
          .cbc-hero .cbc-hero__content .content-hero-left .hero-btn {
            background-color: #ffffff;
            color: #E30D1A;
            font-size: 22px;
            margin-top: -150px; }
        .cbc-hero .cbc-hero__content .content-hero-side-image {
          display: none; } }