@font-face {
  font-family: "Lora-Bold";
  font-weight: 700;
  src: url(https://inkyfada.com/wp-content/uploads/components/arrestation/client/public/assets/bundle/3487bb1d17bf46e79cb03d5d98b962a9.ttf) format("truetype"); }

@font-face {
  font-family: "Lora-Regular";
  font-weight: 500;
  src: url(https://inkyfada.com/wp-content/uploads/components/arrestation/client/public/assets/bundle/29149bc88d3600b6a10d0b23790da014.ttf) format("truetype"); }

@font-face {
  font-family: "Lora-SemiBold";
  font-weight: 400;
  src: url(https://inkyfada.com/wp-content/uploads/components/arrestation/client/public/assets/bundle/b06f3f6761c5ce94e3cfef98f7b5a7e3.ttf) format("truetype"); }

@font-face {
  font-family: "RubikBold";
  src: url(https://inkyfada.com/wp-content/uploads/components/arrestation/client/public/assets/bundle/627d0e537f4a06a535ae956e4a87837f.ttf) format("truetype"); }

@font-face {
  font-family: "RubikMedium";
  src: url(https://inkyfada.com/wp-content/uploads/components/arrestation/client/public/assets/bundle/e785acbf5775e9bec2129f4967a75472.ttf) format("truetype"); }

@font-face {
  font-family: "RubikRegular";
  src: url(https://inkyfada.com/wp-content/uploads/components/arrestation/client/public/assets/bundle/46df28800514364ef2766f74386b1bd3.ttf) format("truetype"); }

@font-face {
  font-family: "RubikSemiBold";
  src: url(https://inkyfada.com/wp-content/uploads/components/arrestation/client/public/assets/bundle/742cf1e6b879de2de937aa287fddece4.ttf) format("truetype"); }

html:lang(fr-FR) .project-content .fr-d-none {
  display: none !important; }

.main-backround {
  height: 100%;
  background-image: url(https://inkyfada.com/wp-content/uploads/components/arrestation/client/public/assets/bundle/7cc8be1392fc98ac21dcd97cc79611b3.png);
  background-repeat: repeat-y; }

.my-xxl-5 {
  margin-top: 6rem;
  margin-bottom: 6rem; }

.selected-sector {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px; }

body {
  box-sizing: border-box; }

.filter-img {
  filter: grayscale(1); }

.red {
  color: #C13434; }

@media screen and (max-width: 768px) {
  .h-6rem {
    height: 6rem; } }

@media screen and (max-width: 1400px) {
  .svg-custom {
    height: auto !important; } }

.parag {
  font-family: "Lora-Regular";
  font-size: 1.3rem;
  text-align: justify; }

.fade-in {
  animation: fadeIn ease 3s;
  -webkit-animation: fadeIn ease 3s;
  -moz-animation: fadeIn ease 3s;
  -o-animation: fadeIn ease 3s;
  -ms-animation: fadeIn ease 3s; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.load-more {
  cursor: pointer;
  font-family: "Lora-SemiBold";
  position: absolute;
  right: 0;
  bottom: -48px;
  left: 0;
  margin: auto;
  box-sizing: border-box;
  display: inline-block;
  width: 8em;
  height: 2.25em;
  padding: 0.3em 1em;
  background-color: #C13434;
  border: 1px solid #fff;
  text-align: center;
  color: #fff;
  white-space: nowrap;
  line-height: 1.4;
  font-size: 0.9em;
  text-decoration: none;
  transition: width 0.1s ease, height 0.4s ease, border-width 0.4s ease, border-radius 0.4s ease, border-color 0.4s ease, padding 0.4s ease; }
  .load-more:focus {
    outline: none;
    color: #fff;
    border: 1px solid #fff; }
  .load-more:hover {
    color: #fff;
    border: 1px solid #fff; }
  .load-more.loading {
    height: 24px;
    width: 24px;
    padding: 0;
    border-width: 2px;
    border-radius: 17px;
    border-color: #eee #eee #eee #C13434;
    background: #fff;
    font-size: 0;
    color: transparent;
    pointer-events: none;
    animation: spin 1.2s infinite linear; }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.col-gap-15 {
  -moz-column-gap: 15px;
       column-gap: 15px; }

.flex-item {
  flex: 1; }

@media screen and (max-width: 768px) {
  .flex-item {
    flex: unset;
    min-width: 100%;
    max-width: 100%; } }

@media screen and (max-width: 450px) {
  .person-card {
    padding: 0 7.5px; } }

#main-nav li + li:before {
  content: none;
  margin-left: 5px; }

.list-inline-item:not(:last-child),
.list-inline-with-separators li:not(:last-child),
#main-nav li:not(:last-child),
.nav-menu-secondary ul.menu-secondary li:not(:last-child),
ul.social-links li:not(:last-child) {
  margin-right: 0; }

body.rtl #expanded-nav .main-menu-container li.separator:after {
  content: "" !important;
  border-bottom: 1px dotted #333;
  position: absolute !important;
  top: 75% !important;
  right: 50px !important;
  left: 0px !important;
  z-index: 0; }

.list-inline-with-separators li + li:before {
  content: "|"; }

.list-inline-item,
.list-inline-with-separators li,
#main-nav li,
.nav-menu-secondary ul.menu-secondary li,
ul.social-links li {
  display: unset; }

#main-nav .expanded-nav-toggler {
  width: unset;
  height: unset;
  display: unset; }

#main-nav li {
  cursor: pointer; }
  #main-nav li a {
    display: block; }

#main-nav {
  padding: unset;
  margin-left: unset;
  display: flex;
  align-items: center; }

.custom-header {
  top: 0;
  right: 0px;
  left: 0px;
  padding: .75rem 1rem;
  position: absolute;
  z-index: 1000;
  display: flex;
  justify-content: space-between; }
  .custom-header ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-inline-start: unset;
    margin-inline-end: unset;
    padding-inline-start: unset; }
  .custom-header .list-inline-item:not(:last-child),
  .custom-header .list-inline-with-separators li:not(:last-child),
  .custom-header #main-nav li:not(:last-child),
  .custom-header .nav-menu-secondary ul.menu-secondary li:not(:last-child),
  .custom-header ul.social-links li:not(:last-child) {
    margin-left: 0; }
  .custom-header .list-inline-item:not(:last-child),
  .custom-header .list-inline-with-separators li:not(:last-child),
  .custom-header #main-nav li:not(:last-child),
  .custom-header .nav-menu-secondary ul.menu-secondary li:not(:last-child),
  .custom-header ul.social-links li:not(:last-child) {
    margin-left: 0; }
  .custom-header .share-wrapper {
    width: 2rem;
    height: 2rem; }

#site-logo svg {
  height: 3.5rem;
  display: block;
  width: auto; }

.selected-language {
  color: black; }

.login-module-toggler {
  color: black !important; }

.custom-header .selected-language {
  display: flex;
  align-items: center; }

.custom-header .selected-language::after {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(45deg); }

.custom-header .menuIsOpen.selected-language::after {
  transform: rotate(225deg) !important;
  margin-top: .5rem; }

div[data-share] {
  position: relative; }
  div[data-share] .share-wrapper {
    cursor: pointer;
    width: 2rem;
    height: 2rem;
    display: block; }
  div[data-share] svg circle.rotate {
    stroke-dasharray: 400;
    stroke-dashoffset: 400;
    transition: stroke-dashoffset 0.6s linear; }
  div[data-share] svg:hover circle.rotate,
  div[data-share] svg.active circle.rotate {
    stroke-dashoffset: 0; }
  div[data-share] .appended-template {
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    div[data-share] .appended-template li {
      cursor: pointer;
      width: 2rem;
      height: 2rem; }
      div[data-share] .appended-template li div {
        height: 2rem;
        width: 2rem; }
        div[data-share] .appended-template li div * {
          pointer-events: none; }
      div[data-share] .appended-template li svg {
        height: 2rem;
        width: 2rem; }
    div[data-share] .appended-template li.line {
      cursor: unset;
      margin: 3px 0;
      height: .5rem;
      width: 1px;
      background-color: black; }

.login-module-toggler {
  font-size: 1.125rem;
  font-family: "Tajawal";
  line-height: 1; }

.logged-in .custom-header #main-nav li.mr-3 {
  border-bottom: unset !important; }

.inkyfada-header-dropdown .dropdown a.last-saved {
  display: flex !important;
  flex-direction: row; }

.footer-container {
  background-color: #000; }
  .footer-container .social-links {
    display: flex; }
    .footer-container .social-links .icon {
      color: white; }
  .footer-container .list-piped {
    padding: 0;
    list-style: none;
    display: inline-block !important; }
    .footer-container .list-piped a {
      color: white; }

.hero-section {
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center; }
  .hero-section .desq {
    display: none !important; }
    @media screen and (min-width: 1024px) {
      .hero-section .desq {
        display: block !important;
        display: flex !important;
        justify-content: flex-end !important; } }
  @media screen and (max-width: 769px) {
    .hero-section .hero-title {
      margin-top: 2rem; } }
  .hero-section .mobile {
    display: none !important; }
    @media screen and (max-width: 1024px) {
      .hero-section .mobile {
        display: block !important; } }
  .hero-section .style-block {
    position: relative;
    z-index: 99; }
  .hero-section .red-color {
    color: #C13434;
    font-family: "Lora-Bold"; }
  @media screen and (max-width: 1024px) {
    .hero-section .row {
      flex-direction: column-reverse; } }
  .hero-section h1 {
    position: relative;
    z-index: 10;
    color: black;
    font-family: "Lora-Bold";
    line-height: 1.1;
    font-weight: bold;
    -webkit-user-select: none;
    /* Safari */
    /* IE 10 and IE 11 */
    -moz-user-select: none;
         user-select: none;
    /* Standard syntax */
    font-size: 2rem; }
    @media screen and (min-width: 1570px) {
      .hero-section h1 {
        text-align: start;
        display: block;
        font-size: 2.5rem; } }
    @media screen and (max-width: 786px) {
      .hero-section h1 {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px; } }
    .hero-section h1 .title-red {
      color: #C13434; }
    .hero-section h1 .title-big {
      text-align: start;
      display: block;
      font-size: 6.625rem; }
  .hero-section .sub-title {
    font-size: 1.5rem; }
    @media screen and (max-width: 786px) {
      .hero-section .sub-title {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        display: block; } }
  .hero-section .under-sub::after {
    content: '';
    position: absolute;
    width: 19%;
    background-color: #C13434;
    height: 0.6rem;
    bottom: -23px;
    left: 0; }
    @media screen and (max-width: 786px) {
      .hero-section .under-sub::after {
        left: 15px; } }

#HERO_DESC {
  position: relative; }

.desc {
  font-family: "Lora-Regular";
  padding-top: 1rem;
  z-index: 99 !important;
  text-align: start;
  width: 100%;
  font-size: 1rem !important; }
  @media screen and (max-width: 786px) {
    .desc {
      width: 100%;
      padding-left: 15px;
      padding-right: 15px; } }

.desc_tow {
  font-family: "Lora-Regular";
  z-index: 99 !important;
  text-align: start;
  width: 100%;
  font-size: 1rem !important; }
  @media screen and (max-width: 786px) {
    .desc_tow {
      width: 100%;
      padding-left: 15px;
      padding-right: 15px; } }

.hero-btn {
  z-index: 99;
  display: flex;
  flex-direction: column;
  text-align: center;
  font-family: "Lora-SemiBold";
  position: relative;
  color: #C13434;
  font-size: 1rem;
  top: 221px; }
  @media screen and (max-width: 1466px) {
    .hero-btn {
      top: 5%; } }
  @media screen and (max-width: 1100px) {
    .hero-btn {
      top: 10%; } }
  @media screen and (max-width: 1024px) {
    .hero-btn {
      top: unset;
      position: unset;
      margin-bottom: 8rem; } }
  @media screen and (max-width: 768px) {
    .hero-btn {
      margin-bottom: 1rem; } }

.hero-section-cover {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: stretch; }
  .hero-section-cover img {
    display: block;
    min-width: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

.bg-blur {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background: #000;
  z-index: 0;
  opacity: 0.5; }

.p-custom {
  padding: 3rem 0 0 0; }
  @media screen and (max-width: 1200px) {
    .p-custom {
      padding: 5rem 0 0 0; } }
  @media screen and (max-width: 768px) {
    .p-custom {
      padding: 5rem 0 0 0; } }

.px-xxl-10 {
  padding-left: 6rem;
  padding-right: 6rem; }
  @media screen and (max-width: 900px) {
    .px-xxl-10 {
      padding-left: 3rem;
      padding-right: 3rem; } }

.px-xxl-12 {
  padding-left: 6rem;
  padding-right: 6rem; }
  @media screen and (max-width: 900px) {
    .px-xxl-12 {
      padding-left: 3rem;
      padding-right: 3rem; } }
  @media screen and (max-width: 768px) {
    .px-xxl-12 {
      padding-left: 1rem;
      padding-right: 1rem;
      overflow: hidden; } }

.px-xxl-900 {
  padding-left: 6rem;
  padding-right: 6rem; }
  @media screen and (max-width: 1260px) {
    .px-xxl-900 {
      padding-left: unset;
      padding-right: unset; } }

.positon-relative {
  position: relative; }

.totalArrest {
  z-index: 9999; }
  .totalArrest h1 {
    position: absolute;
    top: 25%;
    left: 30%;
    color: #C13434;
    font-family: "Lora-Bold";
    font-size: 16rem;
    text-align: center; }
    @media screen and (max-width: 1200px) {
      .totalArrest h1 {
        top: 18%; } }
    @media screen and (max-width: 1400px) {
      .totalArrest h1 {
        font-size: 14rem; } }
    @media screen and (max-width: 600px) {
      .totalArrest h1 {
        font-size: 10rem; } }

.exerpt {
  font-family: "Lora-Regular";
  font-size: 2rem;
  width: 83%; }
  @media screen and (max-width: 900px) {
    .exerpt {
      width: 89%; } }

.count-exerpt {
  font-family: "Lora-Bold";
  font-size: 2.4rem;
  color: #C13434; }

@media screen and (max-width: 900px) {
  .list-of-arresttype {
    width: 100% !important; } }

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden; }
  .embed-responsive:before {
    display: block;
    content: ""; }

.embed-responsive-1by1::before {
  padding-top: 85%; }

.w-80 {
  width: 80%; }

.card-countByArrestType {
  align-items: baseline; }
  @media screen and (max-width: 900px) {
    .card-countByArrestType {
      align-items: center;
      padding: 0; }
      .card-countByArrestType p {
        font-size: 1.2rem !important; }
      .card-countByArrestType span {
        font-size: 1.2rem !important; } }
  .card-countByArrestType p,
  .card-countByArrestType span {
    font-family: "Lora-Regular";
    line-height: 1; }
  .card-countByArrestType p {
    font-size: 1.4rem; }
  .card-countByArrestType span {
    color: #C13434;
    font-size: 2rem; }

@media screen and (max-width: 900px) {
  .numberofarrests {
    height: 100%; } }

.title-arrest {
  color: #000;
  font-family: "Lora-Regular";
  font-size: 2rem; }
  @media screen and (max-width: 900px) {
    .title-arrest {
      font-size: 1.5rem; } }

.arrest-count {
  color: #C13434;
  font-family: "Lora-Bold";
  font-size: 4rem; }
  @media screen and (max-width: 900px) {
    .arrest-count {
      font-size: 2rem; } }

@media screen and (max-width: 900px) {
  .text-custom {
    align-items: center; } }

@media screen and (max-width: 900px) {
  .mb-custom {
    margin-bottom: 2rem; } }

.imgArresType {
  min-width: 4rem;
  max-width: 4rem; }

.descriptionArresType {
  flex: 1; }

.hover {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: unset !important;
  position: relative; }
  .hover img {
    transform: rotate(180deg);
    transition: 0.2s ease-in-out; }
  .hover .sub-select {
    font-family: "Lora-Regular";
    cursor: pointer;
    display: block !important;
    position: absolute;
    background-color: #F1F1F1;
    z-index: 9999;
    top: 111%;
    border: 1px solid #CECECE;
    width: 100%;
    left: 0;
    transition: display 0.3s ease-in-out; }
  .hover li {
    cursor: pointer;
    list-style-type: none  !important;
    white-space: pre-wrap;
    font-family: "Lora-Regular";
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0.5rem;
    border-bottom: 1px solid #CECECE; }
  .hover li.fisrt {
    white-space: nowrap; }

.select-ul {
  border: 1px solid #CECECE;
  font-family: "Lora-Regular";
  font-size: 1rem;
  cursor: pointer; }
  .select-ul .sub-select {
    display: none; }
  .select-ul input, .select-ul label {
    cursor: pointer; }

.select-ul {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  height: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.2rem 0.3rem 0rem 0.6rem; }
  .select-ul img {
    height: -moz-min-content;
    height: min-content;
    transition: 0.2s ease-in-out; }

.person-card .content-person {
  padding: 1rem;
  text-align: center;
  border: 1px solid #E3E3E3; }
  .person-card .content-person h3 {
    font-family: "Lora-Bold";
    font-size: 1.375rem; }
  .person-card .content-person p {
    font-family: "Lora-SemiBold";
    font-size: .875rem; }
  .person-card .content-person .data-person {
    color: #C13434;
    position: relative; }
    .person-card .content-person .data-person::after {
      content: "";
      width: 21%;
      height: 4px;
      position: absolute;
      bottom: -6px;
      left: 39%;
      background: #C13434; }
  .person-card .content-person .btn {
    text-decoration: underline;
    color: #C13434; }

.custom-modal {
  display: block;
  transition: 0.2s ease-in-out;
  position: fixed;
  z-index: 999999999999999999;
  left: 18%;
  top: 25%;
  width: 64%;
  height: 65%;
  overflow: hidden;
  background-color: #FFF; }
  @media screen and (max-width: 1366px) {
    .custom-modal {
      top: 19%;
      left: 11%;
      width: 78%;
      height: 73%; } }
  @media screen and (max-width: 1024px) {
    .custom-modal {
      left: 0;
      top: 0;
      width: 100%;
      height: calc(var(--vh, 1vh) * 100);
      overflow: auto; } }
  .custom-modal .modal-content {
    background-color: #fefefe;
    padding: 20px;
    width: 100%;
    height: -webkit-fill-available; }
    @media screen and (max-width: 1024px) {
      .custom-modal .modal-content {
        height: -moz-max-content;
        height: max-content; } }
  .custom-modal .information {
    color: #DF2929;
    font-size: 1.25rem; }
  .custom-modal p {
    font-size: 20px; }
  .custom-modal h1,
  .custom-modal h2,
  .custom-modal h3 {
    font-size: 20px;
    font-family: "Lora-Regular";
    color: #000; }
  .custom-modal .close {
    color: #C13434;
    font-size: 40px; }
  .custom-modal .close:hover,
  .custom-modal .close:focus {
    color: #C13434;
    text-decoration: none;
    cursor: pointer; }

@media screen and (max-width: 768px) {
  .person-title {
    font-size: 25px; } }

@media screen and (max-width: 1024px) {
  .content-personCard {
    margin: 1rem; } }

@media screen and (max-width: 768px) {
  .content-personCard {
    margin-top: 1rem;
    margin: unset; } }

.cursor {
  cursor: pointer; }

.bold {
  font-family: "Lora-Bold" !important; }

.regular {
  font-family: "Lora-Regular" !important; }

.font-20 {
  font-size: 1.25rem; }

.font-16 {
  font-size: 1rem !important; }

.font-500 {
  font-weight: 400;
  line-height: 1.2;
  font-size: 1.25rem; }

.scroll {
  height: 16rem;
  overflow: auto; }
  @media screen and (max-width: 1474px) {
    .scroll {
      height: 14rem; } }
  @media screen and (max-width: 1253px) {
    .scroll {
      height: 13rem; } }
  @media screen and (max-width: 768px) {
    .scroll {
      overflow: unset;
      height: unset; } }
  .scroll::-webkit-scrollbar {
    width: 8px; }
  .scroll::-webkit-scrollbar-track {
    background-color: #ECECEC; }
  .scroll::-webkit-scrollbar-thumb {
    background: #C13434; }
  .scroll::-webkit-scrollbar-thumb:hover {
    background: #C13434; }

.object-fit-cover {
  -o-object-fit: cover;
     object-fit: cover; }

.gray {
  color: #817474; }

.semibold {
  font-family: "Lora-SemiBold"; }

.jobcard {
  font-size: 1.1rem;
  line-height: 1.3 !important;
  width: 100%;
  display: block; }
  @media screen and (max-width: 768px) {
    .jobcard {
      font-size: 1.4rem; } }

.font-regular {
  font-family: "Lora-SemiBold";
  font-size: 20px; }

.desc-method {
  font-family: "Lora-Regular";
  font-size: 20px;
  text-align: left; }
  @media screen and (max-width: 768px) {
    .desc-method {
      font-size: 1rem; } }

@media screen and (max-width: 768px) {
  .mt-custom-md {
    margin-top: 2rem; } }

.title-metho {
  position: relative;
  font-family: "Lora-Bold";
  font-size: 40px; }

.under-title {
  background-image: url(https://inkyfada.com/wp-content/uploads/components/arrestation/client/public/assets/bundle/00c98e501bd0a5853b601c074fa45b4c.png);
  height: 4.5rem;
  background-position: center;
  background-repeat: no-repeat; }

.fs-20px {
  font-size: 20px; }

.under-line::after {
  content: '';
  position: absolute;
  width: 19%;
  background-color: #C13434;
  height: 0.6rem;
  top: -14px;
  left: 15px; }

.image-post {
  margin-bottom: 10px; }

.title-post {
  display: block;
  font-size: 20px;
  font-family: "Lora-Bold"; }

html:lang(ar) .project-content * {
  font-family: 'tajawal'; }

html:lang(ar) .project-content h1,
html:lang(ar) .project-content h2,
html:lang(ar) .project-content h3,
html:lang(ar) .project-content h4,
html:lang(ar) .project-content h5,
html:lang(ar) .project-content h6 {
  font-family: "RubikBold"; }

html:lang(ar) .project-content .parag {
  font-size: 1.3rem;
  text-align: right; }

html:lang(ar) .project-content .ar-d-none {
  display: none !important; }

html:lang(ar) .project-content .text-left {
  text-align: right !important; }

html:lang(ar) .project-content .desc-method {
  text-align: right !important; }

html:lang(ar) .project-content .RubikSemiBold {
  font-family: "RubikSemiBold" !important; }

html:lang(ar) .project-content .RubikRegular {
  font-family: "RubikRegular" !important; }

html:lang(en) .project-content .en-d-none {
  display: none !important; }

html:lang(fr) .project-content .fr-d-none {
  display: none !important; }

html:lang(ar) .project-content .select-ul li.fisrt,
html:lang(ar) .project-content .select-ul label {
  font-family: "tajawal";
  font-size: 1.125rem;
  font-weight: 500; }

@media screen and (max-width: 769px) {
  html:lang(ar) .hero-section .hero-title {
    margin-top: 2rem; } }

html:lang(ar) .hero-section h1 {
  font-size: 3.5rem;
  line-height: 168%; }
  @media screen and (max-width: 1570px) {
    html:lang(ar) .hero-section h1 {
      text-align: start;
      display: block;
      font-size: 2.5rem; } }
  @media screen and (max-width: 786px) {
    html:lang(ar) .hero-section h1 {
      width: 100%;
      padding-left: 15px;
      padding-right: 15px; } }
  html:lang(ar) .hero-section h1 .title-red {
    color: #C13434; }
  html:lang(ar) .hero-section h1 .title-big {
    text-align: start;
    display: block;
    font-size: 6.625rem; }

html:lang(ar) .hero-section .sub-title {
  font-size: 1.5rem; }

html:lang(ar) .hero-section .under-sub::after {
  left: unset;
  right: 0; }
  @media screen and (max-width: 786px) {
    html:lang(ar) .hero-section .under-sub::after {
      left: 15px; } }

html:lang(ar) #HERO_DESC {
  position: relative; }

html:lang(ar) .desc {
  font-size: 1.4rem !important; }

html:lang(ar) .desc_tow {
  font-size: 1rem !important; }

html:lang(ar) .hero-btn {
  font-family: "RubikBold";
  font-size: 1rem;
  top: 221px; }
  @media screen and (max-width: 1466px) {
    html:lang(ar) .hero-btn {
      top: 5%; } }
  @media screen and (max-width: 1100px) {
    html:lang(ar) .hero-btn {
      top: 10%; } }
  @media screen and (max-width: 1024px) {
    html:lang(ar) .hero-btn {
      top: unset;
      position: unset;
      margin-bottom: 8rem; } }
  @media screen and (max-width: 768px) {
    html:lang(ar) .hero-btn {
      margin-bottom: 1rem; } }

html:lang(ar) .hero-section-cover {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: stretch; }
  html:lang(ar) .hero-section-cover img {
    display: block;
    min-width: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

html:lang(ar) .bg-blur {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background: #000;
  z-index: 0;
  opacity: 0.5; }

html:lang(ar) .p-custom {
  padding: 3rem 0 0 0; }
  @media screen and (max-width: 1200px) {
    html:lang(ar) .p-custom {
      padding: 5rem 0 0 0; } }
  @media screen and (max-width: 768px) {
    html:lang(ar) .p-custom {
      padding: 5rem 0 0 0; } }

html:lang(ar) .project-content .desc-method {
  font-size: 1.25rem; }
  @media screen and (max-width: 768px) {
    html:lang(ar) .project-content .desc-method {
      font-size: 1rem; } }

@media screen and (max-width: 768px) {
  html:lang(ar) .project-content .mt-custom-md {
    margin-top: 2rem; } }

html:lang(ar) .project-content .title-metho {
  position: relative;
  font-size: 2.5rem;
  line-height: 128%; }

html:lang(ar) .project-content .under-title {
  background-image: unset;
  height: unset;
  background-position: unset;
  background-repeat: unset;
  position: relative; }
  html:lang(ar) .project-content .under-title::after {
    content: "";
    top: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    height: .75rem;
    background-color: #C13434; }

html:lang(ar) .project-content .fs-20px {
  font-size: 20px; }

html:lang(ar) .project-content .under-line::after {
  content: '';
  position: absolute;
  width: 19%;
  background-color: #C13434;
  height: 0.6rem;
  top: -14px;
  left: unset;
  right: 15px; }

html:lang(ar) .project-content .image-post {
  margin-bottom: 10px; }

html:lang(ar) .project-content .title-post {
  display: block;
  font-size: 1.25rem;
  font-family: "RubikBold"; }

html:lang(ar) .project-content .px-xxl-10 {
  padding-left: 6rem;
  padding-right: 6rem; }
  @media screen and (max-width: 900px) {
    html:lang(ar) .project-content .px-xxl-10 {
      padding-left: 3rem;
      padding-right: 3rem; } }

html:lang(ar) .project-content .px-xxl-12 {
  padding-left: 6rem;
  padding-right: 6rem; }
  @media screen and (max-width: 900px) {
    html:lang(ar) .project-content .px-xxl-12 {
      padding-left: 3rem;
      padding-right: 3rem; } }
  @media screen and (max-width: 768px) {
    html:lang(ar) .project-content .px-xxl-12 {
      padding-left: 1rem;
      padding-right: 1rem;
      overflow: hidden; } }

html:lang(ar) .project-content .px-xxl-900 {
  padding-left: 6rem;
  padding-right: 6rem; }
  @media screen and (max-width: 1260px) {
    html:lang(ar) .project-content .px-xxl-900 {
      padding-left: unset;
      padding-right: unset; } }

html:lang(ar) .project-content .positon-relative {
  position: relative; }

html:lang(ar) .project-content .totalArrest h1 {
  font-size: 16rem; }
  @media screen and (max-width: 1400px) {
    html:lang(ar) .project-content .totalArrest h1 {
      font-size: 14rem; } }
  @media screen and (max-width: 600px) {
    html:lang(ar) .project-content .totalArrest h1 {
      font-size: 10rem; } }

html:lang(ar) .project-content .exerpt {
  font-size: 2.3rem;
  line-height: 128%; }
  @media screen and (max-width: 900px) {
    html:lang(ar) .project-content .exerpt {
      width: 89%; } }

html:lang(ar) .project-content .count-exerpt {
  font-family: "tajawal";
  font-weight: 700; }

@media screen and (max-width: 900px) {
  html:lang(ar) .project-content .list-of-arresttype {
    width: 100% !important; } }

html:lang(ar) .project-content .embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden; }
  html:lang(ar) .project-content .embed-responsive:before {
    display: block;
    content: ""; }

html:lang(ar) .project-content .embed-responsive-1by1::before {
  padding-top: 85%; }

html:lang(ar) .project-content .w-80 {
  width: 80%; }

html:lang(ar) .project-content .card-countByArrestType {
  align-items: baseline; }
  html:lang(ar) .project-content .card-countByArrestType p {
    font-size: 1.5rem !important; }
  html:lang(ar) .project-content .card-countByArrestType span {
    font-size: 1.875rem !important;
    font-weight: 700; }
  @media screen and (max-width: 900px) {
    html:lang(ar) .project-content .card-countByArrestType {
      align-items: center;
      padding: 0; }
      html:lang(ar) .project-content .card-countByArrestType p {
        font-size: 1.2rem !important; }
      html:lang(ar) .project-content .card-countByArrestType span {
        font-size: 1.5rem !important; } }
  html:lang(ar) .project-content .card-countByArrestType p,
  html:lang(ar) .project-content .card-countByArrestType span {
    line-height: 128%; }

@media screen and (max-width: 900px) {
  html:lang(ar) .project-content .numberofarrests {
    height: 100%; } }

html:lang(ar) .project-content .title-arrest {
  color: #000;
  font-size: 2.5rem;
  font-family: "tajawal";
  font-weight: 500;
  line-height: 166%; }
  @media screen and (max-width: 900px) {
    html:lang(ar) .project-content .title-arrest {
      font-size: 1.5rem; } }

html:lang(ar) .project-content .arrest-count {
  color: #C13434;
  font-size: 5rem;
  font-family: "tajawal";
  font-weight: 700;
  line-height: 128%; }
  @media screen and (max-width: 900px) {
    html:lang(ar) .project-content .arrest-count {
      font-size: 2rem; } }

@media screen and (max-width: 900px) {
  html:lang(ar) .project-content .text-custom {
    align-items: center; } }

@media screen and (max-width: 900px) {
  html:lang(ar) .project-content .mb-custom {
    margin-bottom: 2rem; } }

html:lang(ar) .project-content .person-card .content-person h3 {
  font-size: 1.375rem;
  line-height: 128%; }

html:lang(ar) .project-content .person-card .content-person p {
  font-size: .875rem; }

html:lang(ar) .project-content .person-card .content-person .data-person::after {
  content: "";
  width: 21%;
  height: 4px;
  position: absolute;
  bottom: -6px;
  left: 39%;
  background: #C13434; }

html:lang(ar) .project-content .person-card .content-person .btn {
  font-size: .75rem; }

html:lang(ar) .project-content .custom-modal {
  display: block;
  transition: 0.2s ease-in-out;
  position: fixed;
  z-index: 999999999999999999;
  left: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: transparent !important;
  overflow: hidden;
  background-color: #FFF; }
  html:lang(ar) .project-content .custom-modal .modal-content {
    background-color: #fefefe;
    padding: 20px;
    min-width: 50rem;
    max-width: 50rem;
    min-height: -moz-fit-content !important;
    min-height: fit-content !important;
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important; }
    @media screen and (max-width: 768px) {
      html:lang(ar) .project-content .custom-modal .modal-content {
        min-width: 100%;
        max-width: 100%;
        height: calc(var(--vh, 1vh) * 100) !important;
        min-height: calc(var(--vh, 1vh) * 100) !important;
        max-height: calc(var(--vh, 1vh) * 100) !important;
        overflow: auto; }
        html:lang(ar) .project-content .custom-modal .modal-content::-webkit-scrollbar {
          width: 8px; }
        html:lang(ar) .project-content .custom-modal .modal-content::-webkit-scrollbar-track {
          background-color: #ECECEC; }
        html:lang(ar) .project-content .custom-modal .modal-content::-webkit-scrollbar-thumb {
          background: #C13434; }
        html:lang(ar) .project-content .custom-modal .modal-content::-webkit-scrollbar-thumb:hover {
          background: #C13434; } }
  html:lang(ar) .project-content .custom-modal .information {
    color: #DF2929;
    font-size: 1.125rem; }
  html:lang(ar) .project-content .custom-modal p {
    font-size: 20px; }
  html:lang(ar) .project-content .custom-modal h1,
  html:lang(ar) .project-content .custom-modal h2,
  html:lang(ar) .project-content .custom-modal h3 {
    font-size: 20px;
    font-family: "Lora-Regular";
    color: #000; }
  html:lang(ar) .project-content .custom-modal .close {
    color: #C13434;
    font-size: 40px; }
  html:lang(ar) .project-content .custom-modal .close:hover,
  html:lang(ar) .project-content .custom-modal .close:focus {
    color: #C13434;
    text-decoration: none;
    cursor: pointer; }

html:lang(ar) .project-content .person-title {
  font-size: 1.5rem; }
  @media screen and (max-width: 768px) {
    html:lang(ar) .project-content .person-title {
      font-size: 1.5rem; } }

@media screen and (max-width: 1024px) {
  html:lang(ar) .project-content .content-personCard {
    margin: 1rem; } }

@media screen and (max-width: 768px) {
  html:lang(ar) .project-content .content-personCard {
    margin-top: 1rem;
    margin: unset; } }

html:lang(ar) .project-content .cursor {
  cursor: pointer; }

html:lang(ar) .project-content .bold {
  font-family: "RubikBold" !important; }

html:lang(ar) .project-content .regular {
  font-family: "RubikRegular" !important; }

html:lang(ar) .project-content .font-20 {
  font-size: 1.125rem; }

html:lang(ar) .project-content .font-16 {
  font-size: 1rem !important; }

html:lang(ar) .project-content .font-500 {
  font-weight: 400;
  line-height: 1.2;
  font-size: 20px; }

html:lang(ar) .project-content .scroll {
  height: unset !important; }

html:lang(ar) .project-content .object-fit-cover {
  -o-object-fit: cover;
     object-fit: cover; }

html:lang(ar) .project-content .gray {
  color: #817474; }

html:lang(ar) .project-content .semibold {
  font-family: "RubikMedium"; }

html:lang(ar) .project-content .jobcard {
  font-size: 1.1rem;
  line-height: 1.3 !important;
  width: 100%;
  display: block; }
  @media screen and (max-width: 768px) {
    html:lang(ar) .project-content .jobcard {
      font-size: 1.4rem; } }