@charset "UTF-8";
@font-face {
  font-family: "bukraregular";
  src: url("/assets/fonts/bukra/bukraregular.woff2") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*  English Variables direction.
================================ */
/* Color system
================================ */
/* theme color generator
================================ */
/* Bootstrap variable apply 
================================ */
/* Main 
================================ */
/* ==========================================================================
   Normalize.scss settings
   ========================================================================== */
/**
 * Includes legacy browser support IE6/7
 *
 * Set to false if you want to drop support for IE6 and IE7
 */
/* Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *  `em` units.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active, a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */


/**
 * Address styling not present in Safari and Chrome.
 */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}


/* Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */


/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *  Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 * 4. Improves appearance and consistency in all browsers.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

.d-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*    background: $overlay;*/
  z-index: 1;
}

.card-service .card-body .card-text, .card-service .card-title, .card-service .card-subtitle, .dialog-cards_holder .popup-card_label, .workspace-documents_wrapper .document-name, .workspace-documents_wrapper .header__center, .document-wallet-modal .doc-wallet_filename, .service-card-cont .service-card .service-title, .clamp, .notifications-wrapper .nots-group .nots-list .not-item a {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #1473db;
  --secondary: #74CB00;
  --success: #4ad991;
  --info: #2F479A;
  --warning: #FFBB00;
  --danger: #ff6565;
  --light: #f8f9fa;
  --dark: #181C25;
  --primary-gray: #efefef;
  --secondary-gray: #fbfbfb;
  --main-border-cl: rgba(112, 112, 112, 0.3);
  --overlay: rgba(35, 35, 35, 0.7);
  --primary-font: #181C25;
  --secondary-font: #1E2337;
  --white: #fff;
  --black: #000;
  --layouts-color: #1473db;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1366px;
  --breakpoint-xxl: 1640px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: "bukraregular";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #181C25;
  text-align: left;
  background-color: #efefef;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2.5px;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

a {
  color: #1473db;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #0e4e95;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}




img {
  vertical-align: middle;
  border-style: none;
  width: 100%;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

label {
  display: inline-block;
  margin-bottom: 10px;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}





[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 2.5px;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #efefef;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  max-width: 100%;
  height: auto;
}


.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  width: 100%;
  padding-inline-end: 15px;
  padding-inline-start: 15px;
  margin-inline-end: auto;
  margin-inline-start: auto;
}
@media (min-width: 768px) {
  .container {
    max-width: 744px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 950px;
  }
}
@media (min-width: 1366px) {
  .container {
    max-width: 1320px;
  }
}
@media (min-width: 1640px) {
  .container {
    max-width: 1626px;
  }
}

.container-fluid {
  width: 100%;
  padding-inline-end: 15px;
  padding-inline-start: 15px;
  margin-inline-end: auto;
  margin-inline-start: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-inline-end: -15px;
  margin-inline-start: -15px;
}

.no-gutters {
  margin-inline-end: 0;
  margin-inline-start: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-inline-end: 0;
  padding-inline-start: 0;
}

.col-xxl,
.col-xxl-auto, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-inline-end: 15px;
  padding-inline-start: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-inline-start: 0;
  }
  .offset-sm-1 {
    margin-inline-start: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-inline-start: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-inline-start: 25%;
  }
  .offset-sm-4 {
    margin-inline-start: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-inline-start: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-inline-start: 50%;
  }
  .offset-sm-7 {
    margin-inline-start: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-inline-start: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-inline-start: 75%;
  }
  .offset-sm-10 {
    margin-inline-start: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-inline-start: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-inline-start: 0;
  }
  .offset-md-1 {
    margin-inline-start: 8.3333333333%;
  }
  .offset-md-2 {
    margin-inline-start: 16.6666666667%;
  }
  .offset-md-3 {
    margin-inline-start: 25%;
  }
  .offset-md-4 {
    margin-inline-start: 33.3333333333%;
  }
  .offset-md-5 {
    margin-inline-start: 41.6666666667%;
  }
  .offset-md-6 {
    margin-inline-start: 50%;
  }
  .offset-md-7 {
    margin-inline-start: 58.3333333333%;
  }
  .offset-md-8 {
    margin-inline-start: 66.6666666667%;
  }
  .offset-md-9 {
    margin-inline-start: 75%;
  }
  .offset-md-10 {
    margin-inline-start: 83.3333333333%;
  }
  .offset-md-11 {
    margin-inline-start: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-inline-start: 0;
  }
  .offset-lg-1 {
    margin-inline-start: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-inline-start: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-inline-start: 25%;
  }
  .offset-lg-4 {
    margin-inline-start: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-inline-start: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-inline-start: 50%;
  }
  .offset-lg-7 {
    margin-inline-start: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-inline-start: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-inline-start: 75%;
  }
  .offset-lg-10 {
    margin-inline-start: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-inline-start: 91.6666666667%;
  }
}
@media (min-width: 1366px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-inline-start: 0;
  }
  .offset-xl-1 {
    margin-inline-start: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-inline-start: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-inline-start: 25%;
  }
  .offset-xl-4 {
    margin-inline-start: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-inline-start: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-inline-start: 50%;
  }
  .offset-xl-7 {
    margin-inline-start: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-inline-start: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-inline-start: 75%;
  }
  .offset-xl-10 {
    margin-inline-start: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-inline-start: 91.6666666667%;
  }
}
@media (min-width: 1640px) {
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xxl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xxl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xxl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xxl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xxl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xxl-first {
    order: -1;
  }
  .order-xxl-last {
    order: 13;
  }
  .order-xxl-0 {
    order: 0;
  }
  .order-xxl-1 {
    order: 1;
  }
  .order-xxl-2 {
    order: 2;
  }
  .order-xxl-3 {
    order: 3;
  }
  .order-xxl-4 {
    order: 4;
  }
  .order-xxl-5 {
    order: 5;
  }
  .order-xxl-6 {
    order: 6;
  }
  .order-xxl-7 {
    order: 7;
  }
  .order-xxl-8 {
    order: 8;
  }
  .order-xxl-9 {
    order: 9;
  }
  .order-xxl-10 {
    order: 10;
  }
  .order-xxl-11 {
    order: 11;
  }
  .order-xxl-12 {
    order: 12;
  }
  .offset-xxl-0 {
    margin-inline-start: 0;
  }
  .offset-xxl-1 {
    margin-inline-start: 8.3333333333%;
  }
  .offset-xxl-2 {
    margin-inline-start: 16.6666666667%;
  }
  .offset-xxl-3 {
    margin-inline-start: 25%;
  }
  .offset-xxl-4 {
    margin-inline-start: 33.3333333333%;
  }
  .offset-xxl-5 {
    margin-inline-start: 41.6666666667%;
  }
  .offset-xxl-6 {
    margin-inline-start: 50%;
  }
  .offset-xxl-7 {
    margin-inline-start: 58.3333333333%;
  }
  .offset-xxl-8 {
    margin-inline-start: 66.6666666667%;
  }
  .offset-xxl-9 {
    margin-inline-start: 75%;
  }
  .offset-xxl-10 {
    margin-inline-start: 83.3333333333%;
  }
  .offset-xxl-11 {
    margin-inline-start: 91.6666666667%;
  }
}


.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 1.5rem + 2px);
  padding: 0.75rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #565960;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(175, 175, 175, 0.8);
  border-radius: 5px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  color: #565960;
  background-color: #fff;
  border-color: #1473db;
  outline: 0;
  box-shadow: none;
}
.form-control::placeholder {
  color: rgba(86, 89, 96, 0.5);
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #EDEDED;
  opacity: 1;
}

select.form-control:focus::-ms-value {
  color: #565960;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}


.form-group {
  margin-bottom: 1.25rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-inline-end: -10px;
  margin-inline-start: -10px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-inline-end: 10px;
  padding-inline-start: 10px;
}
.btn {
  display: inline-block;
  font-weight: 400;
  color: #181C25;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.55rem 1.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 5px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #181C25;
  text-decoration: none;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(20, 115, 219, 0.25);
}
.btn.disabled, .btn:disabled {
  opacity: 0.5;
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #1473db;
  border-color: #1473db;
}
.btn-primary:hover {
  color: #fff;
  background-color: #1161b8;
  border-color: #105aac;
}
.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(55, 136, 224, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #1473db;
  border-color: #1473db;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #105aac;
  border-color: #0f54a1;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(55, 136, 224, 0.5);
}


.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-inline-start: -1px;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: flex;
  align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-inline-start: -1px;
}

.input-group-prepend {
  margin-inline-end: -1px;
}

.input-group-append {
  margin-inline-start: -1px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #565960;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid rgba(175, 175, 175, 0.8);
  border-radius: 5px;
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-inline-end: 2rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate, .p-datatable .p-datatable-tbody > tr > td table-row-select .table-row-select app-select-box p.readonly, .p-datatable .p-datatable-tbody > tr > td table-row-select .table-row-select app-select-box .formio p.form-text, .formio .p-datatable .p-datatable-tbody > tr > td table-row-select .table-row-select app-select-box p.form-text, .user-card .user-card-labels button, .service-details-card .details-header .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1366px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1640px) {
  .text-xxl-left {
    text-align: left !important;
  }
  .text-xxl-right {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-semibold {
  font-weight: 600 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary, .desktop-header .notification-dropdown.header-dropdown-menu .dropdown-menu-item a {
  color: #1473db !important;
}

a.text-primary:hover, .desktop-header .notification-dropdown.header-dropdown-menu .dropdown-menu-item a:hover, a.text-primary:focus, .desktop-header .notification-dropdown.header-dropdown-menu .dropdown-menu-item a:focus {
  color: #0e4e95 !important;
}

.text-secondary {
  color: #74CB00 !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #487f00 !important;
}

.text-success {
  color: #4ad991 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #25b16b !important;
}

.text-info {
  color: #2F479A !important;
}

a.text-info:hover, a.text-info:focus {
  color: #1d2c5f !important;
}

.text-warning {
  color: #FFBB00 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #b38300 !important;
}

.text-danger {
  color: #ff6565 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #ff1919 !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important;
}

.text-dark {
  color: #181C25 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: black !important;
}

.text-primary-gray {
  color: #efefef !important;
}

a.text-primary-gray:hover, a.text-primary-gray:focus {
  color: #c9c9c9 !important;
}

.text-secondary-gray {
  color: #fbfbfb !important;
}

a.text-secondary-gray:hover, a.text-secondary-gray:focus {
  color: #d5d5d5 !important;
}

.text-main-border-cl {
  color: rgba(112, 112, 112, 0.3) !important;
}

a.text-main-border-cl:hover, a.text-main-border-cl:focus {
  color: rgba(74, 74, 74, 0.3) !important;
}

.text-overlay {
  color: rgba(35, 35, 35, 0.7) !important;
}

a.text-overlay:hover, a.text-overlay:focus {
  color: rgba(0, 0, 0, 0.7) !important;
}

.text-primary-font {
  color: #181C25 !important;
}

a.text-primary-font:hover, a.text-primary-font:focus {
  color: black !important;
}

.text-secondary-font {
  color: #1E2337 !important;
}

a.text-secondary-font:hover, a.text-secondary-font:focus {
  color: #030406 !important;
}

.text-white {
  color: #fff !important;
}

a.text-white:hover, a.text-white:focus {
  color: #d9d9d9 !important;
}

.text-black {
  color: #000 !important;
}

a.text-black:hover, a.text-black:focus {
  color: black !important;
}

.text-layouts-color {
  color: #1473db !important;
}

a.text-layouts-color:hover, a.text-layouts-color:focus {
  color: #0e4e95 !important;
}

.text-body {
  color: #181C25 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break, .formio .formio-component-radio .form-radio.radio .form-check {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}
.text-break app-text-box .readonly.truncate, .text-break app-text-box .formio .truncate.form-text, .formio .text-break app-text-box .truncate.form-text, .formio .formio-component-radio .form-radio.radio .form-check app-text-box .readonly.truncate, .formio .formio-component-radio .form-radio.radio .form-check app-text-box .truncate.form-text {
  overflow: unset;
  text-overflow: unset;
  white-space: unset;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}


@font-face {
  font-family: "portalIcons";
  src: url("/assets/fonts/portalIcons.ttf?62psl7") format("truetype"), url("/assets/fonts/portalIcons.woff?62psl7") format("woff"), url("/assets/fonts/portalIcons.svg?62psl7#portalIcons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "portalIcons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
  content: "\e909";
}

.icon-home-full:before {
  content: "\e90b";
}

.icon-notifications:before {
  content: "\e90c";
}

.icon-notifications-full:before {
  content: "\e90d";
}

.icon-user:before {
  content: "\e90e";
}

.icon-user-full:before {
  content: "\e90f";
}

.icon-workspace:before {
  content: "\e910";
}

.icon-workspace-full:before {
  content: "\e911";
}

.icon-facebook:before {
  content: "\e906";
  color: #fff;
}

.icon-twitter:before {
  content: "\e90a";
  color: #fff;
}

.icon-arrow-down:before {
  content: "\e900";
  color: #fff;
}

.icon-arrow-right:before {
  content: "\e901";
  color: #fff;
}

.icon-burger:before {
  content: "\e902";
  color: #fff;
}

.icon-check:before {
  content: "\e903";
}

.icon-close:before {
  content: "\e904";
  color: #fff;
}

.icon-flat-arrow-right:before {
  content: "\e905";
}

.icon-search:before {
  content: "\e907";
  color: #fff;
}

.icon-settings:before {
  content: "\e908";
  color: #fff;
}

.icon-arrow:before {
  content: "\e912";
  color: #afafaf;
}

.icon-filters:before {
  content: "\e913";
  color: #fff;
}

.icon-left-arrow:before {
  content: "\e914";
  color: #fff;
}

/*  default values
================================ */
html {
  font-size: 12px;
}
html.small-font {
  font-size: 10px;
}
html.large-font {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 13px;
  }
  html.small-font {
    font-size: 11px;
  }
  html.large-font {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  html {
    font-size: 14px;
  }
  html.small-font {
    font-size: 12px;
  }
  html.large-font {
    font-size: 16px;
  }
}
@media (min-width: 1366px) {
  html {
    font-size: 15px;
  }
  html.small-font {
    font-size: 13px;
  }
  html.large-font {
    font-size: 17px;
  }
}
@media (min-width: 1450px) {
  html {
    font-size: 16px;
  }
  html.small-font {
    font-size: 14px;
  }
  html.large-font {
    font-size: 18px;
  }
}
@media (min-width: 1640px) {
  html {
    font-size: 20px;
  }
  html.small-font {
    font-size: 18px;
  }
  html.large-font {
    font-size: 22px;
  }
}

* {
  box-sizing: border-box;
}

body {
  direction: ltr;
  text-align: left;
  font-family: "bukraregular";
  min-height: 100vh;
  position: relative;
}

@media (max-width: 991.98px) {
  .container {
    max-width: none !important;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 1620px !important;
    width: 90%;
  }
}
main {
  margin-bottom: 3rem;
}
main > * {
  display: block;
}

ul {
  padding: 0;
  list-style-type: none;
}

img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}



button {
  background-color: transparent;
  border: none;
  padding: 0;
}
@media (max-width: 991.98px) {
  button {
    outline: none !important;
  }
}


/* components 
================================ */
.services-listing {
  margin-top: 3rem;
}
@media (min-width: 768px) {
  .services-listing {
    margin-top: 1.5384615385rem;
  }
}
@media (min-width: 992px) {
  .services-listing {
    margin-top: 1.5rem;
  }
}

@media (max-width: 991.98px) {
  .services-list {
    background-color: transparent !important;
    border: none;
    margin-bottom: 0;
    padding: 0 !important;
  }
  .services-list .services-cards .container {
    padding: 0;
  }
}
.service-card-cont {
  margin-bottom: 20px;
}
.service-card-cont .service-card {
  display: block;
  background-color: #fff;
  overflow: hidden;
}
.service-card-cont .service-card * {
  color: #000;
  text-decoration: none;
}
.service-card-cont .service-card .service-img {
  position: relative;
}
.service-card-cont .service-card .service-img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(126, 126, 126, 0.35);
  z-index: 1;
}
.service-card-cont .service-card .service-body {
  padding: 1.25rem;
}
.service-card-cont .service-card .service-type {
  display: block;
  font-size: 1.1666666667rem;
}
.service-card-cont .service-card .service-title {
  font-size: 1.8333333333rem;
  font-weight: 700;
  line-height: 1.375;
  margin-bottom: 0;
  -webkit-box-orient: vertical;
}



/* Form widget 
================================ */

.check-inputs-wrp {
  height: 3.75rem;
}
@media (min-width: 992px) {
  .check-inputs-wrp {
    height: 2.7rem;
  }
}

.form-check-inline:not(:last-child) {
  margin-inline-end: 20%;
}
.form-row {
  margin-inline-end: -15px;
  margin-inline-start: -15px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-inline-end: 15px;
  padding-inline-start: 15px;
}
.form-group label {
  font-size: 1.1666666667rem;
  margin-bottom: 0.6666666667rem;
}
.form-group label.popover-info,
.form-group label .info-icon {
  color: #565960;
}
.form-group .readonly-label {
  font-size: 1.1666666667rem;
  color: #afafaf;
}
.form-group .readonly, .form-group .formio .form-text, .formio .form-group .form-text {
  font-size: 1.3333333333rem;
}
.form-group.disabled {
  opacity: 1;
}
.form-group.disabled .info-icon {
  display: none;
}
.form-group .hide-input-label label {
  opacity: 0;
}

.form-control {
  height: 3.75rem;
  padding: 0.8333333333rem 1.6666666667rem !important;
  font-size: 0.9rem;
}
.form-control:focus-within:not(.ng-invalid):hover {
  border-color: rgb(47, 71, 154) !important;
}



@media (min-width: 992px) {
  .form-row {
    margin-inline-end: -10px;
    margin-inline-start: -10px;
  }
  .form-row > .col,
  .form-row > [class*=col-] {
    padding-inline-end: 10px;
    padding-inline-start: 10px;
  }
  .form-group label {
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
  }
  .form-group .readonly-label {
    font-size: 0.8rem;
  }
  .form-group .readonly, .form-group .formio .form-text, .formio .form-group .form-text {
    font-size: 1.1rem;
  }
  .form-control {
    height: 2.7rem;
    padding: 0.6rem 1rem !important;
  }
}


.search-control label {
  display: none;
}
.search-control input {
  border-end-end-radius: 0;
  border-start-end-radius: 0;
}
.search-control button {
  padding: 0 1.2rem;
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.search-control button span {
  font-size: 1.2rem;
  vertical-align: middle;
}




/* layout 
================================ */
@media (min-width: 992px) {
  .app-header {
    position: sticky;
    top: 0;
    z-index: 1040;
  }
  .desktop-header {
    position: sticky;
    top: 0;
    background-color: #fff;
    color: #1E2337;
    box-shadow: 0px 5px 10px rgba(204, 204, 204, 0.8);
  }
  .desktop-header .dimmed-header {
    box-shadow: 0px 3px 4px #ccc;
  }
  .desktop-header .header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 5rem;
  }
  .desktop-header .logo {
    display: block;
    height: 2.9rem;
    margin-inline-end: 1.8461538462rem;
  }
  .desktop-header .logo img {
    width: auto;
  }
  .desktop-header .header-content {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 0;
    width: 1%;
    flex-grow: 1;
  }
  .desktop-header .header-item {
    position: relative;
  }
  .desktop-header .header-item:not(:last-child) {
    margin-inline-end: 2.5rem;
  }
  .desktop-header .header-item .icon {
    font-size: 1.5rem;
  }
  .desktop-header .header-item .icon.full {
    display: none;
  }
  .desktop-header .header-item .icon:before {
    color: #1E2337;
  }
  .desktop-header .header-item .dropdown-menu-item.all-link {
    text-align: center;
  }
  .desktop-header .header-item .header-btn {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
    transition: background-color 0.3s ease;
  }
  .desktop-header .header-item .header-btn.active .icon {
    display: none;
  }
  .desktop-header .header-item .header-btn.active .icon.full {
    display: block;
  }
  .desktop-header .header-item.show .dropdown-menu {
    display: block;
  }
  .desktop-header .header-item.show .header-btn,
  .desktop-header .header-item .header-btn:hover {
    outline: none;
    text-decoration: none;
  }
  .desktop-header .header-item.show .header-btn:not(.search-link),
  .desktop-header .header-item .header-btn:hover:not(.search-link) {
    background-color: #1473db;
  }
  .desktop-header .header-item.show .header-btn:not(.search-link) .icon:before,
  .desktop-header .header-item .header-btn:hover:not(.search-link) .icon:before {
    color: #fff;
    transition: color 0.3s ease;
  }
  .desktop-header .header-search {
    height: 2.5rem;
    width: 24rem;
  }
  .desktop-header .header-search.active .search-btn {
    pointer-events: none;
    opacity: 0;
  }
  .desktop-header .header-search.active .general-search-bar {
    opacity: 1;
    pointer-events: auto;
  }
  .desktop-header .header-search .general-search-bar {
    display: flex;
    height: 100%;
    background-color: rgba(239, 239, 239, 0.5);
    border-radius: 5px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
  }
  .desktop-header .header-search .general-search-bar input {
    width: 100%;
    background-color: transparent;
    border: none;
    text-indent: 1.1538461538rem;
    outline: none;
    color: #1E2337;
  }
  .desktop-header .header-search .search-btn {
    position: absolute;
    right: 0;
  }
  .desktop-header .header-search .search-link {
    min-width: 2.5rem;
  }
  .desktop-header .header-search .search-link .icon:before {
    color: #1473db;
  }
  .desktop-header .header-user-control .user-info {
    color: #1E2337 !important;
    display: flex;
    align-items: center;
  }
  .desktop-header .header-user-control .user-info.on-behalf-btn {
    padding: 5px;
    border-radius: 30px;
    border: 1px solid #DBDBDB;
  }
  .desktop-header .header-user-control .user-info.on-behalf-btn.open {
    background-color: #EFEFEF;
  }
  .desktop-header .header-user-control .user-info .lib-icon-down-head-arrow.custom {
    padding: 10px;
    color: #95989A;
    cursor: pointer;
  }
  .desktop-header .header-user-control .user-info .user-pic {
    width: 2.5rem;
    height: 2.5rem;
    margin-inline-end: 0.8461538462rem;
    margin-inline-start: 0.8461538462rem;
    border-radius: 50%;
    overflow: hidden;
    background-image: url(../../../assets/images/default-user-avatar.png);
    background-size: cover;
  }
  .desktop-header .header-user-control .user-info .user-name {
    font-size: 0.8rem;
    max-width: 7.5rem;
  }
  .desktop-header .header-user-control .user-info .arrow-up {
    transition: 0.7s;
    transform: rotate(180deg);
  }
  .desktop-header .header-user-control .user-info .arrow-down {
    transition: 0.7s;
    transform: rotate(0deg);
  }
  .desktop-header .header-user-control .login-btn {
    height: 2.5rem;
    width: 6.5rem;
    font-size: 0.9rem;
    padding: 0;
    display:flex;
    justify-content:center;
    align-items:center;
  }
  .desktop-header .header-dropdown-menu {
    background-color: #fff;
    border: 1px solid rgba(175, 175, 175, 0.2);
    border-radius: 5px;
    right: 0 !important;
    left: auto !important;
    padding: 0;
  }
  .desktop-header .header-dropdown-menu .title {
    color: #afafaf;
    font-size: 0.8rem;
    font-weight: 600;
  }
  .desktop-header .header-dropdown-menu .dropdown-menu-item {
    color: #000;
    font-size: 0.9rem;
    padding: 0;
    text-align: start;
  }
  .desktop-header .header-dropdown-menu .dropdown-menu-item:not(:last-child) {
    border-bottom: 1px solid rgba(175, 175, 175, 0.2);
  }
  .desktop-header .header-dropdown-menu .dropdown-menu-item.header {
    padding-bottom: 0;
    border: none;
  }
  .desktop-header .header-dropdown-menu .dropdown-menu-item a {
    color: #000;
    text-decoration: none;
  }
  .desktop-header .header-dropdown-menu .dropdown-menu-item .highlighted {
    color: #1473db;
  }
  .desktop-header .header-dropdown-menu .options-wrp {
    line-height: 1.8;
  }
  .desktop-header .header-nots .nots-dropdown {
    width: 18.25rem;
    max-width: none;
  }
  .desktop-header .header-nots .all-link a {
    color: #1473db;
  }
  .desktop-header .header-settings .settings-menu {
    width: 11.6rem;
  }
  .desktop-header .header-settings .settings-menu .font-resize .font-option {
    display: inline-block;
    line-height: 1;
    font-weight: 600;
    margin-inline-end: 1rem;
  }
  .desktop-header .header-settings .settings-menu .font-resize .font-option.active {
    color: #1473db;
  }
  .desktop-header .header-settings .settings-menu .font-resize .font-option.large-font button {
    font-size: 1.4rem;
  }
  .desktop-header .header-settings .settings-menu .font-resize .font-option.medium-font button {
    font-size: 1.15rem;
  }
  .desktop-header .header-settings .settings-menu .font-resize .font-option.small-font button {
    font-size: 0.9rem;
  }
  .desktop-header .header-settings .settings-menu .lang-switcher .active {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .desktop-header .header-settings .settings-menu .lang-switcher .active:after {
    content: "\e903";
    font-family: portalIcons;
    color: #1473db;
    font-size: 0.75rem;
  }
  .desktop-header .header-settings .settings-menu .lang-switcher a {
    display: block;
    width: 100%;
  }
  .desktop-header .header-settings .settings-menu .contrast .options-wrp {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.tooltip .tooltip-arrow {
  display: none;
}
.tooltip .tooltip-inner {
  background-color: rgba(86, 89, 96, 0.9) !important;
  font-size: 0.8rem !important;
  line-height: 1.375 !important;
  padding: 0.4rem 1rem !important;
}
.darker-tooltip .tooltip .tooltip-inner {
  background-color: rgba(86, 89, 96, 0.9) !important;
}

.tooltip.darker-tooltip .tooltip-inner {
  background-color: rgba(86, 89, 96, 0.9) !important;
}

@media (min-width: 992px) {
  .app-root {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
  }
  .app-footer {
    margin-top: auto;
  }
  .footer {
    width: 100%;
    background-color: #161a23;
    color: #fff;
    font-size: 0.8rem;
    padding: 0.75rem 0;
  }
  .footer .copyright {
    order: initial;
  }
  .footer .footer-items > li,
  .footer .social-links > li {
    margin-inline-end: 0;
    margin-inline-start: 2rem;
  }
  .footer .footer-items > li a,
  .footer .social-links > li a {
    color: #fff;
  }
}
@media (max-width: 1365.98px) {
  .footer-items li {
    margin-inline-start: 1rem !important;
  }
}
.cookies-popup {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 9999;
  background-color: #161a23;
  color: #fff;
  padding: 1.6666666667rem 0;
}
.cookies-popup.hide {
  display: none;
}
.cookies-popup .title {
  font-size: 1.6666666667rem;
}
.cookies-popup .brief {
  font-size: 1.1666666667rem;
  font-size: 14px;
}
@media (min-width: 992px) {
  .cookies-popup {
    padding: 1.5rem 0;
  }
  .cookies-popup .cookies-popup-wrp {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .cookies-popup .title {
    font-size: 1.35rem;
  }
  .cookies-popup .brief {
    margin-bottom: 0;
  }
}

@media (max-width: 991.98px) {
  .top-mobile-ribbon {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #1473db;
    z-index: 1040;
    margin-bottom: 2.0833333333rem;
  }
  .top-mobile-ribbon.fixed {
    position: fixed;
    left: 0;
    right: 0;
  }
  .top-mobile-ribbon .ribbon-wrp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4.1666666667rem;
  }
  .top-mobile-ribbon .ribbon-wrp .ribbon-option.search .search-btn {
    padding: 10px 0;
  }
  .top-mobile-ribbon .navigation-wrp {
    color: #fff;
    display: flex;
    align-items: center;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .top-mobile-ribbon .page-title {
    margin-bottom: 0;
    font-size: 1.8333333333rem;
    line-height: 1.37;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .top-mobile-ribbon .counter {
    height: 3rem;
    min-width: 3rem;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 1.5rem;
    text-align: center;
    color: #1473db;
    line-height: 3rem;
    font-size: 1.5rem;
    padding: 0 1rem;
    margin-inline-end: 0.75rem;
  }
  .top-mobile-ribbon .back-link {
    margin-inline-end: 1.6666666667rem;
    outline: none !important;
  }
  .top-mobile-ribbon .back-link span {
    font-size: 1.5rem;
    line-height: 1.37;
    display: inline-block;
  }
  .top-mobile-ribbon .back-link span:before {
    color: #fff;
  }
  [lang=ar] .top-mobile-ribbon .back-link span {
    transform: scaleX(-1);
  }
  .top-mobile-ribbon .ribbon-options {
    display: flex;
    align-items: center;
  }
  .top-mobile-ribbon .ribbon-option {
    margin-inline-start: 2.0833333333rem;
  }
  .top-mobile-ribbon .ribbon-option > button {
    outline: none !important;
  }
  .top-mobile-ribbon .ribbon-option > button > span:before {
    color: #fff;
    font-size: 1.6666666667rem;
  }
  .top-mobile-ribbon .ribbon-option > button > .icon-search:before {
    font-size: 1.5rem !important;
  }
  .top-mobile-ribbon .search-btn.open span:before {
    content: "\e904";
    font-size: 1.25rem;
  }
  .top-mobile-ribbon .action-wrp {
    position: relative;
  }
  .top-mobile-ribbon .action-btn {
    color: #fff;
    font-size: 1.3333333333rem;
    font-weight: 600;
    margin-inline-start: 1.9166666667rem;
    text-decoration: none !important;
    outline: none;
  }
  .top-mobile-ribbon .action-btn span {
    font-size: 1.9166666667rem;
  }
  .top-mobile-ribbon .action-btn span:before {
    color: #fff;
  }
  .top-mobile-ribbon .action-btn.external-link span {
    font-size: 1.25rem;
  }
  .top-mobile-ribbon .action-btn.external-link span:before {
    color: inherit;
  }
  .col-lg-9 .top-mobile-ribbon {
    margin-inline-start: -15px;
    margin-inline-end: -15px;
  }
}
@media (max-width: 991.98px) {
  
  .full-size-slide .apply-btn:hover {
    background-color: #26397d;
  }
  .search-mini-slide {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #1473db;
    padding: 0.8333333333rem 15px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
  }
  .search-mini-slide.active {
    opacity: 1;
    pointer-events: auto;
  }
  .search-mini-slide label {
    display: none;
  }
  .search-mini-slide .text-box, .search-mini-slide input {
    background-color: rgba(69, 85, 184, 0.5) !important;
    color: #fff !important;
    border: none;
    padding-inline-end: 3.5rem !important;
    caret-color: #fff !important;
  }
  .search-mini-slide .text-box::-webkit-input-placeholder, .search-mini-slide input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
  }
  .search-mini-slide .text-box input, .search-mini-slide input input {
    background-color: transparent !important;
  }
  .search-mini-slide button {
    background-color: rgba(69, 85, 184, 0.5) !important;
    position: absolute;
    top: 0;
    right: 0;
    background: transparent;
    padding: 0.8333333333rem;
    height: 100%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .search-mini-slide button span {
    display: block;
  }
  .search-mini-slide button span:before {
    color: #fff;
    font-size: 1.8333333333rem;
  }
}
@media (min-width: 768px) {
  .top-mobile-ribbon .ribbon-wrp {
    height: 5.7692307692rem;
  }
}
@media (min-width: 992px) {
  .top-mobile-ribbon {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .nav-item.language span {
    display: none;
  }
  .nav-item.language .options-wrp {
    font-size: 16px;
  }
}
body {
  padding-bottom: 5.8333333333rem;
}
@media (min-width: 992px) {
  body {
    padding-bottom: 0;
  }
}

@media (max-width: 991.98px) {
  .app-header {
    position: fixed;
    bottom: 0;
    width: 100vw;
    z-index: 1040;
  }
  .bottom-mobile-bar {
    position: fixed;
    bottom: 0;
    width: 100vw;
    background-color: #1473db;
    color: #fff;
    z-index: 1040;
  }
  .bottom-mobile-bar .nav-wrp {
    height: 5.8333333333rem;
    display: flex;
    justify-content: space-evenly;
    align-items: stretch;
    flex-wrap: nowrap;
    margin-bottom: 0;
    font-size: 2rem;
  }
  .bottom-mobile-bar .nav-item {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .bottom-mobile-bar .nav-item a {
    display: flex;
    text-decoration: none !important;
  }
  .bottom-mobile-bar .nav-item .icon {
    transition: all 0.3s ease;
  }
  .bottom-mobile-bar .nav-item .icon:before {
    color: #fff;
  }
  .bottom-mobile-bar .nav-item .icon.full {
    display: none;
  }
  .bottom-mobile-bar .nav-item .active {
    opacity: 1;
  }
  .bottom-mobile-bar .nav-item .active .icon {
    display: none;
  }
  .bottom-mobile-bar .nav-item .active .icon.full {
    display: inline-block;
  }
}
.page-header {
  display: none;
}

@media (min-width: 992px) {
  .page-header {
    display: block;
    margin: 1.6rem 0 1.25rem;
  }
  .page-header .breadcrumb-wrp {
    margin-bottom: 0;
    display: flex;
    align-items: center;
  }
  .page-header .breadcrumb-item {
    font-size: 0.9rem;
    display: flex;
    align-items: center;
  }
  .page-header .breadcrumb-item + .breadcrumb-item {
    padding-inline-start: 1rem;
    padding-inline-end: 0;
  }
  .page-header .breadcrumb-item + .breadcrumb-item:before {
    content: "\e912";
    font-family: "portalIcons";
    color: #afafaf;
    font-size: 0.65rem;
    padding-inline-end: 1rem;
    padding-inline-start: 0;
  }
  .page-header .breadcrumb-item a {
    color: #1473db;
    text-decoration: none;
    white-space: nowrap;
  }
  .page-header .breadcrumb-item:last-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .page-header .breadcrumb-item:last-child a {
    color: #afafaf;
    pointer-events: none;
    text-overflow: ellipsis;
    overflow: hidden;
    text-decoration: none !important;
  }
  .page-header .page-title {
    font-size: 3rem;
    font-weight: 600;
    line-height: 1.37;
    margin-bottom: 0;
  }
  .page-header .page-title .icon {
    font-size: 1.7rem;
    vertical-align: middle;
  }
  .page-header .page-title .p-dropdown {
    width: 9rem;
  }
  .page-header .page-title.default-lang .p-dropdown {
    width: 12.5rem;
  }
  .page-header .admin-action-btn span {
    margin-inline-end: 0.75rem;
  }
  .page-title-wrapper .lib-icon-edit {
    margin-inline-start: 0.75rem;
  }
  .page-title-wrapper.w-inspection-title {
    width: calc(100% - 21rem - 20px);
  }
}
.loader-container {
  position: relative;
}
.loader-container .loader-container-item {
  position: absolute;
  z-index: 1;
  opacity: 0.5;
  background-color: white;
}

.overlay {
  position: fixed;
  top: 5rem;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s linear;
  transform: scale(0.2);
  overflow: auto;
}
.overlay.is-open {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.overlay .overlay-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  overflow-y: auto;
}

.font-weight-semibold {
  font-weight: 600;
}




/* components 
================================ */
.page-title {
  font-size: 1.8333333333rem;
  font-weight: 400;
}


.sub-title {
  font-size: 1.4166666667rem;
}

@media (min-width: 992px) {
  .page-title {
    font-size: 3rem;
  }

  .sub-title {
    font-size: 1.35rem;
  }
  .content-text {
    font-size: 0.7rem;
  }
}
.font-27 {
  font-size: 27px;
}

.font-semi-bold {
  font-weight: 600;
}

.text-danger {
  color: #F03738 !important;
}

.primary-btn, .banner-section .banner-cta, .cookies-popup .popup-button {
  font-size: 1.1666666667rem;
  padding: 0.8333333333rem 2.0833333333rem;
}

.link-btn {
  font-size: 1.3333333333rem;
  color: #1473db;
}
.link-btn .icon-flat-arrow-right {
  font-size: 1.6666666667rem;
  color: #1473db;
  display: inline-block;
  vertical-align: middle;
  transition: transform 0.4s ease;
}
[lang=ar] .link-btn .icon-flat-arrow-right {
  transform: scaleX(-1);
}
.link-btn:hover .icon-flat-arrow-right {
  transform: scaleX(1.2);
}
.link-btn:hover .arrow-left {
  transform: scale(-1.4);
}

.btn-icon {
  border-bottom-left-radius: initial;
  border-top-right-radius: initial;
  padding: 0.8333333333rem;
}

process-step-details .back-btn span {
  line-height: 1.5rem;
}

@media (min-width: 992px) {
  .primary-btn, .banner-section .banner-cta, .cookies-popup .popup-button {
    font-size: 1rem;
    padding: 0.65rem 1.75rem;
  }
  .link-btn {
    font-size: 1rem;
  }
  .link-btn .icon-flat-arrow-right {
    font-size: 1.25rem;
  }
  .btn-icon {
    padding: 0.65rem;
  }
}
.banner-section {
  background-image: linear-gradient(to top, rgba(22, 26, 35, 0.2), rgba(22, 26, 35, 0.2)), url(../../../assets/images/banner-bg.jpg);
  background-size: cover;
  background-position: center;
  border-bottom-right-radius: 5.5rem;
  border-bottom-left-radius: 5.5rem;
  text-align: center;
  color: #fff;
  padding: 5.3333333333rem 0 11.4166666667rem;
  position: relative;
  overflow: hidden;
}
.banner-section:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-image: linear-gradient(to top, rgba(20, 115, 219, 0.6) 50%, transparent);
}
.banner-section .banner-search-icon {
  position: absolute;
  top: 25px;
  right: 25px;
  font-size: 2rem;
  color: #fff;
}
.banner-section .banner-section-wrp {
  max-width: 90%;
  margin: 0 auto;
  position: relative;
}
.banner-section .banner-logo {
  display: block;
  width: 10.5rem;
  margin: 0 auto 3.0833333333rem;
}
.banner-section .banner-title {
  font-size: 1.8333333333rem;
  line-height: 1.38;
  font-weight: 600;
  margin-bottom: 1.4166666667rem;
}
.banner-section .banner-brief {
  font-size: 1.3333333333rem;
  line-height: 1.37;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .banner-section {
    padding: 6.5384615385rem 0;
  }
  .banner-section .banner-section-wrp {
    max-width: 75%;
  }
  .banner-section .banner-logo {
    width: 10.2307692308rem;
    margin: 0 auto 1.1538461538rem;
  }
  .banner-section .banner-title {
    font-size: 2.8461538462rem;
    margin-bottom: 0.5384615385rem;
  }
  .banner-section .banner-brief {
    font-size: 2.0769230769rem;
    margin-bottom: 1.1538461538rem;
  }
}
@media (min-width: 992px) {
  .banner-section {
    background-image: linear-gradient(to top, rgba(22, 26, 35, 0.2), rgba(22, 26, 35, 0.2)), url(../../../assets/images/banner-bg-desktop.jpg);
    border-radius: 0;
    padding: 6.9rem 0 9.1rem;
  }
  .banner-section:before {
    background-image: linear-gradient(to top, rgba(20, 115, 219, 0.6), transparent);
  }
  .banner-section .banner-section-wrp {
    max-width: 52%;
  }
  .banner-section .banner-title {
    font-size: 3rem;
    margin-bottom: 0.85rem;
  }
  .banner-section .banner-brief {
    font-size: 1.6rem;
    margin-bottom: 1.75rem;
  }
}

.general-search-bar {
  display: flex;
  background-color: rgba(239, 239, 239, 0.5);
  border-radius: 5px;
  overflow: hidden;
}
.general-search-bar input {
  width: 100%;
  background-color: transparent;
  border: none;
  text-indent: 15px;
  outline: none;
  color: #fff;
}
.general-search-bar input::-webkit-input-placeholder {
  color: #000;
  font-size: 16px;
}
.general-search-bar input:-moz-placeholder {
  color: #000;
  font-size: 16px;
}
.general-search-bar input::-ms-input-placeholder {
  color: #000;
  font-size: 16px;
}
.general-search-bar input::placeholder {
  color: #000;
  font-size: 16px;
}
.general-search-bar .search-link {
  display: flex;
  justify-content: center;
  align-items: center;
}
.general-search-bar .search-link .icon:before {
  color: #1473db;
}

@media (max-width: 991.98px) {
  .mobile-search {
    position: fixed;
    background-color: #fff;
    top: 0;
    bottom: 0;
    width: 100vw;
    padding: 2.0833333333rem 2.0833333333rem 5.8333333333rem;
  }
  .mobile-search .close-btn {
    margin-bottom: 2.0833333333rem;
    font-size: 1.25rem;
    color: #000;
  }
  .mobile-search .general-search-bar {
    height: 4.5833333333rem;
  }
  .mobile-search .general-search-bar .search-link {
    min-width: 4.5833333333rem;
  }
  .mobile-search .general-search-bar .search-link span {
    font-size: 2rem;
  }
  .mobile-search .search-content {
    height: 80%;
    overflow: auto;
    position: relative;
  }
  .mobile-search .placeholder {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.3333333333rem;
    color: rgba(0, 0, 0, 0.7);
    text-align: center;
  }
  .mobile-search .placeholder .icon {
    font-size: 9rem;
  }
  .mobile-search .placeholder .icon:before {
    color: rgba(0, 0, 0, 0.2);
  }
}
.notifications-wrapper {
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 5px;
  overflow: visible;
}
.notifications-wrapper .title {
  font-size: 1.4166666667rem;
  color: #afafaf;
  border-bottom: 1px solid rgba(112, 112, 112, 0.2);
  margin-bottom: 0;
  background-color: white;
  padding: 15px;
}
.notifications-wrapper .nots-group .nots-list {
  margin-bottom: 0;
}
.notifications-wrapper .nots-group .nots-list .not-item {
  background-color: #fff;
  font-size: 1rem;
  border-bottom: 1px solid rgba(112, 112, 112, 0.2);
  padding: 5px 15px;
}
.notifications-wrapper .nots-group .nots-list .not-item .close {
  float: right;
}
.notifications-wrapper .nots-group .nots-list .not-item a {
  color: #000;
}
.notifications-wrapper .nots-group .nots-list .not-item .notification-date {
  text-align: left;
  color: #999999;
  font-size: 0.8333333333rem;
  font-weight: 600;
}
.notifications-wrapper .nots-group .nots-list .not-item .notification-item {
  font-size: 1rem;
}
.notifications-wrapper .nots-group .nots-list .not-item .notification-action-icon.lib-icon-close {
  font-size: 0.75rem;
}
.notifications-wrapper .nots-group .nots-list .not-item .notification-action-status {
  font-size: 1rem;
}
.notifications-wrapper .nots-group.recent .not-item {
  background-color: rgba(20, 115, 219, 0.1);
}
.notifications-wrapper .nots-group .notify-item-loader {
  height: 10rem;
  position: relative;
}
.notifications-wrapper .nots-group .notify-item-loader .notify-loader {
  position: absolute;
  bottom: 0;
  background-color: transparent;
}

@media (max-width: 991.98px) {
  .actions-dropdown {
    background-color: #fff;
    position: absolute;
    top: 100%;
    right: 0 !important;
    left: auto !important;
  }
  .actions-dropdown > * {
    display: block;
    width: 100%;
    text-align: initial;
    padding: 0.8333333333rem 1.6666666667rem;
    font-size: 1.3333333333rem;
    white-space: nowrap;
  }
  .actions-dropdown > *:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }
}
.scrolling-tabs.withoutNav .swiper-button-next,
.scrolling-tabs.withoutNav .swiper-button-prev {
  position: absolute;
  margin: auto;
  bottom: 0;
  top: 50%;
  text-align: center !important;
  background: #fff;
  z-index: 1;
  margin-inline: 1.25rem;
}

.nav-menu.zindex-10000 {
  z-index: 10000;
}

@media (min-width: 992px) {
  html[dir=rtl] .scrolling-tabs .swiper-slide:first-child {
    padding-inline-start: 2rem;
    padding-inline-end: 0;
  }
  html[dir=rtl] .scrolling-tabs .swiper-slide:last-child {
    padding-inline-start: 0;
    padding-inline-end: 2rem;
  }
}

html[dir=rtl] .scrolling-tabs .swiper-button-prev:after {
  transform: rotate(0deg) !important;
}

html[dir=rtl] .scrolling-tabs .swiper-button-next:after {
  transform: rotate(180deg) !important;
}

html[dir=rtl] .progressbar-container .lib-icon-flagNotify {
  transform: scaleX(-1);
}

/* common 
================================ */
/* Pages 
================================ */
.profile-header {
  font-size: 1.8333333333rem;
  padding-top: 0.8333333333rem;
  padding-top: 0.8333333333rem;
  background-color: #000;
  color: #fff;
}

.profile-menu {
  background-color: #fff;
  margin-bottom: 2.0833333333rem;
  position: relative;
}
.profile-menu li {
  position: relative;
  padding-inline-start: 15px;
  padding-inline-end: 15px;
}
.profile-menu li:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: rgba(112, 112, 112, 0.1);
  bottom: 0;
  left: 0%;
  position: absolute;
}
.profile-menu li:last-child:after {
  content: none;
}
.profile-menu li.disabled .profile-menu-link, .profile-menu li.disabled .profile-menu-link [class^=lib-icon-]:before, .profile-menu li.disabled .profile-menu-link [class*=" lib-icon-"]:before {
  color: #6c757d !important;
  pointer-events: none;
  cursor: default;
}
.profile-menu.nav-tabs li.nav-item {
  flex-grow: 1;
  padding-inline-start: 0;
  padding-inline-end: 0;
}
.profile-menu.nav-tabs li.nav-item > a.nav-link {
  border-radius: 0;
  border: 0;
  padding-inline-start: 15px;
  padding-inline-end: 15px;
}
.profile-menu .details-body-btn {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
.profile-menu .details-body-btn .lib-icon-details-button {
  font-size: 20rem;
}

.profile-menu-link {
  padding: 1.25rem 0;
  display: flex;
  align-items: center;
  font-size: 1.3333333333rem;
  color: #181C25;
  text-transform: capitalize;
}
.profile-menu-link [class*=lib-icon-] {
  display: inline-block;
  font-size: 2rem;
  padding-inline-end: 3.1666666667rem;
  width: 2rem;
}
.profile-menu-link [class*=lib-icon-]:before {
  color: #1473db;
}
.profile-menu-link [class*=lib-icon-].lib-icon-two-users {
  font-size: 1.4166666667rem;
}
.profile-menu-link [class*=lib-icon-].lib-icon-twitter {
  font-size: 1.6666666667rem;
}
.profile-menu-link .user-status:before {
  color: inherit;
}
.profile-menu-link:hover {
  text-decoration: none;
}

.profile-menu__holder {
  overflow: hidden;
}

.nopadding {
  padding: 0;
  margin: 0;
}

.active-menu-name {
  display: none;
}

@media (min-width: 992px) {
  .profile-menu {
    margin-bottom: 0;
  }
  .profile-menu li {
    padding: 0 1.4rem;
  }
  .profile-header {
    background-color: transparent;
    color: #000;
    font-size: 3rem;
    padding: 0;
    margin-bottom: 1.25rem;
  }
  .active-menu-name {
    display: block;
    font-size: 1.35rem;
    padding: 0.9rem 1.5rem;
    margin-bottom: 0;
  }
  .active-menu-name .title {
    font-size: inherit;
    line-height: 1.4;
  }
  .profile-menu {
    background-color: transparent;
    position: relative;
    padding: 0.75rem 0;
  }
  .profile-menu:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0%;
    height: 1px;
    background-color: rgba(112, 112, 112, 0.2);
  }
  .profile-menu li:after {
    content: none;
  }
  .profile-menu:last-child:after {
    content: none;
  }
  .profile-menu__holder {
    background-color: #fff;
  }
  .profile-menu-link {
    font-size: 1rem;
    padding: 0.6rem 0;
    color: #1473db !important;
    display: flex;
    align-items: center;
  }
  .profile-menu-link [class*=lib-icon-] {
    font-size: 1.25rem;
    padding-inline-end: 2rem;
    width: 1.3rem;
  }
  .profile-menu-link [class*=lib-icon-].lib-icon-two-users {
    font-size: 1rem;
  }
  .profile-active-link,
  .profile-menu li:not(.disabled):hover,
  .profile-menu.nav-tabs .nav-item:not(.disabled) .profile-menu-link.active {
    background-color: rgba(20, 115, 219, 0.05);
    cursor: pointer;
  }
  .profile-active-link:before,
  .profile-menu li:not(.disabled):hover:before,
  .profile-menu.nav-tabs .nav-item:not(.disabled) .profile-menu-link.active:before {
    content: "";
    width: 0.25rem;
    height: 100%;
    position: absolute;
    top: 0;
    width: 0.25rem;
    background-color: #1473db;
    left: 0;
  }
  .profile-active-link .profile-menu-link,
  .profile-menu li:not(.disabled):hover .profile-menu-link,
  .profile-menu.nav-tabs .nav-item:not(.disabled) .profile-menu-link.active .profile-menu-link {
    color: #1473db;
  }
}
.profile-banner-header .profile-img-holder .image-container {
  flex-direction: column;
  margin-bottom: 0.8rem;
}
.profile-banner-header .profile-img-holder .image-container .image-uploader .circle-image-container .image-loaded {
  width: 5.4166666667rem;
  height: 5.4166666667rem;
  margin-bottom: 0.8rem;
}
.profile-banner-header .profile-img-holder .image-container .image-uploader .circle-image-container span.lib-icon-edit {
  display: block;
}
.profile-banner-header .profile-img-holder .image-container .upload-action .as-link {
  display: none;
}
.profile-banner-header .profile-img-holder .image-container .upload-action .remove-uploaded {
  display: block;
}
@media (min-width: 768px) {
  .profile-banner-header .profile-img-holder .image-container {
    align-items: start;
    margin-bottom: 0;
  }
  .profile-banner-header .profile-img-holder .image-container .upload-action {
    margin-inline-start: 0;
    align-items: start;
  }
}
@media (min-width: 992px) {
  .profile-banner-header .profile-img-holder .image-container .image-uploader .circle-image-container .image-loaded {
    width: 7.5rem;
    height: 7.5rem;
  }
}
/*!
 * Bootstrap  v5.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
  --bs-blue: #007bff;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #e83e8c;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #28a745;
  --bs-teal: #20c997;
  --bs-cyan: #17a2b8;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #1473db;
  --bs-secondary: #74CB00;
  --bs-success: #4ad991;
  --bs-info: #2F479A;
  --bs-warning: #FFBB00;
  --bs-danger: #ff6565;
  --bs-light: #f8f9fa;
  --bs-dark: #181C25;
  --bs-primary-gray: #efefef;
  --bs-secondary-gray: #fbfbfb;
  --bs-main-border-cl: rgba(112, 112, 112, 0.3);
  --bs-overlay: rgba(35, 35, 35, 0.7);
  --bs-primary-font: #181C25;
  --bs-secondary-font: #1E2337;
  --bs-white: #fff;
  --bs-black: #000;
  --bs-layouts-color: #1473db;
  --bs-primary-rgb: 20, 115, 219;
  --bs-secondary-rgb: 116, 203, 0;
  --bs-success-rgb: 74, 217, 145;
  --bs-info-rgb: 47, 71, 154;
  --bs-warning-rgb: 255, 187, 0;
  --bs-danger-rgb: 255, 101, 101;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 24, 28, 37;
  --bs-primary-gray-rgb: 239, 239, 239;
  --bs-secondary-gray-rgb: 251, 251, 251;
  --bs-main-border-cl-rgb: 112, 112, 112;
  --bs-overlay-rgb: 35, 35, 35;
  --bs-primary-font-rgb: 24, 28, 37;
  --bs-secondary-font-rgb: 30, 35, 55;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-layouts-color-rgb: 20, 115, 219;
  --bs-primary-text-emphasis: #082e58;
  --bs-secondary-text-emphasis: #2e5100;
  --bs-success-text-emphasis: #1e573a;
  --bs-info-text-emphasis: #131c3e;
  --bs-warning-text-emphasis: #664b00;
  --bs-danger-text-emphasis: #662828;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #d0e3f8;
  --bs-secondary-bg-subtle: #e3f5cc;
  --bs-success-bg-subtle: #dbf7e9;
  --bs-info-bg-subtle: #d5daeb;
  --bs-warning-bg-subtle: #fff1cc;
  --bs-danger-bg-subtle: #ffe0e0;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #a1c7f1;
  --bs-secondary-border-subtle: #c7ea99;
  --bs-success-border-subtle: #b7f0d3;
  --bs-info-border-subtle: #acb5d7;
  --bs-warning-border-subtle: #ffe499;
  --bs-danger-border-subtle: #ffc1c1;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: "bukraregular";
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #181C25;
  --bs-body-color-rgb: 24, 28, 37;
  --bs-body-bg: #efefef;
  --bs-body-bg-rgb: 239, 239, 239;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(24, 28, 37, 0.75);
  --bs-secondary-color-rgb: 24, 28, 37;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(24, 28, 37, 0.5);
  --bs-tertiary-color-rgb: 24, 28, 37;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #1473db;
  --bs-link-color-rgb: 20, 115, 219;
  --bs-link-decoration: none;
  --bs-link-hover-color: #0e4e95;
  --bs-link-hover-color-rgb: 14, 78, 149;
  --bs-link-hover-decoration: underline;
  --bs-code-color: #e83e8c;
  --bs-highlight-bg: #fcf8e3;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: rgba(0, 0, 0, 0.2);
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 5px;
  --bs-border-radius-sm: 0.2rem;
  --bs-border-radius-lg: 0.3rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(20, 115, 219, 0.25);
  --bs-form-valid-color: #4ad991;
  --bs-form-valid-border-color: #4ad991;
  --bs-form-invalid-color: #ff6565;
  --bs-form-invalid-border-color: #ff6565;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #72abe9;
  --bs-secondary-text-emphasis: #ace066;
  --bs-success-text-emphasis: #92e8bd;
  --bs-info-text-emphasis: #8291c2;
  --bs-warning-text-emphasis: #ffd666;
  --bs-danger-text-emphasis: #ffa3a3;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #04172c;
  --bs-secondary-bg-subtle: #172900;
  --bs-success-bg-subtle: #0f2b1d;
  --bs-info-bg-subtle: #090e1f;
  --bs-warning-bg-subtle: #332500;
  --bs-danger-bg-subtle: #331414;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #0c4583;
  --bs-secondary-border-subtle: #467a00;
  --bs-success-border-subtle: #2c8257;
  --bs-info-border-subtle: #1c2b5c;
  --bs-warning-border-subtle: #997000;
  --bs-danger-border-subtle: #993d3d;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #72abe9;
  --bs-link-hover-color: #8ebced;
  --bs-link-color-rgb: 114, 171, 233;
  --bs-link-hover-color-rgb: 142, 188, 237;
  --bs-code-color: #f18bba;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #7eca8f;
  --bs-form-valid-border-color: #7eca8f;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
}


.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.75rem + 1px);
  padding-bottom: calc(0.75rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 80%;
  color: var(--bs-secondary-color);
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #565960;
  appearance: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(175, 175, 175, 0.8);
  border-radius: 5px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: #565960;
  background-color: #fff;
  border-color: #1473db;
  outline: 0;
  box-shadow: none;
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::placeholder {
  color: rgba(86, 89, 96, 0.5);
  opacity: 1;
}
.form-control:disabled {
  background-color: #fdfdfd;
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.75rem 1rem;
  margin: -0.75rem -1rem;
  margin-inline-end: 1rem;
  color: #565960;
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.75rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #181C25;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-inline-end: 0;
  padding-inline-start: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 1.5rem + 2px);
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + 1.5rem + 2px);
  padding: 0.75rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: 5px;
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: 5px;
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
}

.form-select {
  --bs-form-select-bg-img: url(data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2219%22%20viewBox%3D%220%200%2018%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M17.0303%2011.9698C16.8896%2011.8291%2016.6989%2011.7502%2016.5%2011.7502C16.3011%2011.7502%2016.1104%2011.8291%2015.9697%2011.9698L13.5%2014.4395V2.75C13.5%202.55109%2013.421%202.36032%2013.2803%202.21967C13.1397%202.07902%2012.9489%202%2012.75%202C12.5511%202%2012.3603%202.07902%2012.2197%202.21967C12.079%202.36032%2012%202.55109%2012%202.75V14.4395L9.53025%2011.9698C9.3888%2011.8331%209.19935%2011.7575%209.0027%2011.7592C8.80605%2011.761%208.61794%2011.8398%208.47889%2011.9789C8.33983%2012.1179%208.26095%2012.3061%208.25924%2012.5027C8.25754%2012.6993%208.33313%2012.8888%208.46975%2013.0303L12.2197%2016.7803C12.2894%2016.8501%2012.3722%2016.9055%2012.4633%2016.9433C12.5544%2016.9811%2012.6521%2017.0006%2012.7507%2017.0006C12.8494%2017.0006%2012.9471%2016.9811%2013.0382%2016.9433C13.1293%2016.9055%2013.2121%2016.8501%2013.2817%2016.7803L17.0317%2013.0303C17.1722%2012.8894%2017.2509%2012.6986%2017.2506%2012.4997C17.2503%2012.3008%2017.1711%2012.1102%2017.0303%2011.9698Z%22%20fill%3D%22%231473db%22%2F%3E%0A%3Cpath%20d%3D%22M9.53026%205.96983L5.78026%202.21983C5.71041%202.14984%205.62728%202.0945%205.53576%202.05708C5.35229%201.98124%205.14623%201.98124%204.96276%202.05708C4.87123%202.0945%204.78811%202.14984%204.71826%202.21983L0.968258%205.96983C0.827627%206.11066%200.7487%206.30158%200.748841%206.50061C0.748981%206.69963%200.828178%206.89045%200.969008%207.03108C1.10984%207.17171%201.30076%207.25063%201.49979%207.25049C1.69881%207.25035%201.88963%207.17116%202.03026%207.03033L4.50001%204.56058V16.2501C4.50001%2016.449%204.57903%2016.6398%204.71968%2016.7804C4.86033%2016.9211%205.0511%2017.0001%205.25001%2017.0001C5.44892%2017.0001%205.63969%2016.9211%205.78034%2016.7804C5.92099%2016.6398%206.00001%2016.449%206.00001%2016.2501V4.56058L8.46976%207.03033C8.61121%207.16694%208.80066%207.24254%208.99731%207.24083C9.19396%207.23912%209.38207%207.16025%209.52112%207.02119C9.66018%206.88213%209.73905%206.69403%209.74076%206.49738C9.74247%206.30073%209.66688%206.11128%209.53026%205.96983Z%22%20fill%3D%22%231473db%22%2F%3E%0A%3C%2Fsvg%3E%0A);
  display: flex;
  width: 100%;
  padding: 0 1.7rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #565960;
  appearance: none;
  background-color: transparent;
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: left  0rem center;
  background-size: 20px 20px;
  border: 0;
  border-radius: 5px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  align-items: center;
  justify-content: center;
  color: 1473db;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: transparent;
  outline: 0;
  box-shadow: none;
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-inline-end: 1rem;
  background-image: none;
}
.form-select:disabled {
  background-color: #fdfdfd;
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #565960;
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-inline-start: 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-inline-start: 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-inline-start: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-inline-start: -1.5em;
}

.form-check-reverse {
  padding-inline-end: 1.5em;
  padding-inline-start: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-inline-end: -1.5em;
  margin-inline-start: 0;
}

.form-check-input {
  --bs-form-check-bg: #fff;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #1473db;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(20, 115, 219, 0.25);
}
.form-check-input:checked {
  background-color: #1473db;
  border-color: #1473db;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #1473db;
  border-color: #1473db;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}

.form-switch {
  padding-inline-start: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-inline-start: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%231473db'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-inline-end: 2.5em;
  padding-inline-start: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-inline-end: -2.5em;
  margin-inline-start: 0;
}

.form-check-inline {
  display: inline-block;
  margin-inline-end: 1rem;
}


.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(20, 115, 219, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  border: 0;
  border-radius: 5px;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}

.btn-close-white {
  filter: var(--bs-btn-close-white-filter);
}

[data-bs-theme=dark] .btn-close {
  filter: var(--bs-btn-close-white-filter);
}


.modal {
  --bs-modal-zindex: 1060;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: #fff;
  --bs-modal-border-color: rgba(0, 0, 0, 0.2);
  --bs-modal-border-width: 1px;
  --bs-modal-border-radius: 0.3rem;
  --bs-modal-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5);
  --bs-modal-inner-border-radius: calc(0.3rem - 1px);
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: rgba(0, 0, 0, 0.2);
  --bs-modal-header-border-width: 1px;
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: rgba(0, 0, 0, 0.2);
  --bs-modal-footer-border-width: 1px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-inline-end: auto;
    margin-inline-start: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1366px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1365.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1639.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}





footer .footer-links a {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.sharer-links a, .sharer-links {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
}

@font-face {
  font-family: "portalIcons";
  src: url("/assets/fonts/portalIcons.ttf?mojtq") format("truetype"), url("/assets/fonts/portalIcons.woff?mojtq") format("woff"), url("/assets/fonts/portalIcons.svg?mojtq#portalIcons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "portalIcons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.icon-share1:before {
  content: "\e927";
}


.icon-off-filter:before {
  content: "\e91f";
}

.icon-whatsapp:before {
  content: "\e91d";
}

.icon-sort:before {
  content: "\e91e";
}

.icon-facebook:before {
  content: "\e915";
}

.icon-instrgram:before {
  content: "\e916";
}

.icon-share:before {
  content: "\e917";
}

.icon-youtube:before {
  content: "\e918";
}



.icon-twitter:before {
  content: "\e91a";
}

.icon-tiktok-2:before {
  content: "\e91b";
}







.icon-facebook:before {
  content: "\e915";
  color: #fff;
}

.icon-twitter:before {
  content: "\e91a";
  color: #fff;
}
html {
  font-size: 12px;
}
html.small-font {
  font-size: 10px;
}
html.medium-font {
  font-size: 12px;
}
html.large-font {
  font-size: 14px;
}
@media only screen and (min-width: 1500px) {
  html {
    font-size: 16px;
  }
  html.small-font {
    font-size: 14px;
  }
  html.medium-font {
    font-size: 16px;
  }
  html.large-font {
    font-size: 18px;
  }
}
@media (max-width: 1500px) and (min-width: 991.999px) {
  html {
    font-size: 12px;
  }
  html.small-font {
    font-size: 11px;
  }
  html.medium-font {
    font-size: 13px;
  }
  html.large-font {
    font-size: 15px;
  }
}
@media only screen and (max-width: 992px) {
  html {
    font-size: 14px;
  }
  html.small-font {
    font-size: 11px;
  }
  html.medium-font {
    font-size: 13px;
  }
  html.large-font {
    font-size: 15px;
  }
}
html body {
  padding-bottom: 0rem !important;
}

#preloader.hide, .servbigLoader.hide {
  display: none !important;
}

.w-80 {
  width: 80% !important;
}

.main {
  min-height: 500px !important;
}

.banner-section {
  background-image: url(../../assets/images/header-home.webp) !important;
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
  padding: 0 !important;
  text-align: start !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  width: 100%;
  height: 500px;
}
@media (max-width: 575.98px) {
  .banner-section {
    background-position: 50%;
    height: 50vh;
  }
}
.banner-section .header-content {
  padding-top: 11rem;
  padding-bottom: 10rem;
}
@media (max-width: 575.98px) {
  .banner-section .header-content {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.banner-section .header-content .night {
  position: relative;
  width: 100%;
  height: 100%;
  transform: rotateZ(45deg);
  left: 20%;
  top: -40%;
}
.banner-section .header-content .night .shooting_star {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 2px;
  background: linear-gradient(-45deg, #5f91ff, rgba(0, 0, 255, 0));
  border-radius: 999px;
  filter: drop-shadow(0 0 6px #699bff);
  -webkit-animation: tail 3000ms ease-in-out infinite, shooting 3000ms ease-in-out infinite;
  animation: tail 3000ms ease-in-out infinite, shooting 3000ms ease-in-out infinite;
}
.banner-section .header-content .night .shooting_star::before {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  height: 2px;
  background: linear-gradient(-45deg, rgba(0, 0, 255, 0), #5f91ff, rgba(0, 0, 255, 0));
  transform: translateX(50%) rotateZ(45deg);
  border-radius: 100%;
  -webkit-animation: shining 3000ms ease-in-out infinite;
  animation: shining 3000ms ease-in-out infinite;
}
.banner-section .header-content .night .shooting_star::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  height: 2px;
  background: linear-gradient(-45deg, rgba(0, 0, 255, 0), #5f91ff, rgba(0, 0, 255, 0));
  transform: translateX(50%) rotateZ(45deg);
  border-radius: 100%;
  -webkit-animation: shining 3000ms ease-in-out infinite;
  animation: shining 3000ms ease-in-out infinite;
  transform: translateX(50%) rotateZ(-45deg);
}
.banner-section .header-content .night .shooting_star:nth-child(1) {
  top: calc(50% + 124px);
  left: calc(50% - 273px);
  -webkit-animation-delay: 1749ms;
  animation-delay: 1749ms;
}
.banner-section .header-content .night .shooting_star:nth-child(1)::before,
.banner-section .header-content .night .shooting_star:nth-child(1)::after {
  -webkit-animation-delay: 1749ms;
  animation-delay: 1749ms;
}
.banner-section .header-content .night .shooting_star:nth-child(2) {
  top: calc(50% - 95px);
  left: calc(50% - 256px);
  -webkit-animation-delay: 709ms;
  animation-delay: 709ms;
}
.banner-section .header-content .night .shooting_star:nth-child(2)::before,
.banner-section .header-content .night .shooting_star:nth-child(2)::after {
  -webkit-animation-delay: 709ms;
  animation-delay: 709ms;
}
.banner-section .header-content .night .shooting_star:nth-child(3) {
  top: calc(50% + 68px);
  left: calc(50% - 214px);
  -webkit-animation-delay: 1194ms;
  animation-delay: 1194ms;
}
.banner-section .header-content .night .shooting_star:nth-child(3)::before,
.banner-section .header-content .night .shooting_star:nth-child(3)::after {
  -webkit-animation-delay: 1194ms;
  animation-delay: 1194ms;
}
.banner-section .header-content .night .shooting_star:nth-child(4) {
  top: calc(50% + 130px);
  left: calc(50% - 231px);
  -webkit-animation-delay: 749ms;
  animation-delay: 749ms;
}
.banner-section .header-content .night .shooting_star:nth-child(4)::before,
.banner-section .header-content .night .shooting_star:nth-child(4)::after {
  -webkit-animation-delay: 749ms;
  animation-delay: 749ms;
}
.banner-section .header-content .night .shooting_star:nth-child(5) {
  top: calc(50% + 97px);
  left: calc(50% - 146px);
  -webkit-animation-delay: 7829ms;
  animation-delay: 7829ms;
}
.banner-section .header-content .night .shooting_star:nth-child(5)::before,
.banner-section .header-content .night .shooting_star:nth-child(5)::after {
  -webkit-animation-delay: 7829ms;
  animation-delay: 7829ms;
}
.banner-section .header-content .night .shooting_star:nth-child(6) {
  top: calc(50% + 112px);
  left: calc(50% - 83px);
  -webkit-animation-delay: 9799ms;
  animation-delay: 9799ms;
}
.banner-section .header-content .night .shooting_star:nth-child(6)::before,
.banner-section .header-content .night .shooting_star:nth-child(6)::after {
  -webkit-animation-delay: 9799ms;
  animation-delay: 9799ms;
}
.banner-section .header-content .night .shooting_star:nth-child(7) {
  top: calc(50% - 120px);
  left: calc(50% - 165px);
  -webkit-animation-delay: 9086ms;
  animation-delay: 9086ms;
}
.banner-section .header-content .night .shooting_star:nth-child(7)::before,
.banner-section .header-content .night .shooting_star:nth-child(7)::after {
  -webkit-animation-delay: 9086ms;
  animation-delay: 9086ms;
}
.banner-section .header-content .night .shooting_star:nth-child(8) {
  top: calc(50% - 170px);
  left: calc(50% - 102px);
  -webkit-animation-delay: 1502ms;
  animation-delay: 1502ms;
}
.banner-section .header-content .night .shooting_star:nth-child(8)::before,
.banner-section .header-content .night .shooting_star:nth-child(8)::after {
  -webkit-animation-delay: 1502ms;
  animation-delay: 1502ms;
}
.banner-section .header-content .night .shooting_star:nth-child(9) {
  top: calc(50% + 84px);
  left: calc(50% - 154px);
  -webkit-animation-delay: 4649ms;
  animation-delay: 4649ms;
}
.banner-section .header-content .night .shooting_star:nth-child(9)::before,
.banner-section .header-content .night .shooting_star:nth-child(9)::after {
  -webkit-animation-delay: 4649ms;
  animation-delay: 4649ms;
}
.banner-section .header-content .night .shooting_star:nth-child(10) {
  top: calc(50% + 191px);
  left: calc(50% - 225px);
  -webkit-animation-delay: 3100ms;
  animation-delay: 3100ms;
}
.banner-section .header-content .night .shooting_star:nth-child(10)::before,
.banner-section .header-content .night .shooting_star:nth-child(10)::after {
  -webkit-animation-delay: 3100ms;
  animation-delay: 3100ms;
}
.banner-section .header-content .night .shooting_star:nth-child(11) {
  top: calc(50% - 47px);
  left: calc(50% - 169px);
  -webkit-animation-delay: 9809ms;
  animation-delay: 9809ms;
}
.banner-section .header-content .night .shooting_star:nth-child(11)::before,
.banner-section .header-content .night .shooting_star:nth-child(11)::after {
  -webkit-animation-delay: 9809ms;
  animation-delay: 9809ms;
}
.banner-section .header-content .night .shooting_star:nth-child(12) {
  top: calc(50% - 88px);
  left: calc(50% - 139px);
  -webkit-animation-delay: 3788ms;
  animation-delay: 3788ms;
}
.banner-section .header-content .night .shooting_star:nth-child(12)::before,
.banner-section .header-content .night .shooting_star:nth-child(12)::after {
  -webkit-animation-delay: 3788ms;
  animation-delay: 3788ms;
}
.banner-section .header-content .night .shooting_star:nth-child(13) {
  top: calc(50% + 158px);
  left: calc(50% - 145px);
  -webkit-animation-delay: 9077ms;
  animation-delay: 9077ms;
}
.banner-section .header-content .night .shooting_star:nth-child(13)::before,
.banner-section .header-content .night .shooting_star:nth-child(13)::after {
  -webkit-animation-delay: 9077ms;
  animation-delay: 9077ms;
}
.banner-section .header-content .night .shooting_star:nth-child(14) {
  top: calc(50% + 199px);
  left: calc(50% - 288px);
  -webkit-animation-delay: 7397ms;
  animation-delay: 7397ms;
}
.banner-section .header-content .night .shooting_star:nth-child(14)::before,
.banner-section .header-content .night .shooting_star:nth-child(14)::after {
  -webkit-animation-delay: 7397ms;
  animation-delay: 7397ms;
}
.banner-section .header-content .night .shooting_star:nth-child(15) {
  top: calc(50% - 133px);
  left: calc(50% - 119px);
  -webkit-animation-delay: 3988ms;
  animation-delay: 3988ms;
}
.banner-section .header-content .night .shooting_star:nth-child(15)::before,
.banner-section .header-content .night .shooting_star:nth-child(15)::after {
  -webkit-animation-delay: 3988ms;
  animation-delay: 3988ms;
}
.banner-section .header-content .night .shooting_star:nth-child(16) {
  top: calc(50% + 35px);
  left: calc(50% - 276px);
  -webkit-animation-delay: 9613ms;
  animation-delay: 9613ms;
}
.banner-section .header-content .night .shooting_star:nth-child(16)::before,
.banner-section .header-content .night .shooting_star:nth-child(16)::after {
  -webkit-animation-delay: 9613ms;
  animation-delay: 9613ms;
}
.banner-section .header-content .night .shooting_star:nth-child(17) {
  top: calc(50% - 137px);
  left: calc(50% - 277px);
  -webkit-animation-delay: 6868ms;
  animation-delay: 6868ms;
}
.banner-section .header-content .night .shooting_star:nth-child(17)::before,
.banner-section .header-content .night .shooting_star:nth-child(17)::after {
  -webkit-animation-delay: 6868ms;
  animation-delay: 6868ms;
}
.banner-section .header-content .night .shooting_star:nth-child(18) {
  top: calc(50% + 66px);
  left: calc(50% - 169px);
  -webkit-animation-delay: 2017ms;
  animation-delay: 2017ms;
}
.banner-section .header-content .night .shooting_star:nth-child(18)::before,
.banner-section .header-content .night .shooting_star:nth-child(18)::after {
  -webkit-animation-delay: 2017ms;
  animation-delay: 2017ms;
}
.banner-section .header-content .night .shooting_star:nth-child(19) {
  top: calc(50% - 71px);
  left: calc(50% - 25px);
  -webkit-animation-delay: 3470ms;
  animation-delay: 3470ms;
}
.banner-section .header-content .night .shooting_star:nth-child(19)::before,
.banner-section .header-content .night .shooting_star:nth-child(19)::after {
  -webkit-animation-delay: 3470ms;
  animation-delay: 3470ms;
}
.banner-section .header-content .night .shooting_star:nth-child(20) {
  top: calc(50% - 41px);
  left: calc(50% - 47px);
  -webkit-animation-delay: 8275ms;
  animation-delay: 8275ms;
}
.banner-section .header-content .night .shooting_star:nth-child(20)::before,
.banner-section .header-content .night .shooting_star:nth-child(20)::after {
  -webkit-animation-delay: 8275ms;
  animation-delay: 8275ms;
}
@-webkit-keyframes tail {
  0% {
    width: 0;
  }
  30% {
    width: 100px;
  }
  100% {
    width: 0;
  }
}
@keyframes tail {
  0% {
    width: 0;
  }
  30% {
    width: 100px;
  }
  100% {
    width: 0;
  }
}
@-webkit-keyframes shining {
  0% {
    width: 0;
  }
  50% {
    width: 30px;
  }
  100% {
    width: 0;
  }
}
@keyframes shining {
  0% {
    width: 0;
  }
  50% {
    width: 30px;
  }
  100% {
    width: 0;
  }
}
@-webkit-keyframes shooting {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(300px);
  }
}
@keyframes shooting {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(300px);
  }
}
@-webkit-keyframes sky {
  0% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(405deg);
  }
}
@keyframes sky {
  0% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(405deg);
  }
}
.banner-section .header-content .night2 {
  position: relative;
  width: 100%;
  height: 100%;
  transform: rotateZ(45deg);
  left: -30%;
  top: -140%;
}
.banner-section .header-content .night2 .shooting_star {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 2px;
  background: linear-gradient(-45deg, #5f91ff, rgba(0, 0, 255, 0));
  border-radius: 999px;
  filter: drop-shadow(0 0 6px #699bff);
  -webkit-animation: tail 3000ms ease-in-out infinite, shooting 3000ms ease-in-out infinite;
  animation: tail 3000ms ease-in-out infinite, shooting 3000ms ease-in-out infinite;
}
.banner-section .header-content .night2 .shooting_star::before {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  height: 2px;
  background: linear-gradient(-45deg, rgba(0, 0, 255, 0), #5f91ff, rgba(0, 0, 255, 0));
  transform: translateX(50%) rotateZ(45deg);
  border-radius: 100%;
  -webkit-animation: shining 3000ms ease-in-out infinite;
  animation: shining 3000ms ease-in-out infinite;
}
.banner-section .header-content .night2 .shooting_star::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  height: 2px;
  background: linear-gradient(-45deg, rgba(0, 0, 255, 0), #5f91ff, rgba(0, 0, 255, 0));
  transform: translateX(50%) rotateZ(45deg);
  border-radius: 100%;
  -webkit-animation: shining 3000ms ease-in-out infinite;
  animation: shining 3000ms ease-in-out infinite;
  transform: translateX(50%) rotateZ(-45deg);
}
.banner-section .header-content .night2 .shooting_star:nth-child(1) {
  top: calc(50% + 124px);
  left: calc(50% - 273px);
  -webkit-animation-delay: 1749ms;
  animation-delay: 1749ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(1)::before,
.banner-section .header-content .night2 .shooting_star:nth-child(1)::after {
  -webkit-animation-delay: 1749ms;
  animation-delay: 1749ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(2) {
  top: calc(50% - 95px);
  left: calc(50% - 256px);
  -webkit-animation-delay: 709ms;
  animation-delay: 709ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(2)::before,
.banner-section .header-content .night2 .shooting_star:nth-child(2)::after {
  -webkit-animation-delay: 709ms;
  animation-delay: 709ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(3) {
  top: calc(50% + 68px);
  left: calc(50% - 214px);
  -webkit-animation-delay: 1194ms;
  animation-delay: 1194ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(3)::before,
.banner-section .header-content .night2 .shooting_star:nth-child(3)::after {
  -webkit-animation-delay: 1194ms;
  animation-delay: 1194ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(4) {
  top: calc(50% + 130px);
  left: calc(50% - 231px);
  -webkit-animation-delay: 749ms;
  animation-delay: 749ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(4)::before,
.banner-section .header-content .night2 .shooting_star:nth-child(4)::after {
  -webkit-animation-delay: 749ms;
  animation-delay: 749ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(5) {
  top: calc(50% + 97px);
  left: calc(50% - 146px);
  -webkit-animation-delay: 7829ms;
  animation-delay: 7829ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(5)::before,
.banner-section .header-content .night2 .shooting_star:nth-child(5)::after {
  -webkit-animation-delay: 7829ms;
  animation-delay: 7829ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(6) {
  top: calc(50% + 112px);
  left: calc(50% - 83px);
  -webkit-animation-delay: 9799ms;
  animation-delay: 9799ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(6)::before,
.banner-section .header-content .night2 .shooting_star:nth-child(6)::after {
  -webkit-animation-delay: 9799ms;
  animation-delay: 9799ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(7) {
  top: calc(50% - 120px);
  left: calc(50% - 165px);
  -webkit-animation-delay: 9086ms;
  animation-delay: 9086ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(7)::before,
.banner-section .header-content .night2 .shooting_star:nth-child(7)::after {
  -webkit-animation-delay: 9086ms;
  animation-delay: 9086ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(8) {
  top: calc(50% - 170px);
  left: calc(50% - 102px);
  -webkit-animation-delay: 1502ms;
  animation-delay: 1502ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(8)::before,
.banner-section .header-content .night2 .shooting_star:nth-child(8)::after {
  -webkit-animation-delay: 1502ms;
  animation-delay: 1502ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(9) {
  top: calc(50% + 84px);
  left: calc(50% - 154px);
  -webkit-animation-delay: 4649ms;
  animation-delay: 4649ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(9)::before,
.banner-section .header-content .night2 .shooting_star:nth-child(9)::after {
  -webkit-animation-delay: 4649ms;
  animation-delay: 4649ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(10) {
  top: calc(50% + 191px);
  left: calc(50% - 225px);
  -webkit-animation-delay: 3100ms;
  animation-delay: 3100ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(10)::before,
.banner-section .header-content .night2 .shooting_star:nth-child(10)::after {
  -webkit-animation-delay: 3100ms;
  animation-delay: 3100ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(11) {
  top: calc(50% - 47px);
  left: calc(50% - 169px);
  -webkit-animation-delay: 9809ms;
  animation-delay: 9809ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(11)::before,
.banner-section .header-content .night2 .shooting_star:nth-child(11)::after {
  -webkit-animation-delay: 9809ms;
  animation-delay: 9809ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(12) {
  top: calc(50% - 88px);
  left: calc(50% - 139px);
  -webkit-animation-delay: 3788ms;
  animation-delay: 3788ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(12)::before,
.banner-section .header-content .night2 .shooting_star:nth-child(12)::after {
  -webkit-animation-delay: 3788ms;
  animation-delay: 3788ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(13) {
  top: calc(50% + 158px);
  left: calc(50% - 145px);
  -webkit-animation-delay: 9077ms;
  animation-delay: 9077ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(13)::before,
.banner-section .header-content .night2 .shooting_star:nth-child(13)::after {
  -webkit-animation-delay: 9077ms;
  animation-delay: 9077ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(14) {
  top: calc(50% + 199px);
  left: calc(50% - 288px);
  -webkit-animation-delay: 7397ms;
  animation-delay: 7397ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(14)::before,
.banner-section .header-content .night2 .shooting_star:nth-child(14)::after {
  -webkit-animation-delay: 7397ms;
  animation-delay: 7397ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(15) {
  top: calc(50% - 133px);
  left: calc(50% - 119px);
  -webkit-animation-delay: 3988ms;
  animation-delay: 3988ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(15)::before,
.banner-section .header-content .night2 .shooting_star:nth-child(15)::after {
  -webkit-animation-delay: 3988ms;
  animation-delay: 3988ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(16) {
  top: calc(50% + 35px);
  left: calc(50% - 276px);
  -webkit-animation-delay: 9613ms;
  animation-delay: 9613ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(16)::before,
.banner-section .header-content .night2 .shooting_star:nth-child(16)::after {
  -webkit-animation-delay: 9613ms;
  animation-delay: 9613ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(17) {
  top: calc(50% - 137px);
  left: calc(50% - 277px);
  -webkit-animation-delay: 6868ms;
  animation-delay: 6868ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(17)::before,
.banner-section .header-content .night2 .shooting_star:nth-child(17)::after {
  -webkit-animation-delay: 6868ms;
  animation-delay: 6868ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(18) {
  top: calc(50% + 66px);
  left: calc(50% - 169px);
  -webkit-animation-delay: 2017ms;
  animation-delay: 2017ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(18)::before,
.banner-section .header-content .night2 .shooting_star:nth-child(18)::after {
  -webkit-animation-delay: 2017ms;
  animation-delay: 2017ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(19) {
  top: calc(50% - 71px);
  left: calc(50% - 25px);
  -webkit-animation-delay: 3470ms;
  animation-delay: 3470ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(19)::before,
.banner-section .header-content .night2 .shooting_star:nth-child(19)::after {
  -webkit-animation-delay: 3470ms;
  animation-delay: 3470ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(20) {
  top: calc(50% - 41px);
  left: calc(50% - 47px);
  -webkit-animation-delay: 8275ms;
  animation-delay: 8275ms;
}
.banner-section .header-content .night2 .shooting_star:nth-child(20)::before,
.banner-section .header-content .night2 .shooting_star:nth-child(20)::after {
  -webkit-animation-delay: 8275ms;
  animation-delay: 8275ms;
}
@-webkit-keyframes tail {
  0% {
    width: 0;
  }
  30% {
    width: 100px;
  }
  100% {
    width: 0;
  }
}
@keyframes tail {
  0% {
    width: 0;
  }
  30% {
    width: 100px;
  }
  100% {
    width: 0;
  }
}
@-webkit-keyframes shining {
  0% {
    width: 0;
  }
  50% {
    width: 30px;
  }
  100% {
    width: 0;
  }
}
@keyframes shining {
  0% {
    width: 0;
  }
  50% {
    width: 30px;
  }
  100% {
    width: 0;
  }
}
@-webkit-keyframes shooting {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(300px);
  }
}
@keyframes shooting {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(300px);
  }
}
@-webkit-keyframes sky {
  0% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(405deg);
  }
}
@keyframes sky {
  0% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(405deg);
  }
}
.banner-section .header-content .container-workspace {
  width: 39rem;
  position: relative;
}
@media (max-width: 767.98px) {
  .banner-section .header-content .container-workspace {
    width: auto;
  }
}
.banner-section .header-content .container-workspace .content-workspace {
  padding: 0rem;
  margin-top: 2rem;
  border-radius: 1.3rem;
}
@media (max-width: 767.98px) {
  .banner-section .header-content .container-workspace .content-workspace {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    text-align: center;
  }
}
.banner-section .header-content .container-workspace .content-workspace .e-service-title {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.005em;
  background: white;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  .banner-section .header-content .container-workspace .content-workspace .e-service-title {
    background: transparent;
    -webkit-text-fill-color: white;
    color: white;
    font-size: 1.8rem;
  }
}
.banner-section .header-content .container-workspace .content-workspace .e-service-brief {
  font-size: 1.5rem;
  font-weight: 400;
  padding: 1.25rem 0rem 1.5rem;
  background: white;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  .banner-section .header-content .container-workspace .content-workspace .e-service-brief {
    background: transparent;
    -webkit-text-fill-color: white;
    color: white;
    font-size: 1.3rem;
  }
}
.banner-section .header-content .container-workspace .content-workspace .service-link {
  border-radius: 3.5rem;
  padding: 1.08rem 1.3rem;
  width: 14rem;
}
@media (max-width: 767.98px) {
  .banner-section .header-content .container-workspace .content-workspace .service-link {
    background-color: #fff;
    color: #1473db;
  }
}

.services-listing {
  margin-top: 2rem;
}
.services-listing .btn:focus-visible,
.services-listing .btn:focus,
.services-listing .btn-close:focus {
  box-shadow: none !important;
}
.services-listing .btn:active {
  border: none !important;
}
.services-listing .service-catalog {
  margin-bottom: 2rem;
}
.services-listing .service-catalog .home-title {
  font-weight: 400;
  margin-bottom: 0;
}
.services-listing .sort .p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon:before {
  position: absolute;
  right: 110%;
  bottom: 0.9rem;
}
.services-listing .side-filter {
  padding: 2rem 1.6rem 2rem 2rem;
  gap: 1.3rem;
  border-radius: 0.41rem;
  border: 1px solid #DEDEDE;
}
.services-listing .search-button {
  width: 3rem !important;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.services-listing .services-lg {
  margin-bottom: 2rem;
}
.services-listing .service-catalog-card {
  padding: 1rem;
  border-radius: 0.41rem;
  background-color: #fff;
  box-shadow: 0px 2px 16px 0px rgba(80, 55, 16, 0.0784313725);
  border: 1px solid transparent;
  transition: border-color 0.3s ease-in;
}
.services-listing .service-catalog-card:hover {
  border-color: rgba(20, 115, 219, 0.5);
}
.services-listing .service-catalog-card:hover .icon-flat-arrow-right {
  -webkit-transform: scaleX(1.2);
  transform: scaleX(1.2);
}
.services-listing .service-catalog-card .service-img {
  height: fit-content;
}
.services-listing .service-catalog-card .service-img img {
  object-fit: fill !important;
}
.services-listing .service-catalog-card .service-title {
  padding-top: 2rem;
  font-size: 1.3rem;
  color: #1473db;
  font-weight: 500;
  line-height: 1.8rem;
  margin-bottom: 0.4rem;
  letter-spacing: 0.005em;
}
@media (min-width: 768px) {
  .services-listing .service-catalog-card .service-title {
    height: 4.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
@media (min-width: 992px) {
  .services-listing .service-catalog-card .service-title {
    height: 5.2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
.services-listing .service-catalog-card .service-brief {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8rem;
  letter-spacing: 0.005em;
  color: #363636;
  margin-bottom: 2.5rem;
  display: block;
}
.services-listing .service-catalog-card .service-link {
  position: absolute;
  bottom: 1rem;
  gap: 6px;
  display: flex;
  text-decoration: none;
}
.services-listing .service-catalog-card .service-card-rfi .service-title {
  color: #363636 !important;
  overflow-wrap: anywhere;
}
@media (min-width: 992px) {
  .services-listing .service-catalog-card .service-card-rfi .service-title {
    height: 4.5rem !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
.services-listing .service-catalog-card .service-card-rfi .service-link {
  position: static !important;
  padding-top: 1rem;
  color: #1473db;
  cursor: pointer;
}

.service-category-label {
  font-size: 1rem;
  font-weight: 400;
  line-height: 17.29px;
  color: #A4A4A4;
  margin-bottom: 0;
  padding-bottom: 2rem;
  padding-top: 1.5rem;
}

.category-container {
  max-height: 22rem;
  overflow-x: auto;
}
.category-container::-webkit-scrollbar {
  background-color: #EBEBEB !important;
  width: 0.3rem;
}
.category-container::-webkit-scrollbar-track {
  background-color: #EBEBEB;
}
.category-container::-webkit-scrollbar-thumb {
  background-color: #BEBEBE;
}
@-moz-document url-prefix() {
  .category-container {
    scrollbar-color: #BEBEBE #EBEBEB;
    scrollbar-width: thin;
  }
}
.category-container .service-category-container {
  margin-bottom: 1rem;
}
.category-container .service-category-container .service-category-input {
  width: 1.25rem;
  height: 1.25rem;
  border: 1.5px solid #6B6B6B;
  margin-inline-end: 1.5rem;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0.4rem;
  position: relative;
}
.category-container .service-category-container .service-category-input:checked {
  background-color: #1473db;
  /* Background color when checked */
  border: 2px solid #1473db;
  /* Maintain border in checked state */
}
.category-container .service-category-container .service-category-input:checked::after {
  content: "";
  position: absolute;
  top: 0;
  left: 30%;
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  /* Create checkmark */
}
@media (max-width: 767.98px) {
  .category-container .service-category-container .service-category-input {
    width: 1.5rem;
    height: 1.5rem;
    border: 1.72px solid #6B6B6B;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
}
.category-container .service-category-container .service-category-value {
  font-size: 1rem;
  font-weight: 400;
  line-height: 20.17px;
  color: #1A191F;
}

.search-responsive {
  border-bottom: 1px solid #afafaf;
}
.search-responsive button {
  padding-inline-end: 0.8rem;
}
.search-responsive button .icon-search::before {
  color: #afafaf;
  font-size: 2rem;
}
.search-responsive input {
  width: 100%;
  background-color: transparent;
  border: none;
}
.search-responsive input:focus-visible {
  outline: none !important;
}

.filter-btn {
  background-color: #fff;
  border: 1.5px solid #E1E1E1;
}
.filter-btn:hover {
  background-color: #fff !important;
  border: 1.5px solid #E1E1E1 !important;
}
.filter-btn:focus {
  box-shadow: none !important;
}
.filter-btn:active {
  border: none !important;
}
.filter-btn .filter-icon::before {
  color: #2437AC;
  font-size: 1.8rem;
}

.offcanvas-category-container {
  border-bottom: 1.15px solid #CCCCCC;
  padding-bottom: 1.29rem;
  margin-bottom: 2.29rem;
}

.clear-btn {
  padding: 0;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.8rem;
  color: #1473db;
}

.card-service-respons {
  margin-bottom: 1.5rem;
  position: relative;
}
.card-service-respons .service-catalog-card {
  padding: 1.25rem 1.5rem;
}
.card-service-respons .service-catalog-card .res-resize {
  width: 90%;
}
.card-service-respons .service-img {
  margin-inline-end: 1.3rem;
}
.card-service-respons .service-title {
  padding-top: 0 !important;
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  line-height: 2.2rem !important;
}
.card-service-respons .service-body {
  width: 70%;
}
.card-service-respons .service-brief {
  margin-bottom: 0 !important;
  color: #616161 !important;
}
.card-service-respons .service-brief p {
  margin-bottom: 0 !important;
}

.title-res {
  font-size: 1.56rem;
  font-weight: 700 !important;
  line-height: 2.206rem;
}

.container-filter,
.container-sort {
  padding-inline-end: 1rem;
}

.sort {
  margin: 0;
}
.sort .p-overlay {
  width: fit-content !important;
}

.filter-sort-btn {
  padding: 1.5rem 2.5rem;
  border-radius: 1.24rem;
}
.filter-sort-btn .sort-icon::before {
  font-size: 1.5rem;
  padding-inline-end: 1rem;
}
.filter-sort-btn .sort-text {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.8rem;
  position: relative;
  top: -0.2rem;
}

.sort-container {
  padding-bottom: 0.5rem;
  margin-bottom: 2.29rem;
  border-bottom: 1.15px solid #CCCCCC;
}
.sort-container .sort-contain {
  margin-bottom: 1.5rem;
}
.sort-container .sort-contain .sort-input {
  width: 2rem;
  height: 2rem;
  margin-inline-end: 1.6rem;
}
.sort-container .sort-contain span {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.9rem;
}

.view-btn {
  border-radius: 3.5rem;
}
@media (max-width: 991.98px) {
  .view-btn {
    border: 1.15px solid #1473db;
    background-color: transparent;
    color: #1473db;
    padding: 1.5rem 3.4rem;
    border-radius: 5px;
    font-size: 1.25rem;
  }
}

.sharer {
  padding: 0.5rem;
}
.sharer li a {
  text-decoration: none;
}
.sharer li a:hover, .sharer li a:active, .sharer li a:focus {
  text-decoration: none;
}
.sharer .icon-social {
  font-size: 1.5rem;
}
.sharer .icon-social::before {
  color: #000 !important;
}
.sharer span.icon-share {
  font-size: 1.5rem;
}
.sharer span.icon-share::before {
  color: #1473db !important;
}
.sharer-btn {
  z-index: 1;
}
.sharer-links {
  background-color: #F4F6FD;
}
.sharer-links {
  top: 0;
  width: 1.6rem;
  height: 100%;
  background-color: #F4F6FD;
}
.sharer-links a {
  font-size: 2.9rem;
  color: #000;
  padding: 0 0.3rem;
}
.sharer-links,
.sharer-links a {
  visibility: collapse;
}
.sharer:hover, .sharer:active, .sharer:focus {
  background-color: #F4F6FD;
}
.sharer:hover .sharer-links, .sharer:active .sharer-links, .sharer:focus .sharer-links {
  width: 10rem;
  clip-path: inset(0 0 0 0);
  -webkit-clip-path: inset(0 0 0 0);
  -moz-clip-path: inset(0 0 0 0);
  -o-clip-path: inset(0 0 0 0);
  -ms-clip-path: inset(0 0 0 0);
}
.sharer:hover .sharer-links,
.sharer:hover .sharer-links a, .sharer:active .sharer-links,
.sharer:active .sharer-links a, .sharer:focus .sharer-links,
.sharer:focus .sharer-links a {
  visibility: visible;
}
.sharer-links {
  right: 0;
  margin-inline-end: 1.7rem;
  clip-path: inset(0 0 0 100%);
  -webkit-clip-path: inset(0 0 0 100%);
  -moz-clip-path: inset(0 0 0 100%);
  -o-clip-path: inset(0 0 0 100%);
  -ms-clip-path: inset(0 0 0 100%);
  border-radius: 2.6rem 0 0 2.6rem;
}
.rtl .sharer-links {
  left: 0;
  right: auto;
  border-radius:0 2.6rem 2.6rem 0;
}
.sharer-container {
  position: absolute;
  bottom: 1.16rem;
  right: 2rem;
}

.service-details-card .details-header {
  margin: 0 1.25rem;
  padding: 1.33rem 0 !important;
}
.service-details-card .service-details-card-name {
  display: flex;
  align-items: center;
}
.service-details-card .service-details-card-name .service-details-card-title {
  padding-inline-start: 1.833rem;
}
.service-details-card .service-details-card-name [class^=icon-],
.service-details-card .service-details-card-name [class*=" icon-"] {
  font-size: 2rem;
  color: #1473db;
}
.service-details-card .bottom-section-wrp {
  padding-bottom: 1.667rem;
}
.service-details-card .bottom-section-wrp button.btn.btn-primary.primary-btn, .service-details-card .bottom-section-wrp .cookies-popup button.btn.btn-primary.popup-button, .cookies-popup .service-details-card .bottom-section-wrp button.btn.btn-primary.popup-button, .service-details-card .bottom-section-wrp .banner-section button.btn.btn-primary.banner-cta, .banner-section .service-details-card .bottom-section-wrp button.btn.btn-primary.banner-cta {
  width: 100%;
  padding: 1.1rem;
  font-size: 1.167rem;
  border-radius: 5px;
}

@media (max-width: 991.98px) {
  .d-xs-flex {
    display: flex !important;
  }
  .top-mobile-ribbon .page-title {
    font-size: 1.5rem !important;
  }
  .top-mobile-ribbon .back-link span {
    font-size: 1.15rem !important;
  }
  .top-mobile-ribbon .action-btn span {
    font-size: 1.5rem !important;
  }
  .top-mobile-ribbon .action-btn span:before {
    color: #1473db;
  }

 
  .profile-container {
    background-color: #fff;
    border: 1px solid rgba(112, 112, 112, 0.55) !important;
    border-radius: 5px;
  }
}


@media (min-width: 992px) {
  lib-terms-and-conditions .section-content {
    padding-block: 0 !important;
  }
}
@media (max-width: 575.98px) {
  .uploader_box_wrapper .uploader-dropdown .dropdown-menu {
    left: calc(50% + 6.5px) !important;
  }
  .uploader_box_wrapper .uploader-dropdown .dropdown-menu .dropdown-item {
    padding: 0.8333333333rem 0.9rem;
  }
}
::-webkit-scrollbar-track {
  background-color: #fff;
  box-shadow: none;
}

::-webkit-scrollbar {
  background-color: #fff;
  width: 0.6875rem;
  height: 0.6875rem;
}

::-webkit-scrollbar-thumb {
  transition: all 0.5s ease-in;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border-radius: 0.625rem;
}

@-moz-document url-prefix() {
  :root,
  body, .navbar-collapse,
  .offcanvas-body {
    scrollbar-width: thin !important;
  }
}
.p-dropdown-items-wrapper::-webkit-scrollbar {
  width: 0.5625rem;
  height: 0.5625rem;
}

body::-webkit-scrollbar-thumb, .navbar-collapse::-webkit-scrollbar-thumb,
.offcanvas-body::-webkit-scrollbar-thumb, .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb, .p-dropdown-items-wrapper::-webkit-scrollbar-thumb {
  background-color: #1473db;
}
body::-webkit-scrollbar-thumb:hover, .navbar-collapse::-webkit-scrollbar-thumb:hover,
.offcanvas-body::-webkit-scrollbar-thumb:hover, .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb:hover, .p-dropdown-items-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #18589e;
}

footer {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  position: relative;
  padding: 0 !important;
}
footer .re-edited-box-icon a img {
  max-width: 245px;
  width: 100%;
}
footer ul {
  padding: 1rem;
}
footer .logo-img img {
  width: 12.25rem;
  filter: invert(1);
}
footer .footer-desktop {
  background-color: #fff;
  background-image: url(../../assets/images/footer-background.webp);
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 0 !important;
  background-attachment: fixed;
}
@media (max-width: 991.98px) {
  footer .footer-desktop {
    background-attachment: initial;
  }
}
footer .footer-desktop:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 0;
  left: 0;
  top: 0;
}
footer .footer-content {
  position: relative;
  z-index: 1;
}
footer .copy-icon {
  margin: 0 5px;
  display: inline-block;
}
footer .right-side-col {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
footer .scroll-button {
  padding: 0 0 2rem;
}
footer .scroll-button a {
  font-size: 1, 5rem;
  display: flex;
  align-items: center;
  gap: 5px;
  text-transform: capitalize;
  width: fit-content;
}
footer .scroll-button a:hover {
  cursor: pointer;
}
footer .footer-links {
  display: flex;
  color: #fff;
}
footer .footer-links .footer-item h2 a {
  color: white;
}
footer .footer-links .footer-item h2:not(:last-child), footer .footer-links .footer-item h2:first-child {
  margin-bottom: 2.4rem;
}
@media (max-width: 991.98px) {
  footer .footer-links .footer-item h2 {
    font-size: 1.25rem;
    line-height: 1.8rem;
  }
}
@media (min-width: 992px) {
  footer .footer-links .footer-item h2 {
    font-weight: 700;
    line-height: 2.4rem;
    text-transform: uppercase;
  }
}
@media (min-width: 992px) and (max-width: 1639.98px) {
  footer .footer-links .footer-item h2 {
    font-size: 1.417rem;
  }
  footer .footer-links .footer-item h2:not(:last-child), footer .footer-links .footer-item h2:first-child {
    margin-bottom: 1.86rem;
  }
}
@media (min-width: 1640px) {
  footer .footer-links .footer-item h2 {
    font-size: 1.417rem;
  }
  footer .footer-links .footer-item h2:not(:last-child), footer .footer-links .footer-item h2:first-child {
    margin-bottom: 2.4rem;
  }
}
footer .footer-links .footer-item .menu-link:not(:last-child) {
  margin-bottom: 1.7rem;
}
footer .footer-links h2,
footer .footer-links h2 a {
  margin-bottom: 0;
}
footer .footer-links a:hover {
  opacity: 0.7;
}
footer .footer-links ul li a {
  font-size: 1rem;
  line-height: 1.6rem;
  margin-bottom: 0;
  opacity: 1;
  text-transform: capitalize;
  color: #fff;
  text-decoration: none;
}
@media (max-width: 991.98px) {
  footer .footer-top-sec {
    padding: 1.75rem 0.8rem 1.4rem;
  }
}
@media (min-width: 992px) {
  footer .footer-top-sec {
    padding: 7.6rem 2.9rem 5.3rem;
  }
}
@media (min-width: 1366px) {
  footer .footer-top-sec {
    padding-inline-end: 6.5rem;
    padding-inline-start: 6.5rem;
  }
}
footer .footer-top-sec .usefull-links-title {
  font-weight: 700;
  font-size: 1.5rem;
  margin-bottom: 0.7rem;
}
footer .footer-top-sec .usefull-links-item-title {
  display: flex;
  gap: 15px;
  align-items: center;
  font-size: 1.16rem;
  opacity: 1;
}
footer .footer-top-sec .usefull-links-item-title a {
  color: #000;
}
@media (max-width: 767.98px) {
  footer .footer-top-sec .usefull-links-item-title a {
    max-width: 200px;
  }
}
footer .footer-top-sec .usefull-links-item-title img {
  width: 2.8rem;
  height: 2.8rem;
  object-fit: cover;
}
footer .footer-top-sec .useful-links-container {
  padding: 2rem 0;
}
footer .footer-bottom-sec {
  display: flex;
  align-items: center;
  /*   border-top: 1px solid $cl-55;*/
  border-top: 1px solid rgba(225, 225, 225, 0.2);
  color: #fff;
}
@media (min-width: 992px) {
  footer .footer-bottom-sec {
    padding: 4rem 0 5.1rem;
  }
}
@media (max-width: 991.98px) {
  footer .footer-bottom-sec {
    padding: 1.4rem 0 2.5rem;
    margin: 0 2.08rem;
  }
}
footer .footer-bottom-sec .copy-rights {
  line-height: 2rem;
  text-align: center;
}
@media (min-width: 992px) {
  footer .footer-bottom-sec .copy-rights {
    font-size: 1.188rem;
  }
}
@media (max-width: 991.98px) {
  footer .footer-bottom-sec .copy-rights {
    font-size: 1.25rem;
  }
}
footer .footer-bottom-sec.mobile-view {
  display: none;
}
footer .footer-newsletter-sec {
  background-color: #1473db;
  padding: 2.167rem 1.667rem;
  min-width: 25.9375vw;
}
footer .footer-newsletter-sec .footer-newsletter-title {
  color: #fff;
  font-size: 1.667rem;
  line-height: 2.5rem;
  margin-bottom: 0.556rem;
}
footer .footer-newsletter-sec .form-control {
  margin-bottom: 1.667rem;
  font-size: 1rem;
  line-height: 1.333rem;
  color: #000;
  padding: 0.556rem;
  border-radius: 0px;
}
footer .footer-newsletter-sec .btn.btn-outline-secondary {
  font-size: 1rem;
  line-height: 1.333rem;
  padding: 0.389rem 1.556rem;
  transition: all 0.5 ease-in-out;
}
footer .footer-newsletter-sec .btn.btn-outline-secondary:hover {
  background-color: #fff;
  color: #1473db;
}
footer .SocialMediaLinksfootercontainer {
  display: flex;
  align-items: center;
}
footer .SocialMediaLinksfootercontainer.mobile-social {
  display: none;
}
footer .SocialMediaLinksfootercontainer ul li a {
  display: block;
  font-size: 2.4rem;
  padding-bottom: 1rem;
}
footer .SocialMediaLinksfootercontainer ul li:not(:last-child) a {
  margin-inline-end: 1.6rem;
}
@media (max-width: 991.98px) {
  footer .footer-top-sec,
  footer .footer-bottom-sec {
    flex-direction: column;
  }
}
footer .footer-bottom-sec-links ul li:last-child a {
  padding-inline-end: 0px;
  border-right: 0px solid #848484;
}
footer .footer-bottom-sec-links ul li a {
  font-size: 1rem;
  color: #fff;
}
footer .seperator-line {
  color: #fff;
  padding: 0 5px;
  display: flex;
  align-items: center;
  font-size: 1rem;
}

@media (max-width: 991.98px) {
  footer {
    padding: 0 0.9rem 1rem;
  }
  footer .footer-desktop {
    border-radius: 0.9rem;
  }
  footer .footer-item:last-of-type .menu-link {
    margin-inline-start: 1.5rem;
  }
  footer .SocialMediaLinksfootercontainer {
    margin-inline-start: 1.5rem;
    margin-top: 1.3rem !important;
  }
  footer .SocialMediaLinksfootercontainer.mobile-social {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-top: 3rem;
  }
  footer .SocialMediaLinksfootercontainer.mobile-social h2 {
    color: #fff;
  }
  footer .SocialMediaLinksfootercontainer.mobile-social ul li a span:before {
    font-size: 2.1rem;
  }
  footer .footer-bottom-sec-links {
    text-align: center;
    padding: 3rem 0;
  }
  footer .resCopyRight {
    text-align: center;
    color: #fff;
    font-size: 1rem;
  }
  footer .footer-top-sec .right-side-col {
    padding-top: 3.3rem;
  }
  footer .scroll-button {
    display: none;
  }
  footer .useful-links-container .usefull-links-title {
    text-align: center;
  }
  footer .useful-links-container .footer-item {
    display: flex;
    flex-direction: column;
    align-items: start;
    align-content: center;
    flex-wrap: wrap;
  }
  footer .footer-bottom-sec.desktop-view {
    display: none;
  }
  footer .footer-bottom-sec.mobile-view {
    display: flex;
    margin-top: 0;
  }
  footer .footer-links {
    columns: 1;
    flex-direction: column;
  }
  footer .footer-links .footer-item:not(.d-flex):not(:last-of-type) {
    margin-bottom: 1.6rem;
  }
  footer .footer-links .footer-item:not(.d-flex) ul li {
    margin-inline-start: 0;
    animation: expand 0.3s ease-in-out;
  }
  footer .footer-links .footer-item:not(.d-flex) ul li:first-child {
    padding-top: 0.9rem;
  }
  footer .footer-links .footer-item:not(.d-flex) ul li:last-child {
    padding-bottom: 1rem;
  }
  footer .footer-links .footer-item:not(.d-flex) ul li:not(:last-child) {
    margin-bottom: 2.08rem;
  }
  footer .footer-links .footer-item:not(.d-flex).expanded ul li {
    margin-inline-start: 2.08rem;
    animation: expanded 0.3s ease-in-out;
  }
  footer .footer-links .footer-item:not(.d-flex).expanded .item-expanded {
    display: flex !important;
    height: auto !important;
    opacity: 1 !important;
  }
  footer .footer-links .footer-item:not(.d-flex).has-child {
    width: max-content;
  }
  footer .footer-links .footer-item:not(.d-flex).has-child .child-list {
    display: none;
    height: 0;
    opacity: 0;
    padding-top: 0;
    padding-bottom: 0;
    flex-direction: column;
    transition: all 0.15s ease-in-out;
  }
  footer .footer-links .footer-item:not(.d-flex).has-child.expanded .child-list {
    display: block;
    height: auto;
    opacity: 1;
  }
  footer .footer-links .footer-item:not(.d-flex).has-child h2 {
    position: relative;
    margin-bottom: 1.5rem;
    width: max-content;
  }
  footer .footer-links .footer-item:not(.d-flex).has-child h2 a {
    margin-inline-end: 0.08rem;
  }
  footer .footer-links .footer-item:not(.d-flex).has-child h2::after {
    content: "\e900";
    display: inline-block;
    font-family: "portalIcons" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    font-size: 0.8rem;
    padding-inline-start: 0.5rem;
    color: #fff;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
  }
  footer .footer-links .footer-item:not(.d-flex).has-child.expanded h2::after {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    padding-inline-end: 0.5rem;
  }
  footer .footer-links .footer-item.d-flex:not(:last-of-type) {
    margin-bottom: 1.4rem;
  }
  footer .footer-links .footer-item.d-flex:not(:last-of-type) ul li {
    margin-bottom: 1.4rem;
  }
  footer .footer-links .footer-item.d-flex h2 {
    margin-bottom: 1.8rem;
  }
  footer .footer-links .footer-item.d-flex .tools .speech-bottom-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  footer .footer-links .footer-item.d-flex .tools a, footer .footer-links .footer-item.d-flex .tools button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.3rem;
    height: 3.3rem;
    border-radius: 50%;
    border: 1px solid #fff;
  }
  footer .footer-links .footer-item.d-flex .tools a, footer .footer-links .footer-item.d-flex .tools a span[class^=ssa-]:not(.ssa-record):not(.ssa-language-sign), footer .footer-links .footer-item.d-flex .tools button, footer .footer-links .footer-item.d-flex .tools button span[class^=ssa-]:not(.ssa-record):not(.ssa-language-sign) {
    font-size: 1.5rem;
  }
  footer .footer-links .footer-item.d-flex .tools a span.ssa-record, footer .footer-links .footer-item.d-flex .tools a span.ssa-language-sign, footer .footer-links .footer-item.d-flex .tools button span.ssa-record, footer .footer-links .footer-item.d-flex .tools button span.ssa-language-sign {
    font-size: 1.7rem;
  }
  footer .footer-links .footer-item.d-flex .tools a:hover, footer .footer-links .footer-item.d-flex .tools button:hover {
    opacity: 0.7;
  }
  footer .footer-links .footer-item.d-flex .tools button:hover, footer .footer-links .footer-item.d-flex .tools button.accessibility-menu-text-disabled {
    opacity: 0.7;
  }
  footer .footer-links .footer-item.d-flex .tools button.accessibility-menu-text-disabled {
    visibility: hidden;
  }
  footer .footer-links .footer-item.d-flex .reach-tools li:not(:last-child) button {
    margin-inline-end: 1.4rem;
  }
}
@media (max-width: 368px) {
  footer .resCopyRight {
    font-size: 0.7rem;
  }
}
@media (min-width: 768px) {
  .seperator-line {
    margin: 0 0.3rem;
  }
}
@media (min-width: 992px) {
  footer .footer-desktop {
    border-top: 1px solid rgba(67, 67, 67, 0.2);
  }
  footer .footer-item {
    flex: 1;
  }
  footer .footer-links {
    justify-content: space-between;
    column-gap: 2.5em;
  }
  footer .SocialMediaLinksfootercontainer ul {
    margin-top: 3.4rem;
  }
}
@media (min-width: 1366px) {
  footer .footer-links .footer-item:not(:first-child) {
    margin-inline-start: 1.6rem;
  }
  footer .useful-links-container {
    margin-inline-start: auto;
    max-width: fit-content;
  }
}
@media (max-width: 1365.98px) {
  .SocialMediaLinksfootercontainer ul {
    flex-wrap: wrap;
  }
}
#stars-group-1 {
  z-index: 10;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  box-shadow: 1672px 488px #fff, 948px 837px #fff, 961px 708px #fff, 328px 553px #fff, 1010px 1473px #fff, 385px 193px #fff, 1377px 1733px #fff, 1590px 1598px #fff, 1023px 1338px #fff, 981px 177px #fff, 1217px 258px #fff, 247px 1669px #fff, 1687px 1009px #fff, 272px 440px #fff, 543px 1501px #fff, 1179px 1551px #fff, 1535px 1329px #fff, 319px 660px #fff, 249px 24px #fff, 263px 886px #fff, 1334px 408px #fff, 790px 1642px #fff, 1143px 494px #fff, 132px 205px #fff, 1162px 971px #fff, 1571px 748px #fff, 1114px 112px #fff, 1475px 365px #fff, 7px 1401px #fff, 1536px 640px #fff, 620px 745px #fff, 1385px 1292px #fff, 314px 438px #fff, 194px 973px #fff, 337px 1461px #fff, 93px 1520px #fff, 295px 121px #fff, 1056px 1164px #fff, 529px 1518px #fff, 909px 800px #fff, 1470px 1625px #fff, 1696px 497px #fff, 1417px 976px #fff, 136px 603px #fff, 300px 90px #fff, 914px 1570px #fff, 97px 1639px #fff, 1224px 799px #fff, 1743px 393px #fff, 26px 867px #fff, 968px 1671px #fff, 545px 581px #fff, 759px 1275px #fff, 531px 356px #fff, 139px 658px #fff, 189px 1573px #fff, 1209px 1194px #fff, 646px 1609px #fff, 135px 1518px #fff, 737px 949px #fff, 339px 927px #fff, 1351px 553px #fff, 1198px 1593px #fff, 1626px 1035px #fff, 236px 1429px #fff, 651px 1115px #fff, 1032px 1295px #fff, 1725px 1696px #fff, 572px 479px #fff, 1638px 1039px #fff, 1489px 1502px #fff, 1059px 185px #fff, 1467px 1049px #fff, 122px 1519px #fff, 1241px 1685px #fff, 486px 174px #fff, 788px 1714px #fff, 1194px 1515px #fff, 1601px 1494px #fff, 1152px 770px #fff, 126px 823px #fff, 1711px 919px #fff, 461px 1213px #fff, 1437px 845px #fff, 1024px 1383px #fff, 1076px 1474px #fff, 853px 122px #fff, 334px 1521px #fff, 503px 704px #fff, 1435px 717px #fff, 235px 604px #fff, 1723px 406px #fff, 474px 984px #fff, 412px 883px #fff, 6px 1058px #fff, 1792px 652px #fff, 1336px 226px #fff, 1543px 1412px #fff, 173px 1421px #fff, 240px 1007px #fff, 780px 1716px #fff, 159px 663px #fff, 446px 187px #fff, 1013px 1538px #fff, 507px 783px #fff, 492px 36px #fff, 443px 1718px #fff, 1184px 1611px #fff, 558px 603px #fff, 753px 722px #fff, 454px 516px #fff, 1159px 198px #fff, 1379px 821px #fff, 885px 1753px #fff, 1349px 1568px #fff, 336px 1417px #fff, 1416px 830px #fff, 1546px 533px #fff, 1490px 1564px #fff, 1098px 319px #fff, 1043px 429px #fff, 1130px 1728px #fff, 792px 385px #fff, 1393px 687px #fff, 424px 1059px #fff, 428px 314px #fff, 1015px 1618px #fff, 1530px 826px #fff, 666px 679px #fff, 566px 1394px #fff, 177px 338px #fff, 1406px 1370px #fff, 440px 127px #fff, 592px 730px #fff, 1787px 1148px #fff, 378px 137px #fff, 331px 1487px #fff, 986px 1757px #fff, 1099px 302px #fff, 913px 1551px #fff, 1601px 257px #fff, 1265px 666px #fff, 3px 494px #fff, 1473px 1760px #fff, 1431px 1568px #fff, 59px 38px #fff, 900px 1239px #fff, 1103px 1383px #fff, 1637px 686px #fff, 893px 522px #fff, 817px 870px #fff, 608px 975px #fff, 991px 316px #fff, 1649px 1736px #fff, 365px 1517px #fff, 1694px 1028px #fff, 577px 462px #fff, 816px 188px #fff, 931px 1610px #fff, 1538px 1729px #fff, 558px 323px #fff, 1093px 1215px #fff, 990px 1571px #fff, 500px 662px #fff, 382px 832px #fff, 1711px 305px #fff, 274px 1308px #fff, 449px 1422px #fff, 527px 925px #fff, 62px 609px #fff, 379px 272px #fff, 378px 473px #fff, 76px 579px #fff, 282px 1657px #fff, 1088px 1256px #fff, 1716px 1429px #fff, 682px 1775px #fff, 1051px 249px #fff, 1143px 708px #fff, 1445px 536px #fff, 48px 1150px #fff, 528px 1591px #fff, 109px 1483px #fff, 1515px 1656px #fff, 1370px 1326px #fff, 498px 729px #fff, 1209px 431px #fff, 723px 904px #fff, 1490px 1059px #fff, 1616px 1551px #fff, 134px 1194px #fff, 157px 1661px #fff, 1014px 1535px #fff, 731px 1008px #fff, 487px 1362px #fff, 91px 183px #fff, 109px 1666px #fff, 201px 1549px #fff, 1104px 1340px #fff, 1483px 945px #fff;
  animation-name: glowing-stars;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: linear;
  animation-delay: 0s;
}

#stars-group-5 {
  z-index: 10;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 30px 1750px #fff, 1054px 863px #fff, 1067px 691px #fff, 987px 395px #fff, 231px 763px #fff, 1792px 1445px #fff, 1076px 125px #fff, 1105px 1643px #fff, 1450px 843px #fff, 1071px 1307px #fff, 1093px 1094px #fff, 472px 1383px #fff, 848px 336px #fff, 440px 1131px #fff, 452px 1117px #fff, 38px 1756px #fff, 567px 1442px #fff, 930px 1617px #fff, 162px 784px #fff, 354px 1275px #fff, 1070px 1033px #fff, 542px 1024px #fff, 285px 886px #fff, 1131px 524px #fff, 522px 499px #fff, 14px 178px #fff, 519px 622px #fff, 510px 1669px #fff, 578px 516px #fff, 244px 408px #fff, 1038px 561px #fff, 1037px 12px #fff, 668px 827px #fff, 1017px 1575px #fff, 1703px 1713px #fff, 1124px 1519px #fff, 78px 755px #fff, 443px 996px #fff, 279px 1061px #fff, 630px 1004px #fff, 23px 52px #fff, 1100px 1445px #fff, 1210px 1449px #fff, 962px 424px #fff, 628px 325px #fff, 993px 1205px #fff, 712px 1773px #fff, 59px 1437px #fff, 875px 1109px #fff, 697px 269px #fff, 1492px 4px #fff, 300px 1147px #fff, 1772px 1657px #fff, 323px 1321px #fff, 601px 622px #fff, 741px 1675px #fff, 957px 1415px #fff, 1537px 453px #fff, 59px 34px #fff, 1055px 235px #fff, 803px 370px #fff, 149px 368px #fff, 895px 1436px #fff, 667px 661px #fff, 613px 171px #fff, 116px 542px #fff, 1173px 1269px #fff, 1705px 1444px #fff, 1117px 1708px #fff, 1596px 122px #fff, 973px 1508px #fff, 1629px 92px #fff, 894px 1123px #fff, 1260px 479px #fff, 302px 1698px #fff, 206px 648px #fff, 252px 332px #fff, 310px 631px #fff, 255px 510px #fff, 1196px 1300px #fff, 1732px 1475px #fff, 237px 1394px #fff, 135px 1084px #fff, 1654px 1395px #fff, 301px 1705px #fff, 1796px 28px #fff, 324px 1028px #fff, 1646px 1315px #fff, 1553px 496px #fff, 346px 277px #fff, 841px 518px #fff, 327px 731px #fff, 504px 580px #fff, 855px 400px #fff, 1583px 1196px #fff, 1666px 619px #fff, 275px 1208px #fff, 492px 1530px #fff, 1543px 953px #fff, 1258px 442px #fff, 882px 274px #fff, 596px 1742px #fff, 374px 919px #fff, 390px 1594px #fff, 727px 1666px #fff, 1303px 1768px #fff, 68px 331px #fff, 1049px 984px #fff, 1382px 999px #fff, 1412px 572px #fff, 1415px 75px #fff, 1608px 1416px #fff, 659px 218px #fff, 940px 781px #fff, 593px 983px #fff, 595px 600px #fff, 1137px 318px #fff, 771px 657px #fff, 1506px 898px #fff, 1684px 1589px #fff, 246px 1363px #fff, 1569px 136px #fff, 216px 1161px #fff, 1127px 11px #fff, 712px 1545px #fff, 899px 615px #fff, 1294px 496px #fff, 366px 124px #fff, 1325px 1687px #fff, 657px 287px #fff, 218px 82px #fff, 1177px 1411px #fff, 1080px 598px #fff, 383px 777px #fff, 685px 253px #fff, 218px 305px #fff, 1404px 1479px #fff, 1769px 642px #fff, 216px 419px #fff, 999px 499px #fff, 1661px 1290px #fff, 320px 1315px #fff, 903px 908px #fff, 993px 599px #fff, 262px 165px #fff, 1559px 11px #fff, 318px 1260px #fff, 653px 391px #fff, 1098px 652px #fff, 329px 1216px #fff, 1344px 1039px #fff, 598px 1364px #fff, 415px 1026px #fff, 728px 545px #fff, 939px 1510px #fff, 163px 79px #fff, 547px 591px #fff, 1070px 472px #fff, 657px 1212px #fff, 1103px 1008px #fff, 1180px 443px #fff, 396px 206px #fff, 225px 223px #fff, 940px 190px #fff, 281px 411px #fff, 966px 1454px #fff, 73px 742px #fff, 1376px 627px #fff, 470px 1684px #fff, 363px 1708px #fff, 1196px 1609px #fff, 1512px 62px #fff, 1251px 1156px #fff, 1199px 1168px #fff, 282px 1784px #fff, 1069px 768px #fff, 1028px 411px #fff, 1682px 1413px #fff, 1655px 262px #fff, 1190px 463px #fff, 615px 1485px #fff, 1025px 917px #fff, 842px 452px #fff, 1376px 955px #fff, 315px 972px #fff, 1770px 893px #fff, 1281px 927px #fff, 970px 1017px #fff, 1742px 1190px #fff, 1153px 1623px #fff, 425px 1572px #fff, 1396px 845px #fff, 1124px 1336px #fff, 149px 603px #fff, 376px 166px #fff, 1402px 418px #fff, 799px 6px #fff, 655px 488px #fff, 1071px 934px #fff, 305px 887px #fff;
  animation-name: glowing-stars;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: linear;
  animation-delay: 0.8s;
}

@keyframes glowing-stars {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0.7;
  }
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}

@media (min-width: 992px) {
  .desktop-header {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    background-color: transparent;
    box-shadow: none;
    color: white;
  }
  .desktop-header .header-item .icon:before {
    color: white;
  }
  .desktop-header .header-user-control .user-info,
  .desktop-header .header-user-control .language-switcher-btn,
  .desktop-header .header-user-control .theme-switcher-btn {
    border: 1px solid white !important;
  }
  .desktop-header .header-user-control .user-info .user-name {
    color: white;
  }
  .desktop-header .header-item .header-btn:hover:not(.search-link) {
    background-color: transparent !important;
  }
  .desktop-header .header-user-control .user-info .icon-arrow-down:before,
  .desktop-header .header-user-control .language-switcher-btn .icon-arrow-down:before,
  .desktop-header .header-user-control .theme-switcher-btn .icon-arrow-down:before {
    color: white;
  }
  .desktop-header.scrolled-header, .desktop-header.white-bg {
    color: #1e2337;
    background-color: white !important;
    box-shadow: 0px 5px 10px rgba(204, 204, 204, 0.8);
  }
  .desktop-header.scrolled-header .header-item .icon:before, .desktop-header.white-bg .header-item .icon:before {
    color: #1e2337;
  }
  .desktop-header.scrolled-header .header-user-control .user-info,
  .desktop-header.scrolled-header .header-user-control .language-switcher-btn,
  .desktop-header.scrolled-header .header-user-control .theme-switcher-btn, .desktop-header.white-bg .header-user-control .user-info,
  .desktop-header.white-bg .header-user-control .language-switcher-btn,
  .desktop-header.white-bg .header-user-control .theme-switcher-btn {
    border: 1px solid #1e1e1e !important;
  }
  .desktop-header.scrolled-header .header-user-control .user-info .user-name, .desktop-header.white-bg .header-user-control .user-info .user-name {
    color: #1e2337 !important;
  }
  .desktop-header.scrolled-header .header-item .header-btn:hover:not(.search-link), .desktop-header.white-bg .header-item .header-btn:hover:not(.search-link) {
    background-color: white !important;
  }
  .desktop-header.scrolled-header .header-user-control .user-info .icon-arrow-down:before,
  .desktop-header.scrolled-header .header-user-control .language-switcher-btn .icon-arrow-down:before,
  .desktop-header.scrolled-header .header-user-control .theme-switcher-btn .icon-arrow-down:before, .desktop-header.white-bg .header-user-control .user-info .icon-arrow-down:before,
  .desktop-header.white-bg .header-user-control .language-switcher-btn .icon-arrow-down:before,
  .desktop-header.white-bg .header-user-control .theme-switcher-btn .icon-arrow-down:before {
    color: #000;
  }
  .desktop-header.white-bg {
    position: sticky;
    box-shadow: 0px 5px 10px rgba(204, 204, 204, 0.8);
  }
  .desktop-header.show .header-btn,
  .desktop-header .header-btn:hover {
    outline: none;
    text-decoration: none;
  }
  .desktop-header.show .header-btn:not(.search-link),
  .desktop-header .header-btn:hover:not(.search-link) {
    background-color: #fff !important;
  }
  .desktop-header.show .header-btn:not(.search-link) .icon:before,
  .desktop-header .header-btn:hover:not(.search-link) .icon:before {
    color: #1473db !important;
    transition: color 0.3s ease;
  }
  .desktop-header .header-user-control .user-info, .desktop-header .header-user-control .language-switcher-btn, .desktop-header .header-user-control .theme-switcher-btn {
    border: 1px solid #1E1E1E;
    padding: 10px 16px;
    border-radius: 20px;
    font-size: 0.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .desktop-header .header-user-control .user-info .icon-arrow-down:before, .desktop-header .header-user-control .language-switcher-btn .icon-arrow-down:before, .desktop-header .header-user-control .theme-switcher-btn .icon-arrow-down:before {
    padding-inline-start: 8px !important;
    font-size: 0.8333333333rem;
  }
  .desktop-header .header-user-control .language-switcher-btn {
    padding: 0.25rem 3rem;
  }
  .desktop-header .header-user-control .language-switcher-btn span img {
    width: 15px;
  }
  .desktop-header .header-user-control .language-switcher-btn span{
    line-height: normal;
}
  .desktop-header .header-item:not(:last-child) {
    margin-inline-end: 0.8rem;
  }
  .desktop-header .header-item .icon {
    font-size: 1.5rem;
  }
  .desktop-header .header-item .icon.icon-arrow-down {
    font-size: 1rem !important;
  }
  .desktop-header .header-item .icon.icon-fi-rr-opacity, .desktop-header .header-item .icon.setting-icon {
    padding: 0.25rem 0rem;
  }
  .desktop-header .header-item .icon-Menu-Dots-1 {
    font-size: 2.5rem !important;
  }
  .desktop-header .font-resize .font-option {
    display: inline-block;
    line-height: 1;
    font-weight: 600;
    margin-inline-end: 1rem;
  }
  .desktop-header .font-resize .font-option.active {
    color: #1473db;
  }
  .desktop-header .font-resize .font-option.large-font {
    font-size: 1.4rem;
  }
  .desktop-header .font-resize .font-option.medium-font {
    font-size: 1.15rem;
  }
  .desktop-header .font-resize .font-option.small-font {
    font-size: 0.9rem;
  }
  .desktop-header .lang-switcher .active {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .desktop-header .lang-switcher .active:after {
    content: "\e903";
    font-family: portalIcons;
    color: #1473db;
    font-size: 0.75rem;
  }
  .desktop-header .logo {
    height: 3.85rem;
  }
  #notificationsButton .icon::before {
    content: "\e90d";
  }
  #notificationsButton:hover .icon::before {
    color: #1473db !important;
  }
}
.dropdown-list .options-wrp .lang-option .active:after {
  content: "\e910" !important;
  font-family: portalIcons;
  color: #1473db;
  font-size: 0.75rem;
}

.header-dropdown-menu {
  top: 3.3rem !important;
}
.header-dropdown-menu .dropdown-menu-item.contrast .options-wrp {
  display: flex;
  justify-content: space-between;
}


@media (max-width: 991.98px) {
  .app-header {
    position: static !important;
    width: 100vw;
    z-index: 1040;
  }
  .bottom-mobile-bar {
    position: static !important;
    width: 100vw;
    background-color: #F6F6F6;
    color: #fff;
    z-index: 1040;
  }
  .bottom-mobile-bar .container .header-wrapper .nav-wrp .head-offcanvas {
    font-size: 1.5rem !important;
    padding-bottom: 0rem !important;
  }
  .bottom-mobile-bar .container .header-wrapper .nav-wrp .offcanvas-body li {
    font-size: 1.3333333333rem !important;
  }
  .bottom-mobile-bar .container .icon {
    font-size: 1.5rem !important;
  }
  .bottom-mobile-bar .nav-item {
    flex-grow: 0 !important;
  }
  .bottom-mobile-bar .nav-item .icon:before {
    color: #000;
  }
  .mobile-logo {
    display: block;
    height: 3.85rem;
    margin-inline-end: 1.8461538462rem;
  }
  .mobile-logo img {
    width: auto;
  }
  .mobile-header-btn {
    border: 1px solid #1E1E1E;
    border-radius: 50%;
    font-size: 0.745rem;
    color: #000;
    width: 40.22px;
    height: 40.22px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .lang-option.active {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .lang-option.active:after {
    content: "\e903";
    font-family: portalIcons;
    color: #1473db;
    font-size: 0.8rem;
  }
  .top-mobile-ribbon {
    padding-top: 1rem;
    margin-bottom: 0 !important;
  }
  .top-mobile-ribbon .container .ribbon-wrp .navigation-wrp li {
    display: none;
  }
  .top-mobile-ribbon .container .ribbon-wrp .navigation-wrp li.active {
    display: block;
  }
  .nav-wrp {
    justify-content: space-between !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 22.12px;
  }
  .mobile-settings .settings-menu .options-wrp, .mobile-settings .settings-menu .title {
    padding: 0.25rem 0rem !important;
  }
  .mobile-settings-offCanvas li {
    padding: 1rem 0rem;
  }
  .mobile-settings-offCanvas a {
    color: #1E1E1E;
  }
  .mobile-settings-offCanvas li a .icon, .mobile-settings-offCanvas .lib-icon-logout {
    padding-inline-end: 1rem;
  }
}
button.theme-switcher-btn {
  padding: 3px 10px !important;
}

@media (max-width: 991.98px) {
  .bottom-mobile-bar .container .header-wrapper .nav-wrp .offcanvas-body li.large-font button {
    font-size: 2.3rem !important;
  }
  .bottom-mobile-bar .container .header-wrapper .nav-wrp .offcanvas-body li.medium-font button {
    font-size: 1.8rem !important;
  }
  .bottom-mobile-bar .container .header-wrapper .nav-wrp .offcanvas-body li.small-font button {
    font-size: 1.3rem !important;
  }
}
@media (max-width: 991.98px) {
  .top-mobile-ribbon {
    position: static !important;
    background-color: transparent !important;
    color: #000 !important;
  }
  .top-mobile-ribbon .page-title,
  .top-mobile-ribbon .back-link span:before {
    color: #000 !important;
  }
  .top-mobile-ribbon .action-btn {
    color: #1473db !important;
  }
}

.page-header {
  display: block !important;
}
@media (max-width: 991.98px) {
  .page-header {
    background-color: #1473db;
    padding: 2rem 0;
  }
  .page-header .page-title {
    display: none !important;
  }

}
.search-control button span {
    font-size: 1.2rem;
    vertical-align: middle;
    display: flex;
    align-items: center;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 991.98px) {
  .services-listing .service-catalog {
    flex-direction:column;
    gap:1rem;
  }
 .ltr .switch-lang{
   font-family: sans-serif;
    font-weight: bold;
    font-size: 1rem;
}
}
@media (max-width: 991.98px) {
.nav-item{
  margin-inline-start:0px !important;
}
@media (max-width:576px ) {
    .nav-wrp {
gap:1rem;
    }
  }
footer .footer-links .footer-item:not(.d-flex).expanded ul li {
  margin-inline-start: 1rem !important;
}
.services-listing .service-catalog .home-title{
  font-size:1.75rem;
}

}
.offcanvas.offcanvas-bottom{
    background-color: white;
    height: auto;
    border-start-start-radius: 1rem;
    border-start-end-radius: 1rem;
    padding-inline-start:1rem;
    padding-top:1rem;
}
.offcanvas.offcanvas-bottom.show .btn-close.text-reset{
  font-size: 1.5rem;
}
.offcanvas-body{
  padding-top:0rem !important;
}
.offcanvas-body .options-wrp{
  gap:1.5rem;
  margin-bottom: 1rem;
}
.offcanvas-body .options-wrp .font-option{
  font-weight:700;
}
.offcanvas-body .options-wrp .font-resize .title{
        display: block;
        font-size: 1.1666666667rem;
        font-weight: 700;
        color: #afafaf;
        margin-bottom: 0;
        line-height: 1.2;
}
.icon-fi-rr-menu-burger:before {
  content: "\e920";
  color: #1473db;
}
.no-results-msg {
  margin-top: 10rem;
}
.no-results-msg span {
  font-size: 10rem !important;
}
.no-results-msg span:before {
  color: #565960;
}
.no-results-msg p {
 font-size: 1.75rem;
  color: #565960;
}
@media (min-width: 992px) {
  .no-results-msg {
    margin: 2rem 0;
  }
}
.rtl .services-listing .service-catalog-card:hover .icon-flat-arrow-right {
    transform: scaleX(-1.2);
}