@font-face {
  font-family: 'Lateef';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/lateef/v16/hESw6XVnNCxEvkb8pB2FVo8.woff2) format("woff2"); }

@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/quicksand/v21/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkP8o58a-wjw3UD0.woff2) format("woff2"); }

@font-face {
  font-family: 'HelveticaNeue';
  src: url("../tad-images/helveticaneuelt-arabic-55-roman.ttf") format("truetype"); }

.lateef-font, .lateef-font-lg, .lateef-font-mr200, .lateef-font-bold, .lateef-font-sm, .lateef-font-sm2, .lateef-font-14, .lateef-font-orange, .lateef-font-24 {
  color: #ffffff;
  text-align: -moz-center;
  text-align: right;
  font-family: 'Lateef',cursive;
  font-size: 24px;
  font-weight: 400; }
  @media (max-width: 991px) {
    .lateef-font, .lateef-font-lg, .lateef-font-mr200, .lateef-font-bold, .lateef-font-sm, .lateef-font-sm2, .lateef-font-14, .lateef-font-orange, .lateef-font-24 {
      font-size: 15px; } }
  .lateef-font-lg {
    font-size: 55px; }
 .lateef-font-md {
    font-size: 30px; }
    @media (max-width: 991px) {
      .lateef-font-lg {
        font-size: 35px; } }
  .lateef-font-mr200 {
    margin-right: 250px; }
    @media (max-width: 991px) {
      .lateef-font-mr200 {
        margin-right: 15px; } }
  .lateef-font-bold {
    font-size: 50px; }
    @media (max-width: 991px) {
      .lateef-font-bold {
        font-size: 25px; } }
  .lateef-font-sm {
    font-size: 20px;
    line-height: 1.48;
    width: 88%; }
  .lateef-font-sm2 {
    font-size: 20px; }
  .lateef-font-14 {
    font-size: 18px; }
    @media (min-width: 1500px) {
      .lateef-font-14 {
        font-size: 24px; } }
  .lateef-font-orange {
    color: #ff9933;
    font-size: 18px; }
    @media (min-width: 1500px) {
      .lateef-font-orange {
        font-size: 24px; } }
  .lateef-font-24 {
    font-size: 24px; }

.helvetica-font, .helvetica-font-sm, .helvetica-font-blue, .helvetica-font-blue-sm, .helvetica-font-blue-sm-c, .helvetica-font-orange, .helvetica-font-bsm, .helvetica-font-bbsm {
  font-family: 'HelveticaNeue' , serif;
  font-weight: 700;
  text-align: -moz-center;
  text-align: right;
  color: white;
  font-size: 24px; }
  @media (max-width: 991px) {
    .helvetica-font, .helvetica-font-sm, .helvetica-font-blue, .helvetica-font-blue-sm, .helvetica-font-blue-sm-c, .helvetica-font-orange, .helvetica-font-bsm, .helvetica-font-bbsm {
      font-size: 21px; } }
  .helvetica-font-sm {
    font-size: 16px;
    line-height: 2;
    color: black;
    font-weight: 400; }
  .helvetica-font-blue, .helvetica-font-blue-sm, .helvetica-font-blue-sm-c {
    color: #1e334e;
    font-size: 21px; }
    .helvetica-font-blue-sm, .helvetica-font-blue-sm-c {
      font-size: 18px; }
      @media (max-width: 991px) {
        .helvetica-font-blue-sm, .helvetica-font-blue-sm-c {
          font-size: 14px; } }
      .helvetica-font-blue-sm-c {
        text-align: center; }
  .helvetica-font-orange {
    color: #ff9933;
    font-size: 18px; }
  .helvetica-font-bsm {
    color: #4a74a7;
    font-size: 12px; }
  .helvetica-font-bbsm {
    color: #4a74a7;
    font-size: 18px;
    text-align: center; }

.btn.btn-light, .btn.btn-outline-light {
  width: 120px;
  height: 40px;
  border-radius: 0px;
  font-family: 'HelveticaNeue', serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  padding: 0; }

.btn.btn-light:hover, .btn.btn-outline-light {
  background-color: #ffffff;
  color: #ff9933;
  border-color: #ff9933; }

.btn.btn-light, .btn.btn-outline-light:hover {
  background-color: #ff9933;
  color: #ffffff; }

body {
  background-color: #1e334e; }

.header-img {
  background-color: #1e334e;
  background-size: cover;
  background-position-y: 60%;
  display: flex;
  flex-direction: column; }

.card {
  background-color: white;
  padding: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%; }
  .card img {
    width: 10%;
    margin-bottom: 2rem;
    min-width: 50px; }
  .card h2 {
    font-family: 'HelveticaNeue' , serif;
    font-weight: 700;
    color: #1e334e;
    font-size: 30px; }
    @media (max-width: 767px) {
      .card h2 {
        font-size: 19px; } }
  .card .go-btn {
    margin-top: 2rem;
    padding: 1rem 2rem;
    background-color: #f18123;
    color: white;
    font-family: 'HelveticaNeue';
    font-size: 18px; }
    @media (max-width: 767px) {
      .card .go-btn {
        font-size: 15px; } }
    .card .go-btn:hover {
      text-decoration: none; }
  @media (max-width: 767px) {
    .card {
      padding: 2rem; } }

/********* carousel *********/
.carousel-inner {
  height: 75vh; }

@media (max-width: 991px) {
  .carousel-inner {
    height: unset; } }

.carousel-item {
  position: relative;
  height: 100%;
  flex-direction: column;
  background-color: #0c233e; }

.carousel-item.active {
  display: flex; }

.carousel-text {
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 2rem; }

.carousel-img {
  object-fit: cover;
  object-position: 0px 25%;
  height: 25%;
  max-height: 200px;
  min-height: 150px; }

.carousel-btn {
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #f18123;
  color: #ffffff;
  font-family: 'HelveticaNeue'; }
  .carousel-btn:hover {
    background-color: #f18123; }

.carousel-indicators {
  bottom: 0;
  height: fit-content;
  padding: 0; }

/************************/