@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap";
@import "./dga-grid.css";
@import "./dga-spacing.css";
@import "./dga-typography.css";
@import "./dga-layout.css";
@import "./dga-card.css";
@import "./dga-colors.css";
@import "./dga-table.css";
@import "./dga-buttons.css";
@import "./dga-tags.css";
@import "./dga-form.css";
@import "./dga-tabs.css";
@import "./dga-utils.css";
@import "./dga-header.css";
@import "./dga-footer.css";
@import "./diabled.css";
@import "./responsive.css";

:root {
    --gray-25: #fcfcfd;
    --gray-50: #f9fafb;
    --gray-100: #f3f4f6;
    --gray-200: #e5e7eb;
    --gray-300: #d2d6db;
    --gray-400: #9da4ae;
    --gray-500: #6c737f;
    --gray-600: #4d5761;
    --gray-700: #384250;
    --gray-800: #1f2a37;
    --gray-900: #111927;
    --gray-950: #0d121c;
    --theme-black: var(--gray-950);
    --primary-25: #f7fdf9;
    --primary-50: #f3fcf6;
    --primary-100: #dff6e7;
    --primary-200: #b8eacb;
    --primary-300: #88d8ad;
    --primary-400: #54c08a;
    --primary-500: #25935f;
    --primary-600: #1b8354;
    --primary-700: #166a45;
    --primary-800: #14573a;
    --primary-900: #104631;
    --primary-950: #092a1e;
    --text-link-primary: var(--primary-600);
    --text-default: #161616;
    --text-typography: #131826;
    --gold-25: #fffff7;
    --gold-50: #fffef2;
    --gold-100: #fffce6;
    --gold-200: #fcf3bd;
    --gold-300: #fae996;
    --gold-400: #f7d54d;
    --gold-500: #f5bd02;
    --gold-600: #dba102;
    --gold-700: #b87b02;
    --gold-800: #945c01;
    --gold-900: #6e3c00;
    --gold-950: #472400;
    --lavender-25: #fefcff;
    --lavender-50: #f9f5fa;
    --lavender-100: #f2e9f5;
    --lavender-200: #e1cce8;
    --lavender-300: #ccadd9;
    --lavender-400: #a57bba;
    --lavender-500: #80519f;
    --lavender-600: #6d428f;
    --lavender-700: #532d75;
    --lavender-800: #3d1d5e;
    --lavender-900: #281047;
    --lavender-950: #16072e;
    --danger-25: #fffbfa;
    --danger-50: #fef3f2;
    --danger-100: #fee4e2;
    --danger-200: #fecdca;
    --danger-300: #fda29b;
    --danger-400: #f97066;
    --danger-500: #f04438;
    --danger-600: #d92d20;
    --danger-700: #b42318;
    --danger-800: #912018;
    --danger-900: #7a271a;
    --danger-950: #55160c;
    --warning-25: #fffcef;
    --warning-50: #fffaeb;
    --warning-100: #fef0c7;
    --warning-200: #fedf89;
    --warning-300: #fec84b;
    --warning-400: #fdb022;
    --warning-500: #f79009;
    --warning-600: #dc6803;
    --warning-700: #b54708;
    --warning-800: #93370d;
    --warning-900: #7a2e0e;
    --warning-950: #4e1d09;
    --info-25: #f5faff;
    --info-50: #EFF8FF;
    --info-100: #d1e9ff;
    --info-200: #b2ddff;
    --info-300: #84caff;
    --info-400: #53b1fd;
    --info-500: #2e90fa;
    --info-600: #1570ef;
    --info-700: #175cd3;
    --info-800: #1849a9;
    --info-900: #194185;
    --info-950: #102a56;
    --success-25: #f6fef9;
    --success-50: var(--info-50);
    --success-100: #dcfae6;
    --success-200: #abefc6;
    --success-300: #75e0a7;
    --success-400: #47cd89;
    --success-500: #17b26a;
    --success-600: #079455;
    --success-700: #067647;
    --success-800: #085d3a;
    --success-900: #074d31;
    --success-950: #053321;
    --white: #ffffff;
    --black: #000000;
    --gradient-sa600-to-sa500: linear-gradient(90deg, var(--primary-600) 0%, var(--primary-500) 100%);
    --gradient-sa700-to-sa600: linear-gradient(45deg, var(--primary-700) 0%, var(--primary-600) 100%);
    --gradient-sa950-to-sa600: linear-gradient(45deg, var(--primary-950) 0%, var(--primary-600) 100%);
    --gradient-sa800-to-sa600: linear-gradient(90deg, var(--primary-800) 0%, var(--primary-600) 100%);
    --gradient-sa800-to-sa700: linear-gradient(26.5deg, var(--primary-800) 0%, var(--primary-700) 100%);
    --gradient-sa900-to-sa600: linear-gradient(45deg, var(--primary-900) 0%, var(--primary-600) 100%);
    --text-primary-dark: var(--gray-950);
    --text-secondary-dark: var(--gray-700);
    --text-tertiary-dark: var(--gray-600);
    --text-primary-light: var(--white);
    --text-secondary-light: rgba(255, 255, 255, 0.7);
    --text-tertiary-light: rgba(255, 255, 255, 0.6);
    --text-sa-primary: var(--gray-950);
    --text-sa-secondary: var(--gray-700);
    --text-sa-tertiary: var(--gray-600);
    --text-error: var(--danger-600);
    --text-warning: var(--warning-600);
    --text-success: var(--primary-600);
    --text-info: var(--info-600);
    --text-dark: var(--text-default);
    --border-dark-color: var(--text-default);
    --bs-card-bg: white;
    --link-color: #333;
    --font-primary: "IBM Plex Sans Arabic";
    --section-gap: 40px;
    --text-size-xl: 20px;
    --text-size-display-xl: 60px;
}

.hide,
.route-shaqraa-contact-form .page-footer-section,.open-data-header,.newsletter-button,.single-faculty-activities-section{
    display: none !important;
    visibility: hidden !important;
}

body {
    font-family: var(--font-primary);
    background-color: var(--white);
}
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: var(--font-primary);
    color: var(--text-default) !important;
}

*{
    font-family: var(--font-primary) !important;
}

p,.page-content-p,p span{
    font-family: var(--font-primary);
    font-weight: 400 !important;
    font-size: 1rem !important;         /* 16px */
    line-height: 1.5rem !important;     /* 24px */
    margin-bottom: 0rem;
    color: var(--text-default) !important;
}
.text-content ul{
list-style: disc;
    display: inline;
    float: right;
    margin-right: 20px;
}

::selection {
  background-color: var(--primary-700) !important;
  color: var(--white) !important;
}
::-moz-selection {
  background-color: var(--primary-700) !important;
  color: var(--white) !important;
}
.custom-highlight::selection {
  background-color: var(--primary-700) !important;
  color: var(--white) !important;
}

abbr[title] {
    text-decoration: underline dotted;
    cursor: help;
    text-decoration-skip-ink: none;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

ol,
ul {
    padding-left: 2rem;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

dt {
    font-weight: 700;
}

dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

b,
strong {
    font-weight: bolder;
}

small,
.small {
    font-size: 0.875em;
}

mark,
.mark {
    padding: 0.1875em;
    color: var(--bs-highlight-color);
    background-color: var(--bs-highlight-bg);
}

sub,
sup {
    position: relative;
    font-size: 0.75em;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

a {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
    text-decoration: underline;
}

a:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}

pre,
code,
kbd,
samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 0.875em;
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
}

code {
    font-size: 0.875em;
    color: var(--bs-code-color);
    word-wrap: break-word;
}

a>code {
    color: inherit;
}

kbd {
    padding: 0.1875rem 0.375rem;
    font-size: 0.875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: 0.125rem;
}

kbd kbd {
    padding: 0;
    font-size: 1em;
}

figure {
    margin: 0 0 1rem;
}

img,
svg {
    vertical-align: middle;
}

table {
    caption-side: bottom;
    border-collapse: collapse;
}

caption {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: var(--bs-secondary-color);
    text-align: left;
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}

::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

textarea {
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    line-height: inherit;
    font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
    legend {
        font-size: 1.5rem;
    }
}

legend+* {
    clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
    padding: 0;
}

::-webkit-inner-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
    padding: 0;
}

::file-selector-button {
    font: inherit;
    -webkit-appearance: button;
}

output {
    display: inline-block;
}

iframe {
    border: 0;
}

summary {
    display: list-item;
    cursor: pointer;
}

progress {
    vertical-align: baseline;
}

[hidden] {
    display: none !important;
}

.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.fade {
    transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}

.fade:not(.show) {
    opacity: 0;
}

.collapse:not(.show) {
    display: none;
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing.collapse-horizontal {
        transition: none;
    }
}
/*
.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

.btn-group>.btn,
.btn-group-vertical>.btn {
    position: relative;
    flex: 1 1 auto;
}

.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn:hover,
.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn:hover,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn.active {
    z-index: 1;
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.btn-toolbar .input-group {
    width: auto;
}

.btn-group {
    border-radius: var(--bs-border-radius);
}

.btn-group> :not(.btn-check:first-child)+.btn,
.btn-group>.btn-group:not(:first-child) {
    margin-left: calc(-1 * var(--bs-border-width));
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn.dropdown-toggle-split:first-child,
.btn-group>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group>.btn:nth-child(n + 3),
.btn-group> :not(.btn-check)+.btn,
.btn-group>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
    padding-right: 0.5625rem;
    padding-left: 0.5625rem;
}

.dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after,
.dropend .dropdown-toggle-split:after {
    margin-left: 0;
}

.dropstart .dropdown-toggle-split:before {
    margin-right: 0;
}

.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
}

.btn-lg+.dropdown-toggle-split,
.btn-group-lg>.btn+.dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%;
}

.btn-group-vertical>.btn:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child) {
    margin-top: calc(-1 * var(--bs-border-width));
}

.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn:nth-child(n + 3),
.btn-group-vertical> :not(.btn-check)+.btn,
.btn-group-vertical>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
} */

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    background: none;
    border: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .nav-link {
        transition: none;
    }
}

.nav-link:hover,
.nav-link:focus {
    color: var(--bs-nav-link-hover-color);
}

.nav-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 0.25rem #0d6efd40;
}

.nav-link.disabled,
.nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default;
}

.nav-tabs {
    --bs-nav-tabs-border-width: var(--bs-border-width);
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-border-radius: var(--bs-border-radius);
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}

.nav-tabs .nav-link {
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius);
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    isolation: isolate;
    border-color: var(--bs-nav-tabs-link-hover-border-color);
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--primary-700);
}

.nav-tabs .dropdown-menu {
    margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: var(--white);
    --bs-nav-pills-link-active-bg: var(--primary-600);
}

.nav-pills .nav-link {
    border-radius: var(--bs-nav-pills-border-radius);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link,
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link:hover {
    color: var(--white);
    background-color: var(--gray-950) !important;
}

.nav-underline {
    --bs-nav-underline-gap: 1rem;
    --bs-nav-underline-border-width: 0.125rem;
    --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
    gap: var(--bs-nav-underline-gap);
}

.nav-underline .nav-link {
    padding-right: 0;
    padding-left: 0;
    border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}

.nav-underline .nav-link:hover,
.nav-underline .nav-link:focus {
    border-bottom-color: currentcolor;
}

.nav-underline .nav-link.active,
.nav-underline .show>.nav-link {
    font-weight: 700;
    color: var(--bs-nav-underline-link-active-color);
    border-bottom-color: currentcolor;
}

.nav-fill>.nav-link,
.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified>.nav-link,
.nav-justified .nav-item {
    flex-grow: 1;
    flex-basis: 0;
    text-align: center;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
    width: 100%;
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
    outline: none;
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-padding-y: 0.4125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.125rem;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.125rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2817, 25, 39, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
    --bs-navbar-toggler-border-radius: var(--bs-border-radius);
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-sm,
.navbar>.container-md,
.navbar>.container-lg,
.navbar>.container-xl,
.navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
}

.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    text-decoration: none;
    white-space: nowrap;
}

.navbar-brand:hover,
.navbar-brand:focus {
    color: var(--bs-navbar-brand-hover-color);
}

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: var(--bs-navbar-active-color);
}

.navbar-nav .dropdown-menu {
    position: static;
}

.navbar-text {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: var(--bs-navbar-color);
}

.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
    color: var(--bs-navbar-active-color);
}

.navbar-collapse {
    flex-grow: 1;
    flex-basis: 100%;
    align-items: center;
}

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition);
}

@media (prefers-reduced-motion: reduce) {
    .navbar-toggler {
        transition: none;
    }
}

.navbar-toggler:hover {
    text-decoration: none;
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto;
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction: row;
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x);
    }

    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible;
    }

    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .navbar-expand-sm .navbar-toggler {
        display: none;
    }

    .navbar-expand-sm .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none;
    }

    .navbar-expand-sm .offcanvas .offcanvas-header {
        display: none;
    }

    .navbar-expand-sm .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row;
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x);
    }

    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible;
    }

    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .navbar-expand-md .navbar-toggler {
        display: none;
    }

    .navbar-expand-md .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none;
    }

    .navbar-expand-md .offcanvas .offcanvas-header {
        display: none;
    }

    .navbar-expand-md .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x);
    }

    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible;
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .navbar-expand-lg .navbar-toggler {
        display: none;
    }

    .navbar-expand-lg .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none;
    }

    .navbar-expand-lg .offcanvas .offcanvas-header {
        display: none;
    }

    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row;
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x);
    }

    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible;
    }

    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .navbar-expand-xl .navbar-toggler {
        display: none;
    }

    .navbar-expand-xl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none;
    }

    .navbar-expand-xl .offcanvas .offcanvas-header {
        display: none;
    }

    .navbar-expand-xl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
    }
}

@media (min-width: 1400px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-xxl .navbar-nav {
        flex-direction: row;
    }

    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x);
    }

    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible;
    }

    .navbar-expand-xxl .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .navbar-expand-xxl .navbar-toggler {
        display: none;
    }

    .navbar-expand-xxl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none;
    }

    .navbar-expand-xxl .offcanvas .offcanvas-header {
        display: none;
    }

    .navbar-expand-xxl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
    }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.navbar-expand .navbar-nav {
    flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible;
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
}

.navbar-expand .navbar-toggler {
    display: none;
}

.navbar-expand .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
}

.navbar-expand .offcanvas .offcanvas-header {
    display: none;
}

.navbar-expand .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
}

.navbar-dark,
.navbar[data-bs-theme="dark"] {
    --bs-navbar-color: rgba(255, 255, 255, 0.55);
    --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
    --bs-navbar-active-color: var(--white);
    --bs-navbar-brand-color: var(--white);
    --bs-navbar-brand-hover-color: var(--white);
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

[data-bs-theme="dark"] .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-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, border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23111927' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%285.2, 44, 101.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none;
    }
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-button:not(.collapsed):after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform);
}

.accordion-button:after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button:after {
        transition: none;
    }
}

.accordion-button:hover {
    z-index: 2;
}

.accordion-button:focus {
    z-index: 3;
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-header {
    margin-bottom: 0;
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}

.accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius);
}

.accordion-item:first-of-type>.accordion-header .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius);
}

.accordion-item:not(:first-of-type) {
    border-top: 0;
}

.accordion-item:last-of-type {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}

.accordion-item:last-of-type>.accordion-collapse {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.accordion-flush>.accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.accordion-flush>.accordion-item:first-child {
    border-top: 0;
}

.accordion-flush>.accordion-item:last-child {
    border-bottom: 0;
}

.accordion-flush>.accordion-item>.accordion-collapse,
.accordion-flush>.accordion-item>.accordion-header .accordion-button,
.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {
    border-radius: 0;
}

[data-bs-theme="dark"] .accordion-button:after {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}

.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-bg: ;
    --bs-breadcrumb-border-radius: ;
    --bs-breadcrumb-divider-color: var(--bs-secondary-color);
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius);
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: var(--bs-breadcrumb-item-padding-x);
}

.breadcrumb-item+.breadcrumb-item:before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider, "/");
}

.breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color);
}

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-pagination-active-color: var(--white);
    --bs-pagination-active-bg: var(--primary-600);
    --bs-pagination-active-border-color: var(--primary-600);
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    display: flex;
    padding-left: 0;
    list-style: none;
}

.page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    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) {
    .page-link {
        transition: none;
    }
}

.page-link:hover {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color);
}

.page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: var(--bs-pagination-focus-bg);
    outline: 0;
    box-shadow: var(--bs-pagination-focus-box-shadow);
}

.page-link.active,
.active>.page-link {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color);
}

.page-link.disabled,
.disabled>.page-link {
    color: var(--bs-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color);
}

.page-item:not(:first-child) .page-link {
    margin-left: calc(-1 * var(--bs-border-width));
}

.page-item:first-child .page-link {
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius);
}

.page-item:last-child .page-link {
    border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius);
}

.pagination-lg {
    --bs-pagination-padding-x: 1.5rem;
    --bs-pagination-padding-y: 0.75rem;
    --bs-pagination-font-size: 1.125rem;
    --bs-pagination-border-radius: var(--bs-border-radius-lg);
}

.pagination-sm {
    --bs-pagination-padding-x: 0.5rem;
    --bs-pagination-padding-y: 0.25rem;
    --bs-pagination-font-size: 0.875rem;
    --bs-pagination-border-radius: var(--bs-border-radius-sm);
}

.badge {
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: var(--white);
    --bs-badge-border-radius: var(--bs-border-radius);
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius);
}

.badge:empty {
    display: none;
}

.btn .badge {
    position: relative;
    top: -1px;
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--bs-border-radius);
    --bs-alert-link-color: inherit;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius);
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 700;
    color: var(--bs-alert-link-color);
}


.alert-dismissible .btn-close {
    margin: 0;
}

.alert-primary {
    --bs-alert-color: var(--bs-primary-text-emphasis);
    --bs-alert-bg: var(--bs-primary-bg-subtle);
    --bs-alert-border-color: var(--bs-primary-border-subtle);
    --bs-alert-link-color: var(--bs-primary-text-emphasis);
}

.alert-secondary {
    --bs-alert-color: var(--bs-secondary-text-emphasis);
    --bs-alert-bg: var(--bs-secondary-bg-subtle);
    --bs-alert-border-color: var(--bs-secondary-border-subtle);
    --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}

.alert-success {
    --bs-alert-color: var(--bs-success-text-emphasis);
    --bs-alert-bg: var(--bs-success-bg-subtle);
    --bs-alert-border-color: var(--bs-success-border-subtle);
    --bs-alert-link-color: var(--bs-success-text-emphasis);
}

.alert-info {
    --bs-alert-color: var(--bs-info-text-emphasis);
    --bs-alert-bg: var(--bs-info-bg-subtle);
    --bs-alert-border-color: var(--bs-info-border-subtle);
    --bs-alert-link-color: var(--bs-info-text-emphasis);
}

.alert-warning {
    --bs-alert-color: var(--bs-warning-text-emphasis);
    --bs-alert-bg: var(--bs-warning-bg-subtle);
    --bs-alert-border-color: var(--bs-warning-border-subtle);
    --bs-alert-link-color: var(--bs-warning-text-emphasis);
}

.alert-danger {
    --bs-alert-color: var(--bs-danger-text-emphasis);
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text-emphasis);
}

.alert-light {
    --bs-alert-color: var(--bs-light-text-emphasis);
    --bs-alert-bg: var(--bs-light-bg-subtle);
    --bs-alert-border-color: var(--bs-light-border-subtle);
    --bs-alert-link-color: var(--bs-light-text-emphasis);
}

.alert-dark {
    --bs-alert-color: var(--bs-dark-text-emphasis);
    --bs-alert-bg: var(--bs-dark-bg-subtle);
    --bs-alert-border-color: var(--bs-dark-border-subtle);
    --bs-alert-link-color: var(--bs-dark-text-emphasis);
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: var(--bs-progress-height);
    }
}

.progress,
.progress-stacked {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: 0.75rem;
    --bs-progress-bg: var(--bs-secondary-bg);
    --bs-progress-border-radius: var(--bs-border-radius);
    --bs-progress-box-shadow: var(--bs-box-shadow-inset);
    --bs-progress-bar-color: var(--white);
    --bs-progress-bar-bg: var(--bs-blue);
    --bs-progress-bar-transition: width 0.6s ease;
    display: flex;
    height: var(--bs-progress-height);
    overflow: hidden;
    font-size: var(--bs-progress-font-size);
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius);
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: var(--bs-progress-bar-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-progress-bar-bg);
    transition: var(--bs-progress-bar-transition);
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none;
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,
            rgba(255, 255, 255, 0.15) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, 0.15) 50%,
            rgba(255, 255, 255, 0.15) 75%,
            transparent 75%,
            transparent);
    background-size: var(--bs-progress-height) var(--bs-progress-height);
}

.progress-stacked>.progress {
    overflow: visible;
}

.progress-stacked>.progress>.progress-bar {
    width: 100%;
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes;
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        animation: none;
    }
}

:root,
[data-bs-theme="light"] {
    --bs-btn-close-filter: ;
}

[data-bs-theme="dark"] {
    --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
    --bs-toast-zindex: 1090;
    --bs-toast-padding-x: 0.75rem;
    --bs-toast-padding-y: 0.5rem;
    --bs-toast-spacing: 1.25rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: 0.875rem;
    --bs-toast-color: ;
    --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
    --bs-toast-border-width: var(--bs-border-width);
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-border-radius: var(--bs-border-radius);
    --bs-toast-box-shadow: var(--bs-box-shadow);
    --bs-toast-header-color: var(--bs-secondary-color);
    --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
    --bs-toast-header-border-color: var(--bs-border-color-translucent);
    width: var(--bs-toast-max-width);
    max-width: 100%;
    font-size: var(--bs-toast-font-size);
    color: var(--bs-toast-color);
    pointer-events: auto;
    background-color: var(--bs-toast-bg);
    background-clip: padding-box;
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    box-shadow: var(--bs-toast-box-shadow);
    border-radius: var(--bs-toast-border-radius);
}

.toast.showing {
    opacity: 0;
}

.toast:not(.show) {
    display: none;
}

.toast-container {
    --bs-toast-zindex: 1090;
    position: absolute;
    z-index: var(--bs-toast-zindex);
    width: max-content;
    max-width: 100%;
    pointer-events: none;
}

.toast-container> :not(:last-child) {
    margin-bottom: var(--bs-toast-spacing);
}

.toast-header {
    display: flex;
    align-items: center;
    padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
    color: var(--bs-toast-header-color);
    background-color: var(--bs-toast-header-bg);
    background-clip: padding-box;
    border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
    border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}

.toast-header .btn-close {
    margin-right: calc(-0.5 * var(--bs-toast-padding-x));
    margin-left: var(--bs-toast-padding-x);
}

.toast-body {
    padding: var(--bs-toast-padding-x);
    word-wrap: break-word;
}
.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: var(--bs-body-color);
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: var(--bs-box-shadow-sm);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: var(--bs-border-width);
    --bs-modal-title-line-height: 1.4;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: var(--bs-border-width);
    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.modal-dialog-centered{
    width: 500px;
    margin: 0 auto;
    border: 1px solid var(--gray-300) !important;
    background-color: var(--white) !important;;
    border-radius: 16px !important;
    padding: 24px !important;
    top: 30%;
    position: relative;
    box-shadow: 0px 0px 12px var(--gray-300);
}
.modal-title{
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
    font-weight: 700 !important;
    color: var(--gray-800) !important;
}
.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: 0.5rem;
    --bs-tooltip-padding-y: 0.25rem;
    --bs-tooltip-margin: ;
    --bs-tooltip-font-size: 0.875rem;
    --bs-tooltip-color: var(--bs-body-bg);
    --bs-tooltip-bg: var(--bs-emphasis-color);
    --bs-tooltip-border-radius: var(--bs-border-radius);
    --bs-tooltip-opacity: 0.9;
    --bs-tooltip-arrow-width: 0.8rem;
    --bs-tooltip-arrow-height: 0.4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    margin: var(--bs-tooltip-margin);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-tooltip-font-size);
    word-wrap: break-word;
    opacity: 0;
}

.tooltip.show {
    opacity: var(--bs-tooltip-opacity);
}

.tooltip .tooltip-arrow {
    display: block;
    width: var(--bs-tooltip-arrow-width);
    height: var(--bs-tooltip-arrow-height);
}

.tooltip .tooltip-arrow:before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
    bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}

.bs-tooltip-top .tooltip-arrow:before,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow:before {
    top: -1px;
    border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
    border-top-color: var(--bs-tooltip-bg);
}

.bs-tooltip-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
    left: calc(-1 * var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width);
}

.bs-tooltip-end .tooltip-arrow:before,
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow:before {
    right: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
    border-right-color: var(--bs-tooltip-bg);
}

.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
    top: calc(-1 * var(--bs-tooltip-arrow-height));
}

.bs-tooltip-bottom .tooltip-arrow:before,
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow:before {
    bottom: -1px;
    border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
    border-bottom-color: var(--bs-tooltip-bg);
}

.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
    right: calc(-1 * var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width);
}

.bs-tooltip-start .tooltip-arrow:before,
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow:before {
    left: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
    border-left-color: var(--bs-tooltip-bg);
}

.tooltip-inner {
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
    color: var(--bs-tooltip-color);
    text-align: center;
    background-color: var(--bs-tooltip-bg);
    border-radius: var(--bs-tooltip-border-radius);
}

.popover {
    --bs-popover-zindex: 1070;
    --bs-popover-max-width: 276px;
    --bs-popover-font-size: 0.875rem;
    --bs-popover-bg: var(--bs-body-bg);
    --bs-popover-border-width: var(--bs-border-width);
    --bs-popover-border-color: var(--bs-border-color-translucent);
    --bs-popover-border-radius: var(--bs-border-radius-lg);
    --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
    --bs-popover-box-shadow: var(--bs-box-shadow);
    --bs-popover-header-padding-x: 1rem;
    --bs-popover-header-padding-y: 0.5rem;
    --bs-popover-header-font-size: 1rem;
    --bs-popover-header-color: inherit;
    --bs-popover-header-bg: var(--bs-secondary-bg);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-popover-body-color: var(--bs-body-color);
    --bs-popover-arrow-width: 1rem;
    --bs-popover-arrow-height: 0.5rem;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    z-index: var(--bs-popover-zindex);
    display: block;
    max-width: var(--bs-popover-max-width);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-popover-font-size);
    word-wrap: break-word;
    background-color: var(--bs-popover-bg);
    background-clip: padding-box;
    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius: var(--bs-popover-border-radius);
}

.popover .popover-arrow {
    display: block;
    width: var(--bs-popover-arrow-width);
    height: var(--bs-popover-arrow-height);
}

.popover .popover-arrow:before,
.popover .popover-arrow:after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
    border-width: 0;
}

.bs-popover-top>.popover-arrow,
.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow {
    bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}

.bs-popover-top>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow:before,
.bs-popover-top>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow:after {
    border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}

.bs-popover-top>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow:before {
    bottom: 0;
    border-top-color: var(--bs-popover-arrow-border);
}

.bs-popover-top>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow:after {
    bottom: var(--bs-popover-border-width);
    border-top-color: var(--bs-popover-bg);
}

.bs-popover-end>.popover-arrow,
.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow {
    left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width);
}

.bs-popover-end>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow:before,
.bs-popover-end>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow:after {
    border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}

.bs-popover-end>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow:before {
    left: 0;
    border-right-color: var(--bs-popover-arrow-border);
}

.bs-popover-end>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow:after {
    left: var(--bs-popover-border-width);
    border-right-color: var(--bs-popover-bg);
}

.bs-popover-bottom>.popover-arrow,
.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow {
    top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}

.bs-popover-bottom>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow:before,
.bs-popover-bottom>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow:after {
    border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}

.bs-popover-bottom>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow:before {
    top: 0;
    border-bottom-color: var(--bs-popover-arrow-border);
}

.bs-popover-bottom>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow:after {
    top: var(--bs-popover-border-width);
    border-bottom-color: var(--bs-popover-bg);
}

.bs-popover-bottom .popover-header:before,
.bs-popover-auto[data-popper-placement^="bottom"] .popover-header:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: var(--bs-popover-arrow-width);
    margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
    content: "";
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}

.bs-popover-start>.popover-arrow,
.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow {
    right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width);
}

.bs-popover-start>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow:before,
.bs-popover-start>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow:after {
    border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}

.bs-popover-start>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow:before {
    right: 0;
    border-left-color: var(--bs-popover-arrow-border);
}

.bs-popover-start>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow:after {
    right: var(--bs-popover-border-width);
    border-left-color: var(--bs-popover-bg);
}

.popover-header {
    padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
    margin-bottom: 0;
    font-size: var(--bs-popover-header-font-size);
    color: var(--bs-popover-header-color);
    background-color: var(--bs-popover-header-bg);
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-top-left-radius: var(--bs-popover-inner-border-radius);
    border-top-right-radius: var(--bs-popover-inner-border-radius);
}

.popover-header:empty {
    display: none;
}

.popover-body {
    padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
    color: var(--bs-popover-body-color);
}

.carousel {
    position: relative;
}

.carousel.pointer-event {
    touch-action: pan-y;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-inner:after {
    display: block;
    clear: both;
    content: "";
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none;
    }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
}

.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
    transform: translate(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
    transform: translate(-100%);
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
    z-index: 1;
    opacity: 1;
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {

    .carousel-fade .active.carousel-item-start,
    .carousel-fade .active.carousel-item-end {
        transition: none;
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: var(--white);
    text-align: center;
    background: none;
    filter: var(--bs-carousel-control-icon-filter);
    border: 0;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {

    .carousel-control-prev,
    .carousel-control-next {
        transition: none;
    }
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: var(--white);
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: var(--bs-carousel-indicator-active-bg);
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
    transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none;
    }
}

.carousel-indicators .active {
    opacity: 1;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: var(--bs-carousel-caption-color);
    text-align: center;
}

.carousel-dark {
    --bs-carousel-indicator-active-bg: var(--black);
    --bs-carousel-caption-color: var(--black);
    --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}

:root,
[data-bs-theme="light"] {
    --bs-carousel-indicator-active-bg: var(--white);
    --bs-carousel-caption-color: var(--white);
    --bs-carousel-control-icon-filter: ;
}

[data-bs-theme="dark"] {
    --bs-carousel-indicator-active-bg: var(--black);
    --bs-carousel-caption-color: var(--black);
    --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}

.spinner-grow,
.spinner-border {
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid currentcolor;
    border-right-color: transparent;
}

.spinner-border-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: 0.2em;
}

@keyframes spinner-grow {
    0% {
        transform: scale(0);
    }

    50% {
        opacity: 1;
        transform: none;
    }
}

.spinner-grow {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0;
}

.spinner-grow-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
}

@media (prefers-reduced-motion: reduce) {

    .spinner-border,
    .spinner-grow {
        --bs-spinner-animation-speed: 1.5s;
    }
}

.offcanvas,
.offcanvas-xxl,
.offcanvas-xl,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-color: var(--bs-body-color);
    --bs-offcanvas-bg: var(--bs-body-bg);
    --bs-offcanvas-border-width: var(--bs-border-width);
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
    --bs-offcanvas-transition: transform 0.3s ease-in-out;
    --bs-offcanvas-title-line-height: 1.4;
}

@media (max-width: 575.9808px) {
    .offcanvas-sm {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition);
    }
}

@media (max-width: 575.9808px) and (prefers-reduced-motion: reduce) {
    .offcanvas-sm {
        transition: none;
    }
}

@media (max-width: 575.9808px) {
    .offcanvas-sm.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%);
    }

    .offcanvas-sm.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%);
    }

    .offcanvas-sm.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%);
    }

    .offcanvas-sm.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%);
    }

    .offcanvas-sm.showing,
    .offcanvas-sm.show:not(.hiding) {
        transform: none;
    }

    .offcanvas-sm.showing,
    .offcanvas-sm.hiding,
    .offcanvas-sm.show {
        visibility: visible;
    }
}

@media (min-width: 576px) {
    .offcanvas-sm {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important;
    }

    .offcanvas-sm .offcanvas-header {
        display: none;
    }

    .offcanvas-sm .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important;
    }
}

@media (max-width: 767.9808px) {
    .offcanvas-md {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition);
    }
}

@media (max-width: 767.9808px) and (prefers-reduced-motion: reduce) {
    .offcanvas-md {
        transition: none;
    }
}

@media (max-width: 767.9808px) {
    .offcanvas-md.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%);
    }

    .offcanvas-md.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%);
    }

    .offcanvas-md.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%);
    }

    .offcanvas-md.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%);
    }

    .offcanvas-md.showing,
    .offcanvas-md.show:not(.hiding) {
        transform: none;
    }

    .offcanvas-md.showing,
    .offcanvas-md.hiding,
    .offcanvas-md.show {
        visibility: visible;
    }
}

@media (min-width: 768px) {
    .offcanvas-md {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important;
    }

    .offcanvas-md .offcanvas-header {
        display: none;
    }

    .offcanvas-md .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important;
    }
}

@media (max-width: 991.9808px) {
    .offcanvas-lg {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition);
    }
}

@media (max-width: 991.9808px) and (prefers-reduced-motion: reduce) {
    .offcanvas-lg {
        transition: none;
    }
}

@media (max-width: 991.9808px) {
    .offcanvas-lg.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%);
    }

    .offcanvas-lg.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%);
    }

    .offcanvas-lg.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%);
    }

    .offcanvas-lg.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%);
    }

    .offcanvas-lg.showing,
    .offcanvas-lg.show:not(.hiding) {
        transform: none;
    }

    .offcanvas-lg.showing,
    .offcanvas-lg.hiding,
    .offcanvas-lg.show {
        visibility: visible;
    }
}

@media (min-width: 992px) {
    .offcanvas-lg {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important;
    }

    .offcanvas-lg .offcanvas-header {
        display: none;
    }

    .offcanvas-lg .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important;
    }
}

@media (max-width: 1199.9808px) {
    .offcanvas-xl {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition);
    }
}

@media (max-width: 1199.9808px) and (prefers-reduced-motion: reduce) {
    .offcanvas-xl {
        transition: none;
    }
}

@media (max-width: 1199.9808px) {
    .offcanvas-xl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%);
    }

    .offcanvas-xl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%);
    }

    .offcanvas-xl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%);
    }

    .offcanvas-xl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%);
    }

    .offcanvas-xl.showing,
    .offcanvas-xl.show:not(.hiding) {
        transform: none;
    }

    .offcanvas-xl.showing,
    .offcanvas-xl.hiding,
    .offcanvas-xl.show {
        visibility: visible;
    }
}

@media (min-width: 1200px) {
    .offcanvas-xl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important;
    }

    .offcanvas-xl .offcanvas-header {
        display: none;
    }

    .offcanvas-xl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important;
    }
}

@media (max-width: 1399.9808px) {
    .offcanvas-xxl {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition);
    }
}

@media (max-width: 1399.9808px) and (prefers-reduced-motion: reduce) {
    .offcanvas-xxl {
        transition: none;
    }
}

@media (max-width: 1399.9808px) {
    .offcanvas-xxl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%);
    }

    .offcanvas-xxl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%);
    }

    .offcanvas-xxl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%);
    }

    .offcanvas-xxl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%);
    }

    .offcanvas-xxl.showing,
    .offcanvas-xxl.show:not(.hiding) {
        transform: none;
    }

    .offcanvas-xxl.showing,
    .offcanvas-xxl.hiding,
    .offcanvas-xxl.show {
        visibility: visible;
    }
}

@media (min-width: 1400px) {
    .offcanvas-xxl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important;
    }

    .offcanvas-xxl .offcanvas-header {
        display: none;
    }

    .offcanvas-xxl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important;
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
}

@media (prefers-reduced-motion: reduce) {
    .offcanvas {
        transition: none;
    }
}

.offcanvas.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translate(-100%);
}

.offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translate(100%);
}

.offcanvas.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
}

.offcanvas.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
}

.offcanvas.showing,
.offcanvas.show:not(.hiding) {
    transform: none;
}

.offcanvas.showing,
.offcanvas.hiding,
.offcanvas.show {
    visibility: visible;
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: var(--black);
}

.offcanvas-backdrop.fade {
    opacity: 0;
}

.offcanvas-backdrop.show {
    opacity: 0.5;
}

.offcanvas-header {
    display: flex;
    align-items: center;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}

.offcanvas-header .btn-close {
    padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
    margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
    margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
    margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
    margin-left: auto;
}

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

.offcanvas-body {
    flex-grow: 1;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    overflow-y: auto;
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: 0.5;
}

.placeholder.btn:before {
    display: inline-block;
    content: "";
}

.placeholder-xs {
    min-height: 0.6em;
}

.placeholder-sm {
    min-height: 0.8em;
}

.placeholder-lg {
    min-height: 1.2em;
}

.placeholder-glow .placeholder {
    animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
    50% {
        opacity: 0.2;
    }
}

.placeholder-wave {
    -webkit-mask-image: linear-gradient(130deg, var(--black) 55%, #000c, var(--black) 95%);
    mask-image: linear-gradient(130deg, var(--black) 55%, #000c, var(--black) 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
    to {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%;
    }
}

.clearfix:after {
    display: block;
    clear: both;
    content: "";
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: var(--bs-form-valid-color);
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    color: var(--white);
    background-color: var(--bs-success);
    border-radius: var(--bs-border-radius);
}

.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip,
.is-valid~.valid-feedback,
.is-valid~.valid-tooltip {
    display: block;
}

.was-validated .form-control:valid,
.form-control.is-valid {
    border-color: var(--bs-form-valid-border-color);
    padding-right: calc(1.4em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.35em + 0.1875rem) center;
    background-size: calc(0.7em + 0.375rem) calc(0.7em + 0.375rem);
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
    border-color: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.4em + 0.75rem);
    background-position: top calc(0.35em + 0.1875rem) right calc(0.35em + 0.1875rem);
}

.was-validated .form-select:valid,
.form-select.is-valid {
    border-color: var(--bs-form-valid-border-color);
}

.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
    padding-right: 4.125rem;
    background-position: right 0.75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(0.7em + 0.375rem) calc(0.7em + 0.375rem);
}

.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
    border-color: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated .form-control-color:valid,
.form-control-color.is-valid {
    width: calc(3.75rem + 1.4em);
}

.was-validated .form-check-input:valid,
.form-check-input.is-valid {
    border-color: var(--bs-form-valid-border-color);
}

.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
    background-color: var(--bs-form-valid-color);
}

.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
    color: var(--bs-form-valid-color);
}

.form-check-inline .form-check-input~.valid-feedback {
    margin-left: 0.5em;
}

.was-validated .input-group>.form-control:not(:focus):valid,
.input-group>.form-control:not(:focus).is-valid,
.was-validated .input-group>.form-select:not(:focus):valid,
.input-group>.form-select:not(:focus).is-valid,
.was-validated .input-group>.form-floating:not(:focus-within):valid,
.input-group>.form-floating:not(:focus-within).is-valid {
    z-index: 3;
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: var(--bs-form-invalid-color);
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    color: var(--white);
    background-color: var(--bs-danger);
    border-radius: var(--bs-border-radius);
}

.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip,
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip {
    display: block;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
    border-color: var(--bs-form-invalid-border-color);
    padding-right: calc(1.4em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.35em + 0.1875rem) center;
    background-size: calc(0.7em + 0.375rem) calc(0.7em + 0.375rem);
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
    border-color: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.4em + 0.75rem);
    background-position: top calc(0.35em + 0.1875rem) right calc(0.35em + 0.1875rem);
}

.was-validated .form-select:invalid,
.form-select.is-invalid {
    border-color: var(--bs-form-invalid-border-color);
}

.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    padding-right: 4.125rem;
    background-position: right 0.75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(0.7em + 0.375rem) calc(0.7em + 0.375rem);
}

.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
    border-color: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.was-validated .form-control-color:invalid,
.form-control-color.is-invalid {
    width: calc(3.75rem + 1.4em);
}

.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
    border-color: var(--bs-form-invalid-border-color);
}

.was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
    background-color: var(--bs-form-invalid-color);
}

.was-validated .form-check-input:invalid:focus,
.form-check-input.is-invalid:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label {
    color: var(--bs-form-invalid-color);
}

.form-check-inline .form-check-input~.invalid-feedback {
    margin-left: 0.5em;
}

.was-validated .input-group>.form-control:not(:focus):invalid,
.input-group>.form-control:not(:focus).is-invalid,
.was-validated .input-group>.form-select:not(:focus):invalid,
.input-group>.form-select:not(:focus).is-invalid,
.was-validated .input-group>.form-floating:not(:focus-within):invalid,
.input-group>.form-floating:not(:focus-within).is-invalid {
    z-index: 4;
}

h1
.page-content-p h1,
.page-content-p h2,
.page-content-p h3,
.page-content-p h4,
.page-content-p h5,
.page-content-p h6 {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.page-content-p table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    text-align: left;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

body.lang-rtl .page-content-p table {
    direction: ltr !important;
    text-align: right;
}

.page-content-p thead tr {
    background-color: var(--text-link-primary);
    /* A professional primary color */
    color: var(--white);
    font-weight: bold;
}

.page-content-p th,
.page-content-p td {
    padding: 12px 15px;
    border-bottom: 1px solid var(--gray-100);
}

/* Zebra Striping */
.page-content-p tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

/* Hover effect for interactivity */
.page-content-p tbody tr:hover {
    background-color: #f1f7f6;
    cursor: pointer;
}

/* Clean bottom border for the last row */
.page-content-p tbody tr:last-of-type {
    border-bottom: 2px solid #009879;
}

blockquote {
    font-size: var(--desktop-text-sm);
    line-height: var(--line-height-relaxed);
    border-left: 2px solid;
    border-color: var(--text-primary-dark);
    font-style: italic;
    padding-left: 25px;
    position: relative;
    margin-bottom: 50px;
    margin-right: 70px;
    margin-left: 70px;
}

strong,
b {
    font-family: var(--font-primary);
}

* ul {
    list-style: none;
    margin: 0;
}

* a {
    text-decoration: none;
    color: var(--theme-black);
}


.card {
    border-radius: var(--radius-lg);
    padding: var(--spacing-xl);
    border: none;
    box-shadow: var(--shadow-md-1);
    position: relative;
    min-width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.card .card-title {
    color: var(--gray-950);
}

.card-img {
    width: 100%;

}

.card-img img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.card-img-fixed {
    height: 600px;
    max-height: 600px;
}

.card-icon {
    width: 3rem;
    height: 3rem;
}

.card-content {
    display: flex;
    flex-direction: column;
    gap: var(--dga-spacing-xl);
    flex: 1;
}

.card-content-center {
    display: flex;
    flex-direction: column;
    gap: var(--dga-spacing-md);
    flex: 1;
}

.card-content-footer {
    display: flex;
    margin-top: var(--dga-spacing-lg);
}

.card-img-link {
    display: block;
    width: 100%;
}


.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-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, border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: 0px;
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url(data:image/svg + xml,
 %3csvgxmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="%23111927" stroke-linecap="round" stroke-linejoin="round" %3e%3cpathd="m2 5 6 6 6-6" /%3e%3c/svg%3e);
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url(data:image/svg + xml,
 %3csvgxmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="rgb%285.2, 44, 101.2%29" stroke-linecap="round" stroke-linejoin="round" %3e%3cpathd="m2 5 6 6 6-6" /%3e%3c/svg%3e);
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: none;
    --bs-accordion-active-bg: none;
    margin-bottom: 20px;
}

.accordion-button:after {
    margin: 0;
}

.accordion-button {
    justify-content: space-between;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: var(--text-default);
    border-bottom: 1px solid var(--gray-300);
}

.comment-icon {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 9999px;
    -webkit-border-radius: 9999px;
    -moz-border-radius: 9999px;
    -ms-border-radius: 9999px;
    -o-border-radius: 9999px;
    background-color: var(--primary-50);
}

.comment-icon .hgi-mail-02 {
    color: var(--primary-600);
    font-size: 24px;
}

.card-border {
    border: 1px solid var(--gray-300);
}


.nav-tabs {
    --bs-nav-tabs-border-width: 2px;
    padding-left: 0;
    padding-right: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    vertical-align: bottom;
    color: var(--gray-700);
}

.nav-tabs .nav-link {
 font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 0rem;
    color: var(--gray-400);
    border: none;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link.show {
    font-weight: 700;
    color: var(--text-default);
    background-color: transparent !important;
    position: relative;
}

.nav-tabs .nav-link.active:after,
.nav-tabs .nav-link.show:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    width: 25px;
    height: 3px;
    background-color: var(--primary-600);
    border-radius: 5px;
}

.login-section {
justify-content: center;
  align-items: center;
  position: relative;
  margin: 0px auto;
  padding: 80px;
}



.login-section .login-wrapper,
.login-section .page-heading {
    position: relative;
    z-index: 1;
}

.login-section .page-heading {
  font-size: 1.25rem !important;      /* 20px */
  line-height: 1.875rem !important;   /* 30px */
  color: var(--text-default) !important;
  font-weight: 600 !important;
  margin:0 !important;
  max-width: 80%;
  margin: 0 auto;
}


.login-section .login-wrapper .form-actions {
  margin: 0 !important;
}
.login-section .login-wrapper {

height: 100%;
  border: 1px solid var(--gray-300) !important;
  border-radius: 16px !important;
  padding: 16px !important;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: space-around;
  color: var(--text-default) !important;
  max-width: 600px;
  margin: 0 auto;

}

@media (max-width: 700px) {
    .login-section .login-wrapper {
        max-width: 100%;
    }
}

.login-section .login-wrapper .form-control:focus {
    box-shadow: none;
}

.login-section .login-wrapper .require-mark {

}

@media (max-width: var(--width-md)) {
    .login-section:after {
        width: 100%;
    }
}


.vision-wrapper .card-vision:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #1f2a37e5;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    z-index: 5;
}

.vision-wrapper .card-vision img {
    border-radius: 16px;
}

.vision-wrapper .card-vision .card-content {
    position: absolute;
    z-index: 10;
    bottom: 0;
    padding: 20px;
    margin-bottom: 0;
    height: 180px;
}

.vision-wrapper .card-vision .card-content h4 {
    color: var(--white) !important;
  font-size: 1.875rem !important;     /* 30px */
  line-height: 2.375rem !important;   /* 38px */
    letter-spacing: -0.02em !important;
    font-weight: 600 !important;
}

.vision-wrapper .card-vision .card-content p {
    color: var(--white) !important;
    font-size: 1rem !important;         /* 16px */
    line-height: 1.5rem !important;     /* 24px */
}

.organizational-image img {
    width: 100%;
    height: auto;
    display: block;
}

@media (max-width: 768px) {
    .organizational-image img {
        max-width: 100%;
    }
}

.about-heading {
    font-weight: 700;
    font-size: clamp(2rem, 3vw, 3rem);

    color: var(--gray-700);
}

.about-heading span {
    color: var(--primary-600);
}

.about-text {
    padding: 10px 20px;
    position: relative;
}

.about-text:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 4px;
    background-color: var(--primary-600);
}

.about-text p {
    color: var(--gray-950);
}

.university-president {
    margin-top: 40px;
}

.university-president h2,
.university-president .h2 {
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--gray-700);
}

.university-president p {
    color: var(--gray-700);
    margin-top: 1rem;
}

.cv-download p {
    text-decoration: underline;
    text-decoration-style: solid;
    color: var(--success-800);
}

.btn-dark {
    border-radius: 8px;
    gap: 10px;
    padding: 10px 20px;
    background-color: var(--gray-700);
}

.img-pattern {
    overflow: hidden;
}

.img-pattern:after {
    position: absolute;
    content: "";
    width: 410px;
    height: 159px;
    bottom: 46px;
    right: 2%;
    border-radius: 12px;
    background-color: var(--primary-600);
    z-index: 10;
}

.img-pattern img {
    position: absolute;
    top: 9px;
    right: 10px;
    z-index: 200;
    width: 354px;
}

.cv-download+div>button {
    width: 210px;
    height: 64px;
}

.organizational-structure-section {
    background: var(--gray-100);
    margin-top: 64px;
}

@media (max-width: 767px) {
    .cv-download {
        width: 100%;
    }

    .img-pattern:after {
        width: 90%;
    }
}

@media (max-width: 375px) {
    .img-pattern img {
        top: 11.9%;
        left: 7px;
        width: 90%;
    }
}

@media (max-width: 360px) {
    .img-pattern img {
        top: 14.9%;
        left: 7px;
        width: 90%;
    }
}

.home-hero-section .hero-swiper .swiper-pagination {
    bottom: 40px;
}

.home-hero-section .hero-swiper .swiper-pagination {
    display: flex;
    width: 100%;
    justify-content: center;
    height: fit-content;
}

.home-hero-section .hero-swiper .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: var(--gray-200);
    opacity: 1;
    border-radius: 50%;
    transition: background-color 0.3s;
}

.home-hero-section .hero-swiper .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--primary-600);
}

.home-hero-section .hero-swiper .swiper-wrapper {
    height: 100%;
}

.home-hero-section .hero-swiper .swiper-slide {
    height: 100%;
    position: relative;
    overflow: hidden;
}

.home-hero-section .hero-swiper .swiper-slide .slide-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.home-hero-section .hero-swiper .swiper-slide:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #092A1ECC;
    z-index: 2;
}

.home-hero-section .hero-swiper .swiper-slide .slide-content {
    position: relative;
    z-index: 3;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    height: 491px;
    display: flex;
    align-items: center;
}

.home-hero-section .hero-swiper .slide-content-wrap {
    width: 100%;
    gap: 24px;
    display: flex;
    flex-direction: column;
}

.slide-content-text {
    display: flex;
    flex-direction: column;
    gap: 24px;
    /*max-width: 50rem;*/
}

.home-hero-section .hero-swiper .hero-text {
    width: 70%;
}

.home-hero-section .hero-swiper .hero-btn {
    color: var(--text-dark);
    border: 1px solid var(--gray-300);
    padding: 5px 15px;
    background-color: var(--white);
}

.home-hero-section .hero-swiper .hero-btn:hover {
    background-color: #ffffff96;
}

.home-hero-section .hero-swiper .hero-btn i {
    font-size: 20px;
}

.home-hero-section .hero-swiper .hero-btn .hgi-arrow-left-02[dir="ltr"] {
    transform: rotate(180deg);
}

.home-hero-section .action-btn {
    position: relative;
    z-index: 1000;
    gap: 14px;
    display: flex;
}

.home-hero-section .action-btn>button {
    width: 56px;
    height: 40px;
}

.home-hero-section .action-btn .hgi-arrow-left-02,
.home-hero-section .action-btn .hgi-arrow-right-02 {
    color: var(--primary-600);
}

@media (max-width: 768px) {


    .home-hero-section .hero-swiper .swiper-slide .slide-content .w-50 {
        width: 100% !important;
    }

    .home-hero-section .hero-swiper .hero-title {
        font-size: 24px;
        line-height: 36px;
    }

    .home-hero-section .hero-swiper .hero-text {
        font-size: 20px;
        line-height: 24px;
    }

    .home-hero-section .hero-swiper .slide-content .d-flex.justify-content-between {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 1rem;
    }

    .home-hero-section .action-btn {
        align-self: flex-start;
    }
}

.about-uni-wrapper .about-uni-heading {
    font-weight: 500;
    font-size: 32px;
    line-height: 30px;
    text-align: center;
    color: var(--gray-950);
}

.about-uni-wrapper .about-uni-tabs {
    margin-top: 40px;
}

.about-uni-wrapper .about-uni-tabs .nav {
    padding: 0;
    justify-content: center;
    flex-wrap: wrap;
}

.about-uni-wrapper .about-uni-tabs nav {
    margin-bottom: 2.1875rem;
    overflow-x: auto;
}

.about-uni-wrapper .about-uni-tabs .nav .nav-item {
    background-color: var(--gray-100);
}

.about-uni-wrapper .about-uni-tabs .nav .nav-item:not(:last-child) {
    border-left: 1px solid var(--gray-300);
}

.about-uni-wrapper .about-uni-tabs .nav .nav-item .nav-link.active {
    border-radius: 0;
}

.about-uni-wrapper .about-uni-tabs .nav .nav-item:first-child,
.about-uni-wrapper .about-uni-tabs .nav .nav-item:first-child .nav-link.active {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

[dir="ltr"] .about-uni-wrapper .about-uni-tabs .nav .nav-item:first-child,
[dir="ltr"] .about-uni-wrapper .about-uni-tabs .nav .nav-item:first-child .nav-link.active {
    border-radius: 8px 0 0 8px;
}

.about-uni-wrapper .about-uni-tabs .nav .nav-item:last-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.about-uni-wrapper .about-uni-tabs .nav .nav-item:last-child .nav-link.active {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

[dir="ltr"] .about-uni-wrapper .about-uni-tabs .nav .nav-item:last-child {
    border-radius: 0 8px 8px 0;
}

[dir="ltr"] .about-uni-wrapper .about-uni-tabs .nav .nav-item:last-child .nav-link.active {
    border-radius: 0 8px 8px 0;
}

.about-uni-wrapper .about-uni-tabs .nav .nav-item .nav-link {
    color: var(--text-default);
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.875rem;
    text-align: center;
}

.about-uni-wrapper .about-uni-tabs .nav .nav-item .nav-link.active {
    color: var(--white);
}

.about-uni-wrapper .about-uni-tabs .activities-swiper-wrapper {
    margin: 20px 0;
}

.about-uni-wrapper .about-uni-tabs .card-title {
    margin-bottom: 8px;
}

.about-uni-wrapper .about-uni-tabs .btn-share {
    background-color: var(--gray-100);
    width: 40px;
    color: var(--text-dark);
    height: 40px;
}


.about-uni-wrapper .about-uni-tabs .btn-share .hgi-share-08 {
    font-size: 19.5008px;
}


/*---*/


.about-uni-wrapper .about-uni-tabs .activities-swiper-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
}

.about-uni-wrapper .about-uni-tabs .card-btn-wrapper {
    justify-content: flex-end;
}

.about-uni-wrapper .about-uni-tabs .activities-swiper-btn .action-btn {
    display: flex;
    align-items: center;
    gap: 10px;
}

.about-uni-wrapper .about-uni-tabs .activities-swiper-btn .action-btn:dir(ltr) i {
    transform: rotate(180deg);
}

.about-uni-wrapper .about-uni-tabs .activities-swiper-btn .action-btn:dir(rtl) i {
    transform: none;
}

.about-uni-wrapper .about-uni-tabs .activities-swiper-btn .dots-btn .swiper-pagination {
    display: flex;
    position: static;
}

.about-uni-wrapper .about-uni-tabs .activities-swiper-btn .dots-btn .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #d1d5db;
    opacity: 1;
    border-radius: 50%;
    transition: background-color 0.3s;
}

.about-uni-wrapper .about-uni-tabs .activities-swiper-btn .dots-btn .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--success-800);
}

@media (max-width: 1024px) {
    .about-uni-tabs .nav {
        flex-wrap: nowrap !important;
        overflow-x: auto;
        direction: rtl;
        padding-inline-start: 150px;
        padding-inline-end: 16px;
    }

    .about-uni-tabs .nav .nav-link {
        white-space: nowrap;
    }

    .about-uni-tabs .nav .nav-item {
        flex-shrink: 0;
        min-width: max-content;
    }
}

@media (max-width: 767px) {
    .about-uni-tabs .nav {
        flex-wrap: nowrap !important;
        overflow-x: auto;
        direction: rtl;
        padding-inline-start: 270px;
        padding-inline-end: 16px;
    }
}

.news-wrapper {
    background-color: var(--gray-50) !important;
}

.news-wrapper .news-heading {
    font-weight: 500;
    font-size: 32px;
    line-height: 30px;
    letter-spacing: 0%;
    text-align: center;
    color: var(--gray-950);
    margin-bottom: 4rem;
}

.news-wrapper .card {
    box-shadow: 0 1px 6px #00000029;
    height: 530px;
    overflow-y: auto;
    padding: 1.5rem;
}

.news-wrapper .card-img {
    padding: 0;
}

.news-wrapper .card .card-content {
    padding-bottom: 15px;
    margin-bottom: 15px;
    flex: none;
    gap: 0;
}

.news-wrapper .card .card-content.active {
    position: relative;
}

.news-wrapper .card .card-content.active .card-text {
    color: var(--primary-600);
}

.news-wrapper .card .card-content.active:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 4px;
    background-color: var(--primary-600);
}

[dir="rtl"] .news-wrapper .card .card-content.active:after {
    right: -1.5rem;
}

[dir="ltr"] .news-wrapper .card .card-content.active:after {
    left: -1.5rem;
}

.news-wrapper .card .card-content:not(:last-child) {
    border-bottom: 1px solid var(--gray-200);
}

.news-wrapper .card .card-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0%;
    color: var(--gray-950);
}

.news-wrapper .card .card-text:hover {
    text-decoration: underline;
}

.news-wrapper .card .news-time {
    display: flex;
    align-items: center;
    gap: 5px;
}

.news-wrapper .card .news-time .hgi-calendar-04 {
    color: var(--gray-400);
    font-size: 17px;
}

.news-wrapper .card .news-time .time-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0%;
    color: var(--gray-400);
}

.news-wrapper .card img {
    width: 100%;
    border-radius: 0px;
    height: 500px;
    object-fit: cover;
}

.news-wrapper .card.card-img {
    position: relative;
    background-color: white;
    height: 543px;
}

.news-wrapper .card.card-img .card-content {
    padding: 22px 20px;
    position: absolute;
    z-index: 3;
    background: linear-gradient(to top, var(--primary-700), transparent);
    border: none;
    bottom: 0;
    margin: 0;
    flex-direction: column;
    align-items: start;
    width: 100%;
    gap: 16px;
}

.news-wrapper .card.card-img .card-content .btn-light {
    background-color: rgba(255 255 255 / 10%);
    color: var(--white);
    border: 1px solid white;
    padding: 0;
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
}

.news-wrapper .card .card-text:hover {
    text-decoration: underline;
}

.news-wrapper .card.card-img .card-content .btn-light i {
    font-size: 19px;
}

.news-wrapper .card.card-img .card-content .btn-light:hover {
    background-color: white;
    color: var(--black);
    ;
}

.news-wrapper .card.card-img .card-content .content-time {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--white);
    margin-bottom: 12px;
    font-size: 14px;
    opacity: 0.85;
}

.news-wrapper .card.card-img .card-content .content-time p {
    font-size: 14px;
}

.news-wrapper .card.card-img .card-content .content-text {
    color: var(--white);
    margin-bottom: 1rem;
    /* width: 75%; */
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
}


.achievements-wrapper .achievements-section-heading {
    font-weight: 500;
    font-size: 2rem;
    line-height: 30px;
    color: var(--gray-950);
    margin-bottom: 1rem;
}

.achievements-section-text {
    color: var(--gray-700);
    font-size: 16px;
    line-height: 30px;
}

.achievements-wrapper .achievements-text-heading {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: var(--black);
}

.achievements-wrapper .person-info {
    display: flex;
    align-items: center;
    gap: 0.9375rem;
    margin: 30px 0;
}

.achievements-wrapper .person-info h2,
.achievements-wrapper .person-info .h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    color: var(--primary-600);
    margin-bottom: 1rem;
}

/* .achievements-wrapper .person-info p {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: var(--black);
} */

.achievements-wrapper .btn-primary {
    padding: 4px 45px;
    display: inline-flex;
    align-items: center;
    margin-top: 16px;
}

.achievements-wrapper .btn-primary i {
    font-size: 22px;
}

.achievements-wrapper .dga-card {
    background-color: #1b83541a;
    border: 1px solid rgba(27, 131, 84, 0.568627451) !important;
    transition: 0.3s ease;
}

.achievements-wrapper .dga-card:hover {
    background-color: transparent;
}

.achievements-wrapper .dga-card:hover .card-icon {
    transition: 0.3s ease;
}

.achievements-wrapper .dga-card:hover .card-icon i {
    color: var(--primary-600);
}



.student-service-section {
    background-color: var(--gray-50);
}

.student-service-section .student-service-wrapper {
    position: relative;
    z-index: 1;
}

.student-service-section .student-service-wrapper:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 68rem;
    height: 28.75rem;
    z-index: 1;
    pointer-events: none;
    transform: translateY(-50%);
}


.student-service-section .student-service-wrapper .container:before {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    width: 12.5rem;
    height: 18.75rem;
    background-image: url(../images/home-dots-pattern.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    z-index: -1;
    pointer-events: none;
    opacity: 0.5;
}

.student-service-section .dga-card {
    background-color: var(--white);
}

.student-service-wrapper .student-service-heading {
    font-weight: 500;
    font-size: 32px;
    line-height: 30px;
    letter-spacing: 0%;
    color: var(--gray-950);
    margin-bottom: 1rem;
}

.student-service-wrapper .student-service-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0%;
    color: var(--gray-700);
}

.student-service-wrapper .card {
    position: relative;
    z-index: 100;
    box-shadow: none;
}



.student-service-wrapper .card:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.student-service-wrapper .btn-share {
    background-color: var(--gray-100);
}


.student-service-wrapper .card p {
    font-size: 14px;
}

.student-service-wrapper .card-icon .hgi-book-02 {
    color: var(--primary-700);
    font-size: 18.5008px;
}

.error-wrapper {
    margin: 30px 0;
}

.error-wrapper error-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
}

.error-content .error-content-wrapper img {
    margin-bottom: 64px;
}

.error-wrapper .error-heading {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: var(--text-default);
    margin-bottom: 2rem;
}

.error-wrapper .error-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0%;
    color: var(--text-default);
}

.news-card-wrapper .card .card-img {
    width: 100%;
}

.news-card-wrapper .card .card-img img {
    width: 100%;
    display: block;
    border-radius: 0.5rem;
}

.single-news-content .single-news-img {
    border-radius: 8px;
}

@media (min-width: 768px) {
    .single-news-content .single-news-img {
        width: 809px;
        margin: 0 auto;
        overflow: hidden
    }
}

.single-news-tag-text-w91025 {
    width: 809px;
    margin: 12px auto;
}

.single-news-content .single-news-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.single-news-content .news-time {
    display: flex;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    gap: 5px;
}

.single-news-content .news-time .hgi-calendar-04 {
    color: var(--gray-400);
    font-size: 17px;
}

.single-news-content .news-date-format{
  font-size: 0.875rem !important;     /* 14px */
  line-height: 1.25rem !important;    /* 20px */
  font-weight: 400 !important;
  color: var(--text-default);
}
.similar-single-news-wrapper .similar-heading {
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0%;
    color: var(--text-default);
    margin-bottom: 1rem;
}

.similar-single-news-wrapper .similar-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    margin-bottom: 1rem;
    color: var(--text-default);
}

.similar-single-news-wrapper .card {
    margin-bottom: 3rem;
}

.similar-single-news-wrapper .card .card-text,
.similar-single-news-wrapper .card .card-title {
    margin-bottom: 1rem;
}

.similar-single-news-wrapper .card .card-img {
    width: 100%;
}

.similar-single-news-wrapper .card .card-img img {
    width: 100%;
    display: block;
    border-radius: 0.5rem;
}

.ads-wrapper {
    margin: 30px 0;
}

.ads-wrapper .card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.ads-wrapper .card .card-img {
    width: 100%;
}

.ads-wrapper .card .card-img img {
    width: 100%;
    display: block;
    border-radius: 0.5rem;
}

.ads-wrapper .card .card-title {
    margin: 1rem 0 0.5rem;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 700;
}

.ads-wrapper .card .card-time {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--gray-400);
}

.single-ads-wrapper {
    margin: 40px 0;
}

.single-ads-wrapper .single-ads-content .single-ads-img {
    width: 90%;
    margin: 0 auto;
}

.single-ads-wrapper .single-ads-content .single-ads-img img {
    width: 90%;
    margin: 0 auto;
    display: block;
    border-radius: 0.5rem;
}

.single-ads-wrapper .single-ads-content .ads-time {
    display: flex;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    gap: 5px;
}

.single-ads-wrapper .single-ads-content .ads-time .hgi-calendar-04 {
    color: var(--gray-400);
    font-size: 17px;
}

.single-ads-wrapper .single-ads-content .ads-time .time-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0%;
    color: var(--gray-400);
}

.single-ads-wrapper .ads-text {
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0%;
    color: var(--gray-950);
    margin: 2rem 0;
}

.similar-single-ads-wrapper {
    margin-bottom: 2rem;
}

.similar-single-ads-wrapper .similar-heading {
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0%;
    color: var(--text-default);
    margin-bottom: 1rem;
}

.similar-single-ads-wrapper .similar-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    margin-bottom: 1rem;
    color: var(--text-default);
}

.similar-single-ads-wrapper .card .card-text,
.similar-single-ads-wrapper .card .card-title {
    margin-bottom: 1rem;
}

.similar-single-ads-wrapper .card .card-img {
    width: 100%;
}

.similar-single-ads-wrapper .card .card-img img {
    width: 100%;
    display: block;
    border-radius: 0.5rem;
}

#preloader {
    width: 100%;
    height: 100vh;
    background: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid var(--success-600);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

.events-wrapper {
    margin: 30px 0;
}

.events-wrapper .card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.events-wrapper .card .card-img {
    width: 100%;
}

.events-wrapper .card .card-img img {
    width: 100%;
    display: block;
    border-radius: 0.5rem;
}

.events-wrapper .card .card-title {
    margin: 1rem 0 0.5rem;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 700;
}

.events-wrapper .card .card-time {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--gray-400);
}

.single-page-heading {
    font-weight: 600;
    font-size: 48px;
    line-height: 60px;
    letter-spacing: -2%;
    vertical-align: bottom;
    color: var(--text-default);
}

.single-events-wrapper {
    margin: 40px 0;
}

.single-events-wrapper .single-events-content .single-events-img {
    width: 90%;
    margin: 0 auto;
}

.single-events-wrapper .single-events-content .single-events-img img {
    width: 90%;
    margin: 0 auto;
    display: block;
    border-radius: 0.5rem;
}

.single-events-wrapper .single-events-content .events-time {
    display: flex;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    gap: 5px;
}

.single-events-wrapper .single-events-content .events-time .hgi-calendar-04 {
    color: var(--gray-400);
    font-size: 17px;
}

.single-events-wrapper .single-events-content .events-time .time-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0%;
    color: var(--gray-400);
}

.single-events-wrapper .events-text {
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0%;
    color: var(--gray-950);
    margin: 2rem 0;
}

.similar-single-events-wrapper {
    margin-bottom: 2rem;
}

.similar-single-events-wrapper .similar-heading {
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0%;
    color: var(--text-default);
    margin-bottom: 1rem;
}

.similar-single-events-wrapper .similar-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    margin-bottom: 1rem;
    color: var(--text-default);
}

.similar-single-events-wrapper .card .card-text,
.similar-single-events-wrapper .card .card-title {
    margin-bottom: 1rem;
}

.similar-single-events-wrapper .card .card-img {
    width: 100%;
}

.similar-single-events-wrapper .card .card-img img {
    width: 100%;
    display: block;
    border-radius: 0.5rem;
}

.article-wrapper {
    margin: 40px 0;
}

.article-wrapper li {
    margin: 1rem 0;
}

.article-wrapper li img {
    width: 100%;
    height: 100%;
}

.article-wrapper .main-title {
    padding: 0;
}

.article-wrapper .main-title li {
    font-weight: 700;
    font-size: 30px;
    line-height: 38px;
    color: var(--text-default);
}

.article-wrapper .main-title .sub-title li {
    font-size: 24px;
    line-height: 32px;
}

.article-wrapper .main-title .sub-title .sub-list li {
    font-size: 16px;
    line-height: 24px;
}

.article-wrapper .sub-list {
    padding: 0;
}

.js-form-item.form-item.form-type-textfield.js-form-type-textfield.form-item-phone.js-form-item-phone.form-no-label {
    height: 38px;
}

.article-wrapper .sub-list.arabic-list {
    list-style-type: none;
    direction: rtl;
    counter-reset: counter -28;
}

.article-wrapper .sub-list.arabic-list li {
    direction: rtl;
    position: relative;
    padding: 0 5px;
    margin: 0.5rem 10px;
}

.article-wrapper .sub-list.arabic-list li:before {
    content: "أ -";
    position: absolute;
    right: -15px;
    top: 0;
    padding: 0 5px;
    color: var(--text-default);
}

.article-wrapper .sub-list.dashed-style li {
    direction: rtl;
    position: relative;
    padding: 0 5px;
    margin: 0.5rem 10px;
}

.article-wrapper .sub-list.dashed-style li:before {
    content: "-";
    position: absolute;
    right: -15px;
    top: 0;
    padding: 0 5px;
    color: var(--text-default);
}

.article-wrapper .sub-list.dots-style {
    list-style: outside;
    padding: 0 15px;
}

.article-wrapper .sub-list.dots-style li:before {
    content: "";
    position: absolute;
    right: -15px;
    top: 0;
    padding: 0 5px;
    color: var(--text-default);
}

.article-wrapper .sub-list li {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--text-default);
}

.article-wrapper .link-list {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--primary-600);
}

.article-wrapper .link-list i {
    color: var(--primary-600);
}

.article-wrapper .link-list p {
    color: var(--primary-600);
    text-decoration: underline;
}

.support-wrapper {
    margin: 40px 0;
}

.support-wrapper .card .card-icon {
    background-color: var(--primary-50);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 9999px;
    -webkit-border-radius: 9999px;
    -moz-border-radius: 9999px;
    -ms-border-radius: 9999px;
    -o-border-radius: 9999px;
}

.support-wrapper .card .card-icon .hgi-mail-02 {
    color: var(--primary-600);
    font-size: 22px;
}

.support-wrapper .card .service-time {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 10px;
}

.support-wrapper .card .service-time .service-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--primary-800);
}

.support-wrapper .card .service-time .service-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--gray-800);
}

.support-wrapper .card .support-btn {
    background-color: var(--gray-100);
}

.open-data-wrapper {
    /* margin: 40px 0; */
}

.open-data-wrapper .open-data-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.open-data-wrapper .open-data-heading {
    font-weight: 700;
    font-size: 30px;
    line-height: 38px;
    color: var(--text-default);
}

.open-data-wrapper .results-number {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--gray-500);
    margin-bottom: 1.25rem;
}

.open-data-wrapper .card .card-title {
    margin-top: 0;
    margin-bottom: 1rem;
}

.open-data-wrapper .card .card-text {
    margin-bottom: 1rem;
}

.open-data-wrapper .card .card-icon {
    background-color: var(--primary-50);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 9999px;
    -webkit-border-radius: 9999px;
    -moz-border-radius: 9999px;
    -ms-border-radius: 9999px;
    -o-border-radius: 9999px;
    margin-bottom: 1rem;
}

.open-data-wrapper .card .card-icon .hgi-attachment {
    color: #1d1b20;
    font-size: 20px;
}

.open-data-wrapper .card .btn-secondary {
    color: var(--primary-600);
}

.open-data-wrapper .search-tags {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.open-data-wrapper .search-tags .tag-card {
    padding: 4px 8px;
    border-radius: 4px;
    border-width: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    background: var(--gray-50);
    border: 1px solid var(--gray-200);
}

.open-data-wrapper .search-tags .tag-card.blue-card {
    background-color: #eff8ff;
    border: 1px solid var(--info-200);
}

.open-data-wrapper .search-tags .tag-card.blue-card .tag-text {
    color: var(--info-800);
}

.open-data-wrapper .search-tags .tag-card .tag-text {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0%;
    text-align: center;
    color: var(--gray-800);
}

.open-data-tabs-wrapper {
    white-space: nowrap;
}

.open-data-tabs-section {
    margin-top: -30px;
}

@media (max-width: 1200px) {
    .open-data-tabs-wrapper {
        padding: 0;
    }
}

.open-data-tabs-wrapper .nav-tabs {
    width: fit-content;
}

@media (max-width: 1400px) {
    .open-data-tabs-wrapper .nav-tabs {
        width: 100%;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }
}

.open-data-tabs-wrapper .nav-tabs .nav-link.active:after {
    width: 90%;
}

.single-data-wrapper {
    margin: 40px 0;
}

.single-data-wrapper .page-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--black);
    margin-bottom: 20px;
}

.single-data-wrapper .hero-link {
    padding-right: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--primary-600);
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 1rem;
}

.single-data-wrapper .hero-link i {
    font-size: 20px;
}

.single-data-wrapper .video {
    position: relative;
}

.single-data-wrapper .video .position-relative {
    position: relative;
    width: 100%;
}

.single-data-wrapper .video .position-relative img {
    width: 100%;
    display: block;
    border-radius: 12px;
}

.single-data-wrapper .video .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    background-color: var(--success-600);
}

.single-data-wrapper .video .play-icon i {
    color: var(--white);
}

.single-data-wrapper .card {
    padding: 40px;
}

.single-data-wrapper .card .card-info {
    display: flex;
    gap: 8px;
    margin: 0.5rem 0;
}

.single-data-wrapper .card .card-info-border {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--gray-300);
}

.single-data-wrapper .card .card-info i {
    color: var(--primary-600);
    font-size: 20px;
}

.single-data-wrapper .card .card-info .single-info-text h4,
.single-data-wrapper .card .card-info .single-info-text .h4 {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--gray-800);
}

.single-data-wrapper .card .card-info .single-info-text p {
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--gray-800);
}

.single-data-wrapper .card .card-info .single-info-text p.green-color {
    color: var(--primary-600);
}

.single-data-wrapper .card .card-info .hgi-clock-01 {
    font-size: 20px;
    color: var(--primary-600);
}

.single-data-wrapper .card .download {
    border-bottom: 1px solid var(--gray-300);
    padding-bottom: 20px;
}

.single-data-wrapper .card .download .btn-download {
    background-color: var(--gray-100);
    display: flex;
    align-items: center;
    gap: 5px;
}

.single-data-wrapper .card .download .btn-download i {
    font-size: 20px;
}

.single-data-wrapper .custom-table {
    width: 100%;
    background-color: var(--white);
    border: 1px solid var(--gray-300);
    border-radius: 15px;
    border-collapse: separate;
    border-spacing: 0;
    padding-bottom: 20px;
    overflow: hidden;
    -webkit-border-radius: 20px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    -webkit-border-radius: 15px;
}

.single-data-wrapper .custom-table thead {
    background-color: var(--gray-100);
}

.single-data-wrapper .custom-table thead tr th {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--black);
}

.single-data-wrapper .custom-table tbody tr td {
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5008px;
    color: var(--black);
}

.single-data-wrapper .custom-table tbody tr td .btn {
    padding: 0;
}

.single-data-wrapper .custom-table tbody tr td .btn i {
    color: var(--primary-600);
    font-size: 25px;
}

.single-data-wrapper .custom-table th,
.single-data-wrapper .custom-table td {
    border-bottom: 1px solid var(--gray-300);
    padding: 8px;
}

.single-data-wrapper .custom-table th:last-child,
.single-data-wrapper .custom-table td:last-child {
    padding-bottom: 10px;
}

.similar-open-data-wrapper {
    margin: 40px 0;
}

.similar-open-data-wrapper .content {
    padding: 40px 0;
    background-color: var(--primary-25);
}

.similar-open-data-wrapper .content .page-heading {
    font-weight: 700;
    font-size: 30px;
    line-height: 38px;
    letter-spacing: 0%;
    color: var(--text-default);
}

.similar-open-data-wrapper .content .page-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--gray-800);
    margin: 1rem 0;
    width: 70%;
}

@media (max-width: 1400px) {
    .similar-open-data-wrapper .content .page-text {
        width: 100%;
    }
}

.similar-open-data-wrapper .content .card .btn-secondary {
    color: var(--primary-600);
}


.similar-open-data-wrapper .content .card .tags .card-tag {
    padding: 4px 8px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid;
}

.similar-open-data-wrapper .content .card .tags .card-tag p {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0%;
    text-align: center;
}

.similar-open-data-wrapper .content .card .tags .card-tag.gray {
    background-color: var(--gray-50);
    border-color: var(--gray-200);
}



.similar-open-data-wrapper .content .card .tags .card-tag.green {
    background-color: var(--info-50);
    border-color: var(--success-200);
}

.similar-open-data-wrapper .content .card .tags .card-tag.green p {
    color: var(--success-800);
}

.similar-open-data-wrapper .content .swiper-pagination {
    position: static;
    margin: 20px 0;
}

.similar-open-data-wrapper .content .swiper-pagination .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    background-color: var(--gray-200);
    opacity: 1;
    border-radius: 50%;
    transition: background-color 0.3s;
}

.similar-open-data-wrapper .content .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--primary-600);
}

.instructions-wrapper {
    margin-top: 10px;
}

.instructions-wrapper .item-heading {
    font-weight: 700;
    font-size: 30px;
    line-height: 38px;
    color: var(--text-default);
    margin-bottom: 1rem;
}

.instructions-wrapper .item {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 1rem;
    color: var(--text-default);
}

.instructions-wrapper .contact-list {
    list-style: inside;
    padding-right: 0;
}


.open-data-request-wrapper {
    margin: 40px 0;
}

.open-data-request-wrapper .dropdown .dropdown-toggle:after {
    display: none;
}

.open-data-request-wrapper .dropdown .btn-secondary {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    border: 1px solid var(--gray-400);
    color: var(--gray-500);
}

.open-data-request-wrapper .require-mark {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    color: var(--danger-700);
}



.contact-wrapper .card {
    position: relative;
    top: -192px;
    padding: 40px;
    box-shadow: -1px 4px 12px #0000000d;
    background-color: var(--white);
    margin-top: 0 !important;
    gap: 16px;
}

.contact-wrapper .emergency-contact{
    gap: 16px;
    display: flex;
    flex-direction: column;
}

@media (max-width: 1400px) {
    .contact-wrapper .card {
        position: static;
        top: 0;
    }
}

.contact-wrapper .card .contact-info,
.contact-wrapper .card .contact-card-item {
    display: flex;
    gap: 5px;
}


.contact-wrapper .card .card-title {
    margin: 0;

}

.contact-wrapper .card .contact-info .hgi-stroke {
    font-size: 19px;
    color: var(--primary-700);
    margin-left: 14px;
}

.contact-wrapper .card .contact-info a {
    color: var(--primary-700);
}

.contact-wrapper .card .social-contact {
    border-bottom: 1px solid var(--gray-300);
    padding-bottom: 16px;
}

.contact-wrapper .card .social-contact h4,
.contact-wrapper .card .social-contact .h4 {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--gray-800);
    margin-bottom: 0.5rem;
}

.contact-wrapper .card .social-contact a {
    color: var(--text-default);
    display: grid;
    place-content: center;
    width: 32px;
    border-radius: 8px;
    transition: 0.3s ease;
}

.contact-wrapper .card .social-contact .hgi-stroke {
    font-size: 24px;
}

.contact-wrapper .card h4,
.contact-wrapper .card .emergency-contact p {
    font-weight: 700 !important;
  font-size: 1rem !important;         /* 16px */
  line-height: 1.5rem !important;     /* 24px */
  margin: 0;
  color: var(--text-default) !important;
}

.contact-wrapper .card h3 {
    font-weight: 700 !important;
    font-size: 1.125rem !important;     /* 18px */
    line-height: 1.75rem !important;    /* 28px */
    margin: 0;
    color: var(--text-default) !important;
}


.contact-wrapper .card .emergency-contact p {
    color: var(--text-default);
}

.contact-wrapper .card .emergency-contact span {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--primary-600);
}

.contact-wrapper .card .emergency-contact .hgi-copy-01 {
    color: var(--primary-600);
    font-size: 20px;
}

.contact-wrapper .card .emergency-contact .btn-info {
    color: var(--primary-600);
    padding-right: 0;
}

.site-map-wrapper {
    margin: 40px 0;
}

.site-map-wrapper li {
font-weight: 600 !important;
  font-size: 1.125rem !important;     /* 18px */
  line-height: 1.75rem !important;    /* 28px */
    color: var(--text-default);
}

.site-map-wrapper .main-list {
    padding: 0;
    list-style: outside;
}

.site-map-wrapper .list {
    list-style: circle;
    padding-inline-start: 20px;
}

.site-map-wrapper .list li {
    margin: 0px 0;
}

.policy-instructions-wrapper {
    margin-top: 10px;
}

.policy-instructions-wrapper .item-heading {
    font-weight: 700;
    font-size: 30px;
    line-height: 38px;
    color: var(--text-default);
    margin-bottom: 1rem;
}

.policy-instructions-wrapper .item {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 1rem;
    color: var(--text-default);
}

.policy-instructions-wrapper .contact-list {
    list-style: inside;
    padding-right: 0;
}

.faculty-members-wrapper .faculty-members-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.625rem;
}

.faculty-members-wrapper .faculty-members-heading {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
    color: var(--text-default) !important;
    font-weight: 700 !important;
    margin-bottom: 32px;
}

.faculty-members-wrapper .results-number {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--gray-500);
    margin-bottom: 20px;
}

.faculty-members-wrapper .card .card-title {
    margin-top: 0rem;
}

.faculty-members-wrapper .card .card-text {
    margin-bottom: 16px;
    color: var(--gray-800);
}

.single-faculty-members-wrapper .card {
    padding: 40px;
}

.single-faculty-members-wrapper .card .menu {
    margin-bottom: 1rem;
}

.single-faculty-members-wrapper .card .menu ul {
    padding: 0;
}

.single-faculty-members-wrapper .card .menu ul li {
    padding: 12px 16px 4px 8px;
}

.single-faculty-members-wrapper .card .menu ul .main-menu {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    vertical-align: bottom;
    color: var(--gray-700);
    position: relative;
}

.single-faculty-members-wrapper .card .menu ul .main-menu.active {
    color: var(--text-default);
    border-right: 3px solid var(--primary-600);
}

.single-faculty-members-wrapper .card .menu ul .sub-menu .sub-link {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
    vertical-align: bottom;
    color: var(--gray-700);
}

.single-faculty-members-wrapper .card .menu ul .sub-menu .sub-link .second-sub-menu.active {
    border-right: 3px solid var(--gray-300);
}

.single-faculty-members-wrapper .card .menu ul .menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.single-faculty-members-wrapper .card .menu ul .main-menu {
    cursor: pointer;
    font-weight: 700;
    padding: 8px 12px;
}

.single-faculty-members-wrapper .card .menu ul .sub-menu,
.single-faculty-members-wrapper .card .menu ul .second-sub-menu {
    display: none;
}

.single-faculty-members-wrapper .card .menu ul .sub-menu.show,
.single-faculty-members-wrapper .card .menu ul .second-sub-menu.show {
    display: block;
}

.single-faculty-members-wrapper .card .menu ul .sub-link {
    cursor: pointer;
    padding: 6px 12px;
    position: relative;
}

.single-faculty-members-wrapper .card .menu ul .sub-link>ul {
    margin-top: 5px;
}

.single-faculty-members-wrapper .card .information {
    margin: 0.5rem 0;
}

.single-faculty-members-wrapper .card .information h2,
.single-faculty-members-wrapper .card .information .h2 {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: var(--gray-800);
    margin-bottom: 0.2rem;
}

.single-faculty-members-wrapper .card .information img {
    height: 100%;
}

.single-faculty-members-wrapper .card .information i {
    color: var(--primary-600);
    font-size: 22px;
}

.single-faculty-members-wrapper .card .information p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--gray-800);
}

.single-faculty-members-wrapper .card .information p.link {
    color: var(--primary-600);
    display: flex;
    align-items: center;
    gap: 5px;
}

.single-faculty-members-wrapper .card .information-border:not(:last-child) {
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--gray-300);
}

.single-faculty-members-wrapper .member-information .member-tag {
    width: fit-content;
    padding: 4px 8px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    background: #eff8ff;
    border: 1px solid var(--info-200);
}

.single-faculty-members-wrapper .member-information .member-tag p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: var(--gray-800);
}

.single-faculty-members-wrapper .member-information .member-section-link {
    color: var(--primary-600);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    gap: 5px;
}

.single-faculty-members-wrapper .member-information .member-section-link i {
    font-size: 20px;
    text-decoration: none;
}

.single-faculty-members-wrapper .member-information .heading-text {
    font-weight: 700;
    font-size: 30px;
    line-height: 38px;
    color: var(--text-default);
    margin-bottom: 1rem;
}

.single-faculty-members-wrapper .member-information .section-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-default);
    margin-bottom: 1rem;
}

.single-faculty-members-wrapper .member-information ol {
    padding-right: 22px;
}

.single-faculty-members-wrapper .member-information .section-img {
    width: 100%;
}

.single-faculty-members-wrapper .member-information .section-img img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    display: block;
    object-fit: cover;
}

.photo-gallery-wrapper {
    margin-top: 1rem;
}

.photo-filter-wrapper {
    margin: 40px 0;
}

.photo-filter-wrapper .search-input {
    padding: 0 10px;
    border-radius: 4px;
    border-width: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid var(--gray-300);
}

.gallery-image-item,
.gallery-image-item img {
    height: 100%;
}
.gallery-images{
    margin-bottom:40px;
}
.single-photo-gallery-wrapper {
    margin: 1rem 0;
}

.single-photo-gallery-wrapper .card {
    padding: 0;
}

.video-gallery-wrapper {
    margin: 1rem;
}

.video-gallery-wrapper .card-img {
    position: relative;
}

.video-gallery-wrapper .card-img .play-icon {
    width: 76px;
    height: 76px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 9999px;
    background: #ffffff96;
    -webkit-border-radius: 9999px;
    -moz-border-radius: 9999px;
    -ms-border-radius: 9999px;
    -o-border-radius: 9999px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.video-gallery-wrapper .card-img .play-icon img {
    width: 40px;
    height: 40px;
}


.single-video-gallery-wrapper {
    margin: 1rem;
}

.single-video-gallery-wrapper .card {
    padding: 0;
}

.single-video-gallery-wrapper .card-img {
    position: relative;
}

.single-video-gallery-wrapper .card-img .play-icon {
    width: 76px;
    height: 76px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 9999px;
    background: #ffffff96;
    -webkit-border-radius: 9999px;
    -moz-border-radius: 9999px;
    -ms-border-radius: 9999px;
    -o-border-radius: 9999px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.single-video-gallery-wrapper .card-img .play-icon img {
    width: 40px;
    height: 40px;
}

.faculty-wrapper .faculty-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.625rem;
}

.faculty-wrapper .faculty-heading {
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 2.375rem;
    color: var(--text-default);
}

.faculty-wrapper .results-number {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--gray-500);
    margin-bottom: 20px;
}


@media (max-width: 1400px) {
    .faculty-wrapper .card {
        gap: 0px;
        flex-wrap: wrap;
    }
}

.faculty-wrapper .card ove .card-title {
    margin-top: 0rem;
}

.faculty-wrapper .card .btn-secondary {
    color: var(--primary-600);
}

.faculty-wrapper .card .card-img {
    height: 100%;
}

.faculty-wrapper .card .faculty-section-uni p {
    /*font-weight: 600;*/
    text-decoration: underline;
    color: var(--gray-500);
}

.faculty-wrapper .card .faculty-section-uni .faculty-section-uni-item:nth-child(n + 9) {
    display: none;
}

.faculty-wrapper .card .faculty-section-uni.show-all .faculty-section-uni-item {
    display: flex !important;
}

.faculty-wrapper .card .faculty-section-uni {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-grow: 1;
}

@media (max-width: 1200px) {
    .faculty-wrapper .card .faculty-section-uni {
        max-height: 100%;
    }
}

.faculty-wrapper .card .faculty-section-uni i {
    color: var(--gray-400);
    font-size: 20px;
}

.faculty-wrapper .card .faculty-section-uni i.active {
    color: var(--primary-600);
}

.faculty-wrapper .form-select {
    background-position: left 0.75rem center;
    padding: 0.375rem 10px 0.375rem 0.75rem;
}

.faculty-wrapper .form-select:focus {
    outline: none;
    box-shadow: none;
}

.faculty-wrapper .dropdown-menu {
    --bs-dropdown-min-width: 16rem;
}


.single-faculty-activities-wrapper {
    margin: 2.5rem 0px;
}

.single-faculty-activities-wrapper .similar-heading {
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0%;
    color: var(--text-default);
    margin-bottom: 1rem;
}


.single-faculty-activities-wrapper .card .card-text,
.single-faculty-activities-wrapper .card .card-title {
    margin-bottom: 1rem;
}

.single-faculty-activities-wrapper .card .card-img {
    width: 100%;
}

.single-faculty-activities-wrapper .card .card-img img {
    width: 100%;
    display: block;
    border-radius: 0.5rem;
}

.single-faculty-wrapper {
    margin: 40px 0;
}

.single-faculty-wrapper .tabs-card,
.single-faculty-members-wrapper .tabs-card {
    background-color: var(--gray-50);
    border-radius: 10px;
    padding: 10px;
}

.single-faculty-wrapper .tabs-card .tab,
.single-faculty-members-wrapper .tab {
    width: 100%;
    padding: 10px 20px;
    cursor: pointer;
    margin-bottom: 0;

}

.single-faculty-wrapper .tabs-card .tab.active,
.single-faculty-members-wrapper .tabs-card .tab.active {
    border-radius: 4px;
    border: 2px solid var(--text-default);
}

.single-faculty-wrapper .tab-content p:not(.faculty-description p, .section-text p) {
    font-weight: 500;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0%;
    color: var(--gray-950);
    margin-bottom: 1rem;
}

.single-faculty-wrapper .tab-content .tab-pane {
    display: none;
}

.single-faculty-wrapper .tab-content .tab-pane.active {
    display: block;
}

.single-faculty-wrapper .tab-content .tab.active {
    font-weight: 700;
    color: var(--primary-600);
}

.evidence-wrapper .evidence-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.evidence-wrapper .evidence-heading {
    font-weight: 700;
    font-size: 30px;
    line-height: 38px;
    color: var(--text-default);
}

.evidence-wrapper .results-number {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--gray-500);
    margin-bottom: 1.25rem;
}

.evidence-wrapper .card .card-title {
    margin-top: 0;
    margin-bottom: 1rem;
}

.evidence-wrapper .card .card-text {
    margin-bottom: 1rem;
}

.evidence-wrapper .card .card-icon {
    background-color: var(--primary-50);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 9999px;
    -webkit-border-radius: 9999px;
    -moz-border-radius: 9999px;
    -ms-border-radius: 9999px;
    -o-border-radius: 9999px;
    margin-bottom: 1rem;
}

.evidence-wrapper .card .card-icon .hgi-attachment {
    color: #1d1b20;
    font-size: 20px;
}

.evidence-wrapper .card .btn-secondary {
    color: var(--primary-600);
}

.evidence-wrapper .card .btn-secondary i {
    color: #1d1b20;
}

.evidence-wrapper .search-tags {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.evidence-wrapper .search-tags .tag-card {
    padding: 4px 8px;
    border-radius: 4px;
    border-width: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    background: var(--gray-50);
    border: 1px solid var(--gray-200);
}

.evidence-wrapper .search-tags .tag-card.blue-card {
    background-color: #eff8ff;
    border: 1px solid var(--info-200);
}


.service-level-agreement-wrapper {
    margin: 1rem 0;
}

.service-level-agreement-wrapper .custom-table-wrapper {
    width: 100%;
    overflow-x: auto;
}

.service-level-agreement-wrapper .custom-table {
    width: 100%;
    min-width: 800px;
    background-color: var(--white);
    border: 1px solid var(--gray-300);
    border-radius: 15px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    overflow: hidden;
}

.service-level-agreement-wrapper .custom-table thead {
    background-color: var(--gray-100);
}

.service-level-agreement-wrapper .custom-table thead tr th {
    white-space: nowrap;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--black);
    padding-right: 20px;
    border-left: 1px solid var(--gray-300);
}

@media (max-width: 1200px) {
    .service-level-agreement-wrapper .custom-table thead tr th {
        white-space: wrap;
    }
}

.service-level-agreement-wrapper .custom-table thead tr th:last-child {
    border-left: none;
    padding-right: 8px;
}

.service-level-agreement-wrapper .custom-table tbody tr:hover {
    background-color: var(--gray-100);
}

.service-level-agreement-wrapper .custom-table tbody tr td {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5008px;
    color: var(--text-default);
    padding: 10px;
}

.service-level-agreement-wrapper .custom-table tbody tr td.green {
    color: var(--primary-600);
}

.service-level-agreement-wrapper .custom-table tbody tr td .table-tag {
    border-radius: 4px;
    padding: 4px 8px;
    border: 1px solid var(--gray-200);
    background-color: var(--gray-50);
}

.service-level-agreement-wrapper .custom-table tbody tr td .table-tag .tag-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: var(--gray-800);
    text-align: center;
}

.service-level-agreement-wrapper .custom-table tbody tr td:last-child {
    text-align: center;
}

.service-level-agreement-wrapper .custom-table tbody tr td:last-child i {
    font-size: 20px;
}

.service-level-agreement-wrapper .custom-table thead th:nth-child(1) {
    width: 25%;
}

.service-level-agreement-wrapper .custom-table thead th:nth-child(2) {
    width: 10%;
}

.service-level-agreement-wrapper .custom-table thead th:nth-child(3) {
    width: 15%;
}

.service-level-agreement-wrapper .custom-table thead th:nth-child(4) {
    width: 20%;
}

.service-level-agreement-wrapper .custom-table thead th:nth-child(5) {
    width: 15%;
}

.service-level-agreement-wrapper .custom-table thead th:nth-child(6) {
    width: 15%;
}

.service-level-agreement-wrapper .custom-table thead th:nth-child(7) {
    width: 5%;
    text-align: center;
}

.service-level-agreement-wrapper .custom-table th,
.service-level-agreement-wrapper .custom-table td {
    padding: 8px;
}

.service-level-agreement-wrapper .custom-table th:last-child,
.service-level-agreement-wrapper .custom-table td:last-child {
    padding-bottom: 10px;
}


.services-details-wrapper {
    margin: 20px 0;
}

.services-details-wrapper .service-description .card {
    background-color: var(--primary-600);
    padding: 1.5rem;
}

.services-details-wrapper .service-description .service-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    line-height: 1.75rem;
    color: var(--white);
}

.services-details-wrapper .service-description .service-text {
    color: var(--white);
    line-height: 1.625;
    font-size: 1rem;
}

.services-details-wrapper .service-requirements {
    margin: 20px 0;
}

.services-details-wrapper .service-requirements .card .card-service-header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.services-details-wrapper .service-requirements .card .card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-600);
    border-radius: var(--radius-full);
    -webkit-border-radius: var(--radius-full);
    -moz-border-radius: var(--radius-full);
    -ms-border-radius: var(--radius-full);
    -o-border-radius: var(--radius-full);
}

.services-details-wrapper .service-requirements .card .card-icon i {
    color: var(--white);
    font-size: 1.25rem;
}

.services-details-wrapper .service-requirements .card .card-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 !important;
    line-height: 1.75rem;
    color: rgb(31, 41, 55, var(--tw-text-opacity, 1));
}

.services-details-wrapper .requirements-list {
    margin: 10px 0;
}

.services-details-wrapper .requirements-list ul {
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.services-details-wrapper .requirements-list ul li {
    display: flex;
    align-items: center;
    gap: 10px;
}

.services-details-wrapper .requirements-list ul li span {
    font-size: 1rem;
    color: rgb(55, 65, 81, var(--tw-text-opacity, 1));
}

.services-details-wrapper .requirements-list ul li i {
    color: var(--primary-700);
    font-size: 1.25rem;
    line-height: 1.25rem;
}

.services-details-wrapper .service-information .card .service-info-header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.services-details-wrapper .service-information .card .service-info-header .card-title {
    margin: 0 !important;
}

.services-details-wrapper .service-information .card .service-info-header i {
    color: var(--success-500);
    font-size: 1.25rem;
}

.services-details-wrapper .service-information .card .service-info-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 20px;
    padding-bottom: 30px;
}

.services-details-wrapper .service-information .card .service-info-container .service-info-content {
    display: flex;
    gap: 10px;
    background-color: var(--gray-50);
    padding: 10px;
}

.services-details-wrapper .service-information .card .service-info-container .service-info-content .service-info-title {
    color: rgb(75, 85, 99, var(--tw-text-opacity, 1));
    font-size: 1rem;
    margin-bottom: 10px;
    line-height: 1.25rem;
    font-weight: 700;
}

.services-details-wrapper .service-information .card .service-info-container .service-info-content .service-info-text {
    color: rgb(31, 41, 55, var(--tw-text-opacity, 1));
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 400;
}

.services-details-wrapper .service-information .card .service-info-container .service-info-content .service-info-special {
    height: 10px;
    display: block;
    font-size: 24px;
    border-radius: var(--radius-full);
    color: var(--primary-600);
}

.services-details-wrapper .service-information .card .service-info-container .service-info-content .service-info-special.green {
    background-color: var(--success-600);
}

.services-details-wrapper .service-information .card .service-info-container .service-info-content .service-info-special.blue {
    background-color: var(--info-600);
}

.services-details-wrapper .service-information .card .service-info-container .service-info-content .service-info-special.red {
    background-color: var(--danger-600);
}

.services-details-wrapper .service-information .card .service-info-container .service-info-content .service-info-special.black {
    background-color: var(--black);
}

.services-details-wrapper .service-information .card .service-info-container .service-info-content .service-info-special.yellow {
    background-color: var(--warning-600);
}

.services-details-wrapper .service-information .card .service-code {
    margin: 20px 0;
}

.services-details-wrapper .service-information .card .service-code .service-code-title {
    color: rgb(75, 85, 99, var(--tw-text-opacity, 1));
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.25rem;
}

.services-details-wrapper .service-information .card .service-code .service-code-content {
    background-color: rgb(31, 41, 55, var(--tw-bg-opacity, 1));
    padding: 10px;
    margin: 10px 0;
    border-radius: var(--radius-md);
    -webkit-border-radius: var(--radius-md);
    -moz-border-radius: var(--radius-md);
    -ms-border-radius: var(--radius-md);
    -o-border-radius: var(--radius-md);
}

.services-details-wrapper .service-information .card .service-code .service-code-content p {
    color: var(--white);
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 400;
}

.services-details-wrapper .service-action {
    margin: 20px 0;
}

.services-details-wrapper .service-action .card .card-title {
    margin: 0 !important;
}

.services-details-wrapper .service-action .card .actions {
    margin: 10px 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.attachment-table-wrapper {
    margin: 20px 0;
}

.attachment-table-wrapper .card-service-header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.attachment-table-wrapper .card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--success-700);
    border-radius: var(--radius-full);
    -webkit-border-radius: var(--radius-full);
    -moz-border-radius: var(--radius-full);
    -ms-border-radius: var(--radius-full);
    -o-border-radius: var(--radius-full);
}

.attachment-table-wrapper .card-icon i {
    color: var(--white);
    font-size: 1.25rem;
}

.attachment-table-wrapper .card-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 !important;
    line-height: 1.75rem;
    color: rgb(31, 41, 55, var(--tw-text-opacity, 1));
}

.attachment-table-wrapper table {
    border: 1px solid var(--gray-200);
    border-radius: 5px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.attachment-table-wrapper .attachment-table {
    margin: 20px 0;
}

.attachment-table-wrapper .attachment-table thead th {
    background-color: var(--gray-100);
    padding: 15px 16px;
}

.attachment-table-wrapper .attachment-table tbody .table-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.attachment-table-wrapper .attachment-table tbody .td-file-name {
    display: flex;
    align-items: center;
    gap: 5px;
}

.attachment-table-wrapper .attachment-table tbody .td-file-name .td-file-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
}

.attachment-table-wrapper .attachment-table tbody .td-file-name .td-file-icon i {
    font-size: 1.25rem;
}

.attachment-table-wrapper .attachment-table tbody td {
    align-content: center;
    white-space: nowrap;
    padding: 15px 16px;
    text-align: center;
}

.faculty-list-wrapper {
    margin: 30px 0;
}

.faculty-list-wrapper .select-arrow {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--white);
    border: 1px solid #ccc;
    padding: 8px 30px 8px 10px;
    background-image: url('data:image/svg+xml;utf8,<svg fill="black" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5H7z"/></svg>');
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 16px;
}

.faculty-list-wrapper .card.enhancments {
    padding: 0;
}

.faculty-list-wrapper .card.filter-enhancment {
    padding: 40px;
}

.faculty-list-wrapper .card-img img {
    border-radius: var(--radius-lg);
    -webkit-border-radius: var(--radius-lg);
    -moz-border-radius: var(--radius-lg);
    -ms-border-radius: var(--radius-lg);
    -o-border-radius: var(--radius-lg);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.faculty-list-wrapper .card .card-content {
    padding: 0 25px;
}

.faculty-list-wrapper .card .card-content .member-info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.faculty-list-wrapper .card .card-content .member-info i {
    color: var(--success-600);
}

.faculty-list-wrapper .card .card-content .member-info p {
    font-size: 0.975rem;
    line-height: 1.25rem;
    color: rgb(75, 85, 99, var(--tw-text-opacity, 1));
}

.faculty-list-wrapper .card .card-content .member-tags {
    display: flex;
    align-items: center;
    gap: 10px;
}

.faculty-list-wrapper .card .card-content .member-tags .tag {
    background-color: var(--success-100);
    padding: 5px 10px;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    -o-border-radius: 999px;
}

.faculty-list-wrapper .card .card-content .member-tags .tag p {
    font-size: 0.85rem;
    line-height: 1rem;
    color: var(--gray-700);
}

@media (max-width: 767px) {
    .faculty-list-wrapper .form-actions {
        flex-direction: row !important;
        gap: 10px;
        justify-content: center;
    }
}

.faculty-list-wrapper .offcanvas {
    --bs-offcanvas-width: 55rem;
}

.faculty-list-wrapper .offcanvas .header-btn {
    font-size: 1.4rem;
    color: var(--white);
}

.faculty-list-wrapper .offcanvas .offcanvas-body {
    padding: 0;
    overflow: hidden;
    height: calc(100vh - 146px);
}

.faculty-list-wrapper .offcanvas .profile-main-info {
    padding: 1.5rem;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    justify-content: space-between;
    background-color: var(--success-600);
    flex-direction: row;
}

[dir="rtl"] .faculty-list-wrapper .offcanvas .profile-main-info {
    flex-direction: row-reverse;
}

.faculty-list-wrapper .offcanvas .profile-main-info .main-info {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: row;
}

[dir="rtl"] .faculty-list-wrapper .offcanvas .profile-main-info .main-info {
    flex-direction: row-reverse;
}

.faculty-list-wrapper .offcanvas .profile-main-info .edit-btn {
    padding-inline-start: 0;
    padding-inline-end: 0;
    color: var(--white);
    line-height: 0;
}

.faculty-list-wrapper .offcanvas .profile-main-info .edit-btn:focus {
    border: none;
}

.faculty-list-wrapper .offcanvas .profile-main-info .profile-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

[dir="ltr"] .faculty-list-wrapper .offcanvas .profile-main-info .profile-text {
    align-items: flex-end;
}

.faculty-list-wrapper .offcanvas .profile-main-info .profile-text .title {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 2rem;
    color: var(--white);
}

.faculty-list-wrapper .offcanvas .profile-main-info .profile-text .descrbtion {
    color: rgb(219, 234, 254, var(--tw-text-opacity, 1));
}

.faculty-list-wrapper .offcanvas .profile-avatar img {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    border: 1px solid var(--white);
    object-fit: cover;
    object-position: top;
}

.faculty-list-wrapper .offcanvas .tabs-bar {
    --tw-bg-opacity: 1;
    background-color: rgb(249, 250, 251, var(--tw-bg-opacity, 1));
    border-right-width: 1px;
    width: 16rem;
    border-color: var(--gray-200);
    height: 100%;
    padding: 1rem;
}

.faculty-list-wrapper .offcanvas .tabs-bar .nav-link {
    text-align: start;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    gap: 5px;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(55, 65, 81, var(--tw-text-opacity, 1));
    white-space: nowrap;
    padding: 0.7rem 0.5rem;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
}

.faculty-list-wrapper .offcanvas .tabs-bar .nav-link:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(229, 231, 235, var(--tw-bg-opacity, 1));
}

.faculty-list-wrapper .offcanvas .tabs-bar .nav-link.active {
    color: var(--white);
}

.faculty-list-wrapper .offcanvas .tabs-bar .nav-link.active:hover {
    background-color: var(--success-600);
}

.faculty-list-wrapper .offcanvas .tab-content {
    flex-grow: 1;
}

.faculty-list-wrapper .offcanvas .tab-pane {
    padding: 1.5rem;
}

.faculty-list-wrapper .offcanvas .tab-pane .about-title {
    --tw-text-opacity: 1;
    color: rgb(17, 24, 39, var(--tw-text-opacity, 1));
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.faculty-list-wrapper .offcanvas .tab-pane .about-profile .about-text {
    line-height: 1.625;
    --tw-text-opacity: 1;
    color: rgb(55, 65, 81, var(--tw-text-opacity, 1));
}

.faculty-list-wrapper .offcanvas .tab-pane .about-profile .member-tags {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.faculty-list-wrapper .offcanvas .tab-pane .about-profile .member-tags .tag {
    background-color: var(--success-100);
    padding: 10px;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    -o-border-radius: 999px;
}

.faculty-list-wrapper .offcanvas .tab-pane .about-profile .member-tags .tag p {
    font-size: 1rem;
    line-height: 1rem;
    color: var(--gray-700);
}

.faculty-list-wrapper .offcanvas .tab-pane .about-profile .contact-box {
    padding: 1rem;
    margin: 20px 0;
    --tw-bg-opacity: 1;
    background-color: rgb(249, 250, 251, var(--tw-bg-opacity, 1));
    border-radius: 0.5rem;
}

.faculty-list-wrapper .offcanvas .tab-pane .about-profile .contact-box .box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.faculty-list-wrapper .offcanvas .tab-pane .about-profile .contact-box .box .contact-box-title {
    --tw-text-opacity: 1;
    color: rgb(17, 24, 39, var(--tw-text-opacity, 1));
    font-weight: 500;
    font-size: 1rem;
}

.faculty-list-wrapper .offcanvas .tab-pane .about-profile .contact-box .box i {
    color: var(--success-600);
    font-size: 1rem;
}

.faculty-list-wrapper .offcanvas .tab-pane .profile-announcements .announcements-box {
    --tw-space-y-reverse: 0;
    margin: 20px 0;
    margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
    padding: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(249, 250, 251, var(--tw-bg-opacity, 1));
    border-radius: 0.5rem;
}

.faculty-list-wrapper .offcanvas .tab-pane .profile-announcements .announcements-box .box-header h1,
.faculty-list-wrapper .offcanvas .tab-pane .profile-announcements .announcements-box .box-header .h1 {
    --tw-text-opacity: 1;
    color: rgb(17, 24, 39, var(--tw-text-opacity, 1));
    font-weight: 500;
    font-size: 1.5rem;
}

.faculty-list-wrapper .offcanvas .tab-pane .profile-announcements .announcements-box .announcements-descrabtion {
    --tw-text-opacity: 1;
    color: rgb(55, 65, 81, var(--tw-text-opacity, 1));
    font-size: 1rem;
    margin: 10px 0;
    line-height: 1.8rem;
}

.faculty-list-wrapper .offcanvas .tab-pane .profile-announcements .announcements-box .announcements-tag {
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
}

.faculty-list-wrapper .offcanvas .tab-pane .profile-announcements .announcements-box .announcements-tag.purble {
    --tw-text-opacity: 1;
    color: rgb(107, 33, 168, var(--tw-text-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(243, 232, 255, var(--tw-bg-opacity, 1));
}

.faculty-list-wrapper .offcanvas .tab-pane .profile-announcements .announcements-box .announcements-tag.yellow {
    --tw-text-opacity: 1;
    color: rgb(154, 52, 18, var(--tw-text-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255, 237, 213, var(--tw-bg-opacity, 1));
}

.faculty-list-wrapper .offcanvas .tab-pane .journal .journal-box {
    --tw-space-y-reverse: 0;
    margin: 20px 0;
    margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
    padding: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(249, 250, 251, var(--tw-bg-opacity, 1));
    border-radius: 0.5rem;
}

.faculty-list-wrapper .offcanvas .tab-pane .journal .journal-box .about-title {
    margin-bottom: 0;
}

.faculty-list-wrapper .toggle-btn {
    display: none;
}

@media (max-width: 767px) {
    .faculty-list-wrapper .offcanvas .tabs-bar .nav-link span {
        display: none;
    }

    .tabs-bar {
        width: fit-content !important;
    }

    .toggle {
        width: 30rem !important;
    }

    .toggle-btn {
        display: block;
    }

    .toggle-btn i {
        font-size: 1rem;
    }

    .nav-pills {
        width: fit-content;
    }
}

.profile-hero-wrapper .profile-header-info .user-img {
    object-position: top;
    object-fit: cover;
    --tw-border-opacity: 1;
    border-color: rgb(255, 255, 255, var(--tw-border-opacity, 1));
    border-radius: 9999px;
    border-width: 4px;
    width: 8rem;
    height: 8rem;
}

.profile-hero-wrapper .profile-header-info .user-title {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 2rem;
    margin-bottom: 0.5rem;
}

.profile-hero-wrapper .profile-header-info .user-text {
    --tw-text-opacity: 1;
    color: var(--text-default);
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-bottom: 0.5rem;
}

.profile-hero-wrapper .profile-header-info .box-wrapper {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

.profile-hero-wrapper .profile-header-info .contact-box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.faculty-profile-wrapper {
    margin: 20px 0;
}

.faculty-profile-wrapper .card {
    padding: 30px;
}

.faculty-profile-wrapper .nav-link {
    color: var(--text-default);
}

.faculty-profile-wrapper .profile-title {
    --tw-text-opacity: 1;
    color: rgb(17, 24, 39, var(--tw-text-opacity, 1));
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1rem;
}

.faculty-profile-wrapper .about-profile .profile-text {
    --tw-text-opacity: 1;
    color: rgb(55, 65, 81, var(--tw-text-opacity, 1));
    line-height: 1.625;
    font-size: 1.125rem;
}

.faculty-profile-wrapper .about-profile .profile-tag {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.faculty-profile-wrapper .about-profile .profile-tag .tag {
    background-color: var(--success-200);
    padding: 5px 20px;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    -o-border-radius: 999px;
}

.faculty-profile-wrapper .about-profile .profile-about-info {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.faculty-profile-wrapper .about-profile .profile-about-info .contact-box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.faculty-profile-wrapper .about-profile .profile-about-info .contact-box i {
    color: var(--success-500);
}

.faculty-profile-wrapper .announcements .announcements-box {
    padding: 1.5rem;
    background-color: var(--success-100);
    border-right: 4px solid;
    border-color: var(--success-600);
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    margin: 20px 0;
}

.faculty-profile-wrapper .announcements .announcements-box .box-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.faculty-profile-wrapper .announcements .announcements-box .box-header h4,
.faculty-profile-wrapper .announcements .announcements-box .box-header .h4 {
    --tw-text-opacity: 1;
    color: rgb(17, 24, 39, var(--tw-text-opacity, 1));
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.faculty-profile-wrapper .announcements .announcements-box .box-header p {
    --tw-text-opacity: 1;
    color: rgb(55, 65, 81, var(--tw-text-opacity, 1));
}

.faculty-profile-wrapper .journal-box {
    padding: 1.5rem;
    margin: 20px 0;
    --tw-border-opacity: 1;
    border: 1px solid;
    border-color: rgb(229, 231, 235, var(--tw-border-opacity, 1));
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
}

.faculty-profile-wrapper .journal-box h4,
.faculty-profile-wrapper .journal-box .h4 {
    --tw-text-opacity: 1;
    color: rgb(17, 24, 39, var(--tw-text-opacity, 1));
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: 0.5rem;
}

.faculty-profile-wrapper .journal-box p {
    --tw-text-opacity: 1;
    color: rgb(75, 85, 99, var(--tw-text-opacity, 1));
    margin-bottom: 0.5rem;
}

.faculty-profile-wrapper .books-box {
    padding: 1.5rem;
    --tw-border-opacity: 1;
    border: 1px solid;
    border-color: rgb(229, 231, 235, var(--tw-border-opacity, 1));
    border-radius: 0.5rem;
}

.faculty-profile-wrapper .books-box h4,
.faculty-profile-wrapper .books-box .h4 {
    --tw-text-opacity: 1;
    color: rgb(17, 24, 39, var(--tw-text-opacity, 1));
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: 0.5rem;
}

.faculty-profile-wrapper .books-box p {
    --tw-text-opacity: 1;
    color: rgb(75, 85, 99, var(--tw-text-opacity, 1));
    margin-bottom: 0.5rem;
}

.faculty-profile-wrapper .schedule-box {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
    padding: 1rem;
    --tw-bg-opacity: 1;
    border: 1px solid;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
}

.faculty-profile-wrapper .schedule-box .box-header {
    display: flex;
    justify-content: space-between;
}

.faculty-profile-wrapper .schedule-box .box-header h3,
.faculty-profile-wrapper .schedule-box .box-header .h3 {
    --tw-text-opacity: 1;
    color: rgb(17, 24, 39, var(--tw-text-opacity, 1));
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: 0 !important;
}

.faculty-profile-wrapper .schedule-box .box-header .tag {
    --tw-text-opacity: 1;
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}

.faculty-profile-wrapper .schedule-box p {
    --tw-text-opacity: 1;
    color: rgb(75, 85, 99, var(--tw-text-opacity, 1));
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-bottom: 0.25rem;
}

.faculty-profile-wrapper .schedule-box.blue {
    --tw-border-opacity: 1;
    border-color: rgb(191, 219, 254, var(--tw-border-opacity, 1));
    background-color: rgb(239, 246, 255, var(--tw-bg-opacity, 1));
}

.faculty-profile-wrapper .schedule-box.blue .tag {
    color: rgb(30, 64, 175, var(--tw-text-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(219, 234, 254, var(--tw-bg-opacity, 1));
}

.faculty-profile-wrapper .schedule-box.green {
    --tw-bg-opacity: 1;
    background-color: rgb(240, 253, 244, var(--tw-bg-opacity, 1));
    --tw-border-opacity: 1;
    border-color: rgb(187, 247, 208, var(--tw-border-opacity, 1));
}

.faculty-profile-wrapper .schedule-box.green .tag {
    --tw-text-opacity: 1;
    color: rgb(22, 101, 52, var(--tw-text-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(220, 252, 231, var(--tw-bg-opacity, 1));
}

.faculty-profile-wrapper .schedule-box.yellow {
    --tw-bg-opacity: 1;
    background-color: rgb(254, 252, 232, var(--tw-bg-opacity, 1));
    --tw-border-opacity: 1;
    border-color: rgb(254, 240, 138, var(--tw-border-opacity, 1));
}

.faculty-profile-wrapper .schedule-box.yellow .tag {
    --tw-text-opacity: 1;
    color: rgb(133, 77, 14, var(--tw-text-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(254, 249, 195, var(--tw-bg-opacity, 1));
}

.faculty-profile-wrapper .schedule-box.violet {
    --tw-bg-opacity: 1;
    background-color: rgb(250, 245, 255, var(--tw-bg-opacity, 1));
    --tw-border-opacity: 1;
    border-color: rgb(233, 213, 255, var(--tw-border-opacity, 1));
}

.faculty-profile-wrapper .schedule-box.violet .tag {
    --tw-text-opacity: 1;
    color: rgb(107, 33, 168, var(--tw-text-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(243, 232, 255, var(--tw-bg-opacity, 1));
}

.faculty-profile-wrapper .news-box {
    padding: 1.5rem;
    --tw-bg-opacity: 1;
    --tw-border-opacity: 1;
    border: 1px solid;
    border-radius: 0.5rem;
}

.faculty-profile-wrapper .news-box p {
    --tw-text-opacity: 1;
    color: rgb(55, 65, 81, var(--tw-text-opacity, 1));
    margin-bottom: 0.75rem;
}

.faculty-profile-wrapper .news-box .box-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.faculty-profile-wrapper .news-box .box-header h4,
.faculty-profile-wrapper .news-box .box-header .h4 {
    --tw-text-opacity: 1;
    color: rgb(17, 24, 39, var(--tw-text-opacity, 1));
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: 0.5rem;
}

.faculty-profile-wrapper .news-box .box-header p {
    --tw-text-opacity: 1;
    color: rgb(75, 85, 99, var(--tw-text-opacity, 1));
    margin-bottom: 0.5rem;
}

.faculty-profile-wrapper .news-box.green {
    border-color: rgb(187, 247, 208, var(--tw-border-opacity, 1));
    background-color: rgb(240, 253, 244, var(--tw-bg-opacity, 1));
}

.faculty-profile-wrapper .news-box.violet {
    background-color: rgb(250, 245, 255, var(--tw-bg-opacity, 1));
    border-color: rgb(233, 213, 255, var(--tw-border-opacity, 1));
}

.faculty-edit-wrapper {
    margin: 20px 0;
}

.faculty-edit-wrapper .nav-link {
    color: var(--text-default);
}

.faculty-edit-wrapper .form-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.faculty-edit-wrapper .form-header h1,
.faculty-edit-wrapper .form-header .h1 {
    --tw-text-opacity: 1;
    color: rgb(17, 24, 39, var(--tw-text-opacity, 1));
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.faculty-edit-wrapper .table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 10px;
    margin: 20px 0;
    border: 1px solid rgb(229, 231, 235);
}

.faculty-edit-wrapper .table-wrapper table {
    width: 100%;
    min-width: 600px;
    border-collapse: separate;
    border-spacing: 0;
}

.faculty-edit-wrapper .table-wrapper table img {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
        var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
    object-position: top;
    object-fit: cover;
    border-width: 1px;
    border-radius: 0.5rem;
    width: 5rem;
    height: 4rem;
}

.faculty-edit-wrapper .table-wrapper table .table-title h4,
.faculty-edit-wrapper .table-wrapper table .table-title .h4 {
    --tw-text-opacity: 1;
    color: rgb(17, 24, 39, var(--tw-text-opacity, 1));
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.faculty-edit-wrapper .table-wrapper table .table-title p {
    --tw-text-opacity: 1;
    color: rgb(107, 114, 128, var(--tw-text-opacity, 1));
    font-size: 0.95rem;
    line-height: 1.5rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 0.25rem;
}

.faculty-edit-wrapper .table-wrapper table tbody td {
    vertical-align: middle;
}

.faculty-edit-wrapper .table-wrapper table tbody tr:last-child {
    border-color: var(--white);
}

@media (max-width: 768px) {
    .faculty-edit-wrapper .faculty-edit-wrapper table {
        font-size: 0.875rem;
    }
}

.faculty-edit-wrapper select.form-control:dir(ltr),
.faculty-edit-wrapper select.form-control:not(:dir(rtl)) {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="gray" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>') no-repeat right 0.75rem center;
    background-size: 1rem 1rem;
    padding-right: 2rem;
    padding-left: 0.75rem;
}

.faculty-edit-wrapper select.form-control:dir(rtl),
.faculty-edit-wrapper select.form-control[dir="rtl"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="gray" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>') no-repeat left 0.75rem center;
    background-size: 1rem 1rem;
    padding-left: 2rem;
    padding-right: 0.75rem;
}

.faculty-edit-wrapper .profile-edit-offcanvas {
    --bs-offcanvas-width: 600px;
}

@media (max-width: 767px) {
    .faculty-edit-wrapper .edit-profile-tabs {
        flex-direction: column;
        width: 100%;
    }

    .faculty-edit-wrapper .edit-profile-tabs .nav-item .nav-link {
        width: 100%;
        text-align: start;
    }
}

.header {
    position: relative;
    border-bottom: 1px solid var(--gray-300);
    /*padding: 11px 0;*/
}

.header .header-desktop-screen {
    display: flex;
    justify-content: space-between;
    gap: var(--spacing-4xl);
}

.header .nav-item .desktop-submenu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100vw;
    background-color: var(--white);
    box-shadow: 0 12px 16px -4px #10182814;
    z-index: 100;
    padding: 20px 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    border-top: 2px solid var(--bs-gray-200);
}

.header .nav-item .desktop-submenu .menu-item ul {
    margin-top: 10px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.header .nav-item .desktop-submenu .menu-item ul li:hover a {
    text-decoration: underline;
}


/* Change menu behavior to clickable */
.nav-item.visible .desktop-submenu {
    opacity: 1;
    visibility: visible;
}

.header .header-right-side,
.header .header-left-side {
    flex-shrink: 1;
}

.header .header-right-side {
    display: flex;
    align-items: center;
    gap: 24px;
}

.header .header-right-side .nav-link {
    display: flex;
    list-style: none;
    height: 100%;
    /*gap: 4px;*/
}

.header .header-right-side .nav-link .nav-item {
    display: inline-flex;
    align-items: center;
}

.header .header-right-side .nav-link>.nav-item>a {
    gap: var(--spacing-sm);
    cursor: pointer;
    position: relative;
    border-radius: var(--spacing-xs);
    padding: 24px 10px;
    position: relative;
    text-align: center;
}

.header .header-right-side .nav-link>.nav-item>a:focus {
    outline: 2px solid #2c3440;
}

.header .header-right-side .nav-link .nav-item img {
    width: 20px;
}

.header .header-right-side .nav-link .nav-item .submenu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 276px;
    padding: 0 var(--spacing-4xl);
    z-index: 9999;
    display: none;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s ease;
}

.header .header-right-side .nav-link .nav-item:hover>a {
    background-color: var(--gray-100);
}

.header .header-right-side .nav-link .nav-item:hover>a:after {
    background-color: var(--gray-400);
}

.header .header-right-side .nav-link .nav-item.active>a,
.header .header-right-side .nav-link .nav-item.visible>a {
    background-color: var(--primary-600);
    color: var(--white) !important;
}

.header .header-right-side .nav-link .nav-item.active>a:not(.menu-item a) {
    color: var(--white);
}

.header .header-right-side .nav-link .nav-item.active img,
.header .header-right-side .nav-link .nav-item.visible img {
    filter: brightness(0) invert(1);
}

.header .header-right-side .nav-link .nav-item.active .submenu {
    display: block;
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.header .header-right-side .nav-link .nav-item.active>a:after,
.header .header-right-side .nav-link .nav-item.visible>a:after {
    background-color: var(--primary-400);
}

.header .header-right-side .nav-link .nav-item>a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    width: 80%;
    height: 0.375rem;
    border-radius: var(--radius-full);
}

.header .header-left-side .nav-action {
    display: flex;
    list-style: none;
    padding: 0;
    height: 100%;
    gap: 4px;
}

.header .header-left-side .nav-action .action-item {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-sm);
    font-weight: var(--font-weight-medium);
    font-size: 15px;
    color: var(--text-dark);
    cursor: pointer;

    /* --- */
    background-color: re;
    line-height: 0;
}

.header .header-left-side .nav-action .action-item img {
    width: 21px;
}

.header .header-left-side .nav-action .action-item i {
    font-size: 20px;
    position: relative;
    line-height: 0;
}

.header .header-left-side .nav-action .action-item i.hgi-search-01 {
    font-size: 17px;
}

.header .header-left-side .nav-action .action-item a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: 0.3s ease;
    border-radius: 3px;
    padding: 3px 12px;
    height: 100%;
}

[dir=ltr] .header .header-left-side .nav-action .action-item a {
    gap: 0;
}

[dir=ltr] .header .header-left-side .nav-action .action-item a i {
    margin-right: 6px;
}



/*---*/
.header .header-left-side .nav-action .action-item:first-child {
    margin-left: 14px;
}

.header .header-left-side .nav-action .action-item img[data-icon="action"] {
    width: var(--spacing-xl);
    content: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0227%2010.0378C11.3198%209.74911%2011.3265%209.27428%2011.0378%208.97726C10.7491%208.68023%2010.2743%208.67349%209.97726%208.96219C9.886%209.05089%209.70419%209.19651%209.43276%209.40971L9.37284%209.45675C9.13071%209.64682%208.84661%209.86981%208.57551%2010.0995C8.28495%2010.3457%207.98316%2010.6213%207.74854%2010.8968C7.63096%2011.0348%207.51499%2011.1904%207.42541%2011.3578C7.33902%2011.5193%207.25%2011.7417%207.25%2012C7.25%2012.2583%207.33902%2012.4807%207.42541%2012.6422C7.51499%2012.8096%207.63096%2012.9652%207.74854%2013.1032C7.98316%2013.3787%208.28495%2013.6543%208.57551%2013.9005C8.84662%2014.1302%209.13068%2014.3532%209.37282%2014.5432L9.43276%2014.5903C9.70419%2014.8035%209.886%2014.9491%209.97726%2015.0378C10.2743%2015.3265%2010.7491%2015.3198%2011.0378%2015.0227C11.3265%2014.7257%2011.3198%2014.2509%2011.0227%2013.9622C10.8612%2013.8051%2010.604%2013.6029%2010.3593%2013.4107L10.3024%2013.3659C10.0566%2013.173%209.79386%2012.9667%209.54522%2012.7561L9.53807%2012.75H16C16.4142%2012.75%2016.75%2012.4142%2016.75%2012C16.75%2011.5858%2016.4142%2011.25%2016%2011.25H9.53807L9.54522%2011.2439C9.79385%2011.0333%2010.0566%2010.827%2010.3023%2010.6341L10.3593%2010.5893C10.604%2010.3971%2010.8612%2010.1949%2011.0227%2010.0378Z'%20fill='%23161616'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.0572%201.75H11.9428C9.75212%201.74999%208.03144%201.74998%206.68802%201.93059C5.31137%202.11568%204.21911%202.50272%203.36091%203.36091C2.50272%204.21911%202.11568%205.31137%201.93059%206.68802C1.74998%208.03144%201.74999%209.75212%201.75%2011.9428V12.0572C1.74999%2014.2479%201.74998%2015.9686%201.93059%2017.312C2.11568%2018.6886%202.50272%2019.7809%203.36091%2020.6391C4.21911%2021.4973%205.31137%2021.8843%206.68802%2022.0694C8.03144%2022.25%209.7521%2022.25%2011.9428%2022.25H12.0572C14.2479%2022.25%2015.9686%2022.25%2017.312%2022.0694C18.6886%2021.8843%2019.7809%2021.4973%2020.6391%2020.6391C21.4973%2019.7809%2021.8843%2018.6886%2022.0694%2017.312C22.25%2015.9686%2022.25%2014.2479%2022.25%2012.0572V11.9428C22.25%209.75214%2022.25%208.03144%2022.0694%206.68802C21.8843%205.31137%2021.4973%204.21911%2020.6391%203.36091C19.7809%202.50272%2018.6886%202.11568%2017.312%201.93059C15.9686%201.74998%2014.2479%201.74999%2012.0572%201.75ZM4.42157%204.42157C4.95462%203.88853%205.67757%203.57994%206.8879%203.41722C8.11979%203.25159%209.73963%203.25%2012%203.25C14.2604%203.25%2015.8802%203.25159%2017.1121%203.41722C18.3224%203.57994%2019.0454%203.88853%2019.5784%204.42157C20.1115%204.95462%2020.4201%205.67757%2020.5828%206.8879C20.7484%208.11979%2020.75%209.73963%2020.75%2012C20.75%2014.2604%2020.7484%2015.8802%2020.5828%2017.1121C20.4201%2018.3224%2020.1115%2019.0454%2019.5784%2019.5784C19.0454%2020.1115%2018.3224%2020.4201%2017.1121%2020.5828C15.8802%2020.7484%2014.2604%2020.75%2012%2020.75C9.73963%2020.75%208.11979%2020.7484%206.8879%2020.5828C5.67757%2020.4201%204.95462%2020.1115%204.42157%2019.5784C3.88853%2019.0454%203.57994%2018.3224%203.41722%2017.1121C3.25159%2015.8802%203.25%2014.2604%203.25%2012C3.25%209.73963%203.25159%208.11979%203.41722%206.8879C3.57994%205.67757%203.88853%204.95462%204.42157%204.42157Z'%20fill='%23161616'/%3e%3c/svg%3e");
}

.header .header-left-side .nav-action .action-item:hover,
.header .header-left-side .nav-action .action-item:active {
    background-color: var(--gray-100);
    position: relative;
    transition: all 0.3s ease-in-out;
}

.header .header-left-side .nav-action .action-item:hover img[data-icon="action"],
.header .header-left-side .nav-action .action-item:active img[data-icon="action"] {
    content: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0227%2010.0378C11.3198%209.74911%2011.3265%209.27428%2011.0378%208.97726C10.7491%208.68023%2010.2743%208.67349%209.97726%208.96219C9.886%209.05089%209.70419%209.19651%209.43276%209.40971L9.37284%209.45675C9.13071%209.64682%208.84661%209.86981%208.57551%2010.0995C8.28495%2010.3457%207.98316%2010.6213%207.74854%2010.8968C7.63096%2011.0348%207.51499%2011.1904%207.42541%2011.3578C7.33902%2011.5193%207.25%2011.7417%207.25%2012C7.25%2012.2583%207.33902%2012.4807%207.42541%2012.6422C7.51499%2012.8096%207.63096%2012.9652%207.74854%2013.1032C7.98316%2013.3787%208.28495%2013.6543%208.57551%2013.9005C8.84662%2014.1302%209.13068%2014.3532%209.37282%2014.5432L9.43276%2014.5903C9.70419%2014.8035%209.886%2014.9491%209.97726%2015.0378C10.2743%2015.3265%2010.7491%2015.3198%2011.0378%2015.0227C11.3265%2014.7257%2011.3198%2014.2509%2011.0227%2013.9622C10.8612%2013.8051%2010.604%2013.6029%2010.3593%2013.4107L10.3024%2013.3659C10.0566%2013.173%209.79386%2012.9667%209.54522%2012.7561L9.53807%2012.75H16C16.4142%2012.75%2016.75%2012.4142%2016.75%2012C16.75%2011.5858%2016.4142%2011.25%2016%2011.25H9.53807L9.54522%2011.2439C9.79385%2011.0333%2010.0566%2010.827%2010.3023%2010.6341L10.3593%2010.5893C10.604%2010.3971%2010.8612%2010.1949%2011.0227%2010.0378Z'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.0572%201.75H11.9428C9.75212%201.74999%208.03144%201.74998%206.68802%201.93059C5.31137%202.11568%204.21911%202.50272%203.36091%203.36091C2.50272%204.21911%202.11568%205.31137%201.93059%206.68802C1.74998%208.03144%201.74999%209.75212%201.75%2011.9428V12.0572C1.74999%2014.2479%201.74998%2015.9686%201.93059%2017.312C2.11568%2018.6886%202.50272%2019.7809%203.36091%2020.6391C4.21911%2021.4973%205.31137%2021.8843%206.68802%2022.0694C8.03144%2022.25%209.7521%2022.25%2011.9428%2022.25H12.0572C14.2479%2022.25%2015.9686%2022.25%2017.312%2022.0694C18.6886%2021.8843%2019.7809%2021.4973%2020.6391%2020.6391C21.4973%2019.7809%2021.8843%2018.6886%2022.0694%2017.312C22.25%2015.9686%2022.25%2014.2479%2022.25%2012.0572V11.9428C22.25%209.75214%2022.25%208.03144%2022.0694%206.68802C21.8843%205.31137%2021.4973%204.21911%2020.6391%203.36091C19.7809%202.50272%2018.6886%202.11568%2017.312%201.93059C15.9686%201.74998%2014.2479%201.74999%2012.0572%201.75ZM4.42157%204.42157C4.95462%203.88853%205.67757%203.57994%206.8879%203.41722C8.11979%203.25159%209.73963%203.25%2012%203.25C14.2604%203.25%2015.8802%203.25159%2017.1121%203.41722C18.3224%203.57994%2019.0454%203.88853%2019.5784%204.42157C20.1115%204.95462%2020.4201%205.67757%2020.5828%206.8879C20.7484%208.11979%2020.75%209.73963%2020.75%2012C20.75%2014.2604%2020.7484%2015.8802%2020.5828%2017.1121C20.4201%2018.3224%2020.1115%2019.0454%2019.5784%2019.5784C19.0454%2020.1115%2018.3224%2020.4201%2017.1121%2020.5828C15.8802%2020.7484%2014.2604%2020.75%2012%2020.75C9.73963%2020.75%208.11979%2020.7484%206.8879%2020.5828C5.67757%2020.4201%204.95462%2020.1115%204.42157%2019.5784C3.88853%2019.0454%203.57994%2018.3224%203.41722%2017.1121C3.25159%2015.8802%203.25%2014.2604%203.25%2012C3.25%209.73963%203.25159%208.11979%203.41722%206.8879C3.57994%205.67757%203.88853%204.95462%204.42157%204.42157Z'%20fill='white'/%3e%3c/svg%3e");
}

.header .header-left-side .nav-action .action-item:hover a:after,
.header .header-left-side .nav-action .action-item:active a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    width: 80%;
    height: 0.375rem;
    background-color: var(--gray-400);
    border-radius: var(--radius-full);
}

.header .header-small-screen {
    display: none;
    padding: 10px 0;
}

@media (max-width: 1401px) {
    .header .header-desktop-screen {
        display: none !important;
    }

    .header .header-small-screen {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
    }

    .header .header-small-screen .tablet-menu-item {
        display: flex;
    }
}

@media (max-width: 37.5rem) {
    .header {
        padding: 20px var(--spacing-xl);
    }

    .header .header-small-screen .tablet-menu-item {
        display: none !important;
    }


}

.header .dropdown-menu {
    text-align: unset;
}

.offcanvas {
    --bs-offcanvas-width: 300px;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    box-shadow: 0.25rem 1rem 1.5rem #0000001a;
}

.offcanvas .offcanvas-body .offcanvas-item {
    border-top: 0.0625rem solid var(--gray-300);
}

.offcanvas .offcanvas-body .offcanvas-item:first-child {
    border: none;
}

.offcanvas .offcanvas-body .offcanvas-item .item-header {
    padding: 0.625rem 0;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.offcanvas .offcanvas-body .offcanvas-item .item-header .arrow-icon {
    transition: transform 0.3s ease;
}

.offcanvas .offcanvas-body .offcanvas-item .item-header.active .arrow-icon {
    transform: rotate(180deg);
}

.offcanvas .offcanvas-body .offcanvas-item .submenu {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.4s ease;
}

.offcanvas .offcanvas-body .offcanvas-item .submenu ul {
    padding: 5px 20px;
    margin: 0;
}

.offcanvas .offcanvas-body .offcanvas-item .submenu ul li {
    margin-bottom: 14px;
    padding-right: 10px;
}

.offcanvas .offcanvas-body .offcanvas-item .submenu ul li:has(b) {
    padding-right: 0;
}

.offcanvas .offcanvas-body .offcanvas-item .submenu ul li a {
    text-decoration: none;
    color: var(--black);
}

.offcanvas .offcanvas-body .offcanvas-item .submenu ul li a:hover {
    text-decoration: underline;
}

.offcanvas .offcanvas-body .offcanvas-item .submenu.active {
    height: auto;
    opacity: 1;
}

.logo {
    width: 200px;
}

.logo img {
    width: 100%;
}

.header-offcanvas .offcanvas-menu-item {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.header-offcanvas .offcanvas-menu-btn {
    width: 100%;
    text-align: right;
    background: none;
    border: none;
    font-size: 1.1rem;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    cursor: pointer;
}

.header-offcanvas .offcanvas-menu-btn .arrow {
    font-size: 1.2rem;
}

.header-offcanvas .offcanvas-submenu {
    padding: 10px 15px;
}

.header-offcanvas .offcanvas-submenu ul {
    padding: 0;
    list-style: none;
}

.header-offcanvas .offcanvas-submenu li {
    padding: 5px 0;
}

.header-offcanvas .menu-item h1,
.header-offcanvas .menu-item .h1 {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: var(--primary-600);
}

.header-offcanvas .menu-item ul {
    margin-top: 10px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.header-offcanvas .menu-item ul li {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: var(--gray-800);
}

.header-offcanvas #offcanvasAccordion .accordion-item {
    border: none;
}

.header-offcanvas #offcanvasAccordion .accordion-button {
    box-shadow: none;
    border: none;
}

.header-offcanvas #offcanvasAccordion .accordion-button:focus {
    box-shadow: none;
}

.header-offcanvas #offcanvasAccordion .accordion-body {
    border: none;
    padding-right: 20px;
}

.header-offcanvas .accordion-button br {
    display: none !important;
}

.header-offcanvas .accordion-button {
    padding: 10px 12px;
}

.header-offcanvas .accordion-body {
    padding: 0 !important;
}

.top-header-dark {
    background-color: var(--primary-600);
    color: var(--white);
}

.top-header-dark a,
.top-header-dark p,
.top-header-dark h1,
.top-header-dark .h1,
.top-header-dark h2,
.top-header-dark .h2,
.top-header-dark h3,
.top-header-dark .h3,
.top-header-dark h4,
.top-header-dark .h4,
.top-header-dark h5,
.top-header-dark .h5,
.top-header-dark h6,
.top-header-dark .h6,
.top-header-dark span {
    color: var(--white);
}

.top-header-dark a:hover {
    opacity: 0.9;
}

.top-header-light {
    background-color: var(--gray-100);
    color: var(--black);
}

.top-header-light a:hover {
    opacity: 0.9;
}

.top-header {
    border-bottom: 1px solid var(--gray-300);
}

@media (max-width: 47.9375rem) {
    .top-header .row {
        --bs-gutter-x: 0rem;
    }
}

.icon {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon.other-side-icon {
    width: 32px;
    height: 32px;
}

.icon[data-icon="cloud"] {
    background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.853%208.36454C3.22664%208.89643%201.25%2011.217%201.25%2014C1.25%2017.1756%203.82436%2019.75%207%2019.75H17.5C20.3995%2019.75%2022.75%2017.3995%2022.75%2014.5C22.75%2011.8541%2020.7927%209.66534%2018.2469%209.30273C18.1428%205.94224%2015.3858%203.25%2012%203.25C8.93585%203.25%206.38731%205.45456%205.853%208.36454ZM7.41211%208.26457C8.54729%208.34508%209.59274%208.75556%2010.451%209.40038C10.7822%209.64919%2010.8489%2010.1193%2010.6001%2010.4505C10.3513%2010.7817%209.88114%2010.8484%209.54998%2010.5996C8.83967%2010.0659%207.95781%209.75%207%209.75C6.86199%209.75%206.72573%209.75655%206.59147%209.76933C4.4363%209.97442%202.75%2011.7907%202.75%2014C2.75%2016.3472%204.65279%2018.25%207%2018.25H17.5C19.5711%2018.25%2021.25%2016.5711%2021.25%2014.5C21.25%2012.6382%2019.8932%2011.0933%2018.1144%2010.8001C17.9022%2011.8026%2017.4499%2012.7163%2016.8211%2013.4776C16.5574%2013.797%2016.0846%2013.842%2015.7653%2013.5783C15.4459%2013.3145%2015.4008%2012.8418%2015.6646%2012.5224C16.2572%2011.8048%2016.6424%2010.9117%2016.7306%209.93273C16.7434%209.79039%2016.75%209.64606%2016.75%209.5C16.75%206.87665%2014.6234%204.75%2012%204.75C9.80411%204.75%207.95572%206.24047%207.41211%208.26457Z'%20fill='%23384250'/%3e%3c/svg%3e");
}

.icon[data-icon="calender"] {
    background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6%201.25C6.41421%201.25%206.75%201.58579%206.75%202V2.36589C7.88606%202.24997%209.28402%202.24998%2010.9892%202.25H13.0108C14.716%202.24998%2016.1139%202.24997%2017.25%202.36589V2C17.25%201.58579%2017.5858%201.25%2018%201.25C18.4142%201.25%2018.75%201.58579%2018.75%202V2.63479C19.5548%202.86288%2020.2335%203.2336%2020.7985%203.84436C21.5764%204.68535%2021.9222%205.74792%2022.0878%207.07951C22.25%208.38431%2022.25%2010.0565%2022.25%2012.1901V12.8099C22.25%2014.9435%2022.25%2016.6157%2022.0878%2017.9205C21.9222%2019.2521%2021.5764%2020.3147%2020.7985%2021.1556C20.0129%2022.0049%2019.0072%2022.3901%2017.7487%2022.573C16.5307%2022.75%2014.9745%2022.75%2013.0108%2022.75H10.9892C9.02555%2022.75%207.46932%2022.75%206.25129%2022.573C4.99276%2022.3901%203.98714%2022.0049%203.20154%2021.1556C2.42363%2020.3147%202.07785%2019.2521%201.91225%2017.9205C1.74998%2016.6157%201.74999%2014.9435%201.75%2012.81V12.19C1.74999%2010.0565%201.74998%208.3843%201.91225%207.07951C2.07785%205.74792%202.42363%204.68535%203.20154%203.84436C3.7665%203.2336%204.44524%202.86288%205.25%202.63479V2C5.25%201.58579%205.58579%201.25%206%201.25ZM6%204.75C5.65717%204.75%205.36806%204.51998%205.2786%204.20584C4.87129%204.36791%204.56203%204.58256%204.30269%204.86292C3.83044%205.37347%203.55052%206.07336%203.40261%207.25H20.5974C20.4495%206.07336%2020.1696%205.37347%2019.6973%204.86292C19.438%204.58256%2019.1287%204.36791%2018.7214%204.20585C18.6319%204.51998%2018.3428%204.75%2018%204.75C17.5858%204.75%2017.25%204.41421%2017.25%204V3.87459C16.189%203.75156%2014.8176%203.75%2012.95%203.75H11.05C9.18237%203.75%207.81101%203.75156%206.75%203.87459V4C6.75%204.41421%206.41421%204.75%206%204.75ZM20.7111%208.75H3.28892C3.25055%209.70689%203.25%2010.8508%203.25%2012.2432V12.7568C3.25%2014.9551%203.25137%2016.5339%203.40078%2017.7354C3.54821%2018.9208%203.82849%2019.6244%204.30269%2020.1371C4.76921%2020.6414%205.39728%2020.9331%206.46704%2021.0886C7.56476%2021.2481%209.01188%2021.25%2011.05%2021.25H12.95C14.9881%2021.25%2016.4352%2021.2481%2017.533%2021.0886C18.6027%2020.9331%2019.2308%2020.6414%2019.6973%2020.1371C20.1715%2019.6244%2020.4518%2018.9208%2020.5992%2017.7354C20.7486%2016.5339%2020.75%2014.9551%2020.75%2012.7568V12.2432C20.75%2010.8508%2020.7495%209.70689%2020.7111%208.75Z'%20fill='%23384250'/%3e%3c/svg%3e");
}

.icon[data-icon="clock"] {
    background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.5303%208.53033C16.8232%208.23744%2016.8232%207.76256%2016.5303%207.46967C16.2374%207.17678%2015.7626%207.17678%2015.4697%207.46967L12.0001%2010.9393L10.0303%208.96965C9.73741%208.67677%209.26253%208.67678%208.96965%208.96969C8.67677%209.26259%208.67678%209.73747%208.96969%2010.0303L10.9394%2011.9999L10.4697%2012.4697C10.1768%2012.7626%2010.1768%2013.2374%2010.4697%2013.5303C10.7626%2013.8232%2011.2374%2013.8232%2011.5303%2013.5303L12.0001%2013.0606L12.4696%2013.53C12.7625%2013.8229%2013.2373%2013.8228%2013.5302%2013.5299C13.8231%2013.237%2013.8231%2012.7622%2013.5302%2012.4693L13.0608%2011.9999L16.5303%208.53033Z'%20fill='%23384250'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12%201.25C6.06294%201.25%201.25%206.06294%201.25%2012C1.25%2017.9371%206.06294%2022.75%2012%2022.75C17.9371%2022.75%2022.75%2017.9371%2022.75%2012C22.75%206.06294%2017.9371%201.25%2012%201.25ZM2.75%2012C2.75%206.89137%206.89137%202.75%2012%202.75C17.1086%202.75%2021.25%206.89137%2021.25%2012C21.25%2017.1086%2017.1086%2021.25%2012%2021.25C6.89137%2021.25%202.75%2017.1086%202.75%2012Z'%20fill='%23384250'/%3e%3c/svg%3e");
}

.icon[data-icon="location"] {
    background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.0001%206.75C9.65291%206.75%207.75012%208.65279%207.75012%2011C7.75012%2013.3472%209.65291%2015.25%2012.0001%2015.25C14.3473%2015.25%2016.2501%2013.3472%2016.2501%2011C16.2501%208.65279%2014.3473%206.75%2012.0001%206.75ZM9.25012%2011C9.25012%209.48122%2010.4813%208.25%2012.0001%208.25C13.5189%208.25%2014.7501%209.48122%2014.7501%2011C14.7501%2012.5188%2013.5189%2013.75%2012.0001%2013.75C10.4813%2013.75%209.25012%2012.5188%209.25012%2011Z'%20fill='%23384250'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.0012%201.25C8.17501%201.25%204.52468%203.51303%202.99677%207.08468C1.57481%2010.4086%202.3446%2013.2373%203.94735%2015.6595C5.26141%2017.6454%207.17798%2019.4178%208.90706%2021.0168C9.23672%2021.3217%209.55973%2021.6204%209.87029%2021.9129L9.87195%2021.9145C10.447%2022.4528%2011.2108%2022.75%2012.0012%2022.75C12.7916%2022.75%2013.5554%2022.4528%2014.1304%2021.9145C14.4239%2021.6396%2014.7282%2021.3592%2015.0386%2021.0732C16.7865%2019.4628%2018.73%2017.672%2020.0579%2015.6609C21.6587%2013.2362%2022.4258%2010.4045%2021.0056%207.08468C19.4777%203.51303%2015.8273%201.25%2012.0012%201.25ZM4.37588%207.67465C5.65469%204.68528%208.74179%202.75%2012.0012%202.75C15.2606%202.75%2018.3476%204.68528%2019.6265%207.67465C20.7985%2010.4144%2020.2071%2012.7124%2018.8061%2014.8344C17.5885%2016.6786%2015.805%2018.3242%2014.0518%2019.9418C13.7341%2020.235%2013.4174%2020.5272%2013.1052%2020.8195C12.8128%2021.0932%2012.4173%2021.25%2012.0012%2021.25C11.5853%2021.25%2011.1901%2021.0934%2010.8978%2020.8201C10.5653%2020.5069%2010.2277%2020.1942%209.88903%2019.8806C8.15816%2018.2778%206.40287%2016.6523%205.19829%2014.8318C3.79592%2012.7124%203.20233%2010.4179%204.37588%207.67465Z'%20fill='%23384250'/%3e%3c/svg%3e");
}

.icon[data-icon="view"] {
    background-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16%2019.125C14.2741%2019.125%2012.875%2017.7259%2012.875%2016C12.875%2014.2741%2014.2741%2012.875%2016%2012.875C17.7259%2012.875%2019.125%2014.2741%2019.125%2016C19.125%2017.7259%2017.7259%2019.125%2016%2019.125ZM14.125%2016C14.125%2017.0356%2014.9645%2017.875%2016%2017.875C17.0356%2017.875%2017.875%2017.0356%2017.875%2016C17.875%2014.9645%2017.0356%2014.125%2016%2014.125C14.9645%2014.125%2014.125%2014.9645%2014.125%2016Z'%20fill='%23161616'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16%209.54169C13.8579%209.54169%2012.0216%2010.4845%2010.6003%2011.5942C9.17763%2012.7048%208.12607%2014.0165%207.53786%2014.8413L7.49351%2014.9031C7.28255%2015.1965%207.04169%2015.5315%207.04169%2016C7.04169%2016.4685%207.28255%2016.8035%207.49351%2017.0969L7.53786%2017.1588C8.12607%2017.9836%209.17763%2019.2952%2010.6003%2020.4059C12.0216%2021.5155%2013.8579%2022.4584%2016%2022.4584C18.1422%2022.4584%2019.9784%2021.5155%2021.3998%2020.4059C22.8224%2019.2952%2023.874%2017.9836%2024.4622%2017.1588L24.5065%2017.0969C24.7175%2016.8035%2024.9584%2016.4685%2024.9584%2016C24.9584%2015.5315%2024.7175%2015.1965%2024.5065%2014.9031L24.4622%2014.8413C23.874%2014.0165%2022.8224%2012.7048%2021.3998%2011.5942C19.9784%2010.4845%2018.1422%209.54169%2016%209.54169ZM8.55558%2015.5671C9.10575%2014.7956%2010.077%2013.5885%2011.3695%2012.5795C12.6632%2011.5694%2014.2345%2010.7917%2016%2010.7917C17.7656%2010.7917%2019.3368%2011.5694%2020.6306%2012.5795C21.923%2013.5885%2022.8943%2014.7956%2023.4445%2015.5671C23.5806%2015.7579%2023.6453%2015.8511%2023.684%2015.9253C23.7085%2015.9724%2023.7084%2015.9854%2023.7084%2015.998L23.7084%2016L23.7084%2016.002C23.7084%2016.0147%2023.7085%2016.0276%2023.684%2016.0748C23.6453%2016.1489%2023.5806%2016.2421%2023.4445%2016.433C22.8943%2017.2044%2021.923%2018.4115%2020.6306%2019.4206C19.3368%2020.4306%2017.7656%2021.2084%2016%2021.2084C14.2345%2021.2084%2012.6632%2020.4306%2011.3695%2019.4206C10.077%2018.4115%209.10575%2017.2044%208.55558%2016.433C8.41948%2016.2421%208.3547%2016.1489%208.31609%2016.0748C8.29154%2016.0276%208.29161%2016.0147%208.29168%2016.002L8.29169%2016L8.29168%2015.998C8.29161%2015.9854%208.29154%2015.9724%208.31609%2015.9253C8.3547%2015.8511%208.41948%2015.7579%208.55558%2015.5671Z'%20fill='%23161616'/%3e%3c/svg%3e");
}

.icon[data-icon="zoom-in"] {
    background-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0608%208.28871C11.4044%208.25514%2011.6557%207.94943%2011.6221%207.60589C11.5885%207.26235%2011.2828%207.01106%2010.9393%207.04463C9.77192%207.1587%208.84846%207.42814%208.13833%208.13827C7.42821%208.8484%207.15877%209.77185%207.04469%2010.9392C7.01113%2011.2828%207.26241%2011.5885%207.60595%2011.622C7.94949%2011.6556%208.2552%2011.4043%208.28877%2011.0608C8.3922%2010.0023%208.6156%209.42877%209.02222%209.02215C9.42884%208.61554%2010.0024%208.39214%2011.0608%208.28871Z'%20fill='%23161616'/%3e%3cpath%20d='M21.0608%207.04463C20.7173%207.01106%2020.4116%207.26235%2020.378%207.60589C20.3445%207.94943%2020.5957%208.25514%2020.9393%208.28871C21.9977%208.39214%2022.5713%208.61554%2022.9779%209.02215C23.3845%209.42877%2023.6079%2010.0023%2023.7114%2011.0608C23.7449%2011.4043%2024.0506%2011.6556%2024.3942%2011.622C24.7377%2011.5885%2024.989%2011.2828%2024.9554%2010.9392C24.8414%209.77185%2024.5719%208.8484%2023.8618%208.13827C23.1517%207.42814%2022.2282%207.1587%2021.0608%207.04463Z'%20fill='%23161616'/%3e%3cpath%20d='M14.3334%207.04167C13.9882%207.04167%2013.7084%207.32149%2013.7084%207.66667C13.7084%208.01185%2013.9882%208.29167%2014.3334%208.29167H17.6667C18.0119%208.29167%2018.2917%208.01185%2018.2917%207.66667C18.2917%207.32149%2018.0119%207.04167%2017.6667%207.04167L14.3334%207.04167Z'%20fill='%23161616'/%3e%3cpath%20d='M8.29173%2014.3333C8.29173%2013.9882%208.01191%2013.7083%207.66673%2013.7083C7.32155%2013.7083%207.04173%2013.9882%207.04173%2014.3333L7.04173%2017.6667C7.04173%2018.0118%207.32155%2018.2917%207.66673%2018.2917C8.01191%2018.2917%208.29173%2018.0118%208.29173%2017.6667L8.29173%2014.3333Z'%20fill='%23161616'/%3e%3cpath%20d='M8.28877%2020.9392C8.2552%2020.5957%207.94949%2020.3444%207.60595%2020.378C7.26241%2020.4115%207.01113%2020.7172%207.04469%2021.0608C7.15877%2022.2282%207.42821%2023.1516%208.13833%2023.8617C8.84846%2024.5719%209.77192%2024.8413%2010.9393%2024.9554C11.2828%2024.9889%2011.5885%2024.7377%2011.6221%2024.3941C11.6557%2024.0506%2011.4044%2023.7449%2011.0608%2023.7113C10.0024%2023.6079%209.42884%2023.3845%209.02222%2022.9779C8.6156%2022.5712%208.3922%2021.9977%208.28877%2020.9392Z'%20fill='%23161616'/%3e%3cpath%20d='M18.3751%2016.125C18.7203%2016.125%2019.0001%2016.4048%2019.0001%2016.75V17.75H20.0001C20.3453%2017.75%2020.6251%2018.0298%2020.6251%2018.375C20.6251%2018.7201%2020.3453%2019%2020.0001%2019H19.0001V20C19.0001%2020.3451%2018.7203%2020.625%2018.3751%2020.625C18.0299%2020.625%2017.7501%2020.3451%2017.7501%2020V19H16.7501C16.4049%2019%2016.1251%2018.7201%2016.1251%2018.375C16.1251%2018.0298%2016.4049%2017.75%2016.7501%2017.75H17.7501V16.75C17.7501%2016.4048%2018.0299%2016.125%2018.3751%2016.125Z'%20fill='%23161616'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.8751%2018.375C12.8751%2015.3374%2015.3376%2012.875%2018.3751%2012.875C21.4127%2012.875%2023.8751%2015.3374%2023.8751%2018.375C23.8751%2019.5069%2023.5332%2020.5589%2022.947%2021.4334C22.8633%2021.5584%2022.7745%2021.6797%2022.6811%2021.7971L24.7754%2023.8913C25.0195%2024.1354%2025.0195%2024.5312%2024.7754%2024.7752C24.5313%2025.0193%2024.1356%2025.0193%2023.8915%2024.7752L21.7972%2022.6809C20.858%2023.4284%2019.6687%2023.875%2018.3751%2023.875C15.3376%2023.875%2012.8751%2021.4125%2012.8751%2018.375ZM18.3751%2014.125C16.0279%2014.125%2014.1251%2016.0277%2014.1251%2018.375C14.1251%2020.7222%2016.0279%2022.625%2018.3751%2022.625C20.7223%2022.625%2022.6251%2020.7222%2022.6251%2018.375C22.6251%2016.0277%2020.7223%2014.125%2018.3751%2014.125Z'%20fill='%23161616'/%3e%3c/svg%3e");
}

.icon[data-icon="zoom-out"] {
    background-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0608%208.28871C11.4044%208.25514%2011.6557%207.94943%2011.6221%207.60589C11.5885%207.26235%2011.2828%207.01106%2010.9393%207.04463C9.77192%207.1587%208.84846%207.42814%208.13833%208.13827C7.42821%208.8484%207.15877%209.77185%207.04469%2010.9392C7.01113%2011.2828%207.26241%2011.5885%207.60595%2011.622C7.94949%2011.6556%208.2552%2011.4043%208.28877%2011.0608C8.3922%2010.0023%208.6156%209.42877%209.02222%209.02215C9.42884%208.61554%2010.0024%208.39214%2011.0608%208.28871Z'%20fill='%23161616'/%3e%3cpath%20d='M21.0608%207.04463C20.7173%207.01106%2020.4116%207.26235%2020.378%207.60589C20.3445%207.94943%2020.5957%208.25514%2020.9393%208.28871C21.9977%208.39214%2022.5713%208.61554%2022.9779%209.02215C23.3845%209.42877%2023.6079%2010.0023%2023.7114%2011.0608C23.7449%2011.4043%2024.0506%2011.6556%2024.3942%2011.622C24.7377%2011.5885%2024.989%2011.2828%2024.9554%2010.9392C24.8414%209.77185%2024.5719%208.8484%2023.8618%208.13827C23.1517%207.42814%2022.2282%207.1587%2021.0608%207.04463Z'%20fill='%23161616'/%3e%3cpath%20d='M14.3334%207.04167C13.9882%207.04167%2013.7084%207.32149%2013.7084%207.66667C13.7084%208.01185%2013.9882%208.29167%2014.3334%208.29167H17.6667C18.0119%208.29167%2018.2917%208.01185%2018.2917%207.66667C18.2917%207.32149%2018.0119%207.04167%2017.6667%207.04167L14.3334%207.04167Z'%20fill='%23161616'/%3e%3cpath%20d='M8.29173%2014.3333C8.29173%2013.9882%208.01191%2013.7083%207.66673%2013.7083C7.32155%2013.7083%207.04173%2013.9882%207.04173%2014.3333L7.04173%2017.6667C7.04173%2018.0118%207.32155%2018.2917%207.66673%2018.2917C8.01191%2018.2917%208.29173%2018.0118%208.29173%2017.6667L8.29173%2014.3333Z'%20fill='%23161616'/%3e%3cpath%20d='M8.28877%2020.9392C8.2552%2020.5957%207.94949%2020.3444%207.60595%2020.378C7.26241%2020.4115%207.01113%2020.7172%207.04469%2021.0608C7.15877%2022.2282%207.42821%2023.1516%208.13833%2023.8617C8.84846%2024.5719%209.77192%2024.8413%2010.9393%2024.9554C11.2828%2024.9889%2011.5885%2024.7377%2011.6221%2024.3941C11.6557%2024.0506%2011.4044%2023.7449%2011.0608%2023.7113C10.0024%2023.6079%209.42884%2023.3845%209.02222%2022.9779C8.6156%2022.5712%208.3922%2021.9977%208.28877%2020.9392Z'%20fill='%23161616'/%3e%3cpath%20d='M16.7501%2017.75C16.4049%2017.75%2016.1251%2018.0298%2016.1251%2018.375C16.1251%2018.7201%2016.4049%2019%2016.7501%2019H20.0001C20.3453%2019%2020.6251%2018.7201%2020.6251%2018.375C20.6251%2018.0298%2020.3453%2017.75%2020.0001%2017.75H16.7501Z'%20fill='%23161616'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M18.3751%2012.875C15.3376%2012.875%2012.8751%2015.3374%2012.8751%2018.375C12.8751%2021.4125%2015.3376%2023.875%2018.3751%2023.875C19.6687%2023.875%2020.858%2023.4284%2021.7972%2022.6809L23.8915%2024.7752C24.1356%2025.0193%2024.5313%2025.0193%2024.7754%2024.7752C25.0195%2024.5312%2025.0195%2024.1354%2024.7754%2023.8913L22.6811%2021.7971C23.4285%2020.8578%2023.8751%2019.6686%2023.8751%2018.375C23.8751%2015.3374%2021.4127%2012.875%2018.3751%2012.875ZM14.1251%2018.375C14.1251%2016.0277%2016.0279%2014.125%2018.3751%2014.125C20.7223%2014.125%2022.6251%2016.0277%2022.6251%2018.375C22.6251%2020.7222%2020.7223%2022.625%2018.3751%2022.625C16.0279%2022.625%2014.1251%2020.7222%2014.1251%2018.375Z'%20fill='%23161616'/%3e%3c/svg%3e");
}

.icon[data-icon="mic"] {
    background-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16%2019.9584C18.6463%2019.9584%2020.7916%2017.8131%2020.7916%2015.1667V11.8334C20.7916%209.18699%2018.6463%207.04169%2016%207.04169C13.3536%207.04169%2011.2083%209.18699%2011.2083%2011.8334V15.1667C11.2083%2017.8131%2013.3536%2019.9584%2016%2019.9584ZM16%208.29169C14.044%208.29169%2012.4583%209.87735%2012.4583%2011.8334V15.1667C12.4583%2017.1227%2014.044%2018.7084%2016%2018.7084C17.7427%2018.7084%2019.1915%2017.4496%2019.4867%2015.7917H17.6666C17.3215%2015.7917%2017.0416%2015.5119%2017.0416%2015.1667C17.0416%2014.8215%2017.3215%2014.5417%2017.6666%2014.5417H19.5416V12.4584H17.6666C17.3215%2012.4584%2017.0416%2012.1785%2017.0416%2011.8334C17.0416%2011.4882%2017.3215%2011.2084%2017.6666%2011.2084H19.4867C19.1915%209.55043%2017.7427%208.29169%2016%208.29169Z'%20fill='%23161616'/%3e%3cpath%20d='M9.95831%2015.1667C9.95831%2014.8215%209.67849%2014.5417%209.33331%2014.5417C8.98814%2014.5417%208.70831%2014.8215%208.70831%2015.1667C8.70831%2018.9832%2011.6405%2022.1149%2015.375%2022.4319V23.7084H13.5C13.1548%2023.7084%2012.875%2023.9882%2012.875%2024.3334C12.875%2024.6785%2013.1548%2024.9584%2013.5%2024.9584H18.5C18.8452%2024.9584%2019.125%2024.6785%2019.125%2024.3334C19.125%2023.9882%2018.8452%2023.7084%2018.5%2023.7084H16.625V22.4319C20.3595%2022.1149%2023.2916%2018.9832%2023.2916%2015.1667C23.2916%2014.8215%2023.0118%2014.5417%2022.6666%2014.5417C22.3215%2014.5417%2022.0416%2014.8215%2022.0416%2015.1667C22.0416%2018.5034%2019.3367%2021.2084%2016%2021.2084C12.6633%2021.2084%209.95831%2018.5034%209.95831%2015.1667Z'%20fill='%23161616'/%3e%3c/svg%3e");
}

.dark-icons .icon[data-icon="cloud"],
.footer-dark .icon[data-icon="cloud"],
.top-header-dark .icon[data-icon="cloud"] {
    background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.853%208.36454C3.22664%208.89643%201.25%2011.217%201.25%2014C1.25%2017.1756%203.82436%2019.75%207%2019.75H17.5C20.3995%2019.75%2022.75%2017.3995%2022.75%2014.5C22.75%2011.8541%2020.7927%209.66534%2018.2469%209.30273C18.1428%205.94224%2015.3858%203.25%2012%203.25C8.93585%203.25%206.38731%205.45456%205.853%208.36454ZM7.41211%208.26457C8.54729%208.34508%209.59274%208.75556%2010.451%209.40038C10.7822%209.64919%2010.8489%2010.1193%2010.6001%2010.4505C10.3513%2010.7817%209.88114%2010.8484%209.54998%2010.5996C8.83967%2010.0659%207.95781%209.75%207%209.75C6.86199%209.75%206.72573%209.75655%206.59147%209.76933C4.4363%209.97442%202.75%2011.7907%202.75%2014C2.75%2016.3472%204.65279%2018.25%207%2018.25H17.5C19.5711%2018.25%2021.25%2016.5711%2021.25%2014.5C21.25%2012.6382%2019.8932%2011.0933%2018.1144%2010.8001C17.9022%2011.8026%2017.4499%2012.7163%2016.8211%2013.4776C16.5574%2013.797%2016.0846%2013.842%2015.7653%2013.5783C15.4459%2013.3145%2015.4008%2012.8418%2015.6646%2012.5224C16.2572%2011.8048%2016.6424%2010.9117%2016.7306%209.93273C16.7434%209.79039%2016.75%209.64606%2016.75%209.5C16.75%206.87665%2014.6234%204.75%2012%204.75C9.80411%204.75%207.95572%206.24047%207.41211%208.26457Z'%20fill='white'/%3e%3c/svg%3e");
}

.dark-icons .icon[data-icon="calender"],
.footer-dark .icon[data-icon="calender"],
.top-header-dark .icon[data-icon="calender"] {
    background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6%201.25C6.41421%201.25%206.75%201.58579%206.75%202V2.36589C7.88606%202.24997%209.28402%202.24998%2010.9892%202.25H13.0108C14.716%202.24998%2016.1139%202.24997%2017.25%202.36589V2C17.25%201.58579%2017.5858%201.25%2018%201.25C18.4142%201.25%2018.75%201.58579%2018.75%202V2.63479C19.5548%202.86288%2020.2335%203.2336%2020.7985%203.84436C21.5764%204.68535%2021.9222%205.74792%2022.0878%207.07951C22.25%208.38431%2022.25%2010.0565%2022.25%2012.1901V12.8099C22.25%2014.9435%2022.25%2016.6157%2022.0878%2017.9205C21.9222%2019.2521%2021.5764%2020.3147%2020.7985%2021.1556C20.0129%2022.0049%2019.0072%2022.3901%2017.7487%2022.573C16.5307%2022.75%2014.9745%2022.75%2013.0108%2022.75H10.9892C9.02555%2022.75%207.46932%2022.75%206.25129%2022.573C4.99276%2022.3901%203.98714%2022.0049%203.20154%2021.1556C2.42363%2020.3147%202.07785%2019.2521%201.91225%2017.9205C1.74998%2016.6157%201.74999%2014.9435%201.75%2012.81V12.19C1.74999%2010.0565%201.74998%208.3843%201.91225%207.07951C2.07785%205.74792%202.42363%204.68535%203.20154%203.84436C3.7665%203.2336%204.44524%202.86288%205.25%202.63479V2C5.25%201.58579%205.58579%201.25%206%201.25ZM6%204.75C5.65717%204.75%205.36806%204.51998%205.2786%204.20584C4.87129%204.36791%204.56203%204.58256%204.30269%204.86292C3.83044%205.37347%203.55052%206.07336%203.40261%207.25H20.5974C20.4495%206.07336%2020.1696%205.37347%2019.6973%204.86292C19.438%204.58256%2019.1287%204.36791%2018.7214%204.20585C18.6319%204.51998%2018.3428%204.75%2018%204.75C17.5858%204.75%2017.25%204.41421%2017.25%204V3.87459C16.189%203.75156%2014.8176%203.75%2012.95%203.75H11.05C9.18237%203.75%207.81101%203.75156%206.75%203.87459V4C6.75%204.41421%206.41421%204.75%206%204.75ZM20.7111%208.75H3.28892C3.25055%209.70689%203.25%2010.8508%203.25%2012.2432V12.7568C3.25%2014.9551%203.25137%2016.5339%203.40078%2017.7354C3.54821%2018.9208%203.82849%2019.6244%204.30269%2020.1371C4.76921%2020.6414%205.39728%2020.9331%206.46704%2021.0886C7.56476%2021.2481%209.01188%2021.25%2011.05%2021.25H12.95C14.9881%2021.25%2016.4352%2021.2481%2017.533%2021.0886C18.6027%2020.9331%2019.2308%2020.6414%2019.6973%2020.1371C20.1715%2019.6244%2020.4518%2018.9208%2020.5992%2017.7354C20.7486%2016.5339%2020.75%2014.9551%2020.75%2012.7568V12.2432C20.75%2010.8508%2020.7495%209.70689%2020.7111%208.75Z'%20fill='white'/%3e%3c/svg%3e");
}

.dark-icons .icon[data-icon="clock"],
.footer-dark .icon[data-icon="clock"],
.top-header-dark .icon[data-icon="clock"] {
    background-image: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.5303%207.53033C15.8232%207.23744%2015.8232%206.76256%2015.5303%206.46967C15.2374%206.17678%2014.7626%206.17678%2014.4697%206.46967L11.0001%209.93927L9.03031%207.96965C8.73741%207.67677%208.26253%207.67678%207.96965%207.96969C7.67677%208.26259%207.67678%208.73747%207.96969%209.03035L9.93941%2010.9999L9.46967%2011.4697C9.17678%2011.7626%209.17678%2012.2374%209.46967%2012.5303C9.76256%2012.8232%2010.2374%2012.8232%2010.5303%2012.5303L11.0001%2012.0606L11.4696%2012.53C11.7625%2012.8229%2012.2373%2012.8228%2012.5302%2012.5299C12.8231%2012.237%2012.8231%2011.7622%2012.5302%2011.4693L12.0608%2010.9999L15.5303%207.53033Z'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11%200.25C5.06294%200.25%200.25%205.06294%200.25%2011C0.25%2016.9371%205.06294%2021.75%2011%2021.75C16.9371%2021.75%2021.75%2016.9371%2021.75%2011C21.75%205.06294%2016.9371%200.25%2011%200.25ZM1.75%2011C1.75%205.89137%205.89137%201.75%2011%201.75C16.1086%201.75%2020.25%205.89137%2020.25%2011C20.25%2016.1086%2016.1086%2020.25%2011%2020.25C5.89137%2020.25%201.75%2016.1086%201.75%2011Z'%20fill='white'/%3e%3c/svg%3e");
}

.dark-icons .icon[data-icon="location"],
.footer-dark .icon[data-icon="location"],
.top-header-dark .icon[data-icon="location"] {
    background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.0001%206.75C9.65291%206.75%207.75012%208.65279%207.75012%2011C7.75012%2013.3472%209.65291%2015.25%2012.0001%2015.25C14.3473%2015.25%2016.2501%2013.3472%2016.2501%2011C16.2501%208.65279%2014.3473%206.75%2012.0001%206.75ZM9.25012%2011C9.25012%209.48122%2010.4813%208.25%2012.0001%208.25C13.5189%208.25%2014.7501%209.48122%2014.7501%2011C14.7501%2012.5188%2013.5189%2013.75%2012.0001%2013.75C10.4813%2013.75%209.25012%2012.5188%209.25012%2011Z'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.0012%201.25C8.17501%201.25%204.52468%203.51303%202.99677%207.08468C1.57481%2010.4086%202.3446%2013.2373%203.94735%2015.6595C5.26141%2017.6454%207.17798%2019.4178%208.90706%2021.0168C9.23672%2021.3217%209.55973%2021.6204%209.87029%2021.9129L9.87195%2021.9145C10.447%2022.4528%2011.2108%2022.75%2012.0012%2022.75C12.7916%2022.75%2013.5554%2022.4528%2014.1304%2021.9145C14.4239%2021.6396%2014.7282%2021.3592%2015.0386%2021.0732C16.7865%2019.4628%2018.73%2017.672%2020.0579%2015.6609C21.6587%2013.2362%2022.4258%2010.4045%2021.0056%207.08468C19.4777%203.51303%2015.8273%201.25%2012.0012%201.25ZM4.37588%207.67465C5.65469%204.68528%208.74179%202.75%2012.0012%202.75C15.2606%202.75%2018.3476%204.68528%2019.6265%207.67465C20.7985%2010.4144%2020.2071%2012.7124%2018.8061%2014.8344C17.5885%2016.6786%2015.805%2018.3242%2014.0518%2019.9418C13.7341%2020.235%2013.4174%2020.5272%2013.1052%2020.8195C12.8128%2021.0932%2012.4173%2021.25%2012.0012%2021.25C11.5853%2021.25%2011.1901%2021.0934%2010.8978%2020.8201C10.5653%2020.5069%2010.2277%2020.1942%209.88903%2019.8806C8.15816%2018.2778%206.40287%2016.6523%205.19829%2014.8318C3.79592%2012.7124%203.20233%2010.4179%204.37588%207.67465Z'%20fill='white'/%3e%3c/svg%3e");
}

.dark-icons .icon[data-icon="view"],
.footer-dark .icon[data-icon="view"],
.top-header-dark .icon[data-icon="view"] {
    background-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16%2019.125C14.2741%2019.125%2012.875%2017.7259%2012.875%2016C12.875%2014.2741%2014.2741%2012.875%2016%2012.875C17.7259%2012.875%2019.125%2014.2741%2019.125%2016C19.125%2017.7259%2017.7259%2019.125%2016%2019.125ZM14.125%2016C14.125%2017.0356%2014.9645%2017.875%2016%2017.875C17.0356%2017.875%2017.875%2017.0356%2017.875%2016C17.875%2014.9645%2017.0356%2014.125%2016%2014.125C14.9645%2014.125%2014.125%2014.9645%2014.125%2016Z'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16%209.54169C13.8579%209.54169%2012.0216%2010.4845%2010.6003%2011.5942C9.17763%2012.7048%208.12607%2014.0165%207.53786%2014.8413L7.49351%2014.9031C7.28255%2015.1965%207.04169%2015.5315%207.04169%2016C7.04169%2016.4685%207.28255%2016.8035%207.49351%2017.0969L7.53786%2017.1588C8.12607%2017.9836%209.17763%2019.2952%2010.6003%2020.4059C12.0216%2021.5155%2013.8579%2022.4584%2016%2022.4584C18.1422%2022.4584%2019.9784%2021.5155%2021.3998%2020.4059C22.8224%2019.2952%2023.874%2017.9836%2024.4622%2017.1588L24.5065%2017.0969C24.7175%2016.8035%2024.9584%2016.4685%2024.9584%2016C24.9584%2015.5315%2024.7175%2015.1965%2024.5065%2014.9031L24.4622%2014.8413C23.874%2014.0165%2022.8224%2012.7048%2021.3998%2011.5942C19.9784%2010.4845%2018.1422%209.54169%2016%209.54169ZM8.55558%2015.5671C9.10575%2014.7956%2010.077%2013.5885%2011.3695%2012.5795C12.6632%2011.5694%2014.2345%2010.7917%2016%2010.7917C17.7656%2010.7917%2019.3368%2011.5694%2020.6306%2012.5795C21.923%2013.5885%2022.8943%2014.7956%2023.4445%2015.5671C23.5806%2015.7579%2023.6453%2015.8511%2023.684%2015.9253C23.7085%2015.9724%2023.7084%2015.9854%2023.7084%2015.998L23.7084%2016L23.7084%2016.002C23.7084%2016.0147%2023.7085%2016.0276%2023.684%2016.0748C23.6453%2016.1489%2023.5806%2016.2421%2023.4445%2016.433C22.8943%2017.2044%2021.923%2018.4115%2020.6306%2019.4206C19.3368%2020.4306%2017.7656%2021.2084%2016%2021.2084C14.2345%2021.2084%2012.6632%2020.4306%2011.3695%2019.4206C10.077%2018.4115%209.10575%2017.2044%208.55558%2016.433C8.41948%2016.2421%208.3547%2016.1489%208.31609%2016.0748C8.29154%2016.0276%208.29161%2016.0147%208.29168%2016.002L8.29169%2016L8.29168%2015.998C8.29161%2015.9854%208.29154%2015.9724%208.31609%2015.9253C8.3547%2015.8511%208.41948%2015.7579%208.55558%2015.5671Z'%20fill='white'/%3e%3c/svg%3e");
}

.dark-icons .icon[data-icon="zoom-in"],
.footer-dark .icon[data-icon="zoom-in"],
.top-header-dark .icon[data-icon="zoom-in"] {
    background-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0608%208.28871C11.4044%208.25514%2011.6557%207.94943%2011.6221%207.60589C11.5885%207.26235%2011.2828%207.01106%2010.9393%207.04463C9.77192%207.1587%208.84846%207.42814%208.13833%208.13827C7.42821%208.8484%207.15877%209.77185%207.04469%2010.9392C7.01113%2011.2828%207.26241%2011.5885%207.60595%2011.622C7.94949%2011.6556%208.2552%2011.4043%208.28877%2011.0608C8.3922%2010.0023%208.6156%209.42877%209.02222%209.02215C9.42884%208.61554%2010.0024%208.39214%2011.0608%208.28871Z'%20fill='white'/%3e%3cpath%20d='M21.0608%207.04463C20.7173%207.01106%2020.4116%207.26235%2020.378%207.60589C20.3445%207.94943%2020.5957%208.25514%2020.9393%208.28871C21.9977%208.39214%2022.5713%208.61554%2022.9779%209.02215C23.3845%209.42877%2023.6079%2010.0023%2023.7114%2011.0608C23.7449%2011.4043%2024.0506%2011.6556%2024.3942%2011.622C24.7377%2011.5885%2024.989%2011.2828%2024.9554%2010.9392C24.8414%209.77185%2024.5719%208.8484%2023.8618%208.13827C23.1517%207.42814%2022.2282%207.1587%2021.0608%207.04463Z'%20fill='white'/%3e%3cpath%20d='M14.3334%207.04167C13.9882%207.04167%2013.7084%207.32149%2013.7084%207.66667C13.7084%208.01185%2013.9882%208.29167%2014.3334%208.29167H17.6667C18.0119%208.29167%2018.2917%208.01185%2018.2917%207.66667C18.2917%207.32149%2018.0119%207.04167%2017.6667%207.04167L14.3334%207.04167Z'%20fill='white'/%3e%3cpath%20d='M8.29173%2014.3333C8.29173%2013.9882%208.01191%2013.7083%207.66673%2013.7083C7.32155%2013.7083%207.04173%2013.9882%207.04173%2014.3333L7.04173%2017.6667C7.04173%2018.0118%207.32155%2018.2917%207.66673%2018.2917C8.01191%2018.2917%208.29173%2018.0118%208.29173%2017.6667L8.29173%2014.3333Z'%20fill='white'/%3e%3cpath%20d='M8.28877%2020.9392C8.2552%2020.5957%207.94949%2020.3444%207.60595%2020.378C7.26241%2020.4115%207.01113%2020.7172%207.04469%2021.0608C7.15877%2022.2282%207.42821%2023.1516%208.13833%2023.8617C8.84846%2024.5719%209.77192%2024.8413%2010.9393%2024.9554C11.2828%2024.9889%2011.5885%2024.7377%2011.6221%2024.3941C11.6557%2024.0506%2011.4044%2023.7449%2011.0608%2023.7113C10.0024%2023.6079%209.42884%2023.3845%209.02222%2022.9779C8.6156%2022.5712%208.3922%2021.9977%208.28877%2020.9392Z'%20fill='white'/%3e%3cpath%20d='M18.3751%2016.125C18.7203%2016.125%2019.0001%2016.4048%2019.0001%2016.75V17.75H20.0001C20.3453%2017.75%2020.6251%2018.0298%2020.6251%2018.375C20.6251%2018.7201%2020.3453%2019%2020.0001%2019H19.0001V20C19.0001%2020.3451%2018.7203%2020.625%2018.3751%2020.625C18.0299%2020.625%2017.7501%2020.3451%2017.7501%2020V19H16.7501C16.4049%2019%2016.1251%2018.7201%2016.1251%2018.375C16.1251%2018.0298%2016.4049%2017.75%2016.7501%2017.75H17.7501V16.75C17.7501%2016.4048%2018.0299%2016.125%2018.3751%2016.125Z'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.8751%2018.375C12.8751%2015.3374%2015.3376%2012.875%2018.3751%2012.875C21.4127%2012.875%2023.8751%2015.3374%2023.8751%2018.375C23.8751%2019.5069%2023.5332%2020.5589%2022.947%2021.4334C22.8633%2021.5584%2022.7745%2021.6797%2022.6811%2021.7971L24.7754%2023.8913C25.0195%2024.1354%2025.0195%2024.5312%2024.7754%2024.7752C24.5313%2025.0193%2024.1356%2025.0193%2023.8915%2024.7752L21.7972%2022.6809C20.858%2023.4284%2019.6687%2023.875%2018.3751%2023.875C15.3376%2023.875%2012.8751%2021.4125%2012.8751%2018.375ZM18.3751%2014.125C16.0279%2014.125%2014.1251%2016.0277%2014.1251%2018.375C14.1251%2020.7222%2016.0279%2022.625%2018.3751%2022.625C20.7223%2022.625%2022.6251%2020.7222%2022.6251%2018.375C22.6251%2016.0277%2020.7223%2014.125%2018.3751%2014.125Z'%20fill='white'/%3e%3c/svg%3e");
}

.dark-icons .icon[data-icon="zoom-out"],
.footer-dark .icon[data-icon="zoom-out"],
.top-header-dark .icon[data-icon="zoom-out"] {
    background-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0608%208.28871C11.4044%208.25514%2011.6557%207.94943%2011.6221%207.60589C11.5885%207.26235%2011.2828%207.01106%2010.9393%207.04463C9.77192%207.1587%208.84846%207.42814%208.13833%208.13827C7.42821%208.8484%207.15877%209.77185%207.04469%2010.9392C7.01113%2011.2828%207.26241%2011.5885%207.60595%2011.622C7.94949%2011.6556%208.2552%2011.4043%208.28877%2011.0608C8.3922%2010.0023%208.6156%209.42877%209.02222%209.02215C9.42884%208.61554%2010.0024%208.39214%2011.0608%208.28871Z'%20fill='white'/%3e%3cpath%20d='M21.0608%207.04463C20.7173%207.01106%2020.4116%207.26235%2020.378%207.60589C20.3445%207.94943%2020.5957%208.25514%2020.9393%208.28871C21.9977%208.39214%2022.5713%208.61554%2022.9779%209.02215C23.3845%209.42877%2023.6079%2010.0023%2023.7114%2011.0608C23.7449%2011.4043%2024.0506%2011.6556%2024.3942%2011.622C24.7377%2011.5885%2024.989%2011.2828%2024.9554%2010.9392C24.8414%209.77185%2024.5719%208.8484%2023.8618%208.13827C23.1517%207.42814%2022.2282%207.1587%2021.0608%207.04463Z'%20fill='white'/%3e%3cpath%20d='M14.3334%207.04167C13.9882%207.04167%2013.7084%207.32149%2013.7084%207.66667C13.7084%208.01185%2013.9882%208.29167%2014.3334%208.29167H17.6667C18.0119%208.29167%2018.2917%208.01185%2018.2917%207.66667C18.2917%207.32149%2018.0119%207.04167%2017.6667%207.04167L14.3334%207.04167Z'%20fill='white'/%3e%3cpath%20d='M8.29173%2014.3333C8.29173%2013.9882%208.01191%2013.7083%207.66673%2013.7083C7.32155%2013.7083%207.04173%2013.9882%207.04173%2014.3333L7.04173%2017.6667C7.04173%2018.0118%207.32155%2018.2917%207.66673%2018.2917C8.01191%2018.2917%208.29173%2018.0118%208.29173%2017.6667L8.29173%2014.3333Z'%20fill='white'/%3e%3cpath%20d='M8.28877%2020.9392C8.2552%2020.5957%207.94949%2020.3444%207.60595%2020.378C7.26241%2020.4115%207.01113%2020.7172%207.04469%2021.0608C7.15877%2022.2282%207.42821%2023.1516%208.13833%2023.8617C8.84846%2024.5719%209.77192%2024.8413%2010.9393%2024.9554C11.2828%2024.9889%2011.5885%2024.7377%2011.6221%2024.3941C11.6557%2024.0506%2011.4044%2023.7449%2011.0608%2023.7113C10.0024%2023.6079%209.42884%2023.3845%209.02222%2022.9779C8.6156%2022.5712%208.3922%2021.9977%208.28877%2020.9392Z'%20fill='white'/%3e%3cpath%20d='M16.7501%2017.75C16.4049%2017.75%2016.1251%2018.0298%2016.1251%2018.375C16.1251%2018.7201%2016.4049%2019%2016.7501%2019H20.0001C20.3453%2019%2020.6251%2018.7201%2020.6251%2018.375C20.6251%2018.0298%2020.3453%2017.75%2020.0001%2017.75H16.7501Z'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M18.3751%2012.875C15.3376%2012.875%2012.8751%2015.3374%2012.8751%2018.375C12.8751%2021.4125%2015.3376%2023.875%2018.3751%2023.875C19.6687%2023.875%2020.858%2023.4284%2021.7972%2022.6809L23.8915%2024.7752C24.1356%2025.0193%2024.5313%2025.0193%2024.7754%2024.7752C25.0195%2024.5312%2025.0195%2024.1354%2024.7754%2023.8913L22.6811%2021.7971C23.4285%2020.8578%2023.8751%2019.6686%2023.8751%2018.375C23.8751%2015.3374%2021.4127%2012.875%2018.3751%2012.875ZM14.1251%2018.375C14.1251%2016.0277%2016.0279%2014.125%2018.3751%2014.125C20.7223%2014.125%2022.6251%2016.0277%2022.6251%2018.375C22.6251%2020.7222%2020.7223%2022.625%2018.3751%2022.625C16.0279%2022.625%2014.1251%2020.7222%2014.1251%2018.375Z'%20fill='white'/%3e%3c/svg%3e");
}

.dark-icons .icon[data-icon="mic"],
.footer-dark .icon[data-icon="mic"],
.top-header-dark .icon[data-icon="mic"] {
    background-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16%2019.9584C18.6463%2019.9584%2020.7916%2017.8131%2020.7916%2015.1667V11.8334C20.7916%209.18699%2018.6463%207.04169%2016%207.04169C13.3536%207.04169%2011.2083%209.18699%2011.2083%2011.8334V15.1667C11.2083%2017.8131%2013.3536%2019.9584%2016%2019.9584ZM16%208.29169C14.044%208.29169%2012.4583%209.87735%2012.4583%2011.8334V15.1667C12.4583%2017.1227%2014.044%2018.7084%2016%2018.7084C17.7427%2018.7084%2019.1915%2017.4496%2019.4867%2015.7917H17.6666C17.3215%2015.7917%2017.0416%2015.5119%2017.0416%2015.1667C17.0416%2014.8215%2017.3215%2014.5417%2017.6666%2014.5417H19.5416V12.4584H17.6666C17.3215%2012.4584%2017.0416%2012.1785%2017.0416%2011.8334C17.0416%2011.4882%2017.3215%2011.2084%2017.6666%2011.2084H19.4867C19.1915%209.55043%2017.7427%208.29169%2016%208.29169Z'%20fill='white'/%3e%3cpath%20d='M9.95831%2015.1667C9.95831%2014.8215%209.67849%2014.5417%209.33331%2014.5417C8.98814%2014.5417%208.70831%2014.8215%208.70831%2015.1667C8.70831%2018.9832%2011.6405%2022.1149%2015.375%2022.4319V23.7084H13.5C13.1548%2023.7084%2012.875%2023.9882%2012.875%2024.3334C12.875%2024.6785%2013.1548%2024.9584%2013.5%2024.9584H18.5C18.8452%2024.9584%2019.125%2024.6785%2019.125%2024.3334C19.125%2023.9882%2018.8452%2023.7084%2018.5%2023.7084H16.625V22.4319C20.3595%2022.1149%2023.2916%2018.9832%2023.2916%2015.1667C23.2916%2014.8215%2023.0118%2014.5417%2022.6666%2014.5417C22.3215%2014.5417%2022.0416%2014.8215%2022.0416%2015.1667C22.0416%2018.5034%2019.3367%2021.2084%2016%2021.2084C12.6633%2021.2084%209.95831%2018.5034%209.95831%2015.1667Z'%20fill='white'/%3e%3c/svg%3e");
}

@media (max-width: 600px) {
    .item-hidden {
        display: none !important;
    }
}

.pagination-wrapper,
.pagination-content-wrapper,
.pagination-btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination-wrapper {
    color: var(--text-default);
    margin: 12px 0;
}

.pagination-wrapper .pagination-content-wrapper {
    column-gap: 8px;
}

.pagination-wrapper .pagination-content-wrapper .pagination-item {
    padding: 8px;
    cursor: pointer;
}

.pagination-wrapper .pagination-content-wrapper .active {
    border-bottom: 3px solid var(--primary-600);
}

.pagination-wrapper .pagination-content-wrapper .dots {
    border: 1px solid var(--text-default);
    padding-inline: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}


.wrapper {
    overflow: hidden;
}

.action-btn:dir(ltr) i {
    transform: rotate(180deg);
}

.action-btn:dir(rtl) i {
    transform: none;
}

.support-btn:dir(ltr) i {
    transform: rotate(180deg);
}

.support-btn:dir(rtl) i {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
}

.pagination-item {
    transition: transform 0.2s;
}

.pagination-wrapper:dir(ltr) .right-arrow {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.pagination-wrapper:dir(rtl) .left-arrow {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
}

.pagination-wrapper:dir(ltr) .left-arrow {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.pagination-wrapper:dir(rtl) .right-arrow {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
}

@media (min-width: 767px) {
    .joe {
        height: 70%;
    }
}

.open-data-heading {
    margin-bottom: 50px !important;
}

.joe2 {
    margin-bottom: 21px;
    height: -webkit-fill-available;
}

.img-fluid {
    width: 100%;
}

.img-link {
    display: block;
    width: 100%;
    height: 100%;
}

.test-dev {
    width: 100%;
    height: 52px;
}

.width-joe .dropdown-menu {
    --bs-dropdown-min-width: 15rem;
}

.card a:not(.dga-btn) {
    color: var(--text-dark);
}



.pagination-item {
    color: var(--black);
}

.site-map-content a {
    color: var(--primary-600);
    font-size: 0.875rem !important;
    /* 14px */
    line-height: 1.25rem !important;
    /* 20px */
    font-weight: 400 !important;
}

.site-map-content a:hover {
    text-decoration: underline;
}

[dir="rtl"] .offcanvas .offcanvas-body .offcanvas-item .item-header {
    flex-direction: row;
}

[dir="ltr"] .offcanvas .offcanvas-body .offcanvas-item .item-header {
    /*flex-direction: row-reverse;*/
}

[dir="rtl"] .hgi-arrow-left-02 {
    transform: rotate(0);
}

[dir="ltr"] .hgi-arrow-left-02 {
    transform: rotate(180deg);
}

[dir="ltr"] .single-news-content .btn {
    flex-direction: row-reverse;
}

[dir="ltr"] .single-news-content .btn i {
    rotate: 180deg;
}

[dir="rtl"] .single-news-content .btn {
    flex-direction: row;
}

[dir="rtl"] .single-news-content .btn i {
    rotate: 0deg;
}

.form-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23888" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>');
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    padding-inline-end: 2rem;
    padding-inline-start: 0.75rem;
}

.form-select:dir(ltr),
[dir="ltr"] .form-select {
    background-position: right 0.75rem center;
}

.form-select:dir(rtl),
[dir="rtl"] .form-select {
    background-position: left 0.75rem center;
}

.form-select::-ms-expand {
    display: none;
}


@media (max-width: 767px) {
    .login-button {
        width: 100%;
    }
}

.width-joe {
    flex-wrap: wrap;
}

.login-wrapper .form-field {
    margin-bottom: 0 !important;
}

@media (max-width: 992px) {
    .submenu {
        overflow: auto;
    }
}

[dir="ltr"] .hgi-arrow-left-02 {
    /* rotate: 180deg; */
}

[dir="rtl"] .hgi-arrow-left-02 {
    rotate: 0deg;
}

.card {
    justify-content: space-between;
}

/*---*/
.activities-swiper-wrapper .card .card-text {
    margin-bottom: 10px;
    font-size: 14px !important;
    line-height: 24px;
    color: var(--gray-700);
}

.card-tags-erea.tags-are0710251 span {
    font-size: 12px;
    background-color: var(--gray-50);
    display: inline-flex;
    padding: 4px 8px;
    border: 1px solid var(--gray-200);
    border-radius: 5px;
    font-weight: 700;
}

.gallery-main-thumbnail {
    object-fit: contain;
    height: 500px;
    background-position: center;
}

.faculties-list .faculty-wrapper .card-img img {
    width: 396px;
    height: 225px;
    object-fit: cover;
}

.single-faculty-wrapper .tab-content h3,
.single-faculty-wrapper .tab-content .h3 {
    margin-bottom: 15px !important;
}

.flatpickr-input {
    width: 100%;
    border: 1px solid var(--gray-300);
    min-height: 38px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 0 20px;
}

.flatpickr-input:focus {
    outline: none;
}

.flatpickr-calendar {
    border: 1px solid white;
    border-radius: 8px;
    box-shadow: 0 24px 48px -12px #1018282e;
    padding: 20px;
    direction: rtl;
    width: fit-content;
}

.flatpickr-months {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 16px;
}

.flatpickr-current-month {
    position: relative;
    top: -10px;
    left: unset !important;
    flex-direction: row !important;
}

.flatpickr-prev-month,
.flatpickr-next-month {
    font-size: 18px;
    padding: 8px;
    margin-left: 4px;
    background-color: #ffffff1a;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.flatpickr-months>.flatpickr-prev-month,
.flatpickr-months>.flatpickr-next-month {
    order: 2;
    top: 12px !important;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
    left: 9px;
}

.flatpickr-month {
    order: 1;
    flex-grow: 1;
}

.flatpickr-next-month.flatpickr-next-month {
    right: unset !important;
    left: 40px;
}

.flatpickr-current-month {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    font-weight: 600;
    color: var(--link-color);
    justify-content: flex-start;
}

.flatpickr-monthDropdown-months {
    background: var(--white);
    color: var(--primary-600);
    border-radius: 4px;
    padding: 4px 8px;
    border: none;
    font-weight: 700;
}

.numInput.cur-year {
    background: var(--white);
    color: var(--primary-600);
    border-radius: 4px;
    border: none;
    padding: 4px;
    width: 70px;
    text-align: center;
}

.flatpickr-weekdays {
    background: transparent;
    border-bottom: none;
    margin-bottom: 8px;
}

.flatpickr-weekday {
    font-family: IBM Plex Sans Arabic !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    text-align: center !important;
    vertical-align: middle !important;
    color: #64748b !important;
}

.flatpickr-days {
    width: 100%;
}

.dayContainer {
    margin-top: 0.5rem;
}

.flatpickr-day {
    border: none;
    border-radius: 999px;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    font-family: IBM Plex Sans Arabic !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    text-align: center !important;
    vertical-align: middle !important;
    color: var(--text-default) !important;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    -o-border-radius: 999px;
}

.flatpickr-day.today {
    border: 2px solid var(--primary-600) !important;
    color: var(--primary-600) !important;
    font-weight: 700;
    text-align: center !important;
    background: var(--white) !important;
}

.flatpickr-day.today.startRange.selected,
.flatpickr-day.today.endRange.selected {
    color: var(--white) !important;
    background: var(--primary-600) !important;
    border-color: var(--primary-600) !important;
}

.flatpickr-day.today.startRange.selected:focus,
.flatpickr-day.today.endRange.selected:focus {
    outline: none;
}

.flatpickr-day:hover {
    background-color: #fff0 !important;
    border-radius: 9999px !important;
    -webkit-border-radius: 9999px !important;
    -moz-border-radius: 9999px !important;
    -ms-border-radius: 9999px !important;
    -o-border-radius: 9999px !important;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
    background: var(--primary-600) !important;
    background-color: var(--primary-600) !important;
    border: 2px solid var(--primary-600) !important;
    border-color: var(--primary-600) !important;
    color: var(--white) !important;
    border-radius: 50% !important;
    font-weight: 600;
}

.flatpickr-day.inRange {
    background-color: var(--primary-100) !important;
    border-color: var(--primary-100) !important;
    color: var(--primary-600) !important;
    border-radius: 50% !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
    color: #c7c7c7;
}

.flatpickr-day.flatpickr-disabled {
    color: #c7c7c7;
    cursor: not-allowed;
}

.flatpickr-day.flatpickr-disabled:hover {
    background: transparent !important;
}

.date-range {
    color: #8d8d8d;
    font-size: 14px;
}

.flatpickr-day:focus {
    outline: none;
    box-shadow: 0 0 0 2px var(--primary-600);
}

.flatpickr-current-month {
    color: var(--link-color);
    font-weight: 600;
}

.flatpickr-calendar.hasTime .flatpickr-time {
    border-top: 1px solid #e5e5e5;
    margin-top: 16px;
    padding-top: 16px;
}

flatpickr-monthDropdown-months {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: var(--white);
    padding-right: 2rem;
    position: relative;
}

.flatpickr-monthDropdown-months-wrapper {
    position: relative;
}

.flatpickr-monthDropdown-months-wrapper:after {
    content: "";
    font-family: hgi;
    font-style: normal;
    position: absolute;
    top: 50%;
    right: 10px;
    pointer-events: none;
    transform: translateY(-50%);
    color: var(--black);
}

.flatpickr-current-month {
    position: relative !important;
    top: -3px !important;
}

.flatpickr-monthDropdown-months {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

.ui-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 14px;
    font-weight: 400;
    color: #111827;
    background-color: var(--white);
    border: none;
    border-radius: 6px;
    padding: 8px 0 !important;
    min-width: 70px;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='%23666' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 0.75rem center;
    background-size: 1rem;
    padding-inline-start: 2rem;
    transition: border-color 0.2s ease;
    font-family: IBM Plex Sans Arabic !important;
    font-weight: 600 !important;
}

.ui-select:focus {
    border-color: #4f46e5;
    outline: none;
}

.ui-select option {
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
}

.custom-month-text {
    font-family: IBM Plex Sans Arabic !important;
    font-weight: 600 !important;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    vertical-align: middle;
}

.row.equal-height-cards {
    display: flex;
    flex-wrap: wrap;
}

.row.equal-height-cards>[class*="col-"] {
    display: flex;
}

.swiper-wrapper {
    display: flex;
    align-items: stretch;
}

.swiper-wrapper .swiper-slide {
    height: auto;
    display: flex;
}


.about-uni-section .card {
    box-shadow: none;
}

.about-uni-section .card:hover {
    background-color: rgb(243 244 246 / 50%);
}

.dark-mode body {
    -webkit-filter: grayscale(100%) brightness(95%) contrast(120%);
    filter: grayscale(100%) brightness(95%) contrast(120%);
    overflow-x: hidden;
}

.about-uni-section .rounded-circle {
    transition: background-color 0.3s;
}

.about-uni-section .rounded-circle.bg-success {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

.about-uni-section .content-swiper-btn .hgi-arrow-left-02 {
    transform: initial;
}

.about-uni-section .content-swiper-indicator-bullet {
    cursor: pointer;
}


.news-card-wrapper .card {
    box-shadow: none;
    border: 1px solid var(--gray-300);
}


.news-card-wrapper .card>p {
    margin-bottom: 16px;
}


.faculty-description {
    line-height: 32px;
}

.card-title {
    white-space: unset;
}

.route-content-management-home .page-opinion {
    display: none;
}

.btn-digital[aria-expanded="true"] i {
    transform: rotate(180deg);
}

.stamp-boxes-item-f101025 {
    margin-bottom: 24px;
}

.stamp-link-box {
    background-color: white;
    padding: 8px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 6px;
    margin: 24px 0 6px;
}

.stamp-link-box img {
    width: 21px;
    height: 30px;
}

.stamp-link-box a {
    color: var(--primary-600);
    text-decoration: underline;
}

.stamp-boxes .box {
    display: flex;
    align-items: start;
    gap: 12px;
}

.stamp-boxes .box .box-icon {
    width: 40px;
    height: 40px;
    color: var(--primary-600);
    font-size: 20px;
    border: 1px solid var(--primary-600);
    border-radius: 50%;
    display: grid;
    place-content: center;
    flex-shrink: 0;
}

.stamp-boxes .box .box-content {
    display: grid;
    gap: 10px;
}

.stamp-boxes {
    margin-top: 40px;
}

.topbar-date {
    margin-left: 8px;
}

.user-login-form .js-form-item {
    margin-bottom: 28px;
}

.about-uni-tabs .content-swiper-indicators+div button {
    width: 56px;
    height: 40px;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    width: max-content;
}

.swiper-pagination {
    position: absolute;
    text-align: left;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-custom-button-w91025 {
    background-color: var(--gray-800);
    border: none;
    width: 56px;
    height: 40px;
    color: white;
    font-size: 22px;
    border-radius: 4px;
    font-weight: 500;
    margin-left: 8px;
    margin-top: 16px;
}

.swiper-custom-button-w91025:hover {
    background-color: #4b545f;
}

.swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--gray-200);
    opacity: 1;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--success-800);
}

.about-uni-section-card-tags {
    margin-bottom: 14px;
}

.about-uni-section-card-tags a {
    background-color: var(--gray-50);
    border: 1px solid var(--gray-200);
    border-radius: 4px;
    font-size: 12px;
    padding: 2px 6px;
    margin-left: 4px;
}

.about-uni-section-card-tags a:hover {
    background-color: var(--gray-200);
}

.services-details-wrapper .service-information .card .service-code .service-code-content p {
    color: var(--white);
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 400;
    text-align: left;
}

.about-unil-card-tags {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 10px 0;
}

.about-unil-card-tags a {
    display: inline-flex;
    align-items: center;
    background-color: var(--gray-50);
    border: 1px solid var(--gray-200);
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 4px;
    transition: 0.3s ease;
    color: var(--gray-800);
}

.btn-digital-f101025 {
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    margin-right: 8px;
    color: var(--text-link-primary) !important;
}

@media (max-width: 498px) {

    .btn-digital-f101025 {
        display: flex;
        margin-right: 0;
    }
}

p.date-of-today-f101025 i {
    font-size: 19px;
}

p.date-of-today-f101025 {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 14px;
}

.text-start-mt101025 a {
    display: inline-flex;
    align-items: center;
    justify-content: left;
}

.text-start-mt101025 a i {
    font-size: 20px;
}

.text-start-mt101025 a:hover {
    border: 1px solid black;
}

.news-wrapper .text-start.mt-4 a:hover {
    border: 1px solid #121212;
}

.cookies-bar {
    position: fixed;
    bottom: 16px;
    z-index: 4;
    right: 0;
    left: 0;
    padding: 0 16px;
}

.cookies-bar-inner {
    background-color: white;
    border-radius: 12px;
    padding: 28px 32px;
    position: relative;
    border: 1px solid var(--bs-gray-300);
}

.close-cookies-button {
    background-color: transparent;
    border: none;
    position: absolute;
    left: 16px;
}

[dir=ltr] .close-cookies-button {
    right: 16px;
    left: auto;
}

.cookies-bar-inner h5 {
    margin-bottom: 8px;
}

.cookies-bar-inner-top {
    display: flex;
    align-items: start;
    gap: 24px;
}

.cookies-bar-inner-top .bar-icon i {
    font-size: 24px;
}

.cookies-bar-inner-bottom {
    display: flex;
    align-items: center;
    margin-top: 14px;
    justify-content: end;
}

.cookies-bar-inner-bottom button {
    border: transparent;
    border-radius: 4px;
    margin-right: 8px;
    padding: 8px 25px;
    font-size: 16px;
    color: white;
    transition: 0.3s ease;
}

[dir=ltr] .cookies-bar-inner-bottom button {
    margin-left: 8px;
    margin-right: 0;
}

.cookies-bar-inner-bottom button.accept-button {
    background-color: var(--primary-600);
}

.cookies-bar-inner-bottom button.reject-button {
    background-color: #ef4444;
}

.cookies-bar-inner-bottom button:hover {
    opacity: 0.75;
}

.cookies-bar-inner-bottom a {
    margin-left: 12px;
    font-weight: 500;
    white-space: nowrap;
}

.cookies-bar-inner-bottom a:hover {
    text-decoration: underline;
}

.modal-backdrop.custom-search-backdrop {
    --bs-backdrop-bg: var(--primary-600) !important;
    --bs-backdrop-opacity: 0.95 !important;
}

.search-modal-s111025 .modal-dialog {
    max-width: 912px;
}

.search-modal-s111025 .modal-dialog .modal-body {
    padding: 48px;
}

.search-modal-s111025 .modal-dialog .modal-content {
    border-radius: 16px;
    text-align: center;
}

.search-modal-s111025 .modal-dialog h6 {
    font-size: 20px;
    margin-bottom: 12px;
    font-weight: 500;
}

.search-modal-s111025 .modal-dialog h5 {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 16px;
    color: var(--primary-600);
}

.modal.show .modal-dialog form {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 34px;
}

@media (max-width: 576px) {
    .modal.show .modal-dialog form {
        flex-direction: column;
    }

    .modal.show .modal-dialog form button {
        display: flex;
        width: 100%;
        justify-content: center;
    }
}

.modal.show .modal-dialog form .search-input input {
    border: 1px solid rgba(0, 0, 0, .242);
    padding: 8px 16px;
    width: 100%;
    border-radius: 6px;
    padding-right: 44px;
}

[dir=ltr] .modal.show .modal-dialog form .search-input input {
    border: 1px solid rgba(0, 0, 0, .242);
    padding: 8px 16px;
    width: 100%;
    border-radius: 6px;
    padding-right: 16px;
    padding-left: 44px
}

.modal.show .modal-dialog form .search-input {
    flex-grow: 1;
    margin: 0;
    width: 100%;
}

.modal.show .modal-dialog form button {
    flex-shrink: 0;
    background: var(--primary-600);
    border: 1px solid var(--primary-600);
    color: white;
    padding: 8px 24px;
    border-radius: 4px;
}

.modal.show .modal-dialog form .search-input i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.modal.show .modal-dialog form .search-input i.hgi.hgi-stroke.hgi-search-01 {
    right: 16px;
}

[dir=ltr] .modal.show .modal-dialog form .search-input i.hgi.hgi-stroke.hgi-search-01 {
    left: 16px;
    right: auto;
}

.modal.show .modal-dialog form .search-input input:focus,
.modal.show .modal-dialog form .search-input input:focus-within {
    outline: 1px solid transparent;
    border: 1px solid var(--black);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
}

.modal.show .modal-dialog form .search-input i.hgi.hgi-stroke.hgi-mic-01 {
    left: 16px;
}

[dir=ltr] .modal.show .modal-dialog form .search-input i.hgi.hgi-stroke.hgi-mic-01 {
    right: 16px;
    left: auto;
}


.modal.show .modal-dialog form button:hover {
    opacity: 0.75;
}

.under-form-message {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 16px 0;
}

.under-form-message a {
    border: 1px solid var(--bs-gray-300);
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s ease;
}

.under-form-message a:hover {
    background: var(--bs-gray-100);
}

.suggest-keyword a {
    display: inline-flex;
    border: 1px solid var(--primary-300);
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 13px;
    background-color: #88d8ad26;
    margin-bottom: 6px;
}

@media (max-width: 576px) {
    .under-form-message {
        flex-direction: column;
        text-align: right;
        align-items: start;
    }

    .under-form-message a {
        display: inline-flex;
        margin-top: 10px;
    }
}


.suggest-keyword {
    text-align: right;
}

[dir=ltr] .suggest-keyword {
    text-align: left;
}

.suggest-keyword h6 {
    font-size: 16px !important;
}

.modal.show .modal-dialog .common-pages {
    background-color: var(--gray-50);
    padding: 24px;
    margin-top: 64px;
    border-radius: 16px;
}

.modal.show .modal-dialog .common-pages h6 {
    font-weight: 600;
    font-size: 23px !important;
    margin-bottom: 32px;
}

.modal.show .modal-dialog .common-pages a {
    background-color: white;
    color: var(--primary-600);
    border: 1px solid #ced4da;
    display: inline-flex;
    margin-bottom: 9px;
    padding: 6px 14px;
    border-radius: 50px;
    font-size: 14px;
    transition: 0.3s ease;
}

.modal.show .modal-dialog .common-pages a:hover {
    background-color: var(--primary-600);
    color: white;
    border-color: var(--primary-600);
}

.search-modal-s111025 .btn-close-modal-s111025 {
    align-items: center;
    gap: 8px;
    flex-direction: row-reverse;
    background-color: transparent;
    border: none;
    color: white;
    display: flex;
    padding: 30px 40px;
    font-weight: 500;
    font-size: 16px;
}

.search-modal-s111025 .btn-close-modal-s111025 i {
    font-size: 21px;
}

.login-modal-f111025 .modal-dialog {
    max-width: 430px;
}

.login-modal-f111025 .modal-content {
    border-radius: 16px;
    padding: 5px;
}

.login-modal-f111025 .modal-content .modal-header {
    border: none;
    justify-content: space-between;
}

.login-modal-f111025 .modal-content .modal-header .btn-close {
    margin: 0;
}

.login-modal-f111025 .modal-content .modal-header h6 {
    font-size: 20px !important;
    font-weight: 600;
    color: var(--primary-600);
}

.login-modal-f111025 .modal-content .modal-footer button {
    background-color: var(--primary-600);
    border-color: var(--primary-600);
    padding: 8px 10px;
    width: 100%;
}

.login-modal-f111025 .modal-content .modal-footer {
    border: none;
}

.login-modal-f111025 .modal-content .modal-footer button:hover {
    opacity: 0.85;
}

button#muneer-trigger-button {
    position: fixed;
    bottom: 72px;
    left: 10px;
    background: var(--primary-700);
    border: none;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    color: white;
    z-index: 1;
    transition: 0.3s ease;
}

button#muneer-trigger-button svg {
    fill: white;
    width: 24px;
}

button#muneer-trigger-button:hover {
    background: white;
}

button#muneer-trigger-button:hover svg {
    fill: var(--primary-700);
}

button.back-top-button-b501 {
    position: fixed;
    left: unset;
    right: 21px;
    bottom: 16px;
    background-color: var(--primary-700);
    border: none;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    z-index: 2;
    color: var(--white);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(0);
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

html[dir=rtl] button.back-top-button-b501 {
    left: 21px;
    right: unset;
}

button.back-top-button-b501 svg {
    fill: white;
    color: white;
    width: 21px;
}

.back-top-button-b501.show {
    transform: scale(1);
    opacity: 1;
}

button.back-top-button-b501:hover {
    background-color: var(--black);
}

.muneer-sidebar {
    position: fixed;
    top: 0;
    left: -100%;
    background-color: white;
    width: 400px;
    height: 100%;
    z-index: 3;
    padding: 32px;
    box-shadow: 0 0 2.2px rgba(0, 0, 0, .034), 0 0 5.3px rgba(0, 0, 0, .048), 0 0 10px rgba(0, 0, 0, .06), 0 0 17.9px rgba(0, 0, 0, .072), 0 0 33.4px rgba(0, 0, 0, .086);
    transition: 0.5s ease;
}

.muneer-sidebar.active {
    left: 0;
    transition: 0.5s ease;
}

.muneer-sidebar .muneer-header {
    display: flex;
    align-items: center;
    justify-content: end;
}

.muneer-sidebar .muneer-header button {
    background-color: transparent;
    cursor: grabbing;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    border: 2px solid #eaf6ef;
    display: grid;
    place-content: center;
}

.muneer-sidebar .muneer-title {
    font-size: 20px;
    margin: 12px 0 16px;
    border-bottom: 2px solid #eaf6ef;
    padding-bottom: 24px;
}

#asside-toolbar-box-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    left: unset;
    background: var(--primary-700);
    border: none;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    color: white;
    z-index: 1;
    transition: 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor:pointer;
}

.asside-toolbar-box-button {
    opacity: 0;
}

.asside-toolbar-box-button.show {
    transform: scale(1);
    opacity: 1;
}

html[dir=rtl] #asside-toolbar-box-button {
    right: 10px;
}

#asside-toolbar-box-button svg {
    fill: white;
    width: 24px;
}

#asside-toolbar-box-button:hover {
    background: white;
}

#asside-toolbar-box-button:hover svg {
    fill: var(--primary-700);
}

.aside-toolbar-box {
    position: fixed;
    top: 0;
    bottom: 0;
    left: -200%;
    width: 420px;
    background: white;
    z-index: 101;
    display: flex;
    flex-direction: column;
    transition: 0.3s ease;
    box-shadow: 0 0 2.2px rgba(0, 0, 0, .034), 0 0 5.3px rgba(0, 0, 0, .048), 0 0 10px rgba(0, 0, 0, .06), 0 0 17.9px rgba(0, 0, 0, .072), 0 0 33.4px rgba(0, 0, 0, .086);
}

.aside-toolbar-box.active {
    left: 0;
    z-index: 9999;
}


.toolbar-box-header {
    padding: 22px 32px;
    display: flex;
    align-items: center;
    justify-content: end;
    flex-shrink: 0;
}

.toolbar-box-header button {
    background-color: transparent;
    border: none;
    position: relative;
}

.toolbar-box-header button.active {
    background-color: var(--primary-600);
    border-radius: 50%;
    color: white;
    /* box-shadow: 0 0 0 4px #1faf6f4f; */
    outline: 2px solid #1faf6f4f;
    outline-offset: 2px;
}

.toolbar-box-header .brightness-button-group {
    border: 2px solid #eaf6ef;
    border-radius: 50px;
    padding: 3px 0;
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0 auto 0 16px;
    flex-direction: row-reverse;
}

.language-button-switcher {
    display: flex;
    align-items: center;
    font-size: 14px;
}

.language-button-switcher span.lang-flag {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-left: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.toolbar-box-header .close-button {
    background-color: white;
    border: 2px solid #eaf6ef !important;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: grid;
    place-content: center;
    transition: 0.3s ease;
}

.toolbar-box-header .close-button:hover {
    background-color: var(--primary-600);
    color: white;
}

.toolbar-box-body {
    flex-grow: 1;
}

.toolbar-box-footer {
    padding: 32px;
    flex-shrink: 0;
    display: flex;
    gap: 16px;
    align-items: center;
    background-color: white;
}

.toolbar-box-footer button {
    --color: var(--primary-600);
    background-color: var(--color);
    color: white;
    font-size: 14px;
    border-radius: 10px;
    min-height: 32px;
    padding: 16px;
    flex-grow: 1;
    transition: .2s;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    cursor: pointer;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    -moz-column-gap: 8px;
    column-gap: 8px
}

.toolbar-box-footer button:hover {
    background-color: #1faf6f6b !important;
    color: var(--black);
}

.toolbar-box-body h5 {
    font-size: 22px;
    color: #414042;
    line-height: 32px;
    padding: 0 32px 24px;
}

.toolbar-box-body h6.block-header {
    padding: 22px 0;
}

.tools-button-item {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.block-content {
    display: grid;
    grid-column: 2;
}

.action-button-item {
    background-color: #eaf6ef;
    padding: 16px;
    border-radius: 12px;
    height: 130px;
    max-height: 130px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 15px;
    align-self: baseline;
    gap: 9px;
    border: none;
}

button.action-button-item:hover {
    background-color: #1faf6f42;
}

.action-button-item i {
    font-size: 29px;
    color: #2b8c60;
}

.action-button-item span {
    display: block;
    max-height: 42px;
    height: 42px;
    text-align: center;
    font-size: 12.5px;
    font-weight: 700;
}

.action-button-item:focus {
    box-shadow: 0 0 0 4px var(--white), 0 0 0 6px #1faf6f6b !important;
    background-color: #1faf6f6b;
}

.tools-block {
    padding: 0 32px;
    border-top: 2px solid #eaf6ef !important;
}

.tools-block::-webkit-scrollbar {
    width: 5px;
}

.tools-block::-webkit-scrollbar-track {
    background: transparent;
}

.tools-block::-webkit-scrollbar-thumb {
    background-color: var(--primary-600);
}

#page-content-wrap.smart-contrast {
    filter: contrast(1.2) brightness(1.1);
}

#page-content-wrap.mono {
    filter: grayscale(1);
}

#page-content-wrap.high-contrast {
    filter: contrast(2) brightness(1.2);
}

#page-content-wrap.high-saturation {
    filter: saturate(2);
}

.swiper.mobile-news-swiper.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-backface-hidden {
    border-radius: 16px;
}

.mobile-news-swiper .swiper-pagination {
    position: relative;
    display: flex;
    margin-top: 26px;
    justify-content: center;
    width: 100%;
}

.swiper-news-card.card-img.w-100 {
    border-radius: 16px;
}

.swiper-news-card .news-card-image {
    width: 100%;
    height: 320px;
    border-radius: 16px;
    object-fit: cover;
}



.swiper-news-card .content-time {
    display: flex;
    align-items: center;
    margin: 6px 0;
    gap: 8px;
}

.swiper-news-card .time-text {
    font-size: inherit;
}

.swiper-news-card:hover {
    border-color: var(--primary-700);
}

.swiper-news-card .card-content div a {
    display: inline-flex;
    transition: 0.3s;
}

@media (max-width: 1400px) {

    .home-page-wrap .news-section,
    .faculty-detail-page .news-section {
        display: none;
    }
}

@media (min-width: 1401px) {
    .mobile-news-section {
        display: none;
    }
}

.news-section .card-content {
    background-color: white;
    padding: 20px 16px;
    border-radius: 12px;
    box-shadow: -1px 4px 12px #0000000d;
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid transparent;
    justify-content: space-between;
    gap: 12px;
    position: relative;
    margin-bottom: 0;
    flex: inherit;
}

@media (max-width: 992px) {
    .open-data-news-section .card-content {
        flex-direction: column;
        gap: 0;
        box-shadow: none;
        padding: 0;
    }

    .open-data-news-section .card-content .tag-card .tag-text {
        width: 123px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: flex;
    }
}

.news-section .news-list {
    gap: 14px;
    display: flex;
    flex-direction: column;
}

.news-section .card-content .card-content-image img {
    border-radius: 8px;
    width: 120px;
    height: 80px;
    object-fit: cover;
}

.news-section .card-content .news-time {
    display: flex;
    align-items: center;
    gap: 8px;
    opacity: 0.85;
    font-size: 15px;
    margin-bottom: 12px;
}


.news-section .card-content .card-content-image {
    border-radius: 8px;
}


.news-section .card-content .news-time {
    gap: 6px;
    display: flex;
}

.news-section .card-content:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 70%;
    background-color: transparent;
    top: 50%;
    right: -1px;
    transform: translateY(-50%);
    border-radius: 50px;
}

.news-section .card-content:hover,
.news-section .card-content.active {
    border: 1px solid var(--primary-600);
}

.news-section .card-content.active:before {
    background-color: var(--primary-600);
}

.astb-switch-box {
    display: inline-block;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 32px;
    cursor: pointer;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    inset: 0px;
    background-color: rgb(234, 246, 239);
    transition: 0.3s;
    border-radius: 34px;
    outline: 2px solid white;
}

.slider:hover {
    background-color: rgb(163 219 186);
}


.slider::before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 6px;
    top: 50%;
    background-color: #379269;
    transition: 0.3s;
    border-radius: 50%;
    transform: translateY(-50%);
}

.slider:hover::before {
    height: 20px;
    width: 20px;
    background-color: black;
}

.switch input:checked+.slider {
    background-color: #1faf6f6b;
}

.switch input:checked+.slider::before {
    transform: translate(32px, -50%);
}

.switch:focus-within .slider {
    box-shadow: 0 0 0 5px #1faf6f4f;
}

.tool-buttons-size {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pattern-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}

.pattern-item .pi-text {
    flex-grow: 1;
    font-size: 15px;
    font-weight: 500;
}

.pattern-item .pi-text p {
    font-size: 15px;
    margin-top: 4px;
}

.pattern-helper-tools .block-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.pattern-helper-tools .block-header span {
    display: inline-grid;
    background-color: rgba(63, 69, 68, 0.937);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    color: white;
    place-content: center;
    font-size: 13px;
    cursor: pointer;
    transition: 0.3s ease;
    outline: 2px solid transparent;
    outline-offset: 2px;
    transform: rotate(180deg);
}

.pattern-helper-tools .block-header span:focus {
    outline: 2px solid #1faf6f4f;
    outline-offset: 2px;
    background-color: #bee4ce;
    color: #379269;
}

.pattern-helper-tools .block-header span:hover {
    background-color: #bee4ce;
}

.pattern-helper-tools .block-header[aria-expanded="true"] span {
    transform: rotate(0deg);
    outline: 2px solid #1faf6f4f;
}

.pattern-item .pi-text i {
    font-size: 20px;
    color: #379269;
    margin-left: 8px;
}

.toolbox-inner {
    max-height: calc(100vh - 250px);
    overflow-y: scroll;
}

.toolbox-inner::-webkit-scrollbar {
    width: 4px;
}

.toolbox-inner::-webkit-scrollbar-thumb {
    background-color: var(--primary-600);
    border-radius: 100px;
}

.color-accordion-item {
    background-color: #eaf6ef;
    border-radius: 12px !important;
    overflow: hidden;
}

.color-accordion-item .accordion-button::after {
    content: inherit;
}

.color-accordion-item .accordion-button {
    justify-content: start;
    font-size: 15px;
    border: none;
    padding-bottom: 6px;
}

.color-accordion-item .accordion-button span.__circle {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #414042;
    border-radius: 50%;
    margin-left: 12px;
}

.color-accordion-item .accordion-button[aria-expanded=true] span.__circle {
    outline: 2px solid #1faf6f4f;
    outline-offset: 2px;
}

.tools-color-box .span-color-item {
    display: inline-flex;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-left: 10px;
    transition: 0.2s ease;
    cursor: pointer;
}

.tools-color-box .span-color-item:hover {
    transform: scale(1.2);
}

.seach-tools-bock .search-form .form-group {
    position: relative;
}

.seach-tools-bock .search-form .form-group input {
    width: 100%;
    background-color: #eaf6ef;
    border: none;
    padding: 13px 16px;
    border-radius: 8px;
    padding-right: 42px;
    font-size: 13px;
    font-weight: 700;
}

.seach-tools-bock .search-form .form-group i {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--primary-600);
    font-weight: 700;
}

.links-discover-select select {
    font-size: 14px;
    font-weight: 600;
    background-color: #eaf6ef;
    padding: 14px 10px;
    border-radius: 8px;
    width: 100%;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='6' viewBox='0 0 12 8'><path fill='%23666' d='M6 8L0 0h12z'/></svg>");
    background-repeat: no-repeat;
    background-position: left 0.6rem center;
    border-radius: 6px;
    font-size: 14px;
}

.links-discover-select select option {
    background-color: white;
    color: var(--primary-600);
}

.contact-wrapper .card .contact-info p a {
    color: var(--primary-600);
}

.contact-wrapper .card .social-contact a i {
    font-size: 21px !important;
}

.contact-wrapper .card .social-contact a:hover {
    background-color: var(--bs-gray-100);
}

.filterbar-inner {
    border: 1px solid var(--bs-gray-200);
    padding: 24px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    box-shadow: -1px 4px 12px #0000000d;
    margin-bottom: 16px;
}

@media (max-width: 678px) {
    .filterbar-inner {
        flex-direction: column;
        align-items: normal;
    }

    .filterbar-inner button {
        width: 100%;
    }
}

.filterbar-inner button {
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid var(--bs-gray-300);
    padding: 8px 10px;
    font-size: 14px;
    font-weight: 600;
    justify-content: space-between;
}

@media (max-width: 425px) {
    button#resetFilterItems {
        display: inline-block;
        width: 140px;
        max-width: 140px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 6px;
    }
}

@media (max-width: 567px) {
    .filterbar-inner button {
        justify-content: normal;
    }

    .filterbar-inner button i.hgi-arrow-down-01 {
        margin-right: auto;
    }
}

.filterbar-inner .search-area {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    width: 100%;
}

@media (min-width: 992px) {
    .filterbar-inner .search-area {
        width: auto;
    }
}

.filterbar-inner .search-area .input {
    position: relative;
    flex-grow: 1;
}

.filterbar-inner .search-area .input i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}

.filterbar-inner .search-area .input input {
    padding-right: 36px;
}

.filterbar-inner .search-area .input input:focus {
    padding-right: 36px;
    outline: 1px solid transparent;
    border: 1px solid var(--black);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
}

.filterbar-inner .search-area button {
    background-color: var(--primary-600);
    border-color: var(--primary-600);
    color: white;
    font-weight: 700;
    width: auto;
}

.filterbar-item button:hover,
.reset-search-button:hover {
    outline: 1px solid transparent;
    border: 1px solid var(--black);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
}

.filterbar-item .dropdown-menu {
    min-width: 100%;
}

.filterbar-item .dropdown-menu a {
    font-size: 14px;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.filterbar-item .dropdown-menu a:hover {
    color: var(--primary-600);
}

.adv-srch-button button {
    color: var(--primary-600);
    display: inline-block;
    white-space: nowrap;
}

@media (min-width: 679px) and (max-width: 991px) {
    .filterbar-inner button .text {
        width: 50px;
        display: inline-block;
        max-width: 31px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.filter-input-inner {
    padding: 24px;
    border: 1px solid var(--bs-gray-200);
    border-radius: 12px;
    background-color: white;
    box-shadow: -1px 4px 12px #0000000d;
    margin-bottom: 24px;
}

@media (min-width: 1400px) {
    .filter-input-inner {
        padding: 24px 64px;
    }
}

.filter-input-inner h6 {
    font-size: 15px;
    margin-bottom: 12px;
    color: var(--primary-600);
}

.filter-input-inner label {
    font-size: 14px;
    font-weight: 600;
}

.filter-input-inner .form-control {
    font-size: 14px;
    padding: 8px 12px;
}

.filter-input-inner .form-control:focus {
    outline: 1px solid transparent;
    border: 1px solid var(--black);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
}

.form-submit-buttons {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 12px;
}

.form-submit-buttons button {
    background-color: transparent;
    border: 1px solid var(--bs-gray-300);
    font-size: 15px;
    padding: 6px 12px;
    border-radius: 4px;
}

.submit-search-button:hover {
    opacity: 0.85;
}

.form-submit-buttons button.submit-search-button {
    background-color: var(--primary-600);
    border-color: var(--primary-600);
    color: white;
}

.side-filter-checkbox {
    padding: 24px;
    border: 1px solid var(--bs-gray-200);
    border-radius: 12px;
    background-color: white;
    box-shadow: -1px 4px 12px #0000000d;
    margin-bottom: 24px;
}

.side-filter-checkbox .head {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    justify-content: space-between;
}

.side-filter-checkbox .head button {
    border: 1px solid var(--bs-gray-300);
    background-color: transparent;
    padding: 4px 12px;
    border-radius: 5px;
}

.side-filter-checkbox .head button:disabled {
    background-color: var(--bs-gray-100);
    pointer-events: none;
}

.side-filter-checkbox .content {
    transition: 0.3s ease;
}

@media (max-width: 992px) {
    .side-filter-checkbox .content {
        max-height: 0;
        overflow: hidden;
    }

    .side-filter-checkbox.visible .content {
        max-height: max-content;
        overflow: visible;
    }

    .side-filter-checkbox .head {
        margin-bottom: 0;
    }

    .side-filter-checkbox.visible .head {
        margin-bottom: 24px;
    }

    .side-filter-checkbox .head button:hover {
        box-shadow: 0 2px 10px rgb(0, 0, 0, 0.1);
        border: 1px solid black;
    }
}

.fs-check-item.form-check-label {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 11px;
    font-size: 14px;
}

.fs-check-item.form-check-label .form-check-input {
    border-radius: 4px;
    background-color: white;
    cursor: pointer;
}

.fs-check-item.form-check-label .form-check-input:checked[type="checkbox"] {
    background-color: var(--primary-600);
    box-shadow: none;
}

.search-result-item {
    padding: 24px;
    border: 1px solid var(--bs-gray-300);
    border-radius: 12px;
    background-color: white;
    box-shadow: -1px 4px 12px #0000000d;
}

.search-result-item:hover {
    background-color: #00000008;
}

.search-result-item h5 {
    margin-bottom: 32px;
}

.search-result-item p {
    line-height: 28px;
    font-size: 15px;
}

.search-result-item span {
    background-color: #e1e1ff82;
    border: 1px solid #8f8fee;
    font-size: 13px;
    padding: 4px 10px;
    border-radius: 4px;
    display: inline-flex;
    margin-top: 16px;
}

.open-data-filter-wrapper .search-input:hover {
    border: 1px solid black;
    box-shadow: 0 2px 4px rgb(0, 0, 0, 0.1);
}



[dir=ltr] .swip-cont_774 {
    flex-direction: row-reverse;
    display: flex;
    justify-content: flex-end;
}

.align-items-center.d-flex.gap-2.joe button {
    width: 100%;
}

.subscription-form .btn {
    width: max-content !important;
    flex-direction: row !important;
    display: flex !important;
}

.hero-section .secondary-actions {
    gap: 20px;
}

.hero-section .secondary-actions i {
    font-size: 23px;
    padding: 1px;
    color: var(--text-typography);
}

/* .page-hero-wrapper .breadcrumb {
    gap: 8px;
} */

.top-header {
    padding: 5px 0px;

    & .btn-topbar {
        padding: 0px;

        & span {
            width: 2rem;
            height: 2rem;
        }
    }
}

.top-header.top-header-second{
    padding: 2px 0px;
}

.page-footer-section {
    padding: 40px 0px;
}

.dropdown-menu {
    text-align: start;
}

.route-open-data-detail .open-data-request-wrapper .card.steps {
    top: unset;
    height: auto;
}


.single-data-wrapper .card .card-info {
    padding: 0px;
    margin: 0px;
}

.single-data-wrapper .card .card-info:not(:last-child) {
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.single-data-wrapper .page-title {
    font-weight: 500;
}

.open-data-tabs-wrapper .nav-tabs {
    --bs-nav-tabs-border-width: 3px;
}

.open-data-tabs-wrapper .nav-tabs .nav-link {
    padding: 1rem;
}

.single-faculty-wrapper form .form-item:not(:last-child) {
    margin-bottom: 15px;
}

.single-faculty-activities-section .card-time {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgb(157, 164, 174);
}


.faculty-wrapper .card .faculty-section-uni {
    min-width: 20%;
}



.search-tags {
    align-items: center;
    gap: 12px;
}

.faculty-member {
    padding: 0px;

    & .card-img {
        padding: 1rem 1rem 0px !important;

        & img {
            object-fit: contain;
        }
    }
}

.card .play-icon img {
    width: 48px;
    height: 48px;
}

.search-tags {
    margin: 0px;
}

.webform-submission-form .form-item:not(:last-child) {
    margin-bottom: 15px;
}

.custom-table {
    border: 1px solid var(--gray-300);
    border-radius: 10px;
    vertical-align: middle;

    & thead tr th {
        background-color: var(--gray-100);
    }

    & .table> :not(caption)>*>* {
        padding: 12px;
    }

    &tbody tr:not(:last-child) td {
        border-bottom: 1px solid var(--gray-300);
    }

    & tbody tr:last-child td {
        border-bottom: none;
    }

    & tbody tr {
        vertical-align: middle;
    }

    & span {
        display: inline-block;
    }

    & i {
        vertical-align: middle;
    }
}

.card-title-icon {
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-500);
    border-radius: 50%;
    color: rgb(255, 255, 255);
    font-size: 20px;
    margin-inline-end: 15px;
}


.about-content {}

.single-news-img img {
    max-height: clamp(400px, 100vh, 600px);
    object-fit: contain;
    margin-bottom: 15px !important;
}

.digital-stamp {
    background-color: rgb(243, 244, 246);
    border-bottom: 1px solid var(--gray-300);
    padding: 15px 0px;
}

.digital-stamp-header {
    display: flex;
    align-items: start;
    gap: 10px;
    font-weight: 500;
    font-size: 14px;
}

.digital-stamp .stamp-boxes {
    padding: 2rem 0px;
}

.digital-stamp .btn-digital {
    display: inline-flex;
    align-items: center;
    color: var(--primary-500);
}

.digital-stamp .btn-digital i {
    transition: 0.3s;
}

.digital-stamp .btn-digital.collapsed i {
    transform: rotate(180deg);
}

.digital-stamp p {
    margin-bottom: 0px;
}

.digital-stamp .box {
    display: flex;
    gap: 0.75rem;
}

.digital-stamp .box .box-icon {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid var(--primary-500);
    color: var(--primary-600);
    font-size: 18px;
}

.digital-stamp .box h6 span {
    color: var(--primary-500);
}

.digital-stamp .box p {
    margin-top: 0.75rem;
}

.digital-stamp .stamp-link-box {
    background: rgb(255, 255, 255);
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding: 10px;
    gap: 10px;
}

.digital-stamp .stamp-link-box img {
    width: 20px;
}

.digital-stamp .stamp-link-box p {
    font-weight: bold;
}

.digital-stamp .stamp-link-box a {
    color: var(--primary-500);
    text-decoration: underline;
}

.partners-section .swiper-slide {
    padding: 1px;
}

.partners-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
}

.partners-swiper {
    flex-grow: 1;
    padding: 0 2px;
}

.partner-box {
    width: 100%;
}

.partner-box-warp {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 5px;
    border: 1px solid var(--gray-300);
    border-radius: 16px;
    margin: 0px auto;
    width: 100%;
    transition: 0.3s ease;
}

.partner-box:hover .partner-box-warp {
    border: 1px solid #1b8354;
    background-color: rgb(27 131 84 / 9%);
    transform: scale(1.02);
    cursor: pointer;
}

.partner-box img {
    width: 100%;
    height: 90px;
    object-fit: contain;
}

.partner-box h6 {
    margin-top: 0.9375rem;
    text-align: center;
    font-size: 0.9375rem;
    line-height: 1.4;
}

.partner-box a {
    display: block;
}

.btn-swiper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 16px;
    gap: 4px;
    width: 2.5rem;
    height: 2.5rem;
    background: var(--gray-100);
    border-radius: 4px;
    border: none;
    font-size: 22px;
}

@media screen and (max-width: 1400px) {
    .header .header-right-side {
        gap: var(--spacing-2xl);

        & .logo img {
            max-width: 180px;
        }
    }

    .header .header-right-side .nav-link .nav-item {
        padding: 20px 10px;
        font-size: 14px;
    }

    .header .header-left-side .nav-action .action-item {
        width: 50px;
        height: 50px;

        & i {
            font-size: 20px;
        }
    }

    .header .nav-item .desktop-submenu {
        position: fixed;
        top: 102px;
    }

    .partners-section {
        padding: 4.25rem 0px;
    }
}

@media screen and (max-width: 992px) {
    .top-header {
        padding: 0.75rem 0px;
    }

    :root {
        --section-gap: 4rem;
    }

    .partners-section {
        padding: 3.25rem 0px;
    }
}

@media screen and (max-width: 768px) {
    :root {
        /*--section-gap: 2rem;*/
    }

    .faculty-wrapper .card .faculty-section-uni {
        min-width: 100%;
    }

    .btn-swiper {
        width: 32px;
        height: 32px;
        font-size: 16px;
    }

    .partners-wrapper {
        gap: 1rem;
    }

    .partners-section {
        padding: 2.25rem 0px;
    }
}

[dir="ltr"] .hgi-arrow-right-01,
[dir="ltr"] .hgi-arrow-left-01 {
    transform: rotate(180deg);
}

.faculty-member-details-card .card-img {
    display: flex;
    justify-content: center;
}

.faculty-member-details-card .card-img-wrapper {
    width: 50%;
    border: 1px solid var(--gray-300);
    border-radius: 999999px;
    overflow: hidden;
}

.faculty-member-details-card .card-img-wrapper img {
    object-fit: contain;
    height: auto;
}

.single-faculty-members-wrapper .tabs-card {
    border: 1px solid var(--gray-300);
    border-radius: 16px;
}

.single-faculty-members-wrapper .information {
    margin-bottom: 16px;
}

.single-faculty-members-wrapper .information h2 {
    font-size: 1rem;
    padding-top: 6px;
}

.single-faculty-members-wrapper .information .hgi:first-child {
    font-size: 1.5rem;
    color: var(--primary-500);
}


.header .header-right-side .nav-link .nav-item.active:not(.visible)>a {
    color: var(--text-default) !important;
    background-color: #fff;

    &::after {
        display: none;
    }
}

.form-select:focus {
    border-color: #8dc1aa;
    outline: 0;
    box-shadow: 0 0 0 0.25rem #8dc1aa33;
}



.news-wrapper .card.card-img .card-content {
    background: linear-gradient(to top, var(--primary-900), transparent);
}

.header .header-right-side .nav-link>.nav-item>a {
    display: inline-flex;
}

.header .header-right-side .nav-link>.nav-item>a:focus {
    outline: none;
}

/* Drupal error messages */
[data-drupal-messages] [role="alert"] {
    background-color: #fdecea;
    border: 1px solid #f5c2c7;
    border-right: 5px solid #dc3545;
    /* RTL accent */
    color: #842029;
    padding: 1rem 1.25rem;
    border-radius: 8px;
    font-size: 0.95rem;
    line-height: 1.7;
    margin-bottom: 1rem;
    direction: rtl;
}

/* Error title (hidden but accessible) */
[data-drupal-messages] h2.visually-hidden {
    position: absolute;
}

/* List inside error message */
[data-drupal-messages] [role="alert"] ul {
    margin: 0.75rem 0 0;
    padding-right: 1.25rem;
}

[data-drupal-messages] [role="alert"] li {
    margin-bottom: 0.25rem;
}

/* Highlight placeholders (file name, extensions) */
[data-drupal-messages] .placeholder {
    font-weight: 600;
    color: #b02a37;
    background: rgba(220, 53, 69, 0.08);
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
}

/* Smooth appearance */
[data-drupal-messages] [role="alert"] {
    animation: fadeInDown 0.3s ease-in-out;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* File upload JS error message */
.messages.messages--error.file-upload-js-error {
    background-color: #fdecea;
    border: 1px solid #f5c2c7;
    border-right: 5px solid #dc3545;
    /* RTL accent */
    color: #842029;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-top: 0.5rem;
    direction: rtl;
}

/* Highlight dynamic placeholders (filename & extensions) */
.messages--error.file-upload-js-error .placeholder {
    font-weight: 600;
    color: #b02a37;
    background-color: rgba(220, 53, 69, 0.08);
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
}

/* Optional warning icon */
.messages--error.file-upload-js-error::before {
    content: "⚠️";
    margin-left: 0.5rem;
    font-size: 1.1rem;
    vertical-align: middle;
}

/* Smooth appearance */
.messages--error.file-upload-js-error {
    animation: fadeInFileError 0.25s ease-in-out;
}

@keyframes fadeInFileError {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

[dir="ltr"] .swiper-horizontal>.swiper-pagination-bullets {
    right: 0;
    left: unset;
}


[dir="rtl"] .modal-header .btn-close {
    margin-left: calc(-0.5 * var(--bs-modal-header-padding-x));
    margin-right: auto;
}

.single-faculty-wrapper .tab-content p:not(.faculty-description p, .section-text p) {
    font-weight: normal;
    font-size: 16px;
    line-height: 1.6;
}

.header .header-desktop-screen {
    display: flex !important;
}



.header .header-left-side .nav-action .action-item {
    width: inherit;
    height: inherit;
}

.header .header-left-side .nav-action .action-item:first-child {
    margin-left: 0;
}

[dir="ltr"] .breadcrumb-nav .breadcrumb-separator {
    rotate: 180deg;
}

.dga-page-header h1 {
    font-size: clamp(1rem, 4vw, 2.25rem) !important;
    line-height: 1.5 !important;
}

[dir="ltr"] .about-uni-wrapper .about-uni-tabs .nav {
    direction: ltr;

    .nav-item:not(:last-child) {
        border-left: none;
        border-right: 1px solid var(--gray-300);
    }
}
.header .header-small-screen {
    display: none !important;
}
@media (max-width: 1400px) {
    .header .header-right-side .nav-link .nav-item {
        padding: 0;
    }

    .header .nav-item .desktop-submenu {
        position: fixed;
        top: 156px;
    }
}

@supports (-ms-ime-align:auto) {
@media (max-width: 1400px) {
    .header .nav-item .desktop-submenu {
        position: fixed;
        top: 149px;
    }
}

}

    @media (max-width: 1400px) {
    .header .nav-item .desktop-submenu {
        position: fixed;
        top: 149px;
    }



@media (max-width: 1200px) {

    .header .header-left-side .nav-action .action-item a {
        text-indent: -9999px;
        padding-inline-start: 22px;
    }

    .header .header-left-side .nav-action .action-item a i {
        text-indent: 0;
    }
}

@media (max-width: 992px) {
    .header .header-desktop-screen {
        display: none !important;
    }

    .header .header-small-screen {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
    }
}



@media (max-width: 37.5rem) {
    .header {
        padding: 0;
    }
}

/* Founding day hero section */
.founding-hero {
    background: #d8cfc0;
    position: relative;

    .swiper-pagination {
        bottom: 44px !important;
        display: flex;
        width: 100%;
        justify-content: center;
        height: fit-content;
    }

    .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        background: #e5e7eb;
        opacity: 1;
        margin: 0 8px !important;
    }

    .swiper-pagination-bullet-active {
        background: #1b8354;
    }
}

.hero-slide {
    position: relative;
    width: 100%;

    .hero-bg {
        position: absolute;
        inset: 0;
        z-index: 1;

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

    .hero-content {
        position: relative;
        z-index: 3;
        padding: 2.5rem 0px 2rem;
        height: 100%;

        .container {
            height: 100%;
        }
    }

    .hero-content_inner {
        height: 100%;
        max-width: 753px;
    }

    .day-logo {
        margin-bottom: 80px;
    }

    h2 {
        font-size: clamp(2.5rem, 5vw, 3.75rem);
        font-weight: 700;
        margin-bottom: 24px;
    }

    p {
        font-size: clamp(1rem, 2vw, 1.1875rem);
        line-height: 2;
        font-weight: 500;
    }

    .hero-logo {
        margin-top: 40px;

        img {
            height: 70px;
        }
    }
}

@media (max-width: 992px) {
    .hero-slide .day-logo {
        margin-bottom: 24px;
    }
}

.founding_day .news-wrapper,
.founding_day .student-service-section {
    background-image: url("../images/founding-day/patern-3.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.founding_day .achievements-section {
    background-color: #fff !important;

    background-image: url("../images/founding-day/patern-2.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}


.founding_day {
    --gray-50: #f9f6f5;
}

.single-faculty-members-wrapper .section-title{
      font-size: 1.5rem !important;       /* 24px */
  line-height: 2rem !important;       /* 32px */
      color: var(--text-default) !important;
      font-weight: 700 !important;
      margin-bottom:32px;
}

.new-detail-page {
    .new-detail-sidebar {



        }


        .nav-toggle {
            font-size: 1rem;
            font-weight: 500;
            border-inline-start: none;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 12px 18px;
            width: 100%;

            span {
                display: flex;
                align-items: center;

                i {
                    margin-inline-end: 10px;
                }
            }

            @media screen and (min-width: 767px) {
                display: none;
            }

            &[data-bs-toggle="collapse"] {
                &::after {
                    content: "㭚";
                    font-family: "hgi-stroke-rounded";
                    transition: transform 0.3s ease;
                    display: inline-block;
                    font-size: 16px;
                    font-weight: 600;
                }

                &[aria-expanded="true"]::after {
                    transform: rotate(-180deg);
                }
            }
        }
    }

    .dean-section {
        .dean-s-info {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 16px;
            padding-bottom: 16px;
            border-bottom: 1px solid var(--gray-300);

            .dean-avatar {
                width: 80px;
                height: 80px;
                border: 4px solid var(--gray-300);
                border-radius: 50%;
                object-fit: cover;
                object-position: center;
            }

            .dean-name {
                h4 {
                    font-size: 1.25rem;
                    line-height: 1.75rem;
                    font-weight: 600;
                    color: var(--primary-500);
                }

                p {
                    color: var(--gray-500);
                    margin-bottom: 0;
                }
            }
        }

        .dean-speech {

            &::before,
            &::after {
                font-family: "hgi-stroke-rounded" !important;
                font-size: 24px;
                color: var(--primary-500);
                font-weight: bold;
                display: block;
            }

            &::before {
                content: "䗄";
            }

            &::after {
                content: "䗇";
                text-align: end;
            }

            p {
                margin-bottom: 0;
            }
        }
    }

    .card {
        .card-title {
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            text-overflow: ellipsis;
        }

        .date {
            display: flex;
            align-items: center;
            gap: 4px;
            font-size: 14px;
        }
    }

    .accordion-item {
        border: 1px solid var(--primary-500) !important;
        border-radius: 16px !important;
        margin-bottom: 1rem !important;
        box-shadow:
            0px 3.288px 6.575px -1.644px rgba(16, 24, 40, 0.1),
            0px 1.644px 3.288px -1.644px rgba(16, 24, 40, 0.06);
        overflow: hidden;

        .accordion-button {
            border-bottom: none;
            font-size: 1.125rem;
            box-shadow:
                0px 4px 8px -2px rgba(16, 24, 40, 0.1),
                0px 2px 4px -2px rgba(16, 24, 40, 0.06) !important;
            transition: 0.3s ease;
        }

        .accordion-body {
            >*:last-child {
                margin-bottom: 0;
            }
        }
    }
}

[dir="rtl"] .new-detail-page .section .section-title::before {
    transform: rotate(180deg);
}



.route-shaqraa-faculties-faculty-detail .wrapper {
    overflow: unset;
}

.route-shaqraa-faculties-faculty-detail .header {
    /* overflow: hidden; */
}

.header .nav-item .desktop-submenu {
    width: 100%;
    max-width: 100vw;
}

.row {
    --bs-gutter-x: 1.25rem;
}

.faculty-partners-section {
    .swiper {
        padding: 0 60px;
        --swiper-navigation-sides-offset: 0;
        --swiper-navigation-color: #000000;

        .swiper-slide {
            a {
                display: block;
                width: 100%;
            }

            img {
                border: 1px solid #d2d6db;
                border-radius: 16px;
                padding: 8px;
                background-color: #fff;
                max-width: 100%;
                height: 100px;
                width: 100%;
                object-fit: contain;
            }
        }

        .swiper-button-next,
        .swiper-button-prev {

            color: #161616;
            width: 42px;
            height: 100%;
            background-color: #fff;
            top: 0;
            margin-top: 0;

            &::after {
                font-size: 18px;
                background-color: #f3f4f6;
                width: 40px;
                height: 40px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }
    }
}

.swiper.image-carousel {
    .swiper-pagination {
        text-align: center;
        width: 100%;
    }
}

.collapse-box {
    .collapse-content {
        overflow: hidden;
        transition: max-height 0.4s ease;
        position: relative;
    }

    button[data-toggle] {
        margin-top: 10px;
        cursor: pointer;
        margin-right: auto;
        text-align: center;
        display: flex;
        gap: 5px;
        align-items: center;
        transition: 0.3s ease;

        &:hover {
            color: var(--primary-500);
        }

        &::after {
            content: "㭚";
            font-family: "hgi-stroke-rounded" !important;
            transition: transform 0.3s ease;
        }

        &.expanded::after {
            transform: rotate(-180deg);
        }
    }
}

.aside-toolbar-box {
    width: 450px;
    max-width: 100%;
    --padding: 2rem;

    .toolbar-box-header {
        justify-content: space-between;
        padding: 1.375rem var(--padding);
    }

    .toolbar-box-footer {
        padding: var(--padding);
    }

    .tools-block {
        padding: 0 var(--padding);
    }

    @media screen and (max-width: 768px) {
        --padding: 1.125rem;

        .tools-button-item {
            grid-template-columns: 1fr 1fr;
            gap: 1.25rem;
        }
    }
}

.action-button-item {
    align-self: unset;
}

.action-button-item span {
    height: auto;
    max-height: none;
}

.card-topic {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    gap: 24px;
    box-shadow:
        0px 4px 8px -2px rgba(16, 24, 40, 0.1),
        0px 2px 4px -2px rgba(16, 24, 40, 0.06);
    border-radius: 16px;

    .icon {
        display: flex;
        align-items: center;
        justify-content: center;

        width: 48px;
        height: 48px;
        background: #f3fcf6;
        border-radius: 50%;

        i {
            color: var(--primary-500);
            font-size: 20px;
        }
    }

    h5 {
        font-size: 1.125rem;
        margin: 0;
    }

    a {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0px 16px;
        gap: 4px;

        height: 40px;

        background: #f3f4f6;
        border-radius: 4px;
        margin-inline-start: auto;

        i {
            font-size: 24px;
        }
    }
}

[dir="rtl"] .card-topic a {
    i {
        transform: rotate(180deg);
    }
}
.eparticipation h5{
  font-size: 1.125rem !important;     /* 18px */
  line-height: 1.75rem !important;    /* 28px */
    font-weight: 700 !important;
}

.eparticipation:hover{
    background-color: var(--gray-50);
}

.footer-form .gender-options label {
    padding: 2px 8px;
}

.footer-form .gender-options label:first-child:hover {
    background-color: transparent;
}

.page-opinion-question .btn:disabled {
    background-color: var(--gray-300);
    border-color: var(--gray-300);
    color: var(--gray-500) !important;
}

.page-opinion-question a{
    color: var(--text-link-primary) !important;
}

.page-opinion .gender-options {
  display: flex;
  flex-direction: row; /* Forces horizontal layout */
  align-items: center; /* Aligns text and inputs vertically */
  gap: 15px;           /* Adds space between the labels */
  direction: rtl;      /* Ensures it reads correctly for Arabic */
}

.page-opinion .gender-options label {
  display: flex;
  align-items: center;
  gap: 5px;            /* Space between the radio circle and the word */
  cursor: pointer;
  padding: 0;
    margin: 0;
}

.page-opinion .questions-items{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.page-opinion .questions-items .d-flex{
    gap: 10px;
}
/* Optional: styling for the radio size */
.page-opinion .gender-options input[type="radio"] {
  width: 18px;
  height: 18px;
  cursor: pointer;
}

@media (min-width: 768px) {
    .single-news-content .single-news-img {
        width: 100%;
    }

    .single-news-content {
        width: 809px;
        margin: 0 auto;
    }
}

.digital-stamp-header {
    align-items: center;
}

.digital-stamp-header-image {
    width: 25px;
}

.digital-stamp-header-content {
    font-size: 12px;
    line-height: 1.3;
    font-weight: 500;
}

.news-wrapper .card.card-img {
    height: 100%;
}

html:not([dir="rtl"]) .news-section .card-content:before {
    left: -1px;
    right: auto;
}

html:not([dir="rtl"]) .student-service-section .student-service-wrapper .container:before {
    left: 0;
    right: auto;
}

html:not([dir="rtl"]) .about-text:after {
    left: 0;
    right: auto;
}

.org-chart-section {
    background: var(--gray-100);
    background-size: 20px 20px;
    padding: 40px 20px;
    color: #1e293b;
    line-height: 1.6;
    direction: rtl;
}

.org-chart-section * {
    box-sizing: border-box;
}

.org-chart-section .main-container {
    max-width: 1300px;
    margin: 0 auto;
}

.org-chart-section .title-wrapper {
    text-align: center;
    margin-bottom: 60px;
}

.org-chart-section .title-wrapper h2 {
    display: inline-block;
    background: var(--primary-600);
    color: var(--white) !important;
    padding: 15px 50px;
    border-radius: 50px;
      font-size: 1.25rem !important;      /* 20px */
  line-height: 1.875rem !important;   /* 30px */
    box-shadow: var(--gray-300);
    border: 2px solid var(--primary-700);
}

/* Tree */
.org-chart-section .org-tree {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

/* Node */
.org-chart-section .node {
    background: var(--white);
    border-radius: 15px;
    padding: 20px;
    min-width: 220px;
    text-align: center;
    box-shadow: var(--gray-300);
    border-bottom: 4px solid var(--gray-300);
    transition: all 0.3s ease;
}

.org-chart-section .node:hover {
    transform: translateY(-6px);
    box-shadow: var(--gray-300);
    border-bottom-color: var(--primary-600);
}

/* Levels */
.org-chart-section .president-node {
    background: var(--primary-600);
    color: var(--white);
    border-bottom: 4px solid var(--gray-300);
    padding: 25px 40px;
}

.org-chart-section .president-node span{
    font-size: 1.125rem !important;     /* 18px */
   line-height: 1.75rem !important;    /* 28px */
   font-weight: 600 !important;
   color: var(--white) !important;
   opacity: 1 !important;
}

.org-chart-section .sub-leader {
    border-right: 4px solid var(--gray-300);
    margin-top: 15px;
}

/* Grid */
.org-chart-section .tier-2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px;
    width: 100%;
    position: relative;
}

.org-chart-section .tier-3 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 20px;
    width: 100%;
    margin-top: 20px;
}

/* Units */
.org-chart-section .unit-card {
    padding: 15px;
    background: white;
    border: 1px solid var(--gray-300);
}

.org-chart-section .unit-card::before {
    content: "●";
    display: block;
    color: var(--primary-600);
    margin-bottom: 5px;
}

/* Connectors */
@media (min-width: 992px) {
    .org-chart-section .tier-2::before {
        content: "";
        position: absolute;
        top: -20px;
        left: 15%;
        right: 15%;
        height: 2px;
        background: var(--line-color);
    }

    .org-chart-section .tier-2::after {
        content: "";
        position: absolute;
        top: -40px;
        left: 50%;
        width: 2px;
        height: 20px;
        background: var(--line-color);
    }
}

/* Mobile */
@media (max-width: 991px) {
    .org-chart-section .tier-2 {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .org-chart-section .tier-3 {
        grid-template-columns: 1fr;
    }

    .org-chart-section .node {
        min-width: 80%;
        margin: 0 auto;
    }

    .org-chart-section .title-wrapper h1 {
        font-size: 1.3rem;
        padding: 12px 25px;
    }

    .org-chart-section .org-tree {
        gap: 20px;
    }
}

/* Badge */
.org-chart-section .badge {
    color: var(--primary-600);
    margin-bottom: 8px;
    display: block;
      font-size: 1rem !important;         /* 16px */
  line-height: 1.5rem !important;     /* 24px */
}

.img-pattern:after {
    max-width: 100%;
}




.single-news-section .container .text-content img,
.single-faculty-section .container .tab-content .section-content img {
    width: 50%;
    display: inline-block;
    padding: 5px;
    border-radius: 10px;
    height: auto;
}

.single-news-section .container .news-text {
    margin-top: 0px;
    margin-bottom: 40px;
}

.dean-s-info img.dean-avatar {
    width: 80px !important;
    height: 80px !important;
    border: 4px solid var(--gray-300) !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    object-position: center !important;
}


.single-faculty-section .container .tab-content .section-content p strong {
    margin-top: 10px;
    display: inline-block
}


.section-form .webform-submission-contact-form {
    /*width: 50%;*/
    /*margin: 0 auto;*/
    /*padding-top: 50px;*/
}

.section-form{
    height: 100%;
    border: 1px solid var(--gray-300) !important;
    border-radius: 16px !important;
    padding: 16px !important;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: space-around;

}

.single-service {
    position: relative;
}

.service-hero {
    position: relative;
    margin-bottom: 3.5rem;

    .service-hero-wrapper {
        position: relative;
        padding: 40px 0;

        &::before {
            content: "";
            position: absolute;
            top: 0;
            right: -50vw;
            width: 150vw;
            height: 100%;
            background-color: var(--primary-50);
            z-index: -1;
        }
    }

    .breadcrumb {
        align-items: center;
        gap: 8px;
        margin-bottom: 8px;

        .breadcrumb-item {
            display: flex;
            align-items: center;
            font-weight: 400;
            font-size: 14px;
            line-height: 20px;
            padding: 0;
            color: #384250;

            &.active {
                color: var(--gray-400);
            }

            &+.breadcrumb-item::before {
                content: "㭪";
                font-family: hgi-stroke-rounded;
                float: none;
                color: var(--gray-400);
                padding: 0;
                padding-inline-end: 8px;
            }
        }
    }

    h1 {
     font-size: 1.875rem !important;
    line-height: 2.375rem !important;
    font-weight: 700 !important;
    color: var(--text-default) !important;
    }

    .service-meta,
    .service-desc {
        margin-top: 1rem;
    }

    .meta-item {
        display: inline-flex;
        align-items: center;
        text-align: center;
        padding: 4px 8px;
        border-radius: 4px;
        border: 1px solid transparent;
        font-weight: 700;
        font-size: 12px;

        &:not(:last-child) {
            margin-inline-end: 8px;
        }

        &.info {
            background: #eff8ff;
            border-color: #b2ddff;
            color: #1849a9;
        }

        &.success {
            background: #ecfdf3;
            border-color: #abefc6;
            color: #085d3a;
        }

        &.gray {
            background: #f9fafb;
            border-color: #e5e7eb;
        }
    }

    .service-hero-content {
        display: flex;
        justify-content: space-between;
        gap: 32px;
    }

    .service-action {
        flex-shrink: 0;
    }

    .service-hero-link {
        color: var(--primary-600);
        display: inline-flex;
        align-items: center;
        gap: 8px;

        i {
            color: var(--primary-600);

            font-size: 18px;
        }
    }
}

.services-details {
    .nav-tabs {
        border-bottom: none;
        margin-bottom: 24px;

        .nav-link {
            padding: 12px 16px 15px;
            gap: 4px;
            border-radius: 4px;
            font-weight: 700;
            line-height: 20px;
            color: #161616;

            &:hover {
                background-color: #f3f4f6;
            }

            &:after {
                width: 60%;
                border-radius: 5px;
            }
        }
    }

    .text-content {
        p:not(:last-child) {
            margin-bottom: 16px;
        }
    }

    .video-card {
        margin-bottom: 24px;
        height: 344px;
        background: #f9fafb;
        border-radius: 16px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;

        .play-btn {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 48px;
            height: 48px;
            background: var(--primary-600);
            border-radius: 50%;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            transition: opacity 0.3s ease;
            cursor: pointer;

            &:hover {
                opacity: 0.8;
            }
        }
    }
}

.service-sidebar {
    width: 100%;
    z-index: 20;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #d2d6db;
    border-radius: 16px;
    margin-top: 40px;
    margin-inline-start: auto;

    width: calc(100% - 12px);

    @media (min-width: 1400px) {
        padding: 2.5rem;
    }

    .item {
        display: flex;
        gap: 8px;

        &:not(:last-child) {
            margin-bottom: 16px;
        }

        i {
            font-size: 24px;
            color: var(--primary-600);
        }

        h5 {
            font-weight: 700;
            font-size: 18px;
            line-height: 28px;
            margin-bottom: 8px;
            flex-grow: 0;
        }

        .title {
            font-weight: 700;
              font-size: 1rem !important;         /* 16px */
  line-height: 1.5rem !important;     /* 24px */
        }
                .text {
              font-size: 1rem !important;         /* 16px */
  line-height: 1.5rem !important;     /* 24px */
  font-weight: 400 !important;
        }
    }

    .payments {
        .payment-box {
            display: inline-flex;
            align-items: center;
            width: 63px;
            height: 43px;
            padding: 10px;
            background: #ffffff;
            border: 1px solid #d2d6db;
            border-radius: 6px;

            &:not(:last-child) {
                margin-inline-end: 8px;
            }

            img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }
        }
    }

    .divider {
        margin: 16px 0;
        height: 1px;
        background-color: #d2d6db;
    }

    .link {
        color: var(--primary-600);
        display: inline-flex;
        align-items: center;
        gap: 8px;

        i {
            color: var(--primary-600);
            font-size: 18px;
        }
    }

    .btn {
        padding: 8px 16px;
        background: #f3f4f6;
        border-radius: 4px;

        &:hover {
            background: var(--primary-600);
            color: #fff;
        }
    }

    .apps {
        a {
            margin-bottom: 8px;
            display: inline-block;

            &:not(:last-child) {
                margin-inline-end: 8px;
            }
        }

        img {
            height: 40px;
        }
    }
}

/* Related Services Section */
.services-related-section {
    background-color: #F7FDF9;
    padding: 3.5rem 0 2.5rem;
    margin-top: 3rem;

    .section-header {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 2rem;

        h2 {
            font-weight: 700 !important;
              font-size: 1.875rem !important;     /* 30px */
  line-height: 2.375rem !important;   /* 38px */
  color: var(--text-default);
        }

        p {
            font-weight: 400 !important;
            font-size: 1rem !important;         /* 16px */
  line-height: 1.5rem !important;     /* 24px */
  width: 100%;
    margin-top: 16px;
        }

        a {
            flex-shrink: 0;
            font-weight: 700;
            font-size: 0.875rem;
            color: #161616;
            text-decoration: none;
            padding: 8px 0;

            &:hover {
                text-decoration: underline;
            }
        }
    }

    .servicesSwiper {
        overflow: visible;
    }

    .swiper-slide {
        height: auto;
    }


        h4 {
            font-weight: 700;
            font-size: 1.125rem;
            line-height: 1.75rem;
            color: #161616;
            margin-bottom: 0.5rem;
        }

        .tags {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-bottom: 1.25rem;

            .tags-item {
                display: inline-flex;
                align-items: center;
                padding: 2px 10px;
                border-radius: 4px;
                border: 1px solid transparent;
                font-weight: 500;
                font-size: 0.75rem;
                line-height: 1.5;

                &.info {
                    background: #eff8ff;
                    border-color: #b2ddff;
                    color: #1849a9;
                }

                &.success {
                    background: #ecfdf3;
                    border-color: #abefc6;
                    color: #085d3a;
                }

                &.gray {
                    background: #f9fafb;
                    border-color: #e5e7eb;
                    color: #4b5563;
                }
            }
        }

        .actions {
            display: flex;
            gap: 8px;
            margin-top: auto;

            button,
            a {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                padding: 8px 16px;
                border-radius: 6px;
                font-weight: 600;
                font-size: 0.875rem;
                line-height: 1.25rem;
                cursor: pointer;
                transition: all 0.2s ease;
                text-decoration: none;
            }

            .primary {
                background: var(--primary-600, #0d6e3f);
                color: #ffffff;
                border: 1px solid var(--primary-600, #0d6e3f);

                &:hover {
                    background: var(--primary-700, #095c34);
                }
            }

            .secondary {
                background: #ffffff;
                color: #161616;
                border: 1px solid #d2d6db;

                &:hover {
                    background: #f3f4f6;
                }
            }
        }
    }

    .servicesSwiper .swiper-pagination {
        position: relative;
        margin-top: 2rem;
        text-align: center;
        width: 100%;
        left: 0;
        bottom: auto;
    }

    .servicesSwiper .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background: #d2d6db;
        opacity: 1;
        margin: 0 4px;
    }

    .servicesSwiper .swiper-pagination-bullet-active {
        background: var(--primary-600, #0d6e3f);
    }

.cookies-bar {
    z-index: 9000;
}


.mobile-language-dropdown {
  position: relative;
}

.mobile-language-dropdown .dropdown-submenu {
  position: relative;
}

.mobile-language-dropdown .mobile-lang-toggle {
  display: flex !important;
  align-items: center;
  justify-content: between;
  width: 100%;
  text-decoration: none !important;
  color: inherit !important;
  border: none !important;
  background: none !important;
  font-size: inherit;
  padding: 0 !important;
  margin: 0 !important;
}

.mobile-language-dropdown .mobile-lang-toggle:hover,
.mobile-language-dropdown .mobile-lang-toggle:focus {
  text-decoration: none !important;
  color: inherit !important;
  background: none !important;
}

.mobile-language-dropdown .mobile-lang-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1050;
  background: #ffffff;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  min-width: 120px;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-10px);
  transition: all 0.2s ease-in-out;
  list-style: none;
  padding: 0;
  margin: 0;
}

.mobile-language-dropdown .mobile-lang-options.show {
  max-height: 200px;
  opacity: 1;
  transform: translateY(0);
  padding: 0.5rem 0;
}

.mobile-language-dropdown .mobile-lang-options .dropdown-item {
  padding: 0.5rem 1rem;
  color: #212529;
  text-decoration: none;
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  transition: background-color 0.2s ease;
  display: block;
}

.mobile-language-dropdown .mobile-lang-options li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mobile-language-dropdown .mobile-lang-options .dropdown-item:hover {
  background-color: #f8f9fa;
  color: #212529;
}

.mobile-language-dropdown .mobile-lang-options .dropdown-item.active {
  background-color: #1b8354;
  color: #ffffff;
}

.mobile-language-dropdown .mobile-lang-options .dropdown-item.active:hover {
  background-color: #1b8354;
  color: #ffffff;
}

/* Chevron arrow styles */
.mobile-language-dropdown .mobile-lang-toggle span:last-child {
  font-size: 0.8em;
  margin-left: auto;
  transition: transform 0.2s ease;
  display: inline-block;
}

.mobile-language-dropdown .mobile-lang-toggle[aria-expanded="true"] span:last-child {
  transform: rotate(180deg);
}
.phone-book-wrapper .phone-book-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contact-section{
    margin-top:40px;
}
.error-content{
    text-align:center;
}
.faq-tabs-wrapper .nav-tabs{
    border-bottom: 3px solid var(--gray-300);
}
.service-evaluation-wrapper{
    border-top: 2px solid var(--primary-600);
    border-bottom: 2px solid var(--primary-600);
    padding: 24px 0;
    background: var(--white);
    margin-bottom: -2px;
}
.last-modified-date{
    text-align: left;
    font-weight: 400 !important;
      font-size: 0.875rem !important;     /* 14px */
  line-height: 1.25rem !important;    /* 20px */
}
.rating-stars .star-icon.filled{
    fill:var(--primary-600) !important;
}
.faculity-button-submit{
 margin-left: 10px;
}
.faculity-button-reset{
  background-color: transparent !important;
    color: var(--btn-text-outlined) !important;
}
.faculity-button-reset:hover{
  background-color: var(--btn-hover-bg-outlined) !important;
    color: var(--btn-hover-text-outlined) !important;
    outline-color: var(--btn-outline) !important;
}
.faculity-search-input-wraper{
    width:100%;
}
.faculity-search-input-wraper input[type="text"]{
padding-inline: 44px !important;
}
.faculity-search-input-wraper i {
    position: absolute;
    color: #333;
    font-size: 20px;
    padding: 5px 16px;
    z-index: 99;
}
.faculty-header{
    display:none !important;
}
.faculity-filter-section{
    margin-bottom:40px;
    height: 48px;
}
.faculties-list{
    display: flex;
   flex-direction: column;
   gap: 16px;
}
.faculties-list .card {
    height: 100%;
    border: 1px solid var(--gray-300) !important;
    border-radius: 16px !important;
    padding: 16px !important;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: space-around;
    background-color: var(--white) !important;
    width: 100%;
}
.card-wrap-container{
    gap: 16px;
    display: flex;
    flex-direction: column;
}
.faculties-list .card .card-icon {
    background-color: var(--primary-50) !important;
    font-size: 1.5rem !important;
    color: var(--primary-700) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 9999px !important;
    -webkit-border-radius: 9999px !important;
    -moz-border-radius: 9999px !important;
    -ms-border-radius: 9999px !important;
    -o-border-radius: 9999px !important;
    width: 3rem;
    height: 3rem;
}
.faculties-list .card .card-title {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
    font-weight: 700 !important;
    color: var(--gray-800) !important;
    margin: 0px;
}
.faculties-list .card .card-text {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    font-weight: 400 !important;
    color: var(--gray-700) !important;
}
.faculties-list .card .faculty-tags {
    gap: 8px;
    display: flex;
    flex-direction: row;
    margin: 0;
    direction: ltr;
}
.faculties-list .card .faculty-tags a{
    font-size: 0.75rem !important;
    line-height: 1.125rem !important;
    font-weight: 500 !important;
    color: var(--gray-800);
    background-color: var(--primary-50);
    padding: 3px 8px;
    border-radius: 4px;
    border: 1px solid var(--primary-200);
    display: inline;
}



.dga-sidebar{
   background-color: var(--white);
        border: 1px solid var(--gray-300);
        border-radius: 10px;
        position: sticky;
        top: 16px;
        bottom: 16px;
        width: 100%;
        max-height: calc(100svh - 32px);
        overflow-y: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        scroll-behavior: smooth;
        height: 100%;
        border-radius: 10px;
            padding: 16px;
}
.dga-sidebar .tab,
.dga-sidebar .nav .tab-item,
.dga-sidebar .nav button,
.dga-sidebar .nav .list-items ul li{
    width: 100%;
    letter-spacing: 0%;
    padding: 8px 10px;
    cursor: pointer;
    margin-bottom: 0;
    color:var(--text-default);
    text-align: right;
      font-size: 0.875rem !important;     /* 14px */
  line-height: 1.25rem !important;    /* 20px */
  font-weight: 400 !important;
  border-right:4px solid var(--white);
  display: block;
}
.dga-sidebar .nav .list-items{
border-right: 2px solid var(--gray-300);
margin-right: 15px;
}
.dga-sidebar .tab:hover,
.dga-sidebar .nav .tab-item:hover,
.dga-sidebar .nav button:hover,
.dga-sidebar .nav .list-items ul li:hover{
    color:var(--text-default);
    background-color:var(--primary-50);
    border-right:4px solid var(--primary-600);
}
.dga-sidebar .tab.active,
.dga-sidebar .nav .tab-item.active,
.dga-sidebar .nav button.active,
.dga-sidebar .nav .list-items ul li.active{
    color:var(--text-default);
    border-right:4px solid var(--primary-600);
    font-weight: 700 !important;

}
.dga-sidebar .nav{
    display:block;
}
.service-related-container{
    width: 100% !important;
    padding: 0 !important; 
    margin: 0 !important;
}

select {
  /* Remove default browser arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  /* Basic styling for the box */
  width: 100%;
  padding: 6px 40px 6px 15px; /* Extra padding on the right for the arrow */

  /* Adding your custom arrow */
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M7%2010l5%205%205-5z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  
  /* POSITION THE ARROW HERE */
  background-position: left 10px top 50%; 
  background-size: 18px;
}
    .filter-search-input-wrapper input::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}
.accordion-item,
.accordion-button {
    border: 0 !important;
    border-radius: 0px !important;
    margin-bottom: 0rem !important;
    box-shadow: inherit !important;
    overflow: hidden;
    border-bottom:1px solid var(--gray-100) !important;
}
.accordion-item {
    .accordion-button {
        border-bottom: none;
        font-size: inherit;
        box-shadow: inherit !important;
        transition: 0.3s ease;
    }
}
.accordion-button{
     font-size: 1rem !important;         /* 16px */
  line-height: 1.5rem !important;     /* 24px */
  font-weight: 600 !important;
  padding: 16px !important;
  
}
.accordion-button:not(.collapsed){
background-color: var(--gray-100);
}
.accordion-button.collapsed{
    background-color: var(--white);
}
.accordion-button:hover{
    background-color: var(--gray-100);
}
.accordion-body {
    padding: 16px 20px;
    color: var(--gray-700);
    width:80%;
}
.accordion-button:after {
    margin: 0;
    width: 13px;
    height: 12px;
    background-size: contain;
}


.wrap-content-jjg .sec-ool88x5 h2{
      font-size: 1.5rem !important;       /* 24px */
  line-height: 2rem !important;       /* 32px */
    font-weight: 700 !important;
    color: var(--text-default) !important;
}

.wrap-content-jjg .sec-ool88x5 p {
    border-right: 4px solid var(--primary-600);
}
.sec-rrd44e5 {
    padding: 40px;
    background-color: var(--primary-50);
    border-radius: 16px;
    margin: 40px 0;
}
.sec-rrd44e5 .ppx789y5 ._item ._txt h6 {
    color: var(--text-default) !important;
  font-size: 1.125rem !important;     /* 18px */
  line-height: 1.75rem !important;    /* 28px */
  font-weight: 500 !important;
    margin-bottom: 10px;
}
.sec-rrd44e5 .ppx789y5 {
    width: 100%;
    margin: 0 auto 40px;
}
.sec-rrd44e5 .ppx789y5 ._item .icon {
    color: var(--primary-600);
}
.sec-rrd44e5>div h5 {
    margin-bottom: 14px;
    color: var(--text-default) !important;
  font-size: 1.125rem !important;     /* 18px */
  line-height: 1.75rem !important;    /* 28px */
  font-weight: 500 !important;
}
.sec-bcv4yta687 .accordion-button[aria-expanded="true"] {
    border-color: var(--primary-600);
    color: var(--primary-600);
}
.sec-bcv4yta687 .collapse.show .accordion-body, .sec-bcv4yta687 .collapsing.show .accordion-body {
    border:0;
}
.sec-qpwxql6erb .nav-tabs .nav-link.active {
    background-color: var(--primary-600) !important;
    color: white;
}
.sec-qpwxql6erb .nav-tabs .nav-link {
    background-color: var(--gray-100);
    border-left: 1px solid var(--gray-100);
    color: var(--text-default);
}
.sec-qpwxql6erb .nav-tabs .nav-link {
    background-color: var(--gray-100);
    font-size: 1rem !important; 
    border-left: 1px solid var(--gray-100);
    color:var(--text-default);
}
.table-xggr thead th {
    background-color: var(--primary-600);
    color: white;
    padding: 16px 12px;
}


body.lang-ltr{
    select{
        background-position: right 10px top 50%; 
    }
    .filter-wrapper .filter-search-input-wrapper select,
    .filter-wrapper .filter-search-input-wrapper input {
        padding-left: 44px !important;
    }
    .dga-sidebar .tab.active, .dga-sidebar .nav .tab-item.active, .dga-sidebar .nav button.active, .dga-sidebar .nav .list-items ul li.active {
        border-left: 4px solid var(--primary-600);
        border-right: 0px;
    }
    .dga-sidebar .tab, .dga-sidebar .nav .tab-item, .dga-sidebar .nav button, .dga-sidebar .nav .list-items ul li {
    text-align: left;
    border-left: 4px solid var(--white);
    }
    .dga-sidebar .tab:hover, .dga-sidebar .nav .tab-item:hover, .dga-sidebar .nav button:hover, .dga-sidebar .nav .list-items ul li:hover {
        border-left: 4px solid var(--primary-600);
        border-right: 0px;
    }
    .dga-hero .dga-breadcrumb-nav .dga-breadcrumb-separator{
        transform: scaleX(-1);
    }
    i.hgi-arrow-right-01{
        transform: rotate(0deg);
    }
    .form-dark-backgound .form-item-phone input{
        padding-left: 90px !important;
        padding-right: 20px !important;
    }
    .contact-wrapper .card .contact-info .hgi-stroke {
        margin-right: 14px;
        margin-left: 0px;
    }
    .page-opinion .gender-options {
        direction: ltr;
    }
    .mobile-menu .menu-item li a,
    .mobile-menu .nav-item > a,
    .mobile-menu .menu-section h1 {
        text-align: left;
    }
    #asside-toolbar-box-button{
    left: 20px;
    right: unset;
    }

}