/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-toastr/toastr.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************/
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */

/* position */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
/* Responsive Design */
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/quill/dist/quill.snow.css ***!
  \********************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#ccc}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow + .ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]::before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}

/*# sourceMappingURL=quill.snow.css.map*/
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/assets/scss/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
:root {
  --font-size: 16px;
  --clr-primary: #36B0C9;
  --clr-primary-50: #EFFBFC;
  --clr-primary-100: #D7F3F6;
  --clr-secondary: #65BAAF;
  --clr-secondary-50: #EFFBFC;
  --clr-secondary-100: #CCE8F2;
  --clr-tertiary: #49498C;
  --clr-border-color: #E7E7E7;
  --clr-text-color: #255465;
  --clr-default: #F0F3F4;
  --clr-danger: #FF3B30;
  --clr-warning: #FF9500;
  --clr-success: #23A566;
  --clr-gray-color: #668793;
  --clr-info: #007AFF;
  --clr-info-light: #E5F2FF;
  --clr-warning-light: #FFF4E5;
  --clr-success-light: #E9F6F0;
  --clr-danger-light: #FFF2F1;
  --clr-default-light: #F0F3F4;
  --clr-placeholder: #B0B0B0;
}

/*fontsize mixin for html*/
@font-face {
  font-family: "BahijTheSansArabic-Light";
  src: url('BahijTheSansArabic-Light.22d0af15b152bf57.woff2') format("woff2"), url('BahijTheSansArabic-Light.d62aa86383490fdd.woff') format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BahijTheSansArabic-Plain";
  src: url('BahijTheSansArabic-Plain.c43e774a54049c76.woff2') format("woff2"), url('BahijTheSansArabic-Plain.d358bf4a964a5d6e.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BahijTheSansArabic-SemiBold";
  src: url('BahijTheSansArabic-SemiBold.5b078ada9c40ced9.woff2') format("woff2"), url('BahijTheSansArabic-SemiBold.62c262b4172038ee.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BahijTheSansArabic-Bold";
  src: url('BahijTheSansArabic-Bold.3707b07f5180aabf.woff2') format("woff2"), url('BahijTheSansArabic-Bold.3d043666458afed8.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BahijTheSansArabic-ExtraBold";
  src: url('BahijTheSansArabic-ExtraBold.c97e65cd6bae788e.woff2') format("woff2"), url('BahijTheSansArabic-ExtraBold.883b5a725d77b033.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
html {
  font-size: var(--font-size);
  scroll-behavior: smooth;
  font-size: 80%;
}
@media (min-width: 576px) {
  html {
    font-size: 80%;
  }
}
@media (min-width: 768px) {
  html {
    font-size: 75%;
  }
}
@media (min-width: 991px) {
  html {
    font-size: 60%;
  }
}
@media (min-width: 1400px) {
  html {
    font-size: 0.85vw;
  }
}
@media (min-width: 1920px) {
  html {
    font-size: 0.75vw;
  }
}
@media (min-width: 3000px) {
  html {
    font-size: 0.8vw;
  }
}

body {
  --bs-body-color: color(text-color);
  position: relative;
  min-width: 20rem;
  font-family: "BahijTheSansArabic-Plain", sans-serif;
  text-align: initial;
  color: var(--clr-text-color);
  overflow-x: hidden;
  font-size: 1rem;
  background-color: #E3EDEE;
}
body::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
body::-webkit-scrollbar-thumb {
  background: #36B0C9;
  border-radius: 4px;
}
body::-webkit-scrollbar-track {
  background: #f5f5f9;
  border-radius: 4px;
}
body {
  scrollbar-face-color: #36B0C9;
  scrollbar-track-color: #f5f5f9;
}

* {
  margin: 0;
  padding: 0;
}

::selection {
  background-color: var(--clr-primary);
  color: #fff;
}

.text-muted {
  color: var(--clr-gray-color) !important;
}

.no-scroll {
  overflow-y: hidden;
}

.disabled {
  opacity: 0.4;
  pointer-events: none;
}

.custom-tooltip {
  --bs-tooltip-bg: var(--clr-primary);
}
[data-theme=dark] .custom-tooltip {
  --bs-tooltip-bg: var(--clr-primary);
}

.container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-inline: 1.5rem;
}
@media (max-width: 575.98px) {
  .container-fluid {
    padding-inline: 1rem;
  }
}
@media (min-width: 768px) {
  .container-fluid {
    padding-inline: 1.5rem;
  }
}
@media (min-width: 992px) {
  .container-fluid {
    padding-inline: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .container-fluid {
    padding-inline: 3.75rem;
  }
}
@media (min-width: 1400px) {
  .container-fluid {
    padding-inline: 7.5rem;
  }
}

a,
button {
  cursor: pointer;
}

.visible-hidden {
  visibility: hidden;
  opacity: 0;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: "BahijTheSansArabic-Bold";
}

h1 {
  font-size: 1.75rem;
}

h2 {
  font-size: 1.5rem;
}

h3 {
  font-size: 1.375rem;
}

h4 {
  font-size: 1.25rem;
}

h5 {
  font-size: 1.125rem;
  line-height: 1.7;
}

h6 {
  font-size: 1rem;
}

p {
  margin: 0;
}

a {
  text-decoration: none;
}

[dir=rtl] [type=email],
[dir=rtl] [type=number],
[dir=rtl] [type=tel],
[dir=rtl] [type=url] {
  direction: rtl;
}

.loader {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(40px) brightness(1.015);
          backdrop-filter: blur(40px) brightness(1.015);
  z-index: 999;
}
.loader__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.loader__container .loader-icon {
  margin-bottom: 1rem;
  font-family: "BahijTheSansArabic-Bold";
}
.loader__container .loader-title {
  display: block;
  margin-block: 0.5rem 1rem;
  text-align: center;
  font-size: 1.5rem;
}

.spinner {
  position: relative;
  display: block;
  width: 150px;
  height: 6px;
  border-radius: 20px;
  background-color: #fff;
  overflow: hidden;
}
.spinner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 6px;
  width: 70px;
  border-radius: 20px;
  background-color: var(--clr-primary);
  transform: translateX(100px);
  animation: loaderSpinner 1.5s infinite;
  transition: all 1.5s ease-in-out;
}

@keyframes loaderSpinner {
  0% {
    transform: translateX(100px);
  }
  50% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(100px);
  }
}
.numeric-list {
  counter-reset: list-counter;
  list-style: none;
  padding: 0;
  margin: 2rem 0 2rem 0;
}
.numeric-list__item {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  counter-increment: list-counter;
}
.numeric-list__item:not(:last-child) {
  margin-bottom: 1.5rem;
}
.numeric-list__item::before {
  content: counter(list-counter);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  border: 1px solid var(--clr-secondary);
  color: var(--clr-secondary);
  border-radius: 50%;
}
.numeric-list__item__content {
  display: flex;
  flex-direction: column;
}
.numeric-list__item .title {
  font-family: "BahijTheSansArabic-Bold";
  color: var(--clr-primary);
}
.numeric-list__item .desc {
  font-family: "BahijTheSansArabic-Light";
  color: #777D80;
}

.image-cover-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.image-cover-container img {
  max-width: 100%;
}

.page-content {
  position: relative;
  padding-block: 2rem;
  min-height: calc(100vh - 310px);
}
.page-content__header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 575.98px) {
  .page-content__header {
    flex-direction: column;
    align-items: flex-start;
  }
}
.page-content .page-title-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
.page-content .page-title {
  font-family: "BahijTheSansArabic-Bold";
}
.page-content .sub-title {
  font-size: 0.875rem;
  color: var(--clr-gray-color);
}
.page-content .sub-title.text-lg {
  font-size: 1.25rem;
}
.page-content .sub-title.text-color {
  color: var(--clr-text-color);
}
.page-content .sub-title.primary-color {
  color: var(--clr-primary);
}
.page-content .page-actions {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-inline-start: auto;
  justify-content: flex-end;
}
@media (max-width: 575.98px) {
  .page-content .page-actions {
    width: 100%;
    margin-inline-start: 0;
    justify-content: flex-start;
  }
  .page-content .page-actions .btn {
    width: 100%;
  }
}
.page-content .page-actions .year-selector {
  min-width: 11.25rem;
}
.page-content__body {
  padding-block-end: 2.5rem;
}

.section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.section-header .section-info {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.section-header .section-info .section-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
}
.section-header .section-info .section-title .count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  background-color: var(--clr-primary-50);
  border: 1px solid var(--clr-primary-100);
  border-radius: 0.25rem;
  font-family: "BahijTheSansArabic-SemiBold";
  font-size: 0.875rem;
  color: var(--clr-primary);
}
.section-header .section-info .section-title.primary {
  color: var(--clr-primary);
}
.section-header .section-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.pagination-main {
  display: flex;
  justify-content: center;
  margin-block-start: 1rem;
}

.pagination {
  gap: 0.5rem;
  margin: 0;
}
.pagination li {
  line-height: 2.2rem;
}
.pagination .page-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: var(--clr-gray-color);
  padding: 0;
  height: 2rem;
  width: 2rem;
  isolation: isolate;
  border-radius: 5rem;
}
.pagination .page-item .page-link {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  padding: 0;
  box-shadow: none;
  outline: none;
  color: var(--clr-text-color);
  border-radius: 5rem;
  border: 0;
}
.pagination .page-item .page-link[disabled] {
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}
.pagination .page-item .control-btn {
  background-color: #fff;
  border: 0;
  isolation: isolate;
  overflow: hidden;
  background-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.94 8L8.21774e-08 7.06L3.05333 4L6.17205e-07 0.94L0.940001 8.21774e-08L4.94 4L0.94 8Z' fill='%23255465'/%3E%3C/svg%3E%0A");
  background-size: 0.5rem;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 5rem;
}
.pagination .page-item .control-btn:is(:hover) {
  background-color: var(--clr-primary);
  background-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.94 8L8.21774e-08 7.06L3.05333 4L6.17205e-07 0.94L0.940001 8.21774e-08L4.94 4L0.94 8Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}
.pagination .page-item .control-btn[disabled] {
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}
[dir=ltr] .pagination .page-item .control-btn.previous {
  transform: scale(-1);
}
[dir=rtl] .pagination .page-item .control-btn.next {
  transform: scale(-1);
}
.pagination .page-item:is(:hover, :focus, :active, .active) {
  color: #fff;
  background-color: var(--clr-primary);
  box-shadow: none;
  outline: none;
}
.pagination .page-item:is(:hover, :focus, :active, .active) .page-link {
  background-color: var(--clr-primary);
  color: #fff;
}
.pagination .page-item:is(:hover, :focus, :active, .active) svg {
  filter: brightness(0) invert(1);
}

.breadcrumb {
  align-items: end;
  margin-bottom: 0;
}
.breadcrumb > li:first-of-type::before {
  display: none;
}
.breadcrumb > li:first-of-type > ul > li::before {
  display: none;
}
.breadcrumb li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 !important;
  line-height: 1;
  font-size: 0.875rem;
  transition: all 0.2s ease-in-out;
  --bs-breadcrumb-divider: "";
}
.breadcrumb li a {
  color: var(--clr-text-color);
  text-decoration: none;
  text-decoration: none;
  font-family: "BahijTheSansArabic-Light";
  font-size: 0.875rem;
  transition: all 0.2s ease-in-out;
}
.breadcrumb li a svg {
  width: 1.25rem;
  height: 1.25rem;
  object-fit: contain;
  transition: all 0.3s ease-in-out;
}
.breadcrumb li a:hover {
  color: var(--clr-primary);
  text-decoration: none;
}
.breadcrumb li a:hover svg path {
  fill: var(--clr-primary) !important;
}
.breadcrumb li.active {
  color: var(--clr-gray-color);
}
.breadcrumb li::before {
  margin-inline: 0.5rem;
  padding: 0;
  padding-inline-start: 8px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7.5 7.5L1 14' stroke='%23668793'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.5rem;
  height: 1rem;
  width: 1rem;
  display: inline-flex;
  align-items: center;
}
[dir=rtl] .breadcrumb li::before {
  transform: rotateY(180deg);
  padding-inline-start: 0;
}

.details-page .details-header {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.details-page .details-header .details-header__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}
.details-page .details-header .details-header__info .header-title {
  font-size: 1.5rem;
  font-family: "BahijTheSansArabic-Bold";
  color: var(--clr-primary);
}
.details-page__image {
  position: relative;
  margin-bottom: 2rem;
  border-radius: 1rem;
  overflow: hidden;
}
.details-page__image div:not(.details-img-caption) {
  height: 100%;
}
.details-page__image.with-overlay::before {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(180deg, rgba(0, 76, 105, 0.48) 3.53%, rgba(0, 26, 36, 0.48) 73.2%);
}
.details-page__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.details-page__image .details-img-caption {
  position: absolute;
  inset: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.details-page__image .details-img-caption::before {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(180deg, rgba(0, 76, 105, 0.48) 3.53%, rgba(0, 26, 36, 0.48) 73.2%);
  z-index: 1;
}
.details-page__image .details-img-caption__container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.details-page__image .details-img-caption__container img {
  display: block;
  width: 5rem;
  height: 5rem;
  object-fit: contain;
  flex-shrink: 0;
}
.details-page__image .details-img-caption__container .item-title {
  font-size: 1.375rem;
  font-family: "BahijTheSansArabic-Bold";
  margin-block: 1rem;
  line-height: 1.5;
  color: #fff;
  text-align: center;
}
.details-page__image .details-img-caption__container .item-description {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 1.5;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  font-size: 1rem;
  visibility: visible; /* this is a tricky to work correctly at IOS */
  color: #fff;
  max-width: 85%;
  text-align: center;
}
@supports not (-webkit-line-clamp: 3) {
  .details-page__image .details-img-caption__container .item-description {
    display: block;
    max-height: 72px;
    line-height: 1.5;
  }
}
@media (max-width: 991.98px) {
  .details-page__image .details-img-caption__container .item-description {
    max-width: 95%;
  }
}
.details-page__image.normal-image img {
  object-fit: contain;
  height: 25rem;
}
.details-page__image.normal-image::before, .details-page__image.normal-image::after {
  display: none;
}
.details-page__image.small-img {
  width: 100%;
  min-height: 18.75rem;
  border-radius: 1rem;
  overflow: hidden;
}
.details-page__image.small-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.offcanvas-backdrop {
  width: 100%;
  height: 100%;
}

.accordion {
  --bs-accordion-color: var(--clr-text-color);
  --bs-accordion-bg: #fff;
  --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(--clr-border);
  --bs-accordion-border-width: 1px;
  --bs-accordion-border-radius: .75rem;
  --bs-accordion-btn-padding-x: 1rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--clr-text-color);
  --bs-accordion-btn-bg: #fff;
  --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='%2336B0C9' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%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='%2336B0C9' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-body-padding-y: 1.5rem;
  --bs-accordion-body-padding-x: 1rem;
  --bs-accordion-active-color: var(--clr-text-color);
  --bs-accordion-active-bg: var(--clr-primary-100);
}
.accordion .accordion-item {
  border-top: 1px solid var(--clr-border);
  border-inline: 0;
  border-bottom: 0;
  border-radius: 0.75rem;
}
.accordion .accordion-button {
  gap: 0.75rem;
  font-family: "BahijTheSansArabic-SemiBold";
  font-size: 1.125rem;
  color: var(--clr-text-color);
  box-shadow: none;
}
.accordion .accordion-button .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
}
.accordion .accordion-button .icon svg {
  width: 1.5rem;
  height: 1.5rem;
}
.accordion .accordion-button:not(.collapsed) {
  color: var(--clr-text-color);
  box-shadow: none;
  background-color: var(--clr-primary-100);
}

button {
  background-color: transparent;
  border: 0;
  font-family: inherit;
}

.btn {
  --bs-btn-padding-y: .75rem;
  --bs-btn-padding-x: 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-family: "BahijTheSansArabic-SemiBold";
  font-size: 1rem;
  transition: all 0.3s ease;
  border-radius: 5rem;
  height: 3rem;
}
.btn:not(.btn-icon) {
  min-width: 7.5rem;
}
.btn .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
}
.btn .icon svg {
  width: 100%;
  height: 100%;
}
.btn.btn-icon {
  padding: 0;
  width: 3rem;
}

.btn-sm {
  padding: 0.5rem 1.5rem;
  font-size: 0.875rem;
  min-width: 5rem !important;
  height: 2.25rem;
}

.link-primary {
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-primary) !important;
  font-size: 0.875rem;
  transition: all 0.3s ease;
}
.link-primary:visited {
  color: var(--clr-primary) !important;
}
.link-primary:hover {
  color: var(--clr-secondary) !important;
}

.add-btn-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-family: "BahijTheSansArabic-SemiBold";
  font-size: 0.875rem;
  transition: all 0.3s ease;
  color: var(--clr-primary);
}
.add-btn-link .icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.add-btn-link .icon svg {
  width: 1rem;
  height: 1rem;
}
.add-btn-link:visited {
  color: var(--clr-primary);
}
.add-btn-link:hover {
  color: var(--clr-secondary);
}

.export-btn button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #fff;
  padding: 0.625rem 1.25rem;
  font-size: 0.875rem;
  font-family: "BahijTheSansArabic-SemiBold";
  color: #255465;
  border: 1px solid #CBD5E1;
  border-radius: 0.5rem;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.export-btn button svg {
  height: 1.125rem;
  width: 1.125rem;
  flex-shrink: 0;
}
.export-btn button:hover {
  background-color: #36B0C9;
  border-color: #36B0C9;
  color: #fff;
  box-shadow: 0 2px 4px rgba(54, 176, 201, 0.2);
}
.export-btn button:hover svg path {
  fill: #fff;
}
.export-btn button:active {
  background-color: #2A9BB8;
  border-color: #2A9BB8;
  transform: translateY(1px);
}
.export-btn .dropdown-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #fff;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--text-color);
  border: 0;
  border-radius: 5rem;
  transition: all 0.3s ease-in-out;
}
.export-btn .dropdown-toggle.with-border {
  border: 1px solid var(--clr-border-color);
}
.export-btn .dropdown-toggle svg {
  height: 1.125rem;
  width: 1.125rem;
}
.export-btn .dropdown-toggle::after {
  content: "";
  display: inline-block;
  height: 0.5rem;
  width: 0.75rem;
  margin: 0;
  border: 0;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='7' viewBox='0 0 13 7' fill='none'%3E%3Cpath d='M12 1L6.5 6L1 1' stroke='%2336B0C9'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.export-btn .dropdown-toggle:hover {
  background-color: var(--clr-primary-100);
}
.export-btn .dropdown-menu {
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-color: var(--text-color);
  --bs-dropdown-bg: #fff;
  --bs-dropdown-border-color: var(--clr-border-color);
  --bs-dropdown-border-radius: 0 0 1rem 1rem;
  --bs-dropdown-border-width: 1px;
  --bs-dropdown-inner-border-radius: 1rem;
  --bs-dropdown-divider-bg: var(--clr-border-color);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.24);
  --bs-dropdown-link-color: var(--text-color);
  --bs-dropdown-link-hover-color: var(--clr-primary);
  --bs-dropdown-link-hover-bg: var(--clr-primary-50);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: var(--clr-primary);
  --bs-dropdown-link-disabled-color: var(--text-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: .5rem;
  --bs-dropdown-header-color: var(--text-color);
  --bs-dropdown-header-padding-x: 0;
  --bs-dropdown-header-padding-y: 0;
}
.export-btn .dropdown-menu .dropdown-item {
  font-size: 0.875rem;
}
.export-btn .dropdown-menu > li:last-child .dropdown-item {
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--clr-primary);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--clr-secondary);
  --bs-btn-hover-border-color: none;
  --bs-btn-focus-shadow-rgb: none;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--clr-primary);
  --bs-btn-active-border-color: none;
  --bs-btn-disabled-bg: var(--clr-default);
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-disabled-color: var(--clr-gray-color);
  --bs-btn-disabled-opacity: 1;
  border: none !important;
}

.btn-primary-light {
  --bs-btn-color: var(--clr-primary);
  --bs-btn-bg: var(--clr-primary-50);
  --bs-btn-border-color: var(--clr-primary-100);
  --bs-btn-hover-color: var(--clr-primary);
  --bs-btn-hover-bg: var(--clr-primary-100);
  --bs-btn-hover-border-color: none;
  --bs-btn-focus-shadow-rgb: none;
  --bs-btn-active-color: var(--clr-primary);
  --bs-btn-active-bg: var(--clr-primary-100);
  --bs-btn-active-border-color: none;
  --bs-btn-disabled-bg: var(--clr-default);
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-disabled-color: var(--clr-default);
  --bs-btn-disabled-opacity: 1;
  border: none !important;
}

.btn-outline-primary {
  --bs-btn-color: var(--clr-primary);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--clr-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--clr-primary);
  --bs-btn-hover-border-color: var(--clr-primary);
  --bs-btn-focus-shadow-rgb: none;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--clr-primary);
  --bs-btn-active-border-color: var(--clr-primary);
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: var(--clr-default);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--clr-primary);
  --bs-gradient: none;
}
.btn-outline-primary:hover svg {
  filter: brightness(0) invert(1);
}

.btn-white {
  --bs-btn-color: var(--clr-text-color);
  --bs-btn-bg: #fff;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--clr-text-color);
  --bs-btn-hover-bg: var(--clr-primary-100);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: none;
  --bs-btn-active-color: var(--clr-text-color);
  --bs-btn-active-bg: var(--clr-primary-100);
  --bs-btn-active-border-color: transparent;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: var(--clr-default);
  --bs-btn-disabled-bg: var(--clr-placeholder);
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-disabled-opacity: 1;
}

.btn-secondary {
  --bs-btn-color: var(--text-default);
  --bs-btn-bg: var(-);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--text-default);
  --bs-btn-hover-bg: var(-);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: none;
  --bs-btn-active-color: var(--text-default);
  --bs-btn-active-bg: var(-);
  --bs-btn-active-border-color: none;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color: var(--global-text-default-disabled);
  --bs-btn-disabled-bg: var(--global-background-disabled);
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-disabled-opacity: 1;
  border: none !important;
}

.btn-outline-secondary {
  --bs-btn-color: var(--clr-text-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--clr-text-color);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--clr-text-color);
  --bs-btn-hover-border-color: var(--clr-text-color);
  --bs-btn-focus-shadow-rgb: none;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--clr-text-color);
  --bs-btn-active-border-color: var(--clr-text-color);
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: var(--clr-default);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--clr-text-color);
  --bs-gradient: none;
}
.btn-outline-secondary:hover svg {
  filter: brightness(0) invert(1);
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--clr-success);
  --bs-btn-border-color: var(--clr-success);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #28CA7B;
  --bs-btn-hover-border-color: #28CA7B;
  --bs-btn-focus-shadow-rgb: 47, 184, 9;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #28CA7B;
  --bs-btn-active-border-color: #28CA7B;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--clr-success);
  --bs-btn-disabled-border-color: var(--clr-success) ;
}

.btn-info {
  --bs-btn-color: var(--clr-text-color);
  --bs-btn-bg: var(--clr-info);
  --bs-btn-border-color: #2db6f5;
  --bs-btn-hover-color: var(--clr-text-color);
  --bs-btn-hover-bg: var(--clr-info);
  --bs-btn-hover-border-color: #42bdf6;
  --bs-btn-focus-shadow-rgb: 38, 155, 208;
  --bs-btn-active-color: var(--clr-text-color);
  --bs-btn-active-bg: var(--clr-info);
  --bs-btn-active-border-color: #42bdf6;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color: var(--clr-text-color);
  --bs-btn-disabled-bg: var(--clr-info);
  --bs-btn-disabled-border-color: #2db6f5 ;
}

.btn-warning {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--clr-warning);
  --bs-btn-border-color: var(--clr-warning);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--clr-warning);
  --bs-btn-hover-border-color: var(--clr-warning);
  --bs-btn-focus-shadow-rgb: 217, 160, 37;
  --bs-btn-active-color: var(--clr-text-color);
  --bs-btn-active-bg: var(--clr-warning);
  --bs-btn-active-border-color: var(--clr-warning);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color: var(--clr-text-color);
  --bs-btn-disabled-bg: var(--clr-warning);
  --bs-btn-disabled-border-color: var(--clr-warning);
}

.btn-outline-warning {
  --bs-btn-color: var(--clr-warning);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--clr-warning);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--clr-warning);
  --bs-btn-hover-border-color: var(--clr-warning);
  --bs-btn-focus-shadow-rgb: 217, 160, 37;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--clr-warning);
  --bs-btn-active-border-color: var(--clr-warning);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--clr-warning);
  --bs-btn-disabled-border-color: var(--clr-warning);
}

.btn-danger {
  --bs-btn-color: var(--clr-text-color);
  --bs-btn-bg: var(--clr-danger);
  --bs-btn-border-color: #fd5812;
  --bs-btn-hover-color: var(--clr-text-color);
  --bs-btn-hover-bg: var(--clr-danger);
  --bs-btn-hover-border-color: #fd692a;
  --bs-btn-focus-shadow-rgb: 215, 75, 15;
  --bs-btn-active-color: var(--clr-text-color);
  --bs-btn-active-bg: var(--clr-danger);
  --bs-btn-active-border-color: #fd692a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color: var(--clr-text-color);
  --bs-btn-disabled-bg: var(--clr-danger);
  --bs-btn-disabled-border-color: #fd5812 ;
}

.btn-outline-danger {
  --bs-btn-color: var(--clr-danger);
  --bs-btn-border-color: var(--clr-danger);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--clr-danger);
  --bs-btn-hover-border-color: var(--clr-danger);
  --bs-btn-focus-shadow-rgb: none;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--clr-danger);
  --bs-btn-active-border-color: var(--clr-danger);
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--clr-danger);
  --bs-btn-disabled-border-color: var(--clr-danger);
  --bs-gradient: none;
}
.btn-outline-danger:hover svg {
  filter: brightness(0) invert(1);
}

.btn-light {
  --bs-btn-color: var(--clr-text-color);
  --bs-btn-bg: #d5d9e2;
  --bs-btn-border-color: #d5d9e2;
  --bs-btn-hover-color: var(--clr-text-color);
  --bs-btn-hover-bg: #b5b8c0;
  --bs-btn-hover-border-color: #aaaeb5;
  --bs-btn-focus-shadow-rgb: 181, 184, 192;
  --bs-btn-active-color: var(--clr-text-color);
  --bs-btn-active-bg: #aaaeb5;
  --bs-btn-active-border-color: #a0a3aa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color: var(--clr-text-color);
  --bs-btn-disabled-bg: #d5d9e2;
  --bs-btn-disabled-border-color: #d5d9e2 ;
}

.btn-icon:not(.btn-primary, .btn-secondary, .btn-outline-secondary, .btn-danger, .btn-light, .btn-outline-danger) {
  --bs-btn-padding-x: 0;
  --bs-btn-padding-y: 0;
  --bs-btn-border-radius: 5rem;
  --bs-btn-color: var(--text-color);
  --bs-btn-bg: #fff;
  --bs-btn-border-color: var(--clr-border-color);
  --bs-btn-hover-color: var(--text-primary);
  --bs-btn-hover-bg: var(--clr-primary-100);
  --bs-btn-hover-border-color: var(--clr-primary-100);
  --bs-btn-active-shadow-rgb: none;
  --bs-btn-active-border-color: var(--clr-primary-100);
  --bs-btn-focus-border-color: var(--clr-primary-100);
  width: 3rem;
  height: 3rem;
}

.btn-view-toggle {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41808 10.001C7.7634 10.001 8.04308 10.281 8.04308 10.626V16.5312C8.04308 16.8762 7.76308 17.1562 7.41808 17.1562H1.51281C1.16781 17.1562 0.88781 16.8762 0.88781 16.5312V10.626C0.88781 10.281 1.16781 10.001 1.51281 10.001H7.41808ZM16.5001 10.001C16.8452 10.0012 17.1251 10.2811 17.1251 10.626V16.5312C17.1251 16.8761 16.8449 17.156 16.5001 17.1562H10.5939C10.2489 17.1562 9.96886 16.8762 9.96886 16.5312V10.626C9.96886 10.281 10.2489 10.001 10.5939 10.001H16.5001ZM7.41808 0.882812C7.7634 0.882812 8.04308 1.16281 8.04308 1.50781V7.41309C8.04308 7.75809 7.76308 8.03809 7.41808 8.03809H1.51281C1.16781 8.03809 0.88781 7.75809 0.88781 7.41309V1.50781C0.88781 1.16281 1.16781 0.882813 1.51281 0.882812H7.41808ZM16.5001 0.882812C16.8452 0.883043 17.1251 1.16295 17.1251 1.50781V7.41309C17.1251 7.75794 16.8449 8.03786 16.5001 8.03809H10.5939C10.2489 8.03809 9.96886 7.75809 9.96886 7.41309V1.50781C9.96886 1.16281 10.2489 0.882812 10.5939 0.882812H16.5001Z' fill='%23668793'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1rem;
}

.icon-download-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: 0;
  width: 3rem;
  height: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.74316 13.0768L8.36523 14.7115C8.82996 15.1605 9.37513 15.3844 10 15.3844C10.625 15.3844 11.17 15.1602 11.6348 14.7115L13.2695 13.0768H18.8467C19.1668 13.0769 19.4391 13.1896 19.6631 13.4137C19.8876 13.638 20 13.9105 20 14.2311V18.0768C20 18.3973 19.8876 18.6698 19.6631 18.8942C19.439 19.1184 19.1669 19.231 18.8467 19.2311H1.1543C0.833813 19.2311 0.561294 19.1184 0.336914 18.8942C0.11253 18.6698 0 18.3973 0 18.0768V14.2311C2.12338e-05 13.9105 0.112551 13.638 0.336914 13.4137C0.561299 13.1897 0.833946 13.0768 1.1543 13.0768H6.74316ZM14.6152 16.1539C14.4069 16.154 14.2266 16.2301 14.0742 16.3824C13.9221 16.5344 13.8467 16.7152 13.8467 16.9235C13.8467 17.1317 13.9221 17.3122 14.0742 17.4645C14.2266 17.6167 14.4069 17.693 14.6152 17.693C14.8235 17.693 15.0039 17.6166 15.1562 17.4645C15.3084 17.3122 15.3848 17.1316 15.3848 16.9235C15.3848 16.7151 15.3083 16.5344 15.1562 16.3824C15.0038 16.2302 14.8235 16.1539 14.6152 16.1539ZM17.6924 16.1539C17.4841 16.1539 17.3036 16.2301 17.1514 16.3824C16.9993 16.5345 16.9229 16.7152 16.9229 16.9235C16.9229 17.1317 16.9993 17.3122 17.1514 17.4645C17.3037 17.6167 17.4841 17.693 17.6924 17.693C17.9007 17.693 18.0813 17.6167 18.2334 17.4645C18.3858 17.3122 18.4619 17.1316 18.4619 16.9235C18.4619 16.7151 18.3857 16.5344 18.2334 16.3824C18.0812 16.2301 17.9007 16.154 17.6924 16.1539ZM11.5391 0.769165C11.7472 0.769223 11.9277 0.845468 12.0801 0.997681C12.2319 1.14986 12.3076 1.33051 12.3076 1.5387V6.92346H15.3848C15.7214 6.92363 15.9578 7.0798 16.0938 7.39221C16.2299 7.7206 16.1739 8.00076 15.9258 8.23303L10.541 13.6178C10.3967 13.7699 10.2164 13.8463 10 13.8463C9.78384 13.8463 9.60325 13.7698 9.45898 13.6178L4.07422 8.23303C3.82614 8.00082 3.77031 7.72034 3.90625 7.39221C4.04244 7.07988 4.27867 6.92354 4.61523 6.92346H7.69238V1.5387C7.69238 1.33035 7.76871 1.14991 7.9209 0.997681C8.07321 0.845424 8.25371 0.769165 8.46191 0.769165H11.5391Z' fill='%2336B0C9'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem;
  border-radius: 5rem;
  transition: all 0.3s ease-in-out;
}
.icon-download-btn:hover {
  background-color: var(--clr-primary-100);
}

.btn-list-toggle {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 3.5h14a1 1 0 0 1 0 2H2a1 1 0 0 1 0-2zm0 3h14a1 1 0 0 1 0 2H2a1 1 0 0 1 0-2zm0 3h14a1 1 0 0 1 0 2H2a1 1 0 0 1 0-2zm0 3h14a1 1 0 0 1 0 2H2a1 1 0 0 1 0-2z' fill='%23668793'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1rem;
}

.page-header {
  position: relative;
  margin-bottom: 1rem;
  z-index: 5;
  padding-block-start: 1.5rem;
  background: linear-gradient(90deg, var(--clr-secondary, #65baaf) 0%, #36b0c9 38.94%, #247c96 100%);
}
.page-header::before {
  position: absolute;
  inset: 0;
  content: "";
  background-image: url('wave-pattern.dad01da0e539cfc0.svg');
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 0;
  background-size: 100%;
  z-index: -1;
}
.page-header__top, .page-header__bottom {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  flex-wrap: wrap;
}
.page-header__top {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
@media (max-width: 1199.98px) {
  .page-header__top {
    margin-bottom: 0;
    border-bottom: 0;
  }
}
.page-header .main-logo {
  display: flex;
  align-items: center;
}
.page-header .main-logo img {
  height: 2rem;
  object-fit: contain;
}
@media (max-width: 767.98px) {
  .page-header .main-logo img {
    height: 1.75rem;
  }
}
.page-header .mobile-menu-toggle {
  display: none;
}
@media (max-width: 1199.98px) {
  .page-header .mobile-menu-toggle {
    display: flex;
  }
}
@media (max-width: 575.98px) {
  .page-header .mobile-menu-toggle {
    margin-inline-start: auto;
  }
}
[dir=rtl] .page-header .mobile-menu-toggle {
  transform: scaleX(-1);
}
.page-header__actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-inline-start: auto;
}
.page-header__actions .actions-list {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.page-header__actions .actions-list .action-item-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
  border-radius: 5rem;
  transition: all 0.3s ease-in-out;
  color: #fff;
  font-size: 0.875rem;
  font-family: "BahijTheSansArabic-SemiBold";
}
.page-header__actions .actions-list .action-item-btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.page-header__actions .actions-list .action-item-btn.active {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}
@media (max-width: 575.98px) {
  .page-header__actions {
    justify-content: center;
    flex: 1 0 auto;
    width: 100%;
    order: -1;
  }
}
.page-header .profile-dropdown .dropdown-toggle {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 5rem;
  transition: all 0.3s ease-in-out;
}
.page-header .profile-dropdown .dropdown-toggle:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.page-header .profile-dropdown .dropdown-toggle::after {
  margin-top: 0.5rem;
  order: -1;
}
.page-header .profile-dropdown .dropdown-toggle {
  display: flex;
  align-items: center;
}
.page-header .profile-dropdown .dropdown-toggle::after {
  content: "";
  display: inline-block;
  height: 0.5rem;
  width: 0.75rem;
  margin: 0;
  border: 0;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='7' viewBox='0 0 13 7' fill='none'%3E%3Cpath d='M12 1L6.5 6L1 1' stroke='%23fff'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.page-header .profile-dropdown .dropdown-menu {
  --bs-dropdown-min-width: 13rem;
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-color: var(--text-color);
  --bs-dropdown-bg: #fff;
  --bs-dropdown-border-color: var(--clr-border-color);
  --bs-dropdown-border-radius: 0 0 1rem 1rem;
  --bs-dropdown-border-width: 1px;
  --bs-dropdown-inner-border-radius: 1rem;
  --bs-dropdown-divider-bg: var(--clr-border-color);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  --bs-dropdown-link-color: var(--text-color);
  --bs-dropdown-link-hover-color: var(--clr-primary);
  --bs-dropdown-link-hover-bg: var(--clr-primary-50);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: var(--clr-primary);
  --bs-dropdown-link-disabled-color: var(--text-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 1rem;
  --bs-dropdown-header-color: var(--text-color);
  --bs-dropdown-header-padding-x: 0;
  --bs-dropdown-header-padding-y: 0;
  display: block;
  border: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  inset-inline-end: 0;
  transform: translateY(53px) !important;
  will-change: transform;
  border-bottom: 4px solid var(--clr-primary);
}
.page-header .profile-dropdown .dropdown-menu.show {
  inset: 0px 0px auto auto !important;
  opacity: 1;
  visibility: visible;
  margin-top: 0 !important;
  pointer-events: auto;
  transform: translateY(3.3125rem) !important;
  transition: all 0.3s ease-in-out;
}
[dir=rtl] .page-header .profile-dropdown .dropdown-menu.show {
  inset: 0px auto auto 0px !important;
}
.page-header .profile-dropdown .dropdown-menu .dropdown-item {
  font-size: 0.875rem;
}
.page-header .profile-dropdown .dropdown-menu > li:last-child .dropdown-item {
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.page-header .profile-dropdown:has(.dropdown-menu.show) .dropdown-toggle {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.page-header .profile-dropdown:hover .dropdown-toggle {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.page-header .profile-dropdown:hover .dropdown-menu {
  pointer-events: auto;
  inset: 0px 0px auto auto !important;
  opacity: 1;
  visibility: visible;
  margin-top: 0 !important;
  transform: translateY(3.3125rem) !important;
  transition: all 0.3s ease-in-out;
}
[dir=rtl] .page-header .profile-dropdown:hover .dropdown-menu {
  inset: 0px auto auto 0 !important;
}
.page-header .profile-info {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.page-header .profile-info__details {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
@media (max-width: 767.98px) {
  .page-header .profile-info__details {
    display: none;
  }
}
.page-header .profile-info__details .name {
  font-size: 1rem;
  color: #fff;
  font-family: "BahijTheSansArabic-SemiBold";
}
.page-header .profile-info__details .role {
  font-size: 0.875rem;
  color: #fff;
  font-family: "BahijTheSansArabic-Light";
}
.page-header .profile-info__img img {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
}

.navbar {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.navbar .navbar-nav {
  gap: 0.25rem;
}
.navbar .nav-item {
  padding-block: 0 1rem;
}
.navbar .nav-item .nav-link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-family: "BahijTheSansArabic-SemiBold";
  font-size: 0.9375rem;
  transition: all 0.3s ease-in-out;
  color: rgba(255, 255, 255, 0.85);
  padding: 0.5rem 1.5rem;
  border-radius: 5rem;
}
.navbar .nav-item .nav-link:visited {
  color: rgba(255, 255, 255, 0.85);
}
.navbar .nav-item .nav-link.active {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}
.navbar .nav-item .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.offcanvas .navbar .nav-item {
  width: 100%;
}
.navbar .dropdown .dropdown-toggle {
  display: flex;
  align-items: center;
}
.navbar .dropdown .dropdown-toggle::after {
  content: "";
  display: inline-block;
  height: 0.5rem;
  width: 0.75rem;
  margin: 0;
  border: 0;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='7' viewBox='0 0 13 7' fill='none'%3E%3Cpath d='M12 1L6.5 6L1 1' stroke='%23fff'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.navbar .dropdown .dropdown-menu {
  --bs-dropdown-min-width: 13rem;
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-color: var(--text-color);
  --bs-dropdown-bg: #fff;
  --bs-dropdown-border-color: var(--clr-border-color);
  --bs-dropdown-border-radius: 0 0 1rem 1rem;
  --bs-dropdown-border-width: 1px;
  --bs-dropdown-inner-border-radius: 1rem;
  --bs-dropdown-divider-bg: var(--clr-border-color);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  --bs-dropdown-link-color: var(--text-color);
  --bs-dropdown-link-hover-color: var(--clr-primary);
  --bs-dropdown-link-hover-bg: var(--clr-primary-50);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: var(--clr-primary);
  --bs-dropdown-link-disabled-color: var(--text-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 1rem;
  --bs-dropdown-header-color: var(--text-color);
  --bs-dropdown-header-padding-x: 0;
  --bs-dropdown-header-padding-y: 0;
  border-bottom: 4px solid var(--clr-primary);
  display: block;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  inset-inline-start: 0;
  transform: translateY(40px) !important;
  will-change: transform;
}
.navbar .dropdown .dropdown-menu.show {
  inset: 0px 0px auto auto !important;
  opacity: 1;
  visibility: visible;
  margin-top: 0 !important;
  pointer-events: auto;
  transform: translateY(3.3125rem) !important;
  transition: all 0.3s ease-in-out;
}
[dir=rtl] .navbar .dropdown .dropdown-menu.show {
  inset: 0px 0 auto auto !important;
}
.navbar .dropdown .dropdown-menu .dropdown-item {
  font-size: 0.875rem;
}
.navbar .dropdown .dropdown-menu > li:last-child .dropdown-item {
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.navbar .dropdown:has(.dropdown-menu.show) .nav-link {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.navbar .dropdown:hover .nav-link {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.navbar .dropdown:hover .dropdown-menu {
  pointer-events: auto;
  inset: 0px 0px auto auto !important;
  opacity: 1;
  visibility: visible;
  margin-top: 0 !important;
  transform: translateY(3.3125rem) !important;
  transition: all 0.3s ease-in-out;
}
[dir=rtl] .navbar .dropdown:hover .dropdown-menu {
  inset: 0px 0 auto auto !important;
}
@media (max-width: 991.98px) {
  .page-header .navbar {
    display: none;
  }
}

.offcanvas {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.85) 100%);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  transition: transform 0.3s ease-in-out;
}
.offcanvas .offcanvas-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 1.5rem;
}
.offcanvas .offcanvas-header .offcanvas-title {
  font-size: 1.125rem;
  color: var(--clr-text-color);
  margin: 0;
  font-family: "BahijTheSansArabic-SemiBold";
}
.offcanvas .offcanvas-header .btn-close {
  background: none;
  border: 0;
  font-size: 1.5rem;
  color: #333 !important;
  opacity: 0.7;
  transition: opacity 0.3s ease;
  filter: none !important;
}
.offcanvas .offcanvas-header .btn-close:hover {
  opacity: 1;
  color: #000 !important;
}
.offcanvas .offcanvas-header .btn-close::before {
  content: "×";
  font-size: 1.75rem;
  line-height: 1;
  color: #333;
}
.offcanvas .offcanvas-body {
  padding: 1.5rem;
}
.offcanvas .offcanvas-body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.offcanvas .offcanvas-body::-webkit-scrollbar-thumb {
  background: #36B0C9;
  border-radius: 4px;
}
.offcanvas .offcanvas-body::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}
.offcanvas .offcanvas-body {
  scrollbar-face-color: #36B0C9;
  scrollbar-track-color: rgba(255, 255, 255, 0.1);
}
.offcanvas .offcanvas-body .navbar-nav {
  gap: 0.75rem;
  width: 100%;
}
.offcanvas .offcanvas-body .navbar-nav .nav-item {
  width: 100%;
}
.offcanvas .offcanvas-body .navbar-nav .nav-item .nav-link {
  display: block;
  width: 100%;
  padding: 1rem;
  color: var(--clr-text-color);
  font-size: 1rem;
  font-family: "BahijTheSansArabic-SemiBold";
  text-decoration: none;
  border-radius: 0.5rem;
  transition: all 0.3s ease;
}
.offcanvas .offcanvas-body .navbar-nav .nav-item .nav-link:hover {
  background-color: var(--clr-primary-100);
  color: var(--clr-primary);
}
.offcanvas .offcanvas-body .navbar-nav .nav-item .nav-link.active {
  background-color: var(--clr-primary);
  color: #fff;
}
.offcanvas .offcanvas-body .navbar-nav .nav-item .nav-link.dropdown-toggle {
  position: relative;
  padding-inline-end: 2rem;
}
.offcanvas .offcanvas-body .navbar-nav .nav-item .nav-link.dropdown-toggle::after {
  position: absolute;
  inset-inline-end: 1rem;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  border: 0;
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M4 6L8 10L12 6' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: transform 0.3s ease;
}
.offcanvas .offcanvas-body .navbar-nav .nav-item .nav-link.dropdown-toggle[aria-expanded=true] {
  background-color: var(--clr-primary);
  color: #fff;
}
.offcanvas .offcanvas-body .navbar-nav .nav-item .nav-link.dropdown-toggle[aria-expanded=true]::after {
  transform: translateY(-50%) rotate(180deg);
  filter: brightness(0) invert(1);
}
.offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-menu {
  position: static !important;
  display: none;
  transform: none !important;
  inset: auto !important;
  margin: 0;
  padding: 0;
  border: 0;
  background: #fff;
  box-shadow: none;
  width: 100%;
}
.offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-menu.show {
  display: block;
  margin-top: 0.25rem;
  animation: slideDown 0.3s ease-in-out;
}
.offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-menu .dropdown-item {
  display: block;
  color: var(--clr-text-color);
  font-size: 0.875rem;
  text-decoration: none;
  transition: all 0.3s ease;
  width: 100%;
}
.offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
  background-color: var(--clr-primary-100);
  color: var(--clr-primary);
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.page-footer {
  position: relative;
  padding-block: 1.5rem;
  background: linear-gradient(to left, var(--clr-secondary, #65BAAF) 0%, #36B0C9 38.94%, #247C96 100%);
}

.copyright {
  color: #fff;
  font-family: "BahijTheSansArabic-SemiBold";
  font-size: 1rem;
  margin-block: 0;
  text-align: center;
}

.form-label {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding-inline-start: 1rem;
  color: var(--clr-text-color);
  font-family: "BahijTheSansArabic-SemiBold";
  font-size: 1rem;
  margin-bottom: 0.6125rem;
}
.form-label .text-muted {
  font-size: 0.875rem;
  color: var(--clr-gray-color);
}
.form-label .form-check {
  display: inline-flex;
}
.form-label .form-check .form-check-input {
  width: 1.25rem;
  height: 1.25rem;
}
.form-label .form-check .form-check-label {
  font-size: 0.875rem;
  font-family: "BahijTheSansArabic-SemiBold";
  margin-bottom: 0;
}

label.required::after {
  content: "*";
  margin-inline-start: 4px;
  color: #d92d20;
}

.form-control {
  --bs-input-placeholder-color: var(--clr-placeholder);
}

.form-control,
.form-select {
  padding: 0.75rem 1.25rem;
  border: 1px solid var(--clr-border-color);
  font-size: 1rem;
  border-radius: 5rem;
  height: auto;
  color: var(--clr-text-color);
  outline: none !important;
  box-shadow: none !important;
}
.form-control::placeholder,
.form-select::placeholder {
  color: var(--clr-placeholder);
}
.form-control:is(:active, :focus),
.form-select:is(:active, :focus) {
  border-color: var(--clr-primary);
}
.form-control.disabled,
.form-select.disabled {
  opacity: 0.7;
  cursor: not-allowed;
  -webkit-user-select: none;
          user-select: none;
  background-color: #f8f9fa;
}

.form-select {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L7 7L1 1' stroke='%2336B0C9' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-position-x: 1.25rem;
  background-size: 1rem;
  background-position-y: center;
}
[dir=ltr] .form-select {
  background-position-x: calc(100% - 1.25rem);
  background-repeat: no-repeat;
}
.form-select option {
  padding-block: 0.5rem;
  color: var(--clr-text-color);
}

.search-control {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7857 13.6086L12.0831 10.906C12.9022 9.83374 13.3514 8.53318 13.3516 7.16081C13.3516 5.50696 12.7075 3.95199 11.5378 2.78255C10.3684 1.61312 8.81362 0.968994 7.15957 0.968994C5.50572 0.968994 3.95074 1.61312 2.78131 2.78255C0.367167 5.1969 0.367167 9.12512 2.78131 11.5391C3.95074 12.7087 5.50572 13.3528 7.15957 13.3528C8.53194 13.3526 9.8325 12.9034 10.9047 12.0844L13.6073 14.7869C13.7699 14.9497 13.9833 15.0311 14.1965 15.0311C14.4097 15.0311 14.6231 14.9497 14.7857 14.7869C15.1112 14.4616 15.1112 13.9339 14.7857 13.6086ZM3.9597 10.3607C2.19537 8.59635 2.19558 5.72546 3.9597 3.96094C4.81439 3.10645 5.95087 2.63566 7.15957 2.63566C8.36847 2.63566 9.50474 3.10645 10.3594 3.96094C11.2141 4.81563 11.6849 5.95211 11.6849 7.16081C11.6849 8.36971 11.2141 9.50598 10.3594 10.3607C9.50474 11.2154 8.36847 11.6862 7.15957 11.6862C5.95087 11.6862 4.81439 11.2154 3.9597 10.3607Z' fill='%2336B0C9'/%3E%3C/svg%3E%0A");
  background-position-x: 1.25rem;
  background-size: 1rem;
  background-position-y: center;
  background-repeat: no-repeat;
}
[dir=ltr] .search-control {
  background-position-x: calc(100% - 1.25rem);
  background-repeat: no-repeat;
}

.datepicker-control {
  padding-inline-end: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='21' viewBox='0 0 18 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 8.83984C17.5499 8.83984 17.9999 9.28996 18 9.83984V16C18 19 16.5 21 13 21H5C1.5 21 0 19 0 16V9.83984C0.000138864 9.28996 0.450085 8.83984 1 8.83984H17ZM5.7002 15.5205C5.50023 15.4805 5.30009 15.5001 5.12012 15.5801C4.99014 15.6301 4.89002 15.7001 4.79004 15.79C4.61006 15.98 4.50003 16.24 4.5 16.5C4.5 16.76 4.61007 17.02 4.79004 17.21C4.89004 17.3 4.99012 17.3699 5.12012 17.4199C5.24011 17.4699 5.37001 17.5 5.5 17.5C5.57 17.5 5.6302 17.4905 5.7002 17.4805C5.76014 17.4705 5.81993 17.4499 5.87988 17.4199C5.93979 17.4 5.99967 17.37 6.05957 17.3301C6.10957 17.3001 6.15996 17.25 6.20996 17.21C6.38993 17.02 6.5 16.76 6.5 16.5C6.49997 16.24 6.38994 15.98 6.20996 15.79L6.05957 15.6699C6.02957 15.6499 5.99973 15.6322 5.96973 15.6172L5.79004 15.543C5.76008 15.533 5.73016 15.5255 5.7002 15.5205ZM9.70996 15.79C9.33997 15.4201 8.66003 15.4201 8.29004 15.79C8.11006 15.98 8.00003 16.24 8 16.5C8 16.76 8.11007 17.02 8.29004 17.21C8.48004 17.39 8.74 17.5 9 17.5C9.26 17.5 9.51996 17.39 9.70996 17.21C9.88993 17.02 10 16.76 10 16.5C9.99997 16.24 9.88994 15.98 9.70996 15.79ZM13.21 15.79C12.84 15.4201 12.16 15.4201 11.79 15.79C11.6101 15.98 11.5 16.24 11.5 16.5C11.5 16.76 11.6101 17.02 11.79 17.21C11.98 17.39 12.24 17.5 12.5 17.5C12.76 17.5 13.02 17.39 13.21 17.21C13.3899 17.02 13.5 16.76 13.5 16.5C13.5 16.24 13.3899 15.98 13.21 15.79ZM5.87988 12.0801C5.50993 11.9202 5.07001 12.0101 4.79004 12.29C4.61006 12.48 4.50003 12.74 4.5 13C4.5 13.26 4.61007 13.52 4.79004 13.71C4.98004 13.89 5.24 14 5.5 14C5.76 14 6.01996 13.89 6.20996 13.71C6.38993 13.52 6.5 13.26 6.5 13C6.49997 12.74 6.38994 12.48 6.20996 12.29C6.11997 12.2001 6.00986 12.1301 5.87988 12.0801ZM9.70996 12.29C9.42999 12.0101 8.99007 11.9202 8.62012 12.0801C8.49014 12.1301 8.38003 12.2001 8.29004 12.29C8.11006 12.48 8.00003 12.74 8 13C8 13.26 8.11007 13.52 8.29004 13.71C8.48004 13.89 8.74 14 9 14C9.07 14 9.1302 13.9905 9.2002 13.9805C9.26014 13.9705 9.31993 13.9499 9.37988 13.9199C9.43979 13.9 9.49967 13.87 9.55957 13.8301C9.60957 13.7901 9.65996 13.75 9.70996 13.71C9.88993 13.52 10 13.26 10 13C9.99997 12.74 9.88994 12.48 9.70996 12.29ZM12.7002 12.0205C12.5002 11.9805 12.3001 12.0001 12.1201 12.0801C11.9901 12.1301 11.89 12.2001 11.79 12.29C11.6101 12.48 11.5 12.74 11.5 13C11.5 13.26 11.6101 13.52 11.79 13.71C11.98 13.89 12.24 14 12.5 14C12.56 14 12.6302 13.9905 12.7002 13.9805C12.7601 13.9705 12.8199 13.9499 12.8799 13.9199C12.9398 13.9 12.9997 13.87 13.0596 13.8301C13.1096 13.7901 13.16 13.75 13.21 13.71C13.3899 13.52 13.5 13.26 13.5 13C13.5 12.74 13.3899 12.48 13.21 12.29C13.16 12.2501 13.1096 12.2099 13.0596 12.1699C13.0296 12.1499 12.9997 12.1322 12.9697 12.1172L12.79 12.043C12.7601 12.033 12.7302 12.0255 12.7002 12.0205ZM13 0.25C13.41 0.25 13.75 0.59 13.75 1V2.55957C16.4498 2.80955 17.7598 4.41982 17.96 6.80957C17.99 7.08957 17.75 7.33984 17.46 7.33984H0.540039C0.260121 7.33974 0.0200436 7.0995 0.0400391 6.80957C0.24015 4.41985 1.55028 2.80961 4.25 2.55957V1C4.25 0.590076 4.5901 0.250127 5 0.25C5.41 0.25 5.75 0.59 5.75 1V2.5H12.25V1C12.25 0.590066 12.5901 0.25011 13 0.25Z' fill='%2336B0C9'/%3E%3C/svg%3E%0A");
  background-position-x: 1.25rem;
  background-repeat: no-repeat;
  background-position-y: center;
}
[dir=ltr] .datepicker-control {
  background-position-x: calc(100% - 1.25rem);
}

textarea.form-control {
  border-radius: 1rem;
}

.upload-control {
  background-color: #fff;
  border-radius: 4rem;
  border: 1px solid var(--clr-border-color);
}
.upload-control input {
  border-inline-end: 0;
  border: 0;
  background-color: transparent;
}
.upload-control input::file-selector-button {
  display: none;
}
.upload-control .input-group-text {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 4rem !important;
  padding-inline: 2rem;
  background-color: var(--clr-tertiary);
  border: 0;
  color: #fff;
  transition: all 0.3s ease-in-out;
}
.upload-control .input-group-text svg {
  height: 1rem;
  width: 1rem;
  object-fit: contain;
}
.upload-control .input-group-text .title {
  font-size: 1rem;
}
.upload-control .input-group-text:hover {
  background-color: var(--clr-secondary);
}

.form-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  margin-block: 3rem;
}
.form-actions .btn {
  min-width: 6.25rem;
}
.search-accordion .form-actions {
  margin-block: 1.5rem 0;
}
.form-actions.with-top-border {
  border-top: 1px solid var(--clr-border-color);
  padding-top: 1.5rem;
}
@media (max-width: 575.98px) {
  .form-actions {
    flex-direction: column;
    gap: 1rem;
  }
  .form-actions .btn {
    width: 100%;
  }
  .form-actions .btn-primary {
    order: -1;
  }
}

.required-message {
  padding: 5rem 1rem;
  color: #d92d20;
}

.label-with-info-tooltip {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.label-with-info-tooltip .form-label {
  margin: 0;
}

.form-check-group {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.form-check {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.form-check-input {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  background-color: var(--clr-primary-50);
  border-color: var(--clr-border-color);
}
.form-check-input:checked {
  outline: none;
  box-shadow: none;
}
.form-check-input:focus, .form-check-input:focus-visible,
.form-check-input :active, .form-check-input:focus-within {
  outline: none;
  box-shadow: none;
  background-color: var(--clr-primary-50);
}
.form-check-input[type=checkbox]:checked {
  background-color: var(--clr-primary);
  border-color: var(--clr-primary);
}
.form-check-input[type=radio]:checked {
  background-color: #fff;
  border-color: var(--clr-primary);
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%2336B0C9'/%3e%3c/svg%3e");
}
.form-check-label {
  font-size: 1rem;
  font-family: "BahijTheSansArabic-SemiBold";
  margin-bottom: 0;
}
.form-check:is(:hover, :focus) .form-check-input {
  border-color: var(--clr-primary);
}

.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23668793'/%3e%3c/svg%3e");
  width: 2.5rem;
  height: 1.5rem;
  border-color: var(--clr-primary-100);
  border-radius: 5rem;
  background-color: var(--clr-primary-50);
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23668793'/%3e%3c/svg%3e");
  box-shadow: none;
}
.form-switch .form-check-input:checked {
  background-color: var(--clr-primary);
  border-color: var(--clr-primary);
}
.form-switch .form-check-input:checked:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch .form-check-label {
  font-size: 1rem;
  color: var(--clr-gray-color);
  margin-bottom: 0;
}

.input-group input {
  border-inline-end-color: #fff;
}
.input-group .input-group-text {
  background-color: #fff;
  border-inline-end-color: var(--clr-border-color);
  color: var(--clr-gray-color);
  font-size: 1rem;
  font-family: "BahijTheSansArabic-SemiBold";
  padding-inline: 1rem;
  border-radius: 5rem;
  border: 1px solid var(--clr-border-color);
  border-inline-start: 0;
}

.check-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.check-group__item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.check-group__item .check-group-label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex: 1;
  background-color: var(--clr-primary-50);
  border: 1px solid var(--clr-primary-100);
  padding: 0.5rem 1.5rem;
  border-radius: 5rem;
  color: var(--clr-text-color);
}
.check-group__item:has(input:checked) .check-group-label {
  background-color: var(--clr-primary);
  border-color: var(--clr-primary);
  color: #fff;
}
.check-group__item.danger:has(input:checked) .check-group-label {
  background-color: var(--clr-danger);
  border-color: var(--clr-danger);
  color: #fff;
}

.card {
  --bs-card-spacer-y: 1.5rem;
  --bs-card-spacer-x: 1.5rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: var(--clr-text-color);
  --bs-card-subtitle-color: var(--clr-gray-color);
  --bs-card-border-width: 0;
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: none;
  --bs-card-inner-border-radius: 1rem;
  --bs-card-cap-padding-y: 1.5rem 1.5rem;
  --bs-card-cap-padding-x: 0 1.5rem;
  --bs-card-cap-bg: transparent;
  --bs-card-cap-color: var(--clr-text-color);
  --bs-card-height: auto;
  --bs-card-color: var(--clr-text-color);
  --bs-card-bg: #fff;
  --bs-card-group-margin: 0.75rem;
}

.with-counter {
  counter-reset: agreement-item-counter;
}

.dataView-with-title {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.dataView-with-title .title {
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-gray-color);
  font-size: 1rem;
}
.dataView-with-title .value {
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-text-color);
  font-size: 1rem;
}

.cards-main__header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.cards-main__header__title {
  margin: 0;
  font-size: 1.5rem;
}
.cards-main__header__actions {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.module-statistics-card {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
  padding: 2.5rem 1rem;
  background: #fff;
  border-start-start-radius: 3rem;
}
.module-statistics-card__title {
  font-size: 1rem;
  font-weight: 500;
  color: var(--clr-gray-color);
}
.module-statistics-card__subtitle {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--clr-danger);
}
.module-statistics-card__subtitle.success {
  color: var(--clr-success);
}
.module-statistics-card__subtitle.warning {
  color: var(--clr-warning);
}
.module-statistics-card__subtitle.danger {
  color: var(--clr-danger);
}
.module-statistics-card__item {
  position: relative;
  flex: 1;
  min-width: 12.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.module-statistics-card__item .module-statistics-count {
  font-size: 2rem;
  color: var(--clr-primary);
  font-family: "BahijTheSansArabic-Bold";
}
.module-statistics-card__item .module-statistics-count .sub-text {
  font-size: 0.875rem;
  color: var(--clr-placeholder);
}
.module-statistics-card__item .module-statistics-count.info {
  color: var(--clr-info);
}
.module-statistics-card__item .module-statistics-count.success {
  color: var(--clr-success);
}
.module-statistics-card__item .module-statistics-count.warning {
  color: var(--clr-warning);
}
.module-statistics-card__item .module-statistics-count.danger {
  color: var(--clr-danger);
}
.module-statistics-card__item .module-statistics-count.gray {
  color: var(--clr-gray-color);
}
.module-statistics-card__item .module-statistics-count.primary {
  color: var(--clr-primary);
}
.module-statistics-card__item .module-statistics-count.secondary {
  color: var(--clr-secondary);
}
.module-statistics-card__item .module-statistics-count.purple {
  color: #5856D6;
}
.module-statistics-card__item .module-statistics-count.default {
  color: var(--clr-text-color);
}
.module-statistics-card__item:not(:last-child) {
  padding-inline-end: 2rem;
}
.module-statistics-card__item:not(:last-child)::after {
  content: "";
  position: absolute;
  inset-inline-end: 0;
  inset-block: 0;
  margin-block: auto;
  width: 1px;
  height: 1.875rem;
  background-color: var(--clr-border-color);
}

.partner-badge {
  display: inline-flex;
  font-size: 0.875rem;
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-text-color);
  padding: 0.25rem 1rem;
  background-color: var(--clr-primary-50);
  border: 1px solid var(--clr-primary-100);
  border-radius: 5rem;
}
.partner-badge.white {
  background-color: #fff;
  color: var(--clr-primary);
  border: 1px solid var(--clr-border-color);
}

.hint-danger {
  color: var(--clr-danger);
  font-family: "BahijTheSansArabic-SemiBold";
  font-size: 0.875rem;
}

.user-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.user-container .user-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.125rem;
  height: 1.125rem;
  background-image: url("data:image/svg+xml,%3Csvg width='11.5' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 13C12 13.2273 11.9097 13.4453 11.7489 13.6061C11.5882 13.7668 11.3702 13.8571 11.1429 13.8571H0.857143C0.629814 13.8571 0.411797 13.7668 0.251052 13.6061C0.0903062 13.4453 0 13.2273 0 13C0 11.636 0.541835 10.3279 1.50631 9.36342C2.47078 8.39894 3.77889 7.85711 5.14286 7.85711H6.85714C8.22111 7.85711 9.52922 8.39894 10.4937 9.36342C11.4582 10.3279 12 11.636 12 13ZM6 0.142822C5.32189 0.142822 4.65901 0.343904 4.09519 0.720641C3.53136 1.09738 3.09191 1.63285 2.83241 2.25934C2.57291 2.88583 2.50501 3.5752 2.63731 4.24027C2.7696 4.90535 3.09614 5.51627 3.57563 5.99576C4.05513 6.47525 4.66604 6.80179 5.33112 6.93409C5.9962 7.06638 6.68557 6.99848 7.31206 6.73898C7.93855 6.47948 8.47402 6.04003 8.85075 5.47621C9.22749 4.91238 9.42857 4.2495 9.42857 3.57139C9.42857 2.66208 9.06735 1.79001 8.42437 1.14703C7.78138 0.504046 6.90931 0.142822 6 0.142822Z' fill='%23668793'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.user-container .user-name {
  font-family: "BahijTheSansArabic-SemiBold";
  font-size: 0.875rem;
}
.user-container .user-name span {
  color: var(--clr-primary);
  font-family: "BahijTheSansArabic-Bold";
}
.user-container .date {
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-gray-color);
  font-size: 0.875rem;
}

.contact-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.contact-item .icon {
  display: inline-flex;
  flex-shrink: 0;
  width: 1.125rem;
  height: 1.125rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.contact-item .icon.call {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.656 2.34229C10.5314 -0.781426 5.46601 -0.780676 2.34229 2.34401C-0.781426 5.4687 -0.780676 10.534 2.34401 13.6577C5.4687 16.7814 10.534 16.7807 13.6577 13.656C15.1579 12.1554 16.0005 10.1202 16 7.99829C15.9996 5.87673 15.1564 3.84223 13.656 2.34229ZM12.1157 11.1439C12.1154 11.1443 12.115 11.1446 12.1147 11.145V11.1423L11.7093 11.545C11.1851 12.0758 10.4216 12.2942 9.69598 12.121C8.96489 11.9253 8.26989 11.6138 7.63732 11.1983C7.04964 10.8227 6.50501 10.3837 6.01332 9.88898C5.56092 9.43989 5.15448 8.94676 4.79998 8.41698C4.41223 7.84692 4.10532 7.22592 3.88798 6.57164C3.63882 5.80301 3.84529 4.95961 4.42132 4.39298L4.89598 3.91832C5.02795 3.78576 5.24239 3.78529 5.37492 3.91726C5.37526 3.91761 5.37564 3.91795 5.37598 3.91832L6.87464 5.41698C7.0072 5.54895 7.00767 5.76339 6.8757 5.89592C6.87536 5.89626 6.87501 5.89661 6.87464 5.89698L5.99464 6.77698C5.74214 7.02673 5.71039 7.42361 5.91998 7.71032C6.23826 8.14714 6.59048 8.55817 6.97332 8.93967C7.40017 9.36835 7.8642 9.75832 8.35998 10.105C8.64645 10.3048 9.03482 10.2711 9.28264 10.025L10.1333 9.16101C10.2653 9.02845 10.4797 9.02798 10.6122 9.15995C10.6126 9.16029 10.6129 9.16064 10.6133 9.16101L12.1146 10.665C12.2472 10.7969 12.2477 11.0114 12.1157 11.1439Z' fill='%23668793'/%3E%3C/svg%3E%0A");
}
.contact-item .icon.email {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.96875 0C12.3628 0 16 3.57469 16 7.96875C16 12.3628 12.3628 16 7.96875 16C3.57469 16 0 12.3628 0 7.96875C0 3.57469 3.57469 0 7.96875 0ZM8.03125 2.8125C5.18809 2.8125 2.875 5.12559 2.875 7.96875C2.875 10.8119 5.18809 13.125 8.03125 13.125C9.17696 13.125 10.2611 12.7578 11.167 12.0625C11.6563 11.6868 11.0901 10.9412 10.5957 11.3184C9.85548 11.8869 8.96875 12.1875 8.03125 12.1875C5.70491 12.1875 3.8125 10.2951 3.8125 7.96875C3.8125 5.64241 5.70491 3.75 8.03125 3.75C10.174 3.75 12.25 5.30028 12.25 8.4375C12.25 8.95431 11.8293 9.375 11.3125 9.375C10.7957 9.375 10.375 8.95431 10.375 8.4375V6.09375C10.375 5.83466 10.1653 5.625 9.90625 5.625C9.64716 5.625 9.4375 5.83466 9.4375 6.09375V6.10547C9.04458 5.80808 8.56082 5.625 8.03125 5.625C6.73897 5.625 5.6875 6.67647 5.6875 7.96875C5.6875 9.26103 6.73897 10.3125 8.03125 10.3125C8.72969 10.3125 9.3505 9.99901 9.78027 9.5127C10.1198 9.99504 10.679 10.3125 11.3125 10.3125C12.3466 10.3125 13.1875 9.47159 13.1875 8.4375C13.1875 4.72297 10.6218 2.8125 8.03125 2.8125ZM8.03125 6.5625C8.80669 6.5625 9.4375 7.19331 9.4375 7.96875C9.4375 8.74419 8.80669 9.375 8.03125 9.375C7.25581 9.375 6.625 8.74419 6.625 7.96875C6.625 7.19331 7.25581 6.5625 8.03125 6.5625Z' fill='%23668793'/%3E%3C/svg%3E%0A");
}
.contact-item .title {
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-gray-color);
  font-size: 1rem;
}

.badge {
  font-size: 0.875rem;
  font-weight: normal;
  color: var(--clr-text-color);
  padding: 0.5rem 0.75rem;
  border-radius: 5rem;
  background-color: var(--clr-primary-50);
  border: 1px solid var(--clr-primary-100);
}
.badge.primary-badge {
  background-color: var(--clr-primary);
  border: 1px solid var(--clr-primary);
  color: #fff;
}
.badge.success-badge {
  background-color: var(--clr-success);
  border: 1px solid var(--clr-success);
  color: #fff;
}
.badge.warning-badge {
  background-color: var(--clr-warning);
  border: 1px solid var(--clr-warning);
  color: #fff;
}
.badge.danger-badge {
  background-color: var(--clr-danger);
  border: 1px solid var(--clr-danger);
  color: #fff;
}
.badge.info-badge {
  background-color: var(--clr-info);
  border: 1px solid var(--clr-info);
  color: #fff;
}
.badge.default-badge {
  background-color: var(--clr-text-color);
  border: 1px solid var(--clr-text-color);
  color: #fff;
}

.text-badge {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
}
.text-badge .icon svg {
  width: 0.875rem;
  height: 0.875rem;
}
.text-badge.warning {
  color: var(--clr-warning);
}
.text-badge.success {
  color: var(--clr-success);
}
.text-badge.danger {
  color: var(--clr-danger);
}
.text-badge.info {
  color: var(--clr-info);
}
.text-badge.default {
  color: var(--clr-text-color);
}

.item-text {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.item-text .title {
  color: var(--clr-gray-color);
}
.item-text .value {
  font-family: "BahijTheSansArabic-SemiBold";
}

.icon-actions-list {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.icon-actions-list .action-btn {
  display: inline-flex;
  height: 1.5rem;
  width: 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem;
  padding: 0;
  transition: all 0.3s ease-out;
}
.icon-actions-list .action-btn.print-btn {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M14.25 17.0625C14.25 17.5803 13.8303 18 13.3125 18H6.625C6.10722 18 5.6875 17.5803 5.6875 17.0625V11.9688H14.25V17.0625ZM8.71875 15.0312C8.45987 15.0312 8.25 15.2411 8.25 15.5C8.25 15.7589 8.45987 15.9688 8.71875 15.9688H11.2188C11.4776 15.9688 11.6875 15.7589 11.6875 15.5C11.6875 15.2411 11.4776 15.0312 11.2188 15.0312H8.71875ZM15.625 6.03125C16.9173 6.03125 17.9688 7.08266 17.9688 8.375V12.125C17.9688 13.4173 16.9173 14.4688 15.625 14.4688H15.1875V11.9688H15.4688C15.7276 11.9688 15.9375 11.7589 15.9375 11.5C15.9375 11.2411 15.7276 11.0312 15.4688 11.0312H4.46875C4.20987 11.0312 4 11.2411 4 11.5C4 11.7589 4.20987 11.9688 4.46875 11.9688H4.75V14.4688H4.34375C3.05141 14.4688 2 13.4173 2 12.125V8.375C2 7.08266 3.05141 6.03125 4.34375 6.03125H15.625ZM8.71875 13.0312C8.45987 13.0312 8.25 13.2411 8.25 13.5C8.25 13.7589 8.45987 13.9688 8.71875 13.9688H11.2188C11.4776 13.9688 11.6875 13.7589 11.6875 13.5C11.6875 13.2411 11.4776 13.0312 11.2188 13.0312H8.71875ZM4.46875 8.03125C4.20987 8.03125 4 8.24112 4 8.5C4 8.75888 4.20987 8.96875 4.46875 8.96875H5.96875C6.22763 8.96875 6.4375 8.75888 6.4375 8.5C6.4375 8.24112 6.22763 8.03125 5.96875 8.03125H4.46875ZM12.8438 2C14.1361 2 15.1875 3.05141 15.1875 4.34375V5.09375H4.75V4.34375C4.75 3.05141 5.80141 2 7.09375 2H12.8438Z' fill='%23668793'/%3E%3C/svg%3E");
}
.icon-actions-list .action-btn.send-btn {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4457 6.55429L6.16567 10.2202L0.642997 8.37906C0.257505 8.2503 -0.00220389 7.88862 1.40967e-05 7.48229C0.00226127 7.07596 0.264947 6.7165 0.651927 6.59223L14.7715 2.04521C15.1071 1.93732 15.4755 2.02586 15.7248 2.27518C15.9741 2.5245 16.0627 2.89286 15.9548 3.22851L11.4078 17.3481C11.2835 17.7351 10.924 17.9977 10.5177 18C10.1114 18.0022 9.7497 17.7425 9.62094 17.357L7.77088 11.8076L11.4457 6.55429Z' fill='%23668793'/%3E%3C/svg%3E");
}
.icon-actions-list .action-btn.download-btn {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.60156 9.26758L10.8281 11.4941V5.42383C10.8281 4.77695 11.3531 4.25195 12 4.25195C12.6469 4.25195 13.1719 4.77695 13.1719 5.42383V11.4941L15.3984 9.26758C15.8578 8.8082 16.5984 8.8082 17.0578 9.26758C17.5172 9.72695 17.5172 10.4676 17.0578 10.927L12.8297 15.1551C12.3703 15.6145 11.6297 15.6145 11.1703 15.1551L6.94219 10.927C6.48281 10.4676 6.48281 9.72695 6.94219 9.26758C7.40156 8.8082 8.14219 8.8082 8.60156 9.26758ZM17.8594 18.577C17.8594 17.9301 17.3344 17.4051 16.6875 17.4051H7.3125C6.66562 17.4051 6.14062 17.9301 6.14062 18.577C6.14062 19.2238 6.66562 19.7488 7.3125 19.7488H16.6875C17.3344 19.7488 17.8594 19.2238 17.8594 18.577Z' fill='%23668793'/%3E%3C/svg%3E");
}
.icon-actions-list .action-btn:hover {
  transform: scale(1.12);
}

.dca-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  color: var(--clr-text-color);
  border-start-start-radius: 1.75rem;
  transition: all 0.3s ease-in-out;
}
.dca-card__header {
  padding-inline: 1.5rem;
  padding-block-start: 1.5rem;
}
.dca-card__header:has(.vip-badge) {
  position: relative;
  overflow: hidden;
}
.dca-card__header .card-title {
  font-family: "BahijTheSansArabic-Bold";
  color: var(--clr-text-color);
  transition: all 0.3s ease;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.4;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  font-size: 1.125rem;
  visibility: visible; /* this is a tricky to work correctly at IOS */
  max-width: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@supports not (-webkit-line-clamp: 2) {
  .dca-card__header .card-title {
    display: block;
    max-height: 50.4px;
    line-height: 1.4;
  }
}
@media (max-width: 767.98px) {
  .dca-card__header .card-title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.4;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    font-size: 1.125rem;
    visibility: visible; /* this is a tricky to work correctly at IOS */
  }
  @supports not (-webkit-line-clamp: 3) {
    .dca-card__header .card-title {
      display: block;
      max-height: 75.6px;
      line-height: 1.4;
    }
  }
}
.dca-card__header .card-title.primary-color {
  color: var(--clr-primary);
}
.dca-card__header .card-title.danger-color {
  color: var(--clr-danger);
}
.dca-card__header .card-title .text-muted {
  font-size: 0.875rem;
  font-family: "BahijTheSansArabic-Plain";
}
.dca-card__header .sub-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-gray-color);
  font-size: 0.875rem;
  transition: all 0.3s ease;
}
.dca-card__header .sub-title span {
  font-family: "BahijTheSansArabic-Bold";
  font-size: 0.75rem;
}
.dca-card__header .sub-title span.danger {
  color: var(--clr-danger);
}
.dca-card__header .sub-title span.warning {
  color: var(--clr-warning);
}
.dca-card__header .sub-title span.success {
  color: var(--clr-success);
}
.dca-card__header .sub-title span.info {
  color: var(--clr-info);
}
.dca-card__header .sub-title span.default {
  color: var(--clr-text-color);
}
.dca-card__header .sub-title.primary {
  color: var(--clr-primary);
}
.dca-card__header .sub-title.success {
  color: var(--clr-success);
}
.dca-card__header .sub-title.warning {
  color: var(--clr-warning);
}
.dca-card__header .sub-title.danger {
  color: var(--clr-danger);
}
.dca-card__header .sub-title.info {
  color: var(--clr-info);
}
.dca-card__header .sub-title.default {
  color: var(--clr-text-color);
}
.dca-card__header:has(.card-img) {
  position: relative;
  overflow: hidden;
  padding: 0;
  height: 9.375rem;
  background-color: var(--clr-gray-color);
  isolation: isolate;
  border-start-start-radius: 1.75rem;
}
.dca-card__header:has(.card-img) .card-img {
  position: absolute;
  inset: 0;
  z-index: -1;
  border-start-start-radius: 1.75rem;
  overflow: hidden;
}
.dca-card__header:has(.card-img) .card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.dca-card__header:has(.card-img) .card-img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  border-start-start-radius: 1.75rem;
}
.dca-card__header:has(.card-img) .header-caption {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1.5rem;
  z-index: 1;
}
.dca-card__header:has(.card-img) .header-caption * {
  color: #fff;
}
.dca-card__body {
  padding: 1.5rem;
}
.dca-card__body__item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.dca-card__body__item .item-title {
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-gray-color);
  font-size: 0.875rem;
}
.dca-card__body__item .item-value {
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-text-color);
  font-size: 1rem;
}
.dca-card__body__item .item-value.success {
  color: var(--clr-success);
}
.dca-card__body__item .item-value.warning {
  color: var(--clr-warning);
}
.dca-card__body__item .item-value.danger {
  color: var(--clr-danger);
}
.dca-card__body__item .item-value.info {
  color: var(--clr-info);
}
.dca-card__body__item .item-value.gray {
  color: var(--clr-gray-color);
}
.dca-card__body__item .item-value.default {
  color: var(--clr-text-color);
}
.dca-card__body__item .item-value span {
  font-family: "BahijTheSansArabic-Bold";
  font-size: 0.875rem;
}
.dca-card__body__item .item-value span.text-muted {
  font-family: "BahijTheSansArabic-Plain";
  font-size: 0.75rem;
}
.dca-card__body__item .item-value span.danger {
  color: var(--clr-danger);
}
.dca-card__body__item .item-value span.warning {
  color: var(--clr-warning);
}
.dca-card__body__item .item-value span.default {
  color: var(--clr-text-color);
}
.dca-card__body__item .item-value span.success {
  color: var(--clr-success);
}
.dca-card__body__item .item-value span.info {
  color: var(--clr-info);
}
.dca-card__body__item .item-value span.gray {
  color: var(--clr-gray-color);
}
.dca-card__body__item.sub-card {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem 0.5rem;
  background-color: var(--clr-primary-50);
  border: 1px solid var(--clr-primary-100);
  border-start-start-radius: 1rem;
}
.dca-card__body__item.sub-card .item-title {
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-text-color);
  font-size: 1rem;
}
.dca-card__body__item.sub-card .item-subtitle {
  color: var(--clr-gray-color);
  font-size: 0.875rem;
}
.dca-card__body__item.sub-card .count-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.5rem;
}
.dca-card__body__item.sub-card .count-item .item-value {
  font-family: "BahijTheSansArabic-Bold";
  color: var(--clr-text-color);
  font-size: 1.125rem;
}
.dca-card__body__item.sub-card .count-item .item-value.success {
  color: var(--clr-success);
}
.dca-card__body__item.sub-card .count-item .item-value.warning {
  color: var(--clr-warning);
}
.dca-card__body__item.sub-card .count-item .item-value.danger {
  color: var(--clr-danger);
}
.dca-card__body__item.sub-card .count-item .item-value.info {
  color: var(--clr-info);
}
.dca-card__body__item.sub-card .count-item .item-title {
  color: var(--clr-gray-color);
  font-size: 0.875rem;
}
.dca-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid var(--clr-primary-100);
}
.dca-card__footer__info {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.dca-card__footer__info .info-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.dca-card__footer__info .info-item .icon img,
.dca-card__footer__info .info-item .icon svg {
  width: 1.25rem;
  height: 1.25rem;
}
.dca-card__footer__info .info-item .title {
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-gray-color);
  font-size: 0.875rem;
}
.dca-card__footer__info .info-item .value {
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-text-color);
  font-size: 0.875rem;
}
.dca-card__footer__info .info-item .value.success {
  color: var(--clr-success);
}
.dca-card__footer__info .info-item .value.warning {
  color: var(--clr-warning);
}
.dca-card__footer__info .info-item .value.danger {
  color: var(--clr-danger);
}
.dca-card__footer__info .info-item .value.info {
  color: var(--clr-info);
}
.dca-card__footer__info .info-item .value.default {
  color: var(--clr-text-color);
}
.dca-card__footer__info .info-item:not(:last-child) {
  padding-inline-end: 1rem;
}
.dca-card__footer__info .info-item:not(:last-child)::after {
  content: "";
  position: absolute;
  inset-inline-end: 0;
  inset-block: 0;
  margin-block: auto;
  width: 1px;
  height: 0.625rem;
  background-color: var(--clr-border-color);
}
.dca-card__footer__actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.dca-card__footer__actions .action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.5rem;
  width: 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem;
  padding: 0;
  transition: all 0.3s ease-out;
}
.dca-card__footer__actions .action-btn.with-text {
  gap: 0.5rem;
  width: auto;
  height: 2rem;
  background-image: none;
  padding: 0 1rem;
  background-color: #fff;
  color: var(--clr-text-color);
  font-family: "BahijTheSansArabic-SemiBold";
  font-size: 0.875rem;
}
.dca-card__footer__actions .action-btn.with-text::before {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.dca-card__footer__actions .action-btn.with-text.present-btn {
  color: var(--clr-success);
}
.dca-card__footer__actions .action-btn.with-text.present-btn::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'%3E%3Cpath d='M15.6282 0.371659C15.1332 -0.124043 14.3293 -0.12373 13.8336 0.371659L5.75659 8.44899L2.1667 4.85913C1.671 4.36343 0.867479 4.36343 0.371777 4.85913C-0.123926 5.35484 -0.123926 6.15836 0.371777 6.65406L4.85894 11.1412C5.10664 11.3889 5.43143 11.5131 5.75625 11.5131C6.08107 11.5131 6.40617 11.3892 6.65387 11.1412L15.6282 2.16656C16.1239 1.6712 16.1239 0.86733 15.6282 0.371659Z' fill='%2323A566'/%3E%3C/svg%3E");
}
.dca-card__footer__actions .action-btn.with-text.absent-btn {
  color: var(--clr-danger);
}
.dca-card__footer__actions .action-btn.with-text.absent-btn::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M0.966171 0C0.709913 7.39611e-05 0.46418 0.101923 0.283006 0.28315C0.101837 0.46437 5.94733e-05 0.710125 5.94733e-05 0.966371C5.94733e-05 1.22262 0.101837 1.46837 0.283006 1.64959L3.94844 5.31507L0.283006 8.98043C0.101799 9.16166 0 9.40744 0 9.66371C0 9.91999 0.101799 10.1658 0.283006 10.347C0.464231 10.5282 0.70999 10.6299 0.966241 10.6299C1.22249 10.6299 1.46825 10.5282 1.64948 10.347L5.31504 6.68151L8.98045 10.347C9.16167 10.5282 9.40743 10.6299 9.66369 10.6299C9.91994 10.6299 10.1657 10.5282 10.3469 10.347C10.5281 10.1658 10.6299 9.91999 10.6299 9.66371C10.6299 9.40744 10.5281 9.16166 10.3469 8.98043L6.68148 5.31507L10.3469 1.64959C10.5281 1.46837 10.6299 1.22262 10.6299 0.966371C10.6299 0.710125 10.5281 0.46437 10.3469 0.28315C10.1658 0.101922 9.92002 7.34913e-05 9.66376 0C9.53685 1.82449e-05 9.41118 0.0250313 9.29394 0.0736144C9.1767 0.122198 9.07017 0.193398 8.98045 0.28315L5.31504 3.94863L1.64948 0.28315C1.55975 0.193399 1.45323 0.1222 1.33599 0.0736171C1.21874 0.0250341 1.09308 1.87102e-05 0.966171 0Z' fill='%23FF3B30'/%3E%3C/svg%3E");
}
.dca-card__footer__actions .action-btn.view-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='14' viewBox='0 0 20 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99924 0.199707C14.4578 0.199819 18.156 4.48312 19.5393 6.32373C19.8384 6.72189 19.8383 7.27796 19.5393 7.67627C18.156 9.51874 14.4578 13.8002 9.99924 13.8003C5.5406 13.8003 1.84158 9.51877 0.460175 7.67627C0.161387 7.2781 0.161312 6.72179 0.460175 6.32373C1.84158 4.48307 5.5406 0.199707 9.99924 0.199707ZM9.99924 2.56006C7.5508 2.56006 5.55783 4.55205 5.55783 7.00049C5.55806 9.44873 7.55094 11.4419 9.99924 11.4419C12.4474 11.4418 14.4404 9.44867 14.4406 7.00049C14.4406 4.55211 12.4476 2.56015 9.99924 2.56006ZM9.99924 4.11572C11.5901 4.11582 12.884 5.40953 12.884 7.00049C12.8838 8.59124 11.59 9.88613 9.99924 9.88623C8.40841 9.88623 7.11472 8.5913 7.11447 7.00049C7.11447 5.40947 8.40826 4.11572 9.99924 4.11572Z' fill='%2336B0C9'/%3E%3C/svg%3E%0A");
}
.dca-card__footer__actions .action-btn.edit-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.50304 3.71875C8.5859 3.71875 8.66611 3.75196 8.72472 3.81055L12.1876 7.27734C12.246 7.33592 12.2794 7.41532 12.2794 7.49805C12.2793 7.5808 12.2461 7.66021 12.1876 7.71875L5.43761 14.4688C5.04793 14.8597 4.53893 15.1093 3.99132 15.1787L1.38585 15.4941C1.35294 15.4983 1.31942 15.5001 1.28624 15.5C1.17455 15.5005 1.06394 15.4773 0.962021 15.4316C0.859941 15.3858 0.768382 15.3184 0.694443 15.2344C0.62058 15.1504 0.56581 15.0513 0.53331 14.9443C0.500819 14.8373 0.491236 14.7242 0.505966 14.6133L0.821396 12.0088C0.890782 11.4611 1.14037 10.9522 1.53136 10.5625L8.28233 3.81055C8.34084 3.75206 8.42032 3.71886 8.50304 3.71875ZM12.2638 0.5C12.4764 0.5 12.6874 0.541674 12.8839 0.623047C13.0804 0.704455 13.2589 0.824232 13.4093 0.974609L15.0255 2.59082C15.1758 2.74117 15.2957 2.91978 15.3771 3.11621C15.4584 3.31267 15.5001 3.52368 15.5001 3.73633C15.5001 3.94899 15.4585 4.15998 15.3771 4.35645C15.2956 4.55293 15.1759 4.73148 15.0255 4.88184L13.5089 6.39844C13.4503 6.45702 13.3701 6.49023 13.2872 6.49023C13.2045 6.49016 13.125 6.45695 13.0665 6.39844L9.60167 2.93359C9.54317 2.87507 9.50996 2.79563 9.50987 2.71289C9.50987 2.63003 9.54308 2.54981 9.60167 2.49121L11.1183 0.974609C11.2686 0.824156 11.4472 0.704501 11.6437 0.623047C11.8401 0.541628 12.0511 0.500038 12.2638 0.5Z' fill='%23255465'/%3E%3Cpath d='M15.5 14.875C15.5 14.7092 15.4342 14.5503 15.3169 14.4331C15.1997 14.3158 15.0408 14.25 14.875 14.25H7.6875C7.52174 14.25 7.36277 14.3158 7.24556 14.4331C7.12835 14.5503 7.0625 14.7092 7.0625 14.875C7.0625 15.0408 7.12835 15.1997 7.24556 15.3169C7.36277 15.4342 7.52174 15.5 7.6875 15.5H14.875C15.0408 15.5 15.1997 15.4342 15.3169 15.3169C15.4342 15.1997 15.5 15.0408 15.5 14.875Z' fill='%2336B0C9'/%3E%3C/svg%3E%0A");
}
.dca-card__footer__actions .action-btn.download-btn {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.60156 9.26758L10.8281 11.4941V5.42383C10.8281 4.77695 11.3531 4.25195 12 4.25195C12.6469 4.25195 13.1719 4.77695 13.1719 5.42383V11.4941L15.3984 9.26758C15.8578 8.8082 16.5984 8.8082 17.0578 9.26758C17.5172 9.72695 17.5172 10.4676 17.0578 10.927L12.8297 15.1551C12.3703 15.6145 11.6297 15.6145 11.1703 15.1551L6.94219 10.927C6.48281 10.4676 6.48281 9.72695 6.94219 9.26758C7.40156 8.8082 8.14219 8.8082 8.60156 9.26758ZM17.8594 18.577C17.8594 17.9301 17.3344 17.4051 16.6875 17.4051H7.3125C6.66562 17.4051 6.14062 17.9301 6.14062 18.577C6.14062 19.2238 6.66562 19.7488 7.3125 19.7488H16.6875C17.3344 19.7488 17.8594 19.2238 17.8594 18.577Z' fill='%2336B0C9'/%3E%3C/svg%3E");
}
.dca-card__footer__actions .action-btn.contacts-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 2H6C4.89543 2 4 2.89543 4 4V14C4 15.1046 4.89543 16 6 16H14C15.1046 16 16 15.1046 16 14V4C16 2.89543 15.1046 2 14 2Z' fill='%2336B0C9'/%3E%3Cpath d='M2 5H4V7H2V5ZM2 9H4V11H2V9ZM2 13H4V15H2V13Z' fill='%2336B0C9'/%3E%3Cpath d='M10 10C11.1046 10 12 9.10457 12 8C12 6.89543 11.1046 6 10 6C8.89543 6 8 6.89543 8 8C8 9.10457 8.89543 10 10 10Z' fill='white'/%3E%3Cpath d='M13 13C13 11.8954 11.6569 11 10 11C8.34315 11 7 11.8954 7 13V14H13V13Z' fill='white'/%3E%3C/svg%3E");
}
.dca-card__footer__actions .action-btn.certificate-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1C4.58172 1 1 4.58172 1 9C1 13.4183 4.58172 17 9 17C13.4183 17 17 13.4183 17 9C17 4.58172 13.4183 1 9 1ZM9 15.5C5.41015 15.5 2.5 12.5899 2.5 9C2.5 5.41015 5.41015 2.5 9 2.5C12.5899 2.5 15.5 5.41015 15.5 9C15.5 12.5899 12.5899 15.5 9 15.5Z' fill='%23DAA520'/%3E%3Cpath d='M9 4C8.44772 4 8 4.44772 8 5V8.17071C6.83481 8.58254 6 9.69378 6 11C6 12.6569 7.34315 14 9 14C10.6569 14 12 12.6569 12 11C12 9.69378 11.1652 8.58254 10 8.17071V5C10 4.44772 9.55228 4 9 4ZM9 9.5C9.55228 9.5 10 9.94772 10 10.5C10 11.0523 9.55228 11.5 9 11.5C8.44772 11.5 8 11.0523 8 10.5C8 9.94772 8.44772 9.5 9 9.5Z' fill='%23DAA520'/%3E%3Cpath d='M4 4H2V6H4V4ZM14 4H16V6H14V4ZM4 14H2V16H4V14ZM14 14H16V16H14V14Z' fill='%23DAA520'/%3E%3C/svg%3E");
}
.dca-card__footer__actions .action-btn.delete-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.76275 0.015625C8.1305 0.015625 7.55802 0.389355 7.30367 0.968167L6.48903 2.82189H1.99194C1.35768 2.82189 0.843506 3.33606 0.843506 3.97033C0.843506 4.60459 1.35768 5.11877 1.99194 5.11877H3.01724V15.7601C3.01724 18.0901 4.90606 19.9789 7.23599 19.9789H13.2502C15.5802 19.9789 17.4689 18.0901 17.4689 15.7601V5.11877H18.0548C18.6891 5.11877 19.2033 4.60459 19.2033 3.97033C19.2033 3.33606 18.6891 2.82189 18.0548 2.82189H13.5578L12.7432 0.968167C12.4888 0.389355 11.9164 0.015625 11.2841 0.015625H8.76275ZM7.89059 7.65625C8.40838 7.65625 8.82809 8.07597 8.82809 8.59375V14.1719C8.82809 14.6897 8.40838 15.1094 7.89059 15.1094C7.37281 15.1094 6.95309 14.6897 6.95309 14.1719V8.59375C6.95309 8.07597 7.37281 7.65625 7.89059 7.65625ZM13.0468 8.59375C13.0468 8.07597 12.6271 7.65625 12.1093 7.65625C11.5916 7.65625 11.1718 8.07597 11.1718 8.59375V14.1719C11.1718 14.6897 11.5916 15.1094 12.1093 15.1094C12.6271 15.1094 13.0468 14.6897 13.0468 14.1719V8.59375Z' fill='%23FF3B30'/%3E%3C/svg%3E%0A");
}
.dca-card__footer__actions .action-btn.reject-btn {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M0.966171 0C0.709913 7.39611e-05 0.46418 0.101923 0.283006 0.28315C0.101837 0.46437 5.94733e-05 0.710125 5.94733e-05 0.966371C5.94733e-05 1.22262 0.101837 1.46837 0.283006 1.64959L3.94844 5.31507L0.283006 8.98043C0.101799 9.16166 0 9.40744 0 9.66371C0 9.91999 0.101799 10.1658 0.283006 10.347C0.464231 10.5282 0.70999 10.6299 0.966241 10.6299C1.22249 10.6299 1.46825 10.5282 1.64948 10.347L5.31504 6.68151L8.98045 10.347C9.16167 10.5282 9.40743 10.6299 9.66369 10.6299C9.91994 10.6299 10.1657 10.5282 10.3469 10.347C10.5281 10.1658 10.6299 9.91999 10.6299 9.66371C10.6299 9.40744 10.5281 9.16166 10.3469 8.98043L6.68148 5.31507L10.3469 1.64959C10.5281 1.46837 10.6299 1.22262 10.6299 0.966371C10.6299 0.710125 10.5281 0.46437 10.3469 0.28315C10.1658 0.101922 9.92002 7.34913e-05 9.66376 0C9.53685 1.82449e-05 9.41118 0.0250313 9.29394 0.0736144C9.1767 0.122198 9.07017 0.193398 8.98045 0.28315L5.31504 3.94863L1.64948 0.28315C1.55975 0.193399 1.45323 0.1222 1.33599 0.0736171C1.21874 0.0250341 1.09308 1.87102e-05 0.966171 0Z' fill='%23FF3B30'/%3E%3C/svg%3E");
}
.dca-card__footer__actions .action-btn.accept-btn {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'%3E%3Cpath d='M15.6282 0.371659C15.1332 -0.124043 14.3293 -0.12373 13.8336 0.371659L5.75659 8.44899L2.1667 4.85913C1.671 4.36343 0.867479 4.36343 0.371777 4.85913C-0.123926 5.35484 -0.123926 6.15836 0.371777 6.65406L4.85894 11.1412C5.10664 11.3889 5.43143 11.5131 5.75625 11.5131C6.08107 11.5131 6.40617 11.3892 6.65387 11.1412L15.6282 2.16656C16.1239 1.6712 16.1239 0.86733 15.6282 0.371659Z' fill='%2323A566'/%3E%3C/svg%3E");
}
.dca-card__footer__actions .action-btn.download-btn {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16' fill='none'%3E%3Cpath d='M2.46094 5.01562L4.6875 7.24219V1.17188C4.6875 0.525 5.2125 0 5.85938 0C6.50625 0 7.03125 0.525 7.03125 1.17188V7.24219L9.25781 5.01562C9.71719 4.55625 10.4578 4.55625 10.9172 5.01562C11.3766 5.475 11.3766 6.21563 10.9172 6.675L6.68906 10.9031C6.22969 11.3625 5.48906 11.3625 5.02969 10.9031L0.801563 6.675C0.342188 6.21563 0.342188 5.475 0.801563 5.01562C1.26094 4.55625 2.00156 4.55625 2.46094 5.01562ZM11.7188 14.325C11.7188 13.6781 11.1938 13.1531 10.5469 13.1531H1.17188C0.525 13.1531 0 13.6781 0 14.325C0 14.9719 0.525 15.4969 1.17188 15.4969H10.5469C11.1938 15.4969 11.7188 14.9719 11.7188 14.325Z' fill='%23668793'/%3E%3C/svg%3E");
  background-size: 1rem;
}
.dca-card__footer__actions .action-btn:hover {
  transform: scale(1.12);
}
.dca-card:has(.card-status) .dca-card__header {
  padding-block-start: 2rem;
}
.dca-card.bg-primary-light {
  background-color: var(--clr-primary-50);
}
.dca-card.bg-gray-light {
  background-color: var(--clr-default-light);
}
.dca-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 12px 0 rgba(54, 176, 201, 0.16), 0 1.5px 6px 0 rgba(37, 84, 101, 0.08);
}
.dca-card:hover .card-title {
  color: var(--clr-primary);
}

.card-status {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-text-color);
  font-size: 0.875rem;
  padding: 0.35rem 1.5rem;
  border-end-start-radius: 1rem;
}
.card-status.primary {
  background-color: var(--clr-primary-50);
  color: var(--clr-primary);
}
.card-status.warning {
  background-color: var(--clr-warning-light);
  color: var(--clr-warning);
}
.card-status.success {
  background-color: var(--clr-success-light);
  color: var(--clr-success);
}
.card-status.danger {
  background-color: var(--clr-danger-light);
  color: var(--clr-danger);
}
.card-status.info {
  background-color: var(--clr-info-light);
  color: var(--clr-info);
}
.card-status.default {
  background-color: var(--clr-default-light);
  color: var(--clr-text-color);
}
.card-status.gray {
  background-color: var(--clr-border-color);
  color: var(--clr-text-color);
}
.card-status.new {
  background-color: var(--clr-primary-100);
  color: var(--clr-primary);
}

.partner-event-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
  background-color: var(--clr-primary-50);
  border-start-start-radius: 1.5rem;
  transition: all 0.3s ease-in-out;
}
.partner-event-card:has(.card-status) {
  padding-block-start: 2rem;
}
.partner-event-card__body {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.partner-event-card__body .event-time-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.125rem;
}
.partner-event-card__body .event-time-wrapper .event-time {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--clr-primary);
  padding: 0.5rem 1rem;
}
.partner-event-card__body .event-time-wrapper .event-time .event-time__day {
  font-size: 0.875rem;
  font-family: "BahijTheSansArabic-Bold";
  color: #fff;
}
.partner-event-card__body .event-time-wrapper .event-time .event-time__month {
  font-size: 0.875rem;
  color: #fff;
}
.partner-event-card__body .event-time-wrapper .event-time:first-child {
  border-radius: 0.5rem 0.5rem 0 0;
}
.partner-event-card__body .event-time-wrapper .event-time:last-child {
  border-radius: 0 0 0.5rem 0.5rem;
}
.partner-event-card__body .event-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.partner-event-card__body .event-info .event-title {
  font-family: "BahijTheSansArabic-SemiBold";
  margin-bottom: 0;
  color: var(--clr-text-color);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.1;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  font-size: 1.125rem;
  visibility: visible; /* this is a tricky to work correctly at IOS */
  transition: all 0.3s ease-in-out;
}
@supports not (-webkit-line-clamp: 2) {
  .partner-event-card__body .event-info .event-title {
    display: block;
    max-height: 39.6px;
    line-height: 1.1;
  }
}
.partner-event-card__body .event-info .event-location {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.partner-event-card__body .event-info .event-location__icon img,
.partner-event-card__body .event-info .event-location__icon svg {
  width: 1rem;
  height: 1rem;
}
.partner-event-card__body .event-info .event-location__text {
  color: var(--clr-gray-color);
}
.partner-event-card__body .event-info .event-permits {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.partner-event-card__body .event-info .event-permits .title {
  font-size: 0.875rem;
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-gray-color);
}
.partner-event-card__body .event-info .event-permits .value {
  font-size: 0.875rem;
  color: var(--clr-text-color);
}
.partner-event-card__body .event-info .event-permits .value.success {
  color: var(--clr-success);
}
.partner-event-card__body .event-info .event-permits .value.danger {
  color: var(--clr-danger);
}
.partner-event-card__body .event-info .event-permits .value.warning {
  color: var(--clr-warning);
}
.partner-event-card__body .event-info .event-permits .value.info {
  color: var(--clr-info);
}
.partner-event-card__body .event-info .event-permits .value.default {
  color: var(--clr-text-color);
}
.partner-event-card.bg-gray-light {
  background-color: var(--clr-default-light);
}
.partner-event-card.bg-gray-light .event-time-wrapper .event-time {
  background-color: var(--clr-gray-color);
}
.partner-event-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 24px 0 rgba(54, 176, 201, 0.16), 0 1.5px 6px 0 rgba(37, 84, 101, 0.08);
}
.partner-event-card:hover .event-title {
  color: var(--clr-primary);
}

.icon-card {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1.5rem;
  height: 100%;
  border: 1px solid rgba(119, 125, 128, 0.2);
  background: #fff;
  border-radius: 1rem;
  transition: all 0.3s ease-in-out;
}
.icon-card.card-lg {
  min-height: 15.625rem;
}
.widget .icon-card {
  padding: 1.5rem;
  border: 0;
  background-color: rgba(255, 255, 255, 0.8);
}
.icon-card__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.icon-card__body img {
  height: 3.5rem;
  transition: all 0.3s ease-in-out;
}
.widget .icon-card__body img {
  height: 3rem;
}
.icon-card__body .card-title {
  text-align: center;
  color: var(--clr-primary);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 1.5;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  font-size: 1.125rem;
  visibility: visible; /* this is a tricky to work correctly at IOS */
  font-family: "BahijTheSansArabic-Bold";
  transition: all 0.3s ease-in-out;
}
@supports not (-webkit-line-clamp: 3) {
  .icon-card__body .card-title {
    display: block;
    max-height: 81px;
    line-height: 1.5;
  }
}
.widget .icon-card__body .card-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.7;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  font-size: 1rem;
  visibility: visible; /* this is a tricky to work correctly at IOS */
}
@supports not (-webkit-line-clamp: 2) {
  .widget .icon-card__body .card-title {
    display: block;
    max-height: 54.4px;
    line-height: 1.7;
  }
}
.icon-card:hover {
  background-color: var(--clr-primary);
}
.icon-card:hover img {
  transform: scale(1.12);
}
.icon-card:hover .card-title {
  color: #fff;
}

.date-badge {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: center;
  padding: 1rem;
  color: #fff;
  background-color: #d48e7d;
  border-radius: 0 0 5rem 5rem;
  line-height: 1;
  transition: all 0.3s ease-in-out;
}
.date-badge .day {
  font-size: 1.25rem;
  font-family: "BahijTheSansArabic-Bold";
  color: #fff;
}
.date-badge .month {
  font-size: 0.875rem;
}
.date-badge .year {
  font-size: 0.875rem;
}

.dca-attachment-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  color: var(--clr-text-color);
  border-start-start-radius: 1.75rem;
  transition: all 0.3s ease-in-out;
}
.dca-attachment-card__body {
  padding: 1.5rem;
}
.dca-attachment-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid var(--clr-primary-100);
}
.dca-attachment-card__footer__info {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.dca-attachment-card__footer__info .info-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.dca-attachment-card__footer__info .info-item .icon img,
.dca-attachment-card__footer__info .info-item .icon svg {
  width: 1.25rem;
  height: 1.25rem;
}
.dca-attachment-card__footer__info .info-item .title {
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-gray-color);
  font-size: 0.875rem;
}
.dca-attachment-card__footer__info .info-item .value {
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-text-color);
  font-size: 1rem;
}
.dca-attachment-card__footer__info .info-item:not(:last-child) {
  padding-inline-end: 1rem;
}
.dca-attachment-card__footer__info .info-item:not(:last-child)::after {
  content: "";
  position: absolute;
  inset-inline-end: 0;
  inset-block: 0;
  margin-block: auto;
  width: 1px;
  height: 0.625rem;
  background-color: var(--clr-border-color);
}
.dca-attachment-card__footer__actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.dca-attachment-card__footer__actions .action-btn {
  display: inline-flex;
  height: 1.5rem;
  width: 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem;
  padding: 0;
  transition: all 0.3s ease-out;
}
.dca-attachment-card__footer__actions .action-btn.view-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='14' viewBox='0 0 20 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99924 0.199707C14.4578 0.199819 18.156 4.48312 19.5393 6.32373C19.8384 6.72189 19.8383 7.27796 19.5393 7.67627C18.156 9.51874 14.4578 13.8002 9.99924 13.8003C5.5406 13.8003 1.84158 9.51877 0.460175 7.67627C0.161387 7.2781 0.161312 6.72179 0.460175 6.32373C1.84158 4.48307 5.5406 0.199707 9.99924 0.199707ZM9.99924 2.56006C7.5508 2.56006 5.55783 4.55205 5.55783 7.00049C5.55806 9.44873 7.55094 11.4419 9.99924 11.4419C12.4474 11.4418 14.4404 9.44867 14.4406 7.00049C14.4406 4.55211 12.4476 2.56015 9.99924 2.56006ZM9.99924 4.11572C11.5901 4.11582 12.884 5.40953 12.884 7.00049C12.8838 8.59124 11.59 9.88613 9.99924 9.88623C8.40841 9.88623 7.11472 8.5913 7.11447 7.00049C7.11447 5.40947 8.40826 4.11572 9.99924 4.11572Z' fill='%2336B0C9'/%3E%3C/svg%3E%0A");
}
.dca-attachment-card__footer__actions .action-btn.edit-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.50304 3.71875C8.5859 3.71875 8.66611 3.75196 8.72472 3.81055L12.1876 7.27734C12.246 7.33592 12.2794 7.41532 12.2794 7.49805C12.2793 7.5808 12.2461 7.66021 12.1876 7.71875L5.43761 14.4688C5.04793 14.8597 4.53893 15.1093 3.99132 15.1787L1.38585 15.4941C1.35294 15.4983 1.31942 15.5001 1.28624 15.5C1.17455 15.5005 1.06394 15.4773 0.962021 15.4316C0.859941 15.3858 0.768382 15.3184 0.694443 15.2344C0.62058 15.1504 0.56581 15.0513 0.53331 14.9443C0.500819 14.8373 0.491236 14.7242 0.505966 14.6133L0.821396 12.0088C0.890782 11.4611 1.14037 10.9522 1.53136 10.5625L8.28233 3.81055C8.34084 3.75206 8.42032 3.71886 8.50304 3.71875ZM12.2638 0.5C12.4764 0.5 12.6874 0.541674 12.8839 0.623047C13.0804 0.704455 13.2589 0.824232 13.4093 0.974609L15.0255 2.59082C15.1758 2.74117 15.2957 2.91978 15.3771 3.11621C15.4584 3.31267 15.5001 3.52368 15.5001 3.73633C15.5001 3.94899 15.4585 4.15998 15.3771 4.35645C15.2956 4.55293 15.1759 4.73148 15.0255 4.88184L13.5089 6.39844C13.4503 6.45702 13.3701 6.49023 13.2872 6.49023C13.2045 6.49016 13.125 6.45695 13.0665 6.39844L9.60167 2.93359C9.54317 2.87507 9.50996 2.79563 9.50987 2.71289C9.50987 2.63003 9.54308 2.54981 9.60167 2.49121L11.1183 0.974609C11.2686 0.824156 11.4472 0.704501 11.6437 0.623047C11.8401 0.541628 12.0511 0.500038 12.2638 0.5Z' fill='%23255465'/%3E%3Cpath d='M15.5 14.875C15.5 14.7092 15.4342 14.5503 15.3169 14.4331C15.1997 14.3158 15.0408 14.25 14.875 14.25H7.6875C7.52174 14.25 7.36277 14.3158 7.24556 14.4331C7.12835 14.5503 7.0625 14.7092 7.0625 14.875C7.0625 15.0408 7.12835 15.1997 7.24556 15.3169C7.36277 15.4342 7.52174 15.5 7.6875 15.5H14.875C15.0408 15.5 15.1997 15.4342 15.3169 15.3169C15.4342 15.1997 15.5 15.0408 15.5 14.875Z' fill='%2336B0C9'/%3E%3C/svg%3E%0A");
}
.dca-attachment-card__footer__actions .action-btn.download-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.39453 9.84668L6.69238 11.1543C7.06413 11.5134 7.50017 11.6924 8 11.6924C8.49993 11.6924 8.93583 11.5131 9.30762 11.1543L10.6152 9.84668H15.0771C15.3332 9.84671 15.5513 9.93605 15.7305 10.1152C15.9101 10.2947 16 10.513 16 10.7695V13.8467C15.9999 14.103 15.91 14.3206 15.7305 14.5C15.5512 14.6794 15.3334 14.7695 15.0771 14.7695H0.922852C0.666557 14.7695 0.448985 14.6794 0.269531 14.5C0.0900827 14.3206 5.87656e-05 14.103 0 13.8467V10.7695C1.69953e-05 10.513 0.0900409 10.2947 0.269531 10.1152C0.448952 9.93619 0.666757 9.84673 0.922852 9.84668H5.39453ZM11.6924 12.3076C11.5257 12.3076 11.3817 12.3693 11.2598 12.4912C11.1381 12.6128 11.0771 12.7572 11.0771 12.9238C11.0772 13.0902 11.1381 13.2347 11.2598 13.3564C11.3816 13.4781 11.5258 13.5391 11.6924 13.5391C11.8589 13.539 12.0031 13.478 12.125 13.3564C12.2466 13.2347 12.3075 13.0902 12.3076 12.9238C12.3076 12.7572 12.2466 12.6128 12.125 12.4912C12.003 12.3693 11.859 12.3076 11.6924 12.3076ZM14.1543 12.3076C13.9876 12.3076 13.8425 12.3693 13.7207 12.4912C13.5993 12.6127 13.5391 12.7574 13.5391 12.9238C13.5392 13.0902 13.5991 13.2347 13.7207 13.3564C13.8426 13.4783 13.9877 13.5391 14.1543 13.5391C14.3208 13.539 14.4653 13.4781 14.5869 13.3564C14.7087 13.2347 14.7694 13.0902 14.7695 12.9238C14.7695 12.7573 14.7085 12.6127 14.5869 12.4912C14.4653 12.3694 14.3208 12.3077 14.1543 12.3076ZM9.23145 0C9.39794 4.60274e-05 9.54219 0.0608472 9.66406 0.182617C9.7856 0.304355 9.84664 0.44867 9.84668 0.615234V4.92285H12.3086C12.5775 4.92314 12.7663 5.04835 12.875 5.29785C12.984 5.56067 12.9399 5.78581 12.7412 5.97168L8.43262 10.2793C8.31719 10.4008 8.17298 10.4619 8 10.4619C7.82716 10.4618 7.68275 10.4009 7.56738 10.2793L3.25977 5.97168C3.06099 5.78581 3.01608 5.56058 3.125 5.29785C3.23397 5.04813 3.42321 4.92292 3.69238 4.92285H6.1543V0.615234C6.15434 0.448633 6.21521 0.304356 6.33691 0.182617C6.45874 0.0608773 6.60301 0 6.76953 0H9.23145Z' fill='%23668793'/%3E%3C/svg%3E%0A");
}
.dca-attachment-card__footer__actions .action-btn.delete-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.76275 0.015625C8.1305 0.015625 7.55802 0.389355 7.30367 0.968167L6.48903 2.82189H1.99194C1.35768 2.82189 0.843506 3.33606 0.843506 3.97033C0.843506 4.60459 1.35768 5.11877 1.99194 5.11877H3.01724V15.7601C3.01724 18.0901 4.90606 19.9789 7.23599 19.9789H13.2502C15.5802 19.9789 17.4689 18.0901 17.4689 15.7601V5.11877H18.0548C18.6891 5.11877 19.2033 4.60459 19.2033 3.97033C19.2033 3.33606 18.6891 2.82189 18.0548 2.82189H13.5578L12.7432 0.968167C12.4888 0.389355 11.9164 0.015625 11.2841 0.015625H8.76275ZM7.89059 7.65625C8.40838 7.65625 8.82809 8.07597 8.82809 8.59375V14.1719C8.82809 14.6897 8.40838 15.1094 7.89059 15.1094C7.37281 15.1094 6.95309 14.6897 6.95309 14.1719V8.59375C6.95309 8.07597 7.37281 7.65625 7.89059 7.65625ZM13.0468 8.59375C13.0468 8.07597 12.6271 7.65625 12.1093 7.65625C11.5916 7.65625 11.1718 8.07597 11.1718 8.59375V14.1719C11.1718 14.6897 11.5916 15.1094 12.1093 15.1094C12.6271 15.1094 13.0468 14.6897 13.0468 14.1719V8.59375Z' fill='%23FF3B30'/%3E%3C/svg%3E%0A");
}
.dca-attachment-card__footer__actions .action-btn:hover {
  transform: scale(1.12);
}
.dca-attachment-card.bg-primary-light {
  background-color: var(--clr-primary-50);
}
.dca-attachment-card.bg-gray-light {
  background-color: var(--clr-default-light);
}
.dca-attachment-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 12px 0 rgba(54, 176, 201, 0.16), 0 1.5px 6px 0 rgba(37, 84, 101, 0.08);
}
.dca-attachment-card:hover .card-title {
  color: var(--clr-primary);
}

.requirment-card {
  position: relative;
  padding: 1rem;
  background-color: var(--clr-info-light);
  border: 1px solid var(--clr-info-100);
  border-radius: 0.5rem;
}
.requirment-card__header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.requirment-card__header .title {
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-text-color);
  margin: 0;
}
.requirment-card__body .requirment-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.requirment-card__body .requirment-list .requirment-list__item {
  font-size: 1rem;
  font-family: "BahijTheSansArabic-SemiBold";
}

.attachment-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.attachment-item__icon {
  display: inline-flex;
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.attachment-item__icon.pdf {
  background-image: url('pdf.2c0f20b261371c1c.svg');
}
.attachment-item__icon.image {
  background-image: url('image.e07761962db663a6.svg');
}
.attachment-item__info {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
  flex: 1;
}
.attachment-item__info .attachment-title {
  font-family: "BahijTheSansArabic-Bold";
  color: var(--clr-text-color);
  font-size: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.attachment-item__info .attachment-size {
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-gray-color);
  font-size: 0.875rem;
}

.attachments-list {
  margin-block: 1.5rem;
}
.attachments-list label {
  padding: 0;
  font-family: "BahijTheSansArabic-SemiBold";
  font-size: 1.125rem;
}
.attachments-list__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 0.25rem;
  background-color: var(--clr-primary-50);
  border: 1px solid var(--clr-primary-100);
}
.attachments-list__item .attachment-title {
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-text-color);
  font-size: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 4rem);
}
.attachments-list__item .attachment-action {
  display: inline-flex;
  height: 1.5rem;
  width: 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem;
  padding: 0;
  transition: all 0.3s ease-out;
}
.attachments-list__item .attachment-action.view-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='14' viewBox='0 0 20 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99924 0.199707C14.4578 0.199819 18.156 4.48312 19.5393 6.32373C19.8384 6.72189 19.8383 7.27796 19.5393 7.67627C18.156 9.51874 14.4578 13.8002 9.99924 13.8003C5.5406 13.8003 1.84158 9.51877 0.460175 7.67627C0.161387 7.2781 0.161312 6.72179 0.460175 6.32373C1.84158 4.48307 5.5406 0.199707 9.99924 0.199707ZM9.99924 2.56006C7.5508 2.56006 5.55783 4.55205 5.55783 7.00049C5.55806 9.44873 7.55094 11.4419 9.99924 11.4419C12.4474 11.4418 14.4404 9.44867 14.4406 7.00049C14.4406 4.55211 12.4476 2.56015 9.99924 2.56006ZM9.99924 4.11572C11.5901 4.11582 12.884 5.40953 12.884 7.00049C12.8838 8.59124 11.59 9.88613 9.99924 9.88623C8.40841 9.88623 7.11472 8.5913 7.11447 7.00049C7.11447 5.40947 8.40826 4.11572 9.99924 4.11572Z' fill='%2336B0C9'/%3E%3C/svg%3E%0A");
}
.attachments-list__item .attachment-action.download-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.39453 9.84668L6.69238 11.1543C7.06413 11.5134 7.50017 11.6924 8 11.6924C8.49993 11.6924 8.93583 11.5131 9.30762 11.1543L10.6152 9.84668H15.0771C15.3332 9.84671 15.5513 9.93605 15.7305 10.1152C15.9101 10.2947 16 10.513 16 10.7695V13.8467C15.9999 14.103 15.91 14.3206 15.7305 14.5C15.5512 14.6794 15.3334 14.7695 15.0771 14.7695H0.922852C0.666557 14.7695 0.448985 14.6794 0.269531 14.5C0.0900827 14.3206 5.87656e-05 14.103 0 13.8467V10.7695C1.69953e-05 10.513 0.0900409 10.2947 0.269531 10.1152C0.448952 9.93619 0.666757 9.84673 0.922852 9.84668H5.39453ZM11.6924 12.3076C11.5257 12.3076 11.3817 12.3693 11.2598 12.4912C11.1381 12.6128 11.0771 12.7572 11.0771 12.9238C11.0772 13.0902 11.1381 13.2347 11.2598 13.3564C11.3816 13.4781 11.5258 13.5391 11.6924 13.5391C11.8589 13.539 12.0031 13.478 12.125 13.3564C12.2466 13.2347 12.3075 13.0902 12.3076 12.9238C12.3076 12.7572 12.2466 12.6128 12.125 12.4912C12.003 12.3693 11.859 12.3076 11.6924 12.3076ZM14.1543 12.3076C13.9876 12.3076 13.8425 12.3693 13.7207 12.4912C13.5993 12.6127 13.5391 12.7574 13.5391 12.9238C13.5392 13.0902 13.5991 13.2347 13.7207 13.3564C13.8426 13.4783 13.9877 13.5391 14.1543 13.5391C14.3208 13.539 14.4653 13.4781 14.5869 13.3564C14.7087 13.2347 14.7694 13.0902 14.7695 12.9238C14.7695 12.7573 14.7085 12.6127 14.5869 12.4912C14.4653 12.3694 14.3208 12.3077 14.1543 12.3076ZM9.23145 0C9.39794 4.60274e-05 9.54219 0.0608472 9.66406 0.182617C9.7856 0.304355 9.84664 0.44867 9.84668 0.615234V4.92285H12.3086C12.5775 4.92314 12.7663 5.04835 12.875 5.29785C12.984 5.56067 12.9399 5.78581 12.7412 5.97168L8.43262 10.2793C8.31719 10.4008 8.17298 10.4619 8 10.4619C7.82716 10.4618 7.68275 10.4009 7.56738 10.2793L3.25977 5.97168C3.06099 5.78581 3.01608 5.56058 3.125 5.29785C3.23397 5.04813 3.42321 4.92292 3.69238 4.92285H6.1543V0.615234C6.15434 0.448633 6.21521 0.304356 6.33691 0.182617C6.45874 0.0608773 6.60301 0 6.76953 0H9.23145Z' fill='%23668793'/%3E%3C/svg%3E%0A");
}
.attachments-list__item .attachment-action.delete-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.76275 0.015625C8.1305 0.015625 7.55802 0.389355 7.30367 0.968167L6.48903 2.82189H1.99194C1.35768 2.82189 0.843506 3.33606 0.843506 3.97033C0.843506 4.60459 1.35768 5.11877 1.99194 5.11877H3.01724V15.7601C3.01724 18.0901 4.90606 19.9789 7.23599 19.9789H13.2502C15.5802 19.9789 17.4689 18.0901 17.4689 15.7601V5.11877H18.0548C18.6891 5.11877 19.2033 4.60459 19.2033 3.97033C19.2033 3.33606 18.6891 2.82189 18.0548 2.82189H13.5578L12.7432 0.968167C12.4888 0.389355 11.9164 0.015625 11.2841 0.015625H8.76275ZM7.89059 7.65625C8.40838 7.65625 8.82809 8.07597 8.82809 8.59375V14.1719C8.82809 14.6897 8.40838 15.1094 7.89059 15.1094C7.37281 15.1094 6.95309 14.6897 6.95309 14.1719V8.59375C6.95309 8.07597 7.37281 7.65625 7.89059 7.65625ZM13.0468 8.59375C13.0468 8.07597 12.6271 7.65625 12.1093 7.65625C11.5916 7.65625 11.1718 8.07597 11.1718 8.59375V14.1719C11.1718 14.6897 11.5916 15.1094 12.1093 15.1094C12.6271 15.1094 13.0468 14.6897 13.0468 14.1719V8.59375Z' fill='%23FF3B30'/%3E%3C/svg%3E%0A");
}
.attachments-list__item .attachment-action:hover {
  transform: scale(1.12);
}

.readonly-data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}
.readonly-data.with-bottom-border {
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--clr-border-color);
}
.readonly-data .title {
  color: var(--clr-gray-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  max-width: 100%;
}
.readonly-data .value {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--clr-primary);
  font-family: "BahijTheSansArabic-SemiBold";
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 100%;
}
.readonly-data .value ul {
  padding-inline-start: 1rem;
  margin-bottom: 0;
}
.readonly-data .value ul li:not(:last-child) {
  margin-bottom: 0.5rem;
}
.readonly-data .value.warning {
  color: var(--clr-warning);
}
.readonly-data .value.success {
  color: var(--clr-success);
}
.readonly-data .value.info {
  color: var(--clr-info);
}
.readonly-data .value.danger {
  color: var(--clr-danger);
}
.readonly-data .value.default {
  color: var(--clr-default);
}
.readonly-data .value.underline {
  text-decoration: underline;
}
.readonly-data .value .copy-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.25 2.25C5.25 1.42157 5.92158 0.749994 6.75001 0.75L15.75 0.750067C16.5785 0.75007 17.25 1.42164 17.25 2.25007V11.25C17.25 12.0784 16.5785 12.75 15.75 12.75H15C14.5858 12.75 14.25 12.4142 14.25 12V6.37503C14.25 4.92529 13.0748 3.75003 11.625 3.75003H6C5.58578 3.75003 5.25 3.41425 5.25 3.00003V2.25ZM0.75 6.75013C0.75 5.9217 1.42157 5.25013 2.25 5.25013L11.25 5.25015C12.0785 5.25015 12.75 5.92172 12.75 6.75015V15.7501C12.75 16.5785 12.0785 17.2501 11.25 17.2501H2.25C1.42157 17.2501 0.75 16.5785 0.75 15.7501V6.75013Z' fill='%23668793'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: all 0.3s ease-in-out;
}
.readonly-data .value .copy-link:hover {
  background-size: 1.125rem;
}
.readonly-data .value .link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  margin-inline-start: 0.5rem;
  color: var(--clr-primary);
  font-family: "BahijTheSansArabic-SemiBold";
  text-decoration: underline;
}
.readonly-data .value .link svg {
  width: 1rem;
  height: 1rem;
  object-fit: contain;
  transition: all 0.3s ease-in-out;
}
.readonly-data .value .link:hover svg {
  transform: scale(1.125);
}

.content-card {
  padding: 3rem 2rem 4rem;
  background-color: #fff;
  border-start-start-radius: 2.5rem;
  height: 100%;
}
.content-card:has(.form-actions) {
  padding-bottom: 1.5rem;
}
.content-card__title {
  font-family: "BahijTheSansArabic-Bold";
  color: var(--clr-primary);
  font-size: 1.5rem;
}
.content-card__description {
  font-family: "BahijTheSansArabic-Plain";
  font-size: 1rem;
  margin-bottom: 1rem;
}
.content-card__header {
  padding-bottom: 1rem;
}
.content-card__header.with-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
@media (max-width: 767.98px) {
  .content-card__header.with-actions {
    flex-direction: column;
    align-items: flex-start;
  }
}
.content-card.no-radius {
  border-start-start-radius: 0;
}
.content-card__sub-title {
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-primary);
  font-size: 1rem;
  margin-bottom: 1.5rem;
}
.content-card.details-page .content-card__header {
  margin-bottom: 1.5rem;
}
.content-card.details-page .content-card__title {
  color: var(--clr-text-color);
}
.content-card.details-page .content-card__header__footer {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.content-card.details-page .item-date,
.content-card.details-page .item-location {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.content-card.details-page .item-date .icon,
.content-card.details-page .item-location .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.content-card.details-page .item-date .icon svg,
.content-card.details-page .item-location .icon svg {
  width: 1.25rem;
  height: 1.25rem;
  object-fit: contain;
}
.content-card.details-page .item-date .value,
.content-card.details-page .item-location .value {
  font-size: 1rem;
  color: var(--clr-text-color);
}

.item-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  padding: 0.25rem 1.5rem;
  border-radius: 5rem;
  font-family: "BahijTheSansArabic-SemiBold";
}
.item-badge.info {
  background-color: var(--clr-info);
  color: #fff;
}
.item-badge.success {
  background-color: var(--clr-success);
  color: #fff;
}
.item-badge.warning {
  background-color: var(--clr-warning);
  color: #fff;
}
.item-badge.danger {
  background-color: var(--clr-danger);
  color: #fff;
}
.item-badge.light {
  background-color: var(--clr-primary-100);
  color: var(--clr-text-color);
}
.item-badge.outline {
  background-color: transparent;
  color: var(--clr-text-color);
  border: 1px solid var(--clr-text-color);
}
.item-badge.white {
  background-color: #fff;
  color: var(--clr-text-color);
  border: 1px solid var(--clr-border-color);
}
.item-badge.success-light {
  background-color: var(--clr-success-light);
  color: var(--clr-success);
  border: 1px solid var(--clr-success-light);
}
.item-badge.info-light {
  background-color: var(--clr-info-light);
  color: var(--clr-info);
  border: 1px solid var(--clr-info-light);
}
.item-badge.warning-light {
  background-color: var(--clr-warning-light);
  color: var(--clr-warning);
  border: 1px solid var(--clr-warning-light);
}
.item-badge.danger-light {
  background-color: var(--clr-danger-light);
  color: var(--clr-danger);
  border: 1px solid var(--clr-danger-light);
}

.upload-file {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background-color: var(--clr-primary-50);
  border: 1px dashed var(--clr-primary-100);
  border-radius: 0.5rem;
}
.upload-file .upload-file__icon {
  width: 2rem;
  height: 2rem;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='26' viewBox='0 0 32 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.4009 10.8292C29.5422 9.69811 28.3988 8.81503 27.0874 8.2701C27.0416 6.51469 26.4425 4.81859 25.3757 3.42379C24.1405 1.8156 22.3135 0.68404 20.2312 0.237477C15.1512 -0.851585 9.68348 2.24779 8.04291 7.1466L7.86541 7.67673C5.77217 7.68848 3.76899 8.52971 2.29497 10.016C0.820954 11.5023 -0.00362697 13.5124 0.00198155 15.6057C0.00759007 17.6989 0.84293 19.7046 2.32489 21.183C3.80685 22.6613 5.81451 23.4918 7.90779 23.4924H12.4845C12.7497 23.4924 13.004 23.387 13.1916 23.1995C13.3791 23.0119 13.4845 22.7576 13.4845 22.4924C13.4845 22.2271 13.3791 21.9728 13.1916 21.7852C13.004 21.5977 12.7497 21.4924 12.4845 21.4924H7.90779C6.34092 21.4924 4.83823 20.8699 3.73029 19.762C2.62235 18.654 1.99991 17.1513 1.99991 15.5845C1.99991 14.0176 2.62235 12.5149 3.73029 11.407C4.83823 10.299 6.34092 9.6766 7.90779 9.6766H8.58516C8.79481 9.6766 8.99916 9.61071 9.16932 9.48823C9.33948 9.36576 9.46685 9.19291 9.53341 8.9941L9.93966 7.7816C11.2671 3.81754 15.6959 1.31048 19.8122 2.1931C23.1117 2.90048 25.2775 5.66185 25.079 8.90841C25.0652 9.13313 25.1276 9.35592 25.2562 9.54073C25.3848 9.72555 25.5719 9.86157 25.7874 9.92679C28.2675 10.6762 29.9999 13.0027 29.9999 15.5845C29.9981 17.1508 29.3751 18.6525 28.2676 19.76C27.16 20.8676 25.6584 21.4906 24.092 21.4924H19.5154C19.2501 21.4924 18.9958 21.5977 18.8082 21.7852C18.6207 21.9728 18.5154 22.2271 18.5154 22.4924C18.5154 22.7576 18.6207 23.0119 18.8082 23.1995C18.9958 23.387 19.2501 23.4924 19.5154 23.4924H24.092C26.1886 23.49 28.1986 22.6561 29.6811 21.1736C31.1636 19.6911 31.9975 17.681 31.9999 15.5845C32.0034 13.8668 31.4415 12.1958 30.4009 10.8292Z' fill='%23255465'/%3E%3Cpath d='M18.9694 17.2933C18.8226 17.2935 18.6777 17.2614 18.5448 17.1992C18.4119 17.1369 18.2944 17.0462 18.2006 16.9334L17.0001 15.4928V24.9807C17.0001 25.2459 16.8948 25.5003 16.7072 25.6878C16.5197 25.8753 16.2653 25.9807 16.0001 25.9807C15.7349 25.9807 15.4805 25.8753 15.293 25.6878C15.1055 25.5003 15.0001 25.2459 15.0001 24.9807V15.4928L13.7996 16.9334C13.7158 17.0352 13.6128 17.1195 13.4963 17.1813C13.3799 17.2431 13.2523 17.2813 13.121 17.2937C12.9898 17.306 12.8574 17.2923 12.7314 17.2533C12.6055 17.2143 12.4885 17.1507 12.3872 17.0663C12.2859 16.9819 12.2023 16.8783 12.1412 16.7614C12.0801 16.6446 12.0427 16.5168 12.0312 16.3855C12.0196 16.2541 12.0342 16.1218 12.074 15.9961C12.1138 15.8704 12.1781 15.7538 12.2632 15.6531L15.2319 12.0906C15.3258 11.9779 15.4432 11.8873 15.576 11.8251C15.7088 11.7629 15.8536 11.7307 16.0002 11.7307C16.1468 11.7307 16.2916 11.7629 16.4243 11.8251C16.5571 11.8873 16.6746 11.9779 16.7684 12.0906L19.7372 15.6531C19.8588 15.799 19.9364 15.9767 19.9607 16.1651C19.9851 16.3536 19.9552 16.5451 19.8747 16.7172C19.7941 16.8893 19.6662 17.0349 19.5059 17.1369C19.3456 17.2389 19.1594 17.2931 18.9694 17.2933Z' fill='%2336B0C9'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.upload-file .upload-file__title {
  font-family: "BahijTheSansArabic-Plain";
  color: var(--clr-text-color);
  font-size: 1rem;
}
.upload-file .upload-file__description {
  font-family: "BahijTheSansArabic-Plain";
  color: var(--clr-gray-color);
  font-size: 0.875rem;
}

.vip-badge {
  position: absolute;
  inset-inline-end: -2.75rem;
  inset-block-start: -0.5rem;
  font-size: 0.875rem;
  font-family: "BahijTheSansArabic-Bold";
  color: #fff;
  background-color: var(--clr-secondary);
  padding: 1rem 3rem 0.5rem;
  transform: rotate(-45deg);
}

.partner-details-card {
  position: relative;
  padding: 2rem 1.5rem;
  background-color: #fff;
  border-start-start-radius: 2.5rem;
  overflow: hidden;
}
.partner-details-card__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 1.5rem;
}
.partner-details-card__header img {
  display: inline-flex;
  margin-bottom: 1.5rem;
  height: 2.25rem;
  max-width: 100%;
  object-fit: contain;
}
.partner-details-card__header .partner-title {
  margin-bottom: 0.5rem;
  font-family: "BahijTheSansArabic-Bold";
}
.partner-details-card__header .partner-type {
  font-size: 1rem;
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-primary);
}
.partner-details-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 2rem;
}
.partner-details-card__footer .btn {
  flex: 1;
}

.lines-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.lines-list__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.lines-list__item .title {
  font-size: 0.875rem;
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-gray-color);
}
.lines-list__item .value {
  font-size: 1rem;
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-text-color);
}
.lines-list__item:not(:last-child) {
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--clr-border-color);
}

.col-xl-auto:has(.statistic-card) {
  flex: 1 0 0;
}

.statistic-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1rem;
  padding: 1.5rem;
  background-color: var(--clr-primary-50);
  border-start-start-radius: 1rem;
}
.statistic-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 1rem;
}
.statistic-card__header img {
  width: 1.75rem;
  height: 1.75rem;
}
.statistic-card__header .statistic-card__value {
  font-size: 1.75rem;
  font-family: "BahijTheSansArabic-Bold";
}
.statistic-card__body {
  width: 100%;
}
.statistic-card__body .statistic-card-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-gray-color);
}
.statistic-card__body .statistic-card-title .hint-text {
  font-size: 0.75rem;
}
.statistic-card__body .statistic-card-title .hint-text.danger {
  margin-inline-start: auto;
  color: var(--clr-danger);
}
.statistic-card.bg-white .statistic-card__header .statistic-card__value {
  color: var(--clr-primary);
}

.rate-card {
  position: relative;
  padding: 1rem;
  background-color: var(--clr-primary-50);
  border: 1px solid var(--clr-primary-100);
  border-radius: 0.5rem;
}
.rate-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.rate-card__header .rate-title {
  color: var(--clr-text-color);
}
.rate-card__body .rate-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.rate-card__body .rate-content__title {
  font-size: 1rem;
}
.rate-card__body .rate-content__value .form-select {
  min-width: 18.75rem;
}
.rate-card__body .rate-content input[type=checkbox] {
  background-color: #fff;
}
.rate-card__body .rate-content input[type=checkbox]:checked {
  background-color: var(--clr-primary);
}
.rate-card__body .rate-content input[type=radio] {
  background-color: #fff;
}
.rate-card .form-check {
  margin-bottom: 0;
}

.rate-result {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 1.5rem;
  background-color: var(--clr-primary-50);
  border: 1px solid var(--clr-primary-100);
  border-radius: 0.5rem;
}
.rate-result__header .rate-result__title {
  font-size: 1rem;
  font-family: "BahijTheSansArabic-SemiBold";
}
.rate-result__body .rate-chart {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 12.5rem;
  width: 12.5rem;
  max-width: 100%;
  object-fit: contain;
}
.rate-result__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rate-result__footer .partner-rate-title {
  color: var(--clr-primary);
}

.details-list-card {
  padding: 2rem;
  background-color: var(--clr-primary-50);
  border-start-start-radius: 2rem;
}
.details-list-card__container {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
}
.details-list-card .details-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 991.98px) {
  .details-list-card .details-item {
    flex: 1 0 calc(50% - 0.5rem);
    max-width: calc(50% - 0.5rem);
  }
}
@media (max-width: 767.98px) {
  .details-list-card .details-item {
    flex: 1 0 100%;
    max-width: 100%;
  }
}
.details-list-card .details-item:not(:first-child) {
  position: relative;
  padding-inline-start: 1.5rem;
}
.details-list-card .details-item:not(:first-child)::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block: 0;
  width: 0.09375rem;
  height: 2rem;
  margin-block: auto;
  background-color: #B3E6EE;
}
.details-list-card .details-item__title {
  font-size: 1rem;
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-gray-color);
}
.details-list-card .details-item__value {
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-primary);
}
.details-list-card .details-item__value.color-warning {
  color: var(--clr-warning);
}
.details-list-card .details-item__value.color-danger {
  color: var(--clr-danger);
}
.details-list-card .details-item__value.color-success {
  color: var(--clr-success);
}
.details-list-card .details-item__value.color-info {
  color: var(--clr-info);
}

.details-chart-item {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
}
.details-chart-item .chart-title {
  font-size: 1rem;
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-color);
}
.details-chart-item .chart {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5rem;
  width: 5rem;
  max-width: 100%;
  object-fit: contain;
}

.agreement-item-card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 2rem;
  background-color: var(--clr-primary-50);
  border-start-start-radius: 2rem;
  counter-increment: agreement-item-counter;
}
.agreement-item-card__info {
  flex: 1;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.agreement-item-card__info .card-no {
  font-family: "BahijTheSansArabic-SemiBold";
  background-color: var(--clr-primary);
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
}
.agreement-item-card__info .card-no::before {
  content: counter(agreement-item-counter);
}
.agreement-item-card__info .item-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.agreement-item-card__info .item-info .item-title {
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-text-color);
}
.agreement-item-card__info .item-info .info-footer {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.agreement-item-card__actions {
  min-width: 5rem;
}

.payment-item-card {
  position: relative;
  background-color: var(--clr-primary-50);
  border-start-start-radius: 2rem;
}
.payment-item-card__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.5rem;
}
.payment-item-card__body .payment-info {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-inline-start: 2.875rem;
}
.payment-item-card__body .payment-info::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  width: 1.75rem;
  height: 1.75rem;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.29 6.0387C12.3671 6.11858 12.4434 6.19819 12.5195 6.27698C13.7075 7.50594 14.8298 8.66702 15.665 9.96643C16.6254 11.4607 17.0732 12.9258 17.0732 14.5768C17.0732 16.4939 16.0454 17.9567 14.1016 18.8063C12.4353 19.5344 10.4076 19.6871 9 19.6871C7.6025 19.6871 5.58527 19.5343 3.91406 18.8063C1.96035 17.955 0.927736 16.4923 0.927734 14.5768C0.927734 12.9258 1.37555 11.4608 2.33594 9.96643C3.17116 8.66708 4.29269 7.50589 5.48047 6.27698C5.55677 6.19799 5.63388 6.11857 5.71094 6.0387H12.29ZM9 8.24963C8.8446 8.24963 8.69485 8.31162 8.58496 8.42151C8.47531 8.53135 8.41407 8.68035 8.41406 8.83557V9.13635C7.5543 9.36877 6.9248 10.099 6.9248 10.9615C6.92481 11.6145 7.16969 12.1076 7.65332 12.4264C8.0254 12.6715 8.45939 12.7629 8.87891 12.8512C9.75924 13.0364 9.90329 13.1404 9.90332 13.5934C9.90332 13.9955 9.49798 14.3228 9 14.3229C8.50191 14.3229 8.09668 13.9957 8.09668 13.5934C8.09664 13.4381 8.03463 13.2892 7.9248 13.1793C7.81498 13.0695 7.66606 13.0075 7.51074 13.0074C7.35534 13.0074 7.20559 13.0694 7.0957 13.1793C6.98604 13.2891 6.92484 13.4382 6.9248 13.5934C6.9248 14.4553 7.5543 15.1853 8.41406 15.4176V15.7194C8.41406 15.8746 8.47534 16.0236 8.58496 16.1334C8.69485 16.2433 8.8446 16.3053 9 16.3053C9.15532 16.3052 9.30423 16.2433 9.41406 16.1334C9.52384 16.0236 9.58594 15.8747 9.58594 15.7194V15.4176C10.4456 15.1853 11.0752 14.4553 11.0752 13.5934C11.0752 12.9405 10.8293 12.4483 10.3457 12.1295C9.97354 11.8843 9.53972 11.792 9.12012 11.7037C8.24012 11.5185 8.09686 11.4147 8.09668 10.9615C8.09668 10.5588 8.50191 10.2311 9 10.2311C9.49798 10.2312 9.90332 10.5588 9.90332 10.9615C9.90335 11.1168 9.96456 11.2658 10.0742 11.3756C10.1841 11.4855 10.3339 11.5475 10.4893 11.5475C10.6446 11.5474 10.7935 11.4854 10.9033 11.3756C11.0131 11.2658 11.0752 11.1169 11.0752 10.9615C11.0752 10.0991 10.4456 9.36881 9.58594 9.13635V8.83557C9.58593 8.68023 9.52388 8.53138 9.41406 8.42151C9.30423 8.31168 9.15532 8.2497 9 8.24963ZM4.58008 0.633423C6.35507 0.0372647 7.85065 0.397687 9.16992 0.715454C10.5038 1.03669 11.6562 1.31417 12.9736 0.663696C13.085 0.608796 13.2107 0.590687 13.333 0.611938C13.4555 0.633328 13.569 0.693252 13.6553 0.782837C13.7413 0.872336 13.7967 0.986967 13.8135 1.10999C13.8302 1.23322 13.8073 1.35903 13.748 1.46838L11.9072 4.86682H6.09375L4.25098 1.46838C4.21027 1.39326 4.18683 1.30953 4.18164 1.22424C4.17651 1.13906 4.19042 1.05365 4.22168 0.974243C4.25299 0.894806 4.30139 0.823102 4.36328 0.764282C4.4252 0.705485 4.49914 0.660616 4.58008 0.633423Z' fill='%2323A566'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.payment-item-card__body .payment-info .payment-info__amount {
  font-size: 1.125rem;
  font-family: "BahijTheSansArabic-Bold";
}
.payment-item-card__body .payment-info .payment-info__description {
  font-size: 1rem;
}
.payment-item-card__footer {
  padding: 0.75rem 1.5rem;
  background-color: var(--clr-primary-100);
}

.approval-card {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.5rem;
  background-color: var(--clr-primary-50);
  border-start-start-radius: 2rem;
}
.approval-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
  margin-top: 0.5rem;
}
.approval-card__icon svg {
  width: 100%;
  height: 100%;
}
.approval-card__info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.approval-card__info .user-container {
  margin-bottom: 0.5rem;
}
.approval-card__info .description {
  color: var(--clr-gray-color);
}

.timeline-card {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.5rem;
  background-color: var(--clr-primary-50);
  border-start-start-radius: 2rem;
}
.timeline-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
  margin-top: 0.5rem;
}
.timeline-card__icon svg {
  width: 100%;
  height: 100%;
}
.timeline-card__info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.timeline-card__info .user-container {
  margin-bottom: 0.5rem;
}
.timeline-card__info .description {
  color: var(--clr-gray-color);
}

.event-partner-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  background-color: var(--clr-primary-50);
  color: var(--clr-text-color);
  border-start-start-radius: 1.75rem;
  transition: all 0.3s ease-in-out;
}
.event-partner-card .partner-name {
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-text-color);
}
.event-partner-card .partner-role {
  font-size: 1rem;
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-primary);
}
.event-partner-card .card-icon-btns {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.event-partner-card .card-icon-btns .action-btn {
  display: inline-flex;
  height: 1.5rem;
  width: 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem;
  padding: 0;
  transition: all 0.3s ease-out;
}
.event-partner-card .card-icon-btns .action-btn.edit-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.50304 3.71875C8.5859 3.71875 8.66611 3.75196 8.72472 3.81055L12.1876 7.27734C12.246 7.33592 12.2794 7.41532 12.2794 7.49805C12.2793 7.5808 12.2461 7.66021 12.1876 7.71875L5.43761 14.4688C5.04793 14.8597 4.53893 15.1093 3.99132 15.1787L1.38585 15.4941C1.35294 15.4983 1.31942 15.5001 1.28624 15.5C1.17455 15.5005 1.06394 15.4773 0.962021 15.4316C0.859941 15.3858 0.768382 15.3184 0.694443 15.2344C0.62058 15.1504 0.56581 15.0513 0.53331 14.9443C0.500819 14.8373 0.491236 14.7242 0.505966 14.6133L0.821396 12.0088C0.890782 11.4611 1.14037 10.9522 1.53136 10.5625L8.28233 3.81055C8.34084 3.75206 8.42032 3.71886 8.50304 3.71875ZM12.2638 0.5C12.4764 0.5 12.6874 0.541674 12.8839 0.623047C13.0804 0.704455 13.2589 0.824232 13.4093 0.974609L15.0255 2.59082C15.1758 2.74117 15.2957 2.91978 15.3771 3.11621C15.4584 3.31267 15.5001 3.52368 15.5001 3.73633C15.5001 3.94899 15.4585 4.15998 15.3771 4.35645C15.2956 4.55293 15.1759 4.73148 15.0255 4.88184L13.5089 6.39844C13.4503 6.45702 13.3701 6.49023 13.2872 6.49023C13.2045 6.49016 13.125 6.45695 13.0665 6.39844L9.60167 2.93359C9.54317 2.87507 9.50996 2.79563 9.50987 2.71289C9.50987 2.63003 9.54308 2.54981 9.60167 2.49121L11.1183 0.974609C11.2686 0.824156 11.4472 0.704501 11.6437 0.623047C11.8401 0.541628 12.0511 0.500038 12.2638 0.5Z' fill='%23255465'/%3E%3Cpath d='M15.5 14.875C15.5 14.7092 15.4342 14.5503 15.3169 14.4331C15.1997 14.3158 15.0408 14.25 14.875 14.25H7.6875C7.52174 14.25 7.36277 14.3158 7.24556 14.4331C7.12835 14.5503 7.0625 14.7092 7.0625 14.875C7.0625 15.0408 7.12835 15.1997 7.24556 15.3169C7.36277 15.4342 7.52174 15.5 7.6875 15.5H14.875C15.0408 15.5 15.1997 15.4342 15.3169 15.3169C15.4342 15.1997 15.5 15.0408 15.5 14.875Z' fill='%2336B0C9'/%3E%3C/svg%3E%0A");
}
.event-partner-card .card-icon-btns .action-btn.delete-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.76275 0.015625C8.1305 0.015625 7.55802 0.389355 7.30367 0.968167L6.48903 2.82189H1.99194C1.35768 2.82189 0.843506 3.33606 0.843506 3.97033C0.843506 4.60459 1.35768 5.11877 1.99194 5.11877H3.01724V15.7601C3.01724 18.0901 4.90606 19.9789 7.23599 19.9789H13.2502C15.5802 19.9789 17.4689 18.0901 17.4689 15.7601V5.11877H18.0548C18.6891 5.11877 19.2033 4.60459 19.2033 3.97033C19.2033 3.33606 18.6891 2.82189 18.0548 2.82189H13.5578L12.7432 0.968167C12.4888 0.389355 11.9164 0.015625 11.2841 0.015625H8.76275ZM7.89059 7.65625C8.40838 7.65625 8.82809 8.07597 8.82809 8.59375V14.1719C8.82809 14.6897 8.40838 15.1094 7.89059 15.1094C7.37281 15.1094 6.95309 14.6897 6.95309 14.1719V8.59375C6.95309 8.07597 7.37281 7.65625 7.89059 7.65625ZM13.0468 8.59375C13.0468 8.07597 12.6271 7.65625 12.1093 7.65625C11.5916 7.65625 11.1718 8.07597 11.1718 8.59375V14.1719C11.1718 14.6897 11.5916 15.1094 12.1093 15.1094C12.6271 15.1094 13.0468 14.6897 13.0468 14.1719V8.59375Z' fill='%23FF3B30'/%3E%3C/svg%3E%0A");
}
.event-partner-card .card-icon-btns .action-btn:hover {
  transform: scale(1.12);
}
.event-partner-card__footer {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.event-partner-card__footer .card-icon-btns {
  margin-inline-start: auto;
}

.addEvent-participant-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  background-color: var(--clr-primary-50);
  color: var(--clr-text-color);
  border-start-start-radius: 1.75rem;
  transition: all 0.3s ease-in-out;
}
.addEvent-participant-card__header {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.addEvent-participant-card__header .card-icon-btns {
  margin-inline-start: auto;
}
.addEvent-participant-card .participant-name {
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-text-color);
}
.addEvent-participant-card .participant-role {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.addEvent-participant-card .participant-role span {
  font-family: "BahijTheSansArabic-Bold";
  color: var(--clr-primary);
}
.addEvent-participant-card .participant-role span.warning {
  color: var(--clr-warning);
}
.addEvent-participant-card .participant-role span.success {
  color: var(--clr-success);
}
.addEvent-participant-card .participant-role span.info {
  color: var(--clr-info);
}
.addEvent-participant-card .participant-role span.danger {
  color: var(--clr-danger);
}
.addEvent-participant-card .participant-role span.default {
  color: var(--clr-text-color);
}
.addEvent-participant-card .card-icon-btns {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.addEvent-participant-card .card-icon-btns .action-btn {
  display: inline-flex;
  height: 1.5rem;
  width: 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem;
  padding: 0;
  transition: all 0.3s ease-out;
}
.addEvent-participant-card .card-icon-btns .action-btn.edit-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.50304 3.71875C8.5859 3.71875 8.66611 3.75196 8.72472 3.81055L12.1876 7.27734C12.246 7.33592 12.2794 7.41532 12.2794 7.49805C12.2793 7.5808 12.2461 7.66021 12.1876 7.71875L5.43761 14.4688C5.04793 14.8597 4.53893 15.1093 3.99132 15.1787L1.38585 15.4941C1.35294 15.4983 1.31942 15.5001 1.28624 15.5C1.17455 15.5005 1.06394 15.4773 0.962021 15.4316C0.859941 15.3858 0.768382 15.3184 0.694443 15.2344C0.62058 15.1504 0.56581 15.0513 0.53331 14.9443C0.500819 14.8373 0.491236 14.7242 0.505966 14.6133L0.821396 12.0088C0.890782 11.4611 1.14037 10.9522 1.53136 10.5625L8.28233 3.81055C8.34084 3.75206 8.42032 3.71886 8.50304 3.71875ZM12.2638 0.5C12.4764 0.5 12.6874 0.541674 12.8839 0.623047C13.0804 0.704455 13.2589 0.824232 13.4093 0.974609L15.0255 2.59082C15.1758 2.74117 15.2957 2.91978 15.3771 3.11621C15.4584 3.31267 15.5001 3.52368 15.5001 3.73633C15.5001 3.94899 15.4585 4.15998 15.3771 4.35645C15.2956 4.55293 15.1759 4.73148 15.0255 4.88184L13.5089 6.39844C13.4503 6.45702 13.3701 6.49023 13.2872 6.49023C13.2045 6.49016 13.125 6.45695 13.0665 6.39844L9.60167 2.93359C9.54317 2.87507 9.50996 2.79563 9.50987 2.71289C9.50987 2.63003 9.54308 2.54981 9.60167 2.49121L11.1183 0.974609C11.2686 0.824156 11.4472 0.704501 11.6437 0.623047C11.8401 0.541628 12.0511 0.500038 12.2638 0.5Z' fill='%23255465'/%3E%3Cpath d='M15.5 14.875C15.5 14.7092 15.4342 14.5503 15.3169 14.4331C15.1997 14.3158 15.0408 14.25 14.875 14.25H7.6875C7.52174 14.25 7.36277 14.3158 7.24556 14.4331C7.12835 14.5503 7.0625 14.7092 7.0625 14.875C7.0625 15.0408 7.12835 15.1997 7.24556 15.3169C7.36277 15.4342 7.52174 15.5 7.6875 15.5H14.875C15.0408 15.5 15.1997 15.4342 15.3169 15.3169C15.4342 15.1997 15.5 15.0408 15.5 14.875Z' fill='%2336B0C9'/%3E%3C/svg%3E%0A");
}
.addEvent-participant-card .card-icon-btns .action-btn.delete-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.76275 0.015625C8.1305 0.015625 7.55802 0.389355 7.30367 0.968167L6.48903 2.82189H1.99194C1.35768 2.82189 0.843506 3.33606 0.843506 3.97033C0.843506 4.60459 1.35768 5.11877 1.99194 5.11877H3.01724V15.7601C3.01724 18.0901 4.90606 19.9789 7.23599 19.9789H13.2502C15.5802 19.9789 17.4689 18.0901 17.4689 15.7601V5.11877H18.0548C18.6891 5.11877 19.2033 4.60459 19.2033 3.97033C19.2033 3.33606 18.6891 2.82189 18.0548 2.82189H13.5578L12.7432 0.968167C12.4888 0.389355 11.9164 0.015625 11.2841 0.015625H8.76275ZM7.89059 7.65625C8.40838 7.65625 8.82809 8.07597 8.82809 8.59375V14.1719C8.82809 14.6897 8.40838 15.1094 7.89059 15.1094C7.37281 15.1094 6.95309 14.6897 6.95309 14.1719V8.59375C6.95309 8.07597 7.37281 7.65625 7.89059 7.65625ZM13.0468 8.59375C13.0468 8.07597 12.6271 7.65625 12.1093 7.65625C11.5916 7.65625 11.1718 8.07597 11.1718 8.59375V14.1719C11.1718 14.6897 11.5916 15.1094 12.1093 15.1094C12.6271 15.1094 13.0468 14.6897 13.0468 14.1719V8.59375Z' fill='%23FF3B30'/%3E%3C/svg%3E%0A");
}
.addEvent-participant-card .card-icon-btns .action-btn:hover {
  transform: scale(1.12);
}

.inbox-list-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
  background-color: #fff;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
}
.inbox-list-card .card-details-item {
  display: flex;
  flex-direction: column;
  align-items: self-start;
  gap: 0.5rem;
}
.inbox-list-card .card-details-item__title {
  color: var(--clr-gray-color);
  font-size: 1rem;
}
.inbox-list-card .card-details-item__value {
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-text-color);
}

.card-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-inline-end: 1rem;
  gap: 1rem;
}
.card-actions__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.5rem;
  min-width: 1.5rem;
  transition: all 0.3s ease-out;
  color: var(--clr-text-color);
}
.card-actions__btn .icon svg {
  width: 1rem;
  height: 1rem;
}
.card-actions__btn .title {
  font-size: 0.875rem;
  font-family: "BahijTheSansArabic-SemiBold";
}
.card-actions__btn.view-btn {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem;
  padding: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='14' viewBox='0 0 20 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99924 0.199707C14.4578 0.199819 18.156 4.48312 19.5393 6.32373C19.8384 6.72189 19.8383 7.27796 19.5393 7.67627C18.156 9.51874 14.4578 13.8002 9.99924 13.8003C5.5406 13.8003 1.84158 9.51877 0.460175 7.67627C0.161387 7.2781 0.161312 6.72179 0.460175 6.32373C1.84158 4.48307 5.5406 0.199707 9.99924 0.199707ZM9.99924 2.56006C7.5508 2.56006 5.55783 4.55205 5.55783 7.00049C5.55806 9.44873 7.55094 11.4419 9.99924 11.4419C12.4474 11.4418 14.4404 9.44867 14.4406 7.00049C14.4406 4.55211 12.4476 2.56015 9.99924 2.56006ZM9.99924 4.11572C11.5901 4.11582 12.884 5.40953 12.884 7.00049C12.8838 8.59124 11.59 9.88613 9.99924 9.88623C8.40841 9.88623 7.11472 8.5913 7.11447 7.00049C7.11447 5.40947 8.40826 4.11572 9.99924 4.11572Z' fill='%2336B0C9'/%3E%3C/svg%3E%0A");
}
.card-actions__btn.view-btn:hover {
  transform: scale(1.12);
}
.card-actions__btn:not(.icon-btn) {
  padding: 1.25rem;
  border-radius: 0.5rem;
  background-color: var(--clr-primary-50);
  border: 1px solid var(--clr-primary-100);
  color: var(--clr-text-color);
}
.card-actions__btn:not(.icon-btn):hover {
  transform: scale(1);
  background-color: var(--clr-primary-100);
}
@media (max-width: 767.98px) {
  .card-actions {
    justify-content: flex-start;
  }
}

.decision-card {
  padding: 2rem;
  color: var(--clr-text-color);
  background-color: var(--clr-primary-50);
  border-start-start-radius: 2rem;
}
.decision-card__header {
  padding-bottom: 1rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid var(--clr-primary-100);
}
.eventDetails-card,
.targetProgress-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
  padding: 1.5rem 1rem;
  background-color: var(--clr-primary-50);
  border: 1px solid var(--clr-primary-100);
  border-start-start-radius: 1.5rem;
  height: 100%;
}
.eventDetails-card__header,
.targetProgress-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  font-size: 1.125rem;
}
.eventDetails-card__header .card-title,
.targetProgress-card__header .card-title {
  color: var(--clr-text-color) !important;
}
.eventDetails-card__header .count-text,
.targetProgress-card__header .count-text {
  color: var(--clr-text-color);
  font-family: "BahijTheSansArabic-Bold";
}
.eventDetails-card__header .count-text.primary,
.targetProgress-card__header .count-text.primary {
  color: var(--clr-primary);
}
.eventDetails-card__header .count-text.info,
.targetProgress-card__header .count-text.info {
  color: var(--clr-info);
}
.eventDetails-card__header .count-text.success,
.targetProgress-card__header .count-text.success {
  color: var(--clr-success);
}
.eventDetails-card__header .count-text.warning,
.targetProgress-card__header .count-text.warning {
  color: var(--clr-warning);
}
.eventDetails-card__header .count-text.danger,
.targetProgress-card__header .count-text.danger {
  color: var(--clr-danger);
}
.eventDetails-card__header .count-text.default,
.targetProgress-card__header .count-text.default {
  color: var(--clr-text-color);
}
.eventDetails-card__body .eventDetails-item,
.targetProgress-card__body .eventDetails-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 1rem;
}
.eventDetails-card__body .eventDetails-item .title,
.targetProgress-card__body .eventDetails-item .title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--clr-text-color);
}
.eventDetails-card__body .eventDetails-item .title:has(strong),
.targetProgress-card__body .eventDetails-item .title:has(strong) {
  color: var(--clr-gray-color);
}
.eventDetails-card__body .eventDetails-item .title strong,
.targetProgress-card__body .eventDetails-item .title strong {
  color: var(--clr-text-color);
  font-family: "BahijTheSansArabic-Bold";
  font-size: 1.125rem;
}
.eventDetails-card__body .eventDetails-item .value,
.targetProgress-card__body .eventDetails-item .value {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--clr-primary);
  font-family: "BahijTheSansArabic-Bold";
  font-size: 1.125rem;
}
.eventDetails-card__body .eventDetails-item .value.default-text,
.targetProgress-card__body .eventDetails-item .value.default-text {
  color: var(--clr-gray-color);
  font-family: "BahijTheSansArabic-Plain";
  font-size: 0.875rem;
}
.eventDetails-card.bg-warning-light,
.targetProgress-card.bg-warning-light {
  background-color: var(--clr-warning-light);
  border: 1px solid var(--clr-warning-100);
}
.eventDetails-card.bg-warning-light .progress-container__body .progress .progress-bar,
.targetProgress-card.bg-warning-light .progress-container__body .progress .progress-bar {
  background-color: var(--clr-warning);
}
.eventDetails-card.bg-success-light,
.targetProgress-card.bg-success-light {
  background-color: var(--clr-success-light);
  border: 1px solid var(--clr-success-100);
}
.eventDetails-card.bg-success-light .progress-container__body .progress .progress-bar,
.targetProgress-card.bg-success-light .progress-container__body .progress .progress-bar {
  background-color: var(--clr-success);
}
.eventDetails-card.bg-danger-light,
.targetProgress-card.bg-danger-light {
  background-color: var(--clr-danger-light);
  border: 1px solid var(--clr-danger-100);
}
.eventDetails-card.bg-danger-light .progress-container__body .progress .progress-bar,
.targetProgress-card.bg-danger-light .progress-container__body .progress .progress-bar {
  background-color: var(--clr-danger);
}

.progress-container .progress-container__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}
.progress-container .progress-container__header .progress-count {
  font-family: "BahijTheSansArabic-Bold";
  color: var(--clr-text-color);
}
.progress-container .progress-container__body .progress {
  height: 0.625rem;
  background-color: #fff;
  border: 1px solid var(--clr-primary-100);
  border-radius: 5rem;
}
.progress-container .progress-container__body .progress .progress-bar {
  background-color: var(--clr-primary);
  border-radius: 5rem;
}
.progress-container .progress-container__body .progress.success {
  background-color: var(--clr-success-light);
  border: 0;
}
.progress-container .progress-container__body .progress.success .progress-bar {
  background-color: var(--clr-success);
}
.progress-container .progress-container__body .progress.danger {
  background-color: var(--clr-danger-light);
  border: 0;
}
.progress-container .progress-container__body .progress.danger .progress-bar {
  background-color: var(--clr-danger);
}
.progress-container .progress-container__body .progress.warning {
  background-color: var(--clr-warning-light);
  border: 0;
}
.progress-container .progress-container__body .progress.warning .progress-bar {
  background-color: var(--clr-warning);
}

.task-update-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.5rem;
  padding: 1.5rem;
  margin-bottom: 1rem;
  background-color: var(--clr-primary-50);
  border: 1px solid var(--clr-primary-100);
  border-start-start-radius: 1.5rem;
}
.task-update-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  font-size: 1.125rem;
}
.task-update-card__body {
  padding-block: 1.5rem;
}
.task-update-card__body .update-form {
  padding: 1.5rem;
  margin-top: 1.5rem;
  background-color: #fff;
  border-radius: 1rem;
}

.note-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
  padding: 1.5rem;
  background-color: var(--clr-primary-50);
  border: 1px solid var(--clr-primary-100);
  border-start-start-radius: 1.5rem;
}
.note-card__header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.note-card__header .actions-btn-list {
  margin-inline-start: auto;
  padding: 0;
}
.note-card__header .actions-btn-list .actions-btn-list__btn {
  height: 1.5rem;
  width: 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem;
  padding: 0;
  transition: all 0.3s ease-out;
}
.note-card__body {
  padding: 1rem;
  background-color: var(--clr-primary-100);
  border-radius: 0.5rem;
}

.stat-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 2rem;
  background: #fff;
  border-radius: 1rem;
  min-height: 10.625rem;
}
.stat-card__value {
  font-family: "BahijTheSansArabic-Bold";
  font-size: 2.5rem;
  line-height: 1;
}
.stat-card__label {
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-gray-color);
  font-size: 1rem;
}
.stat-card--confirmed {
  background-color: var(--clr-success-light);
}
.stat-card--confirmed .stat-card__value {
  color: var(--clr-success);
}
.stat-card--registered {
  background-color: var(--clr-info-light);
}
.stat-card--registered .stat-card__value {
  color: var(--clr-info);
}
.stat-card--percent {
  background-color: var(--clr-default-light);
}
.stat-card--percent .stat-card__value {
  color: var(--clr-text-color);
}
.stat-card--waiting {
  background-color: var(--clr-warning-light);
}
.stat-card--waiting .stat-card__value {
  color: var(--clr-warning);
}

.attendance-card {
  padding: 0.75rem 1.5rem;
  background-color: var(--clr-primary-50);
  border: 1px solid var(--clr-primary-100);
  border-start-start-radius: 1.5rem;
}
.attendance-card .form-check .form-check-input:not(:checked) {
  background-color: #fff;
}

.avatar-user-card {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.avatar-user-card__icon {
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--clr-secondary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.75rem;
  font-family: "BahijTheSansArabic-SemiBold";
}
.avatar-user-card__info {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.avatar-user-card__info .name {
  font-family: "BahijTheSansArabic-SemiBold";
}
.avatar-user-card__info .role {
  font-size: 0.875rem;
}

.rate {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.rate .rate-value {
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-gray-color);
}
.rate .rate-stars {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.rate .rate-stars .star-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  display: inline-block;
}
.rate .rate-stars .star-icon.star-filled path {
  fill: var(--clr-warning);
}
.rate .rate-stars .star-icon.star-outline path {
  fill: var(--clr-gray-color);
}

.attendance-time {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 0.75rem;
  background-color: #fff;
  border-radius: 0.5rem;
  border: 1px solid var(--clr-primary-100);
}
.attendance-time .plus-btn,
.attendance-time .minus-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem;
  border-radius: 50%;
}
.attendance-time .plus-btn {
  background-color: var(--clr-primary);
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 3.5C8.27614 3.5 8.5 3.72386 8.5 4V8H12.5C12.7761 8 13 8.22386 13 8.5C13 8.77614 12.7761 9 12.5 9H8.5V13C8.5 13.2761 8.27614 13.5 8 13.5C7.72386 13.5 7.5 13.2761 7.5 13V9H3.5C3.22386 9 3 8.77614 3 8.5C3 8.22386 3.22386 8 3.5 8H7.5V4C7.5 3.72386 7.72386 3.5 8 3.5Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}
.attendance-time .minus-btn {
  border: 1px solid var(--clr-primary);
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 8H3.5C3.22386 8 3 8.22386 3 8.5C3 8.77614 3.22386 9 3.5 9H12.5C12.7761 9 13 8.77614 13 8.5C13 8.22386 12.7761 8 12.5 8Z' fill='%2336B0C9'/%3E%3C/svg%3E%0A");
}
.attendance-time .time-value {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.attendance-time .time-value .title {
  font-size: 0.75rem;
  color: var(--clr-gray-color);
}
.attendance-time .time-value .time-input {
  width: 6.25rem;
  height: 2rem;
  border: 0;
  text-align: center;
  font-size: 1.125rem;
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-text-color);
}
.attendance-time .time-value .total-time {
  color: var(--clr-gray-color);
}

.performance-rate {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
  background-color: #fff;
  border-radius: 0.5rem;
  border: 1px solid var(--clr-primary-100);
  min-width: 9.375rem;
}
.performance-rate .title {
  color: var(--clr-gray-color);
}
.performance-rate select {
  border: 0;
  flex-shrink: 0;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 7.5rem;
  font-family: "BahijTheSansArabic-SemiBold";
}
@media (max-width: 991.98px) {
  .performance-rate {
    min-width: 100%;
  }
}

.participation-card {
  padding: 1.5rem;
  background-color: var(--clr-primary-50);
  border: 1px solid var(--clr-primary-100);
  border-start-start-radius: 1.5rem;
  transition: all 0.3s ease-in-out;
}
.participation-card__body {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.participation-card__body .participation-info {
  flex: 1;
}
.participation-card__body .participation-info__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
.participation-card__body .participation-info__item .title {
  color: var(--clr-gray-color);
}
.participation-card__body .participation-info__item .value {
  color: var(--clr-text-color);
  font-family: "BahijTheSansArabic-SemiBold";
}
.participation-card__body .participation-info__item .value.value-lg {
  font-size: 1.125rem;
}
.participation-card__body .participation-info__item .value .text-muted {
  font-size: 0.875rem;
}
.participation-card__body .participation-actions {
  flex-shrink: 0;
}
.participation-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 12px 0 rgba(54, 176, 201, 0.16), 0 1.5px 6px 0 rgba(37, 84, 101, 0.08);
}

.achievement-card {
  padding: 1.5rem;
  background-color: var(--clr-primary-50);
  border: 1px solid var(--clr-primary-100);
  border-start-start-radius: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.375rem;
  transition: all 0.3s ease-in-out;
}
.achievement-card .achievement-title {
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-primary);
  margin: 0;
}
.achievement-card .achievement-description {
  font-size: 0.875rem;
  color: var(--clr-text-color);
}
.achievement-card .achievement-date {
  font-size: 0.875rem;
  color: var(--clr-gray-color);
}
.achievement-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 12px 0 rgba(54, 176, 201, 0.16), 0 1.5px 6px 0 rgba(37, 84, 101, 0.08);
}

.inline-progress-card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
  background-color: #fff;
  border-start-start-radius: 1.5rem;
}
.inline-progress-card__body {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.inline-progress-card__body .card-title {
  font-size: 1.125rem;
  font-family: "BahijTheSansArabic-SemiBold";
  margin: 0;
  flex: 1;
}
.inline-progress-card__body .card-chart {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 4.375rem;
  height: 4.375rem;
}
.inline-progress-card__body .card-chart__value {
  font-size: 1.5rem;
  font-family: "BahijTheSansArabic-Bold";
  margin: 0;
  color: var(--clr-primary);
}

.performance-progress-card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
  background-color: #fff;
  border-start-start-radius: 1.5rem;
}
.performance-progress-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.performance-progress-card__header .card-title {
  font-family: "BahijTheSansArabic-Bold";
  margin: 0;
  flex: 1;
}
.performance-progress-card__header .header-count {
  font-size: 1.5rem;
  font-family: "BahijTheSansArabic-Bold";
  color: var(--clr-primary);
}
.performance-progress-card__header .header-count.success {
  color: var(--clr-success);
}
.performance-progress-card__header .header-count.danger {
  color: var(--clr-danger);
}
.performance-progress-card__body {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.inline-items-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem;
  background-color: #fff;
  border-radius: 0.5rem;
}
.inline-items-card__item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.inline-items-card__item .item-title {
  color: var(--clr-gray-color);
}
.inline-items-card__item .item-value {
  font-size: 1.125rem;
  font-family: "BahijTheSansArabic-Bold";
  color: var(--clr-text-color);
}
.inline-items-card.bg-primary-light {
  background-color: var(--clr-primary-50);
  border: 1px solid var(--clr-primary-100);
}
.inline-items-card.bg-primary-success {
  background-color: var(--clr-success-light);
  border: 1px solid var(--clr-success);
}

.donation-icon-card {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.donation-icon-card img {
  width: 2.5rem;
  height: 2.5rem;
}
.donation-icon-card .icon-details {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.donation-icon-card .icon-details .icon-title {
  font-size: 1.125rem;
  font-family: "BahijTheSansArabic-SemiBold";
  margin: 0;
}
.donation-icon-card .icon-details .icon-link {
  font-size: 0.875rem;
  color: var(--clr-primary);
  text-decoration: none;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.donation-icon-card.text-lg img {
  width: 3.125rem;
  height: 3.125rem;
}
.donation-icon-card.text-lg .icon-title {
  font-size: 1.5rem;
  font-family: "BahijTheSansArabic-Bold";
}
.donation-icon-card.text-lg .icon-description {
  font-size: 1rem;
}

.meeting-card {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  background-color: #fff;
  border: 1px solid var(--clr-border-color, #e7e7e7);
  border-radius: 0.75rem;
  padding: 0.75rem 5rem 0.75rem 4.5rem;
  min-height: 4.75rem;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
.meeting-card__date-badge {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  min-width: 3rem;
  height: 4.6875rem;
  padding: 0.5rem;
  background-color: var(--clr-primary-100, #d7f3f6);
  border-start-start-radius: 0.6125rem;
  border-end-start-radius: 0.75rem;
}
.meeting-card__date-badge .date-badge__day {
  font-size: 1.5rem;
  font-family: "BahijTheSansArabic-Bold", sans-serif;
  color: var(--clr-primary, #36b0c9);
  line-height: 1;
}
.meeting-card__date-badge .date-badge__month {
  font-size: 0.625rem;
  color: var(--clr-text-color, #255465);
  line-height: 1;
}
.meeting-card__actions {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  flex-shrink: 0;
}
.meeting-card__actions .action-btn {
  display: inline-flex;
  height: 1.25rem;
  width: 1.25rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding: 0;
  transition: all 0.3s ease-out;
  cursor: pointer;
  text-decoration: none;
}
.meeting-card__actions .action-btn.edit-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.50304 3.71875C8.5859 3.71875 8.66611 3.75196 8.72472 3.81055L12.1876 7.27734C12.246 7.33592 12.2794 7.41532 12.2794 7.49805C12.2793 7.5808 12.2461 7.66021 12.1876 7.71875L5.43761 14.4688C5.04793 14.8597 4.53893 15.1093 3.99132 15.1787L1.38585 15.4941C1.35294 15.4983 1.31942 15.5001 1.28624 15.5C1.17455 15.5005 1.06394 15.4773 0.962021 15.4316C0.859941 15.3858 0.768382 15.3184 0.694443 15.2344C0.62058 15.1504 0.56581 15.0513 0.53331 14.9443C0.500819 14.8373 0.491236 14.7242 0.505966 14.6133L0.821396 12.0088C0.890782 11.4611 1.14037 10.9522 1.53136 10.5625L8.28233 3.81055C8.34084 3.75206 8.42032 3.71886 8.50304 3.71875ZM12.2638 0.5C12.4764 0.5 12.6874 0.541674 12.8839 0.623047C13.0804 0.704455 13.2589 0.824232 13.4093 0.974609L15.0255 2.59082C15.1758 2.74117 15.2957 2.91978 15.3771 3.11621C15.4584 3.31267 15.5001 3.52368 15.5001 3.73633C15.5001 3.94899 15.4585 4.15998 15.3771 4.35645C15.2956 4.55293 15.1759 4.73148 15.0255 4.88184L13.5089 6.39844C13.4503 6.45702 13.3701 6.49023 13.2872 6.49023C13.2045 6.49016 13.125 6.45695 13.0665 6.39844L9.60167 2.93359C9.54317 2.87507 9.50996 2.79563 9.50987 2.71289C9.50987 2.63003 9.54308 2.54981 9.60167 2.49121L11.1183 0.974609C11.2686 0.824156 11.4472 0.704501 11.6437 0.623047C11.8401 0.541628 12.0511 0.500038 12.2638 0.5Z' fill='%23255465'/%3E%3Cpath d='M15.5 14.875C15.5 14.7092 15.4342 14.5503 15.3169 14.4331C15.1997 14.3158 15.0408 14.25 14.875 14.25H7.6875C7.52174 14.25 7.36277 14.3158 7.24556 14.4331C7.12835 14.5503 7.0625 14.7092 7.0625 14.875C7.0625 15.0408 7.12835 15.1997 7.24556 15.3169C7.36277 15.4342 7.52174 15.5 7.6875 15.5H14.875C15.0408 15.5 15.1997 15.4342 15.3169 15.3169C15.4342 15.1997 15.5 15.0408 15.5 14.875Z' fill='%2336B0C9'/%3E%3C/svg%3E%0A");
}
.meeting-card__actions .action-btn.view-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='14' viewBox='0 0 20 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99924 0.199707C14.4578 0.199819 18.156 4.48312 19.5393 6.32373C19.8384 6.72189 19.8383 7.27796 19.5393 7.67627C18.156 9.51874 14.4578 13.8002 9.99924 13.8003C5.5406 13.8003 1.84158 9.51877 0.460175 7.67627C0.161387 7.2781 0.161312 6.72179 0.460175 6.32373C1.84158 4.48307 5.5406 0.199707 9.99924 0.199707ZM9.99924 2.56006C7.5508 2.56006 5.55783 4.55205 5.55783 7.00049C5.55806 9.44873 7.55094 11.4419 9.99924 11.4419C12.4474 11.4418 14.4404 9.44867 14.4406 7.00049C14.4406 4.55211 12.4476 2.56015 9.99924 2.56006ZM9.99924 4.11572C11.5901 4.11582 12.884 5.40953 12.884 7.00049C12.8838 8.59124 11.59 9.88613 9.99924 9.88623C8.40841 9.88623 7.11472 8.5913 7.11447 7.00049C7.11447 5.40947 8.40826 4.11572 9.99924 4.11572Z' fill='%2336B0C9'/%3E%3C/svg%3E%0A");
}
.meeting-card__actions .action-btn.download-btn {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.60156 9.26758L10.8281 11.4941V5.42383C10.8281 4.77695 11.3531 4.25195 12 4.25195C12.6469 4.25195 13.1719 4.77695 13.1719 5.42383V11.4941L15.3984 9.26758C15.8578 8.8082 16.5984 8.8082 17.0578 9.26758C17.5172 9.72695 17.5172 10.4676 17.0578 10.927L12.8297 15.1551C12.3703 15.6145 11.6297 15.6145 11.1703 15.1551L6.94219 10.927C6.48281 10.4676 6.48281 9.72695 6.94219 9.26758C7.40156 8.8082 8.14219 8.8082 8.60156 9.26758ZM17.8594 18.577C17.8594 17.9301 17.3344 17.4051 16.6875 17.4051H7.3125C6.66562 17.4051 6.14062 17.9301 6.14062 18.577C6.14062 19.2238 6.66562 19.7488 7.3125 19.7488H16.6875C17.3344 19.7488 17.8594 19.2238 17.8594 18.577Z' fill='%2336B0C9'/%3E%3C/svg%3E");
}
.meeting-card__actions .action-btn:hover {
  transform: scale(1.12);
}
.meeting-card__content {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.meeting-card__header {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 12rem;
  max-width: 18rem;
  flex: 1;
  align-items: flex-start;
}
@media (max-width: 1399.98px) {
  .meeting-card__header {
    min-width: 10rem;
    max-width: 100%;
  }
}
@media (max-width: 991.98px) {
  .meeting-card__header {
    min-width: 100%;
    max-width: 100%;
  }
}
.meeting-card__title {
  font-size: 1rem;
  font-family: "BahijTheSansArabic-Bold", sans-serif;
  margin: 0;
  flex: 1;
  min-width: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.3;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  font-size: 1rem;
  visibility: visible; /* this is a tricky to work correctly at IOS */
}
@supports not (-webkit-line-clamp: 2) {
  .meeting-card__title {
    display: block;
    max-height: 41.6px;
    line-height: 1.3;
  }
}
@media (max-width: 1399.98px) {
  .meeting-card__title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.3;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    font-size: 1rem;
    visibility: visible; /* this is a tricky to work correctly at IOS */
  }
  @supports not (-webkit-line-clamp: 3) {
    .meeting-card__title {
      display: block;
      max-height: 62.4px;
      line-height: 1.3;
    }
  }
}
@media (max-width: 991.98px) {
  .meeting-card__title {
    max-width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.3;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    font-size: 1rem;
    visibility: visible; /* this is a tricky to work correctly at IOS */
  }
  @supports not (-webkit-line-clamp: 2) {
    .meeting-card__title {
      display: block;
      max-height: 41.6px;
      line-height: 1.3;
    }
  }
}
.meeting-card__meta {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.meeting-card__body {
  flex: 1;
}
.meeting-card__details {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
}
.meeting-card__completion {
  flex-shrink: 0;
}
.meeting-card .meeting-type {
  font-size: 0.75rem;
  font-family: "BahijTheSansArabic-Plain", sans-serif;
  color: var(--clr-text-color, #255465);
}
.meeting-card .meeting-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 1rem;
  border-radius: 1.5rem;
  font-size: 0.625rem;
  font-family: "BahijTheSansArabic-SemiBold", sans-serif;
  line-height: 0.875rem;
}
.meeting-card .meeting-status.success {
  background-color: var(--clr-success-light, #e9f6f0);
  color: var(--clr-success, #23a566);
}
.meeting-card .meeting-status.warning {
  background-color: var(--clr-warning-light, #fff4e5);
  color: var(--clr-warning, #ff9500);
}
.meeting-card .meeting-status.danger {
  background-color: var(--clr-danger-light, #ffe5e5);
  color: var(--clr-danger, #ff3b30);
}
.meeting-card .meeting-status.info {
  background-color: var(--clr-info-light, #e5f2ff);
  color: var(--clr-info, #007aff);
}
.meeting-card .meeting-detail-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  position: relative;
  align-items: flex-start;
}
.meeting-card .meeting-detail-item .detail-label {
  font-size: 0.75rem;
  color: var(--clr-gray-color);
}
.meeting-card .meeting-detail-item .detail-value {
  font-size: 0.875rem;
  font-family: "BahijTheSansArabic-SemiBold", sans-serif;
  color: var(--clr-text-color, #255465);
}
.meeting-card .completion-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding: 0.5rem 1rem;
  background-color: var(--clr-info-light, #e5f2ff);
  border-radius: 1.5rem;
  font-size: 0.75rem;
  font-family: "BahijTheSansArabic-SemiBold", sans-serif;
  color: var(--clr-info, #007aff);
  white-space: nowrap;
}
.meeting-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 12px 0 rgba(54, 176, 201, 0.16), 0 1.5px 6px 0 rgba(37, 84, 101, 0.08);
}
@media (max-width: 1399.98px) {
  .meeting-card {
    flex-direction: column;
    align-items: flex-start;
    padding: 1.5rem;
    gap: 1rem;
  }
  .meeting-card .meeting-card__date-badge {
    position: relative;
    inset: 0;
    border-end-start-radius: 0;
  }
  .meeting-card .meeting-card__content {
    width: 100%;
    min-width: 100%;
  }
  .meeting-card .meeting-card__title {
    max-width: 100%;
  }
}
@media (max-width: 991.98px) {
  .meeting-card {
    flex-direction: column;
    align-items: flex-start;
    padding: 1.5rem;
  }
  .meeting-card .meeting-card__content {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    width: 100%;
  }
  .meeting-card .meeting-card__content .meeting-card__details {
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
  }
  .meeting-card .meeting-card__content .meeting-card__title {
    max-width: 100%;
  }
}

.attendance-members .attendance-form .input-group {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.attendance-members .attendance-form .input-group input {
  border-radius: 4rem !important;
  border: 1px solid var(--clr-border-color);
}
.attendance-members .attendance-form .input-group input:focus {
  border-color: var(--clr-primary);
}
.attendance-members .attendance-form .input-group .btn-icon {
  border-radius: 4rem !important;
}

.attendance-list .attendance-list__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  background-color: var(--clr-primary-50);
  border: 1px solid var(--clr-primary-100);
}
.attendance-list .attendance-list__item__info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.attendance-list .attendance-list__item__info .name {
  font-size: 0.875rem;
  font-family: "BahijTheSansArabic-SemiBold", sans-serif;
  margin: 0;
}
.attendance-list .attendance-list__item__info .email {
  font-size: 0.75rem;
  color: var(--clr-primary);
}
.attendance-list .attendance-list__item__actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.attendance-list .attendance-list__item__actions .action-btn {
  display: inline-flex;
  height: 1.5rem;
  width: 1.5rem;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem;
  padding: 0;
  transition: all 0.3s ease-out;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.attendance-list .attendance-list__item__actions .action-btn.delete-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.76275 0.015625C8.1305 0.015625 7.55802 0.389355 7.30367 0.968167L6.48903 2.82189H1.99194C1.35768 2.82189 0.843506 3.33606 0.843506 3.97033C0.843506 4.60459 1.35768 5.11877 1.99194 5.11877H3.01724V15.7601C3.01724 18.0901 4.90606 19.9789 7.23599 19.9789H13.2502C15.5802 19.9789 17.4689 18.0901 17.4689 15.7601V5.11877H18.0548C18.6891 5.11877 19.2033 4.60459 19.2033 3.97033C19.2033 3.33606 18.6891 2.82189 18.0548 2.82189H13.5578L12.7432 0.968167C12.4888 0.389355 11.9164 0.015625 11.2841 0.015625H8.76275ZM7.89059 7.65625C8.40838 7.65625 8.82809 8.07597 8.82809 8.59375V14.1719C8.82809 14.6897 8.40838 15.1094 7.89059 15.1094C7.37281 15.1094 6.95309 14.6897 6.95309 14.1719V8.59375C6.95309 8.07597 7.37281 7.65625 7.89059 7.65625ZM13.0468 8.59375C13.0468 8.07597 12.6271 7.65625 12.1093 7.65625C11.5916 7.65625 11.1718 8.07597 11.1718 8.59375V14.1719C11.1718 14.6897 11.5916 15.1094 12.1093 15.1094C12.6271 15.1094 13.0468 14.6897 13.0468 14.1719V8.59375Z' fill='%23FF3B30'/%3E%3C/svg%3E%0A");
}
.attendance-list .attendance-list__item__actions .action-btn:hover {
  transform: scale(1.12);
}

.meeting-agenda {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  background-color: var(--clr-primary-50);
  border: 1px solid var(--clr-primary-100);
  border-radius: 1rem;
  padding: 1.5rem 1rem;
}
.meeting-agenda .meeting-agenda__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.meeting-agenda .meeting-agenda__header .meeting-agenda__title {
  margin: 0;
}
.meeting-agenda .meeting-agenda__body .meeting-agenda__item {
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: #fff;
}
.meeting-agenda .meeting-agenda__body .meeting-agenda__item .input-group {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.meeting-agenda .meeting-agenda__body .meeting-agenda__item .input-group .form-control {
  border-radius: 1rem !important;
  border: 1px solid var(--clr-border-color);
}
.meeting-agenda .meeting-agenda__body .meeting-agenda__item .input-group .form-control:focus {
  border-color: var(--clr-primary);
}
.meeting-agenda .meeting-agenda__body .meeting-agenda__item .input-group .btn-icon {
  border-radius: 4rem !important;
}

.meeting-agenda-view {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  counter-reset: meeting-agenda-counter;
}
.meeting-agenda-view__item {
  display: flex;
  align-items: center;
  gap: 1rem;
  counter-increment: meeting-agenda-counter;
  position: relative;
}
.meeting-agenda-view__item::before {
  content: counter(meeting-agenda-counter);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  background-color: var(--clr-primary-100, #d7f3f6);
  color: var(--clr-primary);
  border-radius: 50%;
  font-size: 1rem;
  font-family: "BahijTheSansArabic-Bold", sans-serif;
  flex-shrink: 0;
}
.meeting-agenda-view__item .item-title {
  margin: 0;
  flex: 1;
}

.target-indicators {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2rem;
}
.target-indicators__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.target-indicators__title {
  margin: 0;
  font-family: "BahijTheSansArabic-Bold";
  font-size: 1rem;
  color: var(--clr-text-color);
}

.indicator-row {
  padding: 0.75rem 1.5rem;
  background-color: var(--clr-primary-50);
  border: 1px solid var(--clr-primary-100);
  border-radius: 0.75rem;
}
.indicator-row .form-control.disabled {
  background-color: var(--clr-default);
  color: var(--clr-gray-color);
}

.aside-card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
  background-color: #fff;
  border-start-start-radius: 1.5rem;
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}
.aside-card::-webkit-scrollbar {
  width: 6px;
}
.aside-card::-webkit-scrollbar-track {
  background: var(--clr-primary-50);
  border-radius: 3px;
}
.aside-card::-webkit-scrollbar-thumb {
  background: var(--clr-primary);
  border-radius: 3px;
}
.aside-card::-webkit-scrollbar-thumb:hover {
  background: var(--clr-primary);
  opacity: 0.8;
}
.aside-card .nav-tabs {
  width: 100%;
  border: none !important;
  gap: 0.5rem;
}
.aside-card .nav-tabs .nav-link {
  width: 100%;
  padding-block: 1rem !important;
  border-radius: 0 !important;
  border-inline-start: 0.25rem solid transparent !important;
}
.aside-card .nav-tabs .nav-link:hover {
  color: var(--clr-primary) !important;
}
.aside-card .nav-tabs .nav-link.active {
  background-color: var(--clr-primary-50) !important;
  color: var(--clr-primary) !important;
  border-inline-start: 0.25rem solid var(--clr-primary) !important;
}

.permits-approvals-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.permits-approvals-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  background-color: var(--clr-primary-50);
  border: 1px solid var(--clr-primary-100);
  border-radius: 0.25rem;
}
.permits-approvals-item .item-label {
  font-family: "BahijTheSansArabic-SemiBold";
}
.permits-approvals-item .item-count {
  font-family: "BahijTheSansArabic-Bold";
  font-size: 1.5rem;
  color: var(--clr-primary);
}

.meetings-summary {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.meetings-summary-item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  background-color: var(--clr-default-light);
  border-start-start-radius: 0.75rem;
}
.meetings-summary-item .summary-label {
  font-family: "BahijTheSansArabic-SemiBold";
  font-size: 0.875rem;
  color: var(--clr-text-color);
}
.meetings-summary-item .summary-count {
  font-family: "BahijTheSansArabic-Bold";
  font-size: 1.125rem;
  line-height: 32px;
}
.meetings-summary-item .summary-count.primary {
  color: var(--clr-primary);
}
.meetings-summary-item .summary-count.warning {
  color: var(--clr-warning);
}

.meetings-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-height: 17.5rem;
  overflow-y: auto;
  padding-inline-end: 0.75rem;
}

.meetings-group {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.meetings-group .group-label {
  font-family: "BahijTheSansArabic-SemiBold";
  font-size: 0.875rem;
  color: var(--clr-gray-color);
}

.meeting-item {
  position: relative;
  display: flex;
  align-items: stretch;
  background-color: #fff;
  border: 1px solid var(--clr-border-color);
  overflow: hidden;
}
.meeting-item .meeting-time {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background-color: var(--clr-primary);
  color: #fff;
  width: 3.75rem;
}
.meeting-item .meeting-time .time-start,
.meeting-item .meeting-time .time-end {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  font-family: "BahijTheSansArabic-Bold";
  font-size: 0.875rem;
  line-height: 1;
}
.meeting-item .meeting-time .time-start::before,
.meeting-item .meeting-time .time-end::before {
  content: "";
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  background-color: #fff;
  border-radius: 50%;
  margin: 0.25rem auto;
}
.meeting-item .meeting-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  padding: 0.5rem 0.75rem;
  padding-inline-end: 5rem;
}
.meeting-item .meeting-info .meeting-title {
  font-family: "BahijTheSansArabic-SemiBold";
  font-size: 0.875rem;
  margin: 0;
  line-height: 1.4;
}
.meeting-item .meeting-info .meeting-org {
  font-family: "BahijTheSansArabic-SemiBold";
  font-size: 0.75rem;
  color: var(--clr-gray-color);
}
.meeting-item .meeting-status {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  font-family: "BahijTheSansArabic-SemiBold";
  font-size: 0.75rem;
  padding: 0.25rem 1rem;
  border-end-start-radius: 1.25rem;
}
.meeting-item .meeting-status.success {
  background-color: var(--clr-success-light);
  color: var(--clr-success);
}
.meeting-item .meeting-status.info {
  background-color: var(--clr-info-light);
  color: var(--clr-info);
}
.meeting-item .meeting-status.warning {
  background-color: var(--clr-warning-light);
  color: var(--clr-warning);
}

.tasks-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.task-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background-color: var(--clr-primary-50);
  border: 1px solid var(--clr-primary-100);
  border-radius: 0.25rem;
}
.task-item .task-info {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.task-item .task-label {
  font-family: "BahijTheSansArabic-SemiBold";
  font-size: 0.875rem;
  color: var(--clr-text-color);
}
.task-item .task-count {
  font-family: "BahijTheSansArabic-Bold";
  font-size: 1.5rem;
  color: var(--clr-primary);
  margin-inline-start: auto;
}
.task-item .task-chart {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "BahijTheSansArabic-SemiBold";
  font-size: 0.625rem;
  color: var(--clr-gray-color);
  margin: 0.5rem;
}
.task-item.info {
  background-color: var(--clr-info-light);
  border-color: rgba(0, 122, 255, 0.2);
}
.task-item.info .task-count {
  color: var(--clr-info);
}
.task-item.success {
  background-color: var(--clr-success-light);
  border-color: rgba(35, 165, 102, 0.2);
}
.task-item.success .task-count {
  color: var(--clr-success);
}
.task-item.danger {
  background-color: var(--clr-danger-light);
  border-color: rgba(255, 59, 48, 0.2);
}
.task-item.danger .task-count {
  color: var(--clr-danger);
}
.task-item.warning {
  background-color: var(--clr-warning-light);
  border-color: rgba(255, 149, 0, 0.2);
}
.task-item.warning .task-count {
  color: var(--clr-warning);
}

.partners-statistics-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  border-start-start-radius: 1rem;
}
.partners-statistics-item .item-label {
  font-family: "BahijTheSansArabic-SemiBold";
  font-size: 0.875rem;
  color: var(--clr-text-color);
}
.partners-statistics-item .item-count {
  font-family: "BahijTheSansArabic-Bold";
  font-size: 1.25rem;
  line-height: 32px;
}
.partners-statistics-item .item-count small {
  font-size: 0.875rem;
}
.partners-statistics-item.info {
  background-color: var(--clr-info-light);
}
.partners-statistics-item.info .item-count {
  color: var(--clr-info);
}
.partners-statistics-item.success {
  background-color: var(--clr-success-light);
}
.partners-statistics-item.success .item-count {
  color: var(--clr-success);
}
.partners-statistics-item.warning {
  background-color: var(--clr-warning-light);
}
.partners-statistics-item.warning .item-count {
  color: var(--clr-warning);
}
.partners-statistics-item.danger {
  background-color: var(--clr-danger-light);
}
.partners-statistics-item.danger .item-count {
  color: var(--clr-danger);
}

.donations-statistics-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  border-start-start-radius: 1rem;
}
.donations-statistics-item .item-label {
  font-family: "BahijTheSansArabic-SemiBold";
  font-size: 0.875rem;
  color: var(--clr-text-color);
}
.donations-statistics-item .item-count {
  font-family: "BahijTheSansArabic-Bold";
  font-size: 1.25rem;
  line-height: 32px;
}
.donations-statistics-item .item-count small {
  font-size: 0.875rem;
  font-family: "BahijTheSansArabic-SemiBold";
}
.donations-statistics-item.primary {
  background-color: var(--clr-primary-50);
}
.donations-statistics-item.primary .item-count {
  color: var(--clr-primary);
}
.donations-statistics-item.info {
  background-color: var(--clr-info-light);
}
.donations-statistics-item.info .item-count {
  color: var(--clr-info);
}
.donations-statistics-item.success {
  background-color: var(--clr-success-light);
}
.donations-statistics-item.success .item-count {
  color: var(--clr-success);
}
.donations-statistics-item.warning {
  background-color: var(--clr-warning-light);
}
.donations-statistics-item.warning .item-count {
  color: var(--clr-warning);
}
.donations-statistics-item.danger {
  background-color: var(--clr-danger-light);
}
.donations-statistics-item.danger .item-count {
  color: var(--clr-danger);
}
.donations-statistics-item.gray {
  background-color: var(--clr-default-light);
}
.donations-statistics-item.gray .item-count {
  color: var(--clr-text-color);
}

.card:has(.collapse.show) .btn-collapse {
  transform: rotate(180deg);
}
.card:has(.collapse:not(.show)) .card-header {
  padding-bottom: 1.5rem;
  transition: all 0.3s ease-in-out;
}

.contribution-card {
  position: relative;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  padding: 0.75rem 1.5rem;
  background-color: var(--clr-primary-50);
  border: 1px solid var(--clr-primary-100);
  border-start-start-radius: 1rem;
  padding-inline-end: 8rem;
}
.contribution-card__info {
  flex: 1 0 9.375rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
.contribution-card__info .item-title {
  font-size: 0.875rem;
  color: var(--clr-gray-color);
}
.contribution-card__info .item-value {
  font-family: "BahijTheSansArabic-SemiBold";
}
.contribution-card__info .progress-container {
  flex: 1;
  width: 100%;
}
.contribution-card__info .progress-container .progress-container__body {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.contribution-card__info .progress-container .progress-container__body .progress {
  width: 100%;
}

.alert {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  border-radius: 10px;
  text-decoration: none;
  transition: opacity 0.2s ease;
  cursor: default;
}
.alert[href] {
  cursor: pointer;
}
.alert.alert-active {
  opacity: 0.65;
  box-shadow: 0 0 0 2px currentColor inset;
}
.alert .alert-icon svg {
  width: 1.25rem;
  height: 1.25rem;
}
.alert .alert-title {
  font-family: "BahijTheSansArabic-SemiBold";
  font-size: 0.875rem;
}
.alert .alert-actions {
  display: flex;
  align-items: center;
  margin-inline-start: auto;
  gap: 0.5rem;
}
.alert .alert-actions .alert-count {
  font-family: "BahijTheSansArabic-Bold";
}
.alert .alert-actions .alert-count.primary {
  color: var(--clr-primary);
}
.alert .alert-actions .alert-count.warning {
  color: var(--clr-warning);
}
.alert .alert-actions .alert-count.success {
  color: var(--clr-success);
}
.alert .alert-actions .alert-count.info {
  color: var(--clr-info);
}
.alert .alert-actions .alert-count.danger {
  color: var(--clr-danger);
}
.alert.alert-primary {
  background-color: var(--clr-primary-50);
  border-color: var(--clr-primary-100);
  color: var(--clr-text-color);
}
.alert.alert-warning {
  background-color: #FFFBEA;
  border-color: var(--clr-warning-light);
  color: #E26E00;
}
.alert.alert-info {
  background-color: var(--clr-info-light);
  border-color: var(--clr-info-light);
  color: var(--clr-info-color);
}
.alert.alert-danger {
  background-color: var(--clr-danger-light);
  border-color: var(--clr-danger-light);
  color: var(--clr-danger);
}

.nav-tabs .nav-item .nav-link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  border-radius: 1rem 1rem 0 0;
  border: 0;
  color: var(--clr-gray-color);
  font-size: 1rem;
  font-family: "BahijTheSansArabic-SemiBold";
}
.nav-tabs .nav-item .nav-link.active {
  font-weight: normal;
  background-color: var(--clr-primary);
  color: #fff;
}

.tab-content {
  padding-block: 1.5rem;
}

.filter-tabs {
  display: flex;
  justify-content: center;
  border-radius: 12.5rem;
}
.filter-tabs.with-border {
  border: 1px solid var(--clr-border-color);
}
.filter-tabs__wrapper {
  display: flex;
  align-items: center;
  gap: 0;
  background-color: var(--clr-white, #ffffff);
  border-radius: 12.5rem;
  padding: 0.1875rem;
  box-sizing: border-box;
}
.filter-tabs .filter-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding: 0.5rem 2rem;
  border-radius: 12.5rem;
  border: 0;
  background-color: var(--clr-white, #ffffff);
  color: var(--clr-text, #255465);
  font-family: "BahijTheSansArabic-SemiBold", sans-serif;
  font-size: 0.875rem;
  line-height: 1.5rem;
  cursor: pointer;
  height: 3rem;
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
}
.filter-tabs .filter-tab:hover {
  background-color: var(--clr-primary-50, #effbfc);
  color: var(--clr-primary, #36b0c9);
}
.filter-tabs .filter-tab.active {
  background-color: var(--clr-primary, #36b0c9);
  color: var(--clr-white, #ffffff);
}
.filter-tabs .filter-tab.active:hover {
  background-color: var(--clr-primary, #36b0c9);
  color: var(--clr-white, #ffffff);
}

.stepper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.5rem;
  background-color: #fff;
  border-start-start-radius: 1.25rem;
}
.stepper__item {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.stepper__item::before {
  content: "";
  height: 0.0625rem;
  background-color: var(--clr-border-color);
  width: 4rem;
}
.stepper__item:first-child::before {
  display: none;
}
.stepper__item .step-no {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
  background-color: var(--clr-primary-100);
  color: var(--clr-gray-color);
  -webkit-user-select: none;
          user-select: none;
  border-radius: 50%;
  opacity: 0.5;
}
.stepper__item .step-no::after {
  position: absolute;
  inset: 0;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.706' height='12.021' viewBox='0 0 16.706 12.021'%3E%3Cpath id='Path_95556' data-name='Path 95556' d='M16.317,72.176a1.325,1.325,0,0,0-1.874,0L6.01,80.61,2.262,76.862A1.325,1.325,0,0,0,.388,78.736l4.685,4.685a1.325,1.325,0,0,0,1.874,0l9.37-9.371a1.325,1.325,0,0,0,0-1.874Z' transform='translate(0 -71.788)' fill='%23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.75rem;
  background-color: var(--clr-success);
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
}
.stepper__item .step-title {
  color: var(--clr-gray-color);
  text-align: center;
  white-space: nowrap;
  font-family: "BahijTheSansArabic-SemiBold";
  font-size: 0.875rem;
}
.stepper__item.current .step-no {
  opacity: 1;
  border-color: var(--clr-primary);
  background-color: var(--clr-primary);
  color: #fff;
}
.stepper__item.current::before {
  background-color: var(--clr-primary);
}
.stepper__item.current .step-title {
  color: var(--clr-text-color);
}
.stepper__item.completed::before {
  background-color: var(--clr-primary);
}
.stepper__item.completed .step-no {
  opacity: 1;
  background-color: var(--clr-primary);
  color: #fff;
}
.stepper__item.completed .step-no::after {
  opacity: 1;
  visibility: visible;
}
.stepper__item.completed .step-title {
  color: var(--clr-text-color);
}

.error-container .error-img img {
  width: 100%;
  max-width: 550px;
}
.error-container .error-title {
  font-size: 2rem;
  margin: 0;
}
.error-container .error-desc {
  max-width: 60%;
  text-align: center;
  font-size: 1.25rem;
}
@media (max-width: 575.98px) {
  .error-container .error-desc {
    max-width: 100%;
  }
}

.error-page .error-content .ms-rtestate-field h2 {
  font-family: "BahijTheSansArabic-Bold";
  color: var(--clr-primary);
  text-align: center;
}
.error-page .error-content .ms-rtestate-field p {
  text-align: center;
  font-size: 1rem;
}
.error-page .error-content .ms-rtestate-field p a {
  color: var(--clr-secondary) !important;
}
.error-page .error-content .ms-rtestate-field p a:hover {
  color: var(--clr-primary) !important;
}

.tags-list__item {
  padding: 0.25rem 1rem;
  font-size: 0.875rem;
  background-color: var(--clr-primary);
  color: #fff;
  border-radius: 5rem;
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 35rem;
  --bs-modal-padding: 1.5rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: var(--clr-text-color);
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: 0;
  --bs-modal-border-radius: 0 1.5rem 0 0;
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-header-padding-x: 1.5rem;
  --bs-modal-header-padding-y: 2rem;
  --bs-modal-header-padding: 2rem;
  --bs-modal-header-border-width: 0;
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-border-width: 0;
}

.modal-header .btn-close {
  --bs-btn-close-bg: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99968 0.833252C8.18668 0.833252 6.4144 1.37087 4.90695 2.37811C3.3995 3.38536 2.22459 4.817 1.53078 6.49199C0.83698 8.16698 0.655449 10.0101 1.00915 11.7882C1.36284 13.5664 2.23589 15.1998 3.51787 16.4817C4.79985 17.7637 6.43319 18.6368 8.21135 18.9904C9.98951 19.3441 11.8326 19.1626 13.5076 18.4688C15.1826 17.775 16.6142 16.6001 17.6215 15.0926C18.6287 13.5852 19.1663 11.8129 19.1663 9.99992C19.1635 7.56965 18.1968 5.23974 16.4783 3.52127C14.7599 1.80281 12.4299 0.836119 9.99968 0.833252ZM13.5347 12.3574C13.6143 12.4343 13.6778 12.5262 13.7214 12.6279C13.7651 12.7296 13.7881 12.8389 13.7891 12.9496C13.79 13.0602 13.7689 13.17 13.727 13.2724C13.6851 13.3748 13.6233 13.4678 13.545 13.5461C13.4668 13.6243 13.3737 13.6862 13.2713 13.7281C13.1689 13.77 13.0592 13.7911 12.9485 13.7901C12.8379 13.7892 12.7285 13.7662 12.6268 13.7225C12.5252 13.6788 12.4332 13.6153 12.3563 13.5358L9.99968 11.1783L7.64301 13.5358C7.48584 13.6875 7.27534 13.7715 7.05684 13.7696C6.83835 13.7677 6.62934 13.6801 6.47483 13.5256C6.32032 13.3711 6.23268 13.1621 6.23078 12.9436C6.22888 12.7251 6.31288 12.5146 6.46468 12.3574L8.82135 9.99992L6.46468 7.64242C6.38509 7.56555 6.3216 7.47359 6.27793 7.37192C6.23425 7.27025 6.21126 7.1609 6.2103 7.05025C6.20934 6.9396 6.23043 6.82987 6.27233 6.72746C6.31423 6.62504 6.37611 6.532 6.45435 6.45376C6.53259 6.37551 6.62564 6.31363 6.72805 6.27173C6.83046 6.22983 6.9402 6.20875 7.05085 6.20971C7.1615 6.21067 7.27085 6.23366 7.37252 6.27733C7.47419 6.32101 7.56614 6.38449 7.64301 6.46409L9.99968 8.82159L12.3563 6.46409C12.4332 6.38449 12.5252 6.32101 12.6268 6.27733C12.7285 6.23366 12.8379 6.21067 12.9485 6.20971C13.0592 6.20875 13.1689 6.22983 13.2713 6.27173C13.3737 6.31363 13.4668 6.37551 13.545 6.45376C13.6233 6.532 13.6851 6.62504 13.727 6.72746C13.7689 6.82987 13.79 6.9396 13.7891 7.05025C13.7881 7.1609 13.7651 7.27025 13.7214 7.37192C13.6778 7.47359 13.6143 7.56555 13.5347 7.64242L11.178 9.99992L13.5347 12.3574Z' fill='%23668793'/%3E%3C/svg%3E%0A");
  --bs-btn-close-opacity: .7;
  --bs-btn-close-hover-opacity: 1;
  --bs-btn-close-focus-shadow: none;
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 1;
  padding: 0.25rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.3s ease-in-out;
}
.modal-header .btn-close:hover {
  transform: scale(1.12);
}
.modal-header .modal-title {
  font-size: 1.125rem;
  font-family: "BahijTheSansArabic-SemiBold";
}

.modal-body .form-actions {
  justify-content: center;
  margin-block: 1rem;
}

.modal-footer {
  justify-content: center;
}

.modal-msg {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--global-spacing-md);
}
.modal-msg__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: var(--background-success-50);
}
.modal-msg__icon img,
.modal-msg__icon svg {
  width: 1.5rem;
  height: 1.5rem;
  object-fit: contain;
}
.modal-msg__title {
  color: var(--text-display);
}
.modal-msg__text {
  color: var(--Text-text-primary-paragraph, #384250);
  font-family: "IBMPlexSansArabic-Medium";
  text-align: center;
}
.modal-msg__text a {
  color: var(--Text-text-primary, #067647);
}
.modal-msg__amount {
  display: flex;
  align-items: center;
  gap: var(--global-spacing-md);
  margin-bottom: var(--global-spacing-lg);
}
.modal-msg__amount span {
  font-size: 1.125rem;
  font-family: "IBMPlexSansArabic-SemiBold";
}
.modal-msg__amount .currency svg {
  width: 1rem;
  height: 1rem;
  object-fit: contain;
}
.modal-msg__actions {
  display: flex;
  align-items: center;
  gap: var(--global-spacing-md);
  margin-bottom: var(--global-spacing-xl);
}
.modal-msg__actions .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--global-spacing-sm);
}
.modal-msg__actions .btn svg {
  width: 1.25rem;
  height: 1.25rem;
  object-fit: contain;
}
.modal-msg__hint {
  font-size: 0.875rem;
  color: var(--Text-text-primary-paragraph, #384250);
  text-align: center;
}
.modal-msg__hint a {
  color: var(--Text-text-primary, #067647);
  text-decoration: underline;
}
.modal-msg__list {
  flex: 1;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: var(--global-spacing-md);
  padding-top: var(--global-spacing-lg);
  border-top: 1px solid var(--bs-modal-border-color);
}
.modal-msg__list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--global-spacing-md);
  margin-bottom: var(--global-spacing-md);
}
.modal-msg__list li span {
  font-family: "IBMPlexSansArabic-Medium";
}
.modal-msg__list li .currency svg {
  width: 1rem;
  height: 1rem;
  object-fit: contain;
}

.update-form__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}

.table-main__header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.table-main__header .table-main__title {
  margin: 0;
}
.table-main__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
}
.table-main__body {
  position: relative;
  z-index: 0;
}
.table-main__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
}

.page-size {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.page-size label {
  font-size: 0.875rem;
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-text-color);
  white-space: nowrap;
}
.page-size select {
  font-size: 0.875rem;
  font-family: "BahijTheSansArabic-SemiBold";
  color: var(--clr-text-color);
  padding: 0.375rem 0.75rem;
  width: 4.375rem;
  background-size: 0.7125rem;
}

.table {
  color: var(--clr-text-color);
}
.table thead th {
  padding: 16px 16px;
  color: #fff;
  background: #247C96;
  border: 0;
  font-family: "BahijTheSansArabic-SemiBold";
  font-weight: normal;
}
.table thead th:first-child {
  border-start-start-radius: 0.75rem;
}
.table thead th:last-child {
  border-start-end-radius: 0.75rem;
}
.table tbody tr {
  background-color: transparent;
}
.table tbody tr td {
  padding: 1.125rem 1rem;
  vertical-align: middle;
  background-color: #fff;
  color: var(--clr-text-color);
  font-family: "BahijTheSansArabic-SemiBold";
  border: 0;
  font-weight: normal;
}
.table tbody tr td img:not(.ms-selectitem-icon, .ms-ellipsis-icon) {
  height: 1.75rem;
}
.table tbody tr:nth-child(even) td {
  background-color: var(--clr-primary-50);
}
.table tbody tr:last-child td:first-child {
  border-end-start-radius: 0.75rem;
}
.table tbody tr:last-child td:last-child {
  border-end-end-radius: 0.75rem;
}

.data-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.5rem;
  font-size: 0.75rem;
  font-family: "BahijTheSansArabic-SemiBold";
  border-radius: 5rem;
  min-width: 7.5rem;
}
.data-status.warning {
  background-color: var(--clr-warning-light);
  color: var(--clr-warning);
}
.data-status.success {
  background-color: var(--clr-success-light);
  color: var(--clr-success);
}
.data-status.danger {
  background-color: var(--clr-danger-light);
  color: var(--clr-danger);
}
.data-status.info {
  background-color: var(--clr-info-light);
  color: var(--clr-info);
}
.data-status.default {
  background-color: var(--clr-default-light);
  color: var(--clr-text-color);
}

:host-context([dir=rtl]) table thead th .fa-sort,
:host-context([dir=rtl]) table thead th .fa-sort-asc,
:host-context([dir=rtl]) table thead th .fa-sort-desc,
:host-context([dir=rtl]) table thead th .fa-sort-up,
:host-context([dir=rtl]) table thead th .fa-sort-down,
:host-context([dir=rtl]) table thead th .bx-sort,
:host-context([dir=rtl]) table thead th .bx-sort-up,
:host-context([dir=rtl]) table thead th .bx-sort-down,
:host-context([dir=rtl]) table thead th .bx-up-arrow,
:host-context([dir=rtl]) table thead th .bx-down-arrow,
:host-context([dir=rtl]) table thead th .bi-arrow-up,
:host-context([dir=rtl]) table thead th .bi-arrow-down,
:host-context([dir=rtl]) table thead th .arrow-up,
:host-context([dir=rtl]) table thead th .arrow-down,
:host-context([dir=rtl]) table thead th [class*=sort],
:host-context([dir=rtl]) table thead th [class*=arrow],
[dir=rtl] table thead th .fa-sort,
[dir=rtl] table thead th .fa-sort-asc,
[dir=rtl] table thead th .fa-sort-desc,
[dir=rtl] table thead th .fa-sort-up,
[dir=rtl] table thead th .fa-sort-down,
[dir=rtl] table thead th .bx-sort,
[dir=rtl] table thead th .bx-sort-up,
[dir=rtl] table thead th .bx-sort-down,
[dir=rtl] table thead th .bx-up-arrow,
[dir=rtl] table thead th .bx-down-arrow,
[dir=rtl] table thead th .bi-arrow-up,
[dir=rtl] table thead th .bi-arrow-down,
[dir=rtl] table thead th .arrow-up,
[dir=rtl] table thead th .arrow-down,
[dir=rtl] table thead th [class*=sort],
[dir=rtl] table thead th [class*=arrow],
body[dir=rtl] table thead th .fa-sort,
body[dir=rtl] table thead th .fa-sort-asc,
body[dir=rtl] table thead th .fa-sort-desc,
body[dir=rtl] table thead th .fa-sort-up,
body[dir=rtl] table thead th .fa-sort-down,
body[dir=rtl] table thead th .bx-sort,
body[dir=rtl] table thead th .bx-sort-up,
body[dir=rtl] table thead th .bx-sort-down,
body[dir=rtl] table thead th .bx-up-arrow,
body[dir=rtl] table thead th .bx-down-arrow,
body[dir=rtl] table thead th .bi-arrow-up,
body[dir=rtl] table thead th .bi-arrow-down,
body[dir=rtl] table thead th .arrow-up,
body[dir=rtl] table thead th .arrow-down,
body[dir=rtl] table thead th [class*=sort],
body[dir=rtl] table thead th [class*=arrow] {
  transform: rotate(180deg);
  display: inline-block;
}
:host-context([dir=rtl]) table thead th i[class*=fa-sort],
:host-context([dir=rtl]) table thead th i[class*=fa-arrow],
[dir=rtl] table thead th i[class*=fa-sort],
[dir=rtl] table thead th i[class*=fa-arrow],
body[dir=rtl] table thead th i[class*=fa-sort],
body[dir=rtl] table thead th i[class*=fa-arrow] {
  transform: rotate(180deg);
  display: inline-block;
}
:host-context([dir=rtl]) table thead th i[class*=bx-sort],
:host-context([dir=rtl]) table thead th i[class*=bx-arrow],
[dir=rtl] table thead th i[class*=bx-sort],
[dir=rtl] table thead th i[class*=bx-arrow],
body[dir=rtl] table thead th i[class*=bx-sort],
body[dir=rtl] table thead th i[class*=bx-arrow] {
  transform: rotate(180deg);
  display: inline-block;
}

.td-actions,
.actions-btn-list {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.td-actions__btn,
.actions-btn-list__btn {
  display: inline-flex;
  height: 1.5rem;
  width: 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem;
  padding: 0;
  transition: all 0.3s ease-out;
}
.td-actions__btn.view-btn,
.actions-btn-list__btn.view-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='14' viewBox='0 0 20 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99924 0.199707C14.4578 0.199819 18.156 4.48312 19.5393 6.32373C19.8384 6.72189 19.8383 7.27796 19.5393 7.67627C18.156 9.51874 14.4578 13.8002 9.99924 13.8003C5.5406 13.8003 1.84158 9.51877 0.460175 7.67627C0.161387 7.2781 0.161312 6.72179 0.460175 6.32373C1.84158 4.48307 5.5406 0.199707 9.99924 0.199707ZM9.99924 2.56006C7.5508 2.56006 5.55783 4.55205 5.55783 7.00049C5.55806 9.44873 7.55094 11.4419 9.99924 11.4419C12.4474 11.4418 14.4404 9.44867 14.4406 7.00049C14.4406 4.55211 12.4476 2.56015 9.99924 2.56006ZM9.99924 4.11572C11.5901 4.11582 12.884 5.40953 12.884 7.00049C12.8838 8.59124 11.59 9.88613 9.99924 9.88623C8.40841 9.88623 7.11472 8.5913 7.11447 7.00049C7.11447 5.40947 8.40826 4.11572 9.99924 4.11572Z' fill='%2336B0C9'/%3E%3C/svg%3E%0A");
}
.td-actions__btn.edit-btn,
.actions-btn-list__btn.edit-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.50304 3.71875C8.5859 3.71875 8.66611 3.75196 8.72472 3.81055L12.1876 7.27734C12.246 7.33592 12.2794 7.41532 12.2794 7.49805C12.2793 7.5808 12.2461 7.66021 12.1876 7.71875L5.43761 14.4688C5.04793 14.8597 4.53893 15.1093 3.99132 15.1787L1.38585 15.4941C1.35294 15.4983 1.31942 15.5001 1.28624 15.5C1.17455 15.5005 1.06394 15.4773 0.962021 15.4316C0.859941 15.3858 0.768382 15.3184 0.694443 15.2344C0.62058 15.1504 0.56581 15.0513 0.53331 14.9443C0.500819 14.8373 0.491236 14.7242 0.505966 14.6133L0.821396 12.0088C0.890782 11.4611 1.14037 10.9522 1.53136 10.5625L8.28233 3.81055C8.34084 3.75206 8.42032 3.71886 8.50304 3.71875ZM12.2638 0.5C12.4764 0.5 12.6874 0.541674 12.8839 0.623047C13.0804 0.704455 13.2589 0.824232 13.4093 0.974609L15.0255 2.59082C15.1758 2.74117 15.2957 2.91978 15.3771 3.11621C15.4584 3.31267 15.5001 3.52368 15.5001 3.73633C15.5001 3.94899 15.4585 4.15998 15.3771 4.35645C15.2956 4.55293 15.1759 4.73148 15.0255 4.88184L13.5089 6.39844C13.4503 6.45702 13.3701 6.49023 13.2872 6.49023C13.2045 6.49016 13.125 6.45695 13.0665 6.39844L9.60167 2.93359C9.54317 2.87507 9.50996 2.79563 9.50987 2.71289C9.50987 2.63003 9.54308 2.54981 9.60167 2.49121L11.1183 0.974609C11.2686 0.824156 11.4472 0.704501 11.6437 0.623047C11.8401 0.541628 12.0511 0.500038 12.2638 0.5Z' fill='%23255465'/%3E%3Cpath d='M15.5 14.875C15.5 14.7092 15.4342 14.5503 15.3169 14.4331C15.1997 14.3158 15.0408 14.25 14.875 14.25H7.6875C7.52174 14.25 7.36277 14.3158 7.24556 14.4331C7.12835 14.5503 7.0625 14.7092 7.0625 14.875C7.0625 15.0408 7.12835 15.1997 7.24556 15.3169C7.36277 15.4342 7.52174 15.5 7.6875 15.5H14.875C15.0408 15.5 15.1997 15.4342 15.3169 15.3169C15.4342 15.1997 15.5 15.0408 15.5 14.875Z' fill='%2336B0C9'/%3E%3C/svg%3E%0A");
}
.td-actions__btn.contacts-btn,
.actions-btn-list__btn.contacts-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 2H6C4.89543 2 4 2.89543 4 4V14C4 15.1046 4.89543 16 6 16H14C15.1046 16 16 15.1046 16 14V4C16 2.89543 15.1046 2 14 2Z' fill='%2336B0C9'/%3E%3Cpath d='M2 5H4V7H2V5ZM2 9H4V11H2V9ZM2 13H4V15H2V13Z' fill='%2336B0C9'/%3E%3Cpath d='M10 10C11.1046 10 12 9.10457 12 8C12 6.89543 11.1046 6 10 6C8.89543 6 8 6.89543 8 8C8 9.10457 8.89543 10 10 10Z' fill='white'/%3E%3Cpath d='M13 13C13 11.8954 11.6569 11 10 11C8.34315 11 7 11.8954 7 13V14H13V13Z' fill='white'/%3E%3C/svg%3E");
}
.td-actions__btn.certificate-btn,
.actions-btn-list__btn.certificate-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1C4.58172 1 1 4.58172 1 9C1 13.4183 4.58172 17 9 17C13.4183 17 17 13.4183 17 9C17 4.58172 13.4183 1 9 1ZM9 15.5C5.41015 15.5 2.5 12.5899 2.5 9C2.5 5.41015 5.41015 2.5 9 2.5C12.5899 2.5 15.5 5.41015 15.5 9C15.5 12.5899 12.5899 15.5 9 15.5Z' fill='%23DAA520'/%3E%3Cpath d='M9 4C8.44772 4 8 4.44772 8 5V8.17071C6.83481 8.58254 6 9.69378 6 11C6 12.6569 7.34315 14 9 14C10.6569 14 12 12.6569 12 11C12 9.69378 11.1652 8.58254 10 8.17071V5C10 4.44772 9.55228 4 9 4ZM9 9.5C9.55228 9.5 10 9.94772 10 10.5C10 11.0523 9.55228 11.5 9 11.5C8.44772 11.5 8 11.0523 8 10.5C8 9.94772 8.44772 9.5 9 9.5Z' fill='%23DAA520'/%3E%3Cpath d='M4 4H2V6H4V4ZM14 4H16V6H14V4ZM4 14H2V16H4V14ZM14 14H16V16H14V14Z' fill='%23DAA520'/%3E%3C/svg%3E");
}
.td-actions__btn.decision-btn,
.actions-btn-list__btn.decision-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.25768 10.0193L11.3327 2.961V2.16667C11.3327 1.24633 10.5863 0.5 9.66602 0.5H2.33268C1.41235 0.5 0.666016 1.24633 0.666016 2.16667V12.8333C0.666016 13.7537 1.41235 14.5 2.33268 14.5H9.66602C10.5863 14.5 11.3327 13.7537 11.3327 12.8333V9.62833L10.1447 11.6863C9.96902 11.99 9.72202 12.252 9.43002 12.4443L8.54735 13.0277C8.37168 13.1437 8.16868 13.205 7.96035 13.205C7.66702 13.205 7.38335 13.082 7.18102 12.8673C6.97868 12.652 6.87702 12.37 6.89502 12.0733L6.95802 11.0173C6.97902 10.667 7.08268 10.322 7.25768 10.019V10.0193ZM2.66602 2.5H5.66602C5.85035 2.5 5.99935 2.64933 5.99935 2.83333C5.99935 3.01733 5.85035 3.16667 5.66602 3.16667H2.66602C2.48168 3.16667 2.33268 3.01733 2.33268 2.83333C2.33268 2.64933 2.48168 2.5 2.66602 2.5ZM2.66602 4.5H8.76268C8.94702 4.5 9.09602 4.64933 9.09602 4.83333C9.09602 5.01733 8.94702 5.16667 8.76268 5.16667H2.66602C2.48168 5.16667 2.33268 5.01733 2.33268 4.83333C2.33268 4.64933 2.48168 4.5 2.66602 4.5ZM5.78602 12.5H5.33268C5.22135 12.5 5.11735 12.4443 5.05568 12.352L4.66568 11.7687L4.45335 12.0883C4.34335 12.246 4.16568 12.329 3.97968 12.307C3.79768 12.2863 3.64202 12.168 3.57335 11.9983L3.33268 11.3973L2.97535 12.2907C2.92335 12.421 2.79802 12.5003 2.66568 12.5003C2.62435 12.5003 2.58268 12.4927 2.54202 12.4763C2.37102 12.408 2.28768 12.214 2.35602 12.043L2.71268 11.1497C2.81635 10.8943 3.05902 10.73 3.33202 10.73C3.60502 10.73 3.84802 10.8943 3.95068 11.1483L4.07335 11.455L4.11102 11.3987C4.23135 11.213 4.43935 11.1 4.66502 11.1C4.89068 11.1 5.09868 11.2127 5.22135 11.402L5.50968 11.8333H5.78502C5.96935 11.8333 6.11835 11.9827 6.11835 12.1667C6.11835 12.3507 5.96935 12.5 5.78502 12.5H5.78602ZM6.45268 9.16667H2.66602C2.48168 9.16667 2.33268 9.01733 2.33268 8.83333C2.33268 8.64933 2.48168 8.5 2.66602 8.5H6.45268C6.63702 8.5 6.78602 8.64933 6.78602 8.83333C6.78602 9.01733 6.63702 9.16667 6.45268 9.16667ZM2.66602 7.16667C2.48168 7.16667 2.33268 7.01733 2.33268 6.83333C2.33268 6.64933 2.48168 6.5 2.66602 6.5H7.60602C7.79035 6.5 7.93935 6.64933 7.93935 6.83333C7.93935 7.01733 7.79035 7.16667 7.60602 7.16667H2.66602Z' fill='%23255465'/%3E%3Cpath d='M13.1494 5.15039L9.56836 11.3525C9.44438 11.5677 9.27166 11.7508 9.06445 11.8877L8.18164 12.4707C7.90675 12.6523 7.54218 12.442 7.56152 12.1133L7.625 11.0566C7.63966 10.809 7.71167 10.5675 7.83594 10.3525L11.417 4.15039L13.1494 5.15039ZM12.1621 2.86035C12.3829 2.47837 12.8724 2.34745 13.2549 2.56836L13.6006 2.76855C13.9827 2.98917 14.1142 3.47777 13.8936 3.86035L13.4824 4.57324L11.751 3.57324L12.1621 2.86035Z' fill='%2336B0C9'/%3E%3C/svg%3E");
}
.td-actions__btn.delete-btn,
.actions-btn-list__btn.delete-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.76275 0.015625C8.1305 0.015625 7.55802 0.389355 7.30367 0.968167L6.48903 2.82189H1.99194C1.35768 2.82189 0.843506 3.33606 0.843506 3.97033C0.843506 4.60459 1.35768 5.11877 1.99194 5.11877H3.01724V15.7601C3.01724 18.0901 4.90606 19.9789 7.23599 19.9789H13.2502C15.5802 19.9789 17.4689 18.0901 17.4689 15.7601V5.11877H18.0548C18.6891 5.11877 19.2033 4.60459 19.2033 3.97033C19.2033 3.33606 18.6891 2.82189 18.0548 2.82189H13.5578L12.7432 0.968167C12.4888 0.389355 11.9164 0.015625 11.2841 0.015625H8.76275ZM7.89059 7.65625C8.40838 7.65625 8.82809 8.07597 8.82809 8.59375V14.1719C8.82809 14.6897 8.40838 15.1094 7.89059 15.1094C7.37281 15.1094 6.95309 14.6897 6.95309 14.1719V8.59375C6.95309 8.07597 7.37281 7.65625 7.89059 7.65625ZM13.0468 8.59375C13.0468 8.07597 12.6271 7.65625 12.1093 7.65625C11.5916 7.65625 11.1718 8.07597 11.1718 8.59375V14.1719C11.1718 14.6897 11.5916 15.1094 12.1093 15.1094C12.6271 15.1094 13.0468 14.6897 13.0468 14.1719V8.59375Z' fill='%23FF3B30'/%3E%3C/svg%3E%0A");
}
.td-actions__btn:hover,
.actions-btn-list__btn:hover {
  transform: scale(1.12);
}
@media (max-width: 991.98px) {
  .td-actions,
  .actions-btn-list {
    justify-content: flex-start;
  }
}

a.td-link {
  color: var(--clr-primary);
}
a.td-link:hover {
  color: var(--clr-secondary);
}

@media (max-width: 991px) {
  .table thead {
    display: none;
  }
  .table tbody tr:nth-child(even) td {
    background-color: #fff;
  }
  .table tr {
    display: table;
    width: 100%;
  }
  .table td {
    display: table-row;
    position: relative;
    width: 100%;
    vertical-align: top;
    min-height: 2.25rem;
    border-radius: 0 !important;
  }
  .table td .td-data {
    display: block;
    padding: 0.75rem 1rem;
    border-bottom: 0.0625rem solid var(--clr-border-color);
  }
  .table td .td-actions {
    text-align: start;
    padding: 0.75rem 1rem;
  }
  .table tr td:first-child {
    background: var(--clr-primary-50);
    --bs-table-accent-bg: var(--clr-primary-50);
  }
  .table td:before {
    content: attr(data-th);
    display: table-cell;
    padding: 0.625rem;
    width: 8.125rem;
    line-height: 2.25rem;
    background: var(--clr-primary-50);
  }
}
.beshara-badge {
  display: inline-flex;
  align-items: center;
}
.beshara-badge .badge {
  font-weight: 500;
  padding: 0.35em 0.65em;
  border-radius: 4px;
  font-size: 0.625rem;
  background-color: #FFC107;
  color: #fff;
}

/* Override jQuery UI datepicker fixed width */
.ui-datepicker {
  width: auto !important;
  min-width: 950px !important;
  max-width: 1100px !important;
  padding: 2rem !important;
}

.ui-datepicker table {
  width: 100% !important;
  font-size: 1.2em !important;
}

.ui-datepicker td {
  padding: 1rem !important;
}

.ui-datepicker .ui-state-default {
  width: 70px !important;
  height: 70px !important;
  line-height: 70px !important;
  font-size: 1.2em !important;
  text-align: center !important;
}

/* Must come after datepicker to override jQuery UI */
.swal2-popup {
  padding: 32px !important;
  border-radius: 0 !important;
  border-start-start-radius: 2rem !important;
  border: 0;
}
.swal2-popup .swal2-title {
  color: var(--clr-text-color) !important;
}
.swal2-popup .btn {
  border-radius: 50px !important;
  outline: none !important;
  box-shadow: none !important;
  min-width: 100px;
  line-height: 1;
}

.swal2-container {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

.swal2-icon.swal2-question {
  border-color: var(--clr-gray) !important;
  color: var(--clr-gray) !important;
}

.swal2-confirm {
  background-color: var(--clr-primary) !important;
}

.swal2-cancel {
  border: 1px solid var(--clr-danger) !important;
  color: var(--clr-danger) !important;
  background: #fff !important;
}
.swal2-cancel:hover {
  background-color: var(--clr-danger) !important;
  color: #fff !important;
}

.swal2-html-container {
  color: var(--clr-text-color) !important;
}

.swal2-icon:has(.icon-success) {
  border-color: var(--clr-success) !important;
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
  background-color: var(--clr-success) !important;
}

div:where(.swal2-icon).swal2-success .swal2-success-ring {
  border-color: var(--clr-success-light) !important;
}

div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
  background-color: var(--clr-danger) !important;
}

div:where(.swal2-icon).swal2-error {
  border-color: var(--clr-danger) !important;
  color: var(--clr-danger) !important;
}

.swal2-icon.swal2-question {
  border-color: var(--clr-primary) !important;
  color: var(--clr-primary) !important;
}

body:has(.login-main) {
  background: linear-gradient(to top right, #65BAAF, #36B0C9);
}
body:has(.login-main)::before {
  position: fixed;
  inset: 0;
  content: "";
  background-image: url('login-bg.4db145bbed0c7e21.png');
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  opacity: 0.6;
  z-index: -1;
}

.login-main {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 5rem 2.5rem;
}
@media (max-width: 991.98px) {
  .login-main {
    padding: 2.5rem 1.25rem;
  }
}

.login-wrapper {
  background: #fff;
  overflow: hidden;
  max-width: 75rem;
  border-start-start-radius: 3.125rem;
  margin: 0 auto;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(255, 255, 255, 0.1);
}
.login-wrapper .login-form {
  padding: 5.625rem 3.75rem;
}
@media (max-width: 991.98px) {
  .login-wrapper .login-form {
    padding: 5rem 2.5rem;
  }
}
@media (max-width: 767.98px) {
  .login-wrapper .login-form {
    padding: 3.75rem 1.875rem;
  }
}
.login-wrapper .login-form__header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.login-wrapper .login-form__header img {
  max-width: 100%;
  height: 2.625rem;
}
@media (max-width: 991.98px) {
  .login-wrapper .login-form__header img {
    height: 2rem;
  }
}
.login-wrapper .login-form__body {
  margin-block: 3rem 1.5rem;
}
.login-wrapper .login-form__footer .btn {
  width: 100%;
  margin-bottom: 1rem;
}
.login-wrapper .login-form__footer .forgot-password {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  color: var(--clr-primary);
  font-family: "BahijTheSansArabic-SemiBold";
  margin-top: 1rem;
  transition: all 0.3s ease;
}
.login-wrapper .login-form__footer .forgot-password:hover {
  color: var(--clr-secondary);
}
.login-wrapper .login-banner {
  position: relative;
  background: var(--clr-primary-50);
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 5rem 3.75rem;
}
@media (max-width: 991.98px) {
  .login-wrapper .login-banner {
    padding: 3.75rem 1.75rem;
  }
}
@media (max-width: 767.98px) {
  .login-wrapper .login-banner {
    padding: 2.5rem 1.25rem;
  }
}
.login-wrapper .login-banner .lang-btn {
  position: absolute;
  top: 2rem;
  left: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  background: #36B0C9;
  color: #fff;
  border-radius: 5rem;
  font-size: 0.875rem;
  text-decoration: none;
}
.login-wrapper .login-banner__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}
.login-wrapper .login-banner__header .sub-title {
  font-size: 0.875rem;
  color: var(--clr-gray-color);
  margin-bottom: 1rem;
  font-family: "BahijTheSansArabic-SemiBold";
}
.login-wrapper .login-banner__header .title {
  font-size: 1.75rem;
  background: linear-gradient(90deg, var(--clr-primary) 0%, var(--clr-text-color) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "BahijTheSansArabic-Bold";
}
.login-wrapper .login-banner__image img {
  max-width: 100%;
  width: 17.5rem;
}

.asideForm-offcanvas {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 35rem;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1.5rem;
  --bs-offcanvas-padding-y: 1.5rem;
  --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.5;
  background-color: #fff;
}
.asideForm-offcanvas .offcanvas-header {
  border-bottom: 1px solid #E7E7E7;
}
.asideForm-offcanvas .offcanvas-header .offcanvas-title {
  font-size: 1.5rem;
  color: var(--clr-primary);
  font-family: "BahijTheSansArabic-SemiBold";
  margin: 0;
}
.asideForm-offcanvas.offcanvas-end {
  inset-inline-end: 1rem !important;
  inset-block: 1rem !important;
  border-radius: 1rem;
}
.asideForm-offcanvas .offcanvas-body {
  padding-block-end: 2.5rem;
}
.asideForm-offcanvas .offcanvas-body form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.asideForm-offcanvas .offcanvas-body form .form-actions {
  margin: auto 0 0;
}

.timeline-list {
  position: relative;
  display: flex;
  flex-direction: column;
}
.timeline-list__item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  isolation: isolate;
}
.timeline-list__item::before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  background-color: var(--clr-primary-100);
  border: 1px solid var(--clr-primary);
  border-radius: 50%;
}
.timeline-list__item::after {
  position: absolute;
  inset-inline-start: 0.625rem;
  inset-block-start: 0.625rem;
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: 0.0625rem;
  height: 100%;
  background-color: var(--clr-primary);
  z-index: -1;
}
.timeline-list__item:last-child::after {
  inset-block-start: 0;
  inset-block-end: auto;
  height: 50%;
}
.timeline-list__item:first-child::after {
  inset-block-start: auto;
  inset-block-end: -0.625rem;
  height: calc(50% + 0.625rem);
}
.timeline-list__item:only-child::after {
  display: none;
}
.timeline-list__item:not(:last-child) {
  padding-bottom: 1rem;
}
.timeline-list__item .timeline-card {
  flex: 1;
}

:root {
  --base-color: #29b3b4;
  --disable-background-color: #eceeef;
}

ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn {
  display: inline-flex !important;
  align-items: center;
  flex-wrap: wrap;
  background-color: #fff;
  background-position-y: top;
  background-size: 16px 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='10.294' viewBox='0 0 19 10.294'%3E%3Cpath id='Path_85' data-name='Path 85' d='M18.767,127.394a.789.789,0,0,1-1.12,0L9.5,119.247l-8.148,8.148a.792.792,0,1,1-1.12-1.12l8.708-8.708a.789.789,0,0,1,1.12,0l8.708,8.708a.789.789,0,0,1,0,1.12Z' transform='translate(19 127.628) rotate(180)' fill='%239c9b9b'/%3E%3C/svg%3E%0A") !important;
  background-repeat: no-repeat;
  background-position: 1rem center !important;
  text-align: right;
}
[dir=ltr] ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn {
  background-position: calc(100% - 1rem) center !important;
}
[dir=ltr] ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn {
  text-align: left;
}
.form-control-container ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn {
  border: 0 !important;
  padding: 0 8px !important;
  min-height: auto !important;
}
ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn > span {
  position: relative;
  font-size: 0.875rem;
  padding: 0 !important;
  color: var(--clr-text-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn > span:last-of-type:not(.selected-item-container) {
  margin-inline-start: auto;
}
ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .selected-item-container {
  font-size: 0.875rem;
}
ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret {
  position: relative !important;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none !important;
  flex-shrink: 0;
  height: 28px !important;
  padding: 0 !important;
  width: 24px !important;
  inset-block-end: 0 !important;
}
ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret::before {
  position: relative !important;
  display: inline-flex;
  width: 28px !important;
  height: 16px !important;
  top: 0 !important;
  border: 0 !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
}
ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .selected-item {
  border: 1px solid var(--base-color) !important;
  margin-inline-end: 4px !important;
  background: var(--base-color) !important;
  border-radius: 25px !important;
}
ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .selected-item:hover {
  box-shadow: none !important;
}
ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-down {
  border-top: 10px solid var(--clr-border-color) !important;
}
ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-up {
  border-bottom: 10px solid var(--clr-border-color) !important;
}
ng-multiselect-dropdown .multiselect-dropdown .disabled > span {
  background-color: var(--disable-background-color) !important;
}
ng-multiselect-dropdown .dropdown-list {
  text-align: right !important;
  border: 1px solid var(--clr-border-color) !important;
}
[dir=ltr] ng-multiselect-dropdown .dropdown-list {
  text-align: left !important;
}
ng-multiselect-dropdown .dropdown-list .filter-textbox {
  border-bottom: 1px solid #ccc;
  position: relative;
  padding: 10px;
}
ng-multiselect-dropdown .dropdown-list .filter-textbox input {
  height: auto;
}
[dir=rtl] ng-multiselect-dropdown .dropdown-list .filter-textbox input {
  text-align: right;
}
ng-multiselect-dropdown .dropdown-list .filter-textbox input:focus {
  outline: none;
}
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:focus + div:before,
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:hover + div:before {
  border-color: var(--base-color) !important;
  background-color: #fff;
}
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:active + div:before {
  transition-duration: 0s;
}
[dir=rtl] ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox] + div {
  padding-right: 2rem !important;
  padding-left: 0.5rem !important;
}
ng-multiselect-dropdown .multiselect-item-checkbox {
  text-align: right;
}
[dir=ltr] ng-multiselect-dropdown .multiselect-item-checkbox {
  text-align: left;
}
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox] + div:before {
  color: var(--base-color) !important;
  border: 2px solid var(--base-color) !important;
  width: 20px !important;
}
[dir=rtl] ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox] + div:before {
  right: 0 !important;
  left: auto !important;
}
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox] + div:after {
  content: "";
  background-color: var(--base-color) !important;
}
[dir=rtl] ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox] + div:after {
  right: 7px !important;
  left: auto !important;
}
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:disabled + div:before {
  border-color: #cccccc;
}
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:disabled:focus + div:before .multiselect-item-checkbox input[type=checkbox]:disabled:hover + div:before {
  background-color: inherit;
}
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:disabled:checked + div:before {
  background-color: #cccccc;
}
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:checked + div:after {
  content: "";
  transform: rotate(-45deg) scale(1);
  transition: transform 200ms ease-out;
}
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:checked + div:before {
  background: var(--base-color) !important;
}
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:checked + div:after {
  transform: rotate(-45deg) scale(1);
}
@keyframes borderscale {
  50% {
    box-shadow: 0 0 0 2px var(--base-color) !important;
  }
}

ngb-datepicker,
.ngb-datepicker,
.ngb-datepicker-dropdown,
.ngb-datepicker-container {
  width: 100% !important;
  min-width: unset !important;
  max-width: unset !important;
}
ngb-datepicker .ngb-dp-months,
ngb-datepicker .ngb-dp-header,
ngb-datepicker .ngb-datepicker-month-names,
ngb-datepicker .ngb-datepicker-days,
.ngb-datepicker .ngb-dp-months,
.ngb-datepicker .ngb-dp-header,
.ngb-datepicker .ngb-datepicker-month-names,
.ngb-datepicker .ngb-datepicker-days,
.ngb-datepicker-dropdown .ngb-dp-months,
.ngb-datepicker-dropdown .ngb-dp-header,
.ngb-datepicker-dropdown .ngb-datepicker-month-names,
.ngb-datepicker-dropdown .ngb-datepicker-days,
.ngb-datepicker-container .ngb-dp-months,
.ngb-datepicker-container .ngb-dp-header,
.ngb-datepicker-container .ngb-datepicker-month-names,
.ngb-datepicker-container .ngb-datepicker-days {
  width: 100% !important;
}

/*# sourceMappingURL=styles.896eaefd7ffc8a2e.css.map*/