@font-face {
    font-family: 'Aljazeera Regular';
    src: url('./Aljazeera Regular.ttf');

}

@font-face {
    font-family: 'Al-Jazeera-Arabic-Regular';
    src: url('./Al-Jazeera-Arabic-Regular.ttf');

}

@font-face {
    font-family: 'Al-Jazeera-Arabic Bold';
    src: url('./Al-Jazeera-Arabic Bold.ttf');
    font-weight: bold;
    font-style: normal;

}

body {
    font-family: "Al-Jazeera-Arabic-Regular", "Arial", sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;

}

.body-bold {
    font-family: "Al-Jazeera-Arabic Bold", "Arial", sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;

}

h2,
.h2,
.section-landing .row>div .section-landing-sub-heading,
.page_section h2,
.color-inverse h2,
h2 p {
    font-family: "Al-Jazeera-Arabic-Regular", "Arial", sans-serif !important;
    font-weight: 600;
    font-size: 36px;
    color: #00357b;
}

h3,
.h3,
.page_section h3,
.color-inverse h3,
.sidebar-home h3 {
    font-family: "Al-Jazeera-Arabic-Regular", "Arial", sans-serif !important;
    font-weight: 400;
    font-size: 24px;
    color: #00357b;
}

p,
.p,
.page_section p,
.section-diagonal-left p,
.section-diagonal-right p,
p.form-text span {
    font-family: "Al-Jazeera-Arabic-Regular", "Arial", sans-serif !important;
    font-weight: 400;
    font-size: 20px;
    color: #1c1a1b;
    text-align: justify;
}

ul,
.ul,
li,.li {
        font-family: "Al-Jazeera-Arabic-Regular", "Arial", sans-serif !important;
    font-weight: 400;
    font-size: 20px;
    color: #1c1a1b;
    text-align: justify;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6
{
    margin-top: 21px;
    margin-bottom: 10.5px;
    font-family: "Al-Jazeera-Arabic-Regular", "Arial", sans-serif !important;
}

.static-top.navbar .menu-bar>.navbar-nav>li>a {
    font-family: "Al-Jazeera-Arabic-Regular", "Arial", sans-serif !important;
    font-weight: 400;
    font-size: 20px;
    border: 1px solid transparent;
}

a,
.a {
    color: #025ea9;
    font-family: "Al-Jazeera-Arabic-Regular", "Arial", sans-serif !important;
    font-weight: 400;
    font-size: 14px;
}

.static-top.navbar-dark .divider-vertical {
    border-right-color: #fff;
    border-left-color: #111;
    visibility: hidden;
}

.footer .list-inline>li>a>i {
    font-size: 20px;
}

.crmEntityFormView .cell div.table-info.required label:after {
    content: ' *';
    color: red;
    font-family: 'Aljazeera Regular' !important;
}

.btn-primary {
    color: #FFFFFF;
    background-color: #025ea9;
    border-color: #025ea9;
    border-radius: 4px;
    font-family: "Al-Jazeera-Arabic-Regular", "Arial", sans-serif !important;
    font-weight: 600;
    font-size: 14px;
    padding: 6px 20px;
    width: fit-content;
    border-style: solid;
}

label.col-form-label.required:before {
    content: '* ';
    color: red;
    white-space: nowrap;
    font-family: 'Aljazeera Regular' !important;
}
/* gallery in Hack details */
.gallery-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    /* Adjust the gap between items as needed */
}

.gallery-item {
    flex: 1 1 calc(33.33% - 40px);
    /* 3 columns with gap adjustment */
    box-sizing: border-box;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.gallery-icon {
    width: 100px;
    /* Adjust the size of the icon as needed */
    height: 100px;
    margin-bottom: 10px;
    /* Space between icon and title */
}

.gallery-title {
    font-size: 16px;
    /* Adjust the font size as needed */
    font-weight: bold;
    margin: 0;
}


.gallery-container-benefit {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Adjust the gap between items as needed */
    direction: var(--dir, rtl); /* Default direction */
  }
  
  .gallery-item-benefit {
    flex: 1 1 calc(50% - 20px); /* 2 columns with gap adjustment */
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 15px; /* Space between icon and content */
  }
  
  .gallery-icon-benefit {
    font-size: 56px; /* Adjust the icon size as needed */
    color: #025ea9; /* Icon color (blue) - change as needed */
  }
  
  .gallery-content-benefit {
    display: flex;
    flex-direction: column;
  }
  
  .gallery-rank-benefit {
    font-size: 52px; /* Large font size for rank */
    font-weight: bold;
    margin: 0;
  }
  
  .gallery-title-benefit {
    font-size: 16px; /* Adjust the font size as needed */
    margin: 0;
  }

.font-bold{
    font-family: "Al-Jazeera-Arabic Bold", "Arial", sans-serif !important;
}
.button2, .btn-secondary, .btn-default {
    font-family: "Al-Jazeera-Arabic Bold", "Arial", sans-serif !important;;
}