@font-face {
    font-family: 'cairo-regular';
    src: url('./../font/cairo/Cairo-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'cairo-bold';
    src: url('./../font/cairo/Cairo-Bold.ttf') format('truetype');
}
body {
    direction: rtl;
    font-family: 'cairo-regular';
    letter-spacing: 0px !important;
}
.bold {
    font-family: 'cairo-bold';
}
.section-banner .title-banner {
    line-height: 81px;
}
.how-it-word-text h3 {
    letter-spacing: 0px;
}
.btn-style > img {
    width: 11px !important;
    margin-inline-end: 3px;
    position: relative;
    top: 2px;
    transform: rotate(180deg);
    margin-left: 9px;
}
.title-banner h2 span {
    border-left: 2px solid #1EB6C1;
    padding-left: 2px;
    animation: blink 1s step-end infinite;
  }
  
  @keyframes blink {
    from, to { border-color: transparent }
    50% { border-color: #1EB6C1 }
  }
@media (min-width: 991px) {
.section-banner .hints-container .hints-style:nth-child(3) {
    right: 0;
    left: unset;
}
.section-banner .hints-container .hints-style:nth-child(2) {
    right: 100px;
    left: unset;
}
.section-banner .hints-container .hints-style:nth-child(1) {
    right: unset;
    left: -25px;
}
.section-banner .hints-container .hints-style:nth-child(4) {
    right: unset;
    left: -25px;
}
}
@media (max-width: 991px) {
    .section-banner .hints-container .hints-style:nth-child(3) {
        left: -17px;
    }
}