body {
  direction: rtl; }

html {
  scroll-behavior: smooth; }

@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-SemiBold.ttf") format("truetype");
  font-weight: 600;
  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-family: "assistant"; }

.col-12 {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.row {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.hero-80 {
  font-family: "assistant";
  color: #D71323;
  font-weight: 700;
  font-size: 80px;
  line-height: 82px; }
  @media screen and (max-width: 768px) {
    .hero-80 {
      font-size: 36px;
      line-height: 40px; } }

.bold-72 {
  font-family: "assistant";
  font-weight: 700;
  font-size: 72px;
  line-height: 80px;
  color: #ffffff; }
  @media screen and (max-width: 768px) {
    .bold-72 {
      font-size: 32px;
      line-height: 40px; } }

.bold-48 {
  font-family: "assistant";
  font-weight: 700;
  font-size: 48px;
  line-height: 56px;
  color: #ffffff; }
  @media screen and (max-width: 768px) {
    .bold-48 {
      font-size: 24px;
      line-height: 28px; } }

.bold-30 {
  font-family: "assistant";
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  color: #414141; }
  @media screen and (max-width: 768px) {
    .bold-30 {
      font-size: 20px;
      line-height: 26px; } }

.bold-18 {
  font-family: "assistant";
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #414141; }

.semibold-30 {
  font-family: "assistant";
  font-weight: 600;
  font-size: 30px;
  line-height: 40px;
  color: #414141; }
  @media screen and (max-width: 768px) {
    .semibold-30 {
      font-size: 20px;
      line-height: 26px; } }

.semibold-24 {
  font-family: "assistant";
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #ffffff;
  margin: 0; }
  @media screen and (max-width: 768px) {
    .semibold-24 {
      font-size: 20px;
      line-height: 26px; } }

.semibold-20 {
  font-family: "assistant";
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #414141;
  margin: 0; }
  @media screen and (max-width: 768px) {
    .semibold-20 {
      font-size: 18px;
      line-height: 24px; } }

.semibold-18 {
  font-family: "assistant";
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #414141;
  margin: 0; }

.regular-30 {
  font-family: "assistant";
  font-weight: 400;
  font-size: 30px;
  line-height: 40px;
  color: #414141; }
  @media screen and (max-width: 768px) {
    .regular-30 {
      font-size: 20px;
      line-height: 26px; } }

.regular-24 {
  font-family: "assistant";
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: #ffffff; }
  @media screen and (max-width: 768px) {
    .regular-24 {
      font-size: 18px;
      line-height: 24px; } }

.regular-20 {
  font-family: "assistant";
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: #414141; }
  @media screen and (max-width: 768px) {
    .regular-20 {
      font-size: 18px;
      line-height: 24px; } }

.regular-18 {
  font-family: "assistant";
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #414141;
  margin: 0;
  padding: 0; }
  @media screen and (max-width: 768px) {
    .regular-18 {
      font-size: 16px;
      line-height: 20px; } }

.btn-primary {
  background-color: #D71323;
  border-radius: 46px;
  font-weight: 600;
  font-family: "assistant";
  color: #ffffff;
  transition: all ease 0.3s;
  border: none;
  font-size: 24px;
  line-height: 32px;
  padding: 16px 40px;
  text-align: center;
  text-decoration: none; }
  .btn-primary.medium {
    padding: 10px 32px;
    font-size: 18px;
    line-height: 24px; }
  .btn-primary:hover {
    background-color: #990d19;
    color: #ffffff;
    text-decoration: none;
    border-color: transparent !important; }
  .btn-primary:focus {
    outline: 1px solid #8ab2ea;
    background-color: #D71323 !important; }
  .btn-primary:active {
    background-color: #D71323 !important;
    outline: none !important;
    border: none !important;
    box-shadow: none !important; }
  .btn-primary:disabled {
    background-color: #d6d6d6;
    color: #515151;
    opacity: 1; }
  @media screen and (max-width: 768px) {
    .btn-primary {
      font-size: 18px;
      line-height: 24px;
      padding: 16px 32px; } }

.btn-secondary {
  background-color: #ffffff;
  border: 1px solid #D71323;
  border-radius: 46px;
  font-weight: 600;
  font-family: "assistant";
  color: #D71323;
  transition: all ease 0.3s; }
  .btn-secondary:hover {
    background-color: #FBE7E9; }
  .btn-secondary:focus {
    background-color: #FBE7E9;
    outline: 1px solid #8ab2ea; }
  .btn-secondary:disabled {
    background-color: #d6d6d6;
    color: #515151;
    border: 1px solid #515151; }
  .btn-secondary.large {
    font-size: 24px;
    line-height: 32px;
    padding: 16px 40px; }
  .btn-secondary.medium {
    font-size: 18px;
    line-height: 24px;
    padding: 16px 32px; }
  .btn-secondary.small {
    font-size: 16px;
    line-height: 24px;
    padding: 8px 24px; }

.tag {
  background-color: #696969;
  color: #ffffff;
  border-radius: 8px;
  padding: 16px 16px 16px 20px;
  gap: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  font-family: "assistant";
  text-decoration: none;
  transition: all ease 0.3s; }
  .tag:hover {
    background-color: #383838;
    color: #ffffff;
    text-decoration: none; }
  @media screen and (max-width: 1700px) {
    .tag {
      padding: 8px 8px 8px 12px;
      gap: 4px;
      border-radius: 6px;
      font-size: 18px;
      line-height: 24px; } }

.name-tag {
  font-family: "assistant";
  color: #2f2f2f;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  padding: 12px 24px;
  border-radius: 40px;
  box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, 0.24);
  background-color: #ffffff; }
  .name-tag * {
    margin: 0;
    padding: 0; }
  .name-tag strong {
    font-weight: 700; }
  @media screen and (max-width: 768px) {
    .name-tag {
      padding: 8px 16px;
      font-size: 16px;
      line-height: 20px; } }

.link-30-left {
  font-weight: 600;
  font-family: "assistant";
  font-size: 30px;
  line-height: 40px;
  color: #D71323;
  text-decoration: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: end;
  gap: 16px; }
  .link-30-left::after {
    content: "";
    width: 40px;
    height: 36px;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='36' viewBox='0 0 40 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_3500_10186' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='40' height='36'%3E%3Crect width='40' height='36' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3500_10186)'%3E%3Cpath d='M35 19.5C35.8284 19.5 36.5 18.8284 36.5 18C36.5 17.1716 35.8284 16.5 35 16.5V19.5ZM3.93934 16.9393C3.35355 17.5251 3.35355 18.4749 3.93934 19.0607L13.4853 28.6066C14.0711 29.1924 15.0208 29.1924 15.6066 28.6066C16.1924 28.0208 16.1924 27.0711 15.6066 26.4853L7.12132 18L15.6066 9.51472C16.1924 8.92893 16.1924 7.97919 15.6066 7.3934C15.0208 6.80761 14.0711 6.80761 13.4853 7.3934L3.93934 16.9393ZM35 16.5L5 16.5V19.5L35 19.5V16.5Z' fill='%23D71323'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer; }
  .link-30-left:hover {
    color: #990d19;
    text-decoration: none;
    cursor: pointer; }
    .link-30-left:hover::after {
      background-image: url("data:image/svg+xml,%3Csvg width='40' height='36' viewBox='0 0 40 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_3500_10186' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='40' height='36'%3E%3Crect width='40' height='36' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3500_10186)'%3E%3Cpath d='M35 19.5C35.8284 19.5 36.5 18.8284 36.5 18C36.5 17.1716 35.8284 16.5 35 16.5V19.5ZM3.93934 16.9393C3.35355 17.5251 3.35355 18.4749 3.93934 19.0607L13.4853 28.6066C14.0711 29.1924 15.0208 29.1924 15.6066 28.6066C16.1924 28.0208 16.1924 27.0711 15.6066 26.4853L7.12132 18L15.6066 9.51472C16.1924 8.92893 16.1924 7.97919 15.6066 7.3934C15.0208 6.80761 14.0711 6.80761 13.4853 7.3934L3.93934 16.9393ZM35 16.5L5 16.5V19.5L35 19.5V16.5Z' fill='%23990d19'/%3E%3C/g%3E%3C/svg%3E"); }
  @media screen and (max-width: 768px) {
    .link-30-left {
      font-size: 20px;
      line-height: 28px; }
      .link-30-left::after {
        content: "";
        width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='22' viewBox='0 0 24 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_3500_10159' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='22'%3E%3Crect y='0.5' width='24' height='21' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3500_10159)'%3E%3Cpath d='M21 12C21.5523 12 22 11.5523 22 11C22 10.4477 21.5523 10 21 10V12ZM2.29289 10.2929C1.90237 10.6834 1.90237 11.3166 2.29289 11.7071L8.65685 18.0711C9.04738 18.4616 9.68054 18.4616 10.0711 18.0711C10.4616 17.6805 10.4616 17.0474 10.0711 16.6569L4.41421 11L10.0711 5.34315C10.4616 4.95262 10.4616 4.31946 10.0711 3.92893C9.68054 3.53841 9.04738 3.53841 8.65685 3.92893L2.29289 10.2929ZM21 10L3 10V12L21 12V10Z' fill='%23D71323'/%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
        cursor: pointer; } }

.link-20-left {
  font-weight: 600;
  font-family: "assistant";
  font-size: 20px;
  line-height: 28px;
  color: #D71323;
  text-decoration: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: end;
  gap: 4px; }
  .link-20-left::after {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='22' viewBox='0 0 24 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_3500_10159' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='22'%3E%3Crect y='0.5' width='24' height='21' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3500_10159)'%3E%3Cpath d='M21 12C21.5523 12 22 11.5523 22 11C22 10.4477 21.5523 10 21 10V12ZM2.29289 10.2929C1.90237 10.6834 1.90237 11.3166 2.29289 11.7071L8.65685 18.0711C9.04738 18.4616 9.68054 18.4616 10.0711 18.0711C10.4616 17.6805 10.4616 17.0474 10.0711 16.6569L4.41421 11L10.0711 5.34315C10.4616 4.95262 10.4616 4.31946 10.0711 3.92893C9.68054 3.53841 9.04738 3.53841 8.65685 3.92893L2.29289 10.2929ZM21 10L3 10V12L21 12V10Z' fill='%23D71323'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer; }
  .link-20-left:hover {
    color: #990d19;
    text-decoration: none;
    cursor: pointer; }
    .link-20-left:hover::after {
      background-image: url("data:image/svg+xml,%3Csvg width='24' height='22' viewBox='0 0 24 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_3500_10159' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='22'%3E%3Crect y='0.5' width='24' height='21' fill='%23990d19'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3500_10159)'%3E%3Cpath d='M21 12C21.5523 12 22 11.5523 22 11C22 10.4477 21.5523 10 21 10V12ZM2.29289 10.2929C1.90237 10.6834 1.90237 11.3166 2.29289 11.7071L8.65685 18.0711C9.04738 18.4616 9.68054 18.4616 10.0711 18.0711C10.4616 17.6805 10.4616 17.0474 10.0711 16.6569L4.41421 11L10.0711 5.34315C10.4616 4.95262 10.4616 4.31946 10.0711 3.92893C9.68054 3.53841 9.04738 3.53841 8.65685 3.92893L2.29289 10.2929ZM21 10L3 10V12L21 12V10Z' fill='%23990d19'/%3E%3C/g%3E%3C/svg%3E"); }

.popup-submit {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 7;
  background-color: rgba(31, 28, 34, 0.8);
  display: none;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 999; }
  .popup-submit .popup-content {
    width: 548px;
    height: 445px;
    background-color: #ffffff;
    margin: 227px auto auto auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
    border-radius: 16px;
    position: relative;
    cursor: default; }
    .popup-submit .popup-content .popup-image {
      width: 458px;
      object-fit: contain;
      margin-bottom: 40px; }
    .popup-submit .popup-content .popup-title {
      font-family: "assistant";
      font-size: 48px;
      text-align: center;
      line-height: 56px;
      font-weight: 700;
      color: #414141;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 8px; }
      .popup-submit .popup-content .popup-title img {
        width: 26px;
        height: 40px;
        object-fit: contain; }
    .popup-submit .popup-content .popup-text {
      font-family: "assistant";
      color: #414141;
      font-weight: 600;
      font-size: 24px;
      text-align: center; }
    .popup-submit .popup-content .close-submit-popup {
      position: absolute;
      top: 24px;
      left: 24px;
      z-index: 2;
      border: none;
      background: none;
      width: 48px;
      height: 48px; }
      .popup-submit .popup-content .close-submit-popup img {
        width: 100%;
        height: 100%; }
  .popup-submit.show-popup {
    display: -ms-flexbox;
    display: flex; }
  @media screen and (max-width: 768px) {
    .popup-submit {
      padding-inline: 16px; }
      .popup-submit .popup-content {
        width: 100%;
        height: 370px;
        margin: auto;
        padding: 48px 16px 16px 16px; }
        .popup-submit .popup-content .popup-image {
          width: 100%; }
        .popup-submit .popup-content .popup-title {
          font-size: 32px;
          line-height: 40px; }
          .popup-submit .popup-content .popup-title img {
            width: 20px;
            height: 30px; }
        .popup-submit .popup-content .popup-text {
          font-size: 20px;
          line-height: 26px; }
        .popup-submit .popup-content .close-submit-popup {
          top: 16px;
          left: 16px;
          width: 32px;
          height: 32px; } }

.popup-sms {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  background-color: rgba(0, 0, 0, 0.5);
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  display: none; }
  .popup-sms .popup-content {
    background-color: #ffffff;
    width: 394px;
    height: 286px;
    border-radius: 8px;
    padding: 24px; }
  .popup-sms .popup-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 16px;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 16px; }
    .popup-sms .popup-header .popup-title {
      color: #414141;
      text-align: right; }
    .popup-sms .popup-header .close-sms-popup {
      width: 21px;
      height: 21px;
      border: none;
      background: none;
      display: -ms-flexbox;
      display: flex; }
      .popup-sms .popup-header .close-sms-popup img {
        width: 100%;
        height: 100%; }
  .popup-sms .popup-message {
    color: #414141;
    text-align: right;
    margin-bottom: 16px; }
  .popup-sms .popup-input {
    margin-bottom: 14px; }
  .popup-sms .send-sms-btn {
    display: -ms-flexbox;
    display: flex;
    margin-right: auto; }
  .popup-sms.show-popup {
    display: -ms-flexbox;
    display: flex; }
  @media screen and (max-width: 768px) {
    .popup-sms {
      padding-inline: 16px; }
      .popup-sms .popup-content {
        width: 100%;
        height: fit-content; }
      .popup-sms .popup-header {
        padding-bottom: 19px; }
      .popup-sms .popup-input {
        margin-bottom: 22px; }
      .popup-sms .send-sms-btn {
        width: 100%;
        margin-right: unset;
        -ms-flex-pack: center;
            justify-content: center; } }

.pagination {
  -ms-flex-align: baseline;
      align-items: baseline;
  margin: 30px auto;
  width: fit-content; }
  .pagination .pagination-link {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    font-family: "assistant";
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    border-radius: 50%; }
    .pagination .pagination-link:hover {
      color: #D71323; }
    .pagination .pagination-link.active {
      color: #fff;
      background-color: #D71323; }
  .pagination .pagination-prev,
  .pagination .pagination-next {
    color: #414141;
    font-family: "assistant";
    font-size: 20px;
    margin-inline: 48px;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 12px; }
    .pagination .pagination-prev svg path,
    .pagination .pagination-next svg path {
      stroke: #414141; }
    .pagination .pagination-prev.disable-link,
    .pagination .pagination-next.disable-link {
      color: #c2c2c2;
      cursor: unset; }
      .pagination .pagination-prev.disable-link svg path,
      .pagination .pagination-next.disable-link svg path {
        stroke: #c2c2c2; }
  @media screen and (max-width: 768px) {
    .pagination {
      width: 100%;
      padding-inline: 16px;
      margin: 40px auto;
      -ms-flex-pack: center;
          justify-content: center;
      gap: 8px; }
      .pagination .pagination-prev,
      .pagination .pagination-next {
        margin-inline: 22px; } }

.cbc-loader {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  position: relative;
  animation: rotate 1s linear infinite;
  display: none;
  margin-top: 32px;
  margin-bottom: 24px; }
  .cbc-loader::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    inset: 0px;
    border-radius: 50%;
    border: 5px solid #414141;
    animation: prixClipFix 2s linear infinite; }
  .cbc-loader::after {
    content: "";
    box-sizing: border-box;
    position: absolute;
    inset: 0px;
    border-radius: 50%;
    border: 5px solid #414141;
    animation: prixClipFix 2s linear infinite;
    border-color: #D71323;
    animation: prixClipFix 2s linear infinite , rotate 0.5s linear infinite reverse;
    inset: 6px; }

@keyframes rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes prixClipFix {
  0% {
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0); }
  25% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0); }
  50% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%); }
  75% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%); }
  100% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0); } }

.input-text {
  width: 100%;
  height: 48px;
  border-radius: 8px;
  border: 1.5px solid #e6e6e6;
  padding: 12px 16px;
  color: #414141;
  font-family: "assistant";
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  outline: none;
  background-color: #ffffff; }
  .input-text:-ms-input-placeholder {
    color: #414141; }
  .input-text::placeholder {
    color: #414141; }
  .input-text:focus {
    border: 1.5px solid #c2c2c2;
    color: #1f1c22;
    outline: 1px solid #8AB2EA; }
  .input-text:disabled {
    border: 1.5px solid #c2c2c2;
    background-color: #ececec; }
  .input-text.error {
    border: 1.5px solid #D71323;
    color: #414141; }

.input-search {
  width: 100%;
  position: relative; }
  .input-search input {
    width: 100%;
    height: 56px;
    border-radius: 100px;
    border: 1px solid #c2c2c2;
    padding-inline-start: 24px;
    color: #1f1c22;
    font-family: "assistant";
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    outline: none; }
    .input-search input:-ms-input-placeholder {
      color: #696969; }
    .input-search input::placeholder {
      color: #696969; }
    .input-search input:hover {
      border: 1px solid #696969; }
      .input-search input:hover:-ms-input-placeholder {
        color: #1f1c22; }
      .input-search input:hover::placeholder {
        color: #1f1c22; }
    .input-search input:focus {
      border: 1px solid #D71323;
      color: #1f1c22; }
      .input-search input:focus:-ms-input-placeholder {
        color: #1f1c22; }
      .input-search input:focus::placeholder {
        color: #1f1c22; }
  .input-search .submit-btn {
    position: absolute;
    top: 3px;
    left: 0;
    border: none;
    outline: none;
    background: none; }
  .input-search .clear-btn {
    border: none;
    outline: none;
    position: absolute;
    background: none;
    top: 15px;
    left: 60px;
    display: none; }
  .input-search .search-options {
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    overflow: hidden;
    transform: translateY(100%);
    max-height: 0;
    transition: all ease-in-out 0.3s;
    z-index: 2; }
    .input-search .search-options ul {
      width: 100%;
      list-style-type: none;
      text-align: right;
      margin: 0;
      padding: 0; }
      .input-search .search-options ul li {
        font-family: "assistant";
        font-size: 18px;
        padding: 8px 24px;
        font-weight: 400;
        color: #414141;
        cursor: pointer; }
        .input-search .search-options ul li span.highlight {
          font-weight: 700; }
        .input-search .search-options ul li:hover {
          background-color: #FBE7E9; }
    .input-search .search-options.active {
      max-height: 500px;
      background-color: #ffffff;
      padding-block: 8px;
      border: 1px solid #D71323;
      border-radius: 16px;
      box-shadow: 0px 4px 24px 0px #00000026;
      overflow-y: scroll;
      overflow-x: clip; }
    .input-search .search-options::-webkit-scrollbar {
      width: 6px; }
    .input-search .search-options::-webkit-scrollbar-track {
      margin: 12px; }
    .input-search .search-options::-webkit-scrollbar-thumb {
      background-color: #e6e6e6;
      border-radius: 8px; }

.input-dropdown {
  width: 100%;
  height: 56px;
  position: relative;
  border-radius: 48px;
  border: 1px solid #c2c2c2;
  padding-inline-start: 24px;
  text-align: start;
  transition: all ease 0.3s;
  cursor: pointer;
  outline: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center; }
  .input-dropdown .label {
    font-weight: 400;
    font-size: 18px;
    color: #1f1c22; }
  .input-dropdown .all-options-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    text-align: start;
    color: #696969;
    height: fit-content;
    display: none;
    margin-bottom: -5px; }
  .input-dropdown .icon {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-55%);
    transition: all ease 0.3s; }
    .input-dropdown .icon svg path {
      stroke: #696969; }
  .input-dropdown .options {
    max-height: 0;
    background-color: #ffffff;
    position: absolute;
    z-index: 2;
    top: 65px;
    left: 0;
    width: 100%;
    text-align: right;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-radius: 16px;
    overflow: hidden;
    transition: all ease 0.3s;
    scrollbar-width: none;
    -ms-overflow-style: none; }
    .input-dropdown .options::webkit-scrollbar {
      display: none; }
    .input-dropdown .options .option {
      width: 100%;
      height: 40px;
      font-family: "assistant";
      font-size: 18px;
      font-weight: 400;
      line-height: 40px;
      text-align: right;
      color: #414141;
      cursor: pointer;
      padding-inline-start: 16px; }
      .input-dropdown .options .option:hover {
        background-color: #FBE7E9; }
  .input-dropdown.dropdown {
    border: 1px solid #e6e6e6;
    height: 48px;
    border-radius: 8px; }
  .input-dropdown.error {
    border: 1.5px solid #D71323;
    color: #414141; }
  .input-dropdown:hover {
    border: 1px solid #696969; }
  .input-dropdown:focus {
    border: 1px solid #D71323; }
  .input-dropdown.active {
    border: 1px solid #D71323; }
    .input-dropdown.active .options {
      max-height: 600px;
      overflow: scroll;
      border: 1px solid #D71323;
      padding-block: 8px; }
    .input-dropdown.active .icon svg {
      transform: rotate(180deg); }
      .input-dropdown.active .icon svg path {
        stroke: #D71323; }
  @media screen and (max-width: 768px) {
    .input-dropdown .options {
      top: 55px; } }

.input-textarea {
  font-family: "assistant";
  border-radius: 8px;
  border: 1.5px solid #e6e6e6;
  padding: 12px 16px;
  min-height: 96px;
  color: #414141;
  font-size: 18px;
  line-height: 24px; }
  .input-textarea:-ms-input-placeholder {
    color: #414141; }
  .input-textarea::placeholder {
    color: #414141; }
  .input-textarea:focus {
    border: 1.5px solid #c2c2c2;
    color: #1f1c22;
    outline: 1px solid #8AB2EA; }

.input-radio {
  accent-color: #D71323;
  cursor: pointer; }

.input-checkbox {
  accent-color: #D71323;
  cursor: pointer; }

.input-file {
  width: 100%;
  height: 48px;
  border-radius: 8px;
  border: 2px #e6e6e6 dashed;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 16px 0;
  cursor: pointer;
  transition: all ease 0.3s;
  background-color: #ffffff; }
  .input-file input {
    position: absolute;
    z-index: 2;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer; }
  .input-file span {
    color: #D71323;
    text-decoration: underline; }
  .input-file .before-load {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    gap: 8px; }
  .input-file .after-load {
    display: none;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    width: 100%;
    gap: 8px;
    padding-left: 4px;
    padding-right: 16px; }
    .input-file .after-load p {
      -ms-flex: 1;
          flex: 1;
      margin: 0; }
    .input-file .after-load .remove-file {
      background-color: #ececec;
      border: none;
      cursor: pointer;
      border-radius: 4px;
      width: 40px;
      height: 40px;
      position: relative;
      z-index: 5; }
  .input-file.loaded .before-load {
    display: none; }
  .input-file.loaded .after-load {
    display: -ms-flexbox;
    display: flex; }
  .input-file.error {
    border: 2px dashed #D71323; }
  .input-file:hover {
    border: 2px dashed #D71323; }

.input-label {
  font-family: "assistant";
  font-size: 16px;
  line-height: 24px;
  color: #414141;
  font-weight: 400;
  margin-bottom: 4px; }
  .input-label::before {
    content: '*';
    color: #D71323;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-left: 4px; }
  .input-label.not-required::before {
    content: '';
    margin-left: 0; }

.input-label-error {
  font-family: "assistant";
  font-size: 16px;
  line-height: 24px;
  text-align: start;
  font-weight: 400;
  color: #D71323;
  margin-top: 4px; }

.cbc-group-header {
  height: 100px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  transition: all 0.3s; }
  .cbc-group-header__desktop {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    padding: 0 64px; }
    .cbc-group-header__desktop .header-links {
      margin-inline-end: auto;
      height: 100%;
      display: -ms-flexbox;
      display: flex;
      padding-inline-start: 48px; }
      .cbc-group-header__desktop .header-links ul {
        list-style-type: none;
        margin: 0;
        padding: 0; }
      .cbc-group-header__desktop .header-links a {
        color: #414141;
        font-size: 20px;
        font-family: "assistant";
        text-decoration: none;
        font-weight: 600; }
      .cbc-group-header__desktop .header-links ul.main-nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        height: 100%; }
        .cbc-group-header__desktop .header-links ul.main-nav li.main-nav-item {
          position: relative;
          height: 100%;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          padding-left: 60px;
          cursor: pointer; }
          .cbc-group-header__desktop .header-links ul.main-nav li.main-nav-item .expand-list-btn {
            background: transparent;
            border: none; }
          .cbc-group-header__desktop .header-links ul.main-nav li.main-nav-item.active-link > a {
            font-weight: 600;
            color: #1f1c22;
            text-decoration: underline 2px #D71323;
            text-underline-offset: 5px; }
          .cbc-group-header__desktop .header-links ul.main-nav li.main-nav-item svg {
            margin-inline-start: 15px; }
          .cbc-group-header__desktop .header-links ul.main-nav li.main-nav-item ul.sub-nav {
            position: absolute;
            bottom: 0;
            right: 0;
            transform: translateY(100%);
            width: 200px;
            font-size: 18px;
            text-align: start;
            max-height: 0;
            transition: all ease 0.5s;
            overflow: hidden;
            cursor: pointer; }
          .cbc-group-header__desktop .header-links ul.main-nav li.main-nav-item li.sub-nav-item {
            height: 32px;
            font-weight: 400;
            font-size: 18px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            padding-inline-start: 26px; }
            .cbc-group-header__desktop .header-links ul.main-nav li.main-nav-item li.sub-nav-item a {
              font-size: 18px;
              text-decoration: none;
              font-weight: 400; }
              .cbc-group-header__desktop .header-links ul.main-nav li.main-nav-item li.sub-nav-item a:hover {
                color: #D71323; }
          .cbc-group-header__desktop .header-links ul.main-nav li.main-nav-item.open-link > a {
            font-weight: 700;
            text-decoration: underline 2px #D71323;
            text-underline-offset: 5px; }
          .cbc-group-header__desktop .header-links ul.main-nav li.main-nav-item.open-link ul.sub-nav {
            box-shadow: 0px 4px 24px 0px #00000026;
            max-height: 500px;
            background: #fff;
            padding-block: 16px;
            bottom: 0; }
          .cbc-group-header__desktop .header-links ul.main-nav li.main-nav-item.open-link svg {
            transform: rotate(180deg); }
            .cbc-group-header__desktop .header-links ul.main-nav li.main-nav-item.open-link svg path {
              stroke: #D71323; }
          .cbc-group-header__desktop .header-links ul.main-nav li.main-nav-item:hover a {
            color: #000000; }
        .cbc-group-header__desktop .header-links ul.main-nav .close-mobile-menu {
          display: none; }
    .cbc-group-header__desktop .search-container {
      position: relative;
      width: fit-content; }
      .cbc-group-header__desktop .search-container .search-btn {
        background: transparent;
        cursor: pointer;
        height: 55px;
        width: 55px;
        border-radius: 50%;
        border: 2px solid transparent;
        padding: 2px;
        position: absolute;
        left: 0;
        z-index: 3; }
        .cbc-group-header__desktop .search-container .search-btn img {
          width: 100%;
          height: 100%; }
      .cbc-group-header__desktop .search-container .site-search {
        width: 380px;
        height: 56px;
        border-radius: 100px;
        border: 1px solid #c2c2c2;
        width: 55px;
        transition: all ease 0.3s; }
        .cbc-group-header__desktop .search-container .site-search .search-form {
          height: 100%;
          width: 100%;
          border-radius: 100px;
          position: relative; }
          .cbc-group-header__desktop .search-container .site-search .search-form input {
            width: 100%;
            height: 100%;
            border: none;
            border-radius: 100px;
            font-family: "assistant";
            font-weight: 400;
            font-size: 18px;
            color: #1f1c22;
            padding: auto 16px;
            outline: none; }
          .cbc-group-header__desktop .search-container .site-search .search-form .reset-button {
            position: absolute;
            left: 20px;
            right: unset;
            top: 50%;
            transform: translateY(-50%);
            cursor: pointer; }
        .cbc-group-header__desktop .search-container .site-search.active-search {
          width: 380px; }
          .cbc-group-header__desktop .search-container .site-search.active-search .search-form .reset-button {
            left: 70px; }
      .cbc-group-header__desktop .search-container .suggestions {
        top: 16px;
        background-color: #fff;
        width: 380px;
        border-radius: 16px;
        border: 1px solid #D71323;
        text-align: right;
        overflow: hidden;
        transition: all 0.3s ease; }
        .cbc-group-header__desktop .search-container .suggestions ul {
          list-style-type: none;
          margin: 0;
          padding: 0; }
        .cbc-group-header__desktop .search-container .suggestions .suggestion-item {
          width: 100%;
          height: 40px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          padding: 8px 24px; }
          .cbc-group-header__desktop .search-container .suggestions .suggestion-item .link {
            text-decoration: none; }
          .cbc-group-header__desktop .search-container .suggestions .suggestion-item:hover {
            background-color: rgba(215, 19, 35, 0.2); }
    .cbc-group-header__desktop .logo-container .light-logo-image {
      display: none; }
    .cbc-group-header__desktop.light-header .header-links .main-nav-item > a {
      color: #fff; }
    .cbc-group-header__desktop.light-header .header-links .main-nav-item svg path {
      stroke: #fff; }
    .cbc-group-header__desktop.light-header .header-links .main-nav-item:hover > a {
      color: #fff !important; }
    .cbc-group-header__desktop.light-header .logo-container .light-logo-image {
      display: block; }
    .cbc-group-header__desktop.light-header .logo-container .logo-image {
      display: none; }
  .cbc-group-header.scrolled {
    background-color: #fff; }
  .cbc-group-header__mobile {
    display: none; }
  @media screen and (max-width: 1700px) {
    .cbc-group-header__desktop .search-container .site-search {
      width: 55px; }
      .cbc-group-header__desktop .search-container .site-search.active-search {
        width: 300px; }
    .cbc-group-header__desktop .search-container .suggestions {
      width: 300px; }
    .cbc-group-header__desktop .header-links ul.main-nav li.main-nav-item {
      padding-left: 40px; } }
  @media screen and (max-width: 768px) {
    .cbc-group-header {
      height: 72px;
      background-color: #ffffff;
      padding-inline: 24px;
      box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.15); }
      .cbc-group-header__desktop {
        display: none; }
      .cbc-group-header__mobile {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: justify;
            justify-content: space-between;
        height: 100%; }
        .cbc-group-header__mobile .mobile-menu-btn {
          display: block;
          border: none;
          background: none;
          cursor: pointer; }
        .cbc-group-header__mobile .logo-container img {
          width: 85px;
          height: 32px; }
        .cbc-group-header__mobile .header-links {
          position: fixed;
          top: 0;
          right: 0;
          left: 0;
          bottom: 0;
          background-color: rgba(0, 0, 0, 0.5);
          width: 0;
          transition: width ease 0.3s;
          overflow: hidden; }
          .cbc-group-header__mobile .header-links ul {
            list-style-type: none;
            margin: 0;
            padding: 0; }
          .cbc-group-header__mobile .header-links ul.main-nav {
            height: 100%;
            width: 264px;
            background-color: #fff;
            overflow: scroll; }
            .cbc-group-header__mobile .header-links ul.main-nav li.main-nav-item {
              position: relative;
              min-height: 52px;
              -ms-flex-pack: start;
                  justify-content: flex-start;
              -ms-flex-align: start;
                  align-items: start;
              margin-inline: 16px;
              -ms-flex-direction: column;
                  flex-direction: column;
              border-bottom: 1px solid #e6e6e6;
              overflow: hidden;
              text-align: right; }
              .cbc-group-header__mobile .header-links ul.main-nav li.main-nav-item .expand-list-btn {
                border: none;
                background: none; }
              .cbc-group-header__mobile .header-links ul.main-nav li.main-nav-item a {
                line-height: 52px;
                font-family: "assistant";
                font-weight: 600;
                font-size: 18px;
                color: #414141; }
              .cbc-group-header__mobile .header-links ul.main-nav li.main-nav-item svg {
                position: absolute;
                left: 6px;
                top: 25px;
                width: 16px;
                height: 10px;
                margin-inline-start: 15px; }
                .cbc-group-header__mobile .header-links ul.main-nav li.main-nav-item svg path {
                  stroke: #D71323;
                  stroke-width: 1; }
              .cbc-group-header__mobile .header-links ul.main-nav li.main-nav-item ul.sub-nav {
                width: 100%;
                font-size: 18px;
                text-align: start;
                max-height: 0;
                transition: all ease 0.5s;
                padding-top: 0; }
              .cbc-group-header__mobile .header-links ul.main-nav li.main-nav-item li.sub-nav-item {
                height: 36px;
                -ms-flex-align: start;
                    align-items: start;
                padding-inline-start: 16px; }
                .cbc-group-header__mobile .header-links ul.main-nav li.main-nav-item li.sub-nav-item a {
                  font-family: "assistant";
                  font-weight: 400;
                  font-size: 18px;
                  color: #414141;
                  line-height: 36px; }
              .cbc-group-header__mobile .header-links ul.main-nav li.main-nav-item.open-link ul.sub-nav {
                box-shadow: unset;
                max-height: 500px;
                background: #fff;
                padding-top: 5px;
                padding-bottom: 16px;
                bottom: 0; }
              .cbc-group-header__mobile .header-links ul.main-nav li.main-nav-item.open-link svg {
                transform: rotate(180deg); }
            .cbc-group-header__mobile .header-links ul.main-nav .close-mobile-menu {
              width: 100%;
              padding-block: 24px;
              padding-inline: 16px;
              display: block; }
              .cbc-group-header__mobile .header-links ul.main-nav .close-mobile-menu button {
                margin-right: auto;
                border: none;
                background: none;
                padding: 0; }
                .cbc-group-header__mobile .header-links ul.main-nav .close-mobile-menu button img {
                  width: 28px; }
          .cbc-group-header__mobile .header-links.active-menu {
            width: 100%;
            z-index: 300; }
        .cbc-group-header__mobile .search-container {
          margin-left: auto; }
          .cbc-group-header__mobile .search-container .search-btn {
            border: none;
            background: none;
            width: 32px;
            height: 32px;
            padding: 0;
            margin-inline-start: 18px; }
            .cbc-group-header__mobile .search-container .search-btn img {
              width: 100%;
              height: 100%; }
          .cbc-group-header__mobile .search-container .close-mobile-search {
            position: absolute;
            z-index: 3;
            top: 28px;
            right: 16px;
            border: none;
            background: none;
            display: none; }
          .cbc-group-header__mobile .search-container .site-search {
            position: absolute;
            top: 0;
            right: 0;
            width: 0;
            overflow: hidden;
            height: 100vh;
            background-color: #F9F9F9;
            transition: all ease 0.3s; }
            .cbc-group-header__mobile .search-container .site-search .search-form {
              width: 100%;
              padding: 16px 60px 16px 16px; }
              .cbc-group-header__mobile .search-container .site-search .search-form input {
                width: 309px;
                height: 48px;
                border: 1px solid #D71323;
                border-radius: 100px;
                font-family: "assistant";
                font-size: 18px;
                color: #414141; }
                .cbc-group-header__mobile .search-container .site-search .search-form input:-ms-input-placeholder {
                  color: #696969;
                  font-weight: 400;
                  font-size: 18px; }
                .cbc-group-header__mobile .search-container .site-search .search-form input::placeholder {
                  color: #696969;
                  font-weight: 400;
                  font-size: 18px; }
            .cbc-group-header__mobile .search-container .site-search .suggestions {
              top: 80px;
              width: 100%; }
              .cbc-group-header__mobile .search-container .site-search .suggestions ul {
                list-style-type: none;
                margin: 0;
                padding: 0; }
              .cbc-group-header__mobile .search-container .site-search .suggestions .suggestion-item {
                font-family: "assistant";
                padding: 8px 16px 8px 40px;
                font-size: 18px;
                text-align: right; }
          .cbc-group-header__mobile .search-container.active-mobile-search .site-search {
            width: 100%; }
          .cbc-group-header__mobile .search-container.active-mobile-search .close-mobile-search {
            display: block; } }

.hide {
  display: none; }

@keyframes search-bar-open {
  0% {
    width: 100%; }
  100% {
    width: 400px; } }

@keyframes search-bar-close {
  0% {
    width: 400px; }
  100% {
    width: 100%; } }

.cbc-footer {
  background-color: #1f1c22;
  height: 400px;
  width: 100%; }
  .cbc-footer .cbc-group-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    direction: rtl;
    font-family: "assistant";
    gap: 208px;
    background-color: #1f1c22;
    padding-top: 108px; }
    .cbc-footer .cbc-group-footer a {
      color: #c2c2c2;
      font-weight: 400;
      font-size: 18px;
      line-height: 24px;
      display: block; }
    .cbc-footer .cbc-group-footer__image {
      width: 160px;
      height: 75px; }
      .cbc-footer .cbc-group-footer__image .footer-logo {
        width: 100%;
        height: 100%;
        object-fit: contain; }
    .cbc-footer .cbc-group-footer__navigation .footer-main-nav {
      display: -ms-flexbox;
      display: flex;
      text-align: right;
      gap: 65px; }
    .cbc-footer .cbc-group-footer__navigation .footer-main-item a.main-link {
      color: #fff;
      margin-bottom: 8px; }
    .cbc-footer .cbc-group-footer__navigation .footer-sub-nav {
      padding: 0; }
      .cbc-footer .cbc-group-footer__navigation .footer-sub-nav a.sub-link {
        margin-bottom: 8px; }
    .cbc-footer .cbc-group-footer__navigation .footer-social .social-label {
      padding: 0;
      font-family: "assistant";
      color: #c2c2c2;
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 8px; }
    .cbc-footer .cbc-group-footer__navigation .footer-social .social-icons {
      display: -ms-flexbox;
      display: flex;
      gap: 4px; }
    @media screen and (max-width: 1700px) {
      .cbc-footer .cbc-group-footer {
        gap: 100px; } }
    @media screen and (max-width: 768px) {
      .cbc-footer .cbc-group-footer {
        height: auto;
        padding-block: 40px;
        gap: 32px;
        -ms-flex-direction: column;
            flex-direction: column; }
        .cbc-footer .cbc-group-footer__image {
          width: 115px;
          height: 54px;
          padding-inline-start: 16px; }
          .cbc-footer .cbc-group-footer__image .footer-logo {
            width: 100%;
            height: 100%;
            object-fit: contain; }
        .cbc-footer .cbc-group-footer__navigation .footer-main-nav {
          gap: 8px;
          -ms-flex-direction: column;
              flex-direction: column;
          padding: 0; }
        .cbc-footer .cbc-group-footer__navigation .footer-main-item {
          position: relative;
          padding-inline-start: 16px;
          min-height: 40px; }
          .cbc-footer .cbc-group-footer__navigation .footer-main-item a.main-link {
            color: #ffffff;
            margin-bottom: 0;
            line-height: 40px; }
          .cbc-footer .cbc-group-footer__navigation .footer-main-item .open-sub-menu-btn {
            border: none;
            background: none;
            position: absolute;
            left: 16px;
            top: 6px;
            z-index: 3; }
          .cbc-footer .cbc-group-footer__navigation .footer-main-item.active-footer-item {
            background-color: #2c282e; }
            .cbc-footer .cbc-group-footer__navigation .footer-main-item.active-footer-item .footer-sub-nav {
              max-height: 500px;
              padding-bottom: 24px;
              padding-top: 8px; }
              .cbc-footer .cbc-group-footer__navigation .footer-main-item.active-footer-item .footer-sub-nav .footer-sub-item {
                height: 40px; }
            .cbc-footer .cbc-group-footer__navigation .footer-main-item.active-footer-item .open-sub-menu-btn {
              transform: rotate(180deg); }
            .cbc-footer .cbc-group-footer__navigation .footer-main-item.active-footer-item a.main-link {
              color: #c2c2c2; }
        .cbc-footer .cbc-group-footer__navigation .footer-sub-nav {
          padding-inline-start: 16px;
          max-height: 0;
          overflow: hidden;
          transition: all 0.3s ease; }
          .cbc-footer .cbc-group-footer__navigation .footer-sub-nav a.sub-link {
            color: #fff; }
        .cbc-footer .cbc-group-footer__navigation .footer-social {
          margin-top: 32px; }
          .cbc-footer .cbc-group-footer__navigation .footer-social .social-label {
            color: #fff; } }
  .cbc-footer .rights-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    color: #fff;
    background-color: #1f1c22;
    padding: 25px;
    text-align: center; }
    @media only screen and (max-width: 450px) {
      .cbc-footer .rights-container {
        font-size: 20px; } }
    .cbc-footer .rights-container a {
      color: #fff;
      text-decoration: none; }
    .cbc-footer .rights-container span {
      cursor: default;
      margin-bottom: 15px; }

.cbc-group-breadcrumbs {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  font-family: "assistant";
  -ms-flex-align: center;
      align-items: center;
  margin-inline-start: 240px;
  padding-block: 8px; }
  .cbc-group-breadcrumbs .breadcrumb-link {
    font-weight: 400;
    font-size: 16px;
    text-align: right;
    line-height: 24px;
    color: #414141; }
  .cbc-group-breadcrumbs .breadcrumb-current {
    font-weight: 600;
    font-size: 16px;
    text-align: right;
    line-height: 24px;
    color: #414141; }
  .cbc-group-breadcrumbs span {
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    -ms-flex-align: center;
        align-items: center; }
  .cbc-group-breadcrumbs.breadcrumbs-24 {
    padding-bottom: 24px; }
  @media screen and (max-width: 1700px) {
    .cbc-group-breadcrumbs {
      margin-inline-start: 60px; } }
  @media screen and (max-width: 768px) {
    .cbc-group-breadcrumbs {
      margin-inline-start: 16px; } }

#career .cbc-group-breadcrumbs {
  padding-block: 24px; }

.page-main-banner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: 736px;
  width: 100%;
  overflow: hidden;
  position: relative;
  font-family: "assistant";
  padding-inline-end: 64px;
  padding-inline-start: 240px;
  background-color: rgba(230, 230, 230, 0.2); }
  .page-main-banner__content {
    position: relative;
    z-index: 3;
    width: 516px; }
    .page-main-banner__content .banner-title {
      font-family: "assistant";
      color: #D71323;
      font-size: 80px;
      line-height: 82px;
      text-align: right;
      margin-bottom: 16px;
      font-weight: 700; }
    .page-main-banner__content .banner-text {
      font-family: "assistant";
      color: #414141;
      font-size: 30px;
      line-height: 40px;
      font-weight: 600;
      text-align: right;
      margin-bottom: 0; }
      .page-main-banner__content .banner-text p {
        font-family: "assistant";
        color: #414141;
        font-size: 30px;
        line-height: 40px;
        font-weight: 600;
        text-align: right;
        margin-bottom: 0; }
  .page-main-banner__image-box {
    position: relative;
    width: 870px;
    height: 100%;
    z-index: 3; }
    .page-main-banner__image-box .heart-icon {
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 2;
      width: 100%;
      object-fit: contain; }
    .page-main-banner__image-box .main-image {
      position: absolute;
      z-index: 3;
      max-height: 600px;
      max-width: 120%;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      object-fit: contain; }
      .page-main-banner__image-box .main-image.desktop {
        display: block; }
      .page-main-banner__image-box .main-image.mobile {
        display: none; }
  .page-main-banner__wave {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5; }
    .page-main-banner__wave img {
      width: 100%; }
  .page-main-banner .gray-1-bg {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1; }
  .page-main-banner .gray-2-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2; }
  .page-main-banner .red-bg {
    position: absolute;
    right: 0;
    bottom: 75px;
    z-index: 2; }
  @media screen and (max-width: 1700px) {
    .page-main-banner {
      padding-inline-end: 50px;
      padding-inline-start: 60px; }
      .page-main-banner__content {
        width: 516px; }
        .page-main-banner__content .banner-title {
          font-size: 70px;
          line-height: 72px; }
        .page-main-banner__content .banner-text p {
          font-size: 24px;
          line-height: 30px; }
      .page-main-banner__image-box {
        width: 700px;
        height: 680px; }
        .page-main-banner__image-box .main-image {
          bottom: -30px; } }
  @media screen and (max-width: 768px) {
    .page-main-banner {
      display: block;
      height: fit-content;
      padding-inline-end: unset;
      padding-inline-start: unset;
      padding-top: 135px; }
      .page-main-banner__content {
        position: relative;
        z-index: 3;
        width: 100%;
        padding-inline: 16px;
        margin-bottom: 15px; }
        .page-main-banner__content .banner-title {
          color: #D71323;
          font-size: 36px;
          line-height: 40px;
          margin-bottom: 8px; }
        .page-main-banner__content .banner-text p {
          font-size: 20px;
          line-height: 26px;
          font-weight: 600; }
      .page-main-banner__image-box {
        position: relative;
        width: 100%;
        height: 600px;
        overflow: hidden; }
        .page-main-banner__image-box .heart-icon {
          left: unset;
          transform: unset;
          width: unset;
          position: absolute;
          bottom: 0;
          top: 0;
          right: -100px;
          height: 100%;
          object-fit: cover; }
        .page-main-banner__image-box .main-image {
          position: absolute;
          height: 580px;
          max-width: unset;
          z-index: 3;
          bottom: 1px;
          left: 50%;
          transform: translateX(-50%); }
          .page-main-banner__image-box .main-image.desktop {
            display: none; }
          .page-main-banner__image-box .main-image.mobile {
            display: block; }
      .page-main-banner__wave {
        bottom: -5px;
        right: unset; }
        .page-main-banner__wave img {
          width: unset; }
      .page-main-banner .gray-1-bg,
      .page-main-banner .gray-2-bg,
      .page-main-banner .red-bg {
        display: none; } }

.share-wrapper {
  position: relative;
  width: fit-content; }
  .share-wrapper .share-btn {
    background: none;
    border: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: start;
        justify-content: start;
    gap: 8px; }
    .share-wrapper .share-btn .share-label {
      font-family: "assistant";
      font-size: 20px;
      color: #414141;
      font-weight: 400; }
  .share-wrapper .share-popup {
    position: absolute;
    z-index: 4;
    top: 35px;
    right: 0;
    width: 300px;
    height: 260px;
    border-radius: 8px;
    background-color: #fff;
    padding: 24px;
    box-shadow: 0px -1px 18px 0px rgba(0, 0, 0, 0.15);
    display: none; }
    .share-wrapper .share-popup .popup-header {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center;
      height: 32px;
      margin-bottom: 24px;
      padding-bottom: 16px;
      border-bottom: 1px solid #e6e6e6; }
      .share-wrapper .share-popup .popup-header .popup-title {
        font-family: "assistant";
        font-weight: 600;
        font-size: 24px;
        text-align: right;
        line-height: 32px;
        margin-bottom: 0; }
    .share-wrapper .share-popup .popup-social {
      display: -ms-flexbox;
      display: flex;
      gap: 16px;
      -ms-flex-pack: start;
          justify-content: start;
      margin-bottom: 32px; }
      .share-wrapper .share-popup .popup-social svg {
        cursor: pointer; }
        .share-wrapper .share-popup .popup-social svg:hover circle, .share-wrapper .share-popup .popup-social svg:hover path {
          stroke: #990d19; }
    .share-wrapper .share-popup .popup-link-share .share-link-title {
      font-family: "assistant";
      font-size: 18px;
      line-height: 24px;
      font-weight: 400;
      text-align: right; }
    .share-wrapper .share-popup .popup-link-share .share-link {
      border: 1px solid #515151;
      border-radius: 48px;
      color: #414141;
      text-align: left;
      height: 36px;
      display: -ms-flexbox;
      display: flex;
      gap: 19px;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center;
      overflow: hidden; }
      .share-wrapper .share-popup .popup-link-share .share-link p {
        margin: 0;
        color: #414141;
        text-align: left;
        width: 160px;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        direction: ltr;
        padding-inline-start: 12px;
        -ms-flex: 1;
            flex: 1; }
      .share-wrapper .share-popup .popup-link-share .share-link button {
        width: 74px;
        margin: 4px;
        border-radius: 52px;
        text-align: center;
        color: #fff;
        background-color: #D71323;
        border: none; }
        .share-wrapper .share-popup .popup-link-share .share-link button:hover {
          background-color: #990d19; }
    .share-wrapper .share-popup.active-popup {
      display: block; }
  @media screen and (max-width: 768px) {
    .share-wrapper .share-btn .share-label {
      font-size: 18px; } }

.more-articles {
  width: 1440px;
  margin: auto; }
  .more-articles * {
    font-family: "assistant"; }
  .more-articles .more-articles-title {
    font-size: 48px;
    text-align: center;
    line-height: 56px;
    margin-bottom: 40px;
    font-weight: 700; }
  .more-articles .more-articles-desktop {
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    gap: 24px;
    margin-bottom: 104px; }
    .more-articles .more-articles-desktop .article-desktop {
      -ms-flex: 1;
          flex: 1;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      text-decoration: none; }
      .more-articles .more-articles-desktop .article-desktop .article-image {
        width: 100%;
        height: 264px;
        border-radius: 16px;
        object-fit: cover;
        margin-bottom: 24px; }
      .more-articles .more-articles-desktop .article-desktop .article-title {
        color: #414141;
        text-align: right;
        margin-bottom: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        transition: all ease 0.3s; }
      .more-articles .more-articles-desktop .article-desktop .article-text {
        margin-bottom: 16px;
        text-align: start;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -ms-flex-positive: 1;
            flex-grow: 1; }
      .more-articles .more-articles-desktop .article-desktop:hover .article-title {
        color: #D71323; }
  .more-articles .btn-primary {
    margin: 0 auto 104px;
    display: block;
    width: fit-content; }
  .more-articles .more-articles-mobile {
    display: none; }
  @media screen and (max-width: 1700px) {
    .more-articles {
      width: 1350px; } }
  @media screen and (max-width: 1399px) {
    .more-articles {
      width: 1200px; } }
  @media screen and (max-width: 768px) {
    .more-articles {
      width: 100%;
      padding-inline-start: 16px; }
      .more-articles .more-articles-desktop {
        display: none; }
      .more-articles .more-articles-title {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 24px; }
      .more-articles .more-articles-mobile {
        display: block;
        height: 425px;
        margin-bottom: 75px; }
        .more-articles .more-articles-mobile .article-mobile {
          height: 424px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column; }
          .more-articles .more-articles-mobile .article-mobile .article-image {
            width: 100%;
            height: 172px;
            object-fit: cover;
            margin-bottom: 24px;
            border-radius: 16px; }
          .more-articles .more-articles-mobile .article-mobile h4 {
            font-weight: 600;
            font-size: 24px;
            line-height: 32px;
            text-align: right;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            max-height: 64px;
            margin-bottom: 16px; }
          .more-articles .more-articles-mobile .article-mobile p {
            font-weight: 400;
            font-size: 18px;
            line-height: 24px;
            text-align: right;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            height: 72px;
            margin-bottom: 24px; }
          .more-articles .more-articles-mobile .article-mobile a {
            color: #D71323;
            font-size: 20px;
            line-height: 28px;
            font-weight: 600;
            text-align: right;
            display: block;
            text-decoration: none;
            margin-top: auto; }
      .more-articles .btn-primary {
        margin: 0 auto 75px; } }