:root {
  --color-primary-fade: #eef3ff;
  --color-primary-100: #c6d9ff;
  --color-primary-200: #9fbfff;
  --color-primary-300: #78a5ff;
  --color-primary-400: #518bff;
  --color-primary-500: #2a71ff;
  --color-primary-600: #0257ff;
  --color-primary-700: #0049da;
  --color-primary-800: #003cb3;
  --color-primary-900: #002f8c;
  --color-secondary-fade: #fff7f1;
  --color-secondary-100: #ffe0ca;
  --color-secondary-200: #ffcaa2;
  --color-secondary-300: #ffb37b;
  --color-secondary-400: #ff9c54;
  --color-secondary-500: #ff862d;
  --color-secondary-600: #ff6f05;
  --color-secondary-700: #dd5e00;
  --color-secondary-800: #b64d00;
  --color-secondary-900: #8f3c00;
  --color-grey-fade: #f7f9f9;
  --color-grey-100: #eceff1;
  --color-grey-200: #cad2d8;
  --color-grey-300: #a8b6bf;
  --color-grey-400: #8699a6;
  --color-grey-500: #677c8b;
  --color-grey-600: #4e5e69;
  --color-grey-700: #354047;
  --color-grey-800: #1c2225;
  --color-grey-900: #030304;
  --color-success-fade: #e6f7ee;
  --color-success-100: #c2ebd7;
  --color-success-200: #99dfbe;
  --color-success-300: #6fd3a5;
  --color-success-400: #45c78c;
  --color-success-500: #198754;
  --color-success-600: #147546;
  --color-success-700: #0f6338;
  --color-success-800: #0a512a;
  --color-success-900: #053f1c;
  --color-danger-fade: #fdecee;
  --color-danger-100: #fac7cc;
  --color-danger-200: #f7a2aa;
  --color-danger-300: #f47d88;
  --color-danger-400: #f15866;
  --color-danger-500: #dc3545;
  --color-danger-600: #b82c3a;
  --color-danger-700: #94232f;
  --color-danger-800: #701a24;
  --color-danger-900: #4c1119;
  --color-warning-fade: #fff9e8;
  --color-warning-100: #ffefc2;
  --color-warning-200: #ffe59c;
  --color-warning-300: #ffdb76;
  --color-warning-400: #ffdd78;
  --color-warning-500: #ffc850;
  --color-warning-600: #d99c30;
  --color-warning-700: #b3741c;
  --color-warning-800: #8c550e;
  --color-warning-900: #663c04;
  --color-info-fade: #e6fbff;
  --color-info-100: #b3f4ff;
  --color-info-200: #80edff;
  --color-info-300: #4de6ff;
  --color-info-400: #1adfff;
  --color-info-500: #07e2ff;
  --color-info-600: #00b8d4;
  --color-info-700: #008fa6;
  --color-info-800: #006878;
  --color-info-900: #00434d;
  --color-black: #000;
  --color-white: #fff;
  --color-red: #a5072a;
  --color-green: #378b8a;
  --color-success: #198754;
  --color-danger: #dc3545;
  --color-warning: #ffc107;
  --color-info: #0dcaf0;
  --adl-primary: #002878;
  --adl-primary-light: #ddf1ff;
  --adl-secondary: #b64d00;
  --adl-secondary-light: #ffecdd;
  --adl-main-text: #303030;
  --adl-text-grey: #747480;
  --adl-text-red: #a5072a;
  --adl-bg-red: #a5072a;
  --adl-text-link: #378b8a;
  --adl-bg-light: #e4f0ff;
  --adl-grey-bg-light: #e9ecef;
  --adl-grey-fade-light: #e9ecef50;
  --adl-bg-divider: #ced4da;
  --adl-card-divider: #e3ebf6;
  --adl-danger: #dc3545;
  --adl-success: #198754;
  --adl-warning: #ffdd78;
  --adl-info: #07e2ff;
  --adl-filter-blue: #0000ff;
  --adl-filter-red: #ff0000;
  --adl-filter-green: #008000;
  --adl-filter-pink: #ffc0cb;
  --adl-filter-yellow: #ffe01c;
  --adl-filter-grey: #808080;
  --adl-filter-orange: #ff9600;
  --adl-filter-brown: #964b00;
  --adl-filter-mash: #bdb76b;
  --adl-filter-purple: #9b16ad;
  --adl-filter-turquoise: #40e0d0;
}

@font-face {
  font-family: "body-font";
  font-style: normal;
  font-weight: 300;
  src: url(./font/fe61680-0604de9afe100c421bf2276eab79eeac9cca703a.eot);
  src: url(./font/fe61680-0604de9afe100c421bf2276eab79eeac9cca703a.eot#iefix)
      format("embedded-opentype"),
    url(./font/d11c490-d19b9565f48a7f51dbcc39af74365d11247314eb.woff2)
      format("woff2"),
    url(./font/74955f1-6159350e0bfb87feba5bd381bfabec5a09b3553a.woff)
      format("woff"),
    url(./font/1604933-4de0b0fdc558bce97d8a47a122621dee7c8b3660.ttf)
      format("truetype");
}
@font-face {
  font-family: "body-font";
  font-style: normal;
  font-weight: 400;
  src: url(./font/07e13ce-22fe6a187d5bb7d6a27545c8563722948ff81a6f.eot);
  src: url(./font/07e13ce-22fe6a187d5bb7d6a27545c8563722948ff81a6f.eot#iefix)
      format("embedded-opentype"),
    url(./font/38d4b5f-02e7c834235d35954d91689803afd6a7d5b6c04e.woff2)
      format("woff2"),
    url(./font/d4bb655-0aef7c4aeae9c379aea69ff12cf2631088e7bfa1.woff)
      format("woff"),
    url(./font/a5080d9-9540bdecc363cb886aef9f2c0e60a6bf5bb8882f.ttf)
      format("truetype");
}
@font-face {
  font-family: "body-font";
  font-style: normal;
  font-weight: 500;
  src: url(./font/5a25001-7caffba0a1c3a05e3fc81503a53f2bd2b46a5d7d.eot);
  src: url(./font/5a25001-7caffba0a1c3a05e3fc81503a53f2bd2b46a5d7d.eot#iefix)
      format("embedded-opentype"),
    url(./font/8451859-e95d644039b43545e77abfee6e2336bbb30f2326.woff2)
      format("woff2"),
    url(./font/32cc237-4215dd701dad47b987f2d53c3444cf9439221ffa.woff)
      format("woff"),
    url(./font/caa93b1-50ce867da1ef4f8616b8d4dae54f0873d5ea654f.ttf)
      format("truetype");
}
@font-face {
  font-family: "body-font";
  font-style: normal;
  font-weight: 700;
  src: url(./font/cacb945-ee3857cb22c7bd84710122564df145e23e2b0596.eot);
  src: url(./font/cacb945-ee3857cb22c7bd84710122564df145e23e2b0596.eot#iefix)
      format("embedded-opentype"),
    url(./font/924be0f-1bc4b70977459a1f8c936b61dc6cb6f9b7003d04.woff2)
      format("woff2"),
    url(./font/6ed6ddf-6e247fc2249e6d58a4e4752fbf6373089e515931.woff)
      format("woff"),
    url(./font/cf91637-5a6952210ec9eafc403a76e20f67cebca255e782.ttf)
      format("truetype");
}
@font-face {
  font-family: "body-font";
  font-style: normal;
  font-weight: 900;
  src: url(./font/0cbe440-defcbfe5528d68437331ff76a202bd61ae2521c3.eot);
  src: url(./font/0cbe440-defcbfe5528d68437331ff76a202bd61ae2521c3.eot#iefix)
      format("embedded-opentype"),
    url(./font/3d58553-1ec5ff0881b5d53e64df63e5e8d84b26fae81484.woff2)
      format("woff2"),
    url(./font/6e6d05b-d1254c3b1b32451d4019c5f637d0d73fe7767409.woff)
      format("woff"),
    url(./font/879c6f0-ff14ff4700607f2d7f1edf0fab08bc8e8506ae5f.ttf)
      format("truetype");
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  direction: rtl;
}
html,
body {
  font-family: "body-font" !important;
  color: var(--adl-main-text);
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 1.9rem;
}

strong,
b {
  font-weight: 800;
}

p {
  text-align: justify;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

.text-muted {
  margin: 1rem 0;
  font-size: 10pt;
  color: #ccc;
}

#logo {
  height: 50px;
}

.text-primary {
  color: var(--color-primary-900) !important;
}
.text-w-900 {
  font-weight: 900 !important;
}
.text-h5 {
  font-size: 18px !important;
}
.shimmer {
  color: grey;
  display: inline-block;
  mask: linear-gradient(-60deg, #000 30%, #0005, #000 70%) right / 300% 100%;
  background-repeat: no-repeat;
  animation: shimmer 3s infinite;
}

@keyframes shimmer {
  100% {
    -webkit-mask-position: left;
    mask-position: left;
  }
}

div.BgAdliran {
  background-color: var(--adl-bg-light);
  width: 100%;
  height: 300px;
  background-image: url(./bg-cover.jpg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}

div.BgAdliran > div > img {
  width: 200px;
}

div.AdliranIntroContent {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  text-align: center;
  width: fit-content;
  margin-top: -20px;
}

div.AdliranArrowBox {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  border: 2px solid var(--adl-primary);
  outline: 2px solid var(--adl-bg-light);
  border-radius: 50%;
  overflow: hidden;
  background-color: var(--color-white);
}

div.BgAvatar {
  background-color: var(--adl-bg-light);
  width: 100%;
  height: 90px;
  background-image: url(./bg-cover.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

div.AvatarContent {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  text-align: center;
  width: fit-content;
  margin-top: -60px;
}

div.AvatarPicBox {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border: 3px solid var(--adl-primary);
  outline: 3px solid var(--adl-bg-light);
  border-radius: 50%;
  overflow: hidden;
}

div.AvatarPicBox > img,
div.M-AvatarPicBox > img {
  width: 100%;
  height: 100%;
}

div.AdliranIntroContent {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  text-align: center;
  width: fit-content;
  margin-top: -20px;
}
div.AdliranArrowBox {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  border: 2px solid var(--adl-primary);
  outline: 2px solid var(--adl-bg-light);
  border-radius: 50%;
  overflow: hidden;
  background-color: var(--color-white);
}
.svg-primary {
  stroke: var(--color-primary-800);
}
.cursor-pointer {
  cursor: pointer;
}
.u-mt--5 {
  margin-top: -5px;
}
.text-muted {
  color: var(--color-grey-400) !important;
}
.text-w-500 {
  font-weight: 500;
}
.text-xs {
  font-size: 11px;
}
.ServiceItem.MyDashboardItem {
  background-image: url(dashboard.jpg);
  background-position: right bottom;
  background-size: cover;
}
.ServiceItem {
  display: block;
  text-align: center;
}
.card-box {
  border: 1px solid var(--adl-card-divider);
  border-bottom: 4px solid var(--adl-card-divider);
  box-shadow: 0 3px 15px 0 var(--adl-card-divider);
  border-radius: 7px;
  background-color: #fff;
  transition: 0.5s;
}

.card-box:hover {
  border-bottom: 4px solid var(--adl-secondary);
  box-shadow: 0 0 15px 0 var(--adl-card-divider),
    0 0 20px 0 var(--adl-card-divider);
}

.h-100 {
  height: 100% !important;
}

.ServiceItem.MyDashboardItem:hover {
  border-bottom: 4px solid var(--color-primary-900);
  box-shadow: 0 0 15px 0 var(--adl-card-divider),
    0 0 20px 0 var(--adl-card-divider);
}

.ImportantServiceItem {
  display: block;
  text-align: center;
}

.ServiceSVGbox {
  background-color: var(--adl-bg-light);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
}

.ServiceSVGbox > svg {
  stroke: var(--adl-primary);
  width: 36px;
  height: 36px;
}

.ServiceSVGbox > img {
  width: 36px;
  height: 36px;
}

.ImportantServiceSVGbox {
  background-color: var(--color-secondary-100);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
}

.ImportantServiceSVGbox > svg {
  stroke: var(--color-secondary-900);
  width: 20px;
  height: 20px;
}

.ImportantServiceSVGbox > img {
  width: 20px;
  height: 20px;
}
.text-primary {
  color: var(--color-primary-900) !important;
}
.bg-secondary-400 {
  background-color: var(--color-secondary-400);
}
.text-w-500 {
  font-weight: 500;
}
.text-h3 {
  font-size: 22px;
}
.text-primary {
  color: var(--adl-primary) !important;
}
.text-h3 {
  font-size: 22px;
}
.line-height-22 {
  line-height: 22px;
}
.text-h6 {
  font-size: 16px;
}
.hidden {
  display: none !important;
}
a {
  text-decoration: none;
}