@charset "UTF-8";
.bg--pink-25 {
  background-color: #fefafc !important;
}
.bg--pink-50 {
  background-color: #f6d7e8 !important;
}
.bg--pink-100 {
  background-color: #eeb3d3 !important;
}
.bg--pink-200 {
  background-color: #e690be !important;
}
.bg--pink-300 {
  background-color: #de6daa !important;
}
.bg--pink-400 {
  background-color: #d64995 !important;
}
.bg--pink-500 {
  background-color: #c72d80 !important;
}
.bg--pink-600 {
  background-color: #a42569 !important;
}
.bg--pink-700 {
  background-color: #801d53 !important;
}
.bg--pink-800 {
  background-color: #5d153c !important;
}
.bg--pink-900 {
  background-color: #3a0d25 !important;
}
.bg--pink-950 {
  background-color: #16050e !important;
}

.color--pink-25 {
  color: #fefafc !important;
}
.color--pink-50 {
  color: #f6d7e8 !important;
}
.color--pink-100 {
  color: #eeb3d3 !important;
}
.color--pink-200 {
  color: #e690be !important;
}
.color--pink-300 {
  color: #de6daa !important;
}
.color--pink-400 {
  color: #d64995 !important;
}
.color--pink-500 {
  color: #c72d80 !important;
}
.color--pink-600 {
  color: #a42569 !important;
}
.color--pink-700 {
  color: #801d53 !important;
}
.color--pink-800 {
  color: #5d153c !important;
}
.color--pink-900 {
  color: #3a0d25 !important;
}
.color--pink-950 {
  color: #16050e !important;
}

.bg--blue-25 {
  background-color: #b5affd !important;
}
.bg--blue-50 {
  background-color: #8e85fc !important;
}
.bg--blue-100 {
  background-color: #665afb !important;
}
.bg--blue-200 {
  background-color: #3f30fa !important;
}
.bg--blue-300 {
  background-color: #1806f9 !important;
}
.bg--blue-400 {
  background-color: #1405ce !important;
}
.bg--blue-500 {
  background-color: #1004a4 !important;
}
.bg--blue-600 {
  background-color: #0c037a !important;
}
.bg--blue-700 {
  background-color: #08024f !important;
}
.bg--blue-800 {
  background-color: #040125 !important;
}
.bg--blue-900 {
  background-color: black !important;
}
.bg--blue-950 {
  background-color: black !important;
}

.color--blue-25 {
  color: #b5affd !important;
}
.color--blue-50 {
  color: #8e85fc !important;
}
.color--blue-100 {
  color: #665afb !important;
}
.color--blue-200 {
  color: #3f30fa !important;
}
.color--blue-300 {
  color: #1806f9 !important;
}
.color--blue-400 {
  color: #1405ce !important;
}
.color--blue-500 {
  color: #1004a4 !important;
}
.color--blue-600 {
  color: #0c037a !important;
}
.color--blue-700 {
  color: #08024f !important;
}
.color--blue-800 {
  color: #040125 !important;
}
.color--blue-900 {
  color: black !important;
}
.color--blue-950 {
  color: black !important;
}

.bg--cyan-25 {
  background-color: white !important;
}
.bg--cyan-50 {
  background-color: white !important;
}
.bg--cyan-100 {
  background-color: #ecf7fe !important;
}
.bg--cyan-200 {
  background-color: #c3e6fb !important;
}
.bg--cyan-300 {
  background-color: #9ad5f8 !important;
}
.bg--cyan-400 {
  background-color: #72c4f6 !important;
}
.bg--cyan-500 {
  background-color: #49b3f3 !important;
}
.bg--cyan-600 {
  background-color: #20a2f0 !important;
}
.bg--cyan-700 {
  background-color: #0e8bd7 !important;
}
.bg--cyan-800 {
  background-color: #0c71ae !important;
}
.bg--cyan-900 {
  background-color: #095786 !important;
}
.bg--cyan-950 {
  background-color: #063c5d !important;
}

.color--cyan-25 {
  color: white !important;
}
.color--cyan-50 {
  color: white !important;
}
.color--cyan-100 {
  color: #ecf7fe !important;
}
.color--cyan-200 {
  color: #c3e6fb !important;
}
.color--cyan-300 {
  color: #9ad5f8 !important;
}
.color--cyan-400 {
  color: #72c4f6 !important;
}
.color--cyan-500 {
  color: #49b3f3 !important;
}
.color--cyan-600 {
  color: #20a2f0 !important;
}
.color--cyan-700 {
  color: #0e8bd7 !important;
}
.color--cyan-800 {
  color: #0c71ae !important;
}
.color--cyan-900 {
  color: #095786 !important;
}
.color--cyan-950 {
  color: #063c5d !important;
}

.bg--red-25 {
  background-color: white !important;
}
.bg--red-50 {
  background-color: white !important;
}
.bg--red-100 {
  background-color: #fcdcd9 !important;
}
.bg--red-200 {
  background-color: #f9b6b1 !important;
}
.bg--red-300 {
  background-color: #f69089 !important;
}
.bg--red-400 {
  background-color: #f36a60 !important;
}
.bg--red-500 {
  background-color: #f04438 !important;
}
.bg--red-600 {
  background-color: #eb2012 !important;
}
.bg--red-700 {
  background-color: #c31a0f !important;
}
.bg--red-800 {
  background-color: #9a150c !important;
}
.bg--red-900 {
  background-color: #720f09 !important;
}
.bg--red-950 {
  background-color: #4a0a06 !important;
}

.color--red-25 {
  color: white !important;
}
.color--red-50 {
  color: white !important;
}
.color--red-100 {
  color: #fcdcd9 !important;
}
.color--red-200 {
  color: #f9b6b1 !important;
}
.color--red-300 {
  color: #f69089 !important;
}
.color--red-400 {
  color: #f36a60 !important;
}
.color--red-500 {
  color: #f04438 !important;
}
.color--red-600 {
  color: #eb2012 !important;
}
.color--red-700 {
  color: #c31a0f !important;
}
.color--red-800 {
  color: #9a150c !important;
}
.color--red-900 {
  color: #720f09 !important;
}
.color--red-950 {
  color: #4a0a06 !important;
}

.bg--green-25 {
  background-color: #d4f9e8 !important;
}
.bg--green-50 {
  background-color: #adf4d3 !important;
}
.bg--green-100 {
  background-color: #87efbf !important;
}
.bg--green-200 {
  background-color: #61ebaa !important;
}
.bg--green-300 {
  background-color: #3ae696 !important;
}
.bg--green-400 {
  background-color: #1cd881 !important;
}
.bg--green-500 {
  background-color: #17b26a !important;
}
.bg--green-600 {
  background-color: #128c53 !important;
}
.bg--green-700 {
  background-color: #0d653c !important;
}
.bg--green-800 {
  background-color: #083f25 !important;
}
.bg--green-900 {
  background-color: #03180f !important;
}
.bg--green-950 {
  background-color: black !important;
}

.color--green-25 {
  color: #d4f9e8 !important;
}
.color--green-50 {
  color: #adf4d3 !important;
}
.color--green-100 {
  color: #87efbf !important;
}
.color--green-200 {
  color: #61ebaa !important;
}
.color--green-300 {
  color: #3ae696 !important;
}
.color--green-400 {
  color: #1cd881 !important;
}
.color--green-500 {
  color: #17b26a !important;
}
.color--green-600 {
  color: #128c53 !important;
}
.color--green-700 {
  color: #0d653c !important;
}
.color--green-800 {
  color: #083f25 !important;
}
.color--green-900 {
  color: #03180f !important;
}
.color--green-950 {
  color: black !important;
}

.bg--orange-25 {
  background-color: white !important;
}
.bg--orange-50 {
  background-color: white !important;
}
.bg--orange-100 {
  background-color: #fcdcd9 !important;
}
.bg--orange-200 {
  background-color: #f9b6b1 !important;
}
.bg--orange-300 {
  background-color: #f69089 !important;
}
.bg--orange-400 {
  background-color: #f36a60 !important;
}
.bg--orange-500 {
  background-color: #f04438 !important;
}
.bg--orange-600 {
  background-color: #eb2012 !important;
}
.bg--orange-700 {
  background-color: #c31a0f !important;
}
.bg--orange-800 {
  background-color: #9a150c !important;
}
.bg--orange-900 {
  background-color: #720f09 !important;
}
.bg--orange-950 {
  background-color: #4a0a06 !important;
}

.color--orange-25 {
  color: white !important;
}
.color--orange-50 {
  color: white !important;
}
.color--orange-100 {
  color: #fcdcd9 !important;
}
.color--orange-200 {
  color: #f9b6b1 !important;
}
.color--orange-300 {
  color: #f69089 !important;
}
.color--orange-400 {
  color: #f36a60 !important;
}
.color--orange-500 {
  color: #f04438 !important;
}
.color--orange-600 {
  color: #eb2012 !important;
}
.color--orange-700 {
  color: #c31a0f !important;
}
.color--orange-800 {
  color: #9a150c !important;
}
.color--orange-900 {
  color: #720f09 !important;
}
.color--orange-950 {
  color: #4a0a06 !important;
}

.bg--neutral-25 {
  background-color: #7590c8 !important;
}
.bg--neutral-50 {
  background-color: #5677bb !important;
}
.bg--neutral-100 {
  background-color: #4262a4 !important;
}
.bg--neutral-200 {
  background-color: #355085 !important;
}
.bg--neutral-300 {
  background-color: #293d66 !important;
}
.bg--neutral-400 {
  background-color: #1c2b47 !important;
}
.bg--neutral-500 {
  background-color: #101828 !important;
}
.bg--neutral-600 {
  background-color: #040509 !important;
}
.bg--neutral-700 {
  background-color: black !important;
}
.bg--neutral-800 {
  background-color: black !important;
}
.bg--neutral-900 {
  background-color: black !important;
}
.bg--neutral-950 {
  background-color: black !important;
}

.color--neutral-25 {
  color: #7590c8 !important;
}
.color--neutral-50 {
  color: #5677bb !important;
}
.color--neutral-100 {
  color: #4262a4 !important;
}
.color--neutral-200 {
  color: #355085 !important;
}
.color--neutral-300 {
  color: #293d66 !important;
}
.color--neutral-400 {
  color: #1c2b47 !important;
}
.color--neutral-500 {
  color: #101828 !important;
}
.color--neutral-600 {
  color: #040509 !important;
}
.color--neutral-700 {
  color: black !important;
}
.color--neutral-800 {
  color: black !important;
}
.color--neutral-900 {
  color: black !important;
}
.color--neutral-950 {
  color: black !important;
}

.bg--gray-25 {
  background-color: #f7f8f9 !important;
}
.bg--gray-50 {
  background-color: #dee3e6 !important;
}
.bg--gray-100 {
  background-color: #c5ced3 !important;
}
.bg--gray-200 {
  background-color: #adb9c0 !important;
}
.bg--gray-300 {
  background-color: #94a4ad !important;
}
.bg--gray-400 {
  background-color: #7c8f9a !important;
}
.bg--gray-500 {
  background-color: #667985 !important;
}
.bg--gray-600 {
  background-color: #53636c !important;
}
.bg--gray-700 {
  background-color: #404c54 !important;
}
.bg--gray-800 {
  background-color: #2e363b !important;
}
.bg--gray-900 {
  background-color: #1b2023 !important;
}
.bg--gray-950 {
  background-color: #08090a !important;
}

.color--gray-25 {
  color: #f7f8f9 !important;
}
.color--gray-50 {
  color: #dee3e6 !important;
}
.color--gray-100 {
  color: #c5ced3 !important;
}
.color--gray-200 {
  color: #adb9c0 !important;
}
.color--gray-300 {
  color: #94a4ad !important;
}
.color--gray-400 {
  color: #7c8f9a !important;
}
.color--gray-500 {
  color: #667985 !important;
}
.color--gray-600 {
  color: #53636c !important;
}
.color--gray-700 {
  color: #404c54 !important;
}
.color--gray-800 {
  color: #2e363b !important;
}
.color--gray-900 {
  color: #1b2023 !important;
}
.color--gray-950 {
  color: #08090a !important;
}

html {
  width: 100%;
  height: 100%;
  background: #f8f8f8;
}

[x-cloak] {
  display: none !important;
}

:root {
  --theme-color-1: #c72d80;
  --theme-color-2: #1004a4;
  --theme-color-3: #49b3f3;
  --theme-color-4: #f04438;
  --theme-color-5: #17b26a;
  --theme-color-6: #f79009;
  --theme-color-1-10: rgba(199, 45, 128, 0.1);
  --theme-color-2-10: rgba(16, 4, 164, 0.1);
  --theme-color-3-10: rgba(73, 179, 243, 0.1);
  --theme-color-4-10: rgba(240, 68, 56, 0.1);
  --theme-color-5-10: rgba(23, 178, 106, 0.1);
  --theme-color-6-10: rgba(247, 144, 9, 0.1);
  --primary-color: #344754;
  --foreground-color: #f6f6f6;
  --separator-color: #d7d7d7;
}

#root {
  width: 100%;
  height: 100%;
}

html,
body {
  width: 100%;
  height: 100%;
}

body {
  font-family: PeydaWeb !important;
  font-size: 0.8rem;
  font-weight: 400;
  color: #344754;
  background: #f8f8f8;
}
body.background {
  height: 100%;
}
body.background main {
  margin: 0 !important;
  height: 100%;
}
body.background main .container {
  height: 100%;
}

.fixed-background {
  background: url("/assets/img/login/balloon-lg.jpg") no-repeat center center fixed;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

h1 {
  font-size: 1.75rem;
  padding-bottom: 10px;
  display: inline-block;
}
@media (max-width: 767px) {
  h1 {
    font-size: 1.3rem;
    padding-top: 0.5rem;
  }
}

h2 {
  font-size: 1.4rem;
}
@media (max-width: 767px) {
  h2 {
    font-size: 1.1rem;
  }
}

h3 {
  font-size: 1.3rem;
}
@media (max-width: 767px) {
  h3 {
    font-size: 1rem;
  }
}

h3 {
  font-size: 1.2rem;
}
@media (max-width: 767px) {
  h3 {
    font-size: 1rem;
  }
}

h4 {
  font-size: 1.15rem;
}
@media (max-width: 767px) {
  h4 {
    font-size: 0.9rem;
  }
}

h5 {
  font-size: 1.1rem;
}
@media (max-width: 767px) {
  h5 {
    font-size: 0.9rem;
  }
}

h6 {
  font-size: 1rem;
}
@media (max-width: 767px) {
  h6 {
    font-size: 0.85rem;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: PeydaWeb !important;
  font-weight: 700;
}

hr {
  border-top: 1px solid #d7d7d7;
}

.disable-text-selection {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

::-moz-selection {
  background: #a9dbf9;
}

::selection {
  background: #a9dbf9;
}

::-moz-selection {
  background: #a9dbf9;
}

.map-item {
  height: 400px;
  width: 100%;
}

.scrollbar-container {
  margin-right: -15px;
  padding-right: 15px;
  position: relative;
}

.ps__rail-y {
  width: 5px;
}

.ps__thumb-y {
  left: 0;
  width: 5px;
  right: 0;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  width: 5px;
  left: 0;
}

.ps__thumb-y {
  background-color: #d7d7d7;
}

.video-play-icon {
  width: 100%;
  height: 100%;
  position: absolute;
}
.video-play-icon span {
  position: absolute;
  background: rgba(255, 255, 255, 0.7);
  height: 1.25em;
  border-radius: 0.75em;
  line-height: 0.65em;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.75em;
  width: 2em;
  text-align: center;
}
.video-play-icon span:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 12px;
  font-size: 0;
  border-color: transparent transparent transparent #c72d80;
}
.video-play-icon:hover span, .video-play-icon:active span {
  background: rgba(255, 255, 255, 0.85);
}

.logo-single {
  width: 110px;
  height: 35px;
  background: url("/assets/logos/black.svg") no-repeat;
  background-position: center center;
  display: inline-block;
  margin-bottom: 60px;
}

.list-item-heading-container {
  width: calc(100% - 125px);
}

.list-item-heading {
  font-size: 1rem;
}

.truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.white-space-nowrap {
  white-space: nowrap;
}

.cursor-pointer {
  cursor: pointer;
}

.no-transition {
  transition: none !important;
}

@media (max-width: 767px) {
  .display-1 {
    font-size: 2.8rem;
  }
}

@media (max-width: 767px) {
  .display-2 {
    font-size: 2.6rem;
  }
}

@media (max-width: 767px) {
  .display-3 {
    font-size: 2.4rem;
  }
}

@media (max-width: 767px) {
  .display-4 {
    font-size: 2.2rem;
  }
}

.lead {
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2rem;
}
@media (max-width: 767px) {
  .lead {
    font-size: 1.1rem;
    line-height: 1.6rem;
  }
}

a {
  color: #344754;
  transition: color 200ms;
}
a:hover, a:active {
  text-decoration: initial;
  color: #c72d80;
}

p {
  font-size: 0.85rem;
  line-height: 1.3rem;
  font-family: PeydaWeb, sans-serif;
}

.text-large {
  font-size: 1.9rem !important;
}

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

.text-xlarge {
  font-size: 2.7rem !important;
}

.text-small {
  font-size: 0.76rem;
  line-height: 0.9rem;
}

.text-extra-small {
  font-size: 0.6rem;
}

.text-default {
  color: #344754 !important;
}

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

.text-semi-muted {
  color: #8f8f8f !important;
}

.font-weight-medium {
  font-weight: 500;
}

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

.color-theme-1 {
  color: #c72d80;
}

.color-theme-2 {
  color: #1004a4;
}

.view-icon {
  font-size: 20px;
  color: #8f8f8f;
}
.view-icon:hover {
  color: #c72d80;
}
.view-icon.s {
  font-size: 18px;
}

#displayOptions a {
  cursor: pointer;
}
#displayOptions a.active i {
  color: #c72d80;
}
#displayOptions button {
  border-color: #8f8f8f;
  color: #8f8f8f;
}
#displayOptions button:hover {
  background-color: #c72d80;
  border-color: #c72d80;
}
#displayOptions .btn-outline-dark:not(:disabled):not(.disabled):active,
#displayOptions .btn-outline-dark:not(:disabled):not(.disabled).active,
#displayOptions .show > .btn-outline-dark.dropdown-toggle {
  background-color: #c72d80;
  border-color: #c72d80;
}
#displayOptions .view-icon svg {
  width: 19px;
}
#displayOptions .view-icon .view-icon-svg {
  fill: #8f8f8f;
}
#displayOptions .view-icon:hover .view-icon-svg, #displayOptions .view-icon.active .view-icon-svg {
  fill: #c72d80;
}

.text-theme-2 {
  color: #1004a4 !important;
}

.text-theme-3 {
  color: #49b3f3 !important;
}

.text-primary,
.text-theme-1 {
  color: #c72d80 !important;
}

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

.main-heading {
  border-bottom: 1px solid #d7d7d7;
}

.separator {
  border-bottom: 1px solid #d7d7d7;
}

.alert-dismissible .close {
  padding: 0.5rem 1.25rem;
}

.rounded {
  border-radius: 50px !important;
}

img {
  width: 100%;
  height: auto;
  display: block;
}

.img-thumbnail {
  border-radius: 0.1rem;
  padding: 0;
  border: initial;
}

.img-fluid {
  width: 100%;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-75 {
  opacity: 0.75;
}

.jumbotron {
  background: initial;
}

.c-pointer {
  cursor: pointer !important;
}

.right-menu footer.page-footer {
  padding-right: 280px;
}
@media (max-width: 1199px) {
  .right-menu footer.page-footer {
    padding-right: 0;
  }
}

.rtl * {
  text-align: right;
}

.rtl {
  direction: rtl;
}
.rtl .text-center p,
.rtl .text-center div,
.rtl .text-center span,
.rtl .text-center i,
.rtl .text-center a,
.rtl .text-center h1,
.rtl .text-center h2,
.rtl .text-center h3,
.rtl .text-center h4,
.rtl .text-center h5,
.rtl .text-center h6 {
  text-align: center;
}
.rtl .list-unstyled {
  padding-right: 0;
}
.rtl .dropdown-menu:not(.datepicker-dropdown) {
  right: initial !important;
}
.rtl .dropdown-menu-right {
  right: initial !important;
  left: 0 !important;
}
.rtl .dropdown-menu-left {
  right: 0 !important;
  left: initial !important;
}
.rtl .float-right {
  float: left !important;
}
.rtl .float-left {
  float: right !important;
}
@media (min-width: 1319px) {
  .rtl .float-xxl-left {
    float: right !important;
  }
  .rtl .float-xxl-right {
    float: left !important;
  }
}
@media (min-width: 1199px) {
  .rtl .float-xl-left {
    float: right !important;
  }
  .rtl .float-xl-right {
    float: left !important;
  }
}
@media (min-width: 991px) {
  .rtl .float-lg-left {
    float: right !important;
  }
  .rtl .float-lg-right {
    float: left !important;
  }
}
@media (min-width: 767px) {
  .rtl .float-md-left {
    float: right !important;
  }
  .rtl .float-md-right {
    float: left !important;
  }
}
@media (min-width: 575px) {
  .rtl .float-sm-left {
    float: right !important;
  }
  .rtl .float-sm-right {
    float: left !important;
  }
}
@media (min-width: 359px) {
  .rtl .float-xs-left {
    float: right !important;
  }
  .rtl .float-xs-right {
    float: left !important;
  }
}
.rtl .r-0 {
  left: 0;
  right: initial;
}
.rtl .heading-number {
  margin-right: 0;
  margin-left: 10px;
}
.rtl .app-row {
  padding-right: initial;
  padding-left: 280px;
}
@media (max-width: 1199px) {
  .rtl .app-row {
    padding-left: 0;
  }
}
.rtl .app-menu {
  left: 0;
  right: initial;
}
@media (max-width: 1199px) {
  .rtl .app-menu {
    transform: translateX(-280px);
  }
}
.rtl .app-menu.shown {
  transform: translateX(0);
}
.rtl .app-menu .app-menu-button {
  left: calc(280px - 2px);
  box-shadow: 4px 0 5px rgba(0, 0, 0, 0.04);
}
.rtl .ps__rail-y {
  right: initial !important;
  left: 0 !important;
}
.rtl .scroll {
  margin-left: -15px;
  padding-left: 15px;
  margin-right: 0;
  padding-right: 0;
}
.rtl .icon-button {
  text-align: center;
}
.rtl .heading-icon {
  margin-right: initial;
  margin-left: 5px;
}
.rtl .simple-icon-arrow-left:before {
  content: "\e606";
}
.rtl .simple-icon-arrow-right:before {
  content: "\e605";
}

.rounded .app-menu {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.rounded .dropdown-menu {
  border-radius: 0.75rem;
}
.rounded .btn.default {
  border-radius: 0.1rem;
}
.rounded .list-thumbnail {
  border-radius: 0.75rem;
}

.font_st, .single-contest .contests-content-container .contest-content-text .contest-texts .contest-text#generalQuestions .accordion-item h2 button, .company-public-single-contest .company-single-contest-content .description #generalQuestions .accordion-item h2 button, .single-event-container .event-content > div .content #generalQuestions .accordion-item h2 button,
.single-academy-container .event-content > div .content #generalQuestions .accordion-item h2 button, .events-cooperation .forms .form-container h4, .login-companies-container #nav-tabs-register-login ul.nav-pills li.nav-item, footer.footer-container .items .footer-item h5, footer.footer-container .items .footer-item ul.footer-list-contact li a, footer.footer-container .items .footer-item ul.footer-list li a, footer.footer-container .items .footer-item a {
  font-family: PeydaWeb !important;
}

.font_fa {
  font-family: PeydaWebFaNum !important;
}

.font_en {
  font-family: PeydaWebNoEn !important;
}

.font_dana {
  font-family: dana !important;
}

.de-active {
  filter: grayscale(1);
}

.map iframe {
  border-radius: 8px !important;
}

.inputs-toast {
  position: fixed;
  right: 10px;
  z-index: 3;
}

.overflow-hidden {
  overflow: hidden !important;
}

.w-0 {
  width: 0 !important;
}

@media (max-width: 767px) {
  .w-xs-0 {
    width: 0 !important;
  }
}

@media (max-width: 991px) {
  .w-sm-0 {
    width: 0 !important;
  }
}

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

@media (max-width: 767px) {
  .w-xs-5 {
    width: 5% !important;
  }
}

@media (max-width: 991px) {
  .w-sm-5 {
    width: 5% !important;
  }
}

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

@media (max-width: 767px) {
  .w-xs-10 {
    width: 10% !important;
  }
}

@media (max-width: 991px) {
  .w-sm-10 {
    width: 10% !important;
  }
}

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

@media (max-width: 767px) {
  .w-xs-15 {
    width: 15% !important;
  }
}

@media (max-width: 991px) {
  .w-sm-15 {
    width: 15% !important;
  }
}

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

@media (max-width: 767px) {
  .w-xs-20 {
    width: 20% !important;
  }
}

@media (max-width: 991px) {
  .w-sm-20 {
    width: 20% !important;
  }
}

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

@media (max-width: 767px) {
  .w-xs-25 {
    width: 25% !important;
  }
}

@media (max-width: 991px) {
  .w-sm-25 {
    width: 25% !important;
  }
}

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

@media (max-width: 767px) {
  .w-xs-30 {
    width: 30% !important;
  }
}

@media (max-width: 991px) {
  .w-sm-30 {
    width: 30% !important;
  }
}

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

@media (max-width: 767px) {
  .w-xs-35 {
    width: 35% !important;
  }
}

@media (max-width: 991px) {
  .w-sm-35 {
    width: 35% !important;
  }
}

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

@media (max-width: 767px) {
  .w-xs-40 {
    width: 40% !important;
  }
}

@media (max-width: 991px) {
  .w-sm-40 {
    width: 40% !important;
  }
}

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

@media (max-width: 767px) {
  .w-xs-45 {
    width: 45% !important;
  }
}

@media (max-width: 991px) {
  .w-sm-45 {
    width: 45% !important;
  }
}

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

@media (max-width: 767px) {
  .w-xs-50 {
    width: 50% !important;
  }
}

@media (max-width: 991px) {
  .w-sm-50 {
    width: 50% !important;
  }
}

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

@media (max-width: 767px) {
  .w-xs-55 {
    width: 55% !important;
  }
}

@media (max-width: 991px) {
  .w-sm-55 {
    width: 55% !important;
  }
}

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

@media (max-width: 767px) {
  .w-xs-60 {
    width: 60% !important;
  }
}

@media (max-width: 991px) {
  .w-sm-60 {
    width: 60% !important;
  }
}

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

@media (max-width: 767px) {
  .w-xs-65 {
    width: 65% !important;
  }
}

@media (max-width: 991px) {
  .w-sm-65 {
    width: 65% !important;
  }
}

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

@media (max-width: 767px) {
  .w-xs-70 {
    width: 70% !important;
  }
}

@media (max-width: 991px) {
  .w-sm-70 {
    width: 70% !important;
  }
}

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

@media (max-width: 767px) {
  .w-xs-75 {
    width: 75% !important;
  }
}

@media (max-width: 991px) {
  .w-sm-75 {
    width: 75% !important;
  }
}

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

@media (max-width: 767px) {
  .w-xs-80 {
    width: 80% !important;
  }
}

@media (max-width: 991px) {
  .w-sm-80 {
    width: 80% !important;
  }
}

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

@media (max-width: 767px) {
  .w-xs-85 {
    width: 85% !important;
  }
}

@media (max-width: 991px) {
  .w-sm-85 {
    width: 85% !important;
  }
}

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

@media (max-width: 767px) {
  .w-xs-90 {
    width: 90% !important;
  }
}

@media (max-width: 991px) {
  .w-sm-90 {
    width: 90% !important;
  }
}

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

@media (max-width: 767px) {
  .w-xs-95 {
    width: 95% !important;
  }
}

@media (max-width: 991px) {
  .w-sm-95 {
    width: 95% !important;
  }
}

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

@media (max-width: 767px) {
  .w-xs-100 {
    width: 100% !important;
  }
}

@media (max-width: 991px) {
  .w-sm-100 {
    width: 100% !important;
  }
}

.r-0 {
  right: 0;
}

.l-0 {
  left: 0;
}

.min-width-zero {
  min-width: 0;
}

.mb-5,
.my-5 {
  margin-bottom: 2rem !important;
}

@media (max-width: 575px) {
  .float-none-xs {
    float: initial !important;
  }
}

main {
  margin-left: 410px;
  margin-top: 145px;
  margin-right: 60px;
  margin-bottom: 40px;
  transition: margin-left 300ms;
}
main.sub-hidden {
  margin-left: 180px;
}
main.main-hidden {
  margin-left: 60px;
}
main .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 1319px) {
  main {
    margin-left: 680px;
    margin-right: 50px;
    margin-top: 150px -10;
    margin-bottom: 30px;
  }
}
@media (max-width: 1199px) {
  main {
    margin-left: 620px;
    margin-right: 40px;
    margin-top: 140px -10;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  main {
    margin-left: 15px !important;
    margin-right: 15px !important;
    margin-top: 115px !important;
    margin-bottom: 0;
  }
}
@media (max-width: 575px) {
  main {
    margin-bottom: 0;
  }
}

html,
body {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background-color: #fff;
  box-sizing: border-box;
}

.d-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.d-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

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

.alert {
  border-radius: 0;
}
.alert.alert-custome {
  position: fixed;
  top: 25px;
  right: 25px;
  width: 40vw;
  z-index: 1000;
}
@media (max-width: 767px) {
  .alert.alert-custome {
    width: 90vw;
    right: 5vw;
    top: 5vw;
  }
}

.alert-primary {
  color: #c72d80;
  background-color: rgba(199, 45, 128, 0.2);
  border-color: rgba(199, 45, 128, 0.1);
}

.alert-secondary {
  color: #1004a4;
  background-color: rgba(16, 4, 164, 0.2);
  border-color: rgba(16, 4, 164, 0.1);
}

.alert-success {
  color: #f79009;
  background-color: rgba(247, 144, 9, 0.2);
  border-color: rgba(247, 144, 9, 0.1);
}

.alert-info {
  color: #f79009;
  background-color: rgba(247, 144, 9, 0.2);
  border-color: rgba(247, 144, 9, 0.1);
}

.alert-warning {
  color: #f79009;
  background-color: rgba(247, 144, 9, 0.2);
  border-color: rgba(247, 144, 9, 0.1);
}

.alert-danger {
  color: #f79009;
  background-color: rgba(247, 144, 9, 0.2);
  border-color: rgba(247, 144, 9, 0.1);
}

.alert-dismissible .close {
  text-shadow: initial;
}

.alert *[data-notify=title] {
  display: block;
  font-size: 0.9rem;
}

div[data-notify=container] {
  padding: 18px;
}

.alert-wide {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  padding: 16px;
  width: 100%;
  border-radius: 12px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
}
.alert-wide .detail {
  width: 100%;
  text-align: right;
  padding-right: 20px;
}
.alert-wide .detail .title {
  font-weight: 700;
  font-size: 16px;
}
.alert-wide .detail .description {
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
}
.alert-wide .detail .btns a.btn-link:first-child {
  color: #182230 !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
}
.alert-wide .detail .btns a.btn-link:first-child:hover {
  opacity: 0.8;
}
.alert-wide .detail .btns a.btn-link:last-child {
  color: #667085 !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
}
.alert-wide .detail .btns a.btn-link:last-child:hover {
  opacity: 0.8;
}
.alert-wide .cancel {
  cursor: pointer;
}
.alert-wide.alert-wide-light {
  background-color: #fcfcfd;
  border: 1px solid #d0d8dd;
  color: #101828;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
}
.alert-wide.alert-wide-danger {
  background: linear-gradient(0deg, #fefafc, #fefafc), linear-gradient(0deg, #eeb3d3, #eeb3d3);
  border: 1px solid #eeb3d3;
  color: #a42569;
}
.alert-wide.alert-wide-warning {
  background: #fffcf5;
  border: 1px solid #fec84b;
  color: #dc6803;
}
.alert-wide.alert-wide-success {
  background: #f6fef9;
  border: 1px solid #a9efc5;
  color: #128c53;
}
.alert-wide.alert-wide-info {
  background: linear-gradient(0deg, #fcdcd9, #fcdcd9), linear-gradient(0deg, white, white);
  border: 1px solid #fcdcd9;
  color: #eb2012;
}
.alert-wide.fade-animate {
  animation: fadeAnimate 0.5s forwards ease-in;
}
@keyframes fadeAnimate {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-200px);
  }
}

.alert-fixed-container {
  position: fixed;
  width: 100%;
  top: 10%;
  left: 0;
  z-index: 40;
}

.alert-abs-container {
  position: absolute;
  width: 100%;
  top: -60px;
  left: 0;
  z-index: 12;
}

/*
.alert-wide-warning {
    color: $warning-color;
    background-color: rgba($warning-color, 0.2);
    border-color: rgba($warning-color, 0.1);
}

.alert-wide-success {
    color: $success-color;
    background-color: rgba($success-color, 0.2);
    border-color: rgba($success-color, 0.1);
}

.alert-dismissible .close {
    text-shadow: initial;
}

.alert *[data-notify="title"] {
    display: block;
    font-size: 0.9rem;
}

div[data-notify="container"] {
    padding: 18px;
}

.alert-info {
  color: $info-color;
  background-color: rgba($info-color, 0.2);
  border-color: rgba($info-color, 0.1);
}

.alert-primary {
  color: $theme-color-1;
  background-color: rgba($theme-color-1, 0.2);
  border-color: rgba($theme-color-1, 0.1);
}

.alert-dark {
  color: $dark-btn-background;
  background-color: rgba($dark-btn-background, 0.2);
  border-color: rgba($dark-btn-background, 0.1);
}
*/
.bg-theme-2,
.badge-theme-2 {
  background-color: #1004a4 !important;
}

.bg-theme-3,
.badge-theme-3 {
  background-color: #49b3f3 !important;
}

.bg-secondary,
.badge-secondary {
  background-color: #1004a4 !important;
}

.bg-muted {
  background-color: #909090;
}

.bg-semi-muted {
  background-color: #f8f8f8;
}

.badge-warning {
  background-color: #f79009;
}

.badge-success {
  background-color: #f79009;
}

.badge-info {
  background-color: #f79009;
}

.badge-danger {
  background-color: #f79009;
}

.badge {
  padding: 0.55em 0.75em 0.6em 0.75em;
  font-size: 74%;
}
.badge.badge-pill {
  padding-right: 1.25em;
  padding-left: 1.25em;
}
.badge.badge-top-left {
  top: 10px;
  left: -7px;
}
.badge.badge-top-left-2 {
  top: 40px;
  left: -7px;
}
.badge.badge-top-left-3 {
  top: 70px;
  left: -7px;
}
.badge.badge-top-right {
  top: 8px;
  right: -7px;
}
.badge.badge-top-right-2 {
  top: 40px;
  right: -7px;
}

.badge-outline-primary,
.badge-outline-theme-1 {
  background: unset;
  border: 1px solid #c72d80;
  color: #c72d80;
}

.badge-outline-secondary,
.badge-outline-theme-2 {
  background: unset;
  border: 1px solid #1004a4;
  color: #1004a4;
}

.badge-outline-theme-3 {
  background: unset;
  border: 1px solid #49b3f3;
  color: #49b3f3;
}

.badge-outline-success {
  background: unset;
  border: 1px solid #f79009;
  color: #f79009;
}

.badge-outline-danger {
  background: unset;
  border: 1px solid #f79009;
  color: #f79009;
}

.badge-outline-warning {
  background: unset;
  border: 1px solid #f79009;
  color: #f79009;
}

.badge-outline-info {
  background: unset;
  border: 1px solid #f79009;
  color: #f79009;
}

.badge-outline-light {
  background: unset;
}

.badge-outline-dark {
  background: unset;
}

.rtl .badge.badge-top-left {
  left: initial;
  right: -7px;
}
.rtl .badge.badge-top-left-2 {
  left: initial;
  right: -7px;
}
.rtl .badge.badge-top-right {
  left: -7px;
  right: initial;
}
.rtl .badge.badge-top-right-2 {
  left: -7px;
  right: initial;
}

.border {
  border: 1px solid #d7d7d7 !important;
}

.border-right {
  border-right: 1px solid #d7d7d7 !important;
}

.border-left {
  border-left: 1px solid #d7d7d7 !important;
}

.border-top {
  border-top: 1px solid #d7d7d7 !important;
}

.border-bottom {
  border-bottom: 1px solid #d7d7d7 !important;
}

.border-primary,
.border-theme-1 {
  border-color: #c72d80 !important;
}

.border-theme-2 {
  border-color: #1004a4 !important;
}

.border-theme-3 {
  border-color: #49b3f3 !important;
}

.border-secondary {
  border-color: #344754 !important;
}

.remove-last-border > *:last-child {
  border-bottom: initial !important;
}

.remove-last-margin > *:last-child {
  margin-bottom: initial !important;
}

.remove-last-padding > *:last-child {
  padding-bottom: initial !important;
}

.rounded .border-radius {
  border-radius: 0.75rem;
}

button {
  outline: none !important;
}

.btn {
  border-radius: 8px;
  font-size: 0.8rem;
  padding: 12px 16px 12px 16px;
  color: #101828;
  font-weight: 700;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  transition: background 100ms linear;
}
.btn.btn-primary-black {
  background: #101828;
  border: 1px solid #101828;
  font-size: 16px;
  padding: 12px 16px 12px 16px;
  color: #fff;
}
.btn.btn-primary-black.icon {
  background: #101828;
  box-shadow: 0px 1px 2px 0px #F2F5F7;
}
.btn.btn-primary-black:hover {
  background: #475A67;
  border-color: #475A67;
  cursor: pointer;
}
.btn.btn-primary-black:focus {
  box-shadow: 0px 0px 0px 4px #F2F5F7, 0px 1px 2px 0px #F2F5F7;
}
.btn.btn-sec-gray {
  background: linear-gradient(0deg, #fff, #fff), linear-gradient(0deg, #94a4ad, #94a4ad);
  border: 1px solid #94a4ad;
  font-size: 16px;
  padding: 12px 16px 12px 16px;
  color: #404c54;
}
.btn.btn-sec-gray.icon {
  background: linear-gradient(0deg, #fff, #fff), linear-gradient(0deg, #94a4ad, #94a4ad);
  border-color: #94a4ad;
  box-shadow: 0px 1px 2px 0px #667985;
}
.btn.btn-sec-gray:hover {
  background: linear-gradient(0deg, #c5ced3, #c5ced3), linear-gradient(0deg, #475A67, #53636c);
  border-color: #53636c;
  color: #53636c;
  cursor: pointer;
}
.btn.btn-sec-gray:focus {
  box-shadow: 0px 0px 0px 4px #c5ced3, 0px 1px 2px 0px #667985;
}
.btn.btn-sec-color {
  background: linear-gradient(0deg, #f6d7e8, #f6d7e8), linear-gradient(0deg, #e690be, #e690be);
  border: 1px solid #e690be;
  font-size: 16px;
  padding: 12px 16px 12px 16px;
  color: #c72d80;
}
.btn.btn-sec-color.icon {
  border-color: #e690be;
  box-shadow: 0px 1px 2px 0px #667985;
}
.btn.btn-sec-color:hover {
  background: linear-gradient(0deg, #f6d7e8, #f6d7e8), linear-gradient(0deg, #e690be, #e690be);
  border-color: #de6daa;
  color: #801d53;
  cursor: pointer;
}
.btn.btn-sec-color:focus {
  box-shadow: 0px 0px 0px 4px #c5ced3, 0px 1px 2px 0px #667985;
  box-shadow: 0px 0px 0px 4px #eeb3d3, 0px 1px 2px 0px #667985;
  color: #801d53;
  border-color: #de6daa;
}
.btn:disabled {
  background: #c5ced3 !important;
  border-color: #c5ced3 !important;
  color: #94a4ad !important;
  cursor: not-allowed;
}
.btn:disabled:hover {
  background-color: #c5ced3 !important;
  border-color: #c5ced3 !important;
  cursor: not-allowed !important;
}
.btn:disabled:focus {
  box-shadow: none;
}
.btn.icon {
  font-weight: 500;
  font-size: 14px;
  padding: 6px 16px 6px 16px;
}
.btn.icon.right-icon {
  direction: rtl;
}
@media (max-width: 767px) {
  .btn {
    font-size: 16px !important;
    padding: 8px 16px 8px 16px !important;
    font-weight: 500 !important;
  }
}
@media (max-width: 359px) {
  .btn {
    font-size: 14px !important;
    padding: 6px 16px 6px 16px !important;
  }
}

.btn-follow {
  border: 1px solid #B2DCF7 !important;
  color: #49B3F3 !important;
  padding: 8px 16px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  background: #F7FAFC;
  cursor: auto;
}
.btn-follow svg {
  width: 20px;
  height: 20px;
  margin-left: 8px;
}

.btn-link {
  font-size: 16px;
  font-weight: 700;
  color: #667985;
  box-shadow: none;
}
.btn-link:hover {
  color: #404c54;
  cursor: pointer !important;
}
.btn-link:disabled {
  color: #94a4ad;
  cursor: none !important;
}
@media (max-width: 767px) {
  .btn-link {
    font-size: 14px !important;
  }
}
.btn-link.icon.right-icon {
  direction: rtl;
}

/*
.btn-icon {
    display: inline-block;
    text-align: center;
    line-height: 24px;
    font-size: 15px;
}

.btn-icon i {
    font-size: 15px;
    display: inline-block;
    text-align: center;
}

.btn-arrow {
    display: inline-block;
    text-align: center;
    border-radius: 30px !important;
    width: 42px;
    height: 42px;
    line-height: 24px;
}

.btn-arrow i {
    font-size: 15px;
    display: inline-block;
    text-align: center;
}

.btn-sm.btn-arrow {
    width: 34px;
    height: 34px;
    line-height: 17px;
}

.btn-sm.btn-arrow i {
    font-size: 13px;
    line-height: 10px;
}

.btn {
    border-radius: 50px;
    outline: initial !important;
    box-shadow: none !important;
    font-size: 0.8rem;
    padding: 0.5rem 1.25rem 0.5rem 1.25rem;
    transition: background-color box-shadow 0.1s linear;
}

.btn-shadow {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15),
        0 1px 3px 1px rgba(0, 0, 0, 0.15) !important;
    transition: background-color box-shadow 0.1s linear;

    &:hover,
    &:focus {
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15),
            0 4px 6px 2px rgba(0, 0, 0, 0.15) !important;
    }
}

.btn-empty {
    background: transparent !important;
}

.btn-lg,
.btn-group-lg > .btn,
.btn-group-sm > .btn {
    border-radius: 50px;
}

.btn.default {
    border-radius: $border-radius;
}

.btn-primary {
    background-color: $theme-color-1;
    border-color: $theme-color-1;
    // color: $button-text-color;

    &:hover {
        // color: $button-text-color;
        background-color: darken($theme-color-1, 8%);
        border-color: darken($theme-color-1, 8%);
    }
}

.check-button {
    cursor: default !important;
}

.check-button.btn-primary {
    background-color: $theme-color-1 !important;
    border-color: $theme-color-1 !important;
    opacity: 1;
}

.check-button .custom-control {
    min-height: 1.1rem;
    margin-top: -7px;
}

.dropdown-menu {
    font-size: 0.8rem;
    border-radius: $border-radius;
    // background: $input-background;
    border-color: rgba($primary-color, 0.15);
}

.dropdown-item {
    padding: 0.5rem 1.25rem;
    color: $primary-color;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: $background-color;
    color: $primary-color;
}

.dropdown-item.active,
.dropdown-item:active {
    // color: $button-text-color;
    text-decoration: none;
    background-color: $theme-color-1;
}

.dropdown-divider {
    border-color: $separator-color;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    background-color: darken($theme-color-1, 12%);
    border-color: darken($theme-color-1, 12%);
    // color: $button-text-color;
}

.btn-secondary {
    background-color: $theme-color-2;
    border-color: $theme-color-2;
    // color: $button-text-color;

    &:hover {
        // color: $button-text-color;
        background-color: darken($theme-color-2, 8%);
        border-color: darken($theme-color-2, 8%);
    }
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    background-color: darken($theme-color-2, 12%);
    border-color: darken($theme-color-2, 12%);
    // color: $button-text-color;
}

.btn-primary.btn-primary-gradient {
    background: linear-gradient(
        to right,
        $theme-color-1,
        darken($theme-color-1, 15%)
    );

    &:hover {
        background: linear-gradient(
            to right,
            $theme-color-1,
            darken($theme-color-1, 8%)
        );
    }
}

.btn-primary-gradient:not(:disabled):not(.disabled):active,
.btn-primary-gradient:not(:disabled):not(.disabled).active,
.show > .btn-primary-gradient.dropdown-toggle {
    background: linear-gradient(
        to right,
        $theme-color-1,
        darken($theme-color-1, 15%)
    );
}

.btn-secondary-gradient {
    background: linear-gradient(
        to right,
        $theme-color-2,
        darken($theme-color-2, 15%)
    );

    &:hover {
        background: linear-gradient(
            to right,
            $theme-color-2,
            darken($theme-color-2, 8%)
        );
    }
}

.btn-secondary-gradient:not(:disabled):not(.disabled):active,
.btn-secondary-gradient:not(:disabled):not(.disabled).active,
.show > .btn-secondary-gradient.dropdown-toggle {
    background: linear-gradient(
        to right,
        $theme-color-2,
        darken($theme-color-2, 15%)
    );
}

.btn-warning {
    background-color: $warning-color;
    border-color: $warning-color;
}

.btn-success,
.btn-info,
.btn-danger,
.btn-warning {
    // color: $button-text-color;

    &:hover {
        // color: $button-text-color;
    }
}

.btn-outline-success,
.btn-outline-info,
.btn-outline-danger,
.btn-outline-warning {
    &:hover {
        color: $foreground-color;
    }
}

.btn-light {
    // color: $dark-btn-background;
    // background-color: $light-btn-background;
    // border-color: $light-btn-background;

    &:hover {
        // color: $dark-btn-background;
        // background-color: darken($light-btn-background, 8%);
        // border-color: darken($light-btn-background, 8%);
    }
}

.btn-dark {
    // color: $light-btn-background;
    // background-color: $dark-btn-background;
    // border-color: $dark-btn-background;

    &:hover {
        // color: $light-btn-background;
        // background-color: darken($dark-btn-background, 5%);
        // border-color: darken($dark-btn-background, 5%);
    }
}

.btn-outline-dark {
    // color: $dark-btn-background;
    // border-color: $dark-btn-background;

    &:hover {
        color: $foreground-color;
        // background-color: $dark-btn-background;
        // border-color: $dark-btn-background;
    }
}

.btn-outline-white {
    // color: $button-text-color;
    // border-color: $button-text-color;
    background-color: initial;

    &:hover {
        color: $theme-color-1;
        // background-color: $button-text-color;
    }
}

.btn-outline-light {
    // color: $light-btn-background;
    // border-color: $light-btn-background;

    &:hover {
        color: $foreground-color;
        // background-color: $light-btn-background;
        // border-color: $light-btn-background;
    }
}

.btn-outline-primary {
    color: $theme-color-1;
    border-color: $theme-color-1;

    &:hover {
        color: $foreground-color;
        background-color: $theme-color-1;
        border-color: $theme-color-1;
    }
}

.btn-outline-theme-3 {
    background: unset;
    color: $theme-color-3;
    border-color: $theme-color-3;

    &:hover {
        background-color: $theme-color-3;
        border-color: $theme-color-3;
        color: $foreground-color;
    }
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    background-color: $theme-color-1;
    border-color: $theme-color-1;
    color: $foreground-color;
}

.btn-outline-secondary {
    color: $theme-color-2;
    border-color: $theme-color-2;

    &:hover {
        background-color: $theme-color-2;
        border-color: $theme-color-2;
        color: $foreground-color;
    }
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
    background-color: $theme-color-2;
    border-color: $theme-color-2;
    color: $foreground-color;
}

.btn-header-light {
    color: $separator-color;
    border-color: transparent;
    background: transparent;

    &:hover {
        background-color: transparent;
        border-color: $separator-color;
    }
}

.btn-header-primary {
    color: $theme-color-1;
    border-color: transparent;
    background: transparent;

    &:hover {
        background-color: transparent;
        border-color: $theme-color-1;
    }
}

.btn-header-secondary {
    color: $theme-color-2;
    border-color: transparent;
    background: transparent;

    &:hover {
        background-color: transparent;
        border-color: $theme-color-2;
    }
}

.btn-header-primary-light {
    color: $theme-color-3;
    border-color: transparent;
    background: transparent;

    &:hover {
        background-color: transparent;
        border-color: $theme-color-3;
    }
}

.btn-xl,
.btn-group-xl > .btn {
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 0.05rem;
    padding: 1rem 3.5rem 0.9rem;
}

.btn-lg,
.btn-group-lg > .btn {
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 0.05rem;
    padding: 0.6rem 2.5rem 0.6rem 2.5rem;
}

.btn-sm,
.btn-group-sm > .btn {
    padding: 0.45rem 1rem 0.45rem 1rem;
    font-size: 0.8rem;
    line-height: 1.5;
}

.btn-xs,
.btn-group-xs > .btn {
    padding: 0.25rem 0.75rem 0.25rem 0.75rem;
    font-size: 0.76rem;
    line-height: 1.3;
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: $theme-color-1;
    border-color: $theme-color-1;
    color: $foreground-color;
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: $theme-color-2;
    border-color: $theme-color-2;
    color: $foreground-color;
}

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

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.btn-link {
    color: $theme-color-1;
}

.btn-link:hover {
    color: rgba($theme-color-1, 0.8);
    text-decoration: underline;
}

.white-underline-link {
    // color: $button-text-color;
    text-decoration: underline;

    &:hover,
    &:active {
        // color: $button-text-color;
        text-decoration: initial;
    }
}

.btn-multiple-state {
    position: relative;
    transition: opacity 500ms;

    .spinner,
    .icon {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        opacity: 0;
        visibility: hidden;
        top: 50%;
        transform: translateY(-50%);
        transition: opacity 500ms;
        // color: $button-text-color;
    }

    .icon i {
        vertical-align: text-bottom;
        font-size: 18px;
    }

    .label {
        transition: opacity 500ms;
    }

    &.show-spinner {
        .label {
            opacity: 0;
        }

        .spinner {
            opacity: 1;
            visibility: visible;
        }
    }

    &.show-success {
        .label {
            opacity: 0;
        }

        .icon.success {
            opacity: 1;
            visibility: visible;
        }
    }

    &.show-fail {
        .label {
            opacity: 0;
        }

        .icon.fail {
            opacity: 1;
            visibility: visible;
        }
    }

    &.btn-primary:disabled {
        opacity: 1;
        background: darken($theme-color-1, 10%);
        border-color: darken($theme-color-1, 10%);
    }

    &.btn-secondary:disabled {
        opacity: 1;
        border-color: darken($theme-color-2, 10%);
    }
}

.icon-button {
    padding: 0;
    font-size: 14px;
    width: 34px;
    height: 34px;
    line-height: 34px;

    &.large {
        width: 44px;
        height: 44px;
        font-size: 18px;
    }

    &.small-icon {
        font-size: 12px;
        line-height: 32px;
    }
}

.top-right-button-single {
    width: unset;

    @include respond-below(md) {
        width: calc(100%);
    }
}

.top-right-button-container {
    float: right;
    position: relative;

    .btn-group .btn {
        line-height: 1;
    }

    @include respond-below(xs) {
        float: initial;
        display: flex;
        justify-content: space-between;
    }

    .top-right-button {
        @include respond-below(xs) {
            display: flex;
            flex-grow: 1;
            justify-content: center;
            align-items: center;
            margin-right: 5px;
        }
    }

    .dropdown {
        @include respond-below(xs) {
            display: flex;
            flex-grow: 1;
            margin-right: 5px;
        }
    }
}

*/
.modal.modal-fixed {
  overflow: unset;
  top: unset;
  bottom: 0;
  padding-left: unset !important;
}
.modal.modal-fixed .modal-dialog {
  height: calc(100% - 32px);
  margin: 0;
  margin-top: 32px;
  margin-right: 4px;
  margin-left: 4px;
  min-height: unset;
  max-width: unset;
}
.modal.modal-fixed .modal-dialog .modal-content {
  height: 100%;
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
}
.modal .modal-person-info .modal-info {
  padding-top: 0 !important;
}
.modal .modal-person-info .modal-info img {
  width: 100px;
  height: 100px;
  border: 1px solid #eaecf0;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border-radius: 10px;
}
.modal .modal-person-info .modal-info > div {
  padding-right: 16px;
}
.modal .modal-person-info .modal-info > div h2 {
  width: 100%;
  font-family: PeydaWeb !important;
  font-size: 18px !important;
  font-weight: 700;
}
.modal .modal-person-info .modal-info > div h5 {
  width: 100%;
  font-family: PeydaWeb !important;
  font-size: 14px !important;
  font-weight: 500;
}
.modal .modal-person-info section.description {
  padding-top: 32px;
  padding-bottom: 24px;
}

.nav-tabs.separator-tabs {
  border-bottom: 1px solid #d7d7d7;
}

.nav-tabs .nav-link {
  border: initial;
  padding-top: 1rem;
  cursor: pointer;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  background: initial;
}

.nav-tabs .nav-link.active::before,
.nav-tabs .nav-item.show .nav-link::before {
  content: " ";
  background: #c72d80;
  border-radius: 10px;
  position: absolute;
  width: calc(100% - 1rem);
  height: 5px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.nav-tabs.separator-tabs .nav-link.active::before,
.nav-tabs.separator-tabs .nav-item.show .nav-link::before {
  content: " ";
  background: #c72d80;
  border-radius: 10px;
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0;
  top: unset;
  transform: initial;
}

.nav-tabs.separator-tabs .nav-link {
  border: initial;
  padding-top: 1rem;
  background: initial;
  padding-left: 0;
  padding-top: 0.5rem;
  padding-right: 0;
  margin-right: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #8f8f8f;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  border: initial;
  position: relative;
  color: #c72d80;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border: initial;
  color: #c72d80;
}

.form-control {
  border: 1px solid #d0d8dd;
  position: relative;
  transition: border 200ms linear;
}
.form-control::-moz-placeholder {
  color: #d0d5dd;
  font-family: PeydaWeb !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 32px !important;
}
.form-control::placeholder {
  color: #d0d5dd;
  font-family: PeydaWeb !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 32px !important;
}
.form-control.form-control-transparent {
  background-color: transparent;
  border-color: transparent;
}
.dropdown.show > .form-control.form-control-transparent, .form-control.form-control-transparent:active, .form-control.form-control-transparent.active, .form-control.form-control-transparent:focus, .form-control.form-control-transparent.focus {
  background-color: transparent;
  border-color: transparent;
}
.form-control.form-control-flush {
  border: 0;
  background-color: transparent;
  outline: none !important;
  box-shadow: none;
  border-radius: 0;
}
.form-control.placeholder-gray::-moz-placeholder {
  color: #7c8f9a;
}
.form-control.placeholder-gray::placeholder {
  color: #7c8f9a;
}
.form-control.placeholder-gray::-moz-placeholder {
  color: #7c8f9a;
  opacity: 1;
}
.form-control.fill-gray {
  color: #404c54;
}
.form-control.placeholder-white::-moz-placeholder {
  color: #fff;
}
.form-control.placeholder-white::placeholder {
  color: #fff;
}
.form-control.placeholder-white::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.form-control.bgc-white {
  background-color: #fff;
}
.form-control:active, .form-control.active, .form-control:focus, .form-control.focus {
  border-color: #475a67 !important;
  box-shadow: 0px 0px 0px 4px #f2f4f7, 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922) !important;
}
.form-control:disabled {
  border-color: #eaeef0 !important;
  background: linear-gradient(0deg, #eaeef0, #eaeef0), linear-gradient(0deg, #f9fafb, #f9fafb);
  box-shadow: none !important;
}
.form-control.disabled {
  background-color: #f9fafb !important;
  box-shadow: none !important;
  pointer-events: none;
  color: #98a8b3;
}
.input-group {
  position: relative;
}
.input-group textarea {
  font-size: 16px !important;
  color: #212529 !important;
}
.input-group input,
.input-group textarea {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
  font-family: DanaFaNum;
}
.input-group input::-moz-placeholder, .input-group textarea::-moz-placeholder {
  color: #d0d5dd !important;
  font-family: PeydaWeb !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 32px !important;
}
.input-group input::placeholder,
.input-group textarea::placeholder {
  color: #d0d5dd !important;
  font-family: PeydaWeb !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 32px !important;
}
.input-group input::-moz-placeholder,
.input-group textarea::-moz-placeholder {
  color: #d0d5dd !important;
  font-family: PeydaWeb !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 32px !important;
  opacity: 1;
}
.input-group input::-webkit-outer-spin-button, .input-group input::-webkit-inner-spin-button,
.input-group textarea::-webkit-outer-spin-button,
.input-group textarea::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.input-group input[type=number],
.input-group textarea[type=number] {
  -moz-appearance: textfield; /* Firefox */
}
.input-group label {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
}
.input-group.rounded,
.input-group .rounded {
  border-radius: 8px !important;
}
.input-group .icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}
.input-group .cancel {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(50%, -50%);
  z-index: 5;
  color: #98a2b3;
}
.input-group .cancel:hover {
  color: #0f048d !important;
}
.input-group .header-search-icon {
  color: #101828 !important;
}
.input-group .header-search-icon:hover {
  color: #0f048d !important;
}
.input-group .sub-title {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #667985;
}
.input-group.fill-gray .icon {
  color: #94a4ad;
}
.input-group.fill-gray.fill .icon {
  fill: #94a4ad;
}
.input-group .input-icon:focus + .icon {
  color: #53636c;
}
.input-group .input-icon {
  padding-right: 40px;
}
.input-group .input-cancel {
  padding-left: 40px;
}
.input-group .msg {
  color: inherit;
  top: 100%;
}
.input-group {
  margin-bottom: 24px !important;
}

.input-group.err {
  color: #d92d20;
}
.input-group.err .form-control {
  border-color: #fecdca !important;
}
.input-group.err .form-control:active, .input-group.err .form-control.active, .input-group.err .form-control:focus, .input-group.err .form-control.focus {
  border-color: #f04438 !important;
  outline: 4px solid #fef2f1;
  box-shadow: 0px 0px 0px 4px rgba(240, 68, 56, 0.2392156863), 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
}
.input-group.err .icon {
  color: #f36a60;
}
.input-group.err.fill .icon {
  fill: #f36a60;
}
.input-group.err .input-icon:focus + .icon {
  color: #f36a60;
}
.input-group.err .input-container {
  position: relative;
  overflow: hidden;
}
.input-group.err .input-container::after {
  content: "";
  position: absolute;
  width: 40px;
  height: calc(100% - 21px);
  background-color: transparent;
  z-index: 5;
  left: 3px;
  top: 10px;
  border-bottom-left-radius: 6px !important;
  border-top-left-radius: 6px !important;
  background-image: url("/assets/svg/Alerts-Feedback/alert-circle-error.svg");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 50%;
}
.input-group.err .input-container.right::after {
  right: 3px;
  top: 10px;
}

.form-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.form-select.form-select-solid {
  transition: 100ms;
}
.form-select.form-select-solid::-moz-placeholder {
  color: aquamarine;
}
.form-select.form-select-solid::placeholder {
  color: aquamarine;
}
.form-select.form-select-solid::-moz-placeholder {
  color: aquamarine;
  opacity: 1;
}
.dropdown.show > .form-select.form-select-solid, .form-select.form-select-solid:active, .form-select.form-select-solid.active, .form-select.form-select-solid:focus, .form-select.form-select-solid.focus {
  transition: 100ms;
}
.form-select.form-select-transparent {
  background-color: transparent;
  border-color: transparent;
  color: orange;
}
.form-select.form-select-transparent::-moz-placeholder {
  color: pink;
}
.form-select.form-select-transparent::placeholder {
  color: pink;
}
.form-select.form-select-transparent::-moz-placeholder {
  color: pink;
  opacity: 1;
}
.dropdown.show > .form-select.form-select-transparent, .form-select.form-select-transparent:active, .form-select.form-select-transparent.active, .form-select.form-select-transparent:focus, .form-select.form-select-transparent.focus {
  background-color: transparent;
  border-color: red;
  color: orange;
}
.dropdown.show > .form-select, .form-select:active, .form-select.active, .form-select:focus, .form-select.focus {
  border-color: #53636c !important;
  color: #404c54;
}
.form-select.select2-selection--single {
  padding-right: 14px !important;
}

.rounded-left {
  border-bottom-left-radius: 6px !important;
  border-top-left-radius: 6px !important;
}

.rounded-right {
  border-bottom-right-radius: 6px !important;
  border-top-right-radius: 6px !important;
}

input.ltrDir {
  direction: ltr;
}

.check-box {
  display: block;
  position: relative;
  padding: 4px 8px;
  border: 1px solid #d0d8dd;
  padding-right: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: #98a8b3;
  text-align: right;
  background-color: white;
  border-radius: 6px;
  overflow: hidden;
  font-size: 14px;
}
.check-box.active {
  background-color: #000;
  color: white;
  border-color: #000;
}
.check-box input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.check-box .checkmark {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 30px;
  background-color: transparent;
}
.check-box .checkmark::before {
  content: "";
  position: absolute;
  display: none;
  z-index: 2;
}
.check-box .checkmark::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background: white;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  border-radius: 4px;
  border: 1px solid #98a8b3;
}
.check-box:hover {
  background-color: #000;
  color: #fff;
  border-color: #000;
}
.check-box:hover input ~ .checkmark {
  background-color: #000;
}
.check-box:hover input ~ .checkmark::after {
  border-color: #000;
}
.check-box input:checked ~ .checkmark {
  background-color: #000;
}
.check-box input:checked ~ .checkmark::before {
  display: block;
}
.check-box input:checked ~ .checkmark::after {
  border-color: #000;
}
.check-box input:checked ~ .checkmark::after {
  border-color: #000;
}
.check-box input:checked {
  border-color: #000;
}
.check-box .checkmark::before {
  right: 50%;
  top: 50%;
  width: 5px;
  height: 12px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) translate(-50%, -50%);
  border-radius: 20%;
}

.custom-checkboxes {
  display: block;
  position: relative;
  padding-right: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.custom-checkboxes input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.custom-checkboxes .checkmark {
  position: absolute;
  top: 50%;
  right: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #101828;
  background-color: white;
  border-radius: 6px;
  vertical-align: middle;
  border: 1px solid #98a8b3;
  cursor: pointer;
  transform: translateY(-50%);
}
.custom-checkboxes .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.custom-checkboxes:hover input ~ .checkmark {
  background-color: #eee;
}
.custom-checkboxes input:checked ~ .checkmark {
  background-color: #101828;
}
.custom-checkboxes input:checked ~ .checkmark:after {
  display: block;
}
.custom-checkboxes .checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.loading-overlay {
  z-index: 1050;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.loading {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid rgba(199, 45, 128, 0.2);
  border-radius: 50%;
  border-top-color: #c72d80;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
  position: fixed;
  z-index: 1;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
body {
  min-height: calc(100% - 100px);
  position: relative;
}
@media (max-width: 1319px) {
  body {
    min-height: calc(100% - 130px);
  }
}
@media (max-width: 1199px) {
  body {
    min-height: calc(100% - 110px);
  }
}
@media (max-width: 767px) {
  body {
    min-height: calc(100% - 85px);
  }
}
@media (max-width: 575px) {
  body {
    padding-bottom: 60px;
  }
}
body.no-footer {
  padding-bottom: initial;
}
body.no-footer footer {
  display: none;
}

footer.page-footer {
  padding-top: 2.2rem;
  padding-bottom: 2.2rem;
  border-top: 1px solid #d7d7d7;
  width: 100%;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 90px;
}
@media (max-width: 575px) {
  footer.page-footer {
    height: 60px;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
  }
}
footer.page-footer .breadcrumb-item + .breadcrumb-item::before {
  color: #c72d80;
}
footer.page-footer .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
footer.page-footer .footer-content {
  margin-left: 410px;
  margin-right: 60px;
}
@media (max-width: 1319px) {
  footer.page-footer .footer-content {
    margin-left: 680px;
    margin-right: 50px;
  }
}
@media (max-width: 1199px) {
  footer.page-footer .footer-content {
    margin-left: 620px;
    margin-right: 40px;
  }
}
@media (max-width: 767px) {
  footer.page-footer .footer-content {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
}

.rtl footer.page-footer .footer-content {
  margin-right: 410px;
  margin-left: 60px !important;
}
@media (max-width: 1319px) {
  .rtl footer.page-footer .footer-content {
    margin-right: 680px;
    margin-left: 50px !important;
  }
}
@media (max-width: 1199px) {
  .rtl footer.page-footer .footer-content {
    margin-right: 620px;
    margin-left: 40px !important;
  }
}
@media (max-width: 767px) {
  .rtl footer.page-footer .footer-content {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
}

.svg-icon {
  padding: 0;
  margin: 0;
}
.svg-icon svg {
  display: inline-block;
}
.svg-icon svg path {
  color: currentColor !important;
  stroke: currentColor !important;
}
.svg-icon.fill svg path {
  fill: currentColor !important;
}

.custom-editor .editor-textarea::-moz-placeholder {
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #475A67;
}

.custom-editor .editor-textarea::placeholder {
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #475A67;
}
.custom-editor .editor-textarea:focus ~ .ck-editor {
  border: 1px solid #475A67 !important;
}
.custom-editor .ck-editor {
  width: 100% !important;
  direction: rtl !important;
  border: 1px solid #dee2e6 !important;
  padding: 2px 3px 2px 1px !important;
  border-radius: 8px;
  background: #fff !important;
}
.custom-editor .ck-editor.focused {
  box-shadow: 0px 0px 0px 4px #F2F5F7;
  border-color: #475a67 !important;
}
.custom-editor .ck-editor .ck-editor__top {
  background-color: #fff !important;
  display: none;
}
.custom-editor .ck-editor .ck-sticky-panel .ck-sticky-panel__content {
  z-index: 2 !important;
}
.custom-editor .ck-editor .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar {
  border-top: unset;
  border-right: unset;
  border-left: unset;
  border-bottom: 1px solid #EAEEF0 !important;
  position: relative;
  z-index: 2 !important;
  background-color: #fff !important;
}
.custom-editor .ck-editor .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar .ck-toolbar__items {
  justify-content: space-between;
  width: 100%;
}
.custom-editor .ck-editor .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar .ck-dropdown__button svg:last-child {
  margin-left: 0;
  margin-right: 8px;
}
.custom-editor .ck-editor .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar button[data-cke-tooltip-text="Redo (Ctrl+Y)"] {
  position: absolute;
  left: 40px;
  justify-content: end;
}
@media (max-width: 991px) {
  .custom-editor .ck-editor .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar button[data-cke-tooltip-text="Redo (Ctrl+Y)"] {
    display: none;
  }
}
.custom-editor .ck-editor .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar button[data-cke-tooltip-text="Redo (Ctrl+Y)"]:before {
  content: url("../../svg/editor-icons/redo.svg");
  display: block;
  width: 24px;
  height: 24px;
}
.custom-editor .ck-editor .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar button[data-cke-tooltip-text="Undo (Ctrl+Z)"] {
  position: absolute;
  left: 0;
}
@media (max-width: 991px) {
  .custom-editor .ck-editor .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar button[data-cke-tooltip-text="Undo (Ctrl+Z)"] {
    display: none;
  }
}
.custom-editor .ck-editor .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar button[data-cke-tooltip-text="Undo (Ctrl+Z)"]:before {
  content: url("../../svg/editor-icons/undo.svg");
  display: block;
  width: 24px;
  height: 24px;
}
.custom-editor .ck-editor .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar button[data-cke-tooltip-text="Upload image from computer"]:before {
  content: url("../../svg/editor-icons/upload-image.svg");
  display: block;
  width: 24px;
  height: 24px;
}
.custom-editor .ck-editor .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar button[data-cke-tooltip-text="Link (Ctrl+K)"]:before {
  content: url("../../svg/editor-icons/link.svg");
  display: block;
  width: 24px;
  height: 24px;
}
.custom-editor .ck-editor .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar button[data-cke-tooltip-text="Bold (Ctrl+B)"]:before {
  content: url("../../svg/editor-icons/bold.svg");
  display: block;
  width: 24px;
  height: 24px;
}
.custom-editor .ck-editor .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar button[data-cke-tooltip-text="Italic (Ctrl+I)"]:before {
  content: url("../../svg/editor-icons/italic.svg");
  display: block;
  width: 24px;
  height: 24px;
}
.custom-editor .ck-editor .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar button[data-cke-tooltip-text="Underline (Ctrl+U)"]:before {
  content: url("../../svg/editor-icons/underline.svg");
  display: block;
  width: 24px;
  height: 24px;
}
.custom-editor .ck-editor .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar button[data-cke-tooltip-text="Font Size"]:before {
  content: url("../../svg/editor-icons/font-size.svg");
  display: block;
  width: 24px;
  height: 24px;
}
.custom-editor .ck-editor .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar button[data-cke-tooltip-text="Text alignment"]:before {
  content: url("../../svg/editor-icons/alignment.svg");
  display: block;
  width: 24px;
  height: 24px;
}
.custom-editor .ck-editor .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar button[data-cke-tooltip-text="Numbered List"]:first-child:before {
  content: url("../../svg/editor-icons/numeric-list.svg");
  display: block;
  width: 24px;
  height: 24px;
}
.custom-editor .ck-editor .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar .ck-disabled {
  filter: opacity(0.5);
}
.custom-editor .ck-editor .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar button {
  margin: 0 0 0 12px;
}
.custom-editor .ck-editor .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar button svg path {
  fill: #667985;
}
.custom-editor .ck-editor .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar .ck-toolbar__separator {
  display: none;
}
.custom-editor .ck-editor .ck-editor__main > div {
  direction: rtl;
  font-family: "PEYDAWEBFANUM";
}
.custom-editor .ck-editor .ck-editor__main .ck-focused {
  border: unset !important;
}
.custom-editor .ck-editor .ck-editor__main .ck-content {
  text-align: right;
  border: unset;
}
.custom-editor .ck-editor .ck-editor__main .ck-content > p {
  margin-bottom: 2px;
  text-align: right;
  font-family: "PEYDAWEBFANUM";
}

.ck-powered-by {
  display: none;
}

.contest-skeleton-container .skeleton-box {
  display: inline-block;
  height: 1em;
  position: relative;
  overflow: hidden;
  background-color: #e2e5e7;
  border-radius: 5px;
}
.contest-skeleton-container .skeleton-box::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  animation: shimmer 1s ease infinite;
}
@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
.contest-skeleton-container .blog-post__headline {
  font-size: 1.25em;
  font-weight: bold;
}
.contest-skeleton-container .blog-post__meta {
  font-size: 0.85em;
  color: #6b6b6b;
}
.contest-skeleton-container .o-media {
  display: flex;
}
.contest-skeleton-container .o-media__body {
  flex-grow: 1;
  margin-left: 1em;
}
.contest-skeleton-container .o-vertical-spacing > * + * {
  margin-top: 0.75em;
}
.contest-skeleton-container .o-vertical-spacing--l > * + * {
  margin-top: 2em;
}

#topnav,
.nav-header {
  position: relative;
  background-color: #fff !important;
  position: static !important;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #c72d58 17.71%, #1004a4 50.52%, #49b3f3 81.77%) border-box;
  border-bottom: 4px solid transparent !important;
}
#topnav .max-w-1320,
.nav-header .max-w-1320 {
  max-width: 1320px;
  width: 100%;
  padding-left: var(--bs-gutter-x, 0.5rem);
  padding-right: var(--bs-gutter-x, 0.5rem);
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 1639px) {
  #topnav .max-w-1320,
  .nav-header .max-w-1320 {
    max-width: unset;
    margin-left: unset;
    margin-right: unset;
    padding-left: unset;
    padding-right: unset;
  }
}
#topnav > div:first-child.main-nav,
.nav-header > div:first-child.main-nav {
  position: relative;
}
#topnav > div .logo,
.nav-header > div .logo {
  padding-right: 32px;
}
@media only screen and (min-width: 1639px) {
  #topnav > div .logo,
  .nav-header > div .logo {
    position: absolute;
    right: 0;
  }
}
#topnav > div .logo a img.des,
.nav-header > div .logo a img.des {
  width: 112px;
}
@media only screen and (max-width: 991px) {
  #topnav > div .logo a img.des,
  .nav-header > div .logo a img.des {
    display: none;
  }
  #topnav > div .logo a img.mob,
  .nav-header > div .logo a img.mob {
    display: block;
  }
}
@media only screen and (min-width: 991px) {
  #topnav > div .logo a img.des,
  .nav-header > div .logo a img.des {
    display: block;
  }
  #topnav > div .logo a img.mob,
  .nav-header > div .logo a img.mob {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  #topnav > div .logo,
  .nav-header > div .logo {
    order: 1;
    padding-right: 0;
    padding-left: 16px;
  }
}
#topnav > div .logo2,
.nav-header > div .logo2 {
  padding-right: 32px;
}
@media only screen and (max-width: 991px) {
  #topnav > div .logo2 a img.des,
  .nav-header > div .logo2 a img.des {
    display: none;
  }
  #topnav > div .logo2 a img.mob,
  .nav-header > div .logo2 a img.mob {
    display: block;
  }
}
@media only screen and (min-width: 991px) {
  #topnav > div .logo2 a img.des,
  .nav-header > div .logo2 a img.des {
    display: block;
  }
  #topnav > div .logo2 a img.mob,
  .nav-header > div .logo2 a img.mob {
    display: none;
  }
}
#topnav > div .profile,
.nav-header > div .profile {
  left: 0;
}
@media only screen and (min-width: 1639px) {
  #topnav > div .profile,
  .nav-header > div .profile {
    position: absolute;
    left: 0;
  }
}
#topnav > div .profile > ul,
.nav-header > div .profile > ul {
  padding: 0 10px 0 20px;
}
#topnav > div .profile > ul li a,
.nav-header > div .profile > ul li a {
  padding-right: 0 !important;
  font-family: PeydaWeb;
  font-size: 16px;
  white-space: nowrap;
}
@media only screen and (max-width: 1100px) {
  #topnav > div .profile > ul li a,
  .nav-header > div .profile > ul li a {
    font-size: 14px;
  }
}
#topnav > div .profile > ul li:hover > a,
#topnav > div .profile > ul li:hover > a:hover,
.nav-header > div .profile > ul li:hover > a,
.nav-header > div .profile > ul li:hover > a:hover {
  color: #c72d80 !important;
}
#topnav > div .profile > ul li:hover > .menu-arrow,
.nav-header > div .profile > ul li:hover > .menu-arrow {
  border-color: #c72d80 !important;
}
#topnav > div .profile > ul li.service-page a,
.nav-header > div .profile > ul li.service-page a {
  font-size: 20px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0em;
  color: #101828;
}
#topnav > div .profile > ul li .btn-container a,
.nav-header > div .profile > ul li .btn-container a {
  padding: 6px 14px !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0em;
}
#topnav > div .profile .person,
.nav-header > div .profile .person {
  background-color: #f7f8f9;
  border: 1px solid #dee3e6;
  border-radius: 200px;
  padding: 6px;
  text-align: center;
}
#topnav > div .profile .person svg,
.nav-header > div .profile .person svg {
  width: 21px;
  height: 21px;
}
#topnav > div .profile2 > ul,
.nav-header > div .profile2 > ul {
  padding: 0 10px 0 20px;
}
#topnav > div .profile2 > ul li a,
.nav-header > div .profile2 > ul li a {
  padding-right: 0 !important;
  font-family: PeydaWeb;
  font-size: 16px;
  white-space: nowrap;
}
@media only screen and (max-width: 1100px) {
  #topnav > div .profile2 > ul li a,
  .nav-header > div .profile2 > ul li a {
    font-size: 14px;
  }
}
#topnav > div .profile2 > ul li:hover > a,
#topnav > div .profile2 > ul li:hover > a:hover,
.nav-header > div .profile2 > ul li:hover > a,
.nav-header > div .profile2 > ul li:hover > a:hover {
  color: #c72d80 !important;
}
#topnav > div .profile2 > ul li:hover > .menu-arrow,
.nav-header > div .profile2 > ul li:hover > .menu-arrow {
  border-color: #c72d80 !important;
}
#topnav > div .profile2 > ul li.service-page a,
.nav-header > div .profile2 > ul li.service-page a {
  font-size: 20px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0em;
  color: #101828;
}
#topnav > div .profile2 .person,
.nav-header > div .profile2 .person {
  background-color: #f7f8f9;
  border: 1px solid #dee3e6;
  border-radius: 200px;
  padding: 6px;
  text-align: center;
}
#topnav > div .profile2 .person svg,
.nav-header > div .profile2 .person svg {
  width: 21px;
  height: 21px;
}
#topnav > div #navigation,
.nav-header > div #navigation {
  position: relative;
  margin-left: auto;
}
#topnav > div #navigation .gap,
.nav-header > div #navigation .gap {
  width: 142px;
  padding: 0 10px;
  margin-left: 101px;
}
#topnav > div #navigation .navigation-items,
.nav-header > div #navigation .navigation-items {
  position: relative;
}
#topnav > div #navigation .navigation-items li.parent-parent-menu-item .sub-menu-main,
.nav-header > div #navigation .navigation-items li.parent-parent-menu-item .sub-menu-main {
  padding: 0;
  border: 1px solid #eaecf0;
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);
  z-index: 10;
  margin-bottom: unset;
  padding-bottom: 4px;
  background-color: #fff;
  border-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
#topnav > div #navigation .navigation-items li.parent-parent-menu-item .sub-menu-main li,
.nav-header > div #navigation .navigation-items li.parent-parent-menu-item .sub-menu-main li {
  width: 100%;
  padding: 6px 10px;
}
#topnav > div #navigation .navigation-items li.parent-parent-menu-item .sub-menu-main li a,
.nav-header > div #navigation .navigation-items li.parent-parent-menu-item .sub-menu-main li a {
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0em;
  text-align: right;
  color: #344754;
}
#topnav > div #navigation .navigation-items li.parent-parent-menu-item .sub-menu-main li:hover a,
.nav-header > div #navigation .navigation-items li.parent-parent-menu-item .sub-menu-main li:hover a {
  color: #c72d80 !important;
}
@media (max-width: 767px) {
  #topnav > div #navigation .navigation-items li.parent-parent-menu-item .sub-menu-main li a,
  .nav-header > div #navigation .navigation-items li.parent-parent-menu-item .sub-menu-main li a {
    font-size: 14px;
  }
}
#topnav > div #navigation .navigation-items li.parent-parent-menu-item a,
.nav-header > div #navigation .navigation-items li.parent-parent-menu-item a {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
  color: #101828;
}
#topnav > div #navigation .navigation-items li.service-title a,
.nav-header > div #navigation .navigation-items li.service-title a {
  font-size: 20px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0em;
}
#topnav > div #navigation .navigation-items .searchable,
.nav-header > div #navigation .navigation-items .searchable {
  position: absolute;
  left: 64px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
}
@media (max-width: 991px) {
  #topnav > div #navigation .navigation-items .searchable,
  .nav-header > div #navigation .navigation-items .searchable {
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
  }
}
#topnav > div #navigation .navigation-items .company-register,
.nav-header > div #navigation .navigation-items .company-register {
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
}
@media (max-width: 991px) {
  #topnav > div #navigation .navigation-items .company-register,
  .nav-header > div #navigation .navigation-items .company-register {
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
  }
}
#topnav > div #navigation .navigation-items .navigation-menu > li,
.nav-header > div #navigation .navigation-items .navigation-menu > li {
  margin-right: 0 !important;
  margin-left: 32px !important;
}
#topnav > div #navigation .navigation-items .navigation-menu > li a,
.nav-header > div #navigation .navigation-items .navigation-menu > li a {
  padding-right: 0 !important;
  font-family: PeydaWeb;
  font-size: 16px;
  white-space: nowrap;
}
@media only screen and (max-width: 1639px) {
  #topnav > div #navigation .navigation-items .navigation-menu > li,
  .nav-header > div #navigation .navigation-items .navigation-menu > li {
    margin-left: 16px !important;
  }
  #topnav > div #navigation .navigation-items .navigation-menu > li:first-child,
  .nav-header > div #navigation .navigation-items .navigation-menu > li:first-child {
    margin-right: 16px !important;
  }
}
@media only screen and (max-width: 1100px) {
  #topnav > div #navigation .navigation-items .navigation-menu > li,
  .nav-header > div #navigation .navigation-items .navigation-menu > li {
    margin-left: 8px !important;
  }
  #topnav > div #navigation .navigation-items .navigation-menu > li a,
  .nav-header > div #navigation .navigation-items .navigation-menu > li a {
    font-size: 14px;
  }
}
#topnav > div #navigation .navigation-items .navigation-menu > li:hover > a,
#topnav > div #navigation .navigation-items .navigation-menu > li:hover > a:hover,
.nav-header > div #navigation .navigation-items .navigation-menu > li:hover > a,
.nav-header > div #navigation .navigation-items .navigation-menu > li:hover > a:hover {
  color: #0f048d !important;
}
#topnav > div #navigation .navigation-items .navigation-menu > li:hover > .menu-arrow,
.nav-header > div #navigation .navigation-items .navigation-menu > li:hover > .menu-arrow {
  border-color: #0f048d !important;
}
#topnav > div #navigation .navigation-items .navigation-menu > li.main-item::after,
.nav-header > div #navigation .navigation-items .navigation-menu > li.main-item::after {
  content: "";
  display: block;
  border-top: 2px solid transparent !important;
  transform: scaleX(0) translateX(-50%);
  transition: 250ms;
  opacity: 0.2;
  width: 35%;
}
#topnav > div #navigation .navigation-items .navigation-menu > li.main-item:hover::after,
.nav-header > div #navigation .navigation-items .navigation-menu > li.main-item:hover::after {
  content: "";
  display: block;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #49b3f3 0%, #1004a4 56.77%, #c72d58) border-box;
  border-top: 2px solid transparent !important;
  border-radius: 1px;
  transform: scaleX(1) translateX(-50%);
  opacity: 1;
}
@media only screen and (max-width: 992px) {
  #topnav > div #navigation,
  .nav-header > div #navigation {
    display: none;
  }
}
#topnav > div #navigation.resposive-menu,
.nav-header > div #navigation.resposive-menu {
  display: block;
  position: absolute;
  top: 100%;
  z-index: 5;
  background-color: #fff;
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #dee3e6;
  animation-duration: 500ms;
  animation-fill-mode: both;
  animation-name: fadeInDown;
}
#topnav > div #navigation.resposive-menu .navigation-items,
.nav-header > div #navigation.resposive-menu .navigation-items {
  width: 100%;
}
#topnav > div div.sub-routes-container #navigation-sub-routes,
.nav-header > div div.sub-routes-container #navigation-sub-routes {
  transition: all 0.6s ease;
  list-style: none;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  display: none;
  padding-right: 0;
  top: 100%;
  width: 200px;
  right: 0;
  border: 1px solid #eaecf0;
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);
  z-index: 10;
  margin-bottom: unset;
  padding-bottom: 4px;
  background-color: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
#topnav > div div.sub-routes-container #navigation-sub-routes a,
.nav-header > div div.sub-routes-container #navigation-sub-routes a {
  width: 100%;
  text-align: right;
  display: block;
}
#topnav > div div.sub-routes-container #navigation-sub-routes.active,
.nav-header > div div.sub-routes-container #navigation-sub-routes.active {
  opacity: 1;
  visibility: visible;
  display: unset;
}
#topnav > div div.sub-routes-container #navigation-sub-routes:hover,
.nav-header > div div.sub-routes-container #navigation-sub-routes:hover {
  opacity: 1;
  visibility: visible;
  display: unset;
}
#topnav > div div.sub-routes-container #navigation-sub-routes li,
.nav-header > div div.sub-routes-container #navigation-sub-routes li {
  width: 100%;
  padding: 6px 10px;
}
#topnav > div div.sub-routes-container #navigation-sub-routes li a,
.nav-header > div div.sub-routes-container #navigation-sub-routes li a {
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0em;
  text-align: right;
}
@media (max-width: 767px) {
  #topnav > div div.sub-routes-container #navigation-sub-routes,
  .nav-header > div div.sub-routes-container #navigation-sub-routes {
    width: 150px;
  }
  #topnav > div div.sub-routes-container #navigation-sub-routes li a,
  .nav-header > div div.sub-routes-container #navigation-sub-routes li a {
    font-size: 14px;
  }
}
#topnav > div.subMenu,
.nav-header > div.subMenu {
  border-top: 1px solid #eaeef0;
  border-bottom: 1px solid #eaeef0;
}
#topnav > div.subMenu #navigation,
.nav-header > div.subMenu #navigation {
  position: unset;
  display: flex;
  justify-content: flex-start !important;
}
#topnav > div.subMenu #navigation .navigation-items,
.nav-header > div.subMenu #navigation .navigation-items {
  position: unset;
}
#topnav > div.subMenu #navigation .navigation-items .navigation-menu,
.nav-header > div.subMenu #navigation .navigation-items .navigation-menu {
  position: unset;
  display: flex !important;
  justify-content: flex-start !important;
}
#topnav > div.subMenu #navigation .navigation-items .navigation-menu > li,
.nav-header > div.subMenu #navigation .navigation-items .navigation-menu > li {
  margin-left: 64px !important;
}
#topnav > div.subMenu #navigation .navigation-items .navigation-menu > li a,
.nav-header > div.subMenu #navigation .navigation-items .navigation-menu > li a {
  padding-left: 0 !important;
}
#topnav > div.subMenu #navigation .navigation-items .navigation-menu li,
.nav-header > div.subMenu #navigation .navigation-items .navigation-menu li {
  text-align: center;
}
#topnav > div.subMenu #navigation .navigation-items .navigation-menu li:first-child,
.nav-header > div.subMenu #navigation .navigation-items .navigation-menu li:first-child {
  margin-right: 0 !important;
}
#topnav > div.subMenu #navigation .navigation-items .navigation-menu li:first-child a,
.nav-header > div.subMenu #navigation .navigation-items .navigation-menu li:first-child a {
  font-size: 20px !important;
  color: #101828;
}
#topnav > div.subMenu #navigation .navigation-items .navigation-menu li:first-child:hover a,
.nav-header > div.subMenu #navigation .navigation-items .navigation-menu li:first-child:hover a {
  cursor: auto;
  color: #101828 !important;
}
#topnav > div.subMenu #navigation .navigation-items .navigation-menu li:first-child a,
.nav-header > div.subMenu #navigation .navigation-items .navigation-menu li:first-child a {
  padding-right: 0 !important;
}
#topnav > div.subMenu #navigation .navigation-items .navigation-menu li:not(:first-child):not(:last-child):not(.noactive),
#topnav > div.subMenu #navigation .navigation-items .navigation-menu li .active-force,
.nav-header > div.subMenu #navigation .navigation-items .navigation-menu li:not(:first-child):not(:last-child):not(.noactive),
.nav-header > div.subMenu #navigation .navigation-items .navigation-menu li .active-force {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
#topnav > div.subMenu #navigation .navigation-items .navigation-menu li:not(:first-child):not(:last-child):not(.noactive) a,
#topnav > div.subMenu #navigation .navigation-items .navigation-menu li .active-force a,
.nav-header > div.subMenu #navigation .navigation-items .navigation-menu li:not(:first-child):not(:last-child):not(.noactive) a,
.nav-header > div.subMenu #navigation .navigation-items .navigation-menu li .active-force a {
  color: #101828 !important;
}
#topnav > div.subMenu #navigation .navigation-items .navigation-menu li:not(:first-child):not(:last-child):not(.noactive) a:hover,
#topnav > div.subMenu #navigation .navigation-items .navigation-menu li .active-force a:hover,
.nav-header > div.subMenu #navigation .navigation-items .navigation-menu li:not(:first-child):not(:last-child):not(.noactive) a:hover,
.nav-header > div.subMenu #navigation .navigation-items .navigation-menu li .active-force a:hover {
  color: #0f048d !important;
}
#topnav > div.subMenu #navigation .navigation-items .navigation-menu li:not(:first-child):not(:last-child):not(.noactive).active a,
#topnav > div.subMenu #navigation .navigation-items .navigation-menu li .active-force.active a,
.nav-header > div.subMenu #navigation .navigation-items .navigation-menu li:not(:first-child):not(:last-child):not(.noactive).active a,
.nav-header > div.subMenu #navigation .navigation-items .navigation-menu li .active-force.active a {
  color: #0f048d !important;
}
#topnav > div.subMenu #navigation .navigation-items .navigation-menu li:not(:first-child):not(:last-child):not(.noactive).active::after,
#topnav > div.subMenu #navigation .navigation-items .navigation-menu li .active-force.active::after,
.nav-header > div.subMenu #navigation .navigation-items .navigation-menu li:not(:first-child):not(:last-child):not(.noactive).active::after,
.nav-header > div.subMenu #navigation .navigation-items .navigation-menu li .active-force.active::after {
  content: "";
  display: block;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #49b3f3 0%, #1004a4 56.77%, #c72d58) border-box;
  border-top: 2px solid transparent !important;
  border-radius: 1px;
  transform: scaleX(1);
  opacity: 1;
}
#topnav > div.subMenu #navigation .navigation-items .navigation-menu li:not(:first-child):not(:last-child):not(.noactive)::after,
#topnav > div.subMenu #navigation .navigation-items .navigation-menu li .active-force::after,
.nav-header > div.subMenu #navigation .navigation-items .navigation-menu li:not(:first-child):not(:last-child):not(.noactive)::after,
.nav-header > div.subMenu #navigation .navigation-items .navigation-menu li .active-force::after {
  content: "";
  display: block;
  border-top: 2px solid transparent !important;
  transform: scaleX(0);
  transition: 250ms;
  opacity: 0.2;
  width: 35%;
}
#topnav > div.subMenu #navigation .navigation-items .navigation-menu li:not(:first-child):not(:last-child):not(.noactive):hover::after,
#topnav > div.subMenu #navigation .navigation-items .navigation-menu li .active-force:hover::after,
.nav-header > div.subMenu #navigation .navigation-items .navigation-menu li:not(:first-child):not(:last-child):not(.noactive):hover::after,
.nav-header > div.subMenu #navigation .navigation-items .navigation-menu li .active-force:hover::after {
  content: "";
  display: block;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #49b3f3 0%, #1004a4 56.77%, #c72d58) border-box;
  border-top: 2px solid transparent !important;
  border-radius: 1px;
  transform: scaleX(1);
  opacity: 1;
}
#topnav > div.subMenu #navigation .navigation-items .navigation-menu li.noactive span,
.nav-header > div.subMenu #navigation .navigation-items .navigation-menu li.noactive span {
  position: unset !important;
  margin-right: 16px;
}
#topnav > div.subMenu #navigation .navigation-items .navigation-menu li.search,
.nav-header > div.subMenu #navigation .navigation-items .navigation-menu li.search {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
#topnav > div.subMenu #navigation .navigation-items .navigation-menu li.search:hover,
.nav-header > div.subMenu #navigation .navigation-items .navigation-menu li.search:hover {
  color: #c72d80 !important;
}
#topnav > div.subMenu #navigation .navigation-items .navigation-menu li.search .searchInputContainer,
.nav-header > div.subMenu #navigation .navigation-items .navigation-menu li.search .searchInputContainer {
  margin-bottom: 0 !important;
}
#topnav > div.subMenu #navigation .navigation-items .navigation-menu li.search .searchInputContainer .header-input-search,
.nav-header > div.subMenu #navigation .navigation-items .navigation-menu li.search .searchInputContainer .header-input-search {
  border-radius: 8px !important;
}
@media only screen and (max-width: 991px) {
  #topnav > div.subMenu #navigation .navigation-items .navigation-menu li.search,
  .nav-header > div.subMenu #navigation .navigation-items .navigation-menu li.search {
    display: none;
  }
}
#topnav > div.subMenu #navigation .navigation-items .navigation-menu > li > a,
.nav-header > div.subMenu #navigation .navigation-items .navigation-menu > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: auto;
}
@media only screen and (max-width: 1639px) {
  #topnav > div.subMenu #navigation .navigation-items .navigation-menu > li,
  .nav-header > div.subMenu #navigation .navigation-items .navigation-menu > li {
    margin-left: 32px !important;
  }
}
@media only screen and (max-width: 1100px) {
  #topnav > div.subMenu #navigation .navigation-items .navigation-menu > li,
  .nav-header > div.subMenu #navigation .navigation-items .navigation-menu > li {
    margin-left: 24px !important;
  }
  #topnav > div.subMenu #navigation .navigation-items .navigation-menu > li a,
  .nav-header > div.subMenu #navigation .navigation-items .navigation-menu > li a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 991px) {
  #topnav > div.subMenu #navigation .navigation-items .navigation-menu,
  .nav-header > div.subMenu #navigation .navigation-items .navigation-menu {
    padding-right: 14px;
  }
}
@media only screen and (max-width: 991px) {
  #topnav > div.subMenu #navigation .navigation-items .search-mob,
  .nav-header > div.subMenu #navigation .navigation-items .search-mob {
    display: flex !important;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.0588235294), 0px 4px 8px -2px rgba(16, 24, 40, 0.1019607843);
    width: 48px;
    height: 100%;
    z-index: 1;
    background-color: #fff;
    cursor: pointer;
  }
}
#topnav > div.subMenu #navigation .navigation-items .search-mob.open-search,
.nav-header > div.subMenu #navigation .navigation-items .search-mob.open-search {
  right: 0;
  width: 100%;
  box-shadow: none;
  box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.1411764706), 0px 1px 2px 0px rgba(16, 24, 40, 0.0588235294), 0px 1px 3px 0px rgba(16, 24, 40, 0.1019607843);
  cursor: default;
}
#topnav > div.subMenu #navigation .navigation-items .search-mob.open-search .input-group,
.nav-header > div.subMenu #navigation .navigation-items .search-mob.open-search .input-group {
  margin-bottom: unset !important;
}
#topnav > div.subMenu #navigation .navigation-items .search-mob.open-search .input-group input,
.nav-header > div.subMenu #navigation .navigation-items .search-mob.open-search .input-group input {
  border-radius: 0 !important;
}
@media (max-width: 991px) {
  #topnav > div.subMenu #navigation,
  .nav-header > div.subMenu #navigation {
    overflow-x: scroll;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
  #topnav > div.subMenu #navigation::-webkit-scrollbar,
  .nav-header > div.subMenu #navigation::-webkit-scrollbar {
    display: none;
  }
}
#topnav > div.sub-nav-sticky,
.nav-header > div.sub-nav-sticky {
  position: fixed !important;
  top: 0;
  background: #fff;
  width: 100%;
  z-index: 10;
}
#topnav.checkout #main-nav,
.nav-header.checkout #main-nav {
  min-height: 74px;
}
#topnav.checkout > div .logo-checkout.des a img,
.nav-header.checkout > div .logo-checkout.des a img {
  width: 112px;
}
@media only screen and (max-width: 991px) {
  #topnav.checkout > div .logo-checkout.des,
  .nav-header.checkout > div .logo-checkout.des {
    display: none;
  }
  #topnav.checkout > div .logo-checkout.mob,
  .nav-header.checkout > div .logo-checkout.mob {
    display: block;
  }
}
@media only screen and (min-width: 991px) {
  #topnav.checkout > div .logo-checkout,
  .nav-header.checkout > div .logo-checkout {
    padding-right: 32px;
  }
  #topnav.checkout > div .logo-checkout.des,
  .nav-header.checkout > div .logo-checkout.des {
    display: block;
    margin: 0 auto;
  }
  #topnav.checkout > div .logo-checkout.mob,
  .nav-header.checkout > div .logo-checkout.mob {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  #topnav.checkout > div .profile-checkout,
  .nav-header.checkout > div .profile-checkout {
    display: none;
  }
}
#topnav.checkout > div .profile-checkout > ul,
.nav-header.checkout > div .profile-checkout > ul {
  padding: 0 10px 0 20px;
}
#topnav.checkout > div .profile-checkout > ul li a,
.nav-header.checkout > div .profile-checkout > ul li a {
  padding-right: 0 !important;
  font-family: PeydaWeb;
  font-size: 16px;
  white-space: nowrap;
}
@media only screen and (max-width: 1100px) {
  #topnav.checkout > div .profile-checkout > ul li a,
  .nav-header.checkout > div .profile-checkout > ul li a {
    font-size: 14px;
  }
}
#topnav.checkout > div .profile-checkout > ul li:hover > a,
#topnav.checkout > div .profile-checkout > ul li:hover > a:hover,
.nav-header.checkout > div .profile-checkout > ul li:hover > a,
.nav-header.checkout > div .profile-checkout > ul li:hover > a:hover {
  color: #c72d80 !important;
}
#topnav.checkout > div .profile-checkout > ul li:hover > .menu-arrow,
.nav-header.checkout > div .profile-checkout > ul li:hover > .menu-arrow {
  border-color: #c72d80 !important;
}
#topnav.checkout > div .profile-checkout > ul li.service-page a,
.nav-header.checkout > div .profile-checkout > ul li.service-page a {
  font-size: 20px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0em;
  color: #101828;
}
#topnav.checkout > div .profile-checkout .person,
.nav-header.checkout > div .profile-checkout .person {
  background-color: #f7f8f9;
  border: 1px solid #dee3e6;
  border-radius: 200px;
  padding: 6px;
  text-align: center;
}
#topnav.checkout > div .profile-checkout .person svg,
.nav-header.checkout > div .profile-checkout .person svg {
  width: 21px;
  height: 21px;
}
#topnav.checkout > div .notif-checkout,
.nav-header.checkout > div .notif-checkout {
  margin: 28px 20px;
}
@media only screen and (min-width: 991px) {
  #topnav.checkout > div .notif-checkout,
  .nav-header.checkout > div .notif-checkout {
    display: none;
  }
}

.person-icon {
  background-color: #f7f8f9 !important;
  border: 1px solid #dee3e6 !important;
  border-radius: 200px;
  padding: 6px;
  text-align: center;
}
.person-icon svg {
  width: 21px;
  height: 21px;
}

footer.footer-container {
  background-image: url("/assets/svg/Logo/footer.svg");
  background-repeat: no-repeat;
  padding-top: 48px;
  background-color: #fff;
}
footer.footer-container::after {
  content: "";
  display: block;
  width: 100%;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #c72d58 17.71%, #1004a4 50.52%, #49b3f3 81.77%) border-box;
  border-bottom: 4px solid transparent !important;
}
@media (min-width: 991px) {
  footer.footer-container {
    padding-top: 80px;
  }
}
footer.footer-container .items .footer-item > div {
  padding-right: 2px;
}
footer.footer-container .items .footer-item > div ul.footer-list:last-child {
  margin-right: 32px;
}
footer.footer-container .items .footer-item ul.footer-list li a {
  font-weight: 600;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0em;
  color: #1d2e39;
}
@media (min-width: 991px) {
  footer.footer-container .items .footer-item ul.footer-list li {
    margin-bottom: 16px;
  }
}
footer.footer-container .items .footer-item ul.footer-list-contact li a {
  font-weight: 500;
  font-size: 16px;
}
footer.footer-container .items .footer-item h5 {
  font-size: 14px !important;
  color: #98a8b3;
  font-weight: 700;
  border-right: 2px solid #eaeef0;
  margin-bottom: 0;
  line-height: 26px;
  letter-spacing: 0em;
}
@media (min-width: 991px) {
  footer.footer-container .items .footer-item h5 {
    padding-right: 8px;
  }
}
footer.footer-container .items .footer-item:first-child {
  max-width: 360px;
  margin-bottom: 48px;
}
footer.footer-container .items .footer-item:first-child .logo {
  width: 53px;
  margin-bottom: 8px;
}
footer.footer-container .items .footer-item:first-child p {
  text-align: justify;
  color: #475a67;
  line-height: 30px;
  font-size: 16px;
  font-weight: 400;
}
footer.footer-container .items .footer-item:last-child {
  max-width: 360px;
}
footer.footer-container .items .footer-item:nth-child(4) > ul li {
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0em;
}
footer.footer-container .items .footer-item:nth-child(4) > ul li a {
  color: #667085;
}
footer.footer-container .items .footer-item:nth-child(4) > ul li a > span.icon {
  margin-left: 12px;
}
footer.footer-container .items .footer-item:nth-child(4) > ul li a > span.icon svg {
  width: 20px;
  height: 20px;
  margin-bottom: 2px;
}
footer.footer-container .items .footer-item:nth-child(4) > ul li a:hover {
  color: #c72d80;
}
footer.footer-container .items .footer-item:nth-child(4) > ul li.address a {
  color: #667085 !important;
}
footer.footer-container .social-section {
  margin-top: 48px;
  padding-top: 24px;
  padding-bottom: 24px;
  border-top: 1px solid #eaeef0;
}
footer.footer-container .social-section .right-item > ul li {
  margin-left: 24px;
}
footer.footer-container .social-section .right-item p {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  color: #475a67;
}
@media (min-width: 991px) {
  footer.footer-container .social-section .right-item p {
    border-right: 1px solid #eaeef0;
    padding-right: 10px;
  }
}
@media (max-width: 991px) {
  footer.footer-container .items .footer-item {
    width: 100%;
  }
  footer.footer-container .items .footer-item .footer-head {
    border-right: unset;
  }
  footer.footer-container .items .footer-item .footer-head .logo {
    width: 32px;
  }
  footer.footer-container .items .footer-item:nth-child(2) {
    margin-bottom: -20px;
  }
  footer.footer-container .items .footer-item:nth-child(2) > div {
    flex-direction: column;
  }
  footer.footer-container .items .footer-item:nth-child(2) > div > ul {
    width: 100%;
    padding: 0 !important;
    margin: 16px 0 !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  footer.footer-container .items .footer-item:nth-child(3) {
    margin-bottom: 48px;
  }
  footer.footer-container .items .footer-item:nth-child(3) > div {
    flex-direction: column;
  }
  footer.footer-container .items .footer-item:nth-child(3) > div > ul {
    width: 100%;
    padding: 0 !important;
    margin: 16px 0 !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  footer.footer-container .items .footer-item:nth-child(4) > ul {
    display: flex;
    flex-direction: column;
    align-items: start;
    flex-wrap: wrap;
  }
  footer.footer-container .social-section {
    flex-wrap: wrap;
  }
  footer.footer-container .social-section .right-item {
    width: 100%;
    flex-wrap: wrap;
  }
  footer.footer-container .social-section .right-item > ul {
    width: 100%;
    order: -1;
    width: 100%;
    padding: unset;
    margin-bottom: 32px;
  }
  footer.footer-container .social-section .right-item > ul li {
    margin: unset;
  }
  footer.footer-container .social-section .right-item p {
    width: 100%;
    text-align: center;
  }
  footer.footer-container .social-section .left-item {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 767px) {
  footer.footer-container > .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.social-footer {
  cursor: pointer;
}
.social-footer:hover path {
  fill: #667085;
}

.newsletter-container {
  background-color: #f2f5f7;
}
.newsletter-container > div {
  padding-top: 48px;
  padding-bottom: 48px;
}
.newsletter-container > div > div .row-section-title {
  color: #101828;
  font-weight: 700;
  font-size: 20px;
}
.newsletter-container > div > div p {
  color: #667985;
  font-weight: 400;
  font-size: 16px;
  margin-top: 12px;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: right;
}
.newsletter-container > div > .newsletter-form div.btn {
  padding: 8px 32px 8px 32px;
}
.newsletter-container > div > .newsletter-form .form-control {
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(91.66deg, #0ba3ff -0.82%, #1004a4 31.01%, #c72d80 67.14%) border-box;
  border: 1px solid transparent !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
  color: #98a8b3;
  font-family: "PeydaWeb";
}
.newsletter-container > div > .newsletter-form input::-moz-placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
  color: #98a8b3;
  font-family: "PeydaWeb";
  direction: rtl;
}
.newsletter-container > div > .newsletter-form input::placeholder,
.newsletter-container > div > .newsletter-form input {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
  color: #98a8b3;
  font-family: "PeydaWeb";
  direction: rtl;
}
.newsletter-container > div > .newsletter-form input.press {
  direction: ltr;
}
@media (min-width: 991px) {
  .newsletter-container > div > div > div:first-child {
    max-width: 360px;
  }
  .newsletter-container > div > .newsletter-form div.btn {
    margin-right: 8px;
  }
  .newsletter-container > div input {
    min-width: 301px;
  }
}
@media (max-width: 991px) {
  .newsletter-container > div > .newsletter-form {
    flex-wrap: wrap;
    width: 100%;
    margin-top: 32px;
  }
  .newsletter-container > div > .newsletter-form div.btn {
    width: 100%;
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .newsletter-container > div.container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.company-sidebar-container {
  position: fixed;
  right: 0;
  top: 0;
  content: "";
  background: #fff;
  z-index: 10;
  transition: all 0.3s ease-in-out;
  border-top: 4px solid;
  width: 276px;
  -o-border-image: linear-gradient(90deg, #c72d58 17.71%, #1004a4 50.52%, #49b3f3 81.77%) 1 0 0;
     border-image: linear-gradient(90deg, #c72d58 17.71%, #1004a4 50.52%, #49b3f3 81.77%) 1 0 0;
}
.company-sidebar-container .fullname {
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0em;
  color: #101828;
}
@media (max-width: 991px) {
  .company-sidebar-container {
    right: -100%;
  }
}
.company-sidebar-container > div {
  height: calc(100vh - 64px);
}
.company-sidebar-container.redd {
  background: red !important;
}
.company-sidebar-container.height-100vh > div {
  height: 100vh;
}
.company-sidebar-container::after {
  position: absolute;
  top: 0px;
  right: 100%;
  content: "";
  background: #eaeef0;
  width: 1px;
  height: 100%;
}
.company-sidebar-container .nav-pills {
  background: #fff !important;
}
.company-sidebar-container .dropdown-menu-dark {
  background: #fff !important;
}
.company-sidebar-container .dropdown-menu-dark .dropdown-item {
  color: #495057 !important;
}
.company-sidebar-container .items-desktop {
  height: 100vh;
}
.company-sidebar-container .image-container {
  max-width: 48px;
  max-height: 48px;
}
.company-sidebar-container .image-container img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.company-sidebar-container ul li {
  width: 100%;
  border-radius: 6px;
  transition: all 0.3 ease-in;
  margin-top: 16px;
}
.company-sidebar-container ul li a {
  padding: 8px !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
  color: #344754;
}
.company-sidebar-container ul li.active-item {
  background: #e8e6fa !important;
}
.company-sidebar-container ul li.active-item a span {
  color: #0d0375 !important;
}
.company-sidebar-container ul li:hover {
  transition: all 0.3 ease-in;
  background: #e8e6fa !important;
}
.company-sidebar-container ul li:hover a span {
  color: #0d0375 !important;
}
.company-sidebar-container ul li.deactivate-item {
  background: transparent !important;
}
.company-sidebar-container ul li.deactivate-item a {
  color: #d0d8dd !important;
}
.company-sidebar-container ul li.deactivate-item a span {
  color: #d0d8dd !important;
}
.company-sidebar-container .icon-close {
  position: absolute;
  top: 8px;
  left: -46px;
  color: #fff;
}
.company-sidebar-container.disable li:not(.exit) {
  background: transparent !important;
}
.company-sidebar-container.disable li:not(.exit) * {
  color: #d0d8dd !important;
  cursor: auto;
}
.company-sidebar-container.visible {
  right: 0;
  z-index: 2000;
  height: 100vh;
}

.company-header-container {
  position: fixed;
  left: 0;
  top: 0;
  content: "";
  background: #fff;
  z-index: 10;
  border-top: 4px solid;
  height: 88px;
  width: 100%;
  -o-border-image: linear-gradient(90deg, #c72d58 17.71%, #1004a4 50.52%, #49b3f3 81.77%) 1 0 0;
     border-image: linear-gradient(90deg, #c72d58 17.71%, #1004a4 50.52%, #49b3f3 81.77%) 1 0 0;
}
.company-header-container::after {
  position: absolute;
  top: 100%;
  left: 0;
  content: "";
  background: #eaeef0;
  width: 100%;
  height: 1px;
}

.bg-dark {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5) !important;
  z-index: 8;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.bg-dark.visible {
  visibility: visible;
  opacity: 1;
  z-index: 1000;
}

.panel-layout-container {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background-color: #fcfcfd;
  position: relative;
}
.panel-layout-container > .row {
  height: 100%;
  background-color: #fcfcfd;
}
.panel-layout-container > .row .dashboard-content, .panel-layout-container > .row .dashboard-player {
  width: calc(100% - 276px);
  background-color: #fcfcfd;
  height: 100%;
  margin: unset;
  padding: unset;
  padding-top: 68px;
}
.panel-layout-container > .row .dashboard-content.dashboard-player, .panel-layout-container > .row .dashboard-player.dashboard-player {
  width: 100%;
}
@media (max-width: 767px) {
  .panel-layout-container > .row .dashboard-content, .panel-layout-container > .row .dashboard-player {
    width: 100%;
  }
}
.panel-layout-container > .row .dashboard-content .dashboard-type-one, .panel-layout-container > .row .dashboard-player .dashboard-type-one {
  padding-left: 30%;
  padding-right: 14%;
}
@media (max-width: 1319px) {
  .panel-layout-container > .row .dashboard-content .dashboard-type-one, .panel-layout-container > .row .dashboard-player .dashboard-type-one {
    padding-left: 20%;
    padding-right: 12%;
  }
}
@media (max-width: 1199px) {
  .panel-layout-container > .row .dashboard-content .dashboard-type-one, .panel-layout-container > .row .dashboard-player .dashboard-type-one {
    padding-left: 10%;
    padding-right: 8%;
  }
}
@media (max-width: 991px) {
  .panel-layout-container > .row .dashboard-content .dashboard-type-one, .panel-layout-container > .row .dashboard-player .dashboard-type-one {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 767px) {
  .panel-layout-container > .row .dashboard-content .dashboard-type-one, .panel-layout-container > .row .dashboard-player .dashboard-type-one {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.panel-layout-container > .row .dashboard-content .dashboard-type-two, .panel-layout-container > .row .dashboard-player .dashboard-type-two {
  margin: 90px 0;
  margin-left: calc(39% - 127.5px);
  margin-right: calc(21% - 127.5px);
  background: #fff;
  max-width: 688px;
  padding: 48px 40px 24px 40px;
  border-radius: 16px;
  border: 1px solid #f2f4f7;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}
@media (max-width: 1319px) {
  .panel-layout-container > .row .dashboard-content .dashboard-type-two, .panel-layout-container > .row .dashboard-player .dashboard-type-two {
    margin-left: calc(28% - 127.5px);
    margin-right: calc(100vw - 275px - 90%);
  }
}
@media (max-width: 1199px) {
  .panel-layout-container > .row .dashboard-content .dashboard-type-two, .panel-layout-container > .row .dashboard-player .dashboard-type-two {
    margin-left: calc(27% - 127.5px);
    margin-right: calc(100vw - 275px - 90%);
  }
}
@media (max-width: 991px) {
  .panel-layout-container > .row .dashboard-content .dashboard-type-two, .panel-layout-container > .row .dashboard-player .dashboard-type-two {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media (max-width: 767px) {
  .panel-layout-container > .row .dashboard-content .dashboard-type-two, .panel-layout-container > .row .dashboard-player .dashboard-type-two {
    margin-left: auto;
    margin-right: auto;
    padding: 8px;
    border-radius: 0;
    border: none;
    box-shadow: none;
    width: 100%;
  }
}
.panel-layout-container > .row .dashboard-content .dashboard-type-two .user-info-setting, .panel-layout-container > .row .dashboard-player .dashboard-type-two .user-info-setting {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.panel-layout-container > .row .dashboard-content .dashboard-type-three, .panel-layout-container > .row .dashboard-player .dashboard-type-three {
  padding-left: 24.5%;
  padding-right: 24.5%;
}
@media (max-width: 1319px) {
  .panel-layout-container > .row .dashboard-content .dashboard-type-three, .panel-layout-container > .row .dashboard-player .dashboard-type-three {
    padding-left: 22%;
    padding-right: 14%;
  }
}
@media (max-width: 1199px) {
  .panel-layout-container > .row .dashboard-content .dashboard-type-three, .panel-layout-container > .row .dashboard-player .dashboard-type-three {
    padding-left: 15%;
    padding-right: 7%;
  }
}
@media (max-width: 991px) {
  .panel-layout-container > .row .dashboard-content .dashboard-type-three, .panel-layout-container > .row .dashboard-player .dashboard-type-three {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 767px) {
  .panel-layout-container > .row .dashboard-content .dashboard-type-three, .panel-layout-container > .row .dashboard-player .dashboard-type-three {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.panel-layout-container > .row .dashboard-content .dashboard-without-pad, .panel-layout-container > .row .dashboard-player .dashboard-without-pad {
  padding-left: unset;
  padding-right: unset;
}
@media (max-width: 1319px) {
  .panel-layout-container > .row .dashboard-content .dashboard-without-pad, .panel-layout-container > .row .dashboard-player .dashboard-without-pad {
    padding-left: unset;
    padding-right: unset;
  }
}
@media (max-width: 1199px) {
  .panel-layout-container > .row .dashboard-content .dashboard-without-pad, .panel-layout-container > .row .dashboard-player .dashboard-without-pad {
    padding-left: unset;
    padding-right: unset;
  }
}
@media (max-width: 991px) {
  .panel-layout-container > .row .dashboard-content .dashboard-without-pad, .panel-layout-container > .row .dashboard-player .dashboard-without-pad {
    padding-left: unset;
    padding-right: unset;
  }
}
@media (max-width: 767px) {
  .panel-layout-container > .row .dashboard-content .dashboard-without-pad, .panel-layout-container > .row .dashboard-player .dashboard-without-pad {
    padding-left: unset;
    padding-right: unset;
  }
}
.panel-layout-container > .row .dashboard-content .dashboard-type-four, .panel-layout-container > .row .dashboard-player .dashboard-type-four {
  padding-left: 20%;
  padding-right: 8%;
}
@media (max-width: 1319px) {
  .panel-layout-container > .row .dashboard-content .dashboard-type-four, .panel-layout-container > .row .dashboard-player .dashboard-type-four {
    padding-left: 15%;
    padding-right: 6%;
  }
}
@media (max-width: 1199px) {
  .panel-layout-container > .row .dashboard-content .dashboard-type-four, .panel-layout-container > .row .dashboard-player .dashboard-type-four {
    padding-left: 10%;
    padding-right: 4%;
  }
}
@media (max-width: 991px) {
  .panel-layout-container > .row .dashboard-content .dashboard-type-four, .panel-layout-container > .row .dashboard-player .dashboard-type-four {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 767px) {
  .panel-layout-container > .row .dashboard-content .dashboard-type-four, .panel-layout-container > .row .dashboard-player .dashboard-type-four {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.panel-layout-container .home-page-sidebar {
  box-shadow: unset;
  border-top: 4px solid;
  max-width: 276px;
  border-left: 1px solid #eaecf0;
}
@media (max-width: 767px) {
  .panel-layout-container .home-page-sidebar {
    display: none;
  }
}
.panel-layout-container .home-page-sidebar ul li {
  width: 100%;
  border-radius: 6px;
  transition: 300ms;
  margin-top: 16px;
  padding: unset !important;
}
.panel-layout-container .home-page-sidebar ul li a {
  padding: 8px 0 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 32px !important;
  color: #667085;
  font-family: DanaFaNum;
}
.panel-layout-container .home-page-sidebar ul li a div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.panel-layout-container .home-page-sidebar ul li a div .completed-profile {
  color: #EF4444;
}
.panel-layout-container .home-page-sidebar ul li a .icon {
  padding: 2px 6px;
  border-radius: 4px;
}
.panel-layout-container .home-page-sidebar ul li a .ms-1 {
  padding-top: 2px;
}
.panel-layout-container .home-page-sidebar ul li a .svg-icon svg {
  width: 20px;
  height: 20px;
}
.panel-layout-container .home-page-sidebar ul li.active-item {
  background: none !important;
}
.panel-layout-container .home-page-sidebar ul li.active-item .nav-link .icon {
  background: #DAD6FF;
}
.panel-layout-container .home-page-sidebar ul li.active-item a span {
  color: #0d0375 !important;
}
.panel-layout-container .home-page-sidebar ul li.active-item .completed-profile {
  color: #EF4444 !important;
}
.panel-layout-container .home-page-sidebar ul li:hover {
  transition: all 0.3 linear;
}
.panel-layout-container .home-page-sidebar ul li:hover:not(:has(.jsh-park-links:hover)) .nav-link .icon {
  background: #DAD6FF;
}
.panel-layout-container .home-page-sidebar ul li:hover:not(:has(.jsh-park-links:hover)) .completed-profile {
  color: #EF4444 !important;
}
.panel-layout-container .home-page-sidebar ul li:hover:not(:has(.jsh-park-links:hover)) a span {
  color: #0d0375;
}
.panel-layout-container .home-page-sidebar ul li:hover:has(.jsh-park-links:hover) a span {
  color: #667085;
}
.panel-layout-container .home-page-sidebar ul li.deactivate-item {
  background: transparent !important;
}
.panel-layout-container .home-page-sidebar ul li.deactivate-item .nav-link .icon {
  background: transparent !important;
}
.panel-layout-container .home-page-sidebar ul li.deactivate-item .nav-link * {
  color: #d0d8dd !important;
}
.panel-layout-container .home-page-sidebar ul li.deactivate-item a {
  cursor: default;
  color: #d0d8dd !important;
}
.panel-layout-container .home-page-sidebar ul li.deactivate-item a span {
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  color: #d0d8dd !important;
  font-family: PeydaWebFaNum, serif;
}
.panel-layout-container .home-page-sidebar ul .park-nav-link {
  border-radius: 6px;
}
.panel-layout-container .home-page-sidebar ul .park-nav-link:hover {
  transition: 300ms;
}
.panel-layout-container .home-page-sidebar ul .park-nav-link:hover a span {
  color: #0d0375;
}
.panel-layout-container .home-page-sidebar ul .park-nav-item .jsh-park-links .jsh-park-link {
  padding: 8px 44px 8px 0 !important;
}
.panel-layout-container .home-page-sidebar ul .park-nav-item .jsh-park-links .jsh-park-link.active {
  color: #3A27F3;
  font-weight: 600;
}
.panel-layout-container .company-sidebar-panel .image-container img {
  border-radius: 4px !important;
}
.panel-layout-container #topnav {
  position: fixed !important;
  right: unset;
  left: 0;
  top: 0;
  width: calc(100% - 276px);
}
@media (max-width: 767px) {
  .panel-layout-container #topnav {
    width: 100%;
  }
}
.panel-layout-container #topnav.topnav-player {
  width: 100%;
}

#topnav-panel {
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  position: fixed !important;
  right: unset;
  left: 0;
  top: 0;
  z-index: 3;
  width: calc(100% - 276px);
  padding-top: 14px;
  padding-bottom: 14px;
  background-color: #fff !important;
}
#topnav-panel.navbar-player {
  width: 100%;
}
@media (min-width: 991px) {
  #topnav-panel.navbar-player {
    padding-top: 22px;
    padding-bottom: 22px;
    z-index: 13;
  }
}
@media (min-width: 991px) {
  #topnav-panel.navbar-comapny-panel {
    padding-top: 11px;
    padding-bottom: 11px;
  }
}
@media (min-width: 767px) {
  #topnav-panel .navbar-toggle {
    display: none;
  }
}
@media (max-width: 767px) {
  #topnav-panel {
    width: 100%;
  }
}
@media (min-width: 991px) {
  #topnav-panel {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
#topnav-panel.dashboard-type-one {
  padding-left: 30%;
  padding-right: 14%;
}
@media (max-width: 1319px) {
  #topnav-panel.dashboard-type-one {
    padding-left: 20%;
    padding-right: 12%;
  }
}
@media (max-width: 1199px) {
  #topnav-panel.dashboard-type-one {
    padding-left: 11%;
    padding-right: 9%;
  }
}
@media (max-width: 991px) {
  #topnav-panel.dashboard-type-one {
    padding-left: 7%;
    padding-right: 5%;
  }
}
@media (max-width: 767px) {
  #topnav-panel.dashboard-type-one {
    padding-left: 16px;
    padding-right: 16px;
  }
}
#topnav-panel > div:first-child.main-nav {
  position: relative;
}
#topnav-panel > div .logo a img.des {
  width: 94px;
}
@media only screen and (max-width: 991px) {
  #topnav-panel > div .logo {
    order: 1;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
  }
}
#topnav-panel > div .notifacations {
  position: absolute;
  left: 0;
}
#topnav-panel > div .notifacations > ul {
  padding: 0 10px 0 10px;
  list-style: none;
}
#topnav-panel > div .notifacations > ul li > div {
  padding-right: 0 !important;
  cursor: pointer;
}
#topnav-panel > div .notifacations > ul li:hover > div, #topnav-panel > div .notifacations > ul li:hover > div:hover {
  color: #c72d80 !important;
}
#topnav-panel > div .menu-extras {
  position: absolute;
  right: 0;
}
#topnav-panel.navbar-comapny-panel .panel-logo a img.des {
  display: block;
}
#topnav-panel.navbar-comapny-panel .panel-logo a img.mob {
  display: none;
}
@media (max-width: 767px) {
  #topnav-panel.navbar-comapny-panel .panel-logo a img.des {
    display: none;
  }
  #topnav-panel.navbar-comapny-panel .panel-logo a img.mob {
    display: block;
  }
}

#rightMenuSlider ul li {
  width: 100%;
  border-radius: 6px;
  transition: 300ms;
  margin-top: 16px;
  padding: unset !important;
}
#rightMenuSlider ul li a {
  padding: 8px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 32px !important;
  color: #667085;
  font-family: DanaFaNum;
}
#rightMenuSlider ul li a div {
  display: flex;
  align-items: center;
  gap: 8px;
}
#rightMenuSlider ul li a div .completed-profile {
  color: #EF4444;
}
#rightMenuSlider ul li a .svg-icon svg {
  width: 20px;
  height: 20px;
}
#rightMenuSlider ul li.active-item:not(:has(.park-nav-link)) {
  background: #e8e6fa !important;
}
#rightMenuSlider ul li.active-item:not(:has(.park-nav-link)):has(.park-nav-link) {
  background: none !important;
}
#rightMenuSlider ul li.active-item:not(:has(.park-nav-link)):has(.park-nav-link) .park-nav-link {
  background: #e8e6fa;
}
#rightMenuSlider ul li.active-item:not(:has(.park-nav-link)) a span {
  color: #0d0375;
}
#rightMenuSlider ul li:hover {
  transition: 300ms;
  background: #e8e6fa !important;
}
#rightMenuSlider ul li:hover:has(.park-nav-link) {
  background: none !important;
}
#rightMenuSlider ul li:hover:not(:has(.jsh-park-links:hover)) a span {
  color: #0d0375;
}
#rightMenuSlider ul li:hover:has(.jsh-park-links:hover) a span {
  color: #667085;
}
#rightMenuSlider ul li.deactivate-item {
  background: transparent !important;
}
#rightMenuSlider ul li.deactivate-item a {
  color: #d0d8dd !important;
}
#rightMenuSlider ul li.deactivate-item a span {
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  color: #d0d8dd !important;
  font-family: PeydaWebFaNum, serif;
}
#rightMenuSlider ul .park-nav-link {
  border-radius: 6px;
}
#rightMenuSlider ul .park-nav-link:hover {
  transition: 300ms;
  background: #e8e6fa !important;
}
#rightMenuSlider ul .park-nav-link:hover a span {
  color: #0d0375;
}
#rightMenuSlider ul .park-nav-item .jsh-park-links .jsh-park-link {
  padding: 8px 44px 8px 0 !important;
}
#rightMenuSlider ul .park-nav-item .jsh-park-links .jsh-park-link.active {
  color: #3A27F3;
  font-weight: 600;
}

.notification-dashboard-container {
  position: fixed;
  left: 48px;
  width: 312px;
  height: 60vh;
  top: 83px;
  background-color: #ffffff;
  box-shadow: 0 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  overflow-y: scroll;
  z-index: 14;
}
@media (max-width: 767px) {
  .notification-dashboard-container {
    width: 100%;
    left: 0;
    height: calc(100vh - 72px);
    top: unset;
    box-shadow: unset;
    border-radius: unset;
  }
  .notification-dashboard-container ul li {
    justify-content: flex-start !important;
  }
  .notification-dashboard-container .notification-head {
    display: flex !important;
  }
}
.notification-dashboard-container .notification-head {
  display: none !important;
  padding: 16px;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #eaeef0;
  border-top: 1px solid #eaeef0;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
}
.notification-dashboard-container .notification-head .exit {
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  color: #98a8b3;
  cursor: pointer;
}
.notification-dashboard-container .notification-head .exit svg {
  width: 20px;
  margin-left: 4px;
}
.notification-dashboard-container .notification-head .mes-title {
  width: calc(100% - 70px);
  text-align: center;
  padding-left: 70px;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  color: #101828;
}
.notification-dashboard-container div.msg-title {
  cursor: pointer;
  padding: 24px 16px 8px 16px;
  font-size: 13px;
  font-weight: 700;
  line-height: 24px;
  color: #1004a4;
}
.notification-dashboard-container div.msg-title span {
  MARGIN-left: 4px;
}
.notification-dashboard-container .more-items {
  position: sticky;
  bottom: -1px;
  background-color: white;
  padding: 12px 16px;
  border-top: 1px solid #EAEEF0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  cursor: pointer;
  color: #101828;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.0509803922);
}
.notification-dashboard-container .more-items section:first-child {
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
}
.notification-dashboard-container .more-items section:last-child {
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
}
.notification-dashboard-container .more-items section:last-child span {
  color: #101828;
  margin-right: 4px;
}
.notification-dashboard-container .more-items section:last-child span svg {
  width: 20px;
}
.notification-dashboard-container .more-items:hover {
  color: #1004a4;
}
.notification-dashboard-container .more-items:hover section:last-child span {
  color: #1004a4;
}
.notification-dashboard-container ul {
  padding: 0 16px;
}
.notification-dashboard-container ul li {
  cursor: pointer;
  padding-top: 12px;
  padding-bottom: 12px;
}
.notification-dashboard-container ul li section:first-child {
  padding-left: 16px;
  color: #1D2E39;
}
.notification-dashboard-container ul li section:last-child {
  overflow: hidden;
}
.notification-dashboard-container ul li section:last-child div:first-child {
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  color: #344754;
  margin-bottom: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.notification-dashboard-container ul li section:last-child div:last-child {
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  color: #667985;
}
.notification-dashboard-container ul li:hover {
  background-color: #fff;
}
.notification-dashboard-container ul li:hover section {
  color: #1004a4;
}
.notification-dashboard-container ul li:hover section:last-child div:first-child {
  color: #1004a4;
}
.notification-dashboard-container ul li:not(:last-child) {
  border-bottom: 1px solid #eaeef0;
}
.notification-dashboard-container ul li.de-active {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
}
.notification-dashboard-container ul li.de-active section:first-child {
  color: #D0D8DD;
}
.notification-dashboard-container ul li.de-active section:last-child div:first-child {
  font-weight: 400;
  color: #98a8b3;
}
.notification-dashboard-container ul li.de-active section:last-child div:last-child {
  font-weight: 400;
  color: #98a8b3;
}
.notification-dashboard-container .no-message {
  height: 80%;
  display: grid;
  place-items: center;
  font-size: 16px;
  line-height: 24px;
}

.notification-dashboard-container::-webkit-scrollbar {
  width: 5px;
}

.notification-dashboard-container::-webkit-scrollbar-track {
  background: white;
}

.notification-dashboard-container::-webkit-scrollbar-thumb {
  background: #EAEEF0;
  border-radius: 5px;
}

.notification-dashboard {
  background-color: #ffffff;
  margin-top: -7px;
  overflow: visible;
  min-height: calc(100vh - 90px);
}
.notification-dashboard .notification-head {
  padding: 16px;
  padding-bottom: 24px;
  border-bottom: 1px solid #eaeef0;
  border-top: 1px solid #eaeef0;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
}
.notification-dashboard .notification-head .exit {
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  color: #98a8b3;
  cursor: pointer;
}
.notification-dashboard .notification-head .exit svg {
  width: 20px;
  margin-left: 4px;
}
.notification-dashboard .notification-head .mes-title {
  width: calc(100% - 90px);
  text-align: center;
  padding-left: 35px;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  color: #101828;
}
.notification-dashboard div.msg-title {
  cursor: pointer;
  padding: 16px 16px 7px 16px;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  color: #1004a4;
}
.notification-dashboard div.msg-title span {
  margin-left: 4px;
}
.notification-dashboard .more-items {
  position: sticky;
  bottom: -1px;
  background-color: white;
  padding: 12px 16px;
  border-top: 1px solid #EAEEF0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  cursor: pointer;
  color: #101828;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.0509803922);
}
.notification-dashboard .more-items section:first-child {
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
}
.notification-dashboard .more-items section:last-child {
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
}
.notification-dashboard .more-items section:last-child span {
  color: #101828;
  padding-right: 5px;
}
.notification-dashboard .more-items section:last-child span svg {
  width: 20px;
}
.notification-dashboard .more-items:hover {
  color: #1004a4;
}
.notification-dashboard .more-items:hover section:last-child span {
  color: #1004a4;
}
.notification-dashboard ul {
  padding: 0 16px;
}
.notification-dashboard ul li {
  cursor: pointer;
  padding: 12px 0;
}
.notification-dashboard ul li section:first-child {
  margin-left: 16px;
  color: #1D2E39;
}
.notification-dashboard ul li section:last-child {
  overflow: hidden;
}
.notification-dashboard ul li section:last-child div:first-child {
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  color: #344754;
  margin-bottom: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.notification-dashboard ul li section:last-child div:last-child {
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  color: #667985;
}
.notification-dashboard ul li:hover {
  background-color: #fff;
}
.notification-dashboard ul li:hover section {
  color: #1004a4;
}
.notification-dashboard ul li:hover section:last-child div:first-child {
  color: #1004a4;
}
.notification-dashboard ul li:not(:last-child) {
  border-bottom: 1px solid #eaeef0;
}
.notification-dashboard ul li.de-active {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
}
.notification-dashboard ul li.de-active section:first-child {
  color: #D0D8DD;
}
.notification-dashboard ul li.de-active section:last-child div:first-child {
  font-weight: 400;
  color: #98a8b3;
}
.notification-dashboard ul li.de-active section:last-child div:last-child {
  font-weight: 400;
  color: #98a8b3;
}
.notification-dashboard .no-message {
  margin-top: 200px;
  font-size: 16px;
  line-height: 24px;
}

.notifications-modal .modal-dialog {
  transform: translate(0) !important;
}
.notifications-modal .modal-content {
  border-radius: 12px;
  overflow-x: unset !important;
}
@media (min-width: 992px) {
  .notifications-modal .modal-content .modal-header {
    padding: 24px 24px 0 24px;
  }
}
.notifications-modal .modal-content .modal-header .notifications-title {
  font-size: 16px !important;
  line-height: 30px !important;
  color: #101828;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .notifications-modal .modal-content .modal-header .notifications-title {
    font-size: 18px !important;
    line-height: 32px !important;
  }
}
.notifications-modal .modal-content .modal-body {
  padding: 32px 24px 48px 24px;
}
@media (max-width: 767px) {
  .notifications-modal .modal-content .modal-body {
    padding: 16px;
  }
}
.notifications-modal .modal-content .modal-body #notifications-modal-container section.title {
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .notifications-modal .modal-content .modal-body #notifications-modal-container section.title {
    margin-bottom: 16px;
  }
}
.notifications-modal .modal-content .modal-body #notifications-modal-container section.title > div:first-child {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  color: #101828;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .notifications-modal .modal-content .modal-body #notifications-modal-container section.title > div:first-child {
    font-size: 18px;
    line-height: 32px;
  }
}
.notifications-modal .modal-content .modal-body #notifications-modal-container section.title > div:last-child {
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  color: #667985;
}
.notifications-modal .modal-content .modal-body #notifications-modal-container section.messages-container {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #475A67;
}
.notifications-modal .modal-content .modal-footer {
  width: 100%;
  padding: 16px;
  text-align: center;
  justify-content: center;
  cursor: pointer;
}
.notifications-modal .modal-content .modal-footer section.read {
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  color: #98a8b3;
}
.notifications-modal .modal-content .modal-footer section.read:hover {
  opacity: 0.9;
}

#sidebar-modal-background {
  visibility: hidden;
  opacity: 0;
  z-index: 15;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(29, 46, 57, 0.32);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  transition: all 0.3s linear;
}

#sidebar-modal-background.visible {
  visibility: visible;
  opacity: 1;
}

#sidebar-modal {
  visibility: hidden;
  opacity: 0;
  z-index: 17;
  font-family: DanaFaNum;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0 16px;
  width: 100%;
  max-width: 328px;
  transition: all 0.3s linear;
}
@media (min-width: 576px) {
  #sidebar-modal {
    max-width: 400px;
    padding: 0;
  }
}
#sidebar-modal .sidebar-modal-content {
  overflow: hidden;
  background-color: white;
  padding: 24px;
  border-radius: 8px;
}
#sidebar-modal .sidebar-modal-content .sidebar-modal-pattern {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
#sidebar-modal .sidebar-modal-content .sidebar-modal-pattern img {
  position: absolute;
  left: 0;
  right: 0;
  top: -12px;
  z-index: 16;
}
@media (min-width: 576px) {
  #sidebar-modal .sidebar-modal-content .sidebar-modal-pattern img {
    top: -26px;
  }
}
#sidebar-modal .sidebar-modal-content .sidebar-modal-pattern .sidebar-modal-icon {
  padding: 12px;
  border-radius: 999px;
  background-color: #fef0c7;
  display: grid;
  place-items: center;
}
@media (min-width: 576px) {
  #sidebar-modal .sidebar-modal-content .sidebar-modal-pattern .sidebar-modal-icon {
    background-color: #fffaeb;
  }
}
#sidebar-modal .sidebar-modal-content .sidebar-modal-title {
  text-align: center;
  font-weight: 700;
  color: #101828;
  font-size: 18px;
  line-height: 34px;
  margin-bottom: 4px;
}
@media (min-width: 576px) {
  #sidebar-modal .sidebar-modal-content .sidebar-modal-title {
    font-size: 20px;
    line-height: 38px;
  }
}
#sidebar-modal .sidebar-modal-content .sidebar-modal-description {
  text-align: center;
  color: #475467;
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 32px;
}
#sidebar-modal .sidebar-modal-content .sidebar-modal-actions {
  position: relative;
  z-index: 17;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  font-size: 14px;
  line-height: 28px;
  font-weight: 600;
}
#sidebar-modal .sidebar-modal-content .sidebar-modal-actions .cancel-button {
  color: #667085;
  background-color: transparent;
  border: none;
  padding: 6px 0;
  flex: 1 1 0%;
  max-width: 104px;
}
@media (min-width: 576px) {
  #sidebar-modal .sidebar-modal-content .sidebar-modal-actions .cancel-button {
    max-width: 136px;
  }
}
#sidebar-modal .sidebar-modal-content .sidebar-modal-actions .confirm-button {
  color: white;
  background-color: #1203a3;
  border: none;
  padding: 6px 0;
  flex: 1 1 0%;
  border-radius: 8px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
}

#sidebar-modal.visible {
  visibility: visible;
  opacity: 1;
}

.login-customer-container .form-user-signup {
  position: relative;
  max-width: 536px;
}
.login-customer-container .form-user-signup .bg-form-user-signup {
  position: absolute;
  top: 0;
  right: 50%;
  transform: translateX(50%);
  margin-top: -100px;
}
@media (max-width: 767px) {
  .login-customer-container .form-user-signup .bg-form-user-signup {
    top: -105px;
  }
}
.login-customer-container .form-user-signup .img-form-user-signup {
  position: absolute;
  top: 265px;
  right: 50%;
  transform: translateX(50%);
  margin-top: -100px;
}
@media (max-width: 767px) {
  .login-customer-container .form-user-signup .img-form-user-signup {
    top: 160px;
  }
}
.login-customer-container .form-user-signup .img-form-user-signup svg path {
  stroke: #1705d4 !important;
}
.login-customer-container .form-user-signup .l-logo-login {
  position: relative;
}
.login-customer-container .form-user-signup .l-logo-login .img-r-company {
  position: absolute;
  top: -190px;
  right: 50%;
  transform: translateX(50%);
}
.login-customer-container .form-user-signup .l-logo-login .img-h-company {
  position: absolute;
  top: -75px;
  right: 50%;
  transform: translateX(50%);
}
.login-customer-container .form-user-signup .l-logo-login .img-h-company svg path {
  stroke: #1705d4 !important;
}
.login-customer-container .form-user-signup .content-form-user-signup {
  position: relative;
  z-index: 3;
  margin-top: 255px;
  margin-bottom: 200px;
}
@media (max-width: 767px) {
  .login-customer-container .form-user-signup .content-form-user-signup {
    margin-top: 135px;
  }
}
.login-customer-container .form-user-signup .content-form-user-signup div h5 {
  font-size: 20px !important;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0em;
  color: #101828;
}
@media (max-width: 767px) {
  .login-customer-container .form-user-signup .content-form-user-signup div h5 {
    font-size: 18px !important;
    line-height: 34px;
  }
}
.login-customer-container .form-user-signup .content-form-user-signup .login-reg p {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  color: #667085;
}
.login-customer-container .form-user-signup .content-form-user-signup .login-reg p span {
  color: #101828;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}
.login-customer-container .form-user-signup .content-form-user-signup .privacy-policy-signup p {
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0em;
  color: #475467;
}
.login-customer-container .form-user-signup .content-form-user-signup .privacy-policy-signup p a {
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0em;
}
.login-customer-container .form-user-signup .content-form-user-signup .container-form-user-register {
  max-width: 312px;
  width: 100%;
}
@media (max-width: 767px) {
  .login-customer-container .form-user-signup .content-form-user-signup .container-form-user-register {
    max-width: none;
    margin: 0 16px;
    width: calc(100% - 32px) !important;
  }
}
.login-customer-container .form-user-signup .content-form-user-signup .container-form-user-register input::-moz-placeholder {
  color: #d0d5dd;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
}
.login-customer-container .form-user-signup .content-form-user-signup .container-form-user-register input::placeholder {
  color: #d0d5dd;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
}
.login-customer-container .form-user-signup .content-form-user-signup .container-input-otp-user {
  gap: 18.66px;
}
@media (max-width: 767px) {
  .login-customer-container .form-user-signup .content-form-user-signup .container-input-otp-user {
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .login-customer-container .form-user-signup {
    overflow-x: hidden;
    overflow-y: visible;
  }
}
.login-customer-container .container-or {
  margin-top: 40px;
}
.login-customer-container .container-or p {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #98a2b3;
}
.login-customer-container .container-or span {
  display: block;
  width: 100%;
  height: 1px;
  background: #eaecf0;
}
.login-customer-container .line {
  background: #eaeef0;
  height: 1px;
}
.login-customer-container .btn-social-media {
  border: 1px solid #98a2b3;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.login-customer-container .btn-social-media a {
  color: #182230;
}
.login-customer-container .btn-social-media:hover {
  background-color: #f9fafb;
  border-color: #f9fafb;
}
.login-customer-container .privacy-policy-signup a {
  color: #e12a80;
}
.login-customer-container .container-profile-companies {
  border-radius: 8px;
  background: #f9fafb;
  border: 1px solid #f2f5f7;
  color: #667085;
  font-size: 16px;
  min-height: 32px;
  padding: 24px;
  margin-top: 96px;
}
@media (max-width: 767px) {
  .login-customer-container .container-profile-companies {
    margin-top: 117px !important;
  }
}
.login-customer-container .container-profile-companies p {
  color: #e12a80;
}
.login-customer-container .container-profile-companies svg path {
  stroke: #e12a80 !important;
}
@media (max-width: 575px) {
  .login-customer-container .container-profile-companies {
    background: transparent;
    border: none;
    border-radius: 0;
    border-top: 1px solid #f2f5f7;
    padding: 0;
    padding-top: 16px;
    width: calc(100% - 32px) !important;
    margin: 16px 16px 104px 16px;
  }
  .login-customer-container .container-profile-companies h6,
  .login-customer-container .container-profile-companies p {
    font-size: 14px !important;
  }
}
.login-customer-container .img-user-signup svg {
  max-height: 100vh;
}
.login-customer-container #error-input-login-customer {
  color: #D92D20;
}
.login-customer-container .edit-fhone-number a {
  color: #1004a4;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}
.login-customer-container .edit-fhone-number a:hover {
  color: #c72d80;
}
.login-customer-container .input-otp-login {
  text-align: center;
  font-family: DanaFaNum !important;
  font-size: 48px;
  font-weight: 500;
  line-height: 72px;
  letter-spacing: 0em;
  color: #344754;
  width: 64px;
  height: 64px;
  padding: 14px 8px;
  border-radius: 8px !important;
  -webkit-appearance: none;
          appearance: none;
  -moz-appearance: textfield !important;
}
.login-customer-container .input-otp-login::-webkit-inner-spin-button, .login-customer-container .input-otp-login::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

.OTP-login-container .resend-sms {
  color: #98a2b3;
  font-size: 14px;
  font-weight: 500;
}
.OTP-login-container .resend-sms a {
  color: #1004a4;
}
.OTP-login-container .resend-sms:hover a {
  color: #c72d80;
}
.OTP-login-container #btn-resend-sms {
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0em;
  color: #d0d5dd;
}
.OTP-login-container #btn-resend-sms p,
.OTP-login-container #btn-resend-sms span {
  cursor: not-allowed;
}
.OTP-login-container #btn-resend-sms.active {
  color: #182230;
}
.OTP-login-container #btn-resend-sms.active p,
.OTP-login-container #btn-resend-sms.active span {
  cursor: pointer;
}
.OTP-login-container #btn-resend-sms.active:hover {
  color: #c72d80;
}
.OTP-login-container .resend-recode-active {
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0em;
  color: #98a2b3 !important;
}
.OTP-login-container .resend-otp a {
  padding: unset;
}
.OTP-login-container .error-otp {
  color: #d92d20;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 500;
}
.OTP-login-container .error-otp .icon {
  margin-left: 8px;
}
.OTP-login-container .error-otp-active input {
  border: 1px solid #fda29b;
  color: #d92d20;
  background-color: #fef3f2;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.OTP-login-container .return {
  position: absolute;
  top: 50%;
  left: 200%;
  transform: translateY(-50%);
}
.OTP-login-container .return > a .img-return-user-signup {
  margin-left: 4px;
}
.OTP-login-container .return > a .img-return-user-signup svg path {
  stroke: #98a8b3 !important;
}
.OTP-login-container .return:hover > a .img-return-user-signup svg path {
  stroke: #404c54 !important;
}

.login-companies-container {
  min-height: 100vh;
}
.login-companies-container #nav-tabs-register-login ul.nav-pills {
  background: unset;
}
.login-companies-container #nav-tabs-register-login ul.nav-pills li.nav-item a {
  background-color: unset !important;
  color: #667985;
  border-bottom: 4px solid transparent;
  border-radius: unset !important;
}
.login-companies-container #nav-tabs-register-login ul.nav-pills li.nav-item a h6 {
  font-family: PeydaWeb;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
}
.login-companies-container #nav-tabs-register-login ul.nav-pills li.nav-item a:active {
  color: #1004a4 !important;
}
.login-companies-container #nav-tabs-register-login ul.nav-pills li.nav-item a.active {
  color: #1004a4 !important;
  border-bottom-color: #1004a4;
}
.login-companies-container #nav-tabs-register-login ul.nav-pills li.nav-item a:hover {
  color: #1004a4 !important;
}
.login-companies-container .form-companies-signup div {
  position: relative;
}
.login-companies-container .form-companies-signup div .content-form-companies-signup {
  margin-top: 180px;
}
.login-companies-container .form-companies-signup div .content-form-companies-signup .container-split {
  border-bottom: 1px solid #eaeef0;
}
.login-companies-container .form-companies-signup div .content-form-companies-signup .container-split div {
  border-bottom: 3px solid transparent;
  padding: 15px 35px;
  color: #667985;
  transform: translateY(1px);
  cursor: pointer;
}
.login-companies-container .form-companies-signup div .content-form-companies-signup .container-split .active {
  border-color: #1004a4;
  color: #1004a4;
}
.login-companies-container .form-companies-signup div .privacy-policy a {
  color: #c72d80;
}
.login-companies-container .form-companies-signup div .strong-password p {
  color: #d0d8dd;
}
.login-companies-container .form-companies-signup div .strong-password .confirm-strong-password p {
  color: #067647;
}
.login-companies-container .form-companies-signup div .strong-password .confirm-strong-password img:nth-child(1) {
  display: none;
}
.login-companies-container .form-companies-signup div .strong-password .not-confirm-strong-password p {
  color: #d0d8dd;
}
.login-companies-container .form-companies-signup div .strong-password .not-confirm-strong-password img:nth-child(2) {
  display: none;
}
.login-companies-container .error-custome {
  color: #c72d80;
}
.login-companies-container .left-companies-signup {
  margin-top: 180px;
}
.login-companies-container .left-companies-signup .card-custome div:nth-child(1) p {
  border: 1px solid #101828;
  border-radius: 50%;
  margin-bottom: 0;
  height: 25px;
  width: 25px;
  text-align: center;
  line-height: 25px;
}
.login-companies-container .left-companies-signup .card-custome div:nth-child(2) p {
  color: #667985;
}
@media (max-width: 992px) {
  .login-companies-container .form-companies-signup {
    overflow-x: hidden;
  }
}

.events-container .events-header {
  padding-top: 80px;
  padding-bottom: 80px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 991px) {
  .events-container .events-header {
    justify-content: space-around !important;
  }
}
.events-container .events-header .content {
  max-width: 457px;
}
.events-container .events-header .content > h4, .events-container .events-header .content > h5 {
  color: #101828;
  font-size: 36px !important;
  font-weight: 700;
  line-height: 66px;
  letter-spacing: 0em;
  text-align: justify;
}
.events-container .events-header .content > p {
  color: #475a67;
  margin-top: 24px;
  font-size: 18px;
  line-height: 32px;
}
.events-container .events-header .content > div > p {
  color: #344754;
  font-size: 16px;
}
@media (min-width: 991px) {
  .events-container .events-header .image-sec .image-container img {
    position: absolute;
    left: 8%;
    top: 22%;
    max-width: 516px;
    transform: scale(1.8);
  }
}
@media (max-width: 991px) {
  .events-container .events-header {
    flex-wrap: wrap;
  }
  .events-container .events-header .image-sec {
    width: 100%;
    order: -1;
    max-width: 500px;
    margin-top: 100px;
    padding-left: 20%;
  }
  .events-container .events-header .image-sec .image-container {
    transform: scale(2.5);
  }
  .events-container .events-header .content {
    max-width: unset;
    width: 100%;
  }
  .events-container .events-header .content > h4 {
    display: none;
  }
  .events-container .events-header .content > h5 {
    display: block !important;
    font-size: 24px !important;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: 0em;
    text-align: center;
  }
  .events-container .events-header .content > p {
    font-size: 16px;
  }
}
@media (min-width: 991px) {
  .events-container .events-header {
    min-height: 70vh;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 575px) {
  .events-container .events-header .image-sec {
    max-width: 500px;
    padding-left: 31%;
    padding-top: 13%;
  }
  .events-container .events-header .image-sec .image-container {
    transform: scale(3.5);
  }
}
.events-container .first .input-group label,
.events-container .first .city-events-input,
.events-container .last label {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
}
.events-container .city_id-events-input.err label,
.events-container .home_city_id-events-input.err label,
.events-container .city_id-mob-events-input.err label,
.events-container .home_city_id-mob-events-input.err label {
  color: #f04438;
}
.events-container .input-group .msg {
  display: none;
  margin-top: 6px;
  position: static;
}
.events-container .input-group.err .msg {
  display: block;
}
.events-container .city-events-input .msg {
  display: none;
  margin-top: 6px;
  position: static;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.events-container .city-events-input.err {
  color: #f04438;
}
.events-container .city-events-input.err .form-control {
  border-color: #fecdca !important;
}
.events-container .city-events-input.err .form-control:active, .events-container .city-events-input.err .form-control.active, .events-container .city-events-input.err .form-control:focus, .events-container .city-events-input.err .form-control.focus {
  border-color: #f04438 !important;
  box-shadow: 0px 0px 0px 4px #fef2f1;
}
.events-container .city-events-input.err .icon {
  color: #f36a60;
}
.events-container .city-events-input.err.fill .icon {
  fill: #f36a60;
}
.events-container .city-events-input.err .input-icon:focus + .icon {
  color: #f36a60;
}
.events-container .city-events-input.err .msg {
  display: block;
}
@media (max-width: 767px) {
  .events-container .events-list .container,
  .events-container .events-exter-desc .container,
  .events-container .events-cooperation .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.events-list {
  background-color: #f9fafb;
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 991px) {
  .events-list {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.events-list div.container > h2 {
  color: #101828;
  font-size: 36px !important;
}
.events-list div.container > p {
  color: #475a67;
  margin-top: 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  text-align: right;
}
.events-list .row-section-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0em;
  text-align: right;
}
@media (max-width: 991px) {
  .events-list .listing {
    justify-content: space-between !important;
  }
}
@media (max-width: 991px) {
  .events-list div.container > h2 {
    font-size: 24px !important;
  }
  .events-list div.container > p {
    font-size: 16px;
    margin-top: 8px;
  }
}

.events-exter-desc .detail > h2 {
  color: #101828;
  font-size: 32px !important;
  font-weight: 700;
  line-height: 58px;
  letter-spacing: 0em;
}
.events-exter-desc .detail > p {
  color: #475a67;
  margin-top: 38px;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-align: justify;
}
.events-exter-desc .image-container {
  max-width: 464px;
  position: relative;
}
.events-exter-desc .image-container .bg-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.events-exter-desc .image-container .bg-cover.cover-1 {
  right: -65%;
  top: -60%;
}
.events-exter-desc .image-container .bg-cover.unzindex {
  z-index: unset;
}
.events-exter-desc .image-container .bg-cover.cover-2 {
  left: -30%;
  bottom: -50%;
}
.events-exter-desc .image-container .bg-cover.cover-3 {
  right: -50%;
  bottom: -36%;
}
@media (max-width: 991px) {
  .events-exter-desc .image-container .bg-cover {
    display: none;
  }
}
@media (min-width: 991px) {
  .events-exter-desc {
    padding-top: 174px;
    padding-bottom: 174px;
  }
  .events-exter-desc .detail {
    max-width: 536px;
    margin-right: 50px;
  }
}
@media (max-width: 991px) {
  .events-exter-desc {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .events-exter-desc > div.container {
    flex-wrap: wrap;
  }
  .events-exter-desc .detail {
    order: -1;
    width: 100%;
  }
}

.events-cooperation {
  padding-top: 40px;
  padding-bottom: 40px;
  overflow: hidden;
}
.events-cooperation .desc > h2 {
  font-size: 24px !important;
  font-weight: 700;
  line-height: 44px;
  text-align: right;
  white-space: nowrap;
}
.events-cooperation .desc .cooperation-ul {
  padding: 86px 24px 0 24px;
}
.events-cooperation .desc .cooperation-ul li {
  width: 100%;
}
.events-cooperation .desc .cooperation-ul li span.counter {
  width: 32px;
  height: 32px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #101828;
  line-height: 32px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #1d2e39;
}
.events-cooperation .desc .cooperation-ul li p {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: justify;
  color: #667985;
}
.events-cooperation .desc .cooperation-ul li h3 {
  color: #101828;
  font-size: 18px !important;
  font-weight: 700;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0em;
  margin-bottom: 8px;
}
.events-cooperation .forms {
  position: relative;
  align-self: end;
}
.events-cooperation .forms .info-text {
  margin-bottom: 24px;
}
.events-cooperation .forms .info-text .squ-con {
  display: inline-block;
}
.events-cooperation .forms .info-text .squ-con .square {
  width: 12px;
  height: 12px;
  display: block;
  background-color: #f2f5f7;
  border-radius: 4px;
}
.events-cooperation .forms .info-text .squ-con .square.full {
  background-color: #101828;
}
.events-cooperation .forms .info-text .squ-con .square:nth-child(even) {
  margin-right: 8px;
}
.events-cooperation .forms .info-text h4 {
  font-size: 18px !important;
  font-weight: 700;
  line-height: 32px;
  color: #1d2e39;
}
.events-cooperation .forms .blur-group img {
  position: absolute;
  z-index: -1;
}
.events-cooperation .forms .blur-group img:nth-child(1) {
  left: 0;
  top: 0;
  transform: translate(-50%, -50%);
}
.events-cooperation .forms .blur-group img:nth-child(2) {
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
}
.events-cooperation .forms .blur-group img:nth-child(3) {
  left: 0;
  bottom: 0;
  transform: translate(-50%, 50%);
}
.events-cooperation .forms .form-container {
  background-color: #fff;
  width: 424px;
  padding: 48px;
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);
  background: #fff;
  border-radius: 16px;
}
.events-cooperation .forms .form-container h4 {
  font-size: 18px !important;
  font-weight: 700;
}
.events-cooperation .forms .btn-primary-black.continue_btn {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
}
.events-cooperation .forms .btn-primary-black.continue_btn svg {
  width: 24px;
}
.events-cooperation .radio-cooperation {
  margin-bottom: 24px;
}
@media (min-width: 991px) {
  .events-cooperation {
    padding-bottom: 85px;
  }
  .events-cooperation > div.container {
    min-height: 810px;
    justify-content: space-between !important;
  }
  .events-cooperation .desc {
    max-width: 546px;
  }
  .events-cooperation .forms {
    display: unset;
  }
  .events-cooperation div.w-100 > .event-cooperation-mob {
    display: none;
  }
}
@media (max-width: 991px) {
  .events-cooperation {
    padding-bottom: 85px;
  }
  .events-cooperation > div.container {
    justify-content: space-between !important;
  }
  .events-cooperation .desc > h2 {
    white-space: unset;
    text-align: justify;
  }
  .events-cooperation .forms {
    display: none;
  }
}
@media (max-width: 991px) {
  .events-cooperation {
    background-image: url("/assets/images/events/blur-card.svg");
    background-size: 200% 200%;
    background-repeat: repeat;
  }
  .events-cooperation > div.container {
    flex-wrap: wrap;
  }
  .events-cooperation .blur-group {
    display: none;
  }
}

.modal-backdrop {
  z-index: 35;
}

#event-cooperation-modal.modal {
  z-index: 13;
  padding: unset !important;
}
#event-cooperation-modal .modal-title {
  font-size: 16px !important;
  font-weight: 700;
  letter-spacing: 0em;
}
#event-cooperation-modal .modal-footer {
  padding: 16px;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: white;
}
#event-cooperation-modal .modal-body {
  overflow-y: scroll;
  padding-bottom: 75px;
}
#event-cooperation-modal > .modal-dialog {
  margin-left: unset;
  margin-right: unset;
}
#event-cooperation-modal ::-webkit-scrollbar {
  width: 0px;
  background: transparent; /* make scrollbar transparent */
}
#event-cooperation-modal .input-group .msg {
  display: none;
  margin-top: 6px;
  position: static;
}
#event-cooperation-modal .input-group.err .msg {
  display: block;
}
#event-cooperation-modal .city_id-events-input .msg {
  display: none;
  margin-top: 6px;
  position: static;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
#event-cooperation-modal .city_id-events-input.err {
  color: #f04438;
}
#event-cooperation-modal .city_id-events-input.err .form-control {
  border-color: #fecdca !important;
}
#event-cooperation-modal .city_id-events-input.err .form-control:active, #event-cooperation-modal .city_id-events-input.err .form-control.active, #event-cooperation-modal .city_id-events-input.err .form-control:focus, #event-cooperation-modal .city_id-events-input.err .form-control.focus {
  border-color: #f04438 !important;
  box-shadow: 0px 0px 0px 4px #fef2f1;
}
#event-cooperation-modal .city_id-events-input.err .icon {
  color: #f36a60;
}
#event-cooperation-modal .city_id-events-input.err.fill .icon {
  fill: #f36a60;
}
#event-cooperation-modal .city_id-events-input.err .input-icon:focus + .icon {
  color: #f36a60;
}
#event-cooperation-modal .city_id-events-input.err .msg {
  display: block;
}
#event-cooperation-modal .city_id-events-input.err label,
#event-cooperation-modal .home_city_id-events-input.err label,
#event-cooperation-modal .city_id-mob-events-input.err label,
#event-cooperation-modal .home_city_id-mob-events-input.err label {
  color: #f04438;
}

.transaction-modal .modal-dialog.modal-dialog-centered {
  max-width: 648px;
}

@media (max-width: 991px) {
  .modal2mobile {
    bottom: 0;
  }
  .modal2mobile .modal-content {
    height: 96% !important;
    overflow-x: scroll;
    border-radius: 12px 12px 0 0 !important;
  }
  .modal2mobile .modal-dialog.modal-dialog-centered {
    margin-bottom: 0 !important;
    align-items: flex-end;
    min-height: 100%;
  }
  .modal2mobile .modal-body {
    padding-top: 0;
  }
  .modal2mobile .modal-header {
    padding-bottom: 0;
  }
}

.row-section-title {
  position: relative;
  height: 36px;
  padding-right: 30px;
}
.row-section-title label {
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 36px;
  color: #101828;
}
@media (max-width: 767px) {
  .row-section-title label {
    font-size: 18px !important;
  }
}
.row-section-title::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("../../svg/companies/design/Frame 19.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  width: 22px;
  height: 100%;
}
@media (max-width: 767px) {
  .row-section-title {
    margin-right: 16px;
  }
  .row-section-title::after {
    right: 5px;
    width: 18px;
    top: 3px;
  }
}

.select2-container--bootstrap5 .select2-dropdown .select2-search {
  padding: 0.5rem 0 !important;
}
.select2-container--bootstrap5 .select2-dropdown .select2-search .select2-search__field {
  font-size: 16px !important;
  border: 1px solid #d0d8dd !important;
}

.upload_container label,
.upload_container section {
  padding: 16px 24px;
  border: 1px solid #D0D5DD;
  border-radius: 12px;
  cursor: pointer;
  background-color: #fff;
  transition: background-color 100ms;
}
.upload_container label > .icon_upload,
.upload_container section > .icon_upload {
  padding: 6px;
  border-radius: 8px;
  border: 1px solid #eaeef0;
}
.upload_container label > .content,
.upload_container section > .content {
  padding-right: 16px;
}
.upload_container label > .content > span,
.upload_container section > .content > span {
  color: #475467;
}
.upload_container label > .content > span:first-child,
.upload_container section > .content > span:first-child {
  color: #0F048D;
  font-weight: 700;
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 5px;
}
.upload_container label > .content > span:last-child,
.upload_container section > .content > span:last-child {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  color: #98A2B3;
}
.upload_container label:hover,
.upload_container section:hover {
  background: #f9fafb;
}
.upload_container label:hover > .icon_upload,
.upload_container section:hover > .icon_upload {
  border-color: #98a8b3;
}
.upload_container section {
  padding: 16px;
  min-height: 88px;
  cursor: default;
  background: #f9fafb;
}
.upload_container section .icon_trash {
  padding: 6px;
  border-radius: 8px;
}
.upload_container section .icon_trash svg {
  width: 20px;
  height: 20px;
  color: #98a8b3;
  cursor: pointer;
}
.upload_container section .icon_trash svg:hover {
  color: #f04438;
}
.upload_container section > .content {
  padding-right: 16px;
}
.upload_container section > .content > span:first-child {
  color: #344754;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 5px;
}
.upload_container section > .content > span:last-child {
  color: #475a67;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  text-align: right;
}
.upload_container section:hover {
  background: #f9fafb;
}
.upload_container.bg-image section {
  padding: 16px 12px 8px 12px;
  border: 0.5px solid rgba(5, 1, 47, 0.1019607843);
  position: relative;
  z-index: 1;
  border-radius: 8px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.upload_container.bg-image section .icon_trash {
  padding: 0;
}
.upload_container.bg-image section .icon_trash svg {
  color: #ffffff;
}
.upload_container.bg-image section .icon_trash svg:hover {
  color: #f04438;
}
.upload_container.bg-image section .content span {
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
  margin-bottom: 0;
}
.upload_container.bg-image section::before {
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 8px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background: linear-gradient(360deg, rgba(5, 1, 47, 0.64) 15.71%, rgba(5, 1, 47, 0) 100%) padding-box, linear-gradient(0deg, rgba(5, 1, 47, 0.1), rgba(5, 1, 47, 0.1)) border-box;
}
.upload_container .user_image_photo img {
  width: 56px;
  height: 56px;
  border: 1px solid rgba(5, 1, 47, 0.1019607843);
  border-radius: 4px;
}

.upload_container {
  margin-bottom: 2px;
}
.upload_container label {
  padding: 16px !important;
}

.events-search-container {
  background: linear-gradient(180deg, #f2f5f7 -10.37%, rgba(251, 240, 246, 0) 100%);
}
.events-search-container .search-header .search-container {
  margin-top: 48px;
}
@media (min-width: 991px) {
  .events-search-container .search-header .search-container {
    margin-top: 80px;
    max-width: 648px;
  }
}
.events-search-container .search-header .search-container .search-result {
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0em;
  text-align: center;
  color: #475467;
}
.events-search-container .search-header .search-container .search-result span {
  font-weight: 700;
  color: #101828;
  margin-right: 8px;
}
.events-search-container .search-header .search-container > ul {
  margin-top: 20px;
  padding-right: 0;
}
.events-search-container .search-header .search-container > ul li {
  font-size: 14px;
  font-weight: 700;
  line-height: 28px;
  color: #98a2b3;
}
.events-search-container .search-header .search-container > ul li:not(.end) {
  color: #079455;
  margin-left: 32px;
}
.events-search-container .search-header .search-container > ul li::before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #079455;
  border-radius: 50%;
  margin-left: 8px;
}
.events-search-container .search-header .search-container > ul li.end::before {
  background-color: #98a2b3;
}
.events-search-container .events-listing {
  background-color: transparent;
}

.event-card {
  margin-bottom: 40px;
  width: 100%;
  direction: rtl;
}
.event-card .event-card-title {
  line-height: 34px;
}
.event-card > h6 {
  color: #1004A4;
  font-weight: 500;
  font-size: 14px !important;
  margin-top: 8px !important;
  margin-bottom: 0;
  line-height: 22px;
  letter-spacing: 0em;
}
.event-card > a {
  color: #101828;
  font-weight: 700;
  font-size: 18px !important;
  margin-top: 8px !important;
  line-height: 32px;
  letter-spacing: 0em;
  min-height: 64px;
}
.event-card > p {
  color: #101828;
  font-weight: 500;
  font-size: 13px !important;
  margin-top: 8px !important;
}
.event-card .date_start {
  color: #667985;
  margin-bottom: 0;
}
.event-card .date_start .svg-icon svg {
  width: 20px;
  color: #667985;
}
.event-card > div.extra-desc {
  margin-top: 8px !important;
  border-top: 1px solid #eaeef0;
  padding-top: 12px;
}
.event-card > div.extra-desc > div {
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0em;
  color: #667085;
}
.event-card > div.extra-desc > div > span.icon .svg-icon svg {
  width: 20px;
  color: #667085;
}
.event-card .image-container {
  width: 100%;
}
.event-card .image-container img {
  border-radius: 16px;
  -o-object-fit: cover;
     object-fit: cover;
  height: 176px;
}
.event-card.type_a {
  width: 24%;
}
@media (max-width: 991px) {
  .event-card.type_a {
    width: 48%;
  }
}
@media (max-width: 767px) {
  .event-card.type_a {
    width: 100%;
  }
}
@media (min-width: 991px) {
  .event-card.type_a {
    padding-right: 12px;
    padding-left: 12px;
  }
}
.event-card.type_b {
  width: 32%;
}
@media (max-width: 991px) {
  .event-card.type_b {
    width: 48%;
  }
}
@media (max-width: 767px) {
  .event-card.type_b {
    width: 100%;
  }
}
@media (min-width: 991px) {
  .event-card.type_b {
    padding-right: 12px;
    padding-left: 12px;
  }
}
.event-card.type_c {
  max-width: 312px;
}
.event-card:hover .de-active.hvr {
  cursor: pointer;
  filter: grayscale(0);
}

.single-event-container,
.single-academy-container {
  scroll-behavior: smooth;
}
.single-event-container .event-header,
.single-academy-container .event-header {
  padding-bottom: 48px;
  background: linear-gradient(180deg, #eaeef0 0%, rgba(234, 238, 240, 0) 100%);
}
.single-event-container .event-header .e-title,
.single-academy-container .event-header .e-title {
  font-family: DanaFaNum !important;
  font-size: 36px;
  font-weight: 700;
  line-height: 66px;
  letter-spacing: 0em;
}
.single-event-container .event-header > .category,
.single-academy-container .event-header > .category {
  padding-top: 16px;
  padding-bottom: 40px;
}
.single-event-container .event-header > .category > a, .single-event-container .event-header > .category > span,
.single-academy-container .event-header > .category > a,
.single-academy-container .event-header > .category > span {
  font-size: 13px;
  font-weight: 400;
}
.single-event-container .event-header > .category > a.icon svg, .single-event-container .event-header > .category > span.icon svg,
.single-academy-container .event-header > .category > a.icon svg,
.single-academy-container .event-header > .category > span.icon svg {
  width: 20px;
}
.single-event-container .event-header > .category > a:not(:first-child), .single-event-container .event-header > .category > span:not(:first-child),
.single-academy-container .event-header > .category > a:not(:first-child),
.single-academy-container .event-header > .category > span:not(:first-child) {
  color: #98a8b3;
}
.single-event-container .event-header > .category > a:not(:last-child)::after, .single-event-container .event-header > .category > span:not(:last-child)::after,
.single-academy-container .event-header > .category > a:not(:last-child)::after,
.single-academy-container .event-header > .category > span:not(:last-child)::after {
  content: " > ";
  display: inline-block;
  color: #98a8b3;
  font-size: 13px;
  font-weight: 400;
  padding: 0 8px;
}
.single-event-container .event-header .content,
.single-academy-container .event-header .content {
  position: relative;
  z-index: 1;
}
@media (min-width: 991px) {
  .single-event-container .event-header .content,
  .single-academy-container .event-header .content {
    width: 62%;
  }
}
.single-event-container .event-header .content .image-container,
.single-academy-container .event-header .content .image-container {
  height: 490px;
  position: relative;
}
.single-event-container .event-header .content .image-container img,
.single-academy-container .event-header .content .image-container img {
  border-radius: 8px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-event-container .event-header .content .image-container .copy-link,
.single-academy-container .event-header .content .image-container .copy-link {
  text-align: left;
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0em;
  cursor: pointer;
}
.single-event-container .event-header .content .image-container .copy-link div,
.single-academy-container .event-header .content .image-container .copy-link div {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
  color: #98a8b3;
}
.single-event-container .event-header .content .image-container .copy-link div:hover,
.single-academy-container .event-header .content .image-container .copy-link div:hover {
  color: rgba(152, 168, 179, 0.8431372549);
}
.single-event-container .event-header .content .image-container .copy-link div .custom-tooltip-inner,
.single-academy-container .event-header .content .image-container .copy-link div .custom-tooltip-inner {
  font-size: 12px;
  position: absolute;
  max-width: 200px;
  padding: 0.2rem 0.5rem;
  color: #079455;
  border: 1px solid #079455;
  text-align: center;
  background-color: #f6fef9;
  border-radius: 0.25rem;
  left: 25%;
  top: 85%;
}
.single-event-container .event-header .content-card,
.single-academy-container .event-header .content-card {
  position: relative;
  z-index: 2;
  min-height: 564px;
  padding: 40px;
}
@media (min-width: 991px) {
  .single-event-container .event-header .content-card,
  .single-academy-container .event-header .content-card {
    width: 536px;
    transform: translate(-20%, 10%);
    box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1019607843), 0px 2px 4px -2px rgba(16, 24, 40, 0.0588235294);
    border: 1px solid rgba(255, 255, 255, 0.5019607843);
    /* From https://css.glass */
    border-radius: 16px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.48);
  }
}
.single-event-container .event-header .content-card > h2,
.single-academy-container .event-header .content-card > h2 {
  color: #101828;
  font-size: 36px !important;
  font-weight: 700;
  padding: 32px 0;
}
.single-event-container .event-header .content-card .loc-start-end-event,
.single-academy-container .event-header .content-card .loc-start-end-event {
  padding: 24px 16px;
  color: #475a67;
}
.single-event-container .event-header .content-card .loc-start-end-event svg,
.single-academy-container .event-header .content-card .loc-start-end-event svg {
  color: #475a67;
  width: 20px;
}
.single-event-container .event-header .content-card .loc-start-end-event .bd-cu-sec,
.single-academy-container .event-header .content-card .loc-start-end-event .bd-cu-sec {
  border-bottom: 1px solid #eaeef0;
}
.single-event-container .event-header .content-card .event-type .svg-type svg,
.single-academy-container .event-header .content-card .event-type .svg-type svg {
  width: 17px;
}
.single-event-container .event-header .content-card .event-type > div,
.single-academy-container .event-header .content-card .event-type > div {
  background: #ebf4fa;
  display: inline-flex;
  border: 1px solid #b2dcf7;
  padding: 6px;
  border-radius: 20px;
}
.single-event-container .event-header .content-card .event-type > div > a,
.single-academy-container .event-header .content-card .event-type > div > a {
  padding: 2px 10px;
  color: #49b3f3;
  font-weight: 500;
  font-size: 12px;
}
.single-event-container .event-header .content-card .event-type > div .active,
.single-academy-container .event-header .content-card .event-type > div .active {
  background-color: #fff;
  border-radius: 20px;
  color: #0e88d4;
  font-weight: 500;
  font-size: 14px;
  border: 1px solid #7dc8f7;
}
.single-event-container .event-header .content-card > div > a,
.single-academy-container .event-header .content-card > div > a {
  margin-top: 32px;
  padding-top: 12px;
  padding-bottom: 12px;
}
@media (max-width: 991px) {
  .single-event-container .event-header,
  .single-academy-container .event-header {
    padding-bottom: 32px;
  }
  .single-event-container .event-header > .category,
  .single-academy-container .event-header > .category {
    padding-top: 8px;
    padding-bottom: 16px;
  }
  .single-event-container .event-header > div.eh-head,
  .single-academy-container .event-header > div.eh-head {
    flex-wrap: wrap;
  }
  .single-event-container .event-header .image-sec,
  .single-academy-container .event-header .image-sec {
    display: none;
  }
  .single-event-container .event-header .content-card,
  .single-academy-container .event-header .content-card {
    max-width: unset;
    width: 100%;
    padding: 24px;
  }
  .single-event-container .event-header .content-card > h2,
  .single-academy-container .event-header .content-card > h2 {
    font-size: 24px !important;
  }
  .single-event-container .event-header .content-card > p,
  .single-academy-container .event-header .content-card > p {
    font-size: 16px;
  }
  .single-event-container .event-header .content-card .btn.btn-primary-black,
  .single-academy-container .event-header .content-card .btn.btn-primary-black {
    display: none;
  }
  .single-event-container .event-header .content-card .e-title,
  .single-academy-container .event-header .content-card .e-title {
    padding: 16px 0;
    line-height: 44px;
  }
  .single-event-container .event-header .content-card .loc-start-end-event,
  .single-academy-container .event-header .content-card .loc-start-end-event {
    padding: 16px;
  }
  .single-event-container .event-header .event-type,
  .single-academy-container .event-header .event-type {
    padding: 16px;
  }
}
@media (min-width: 991px) {
  .single-event-container .event-header,
  .single-academy-container .event-header {
    min-height: calc(100vh - 125px);
  }
}
@media (max-width: 767px) {
  .single-event-container .event-header,
  .single-academy-container .event-header {
    padding-bottom: 16px;
  }
  .single-event-container .event-header > .category,
  .single-academy-container .event-header > .category {
    padding: 16px !important;
  }
  .single-event-container .event-header > .category,
  .single-academy-container .event-header > .category {
    padding-top: 8px;
    padding-bottom: 16px;
  }
  .single-event-container .event-header > .container,
  .single-academy-container .event-header > .container {
    padding: 0;
  }
  .single-event-container .event-header .content-card,
  .single-academy-container .event-header .content-card {
    padding: 0px;
  }
  .single-event-container .event-header .content-card .e-title,
  .single-academy-container .event-header .content-card .e-title {
    padding: 16px;
    font-size: 24px;
  }
  .single-event-container .event-header .content-card .image-container,
  .single-academy-container .event-header .content-card .image-container {
    border-radius: unset;
  }
  .single-event-container .event-header .content-card .image-container img,
  .single-academy-container .event-header .content-card .image-container img {
    border-radius: unset;
  }
}
.single-event-container .register-btn > div,
.single-academy-container .register-btn > div {
  margin-top: 12px;
}
.single-event-container .register-btn p,
.single-academy-container .register-btn p {
  margin: 0;
}
.single-event-container .register-btn .end-event-msg,
.single-academy-container .register-btn .end-event-msg {
  padding: 1px 10px !important;
}
@media (max-width: 991px) {
  .single-event-container .register-btn.end-btn,
  .single-academy-container .register-btn.end-btn {
    padding-left: 16px;
    padding-right: 16px;
  }
  .single-event-container .register-btn.end-btn .report,
  .single-academy-container .register-btn.end-btn .report {
    display: none;
  }
  .single-event-container .register-btn.end-btn .end-event-msg,
  .single-academy-container .register-btn.end-btn .end-event-msg {
    width: 100%;
  }
}
.single-event-container .cart-container,
.single-academy-container .cart-container {
  position: relative;
  z-index: 2;
}
@media (max-width: 991px) {
  .single-event-container .cart-container,
  .single-academy-container .cart-container {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.single-event-container .cart-container .img-fade,
.single-academy-container .cart-container .img-fade {
  position: absolute;
  top: 0;
  z-index: -1;
}
.single-event-container .cart-container .img-fade:nth-child(1),
.single-academy-container .cart-container .img-fade:nth-child(1) {
  right: 0;
  transform: translate(50%, -20%);
}
@media (max-width: 767px) {
  .single-event-container .cart-container .img-fade:nth-child(1),
  .single-academy-container .cart-container .img-fade:nth-child(1) {
    right: 50%;
  }
}
.single-event-container .cart-container .img-fade:nth-child(2),
.single-academy-container .cart-container .img-fade:nth-child(2) {
  left: 0;
  transform: translate(-50%, -20%);
}
@media (max-width: 767px) {
  .single-event-container .cart-container .img-fade:nth-child(2),
  .single-academy-container .cart-container .img-fade:nth-child(2) {
    display: none;
  }
}
.single-event-container .cart-container .cart-items,
.single-academy-container .cart-container .cart-items {
  margin-top: 80px;
  margin-bottom: 80px;
  padding: 32px 48px;
  border: 1px solid #f2f5f7;
  border-radius: 8px;
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);
  background-color: #ffffff;
  position: relative;
  z-index: 2;
}
.single-event-container .cart-container .register-event span.icon,
.single-academy-container .cart-container .register-event span.icon {
  margin-right: 8px;
}
.single-event-container .cart-container .register-event span.icon svg,
.single-academy-container .cart-container .register-event span.icon svg {
  width: 28px;
}
.single-event-container .cart-container .has-ended,
.single-academy-container .cart-container .has-ended {
  padding: 3px 16px !important;
  border-radius: 30px;
}
@media (max-width: 767px) {
  .single-event-container .cart-container .has-ended,
  .single-academy-container .cart-container .has-ended {
    width: 100%;
  }
}
.single-event-container .content-banner .end-event-msg,
.single-academy-container .content-banner .end-event-msg {
  padding: 3px 12px;
}
.single-event-container .report,
.single-academy-container .report {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
  color: #101828;
}
.single-event-container .report:hover,
.single-academy-container .report:hover {
  color: #c72d80;
}
.single-event-container .report svg,
.single-academy-container .report svg {
  width: 20px;
}
.single-event-container #scroller,
.single-academy-container #scroller {
  padding-top: 48px;
}
@media (max-width: 767px) {
  .single-event-container #scroller,
  .single-academy-container #scroller {
    padding-top: 16px;
  }
  .single-event-container #scroller > .container,
  .single-academy-container #scroller > .container {
    padding: 0;
  }
}
.single-event-container .event-title,
.single-academy-container .event-title {
  color: #101828;
  padding-right: 12px;
  border-right: 4px solid #1004a4;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 24px;
  width: 100%;
}
.single-event-container .event-title > a > span,
.single-academy-container .event-title > a > span {
  color: #98a8b3;
  font-size: 14px;
  font-weight: 600;
}
.single-event-container .event-title > a > span:first-child,
.single-academy-container .event-title > a > span:first-child {
  margin-left: 4px;
}
.single-event-container p.event-description,
.single-event-container .event-description > p,
.single-academy-container p.event-description,
.single-academy-container .event-description > p {
  text-align: justify;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
  color: #475a67;
}
.single-event-container p.event-description a,
.single-event-container .event-description > p a,
.single-academy-container p.event-description a,
.single-academy-container .event-description > p a {
  font-style: italic;
  text-decoration: underline !important;
}
@media (max-width: 767px) {
  .single-event-container p.event-description,
  .single-event-container .event-description > p,
  .single-academy-container p.event-description,
  .single-academy-container .event-description > p {
    padding: 0 16px;
  }
}
.single-event-container .event-content,
.single-academy-container .event-content {
  position: relative;
}
.single-event-container .event-content > div > ul,
.single-academy-container .event-content > div > ul {
  width: 200px;
  padding: 0;
  padding-left: 24px;
}
.single-event-container .event-content > div > ul > li,
.single-academy-container .event-content > div > ul > li {
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: right;
  color: #98a8b3;
}
.single-event-container .event-content > div > ul > li:not(:last-child) a,
.single-academy-container .event-content > div > ul > li:not(:last-child) a {
  color: #98a8b3 !important;
}
.single-event-container .event-content > div > ul > li:not(:last-child):hover a,
.single-academy-container .event-content > div > ul > li:not(:last-child):hover a {
  color: #101828 !important;
}
.single-event-container .event-content > div > ul > li:not(:last-child).active a,
.single-academy-container .event-content > div > ul > li:not(:last-child).active a {
  color: #101828 !important;
}
.single-event-container .event-content > div > ul > li:nth-child(6),
.single-academy-container .event-content > div > ul > li:nth-child(6) {
  margin-bottom: 32px;
}
.single-event-container .event-content > div > ul > li:last-child,
.single-academy-container .event-content > div > ul > li:last-child {
  border-top: 1px solid #eaeef0;
  padding-top: 16px;
}
.single-event-container .event-content > div > ul > li.active,
.single-academy-container .event-content > div > ul > li.active {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
  color: #98A2B3;
}
@media (min-width: 1024px) {
  .single-event-container .event-content > div > ul > li.active,
  .single-academy-container .event-content > div > ul > li.active {
    font-size: 16px;
    line-height: 32px;
    padding-bottom: 7px;
    border-bottom: 1px solid #EAECF0;
  }
}
.single-event-container .event-content > div > ul > li .btn-primary-black,
.single-academy-container .event-content > div > ul > li .btn-primary-black {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
}
.single-event-container .event-content > div > ul > li.register-btn a.btn-link,
.single-academy-container .event-content > div > ul > li.register-btn a.btn-link {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
  padding: unset;
}
.single-event-container .event-content > div > ul > li.register-btn a.btn-link::before,
.single-academy-container .event-content > div > ul > li.register-btn a.btn-link::before {
  width: 6px;
  height: 6px;
}
.single-event-container .event-content > div .content,
.single-academy-container .event-content > div .content {
  width: calc(100% - 200px);
}
.single-event-container .event-content > div .content > div,
.single-academy-container .event-content > div .content > div {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.single-event-container .event-content > div .content > div:not(:first-child),
.single-academy-container .event-content > div .content > div:not(:first-child) {
  margin-top: 32px;
}
@media (max-width: 767px) {
  .single-event-container .event-content > div .content > div:not(:first-child),
  .single-academy-container .event-content > div .content > div:not(:first-child) {
    margin-top: 16px;
  }
}
.single-event-container .event-content > div .content > div > .max-box,
.single-academy-container .event-content > div .content > div > .max-box {
  max-width: 872px;
}
@media (max-width: 1199px) {
  .single-event-container .event-content > div .content > div > .max-box,
  .single-academy-container .event-content > div .content > div > .max-box {
    max-width: 540px;
  }
}
@media (max-width: 991px) {
  .single-event-container .event-content > div .content > div > .max-box,
  .single-academy-container .event-content > div .content > div > .max-box {
    max-width: 432px;
  }
}
@media (max-width: 767px) {
  .single-event-container .event-content > div .content > div > .max-box,
  .single-academy-container .event-content > div .content > div > .max-box {
    max-width: unset;
  }
}
.single-event-container .event-content > div .content > div .image-container,
.single-academy-container .event-content > div .content > div .image-container {
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 64px;
}
.single-event-container .event-content > div .content > div .image-container img,
.single-academy-container .event-content > div .content > div .image-container img {
  max-width: 872px;
  border-radius: 8px;
}
@media (max-width: 991px) {
  .single-event-container .event-content > div .content > div .image-container,
  .single-academy-container .event-content > div .content > div .image-container {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .single-event-container .event-content > div .content > div .image-container,
  .single-academy-container .event-content > div .content > div .image-container {
    margin-bottom: 16px;
  }
  .single-event-container .event-content > div .content > div .image-container img,
  .single-academy-container .event-content > div .content > div .image-container img {
    border-radius: unset;
  }
}
.single-event-container .event-content > div .content > div .video-container,
.single-academy-container .event-content > div .content > div .video-container {
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 64px;
}
.single-event-container .event-content > div .content > div .video-container video,
.single-academy-container .event-content > div .content > div .video-container video {
  width: 100%;
  max-width: 872px;
  border-radius: 8px;
}
@media (max-width: 991px) {
  .single-event-container .event-content > div .content > div .video-container,
  .single-academy-container .event-content > div .content > div .video-container {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .single-event-container .event-content > div .content > div .video-container,
  .single-academy-container .event-content > div .content > div .video-container {
    margin-top: 16px;
    margin-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.single-event-container .event-content > div .content .card-section,
.single-academy-container .event-content > div .content .card-section {
  border-top: 1px solid #eaeef0;
  padding: 64px 0;
  margin-top: 64px;
}
@media (max-width: 991px) {
  .single-event-container .event-content > div .content .card-section,
  .single-academy-container .event-content > div .content .card-section {
    margin-top: 32px;
    padding: 32px 0;
  }
}
@media (max-width: 767px) {
  .single-event-container .event-content > div .content .card-section,
  .single-academy-container .event-content > div .content .card-section {
    margin-top: 16px;
    padding: 16px 0;
  }
}
.single-event-container .event-content > div .content .card-section ul.teacher-list,
.single-event-container .event-content > div .content .card-section ul.organizer-list,
.single-event-container .event-content > div .content .card-section ul.supporter-list,
.single-academy-container .event-content > div .content .card-section ul.teacher-list,
.single-academy-container .event-content > div .content .card-section ul.organizer-list,
.single-academy-container .event-content > div .content .card-section ul.supporter-list {
  padding-right: 16px;
  overflow-x: scroll;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.single-event-container .event-content > div .content .card-section ul.teacher-list::-webkit-scrollbar,
.single-event-container .event-content > div .content .card-section ul.organizer-list::-webkit-scrollbar,
.single-event-container .event-content > div .content .card-section ul.supporter-list::-webkit-scrollbar,
.single-academy-container .event-content > div .content .card-section ul.teacher-list::-webkit-scrollbar,
.single-academy-container .event-content > div .content .card-section ul.organizer-list::-webkit-scrollbar,
.single-academy-container .event-content > div .content .card-section ul.supporter-list::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1024px) {
  .single-event-container .event-content > div .content .card-section ul.teacher-list,
  .single-event-container .event-content > div .content .card-section ul.organizer-list,
  .single-event-container .event-content > div .content .card-section ul.supporter-list,
  .single-academy-container .event-content > div .content .card-section ul.teacher-list,
  .single-academy-container .event-content > div .content .card-section ul.organizer-list,
  .single-academy-container .event-content > div .content .card-section ul.supporter-list {
    padding-left: 0;
    padding-right: 0;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 48px 24px !important;
  }
}
@media (min-width: 1280px) {
  .single-event-container .event-content > div .content .card-section ul.teacher-list,
  .single-event-container .event-content > div .content .card-section ul.organizer-list,
  .single-event-container .event-content > div .content .card-section ul.supporter-list,
  .single-academy-container .event-content > div .content .card-section ul.teacher-list,
  .single-academy-container .event-content > div .content .card-section ul.organizer-list,
  .single-academy-container .event-content > div .content .card-section ul.supporter-list {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
.single-event-container .event-content > div .content .card-section ul.teacher-list li.item,
.single-event-container .event-content > div .content .card-section ul.organizer-list li.item,
.single-event-container .event-content > div .content .card-section ul.supporter-list li.item,
.single-academy-container .event-content > div .content .card-section ul.teacher-list li.item,
.single-academy-container .event-content > div .content .card-section ul.organizer-list li.item,
.single-academy-container .event-content > div .content .card-section ul.supporter-list li.item {
  min-width: 200px;
  max-width: 200px;
  margin-left: 24px;
}
@media (min-width: 1024px) {
  .single-event-container .event-content > div .content .card-section ul.teacher-list li.item,
  .single-event-container .event-content > div .content .card-section ul.organizer-list li.item,
  .single-event-container .event-content > div .content .card-section ul.supporter-list li.item,
  .single-academy-container .event-content > div .content .card-section ul.teacher-list li.item,
  .single-academy-container .event-content > div .content .card-section ul.organizer-list li.item,
  .single-academy-container .event-content > div .content .card-section ul.supporter-list li.item {
    margin-left: 0;
    min-width: 100% !important;
    max-width: 100% !important;
  }
}
.single-event-container .event-content > div .content .card-section ul.teacher-list li.item div.teacher-avatar,
.single-event-container .event-content > div .content .card-section ul.teacher-list li.item div.organizer-avatar,
.single-event-container .event-content > div .content .card-section ul.teacher-list li.item div.supporter-avatar,
.single-event-container .event-content > div .content .card-section ul.organizer-list li.item div.teacher-avatar,
.single-event-container .event-content > div .content .card-section ul.organizer-list li.item div.organizer-avatar,
.single-event-container .event-content > div .content .card-section ul.organizer-list li.item div.supporter-avatar,
.single-event-container .event-content > div .content .card-section ul.supporter-list li.item div.teacher-avatar,
.single-event-container .event-content > div .content .card-section ul.supporter-list li.item div.organizer-avatar,
.single-event-container .event-content > div .content .card-section ul.supporter-list li.item div.supporter-avatar,
.single-academy-container .event-content > div .content .card-section ul.teacher-list li.item div.teacher-avatar,
.single-academy-container .event-content > div .content .card-section ul.teacher-list li.item div.organizer-avatar,
.single-academy-container .event-content > div .content .card-section ul.teacher-list li.item div.supporter-avatar,
.single-academy-container .event-content > div .content .card-section ul.organizer-list li.item div.teacher-avatar,
.single-academy-container .event-content > div .content .card-section ul.organizer-list li.item div.organizer-avatar,
.single-academy-container .event-content > div .content .card-section ul.organizer-list li.item div.supporter-avatar,
.single-academy-container .event-content > div .content .card-section ul.supporter-list li.item div.teacher-avatar,
.single-academy-container .event-content > div .content .card-section ul.supporter-list li.item div.organizer-avatar,
.single-academy-container .event-content > div .content .card-section ul.supporter-list li.item div.supporter-avatar {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.single-event-container .event-content > div .content .card-section ul.teacher-list li.item div.teacher-avatar img,
.single-event-container .event-content > div .content .card-section ul.teacher-list li.item div.organizer-avatar img,
.single-event-container .event-content > div .content .card-section ul.teacher-list li.item div.supporter-avatar img,
.single-event-container .event-content > div .content .card-section ul.organizer-list li.item div.teacher-avatar img,
.single-event-container .event-content > div .content .card-section ul.organizer-list li.item div.organizer-avatar img,
.single-event-container .event-content > div .content .card-section ul.organizer-list li.item div.supporter-avatar img,
.single-event-container .event-content > div .content .card-section ul.supporter-list li.item div.teacher-avatar img,
.single-event-container .event-content > div .content .card-section ul.supporter-list li.item div.organizer-avatar img,
.single-event-container .event-content > div .content .card-section ul.supporter-list li.item div.supporter-avatar img,
.single-academy-container .event-content > div .content .card-section ul.teacher-list li.item div.teacher-avatar img,
.single-academy-container .event-content > div .content .card-section ul.teacher-list li.item div.organizer-avatar img,
.single-academy-container .event-content > div .content .card-section ul.teacher-list li.item div.supporter-avatar img,
.single-academy-container .event-content > div .content .card-section ul.organizer-list li.item div.teacher-avatar img,
.single-academy-container .event-content > div .content .card-section ul.organizer-list li.item div.organizer-avatar img,
.single-academy-container .event-content > div .content .card-section ul.organizer-list li.item div.supporter-avatar img,
.single-academy-container .event-content > div .content .card-section ul.supporter-list li.item div.teacher-avatar img,
.single-academy-container .event-content > div .content .card-section ul.supporter-list li.item div.organizer-avatar img,
.single-academy-container .event-content > div .content .card-section ul.supporter-list li.item div.supporter-avatar img {
  min-width: 100%;
  height: 200px;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-event-container .event-content > div .content .card-section ul.teacher-list li.item div.teacher-avatar:after,
.single-event-container .event-content > div .content .card-section ul.teacher-list li.item div.organizer-avatar:after,
.single-event-container .event-content > div .content .card-section ul.teacher-list li.item div.supporter-avatar:after,
.single-event-container .event-content > div .content .card-section ul.organizer-list li.item div.teacher-avatar:after,
.single-event-container .event-content > div .content .card-section ul.organizer-list li.item div.organizer-avatar:after,
.single-event-container .event-content > div .content .card-section ul.organizer-list li.item div.supporter-avatar:after,
.single-event-container .event-content > div .content .card-section ul.supporter-list li.item div.teacher-avatar:after,
.single-event-container .event-content > div .content .card-section ul.supporter-list li.item div.organizer-avatar:after,
.single-event-container .event-content > div .content .card-section ul.supporter-list li.item div.supporter-avatar:after,
.single-academy-container .event-content > div .content .card-section ul.teacher-list li.item div.teacher-avatar:after,
.single-academy-container .event-content > div .content .card-section ul.teacher-list li.item div.organizer-avatar:after,
.single-academy-container .event-content > div .content .card-section ul.teacher-list li.item div.supporter-avatar:after,
.single-academy-container .event-content > div .content .card-section ul.organizer-list li.item div.teacher-avatar:after,
.single-academy-container .event-content > div .content .card-section ul.organizer-list li.item div.organizer-avatar:after,
.single-academy-container .event-content > div .content .card-section ul.organizer-list li.item div.supporter-avatar:after,
.single-academy-container .event-content > div .content .card-section ul.supporter-list li.item div.teacher-avatar:after,
.single-academy-container .event-content > div .content .card-section ul.supporter-list li.item div.organizer-avatar:after,
.single-academy-container .event-content > div .content .card-section ul.supporter-list li.item div.supporter-avatar:after {
  content: "";
  transform: translateX(100%);
  transition: 500ms;
}
.single-event-container .event-content > div .content .card-section ul.teacher-list li.item div.teacher-avatar:hover:after,
.single-event-container .event-content > div .content .card-section ul.teacher-list li.item div.organizer-avatar:hover:after,
.single-event-container .event-content > div .content .card-section ul.teacher-list li.item div.supporter-avatar:hover:after,
.single-event-container .event-content > div .content .card-section ul.organizer-list li.item div.teacher-avatar:hover:after,
.single-event-container .event-content > div .content .card-section ul.organizer-list li.item div.organizer-avatar:hover:after,
.single-event-container .event-content > div .content .card-section ul.organizer-list li.item div.supporter-avatar:hover:after,
.single-event-container .event-content > div .content .card-section ul.supporter-list li.item div.teacher-avatar:hover:after,
.single-event-container .event-content > div .content .card-section ul.supporter-list li.item div.organizer-avatar:hover:after,
.single-event-container .event-content > div .content .card-section ul.supporter-list li.item div.supporter-avatar:hover:after,
.single-academy-container .event-content > div .content .card-section ul.teacher-list li.item div.teacher-avatar:hover:after,
.single-academy-container .event-content > div .content .card-section ul.teacher-list li.item div.organizer-avatar:hover:after,
.single-academy-container .event-content > div .content .card-section ul.teacher-list li.item div.supporter-avatar:hover:after,
.single-academy-container .event-content > div .content .card-section ul.organizer-list li.item div.teacher-avatar:hover:after,
.single-academy-container .event-content > div .content .card-section ul.organizer-list li.item div.organizer-avatar:hover:after,
.single-academy-container .event-content > div .content .card-section ul.organizer-list li.item div.supporter-avatar:hover:after,
.single-academy-container .event-content > div .content .card-section ul.supporter-list li.item div.teacher-avatar:hover:after,
.single-academy-container .event-content > div .content .card-section ul.supporter-list li.item div.organizer-avatar:hover:after,
.single-academy-container .event-content > div .content .card-section ul.supporter-list li.item div.supporter-avatar:hover:after {
  transform: translateX(0);
  z-index: 3;
  border-radius: 8px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  line-height: 200px;
  width: 100%;
  height: 100%;
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1019607843), 0px 2px 4px -2px rgba(16, 24, 40, 0.0588235294);
  border: 1px solid rgba(255, 255, 255, 0.5019607843);
  background: rgba(255, 255, 255, 0.48);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0em;
}
.single-event-container .event-content > div .content .card-section ul.teacher-list li.item div.teacher-avatar:hover::after,
.single-event-container .event-content > div .content .card-section ul.organizer-list li.item div.teacher-avatar:hover::after,
.single-event-container .event-content > div .content .card-section ul.supporter-list li.item div.teacher-avatar:hover::after,
.single-academy-container .event-content > div .content .card-section ul.teacher-list li.item div.teacher-avatar:hover::after,
.single-academy-container .event-content > div .content .card-section ul.organizer-list li.item div.teacher-avatar:hover::after,
.single-academy-container .event-content > div .content .card-section ul.supporter-list li.item div.teacher-avatar:hover::after {
  content: "جزییات";
}
.single-event-container .event-content > div .content .card-section ul.teacher-list li.item h3.name,
.single-event-container .event-content > div .content .card-section ul.organizer-list li.item h3.name,
.single-event-container .event-content > div .content .card-section ul.supporter-list li.item h3.name,
.single-academy-container .event-content > div .content .card-section ul.teacher-list li.item h3.name,
.single-academy-container .event-content > div .content .card-section ul.organizer-list li.item h3.name,
.single-academy-container .event-content > div .content .card-section ul.supporter-list li.item h3.name {
  font-weight: 700;
  font-size: 16px !important;
  color: #101828 !important;
  margin-top: 8px;
  min-height: 50px;
}
.single-event-container .event-content > div .content .card-section ul.teacher-list li.item h6.side,
.single-event-container .event-content > div .content .card-section ul.organizer-list li.item h6.side,
.single-event-container .event-content > div .content .card-section ul.supporter-list li.item h6.side,
.single-academy-container .event-content > div .content .card-section ul.teacher-list li.item h6.side,
.single-academy-container .event-content > div .content .card-section ul.organizer-list li.item h6.side,
.single-academy-container .event-content > div .content .card-section ul.supporter-list li.item h6.side {
  font-weight: 500;
  font-size: 14px !important;
  color: #667985 !important;
  margin-top: 8px;
}
.single-event-container .event-content > div .content .card-section ul.teacher-list li.item a.link,
.single-event-container .event-content > div .content .card-section ul.organizer-list li.item a.link,
.single-event-container .event-content > div .content .card-section ul.supporter-list li.item a.link,
.single-academy-container .event-content > div .content .card-section ul.teacher-list li.item a.link,
.single-academy-container .event-content > div .content .card-section ul.organizer-list li.item a.link,
.single-academy-container .event-content > div .content .card-section ul.supporter-list li.item a.link {
  color: #98a8b3;
}
.single-event-container .event-content > div .content .card-section ul.teacher-list li.item a.link svg,
.single-event-container .event-content > div .content .card-section ul.organizer-list li.item a.link svg,
.single-event-container .event-content > div .content .card-section ul.supporter-list li.item a.link svg,
.single-academy-container .event-content > div .content .card-section ul.teacher-list li.item a.link svg,
.single-academy-container .event-content > div .content .card-section ul.organizer-list li.item a.link svg,
.single-academy-container .event-content > div .content .card-section ul.supporter-list li.item a.link svg {
  width: 16px;
  height: 16px;
}
.single-event-container .event-content > div .content .card-section ul.teacher-list li.item a.link:hover,
.single-event-container .event-content > div .content .card-section ul.organizer-list li.item a.link:hover,
.single-event-container .event-content > div .content .card-section ul.supporter-list li.item a.link:hover,
.single-academy-container .event-content > div .content .card-section ul.teacher-list li.item a.link:hover,
.single-academy-container .event-content > div .content .card-section ul.organizer-list li.item a.link:hover,
.single-academy-container .event-content > div .content .card-section ul.supporter-list li.item a.link:hover {
  color: #c72d80;
}
.single-event-container .event-content > div .content .card-section ul.teacher-list li.item div.social-media,
.single-event-container .event-content > div .content .card-section ul.organizer-list li.item div.social-media,
.single-event-container .event-content > div .content .card-section ul.supporter-list li.item div.social-media,
.single-academy-container .event-content > div .content .card-section ul.teacher-list li.item div.social-media,
.single-academy-container .event-content > div .content .card-section ul.organizer-list li.item div.social-media,
.single-academy-container .event-content > div .content .card-section ul.supporter-list li.item div.social-media {
  border-top: 1px solid #eaeef0;
}
.single-event-container .event-content > div .content .card-section ul.teacher-list li.item div.social-media > ul,
.single-event-container .event-content > div .content .card-section ul.organizer-list li.item div.social-media > ul,
.single-event-container .event-content > div .content .card-section ul.supporter-list li.item div.social-media > ul,
.single-academy-container .event-content > div .content .card-section ul.teacher-list li.item div.social-media > ul,
.single-academy-container .event-content > div .content .card-section ul.organizer-list li.item div.social-media > ul,
.single-academy-container .event-content > div .content .card-section ul.supporter-list li.item div.social-media > ul {
  padding-top: 8px;
  padding-right: 0;
}
.single-event-container .event-content > div .content .card-section ul.teacher-list li.item div.social-media > ul li,
.single-event-container .event-content > div .content .card-section ul.organizer-list li.item div.social-media > ul li,
.single-event-container .event-content > div .content .card-section ul.supporter-list li.item div.social-media > ul li,
.single-academy-container .event-content > div .content .card-section ul.teacher-list li.item div.social-media > ul li,
.single-academy-container .event-content > div .content .card-section ul.organizer-list li.item div.social-media > ul li,
.single-academy-container .event-content > div .content .card-section ul.supporter-list li.item div.social-media > ul li {
  margin-top: 8px;
  margin-left: 20px;
}
.single-event-container .event-content > div .content .scheduling,
.single-academy-container .event-content > div .content .scheduling {
  border-top: 1px solid #eaeef0;
  padding: 64px 0;
}
.single-event-container .event-content > div .content .scheduling div.days,
.single-academy-container .event-content > div .content .scheduling div.days {
  border-radius: 18px !important;
  padding: 3px 12px;
  margin-left: 16px;
  border: 1px solid #d0d8dd;
  background: #fff;
  color: #667985;
  transition: 200ms all;
}
.single-event-container .event-content > div .content .scheduling div.days:hover, .single-event-container .event-content > div .content .scheduling div.days.active,
.single-academy-container .event-content > div .content .scheduling div.days:hover,
.single-academy-container .event-content > div .content .scheduling div.days.active {
  color: #fff;
  border: 1px solid #101828;
  background: linear-gradient(0deg, #475a67, #475a67), linear-gradient(0deg, #101828, #101828);
}
.single-event-container .event-content > div .content .scheduling div.days.mr16,
.single-academy-container .event-content > div .content .scheduling div.days.mr16 {
  margin-right: 16px;
}
.single-event-container .event-content > div .content .scheduling ul.schedule,
.single-academy-container .event-content > div .content .scheduling ul.schedule {
  padding: 0;
}
.single-event-container .event-content > div .content .scheduling ul.schedule li,
.single-academy-container .event-content > div .content .scheduling ul.schedule li {
  padding-top: 8px;
  padding-bottom: 8px;
}
.single-event-container .event-content > div .content .scheduling ul.schedule li span,
.single-academy-container .event-content > div .content .scheduling ul.schedule li span {
  width: 33.33%;
  font-size: 16px;
  font-weight: 500;
}
.single-event-container .event-content > div .content .scheduling ul.schedule li.head,
.single-academy-container .event-content > div .content .scheduling ul.schedule li.head {
  border-bottom: 1px solid #eaeef0;
  margin-bottom: 16px;
}
.single-event-container .event-content > div .content .scheduling ul.schedule li.head span,
.single-academy-container .event-content > div .content .scheduling ul.schedule li.head span {
  font-weight: 700;
  font-size: 16px;
}
@media (max-width: 767px) {
  .single-event-container .event-content > div .content .scheduling,
  .single-academy-container .event-content > div .content .scheduling {
    padding: 32px 0;
  }
  .single-event-container .event-content > div .content .scheduling ul.schedule,
  .single-academy-container .event-content > div .content .scheduling ul.schedule {
    padding: 16px;
  }
  .single-event-container .event-content > div .content .scheduling ul.schedule li,
  .single-academy-container .event-content > div .content .scheduling ul.schedule li {
    flex-wrap: wrap;
  }
  .single-event-container .event-content > div .content .scheduling ul.schedule li.head,
  .single-academy-container .event-content > div .content .scheduling ul.schedule li.head {
    display: none !important;
  }
  .single-event-container .event-content > div .content .scheduling ul.schedule li span.title,
  .single-academy-container .event-content > div .content .scheduling ul.schedule li span.title {
    width: 100%;
    margin-bottom: 8px;
  }
  .single-event-container .event-content > div .content .scheduling ul.schedule li span:nth-child(2)::before,
  .single-academy-container .event-content > div .content .scheduling ul.schedule li span:nth-child(2)::before {
    content: "شروع : ";
  }
  .single-event-container .event-content > div .content .scheduling ul.schedule li span:nth-child(3)::before,
  .single-academy-container .event-content > div .content .scheduling ul.schedule li span:nth-child(3)::before {
    content: "پایان : ";
  }
}
.single-event-container .event-content > div .content #generalQuestions,
.single-academy-container .event-content > div .content #generalQuestions {
  padding-bottom: 64px;
}
.single-event-container .event-content > div .content #generalQuestions #generalQuestion,
.single-academy-container .event-content > div .content #generalQuestions #generalQuestion {
  padding-left: 16px;
  padding-right: 16px;
}
.single-event-container .event-content > div .content #generalQuestions .accordion-item,
.single-academy-container .event-content > div .content #generalQuestions .accordion-item {
  padding-top: 24px;
  padding-bottom: 32px;
}
.single-event-container .event-content > div .content #generalQuestions .accordion-item:not(:last-child),
.single-academy-container .event-content > div .content #generalQuestions .accordion-item:not(:last-child) {
  border-bottom: 1px solid #eaeef0;
}
.single-event-container .event-content > div .content #generalQuestions .accordion-item h2,
.single-academy-container .event-content > div .content #generalQuestions .accordion-item h2 {
  display: inline-flex;
}
.single-event-container .event-content > div .content #generalQuestions .accordion-item h2 button,
.single-academy-container .event-content > div .content #generalQuestions .accordion-item h2 button {
  color: #1d2e39 !important;
  padding: 0 0 8px 0;
  font-weight: 700;
  padding-right: 32px;
}
.single-event-container .event-content > div .content #generalQuestions .accordion-item h2 .accordion-button,
.single-academy-container .event-content > div .content #generalQuestions .accordion-item h2 .accordion-button {
  background-color: #fff !important;
}
.single-event-container .event-content > div .content #generalQuestions .accordion-item h2 .accordion-button::before,
.single-academy-container .event-content > div .content #generalQuestions .accordion-item h2 .accordion-button::before {
  content: "";
  background-color: white !important;
  position: unset !important;
  margin-left: 10px !important;
  color: transparent !important;
  background-size: cover;
  width: 24px;
  height: 24px;
  transform: translateY(0) rotate(180deg) !important;
  position: absolute !important;
  right: 0;
  top: 0;
}
.single-event-container .event-content > div .content #generalQuestions .accordion-item h2 .accordion-button.collapsed::before,
.single-academy-container .event-content > div .content #generalQuestions .accordion-item h2 .accordion-button.collapsed::before {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 8V16M8 12H16M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="rgba(152, 168, 179, 1)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: repeat-y !important;
}
.single-event-container .event-content > div .content #generalQuestions .accordion-item h2 .accordion-button:not(.collapsed)::before,
.single-academy-container .event-content > div .content #generalQuestions .accordion-item h2 .accordion-button:not(.collapsed)::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 12H16M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="rgba(152, 168, 179, 1)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: repeat-y !important;
}
.single-event-container .event-content > div .content #generalQuestions .accordion-item .accordion-body,
.single-academy-container .event-content > div .content #generalQuestions .accordion-item .accordion-body {
  padding: 0;
  padding-right: 32px;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #475a67;
  text-align: justify;
}
@media (max-width: 991px) {
  .single-event-container .event-content > div .content #generalQuestions,
  .single-academy-container .event-content > div .content #generalQuestions {
    padding-bottom: 32px;
  }
  .single-event-container .event-content > div .content #generalQuestions .accordion-item,
  .single-academy-container .event-content > div .content #generalQuestions .accordion-item {
    padding-top: 16px;
    padding-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .single-event-container .event-content > div .content #generalQuestions,
  .single-academy-container .event-content > div .content #generalQuestions {
    padding-bottom: 16px;
  }
  .single-event-container .event-content > div .content #generalQuestions .accordion-item,
  .single-academy-container .event-content > div .content #generalQuestions .accordion-item {
    padding-top: 8px;
    padding-bottom: 16px;
  }
}
@media (max-width: 991px) {
  .single-event-container .event-content > div > ul,
  .single-academy-container .event-content > div > ul {
    display: none;
  }
  .single-event-container .event-content > div .content,
  .single-academy-container .event-content > div .content {
    width: 100%;
  }
  .single-event-container .event-content > div .content > div .max-box,
  .single-academy-container .event-content > div .content > div .max-box {
    max-width: unset;
  }
}
@media (max-width: 767px) {
  .single-event-container .event-content > .container,
  .single-academy-container .event-content > .container {
    padding: 0;
  }
}
.single-event-container #tickets-registration,
.single-event-container .tickets-registration,
.single-academy-container #tickets-registration,
.single-academy-container .tickets-registration {
  border-top: 1px solid #eaeef0;
  background: linear-gradient(180deg, #fcfcfd 0%, #ffffff 100%);
  padding: 64px 0;
}
.single-event-container #tickets-registration ul.registration,
.single-event-container .tickets-registration ul.registration,
.single-academy-container #tickets-registration ul.registration,
.single-academy-container .tickets-registration ul.registration {
  padding: 0;
}
.single-event-container #tickets-registration ul.registration li,
.single-event-container .tickets-registration ul.registration li,
.single-academy-container #tickets-registration ul.registration li,
.single-academy-container .tickets-registration ul.registration li {
  padding-top: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #eaeef0;
}
.single-event-container #tickets-registration ul.registration li > span,
.single-event-container .tickets-registration ul.registration li > span,
.single-academy-container #tickets-registration ul.registration li > span,
.single-academy-container .tickets-registration ul.registration li > span {
  width: 20%;
  font-size: 16px;
  font-weight: 500;
  padding-right: 8px;
  padding-left: 16px;
}
.single-event-container #tickets-registration ul.registration li > span:nth-child(1),
.single-event-container .tickets-registration ul.registration li > span:nth-child(1),
.single-academy-container #tickets-registration ul.registration li > span:nth-child(1),
.single-academy-container .tickets-registration ul.registration li > span:nth-child(1) {
  width: 35%;
  text-align: justify;
}
.single-event-container #tickets-registration ul.registration li > span:nth-child(2),
.single-event-container .tickets-registration ul.registration li > span:nth-child(2),
.single-academy-container #tickets-registration ul.registration li > span:nth-child(2),
.single-academy-container .tickets-registration ul.registration li > span:nth-child(2) {
  width: 25%;
}
.single-event-container #tickets-registration ul.registration li > span.text-danger,
.single-event-container .tickets-registration ul.registration li > span.text-danger,
.single-academy-container #tickets-registration ul.registration li > span.text-danger,
.single-academy-container .tickets-registration ul.registration li > span.text-danger {
  color: #f04438 !important;
}
.single-event-container #tickets-registration ul.registration li > span .select-count,
.single-event-container .tickets-registration ul.registration li > span .select-count,
.single-academy-container #tickets-registration ul.registration li > span .select-count,
.single-academy-container .tickets-registration ul.registration li > span .select-count {
  width: 152px !important;
  position: relative;
  z-index: 10;
}
.single-event-container #tickets-registration ul.registration li.head,
.single-event-container .tickets-registration ul.registration li.head,
.single-academy-container #tickets-registration ul.registration li.head,
.single-academy-container .tickets-registration ul.registration li.head {
  border-bottom: 1px solid #eaeef0;
  margin-bottom: 16px;
}
.single-event-container #tickets-registration ul.registration li.head span,
.single-event-container .tickets-registration ul.registration li.head span,
.single-academy-container #tickets-registration ul.registration li.head span,
.single-academy-container .tickets-registration ul.registration li.head span {
  font-weight: 700;
  font-size: 16px;
}
.single-event-container #tickets-registration ul.registration li span > p:first-child,
.single-event-container .tickets-registration ul.registration li span > p:first-child,
.single-academy-container #tickets-registration ul.registration li span > p:first-child,
.single-academy-container .tickets-registration ul.registration li span > p:first-child {
  font-weight: 700;
  font-size: 16px;
}
.single-event-container #tickets-registration ul.registration li span > div > p:first-child,
.single-event-container .tickets-registration ul.registration li span > div > p:first-child,
.single-academy-container #tickets-registration ul.registration li span > div > p:first-child,
.single-academy-container .tickets-registration ul.registration li span > div > p:first-child {
  font-weight: 500;
  font-size: 14px;
}
@media (max-width: 767px) {
  .single-event-container #tickets-registration,
  .single-event-container .tickets-registration,
  .single-academy-container #tickets-registration,
  .single-academy-container .tickets-registration {
    padding: 32px 0;
    background: unset;
  }
  .single-event-container #tickets-registration > .container,
  .single-event-container .tickets-registration > .container,
  .single-academy-container #tickets-registration > .container,
  .single-academy-container .tickets-registration > .container {
    padding: 0;
  }
  .single-event-container #tickets-registration ul.registration,
  .single-event-container .tickets-registration ul.registration,
  .single-academy-container #tickets-registration ul.registration,
  .single-academy-container .tickets-registration ul.registration {
    padding: 16px 0;
  }
  .single-event-container #tickets-registration ul.registration li,
  .single-event-container .tickets-registration ul.registration li,
  .single-academy-container #tickets-registration ul.registration li,
  .single-academy-container .tickets-registration ul.registration li {
    flex-wrap: wrap;
    border-bottom: 1px solid #eaeef0;
  }
  .single-event-container #tickets-registration ul.registration li:nth-child(even),
  .single-event-container .tickets-registration ul.registration li:nth-child(even),
  .single-academy-container #tickets-registration ul.registration li:nth-child(even),
  .single-academy-container .tickets-registration ul.registration li:nth-child(even) {
    background: #f9fafb;
  }
  .single-event-container #tickets-registration ul.registration li.head,
  .single-event-container .tickets-registration ul.registration li.head,
  .single-academy-container #tickets-registration ul.registration li.head,
  .single-academy-container .tickets-registration ul.registration li.head {
    display: none !important;
  }
  .single-event-container #tickets-registration ul.registration li span.title,
  .single-event-container .tickets-registration ul.registration li span.title,
  .single-academy-container #tickets-registration ul.registration li span.title,
  .single-academy-container .tickets-registration ul.registration li span.title {
    width: 100%;
    margin-bottom: 8px;
  }
  .single-event-container #tickets-registration ul.registration li > span > div,
  .single-event-container .tickets-registration ul.registration li > span > div,
  .single-academy-container #tickets-registration ul.registration li > span > div,
  .single-academy-container .tickets-registration ul.registration li > span > div {
    display: flex !important;
  }
  .single-event-container #tickets-registration ul.registration li > span:not(.title),
  .single-event-container .tickets-registration ul.registration li > span:not(.title),
  .single-academy-container #tickets-registration ul.registration li > span:not(.title),
  .single-academy-container .tickets-registration ul.registration li > span:not(.title) {
    display: none;
  }
}
.single-event-container #image-gallery,
.single-academy-container #image-gallery {
  width: 100%;
  background-color: rgb(252, 252, 253);
  padding-top: 64px;
  padding-bottom: 80px;
}
.single-event-container #image-gallery .photo-gallery,
.single-academy-container #image-gallery .photo-gallery {
  color: #313437;
  background-color: #fff;
}
.single-event-container #image-gallery .photo-gallery p,
.single-academy-container #image-gallery .photo-gallery p {
  color: #7d8285;
}
.single-event-container #image-gallery .photo-gallery h2,
.single-academy-container #image-gallery .photo-gallery h2 {
  font-weight: bold;
  margin-bottom: 40px;
  padding-top: 40px;
  color: inherit;
}
@media (max-width: 767px) {
  .single-event-container #image-gallery .photo-gallery h2,
  .single-academy-container #image-gallery .photo-gallery h2 {
    margin-bottom: 25px;
    padding-top: 25px;
    font-size: 24px;
  }
}
.single-event-container #image-gallery .photo-gallery .intro,
.single-academy-container #image-gallery .photo-gallery .intro {
  font-size: 16px;
  max-width: 500px;
  margin: 0 auto 40px;
}
.single-event-container #image-gallery .photo-gallery .intro p,
.single-academy-container #image-gallery .photo-gallery .intro p {
  margin-bottom: 0;
}
.single-event-container #image-gallery .photo-gallery .photos,
.single-academy-container #image-gallery .photo-gallery .photos {
  padding-bottom: 20px;
}
.single-event-container #image-gallery .photo-gallery .item,
.single-academy-container #image-gallery .photo-gallery .item {
  padding-bottom: 30px;
}
.single-event-container #image-gallery .photos .item,
.single-academy-container #image-gallery .photos .item {
  margin-right: 24px;
  margin-bottom: 24px;
  position: relative;
  width: 200px;
  height: 147px;
}
.single-event-container #image-gallery .photos .item img,
.single-academy-container #image-gallery .photos .item img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  background-color: black;
  cursor: pointer;
}
@media (max-width: 767px) {
  .single-event-container #image-gallery > .container,
  .single-academy-container #image-gallery > .container {
    padding: 0;
  }
}
.single-event-container .events-listing,
.single-academy-container .events-listing {
  background-color: #f9fafb;
}
.single-event-container .events-listing .tns-nav,
.single-academy-container .events-listing .tns-nav {
  display: none;
}
.single-event-container .events-listing div.tns-liveregion.tns-visually-hidden,
.single-academy-container .events-listing div.tns-liveregion.tns-visually-hidden {
  display: none;
}
.single-event-container .events-listing .all-events span,
.single-academy-container .events-listing .all-events span {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
}
.single-event-container .events-listing .all-events svg,
.single-academy-container .events-listing .all-events svg {
  width: 20px;
  margin-right: 9px;
}
@media (min-width: 991px) {
  .single-event-container .o-container,
  .single-academy-container .o-container {
    width: 75%;
  }
}
@media (min-width: 1199px) {
  .single-event-container .o-container,
  .single-academy-container .o-container {
    width: 70%;
  }
}
@media (min-width: 1319px) {
  .single-event-container .o-container,
  .single-academy-container .o-container {
    width: 60%;
  }
}

.single-academy-container .bg-gradient-custom {
  background: #F2F5F7;
  background: linear-gradient(180deg, #F2F5F7, rgba(251, 240, 246, 0) 60%);
}
@media (min-width: 991px) {
  .single-academy-container .bg-gradient-custom {
    background: linear-gradient(180deg, #F2F5F7, rgba(251, 240, 246, 0) 60%);
  }
}
.single-academy-container .bg-gradient-custom .single-academy-hero-section {
  max-width: 1320px;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .single-academy-container .bg-gradient-custom .single-academy-hero-section {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 80px;
    padding: 117px 32px;
  }
}
@media (min-width: 1536px) {
  .single-academy-container .bg-gradient-custom .single-academy-hero-section {
    padding: 117px 0;
  }
}
@media (min-width: 1536px) {
  .single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-banner {
    display: grid;
    place-items: center;
  }
}
@media (min-width: 1024px) {
  .single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-banner {
    flex: 1 1 0%;
    max-width: 731px;
    min-height: 398px;
    max-height: 398px;
    border-radius: 12px;
    overflow: hidden;
  }
  .single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-banner img {
    border-radius: 12px;
  }
}
@media (min-width: 1536px) {
  .single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-banner img {
    background-size: cover;
    background-position: center;
    -o-object-fit: cover;
       object-fit: cover;
    min-height: 398px;
    max-height: 398px;
  }
}
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content {
  padding: 16px 16px 32px 16px;
}
@media (min-width: 1024px) {
  .single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content {
    padding: 0;
    flex: 1 1 0%;
    max-width: 532px;
  }
}
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-section-breadcrumb {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: DanaFaNum;
  background-color: #fafaff;
  color: #1203a3 !important;
  border: 1px solid #EFEDFF;
  border-radius: 999px;
  padding: 3px 3px 3px 9px;
}
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-section-breadcrumb .breadcrumb-category,
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-section-breadcrumb .breadcrumb-type {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  color: #1203a3 !important;
}
@media (min-width: 1024px) {
  .single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-section-breadcrumb .breadcrumb-category,
  .single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-section-breadcrumb .breadcrumb-type {
    font-size: 14px;
    line-height: 28px;
  }
}
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-section-breadcrumb .breadcrumb-category:hover,
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-section-breadcrumb .breadcrumb-type:hover {
  color: #1203a3;
}
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-section-breadcrumb .breadcrumb-category .breadcrumb-type-icon,
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-section-breadcrumb .breadcrumb-type .breadcrumb-type-icon {
  display: grid;
  place-items: center;
  margin-bottom: 2px;
}
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-section-breadcrumb .breadcrumb-category {
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  background-color: #ffffff;
  border: 1px solid #efedff;
  border-radius: 999px;
  padding: 1px 7px;
}
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-section-title {
  font-family: DanaFaNum;
  min-height: 84px;
  margin-bottom: 12px;
  color: #0c111d;
  font-weight: 700;
  font-size: 24px !important;
  line-height: 42px !important;
}
@media (min-width: 1024px) {
  .single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-section-title {
    font-size: 48px !important;
    line-height: 72px !important;
    min-height: 144px;
    margin-bottom: 28px;
  }
}
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-details {
  font-family: DanaFaNum;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-details {
    gap: 20px;
    margin-bottom: 48px;
  }
}
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-details .course-certificate,
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-details .course-creator {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  color: #667085;
  font-size: 14px;
  line-height: 28px;
}
@media (min-width: 1024px) {
  .single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-details .course-certificate,
  .single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-details .course-creator {
    gap: 12px;
    font-size: 18px;
    line-height: 34px;
  }
}
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-details .course-certificate .course-certificate-icon {
  display: grid;
  place-items: center;
  padding: 4px;
  background-color: #F2F4F7;
  border-radius: 6px;
}
@media (min-width: 1024px) {
  .single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-details .course-certificate .course-certificate-icon {
    padding: 8px;
  }
}
@media (min-width: 1024px) {
  .single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-details .course-certificate .course-certificate-icon svg {
    scale: 1.5;
  }
}
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-details .course-creator .course-creator-icon {
  display: grid;
  place-items: center;
  padding: 4px;
  background-color: #F2F4F7;
  border-radius: 6px;
}
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-details .course-creator .course-creator-icon img {
  width: 16px;
}
@media (min-width: 1024px) {
  .single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-details .course-creator .course-creator-icon img {
    width: 24px;
  }
}
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-actions {
  font-family: DanaFaNum;
}
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-actions .purchased-actions,
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-actions .not-purchased-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 1024px) {
  .single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-actions .purchased-actions,
  .single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-actions .not-purchased-actions {
    flex-direction: row;
    align-items: center;
    gap: 24px;
  }
}
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-actions .purchased-actions .academy-btn,
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-actions .not-purchased-actions .academy-btn {
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  color: white;
  background-color: #1203A3;
  border-radius: 8px;
  padding: 6px 0;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
}
@media (min-width: 1024px) {
  .single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-actions .purchased-actions .academy-btn,
  .single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-actions .not-purchased-actions .academy-btn {
    font-size: 16px;
    line-height: 32px;
    width: 100%;
  }
}
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-actions .purchased-actions .share-btn,
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-actions .not-purchased-actions .share-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  color: #1203A3;
  background-color: white;
  border-radius: 8px;
  padding: 5px 0;
  border: 1px solid #3A27F3;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
}
@media (min-width: 1024px) {
  .single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-actions .purchased-actions .share-btn,
  .single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-actions .not-purchased-actions .share-btn {
    font-size: 16px;
    line-height: 32px;
    min-width: 160px;
  }
}
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-actions .purchased-actions #hero-section-academy-link,
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-actions .not-purchased-actions #hero-section-academy-link {
  position: relative;
  background: #ffffff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  padding: 7px;
}
@media (min-width: 1024px) {
  .single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-actions .purchased-actions #hero-section-academy-link,
  .single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-actions .not-purchased-actions #hero-section-academy-link {
    padding: 9px;
  }
}
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-actions .purchased-actions #hero-section-academy-link .copy-link-tooltip,
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-actions .not-purchased-actions #hero-section-academy-link .copy-link-tooltip {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 130%;
  background: #ffffff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  padding: 7px 11px;
  text-align: center;
  font-family: DanaFaNum;
  font-weight: 600;
  color: #182230;
  font-size: 12px;
  line-height: 24px;
  text-wrap: nowrap;
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.0588235294), 0px 8px 32px -4px rgba(16, 24, 40, 0.0509803922);
  transition: all 0.3s linear;
}
@media (min-width: 1024px) {
  .single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-actions .purchased-actions #hero-section-academy-link .copy-link-tooltip,
  .single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-actions .not-purchased-actions #hero-section-academy-link .copy-link-tooltip {
    top: -100%;
  }
}
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-actions .purchased-actions #hero-section-academy-link .copy-link-tooltip:before,
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-actions .not-purchased-actions #hero-section-academy-link .copy-link-tooltip:before {
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 9px solid #fff;
  position: absolute;
  bottom: 100%;
  right: 45%;
  z-index: 1;
}
@media (min-width: 1024px) {
  .single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-actions .purchased-actions #hero-section-academy-link .copy-link-tooltip:before,
  .single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-actions .not-purchased-actions #hero-section-academy-link .copy-link-tooltip:before {
    border-bottom: transparent;
    border-top: 7px solid white;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    top: 100%;
    right: 45%;
    filter: drop-shadow(0px 4px 8px -2px rgba(16, 24, 40, 0.0588235294));
  }
}
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-actions .purchased-actions #hero-section-academy-link .copy-link-tooltip:after,
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-actions .not-purchased-actions #hero-section-academy-link .copy-link-tooltip:after {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 44.5%;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 10px solid #eaecf0;
  z-index: 0;
}
@media (min-width: 1024px) {
  .single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-actions .purchased-actions #hero-section-academy-link .copy-link-tooltip:after,
  .single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-actions .not-purchased-actions #hero-section-academy-link .copy-link-tooltip:after {
    border-bottom: transparent;
    border-top: 8px solid #eaecf0;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    top: 100%;
    right: 44.25%;
  }
}
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-actions .purchased-actions #hero-section-academy-link .copy-link-tooltip.active,
.single-academy-container .bg-gradient-custom .single-academy-hero-section .hero-content .hero-actions .not-purchased-actions #hero-section-academy-link .copy-link-tooltip.active {
  visibility: visible;
  opacity: 100;
}
.single-academy-container .hero-section-gradient {
  background: linear-gradient(to right, #49B3F3 25%, #1004A4, #C72D80 80%);
  height: 1px;
}
@media (min-width: 1024px) {
  .single-academy-container .hero-section-gradient {
    margin-bottom: 48px;
  }
}
.single-academy-container .event-content {
  padding-top: 0 !important;
}
.single-academy-container #scroller ul li {
  line-height: 28px;
  transition: 0.3s all linear !important;
}
.single-academy-container #scroller ul li .text-foot {
  color: #667085 !important;
  font-weight: 600;
}
.single-academy-container #scroller ul li .text-foot:hover {
  color: #182230 !important;
}
.single-academy-container #scroller ul li .text-foot.active {
  color: #182230 !important;
}
.single-academy-container #scroller .register-btn {
  padding-top: 8px !important;
}
.single-academy-container #scroller .register-btn .ticket-sidebar {
  gap: 0 6px;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  color: #1004a4;
}
.single-academy-container .section-box {
  width: 100%;
  max-width: 872px;
  margin: 0 auto;
}
.single-academy-container .row-section-title {
  padding-right: 0px;
  margin-bottom: 24px;
}
.single-academy-container .row-section-title label {
  display: block;
  line-height: 34px;
  font-size: 18px;
  font-family: PeydaWeb;
}
@media (min-width: 991px) {
  .single-academy-container .row-section-title label {
    font-size: 20px;
    line-height: 38px;
  }
}
.single-academy-container .row-section-title::after {
  display: none !important;
}
@media (max-width: 1199px) {
  .single-academy-container .row-section-title {
    line-height: 28px;
    margin-bottom: 10px;
  }
}
.single-academy-container .description-title {
  margin-bottom: 24px;
}
@media (min-width: 991px) {
  .single-academy-container .description-title {
    margin-bottom: 32px;
  }
}
.single-academy-container .label-icon,
.single-academy-container .label-icon-2 {
  width: 32px;
  display: inline-block;
  position: relative;
  background: rgb(73, 179, 243);
  background: linear-gradient(90deg, rgb(73, 179, 243) 0%, rgb(16, 4, 164) 50%, rgb(199, 45, 128) 100%);
  border-radius: 4px;
  bottom: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 766px) {
  .single-academy-container .label-icon,
  .single-academy-container .label-icon-2 {
    bottom: 13px;
  }
}
@media (min-width: 767px) {
  .single-academy-container .label-icon,
  .single-academy-container .label-icon-2 {
    bottom: 13px !important;
  }
}
@media (min-width: 1199px) {
  .single-academy-container .label-icon,
  .single-academy-container .label-icon-2 {
    bottom: 8px !important;
  }
}
.single-academy-container .label-icon {
  height: 2px;
}
.single-academy-container .label-icon-2 {
  height: 2px;
}
@media (min-width: 767px) {
  .single-academy-container .label-icon-2 {
    height: 4px;
  }
}
.single-academy-container #description {
  margin: 0 !important;
  padding-top: 56px;
  padding-bottom: 96px;
  position: relative;
}
@media (min-width: 991px) {
  .single-academy-container #description {
    padding-top: 0;
    padding-bottom: 120px;
  }
}
.single-academy-container #description .event-description {
  max-height: 250px;
  overflow: hidden;
}
@media (min-width: 991px) {
  .single-academy-container #description .event-description {
    max-height: 160px;
  }
}
.single-academy-container #description .event-description > :not(.row-section-title) {
  padding: 0 16px;
}
@media (min-width: 991px) {
  .single-academy-container #description .event-description > :not(.row-section-title) {
    padding: 0 !important;
  }
}
.single-academy-container #description .event-description h1,
.single-academy-container #description .event-description h2,
.single-academy-container #description .event-description h3,
.single-academy-container #description .event-description h4,
.single-academy-container #description .event-description h5,
.single-academy-container #description .event-description h6 {
  font-family: DanaFaNum;
  font-weight: 700;
  font-size: 18px !important;
  line-height: 34px !important;
  color: #182230 !important;
  margin-top: 24px;
  margin-bottom: 8px;
}
.single-academy-container #description .event-description p {
  font-family: DanaFaNum;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  color: #475467;
  margin-bottom: 0;
}
.single-academy-container #description .event-description ul, .single-academy-container #description .event-description ol {
  font-family: DanaFaNum;
  list-style-position: outside;
  margin-right: 20px;
  margin-bottom: 8px;
  margin-top: 0;
  font-weight: 500;
}
.single-academy-container #description .event-description ul li, .single-academy-container #description .event-description ol li {
  font-size: 16px;
  line-height: 32px;
  color: #475467;
}
.single-academy-container #description .event-description ul li p, .single-academy-container #description .event-description ol li p {
  margin-bottom: 0;
}
.single-academy-container #description .event-description a {
  font-family: DanaFaNum;
  color: #E12A80;
}
.single-academy-container #description .open-content {
  cursor: pointer;
  font-size: 14px;
  line-height: 28px;
  position: absolute;
  bottom: 45px;
  right: 16px;
  z-index: 1;
  gap: 6px;
  font-weight: 600;
  color: #1004a4 !important;
}
@media (min-width: 991px) {
  .single-academy-container #description .open-content {
    bottom: 75px;
    right: 0;
  }
}
@media (min-width: 1319px) {
  .single-academy-container #description .open-content {
    right: 116px;
  }
}
.single-academy-container #description .show-more {
  max-height: none;
}
.single-academy-container #description .rotated {
  transform: rotate(180deg);
}
.single-academy-container #clip {
  margin-top: 0 !important;
  border-top: 1px solid #eaecf0;
  padding: 56px 0;
}
@media (min-width: 991px) {
  .single-academy-container #clip {
    padding: 64px 0;
  }
}
.single-academy-container #clip .h_iframe-aparat_embed_frame {
  border-radius: 0 !important;
}
@media (min-width: 767px) {
  .single-academy-container #clip .h_iframe-aparat_embed_frame {
    margin-top: 34px;
    border-radius: 8px !important;
  }
}
.single-academy-container #clip p {
  margin-top: 13px;
  margin-bottom: 0 !important;
  text-align: center;
  font-size: 12px;
  line-height: 24px;
  color: #667085;
}
@media (min-width: 991px) {
  .single-academy-container #clip p {
    display: none;
  }
}
.single-academy-container #clip p span:nth-child(2) {
  font-weight: bold;
}
.single-academy-container #chapters {
  border-top: 1px solid #eaecf0;
  padding: 56px 0;
}
@media (min-width: 991px) {
  .single-academy-container #chapters {
    padding: 64px 0;
  }
}
.single-academy-container #chapters .season-section {
  margin-top: 22px;
}
@media (min-width: 991px) {
  .single-academy-container #chapters .season-section {
    margin-top: 34px;
    gap: 8px;
  }
}
.single-academy-container #chapters .season-section .season-item {
  overflow: hidden;
}
.single-academy-container #chapters .season-section .season-item:not(:first-child) {
  border-top: 1px solid #EAECF0;
}
@media (min-width: 991px) {
  .single-academy-container #chapters .season-section .season-item {
    border: 1px solid #f2f4f7;
    border-top-color: #f2f4f7 !important;
    border-radius: 8px;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  }
}
.single-academy-container #chapters .season-section .season-item .season-header {
  padding: 16px;
  cursor: pointer;
  gap: 8px;
  color: #101828;
}
@media (min-width: 991px) {
  .single-academy-container #chapters .season-section .season-item .season-header {
    gap: 10px;
    padding: 16px 24px;
  }
}
.single-academy-container #chapters .season-section .season-item .season-header .season-icon {
  margin-bottom: 2px;
}
@media (min-width: 991px) {
  .single-academy-container #chapters .season-section .season-item .season-header .season-icon {
    scale: 1.12;
    margin-bottom: 3px;
  }
}
.single-academy-container #chapters .season-section .season-item .season-header .season-title {
  margin-bottom: 0 !important;
  flex: 1 1 0%;
  color: #101828;
  font-weight: bold;
  font-size: 16px;
  line-height: 32px;
}
@media (min-width: 991px) {
  .single-academy-container #chapters .season-section .season-item .season-header .season-title {
    font-size: 18px;
    line-height: 34px;
  }
}
.single-academy-container #chapters .season-section .season-item .season-header .season-duration {
  font-size: 14px;
  line-height: 28px;
  font-weight: 500;
  color: #667085;
}
@media (min-width: 991px) {
  .single-academy-container #chapters .season-section .season-item .season-header .season-duration {
    font-size: 16px;
    line-height: 32px;
  }
}
.single-academy-container #chapters .season-section .season-item .season-description {
  max-height: 0;
  overflow: hidden;
}
.single-academy-container #chapters .season-section .season-item .season-description .episode-link {
  padding: 16px;
  gap: 0 8px;
}
@media (min-width: 991px) {
  .single-academy-container #chapters .season-section .season-item .season-description .episode-link {
    gap: 10px;
    padding: 15.5px 24px;
  }
  .single-academy-container #chapters .season-section .season-item .season-description .episode-link:first-child {
    padding: 16px 24px !important;
  }
}
.single-academy-container #chapters .season-section .season-item .season-description .episode-link:not(:first-child) {
  border-top: 1px solid #eaecf0;
}
.single-academy-container #chapters .season-section .season-item .season-description .episode-link .episode-icon {
  margin-bottom: 2px;
}
@media (min-width: 991px) {
  .single-academy-container #chapters .season-section .season-item .season-description .episode-link .episode-icon {
    scale: 1.12;
  }
}
.single-academy-container #chapters .season-section .season-item .season-description .episode-link .episode-title {
  margin-bottom: 0 !important;
  flex: 1 1 0%;
  color: #101828;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
}
@media (min-width: 991px) {
  .single-academy-container #chapters .season-section .season-item .season-description .episode-link .episode-title {
    font-size: 18px;
    line-height: 34px;
  }
}
.single-academy-container #chapters .season-section .season-item .season-description .episode-link .episode-duration {
  font-size: 14px;
  line-height: 28px;
  font-weight: 500;
  color: #667085;
}
@media (min-width: 991px) {
  .single-academy-container #chapters .season-section .season-item .season-description .episode-link .episode-duration {
    font-size: 16px;
    line-height: 32px;
  }
}
.single-academy-container #chapters .season-section .season-item .season-description .episode-link.disabled {
  color: #98a2b3 !important;
}
.single-academy-container #chapters .season-section .season-item .season-description .episode-link.disabled .episode-title,
.single-academy-container #chapters .season-section .season-item .season-description .episode-link.disabled .episode-duration {
  color: #98a2b3 !important;
}
.single-academy-container #chapters .season-section .season-item .season-description.season-show {
  max-height: -moz-fit-content;
  max-height: fit-content;
}
@media (min-width: 991px) {
  .single-academy-container #chapters .season-section .season-item-active {
    margin-top: 16px;
    margin-bottom: 16px;
    box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.1);
  }
}
@media (min-width: 991px) and (min-width: 991px) {
  .single-academy-container #chapters .season-section .season-item-active:first-child {
    margin-top: 0 !important;
  }
}
@media (min-width: 991px) {
  .single-academy-container #chapters .season-section .season-item-active .season-header {
    margin-bottom: 8px;
    background: #0c111d;
    color: white;
  }
  .single-academy-container #chapters .season-section .season-item-active .season-header .season-title,
  .single-academy-container #chapters .season-section .season-item-active .season-header .season-duration {
    color: white;
  }
  .single-academy-container #chapters .season-section .season-item-active .season-description {
    padding-bottom: 8px;
  }
}
.single-academy-container ul.teacher-list,
.single-academy-container ul.organizer-list,
.single-academy-container ul.supporter-list {
  gap: 0 16px !important;
  padding-right: 16px !important;
  padding-left: 16px;
  margin-top: 20px;
}
@media (min-width: 767px) {
  .single-academy-container ul.teacher-list,
  .single-academy-container ul.organizer-list,
  .single-academy-container ul.supporter-list {
    gap: 0 24px !important;
    padding-right: 0 !important;
    margin-top: 30px !important;
  }
}
.single-academy-container ul.teacher-list li.item,
.single-academy-container ul.organizer-list li.item,
.single-academy-container ul.supporter-list li.item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 0 !important;
  width: 140px !important;
}
@media (min-width: 767px) {
  .single-academy-container ul.teacher-list li.item,
  .single-academy-container ul.organizer-list li.item,
  .single-academy-container ul.supporter-list li.item {
    width: 200px !important;
  }
}
.single-academy-container ul.teacher-list li.item .teacher-avatar,
.single-academy-container ul.teacher-list li.item .organizer-avatar,
.single-academy-container ul.teacher-list li.item .supporter-avatar,
.single-academy-container ul.organizer-list li.item .teacher-avatar,
.single-academy-container ul.organizer-list li.item .organizer-avatar,
.single-academy-container ul.organizer-list li.item .supporter-avatar,
.single-academy-container ul.supporter-list li.item .teacher-avatar,
.single-academy-container ul.supporter-list li.item .organizer-avatar,
.single-academy-container ul.supporter-list li.item .supporter-avatar {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.single-academy-container ul.teacher-list li.item .teacher-avatar img,
.single-academy-container ul.teacher-list li.item .organizer-avatar img,
.single-academy-container ul.teacher-list li.item .supporter-avatar img,
.single-academy-container ul.organizer-list li.item .teacher-avatar img,
.single-academy-container ul.organizer-list li.item .organizer-avatar img,
.single-academy-container ul.organizer-list li.item .supporter-avatar img,
.single-academy-container ul.supporter-list li.item .teacher-avatar img,
.single-academy-container ul.supporter-list li.item .organizer-avatar img,
.single-academy-container ul.supporter-list li.item .supporter-avatar img {
  height: 140px !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 767px) {
  .single-academy-container ul.teacher-list li.item .teacher-avatar img,
  .single-academy-container ul.teacher-list li.item .organizer-avatar img,
  .single-academy-container ul.teacher-list li.item .supporter-avatar img,
  .single-academy-container ul.organizer-list li.item .teacher-avatar img,
  .single-academy-container ul.organizer-list li.item .organizer-avatar img,
  .single-academy-container ul.organizer-list li.item .supporter-avatar img,
  .single-academy-container ul.supporter-list li.item .teacher-avatar img,
  .single-academy-container ul.supporter-list li.item .organizer-avatar img,
  .single-academy-container ul.supporter-list li.item .supporter-avatar img {
    height: 200px !important;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.single-academy-container ul.teacher-list li.item .teacher-avatar:after,
.single-academy-container ul.teacher-list li.item .organizer-avatar:after,
.single-academy-container ul.teacher-list li.item .supporter-avatar:after,
.single-academy-container ul.organizer-list li.item .teacher-avatar:after,
.single-academy-container ul.organizer-list li.item .organizer-avatar:after,
.single-academy-container ul.organizer-list li.item .supporter-avatar:after,
.single-academy-container ul.supporter-list li.item .teacher-avatar:after,
.single-academy-container ul.supporter-list li.item .organizer-avatar:after,
.single-academy-container ul.supporter-list li.item .supporter-avatar:after {
  transform: translateX(0) !important;
  content: "";
  opacity: 0;
  transition: 500ms;
  color: #1004a4;
  font-size: 14px !important;
  line-height: 20px !important;
  position: absolute;
  inset: 0px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  background: linear-gradient(180deg, rgba(249, 250, 251, 0.0784313725) 0%, #f2f4f7 100%) !important;
  -webkit-backdrop-filter: blur(4px) !important;
          backdrop-filter: blur(4px) !important;
  border: none !important;
}
@media (min-width: 767px) {
  .single-academy-container ul.teacher-list li.item .teacher-avatar:after,
  .single-academy-container ul.teacher-list li.item .organizer-avatar:after,
  .single-academy-container ul.teacher-list li.item .supporter-avatar:after,
  .single-academy-container ul.organizer-list li.item .teacher-avatar:after,
  .single-academy-container ul.organizer-list li.item .organizer-avatar:after,
  .single-academy-container ul.organizer-list li.item .supporter-avatar:after,
  .single-academy-container ul.supporter-list li.item .teacher-avatar:after,
  .single-academy-container ul.supporter-list li.item .organizer-avatar:after,
  .single-academy-container ul.supporter-list li.item .supporter-avatar:after {
    font-size: 16px;
    line-height: 24px;
  }
}
.single-academy-container ul.teacher-list li.item .teacher-avatar:hover:after,
.single-academy-container ul.teacher-list li.item .organizer-avatar:hover:after,
.single-academy-container ul.teacher-list li.item .supporter-avatar:hover:after,
.single-academy-container ul.organizer-list li.item .teacher-avatar:hover:after,
.single-academy-container ul.organizer-list li.item .organizer-avatar:hover:after,
.single-academy-container ul.organizer-list li.item .supporter-avatar:hover:after,
.single-academy-container ul.supporter-list li.item .teacher-avatar:hover:after,
.single-academy-container ul.supporter-list li.item .organizer-avatar:hover:after,
.single-academy-container ul.supporter-list li.item .supporter-avatar:hover:after {
  opacity: 1;
  transition: 500ms;
}
.single-academy-container ul.teacher-list li.item h3.name,
.single-academy-container ul.organizer-list li.item h3.name,
.single-academy-container ul.supporter-list li.item h3.name {
  font-size: 14px !important;
  line-height: 28px !important;
  font-weight: bold !important;
  text-align: right !important;
  margin-bottom: 4px !important;
  color: #101828;
}
@media (min-width: 991px) {
  .single-academy-container ul.teacher-list li.item h3.name,
  .single-academy-container ul.organizer-list li.item h3.name,
  .single-academy-container ul.supporter-list li.item h3.name {
    line-height: 32px !important;
    min-height: -moz-fit-content !important;
    min-height: fit-content !important;
  }
}
.single-academy-container ul.teacher-list li.item span.side,
.single-academy-container ul.organizer-list li.item span.side,
.single-academy-container ul.supporter-list li.item span.side {
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 24px !important;
  margin-bottom: 0 !important;
  color: #667085;
}
@media (min-width: 767px) {
  .single-academy-container ul.teacher-list li.item span.side,
  .single-academy-container ul.organizer-list li.item span.side,
  .single-academy-container ul.supporter-list li.item span.side {
    font-size: 14px !important;
    line-height: 28px !important;
    font-weight: 400 !important;
  }
}
.single-academy-container ul.teacher-list li.item div.social-media,
.single-academy-container ul.organizer-list li.item div.social-media,
.single-academy-container ul.supporter-list li.item div.social-media {
  margin-top: 8px;
}
@media (max-width: 767px) {
  .single-academy-container ul.teacher-list li.item div.social-media,
  .single-academy-container ul.organizer-list li.item div.social-media,
  .single-academy-container ul.supporter-list li.item div.social-media {
    display: none;
  }
}
.single-academy-container ul.teacher-list li.item a.link,
.single-academy-container ul.organizer-list li.item a.link,
.single-academy-container ul.supporter-list li.item a.link {
  margin-top: 8px !important;
  margin-top: 8px !important;
  line-height: 28px;
  margin-top: 8px !important;
  line-height: 28px;
  margin-bottom: -2px;
}
.single-academy-container ul.teacher-list li.item a.link p,
.single-academy-container ul.organizer-list li.item a.link p,
.single-academy-container ul.supporter-list li.item a.link p {
  margin-bottom: 0 !important;
  font-size: 12px;
  line-height: 28px;
}
@media (min-width: 767px) {
  .single-academy-container ul.teacher-list li.item a.link p,
  .single-academy-container ul.organizer-list li.item a.link p,
  .single-academy-container ul.supporter-list li.item a.link p {
    font-size: 14px;
  }
}
.single-academy-container .card-section {
  margin-top: 0 !important;
  padding: 56px 0 !important;
}
@media (min-width: 991px) {
  .single-academy-container .card-section {
    padding: 64px 0 80px 0 !important;
  }
}
.single-academy-container #tickets-registration {
  border-top: none !important;
  background: #f9fafb;
  padding: 56px 0;
}
@media (min-width: 991px) {
  .single-academy-container #tickets-registration .container {
    padding: 0;
  }
}
@media (min-width: 991px) {
  .single-academy-container #tickets-registration {
    padding: 120px 0;
  }
}
@media (min-width: 991px) {
  .single-academy-container #tickets-registration label {
    font-size: 24px !important;
    line-height: 42px;
  }
}
.single-academy-container #tickets-registration .ticket-header {
  display: none;
  gap: 0 38px;
  font-weight: bold;
  font-size: 16px;
  line-height: 32px;
  color: #98a2b3;
  margin-top: 32px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  padding-left: 64px;
  padding-right: 48px;
  border-bottom: 1px solid #eaecf0;
}
.single-academy-container #tickets-registration .ticket-header .ticket-title {
  flex: 1 1 0%;
}
.single-academy-container #tickets-registration .ticket-header .ticket-price {
  padding: 0 42px;
}
.single-academy-container #tickets-registration .ticket-header .ticket-quantity {
  padding: 0 42px;
  margin-left: 4px;
}
.single-academy-container #tickets-registration .ticket-details {
  margin-top: 4px;
  margin-left: 16px;
  margin-right: 16px;
  position: relative;
  z-index: 10;
  background-color: white;
  padding: 24px 16px;
  border-radius: 8px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
}
@media (min-width: 991px) {
  .single-academy-container #tickets-registration .ticket-details {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 48px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }
}
.single-academy-container #tickets-registration .ticket-details .ticket-access-title {
  font-weight: bold;
  color: #101828;
  font-size: 16px;
  line-height: 32px;
}
@media (min-width: 991px) {
  .single-academy-container #tickets-registration .ticket-details .ticket-access-title {
    font-size: 18px;
    line-height: 34px;
    padding-bottom: 24px;
    padding-top: 14px;
    border-bottom: 1px solid #f2f4f7;
    padding-right: 48px;
  }
}
.single-academy-container #tickets-registration .ticket-details .ticket-description {
  font-size: 14px;
  color: #475467;
  font-weight: 400;
  line-height: 28px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 32px;
}
@media (min-width: 991px) {
  .single-academy-container #tickets-registration .ticket-details .ticket-description {
    margin-bottom: 0 !important;
    padding-top: 16px;
    padding-bottom: 0;
    padding-right: 48px;
    font-size: 16px;
    line-height: 32px;
  }
}
.single-academy-container #tickets-registration .ticket-details .ticket-info {
  margin-bottom: 16px;
}
@media (min-width: 991px) {
  .single-academy-container #tickets-registration .ticket-details .ticket-info {
    gap: 0 36px;
    padding-top: 8px;
    padding-bottom: 22px;
    border-bottom: 1px solid #f2f4f7;
    flex: 1 1 0%;
    justify-content: flex-end !important;
    padding-left: 64px;
    margin-bottom: 0;
  }
}
.single-academy-container #tickets-registration .ticket-details .ticket-info .ticket-price-info {
  margin-bottom: 0 !important;
  gap: 0 2px;
}
@media (min-width: 991px) {
  .single-academy-container #tickets-registration .ticket-details .ticket-info .ticket-price-info {
    gap: 0 4px;
    padding-bottom: 8px;
  }
}
.single-academy-container #tickets-registration .ticket-details .ticket-info .ticket-price-info .price-amount {
  color: #101828;
  font-weight: bold;
  font-size: 16px;
  line-height: 32px;
}
@media (min-width: 991px) {
  .single-academy-container #tickets-registration .ticket-details .ticket-info .ticket-price-info .price-amount {
    font-size: 18px;
    line-height: 34px;
    color: #475467;
  }
}
.single-academy-container #tickets-registration .ticket-details .ticket-info .ticket-price-info .price-currency {
  font-size: 12px;
  line-height: 16px;
  color: #667085;
}
@media (min-width: 991px) {
  .single-academy-container #tickets-registration .ticket-details .ticket-info .ticket-price-info .price-currency {
    font-weight: 500;
    color: #98a2b3;
  }
}
.single-academy-container #tickets-registration .ticket-details .ticket-info button {
  border: none;
  background: none;
}
.single-academy-container #tickets-registration .ticket-details .ticket-info button span {
  background-color: #1203a3;
  border-color: #1203a3;
  margin: 0 !important;
  padding: 5px 14px !important;
  font-size: 14px !important;
  line-height: 28px !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
}
.single-academy-container #tickets-registration .ticket-details .ticket-info button span:hover {
  background-color: #3a27f3;
  border-color: #e8e6fa;
}
.single-academy-container #tickets-registration .ticket-details .scholarship-app-btn {
  text-align: center;
  width: 100%;
  font-family: DanaFaNum;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  color: #f33fa5;
  border: 1px solid #f33fa5;
  background-color: #ffffff;
  border-radius: 8px;
  padding: 5px 0;
  outline: 4px solid transparent;
  transition: background-color 300ms linear, outline-color 300ms linear;
  cursor: pointer;
}
.single-academy-container #tickets-registration .ticket-details .scholarship-app-btn:hover {
  background-color: #fde7f4;
}
.single-academy-container #tickets-registration .ticket-details .scholarship-app-btn:focus {
  background-color: #ffffff;
  outline-color: rgba(225, 42, 128, 0.2392156863);
}
.single-academy-container #tickets-registration .register-container {
  border: none !important;
  background: transparent;
  position: relative;
  z-index: 10;
}
@media (min-width: 991px) {
  .single-academy-container #tickets-registration .register-container {
    padding: 32px 48px;
    background: rgba(255, 255, 255, 0.8);
    background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 8px;
  }
}
.single-academy-container #tickets-registration .register-container .register-button {
  cursor: pointer;
  gap: 0 10px;
  background-color: #1203a3;
  color: white;
  padding: 8px 18px;
  border-radius: 8px;
  outline: 4px solid transparent;
  transition: background-color 300ms linear, outline-color 300ms linear;
}
.single-academy-container #tickets-registration .register-container .register-button:hover {
  background-color: #3a27f3;
}
.single-academy-container #tickets-registration .register-container .register-button:focus {
  outline-color: #e8e6fa;
}
.single-academy-container #tickets-registration .register-container .register-button .register-button-content {
  gap: 0 3px;
}
.single-academy-container #tickets-registration .register-container .register-button .register-button-content .register-button-text-bold {
  font-weight: bold;
  line-height: 32px;
  font-size: 16px;
}
.single-academy-container #tickets-registration .register-container .register-button .register-button-content .register-button-text-normal {
  font-weight: 400;
  line-height: 30px;
  font-size: 16px;
}
.single-academy-container #tickets-registration .register-container .scholarship-app-btn-desktop {
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  font-family: DanaFaNum;
  font-weight: 600;
  font-size: 16px;
  line-height: 32px;
  color: #f33fa5;
  border: 1px solid #f33fa5;
  background-color: #ffffff;
  border-radius: 8px;
  padding: 7px 19px;
  outline: 4px solid transparent;
  transition: background-color 300ms linear, outline-color 300ms linear;
  cursor: pointer;
}
.single-academy-container #tickets-registration .register-container .scholarship-app-btn-desktop:hover {
  background-color: #fde7f4;
}
.single-academy-container #tickets-registration .register-container .scholarship-app-btn-desktop:focus {
  background-color: #ffffff;
  outline-color: rgba(225, 42, 128, 0.2392156863);
}
.single-academy-container #tickets-registration .register-background {
  position: absolute;
  left: -208px;
  bottom: -176px;
}
.single-academy-container #generalQuestions {
  padding: 56px 0 !important;
}
@media (min-width: 991px) {
  .single-academy-container #generalQuestions {
    padding: 64px 0;
  }
}
.single-academy-container #generalQuestions .accordion .accordion-item .accordion-header .accordion-button {
  line-height: 32px;
  color: #101828 !important;
  font-weight: 600;
}
.single-academy-container #generalQuestions .accordion .accordion-item .accordion-header .accordion-button:before {
  margin-top: 4px;
  scale: 0.85;
}
@media (min-width: 991px) {
  .single-academy-container #generalQuestions .accordion .accordion-item .accordion-header .accordion-button:before {
    margin-top: 5px;
  }
}
@media (min-width: 991px) {
  .single-academy-container #generalQuestions .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 18px;
    line-height: 34px;
  }
}
.single-academy-container #generalQuestions .accordion .accordion-item .accordion-collapse .accordion-body {
  line-height: 32px !important;
  color: #475467 !important;
}
@media (min-width: 991px) {
  .single-academy-container #generalQuestions .accordion .accordion-item .accordion-collapse .accordion-body {
    font-size: 18px !important;
    line-height: 34px !important;
  }
}
.single-academy-container .related-description {
  font-size: 14px !important;
  line-height: 28px !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
@media (min-width: 991px) {
  .single-academy-container .related-description {
    font-size: 16px !important;
    line-height: 32px !important;
    margin-top: 12px !important;
  }
}
.single-academy-container .owl-item {
  margin-left: 24px !important;
}
.single-academy-container .owl-item .course-card-academy {
  width: 312px;
}
.single-academy-container .owl-item .course-card-academy .course-image-academy {
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.single-academy-container .owl-item .course-card-academy .course-image-academy img {
  width: 100%;
  height: 176px;
  border-radius: 16px;
}
.single-academy-container .owl-item .course-card-academy .course-category-academy {
  margin: 8px 0;
  font-weight: 600;
  font-size: 14px !important;
  line-height: 28px !important;
  color: #1004a4;
}
.single-academy-container .owl-item .course-card-academy .course-title-academy {
  min-height: 76px;
  font-weight: 700;
  font-size: 18px !important;
  line-height: 34px !important;
  color: #101828;
  padding-bottom: 7px;
  border-bottom: 1px solid #eaecf0;
  margin-bottom: 8px;
}
.single-academy-container .owl-item .course-card-academy .course-info-academy .course-type-academy,
.single-academy-container .owl-item .course-card-academy .course-info-academy .course-cost-academy {
  gap: 2px;
  font-size: 14px;
  line-height: 28px;
  color: #667085;
  font-weight: 500;
}
.single-academy-container .modal-body {
  padding: 24px;
}
@media (max-width: 767px) {
  .single-academy-container .modal-body {
    padding: 32px 16px 12px 16px;
    position: fixed;
    bottom: -16px;
    left: 0;
    right: 0;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    background: white;
  }
  .single-academy-container .modal-body .img-fluid {
    width: 80px !important;
    height: 80px !important;
  }
}
@media (max-width: 767px) {
  .single-academy-container .modal-dialog {
    margin: 0 !important;
    padding-bottom: 0 !important;
  }
}
.single-academy-container .modal.fade .modal-dialog {
  transform: translate(0, 0) !important;
}
.single-academy-container .modal-info h2 {
  line-height: 32px;
  color: #101828;
  margin-bottom: 4px !important;
}
.single-academy-container .modal-info h5 {
  line-height: 26px;
  margin-bottom: 0 !important;
}
.single-academy-container .modal-description p {
  font-size: 16px;
  line-height: 30px;
  color: #475a67;
}
.single-academy-container .modal-person-info section.description {
  padding-top: 32px;
  padding-bottom: 0;
}
.single-academy-container .modal-person-info section.description p {
  margin-bottom: 0;
}

.single-event-container .single-event-hero-section {
  max-width: 1320px;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .single-event-container .single-event-hero-section {
    display: flex;
    flex-direction: row-reverse;
    align-items: stretch;
    gap: 48px;
    padding: 80px 32px;
  }
}
@media (min-width: 1536px) {
  .single-event-container .single-event-hero-section {
    padding: 80px 0;
    align-items: center;
  }
}
@media (min-width: 1024px) {
  .single-event-container .single-event-hero-section .hero-banner {
    flex: 1 1 0%;
    max-width: 731px;
    min-height: 484px;
    max-height: 484px;
    border-radius: 12px;
  }
  .single-event-container .single-event-hero-section .hero-banner img {
    border-radius: 12px;
  }
}
@media (min-width: 1536px) {
  .single-event-container .single-event-hero-section .hero-banner img {
    background-size: cover;
    background-position: center;
    -o-object-fit: cover;
       object-fit: cover;
    min-height: 484px;
    max-height: 484px;
  }
}
.single-event-container .single-event-hero-section .hero-content {
  padding: 16px 16px 40px 16px;
  background-color: #f9fafb;
}
@media (min-width: 1024px) {
  .single-event-container .single-event-hero-section .hero-content {
    background-color: white;
    padding: 0;
    flex: 1 1 0%;
    max-width: 541px;
  }
}
.single-event-container .single-event-hero-section .hero-content .hero-section-breadcrumb {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: DanaFaNum;
  background-color: #fcfcfd;
  color: #1203a3 !important;
  border: 1px solid #efedff;
  border-radius: 999px;
  padding: 3px 3px 3px 9px;
}
.single-event-container .single-event-hero-section .hero-content .hero-section-breadcrumb .breadcrumb-category,
.single-event-container .single-event-hero-section .hero-content .hero-section-breadcrumb .breadcrumb-type {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  color: #1203a3 !important;
}
@media (min-width: 1024px) {
  .single-event-container .single-event-hero-section .hero-content .hero-section-breadcrumb .breadcrumb-category,
  .single-event-container .single-event-hero-section .hero-content .hero-section-breadcrumb .breadcrumb-type {
    font-size: 14px;
    line-height: 28px;
  }
}
.single-event-container .single-event-hero-section .hero-content .hero-section-breadcrumb .breadcrumb-category:hover,
.single-event-container .single-event-hero-section .hero-content .hero-section-breadcrumb .breadcrumb-type:hover {
  color: #1203a3;
}
.single-event-container .single-event-hero-section .hero-content .hero-section-breadcrumb .breadcrumb-category .breadcrumb-type-icon,
.single-event-container .single-event-hero-section .hero-content .hero-section-breadcrumb .breadcrumb-type .breadcrumb-type-icon {
  display: grid;
  place-items: center;
  margin-bottom: 2px;
  scale: 0.675;
}
.single-event-container .single-event-hero-section .hero-content .hero-section-breadcrumb .breadcrumb-category {
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  background-color: #ffffff;
  border: 1px solid #efedff;
  border-radius: 999px;
  padding: 1px 7px;
}
.single-event-container .single-event-hero-section .hero-content #hero-section-event-link {
  position: relative;
  background: #ffffff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  padding: 7px;
}
@media (min-width: 1024px) {
  .single-event-container .single-event-hero-section .hero-content #hero-section-event-link {
    padding: 9px;
  }
}
.single-event-container .single-event-hero-section .hero-content #hero-section-event-link .hero-section-event-link-icon {
  display: grid;
  place-items: center;
}
@media (min-width: 1024px) {
  .single-event-container .single-event-hero-section .hero-content #hero-section-event-link .hero-section-event-link-icon svg {
    scale: 1.2;
  }
}
.single-event-container .single-event-hero-section .hero-content #hero-section-event-link .copy-link-tooltip {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: -10%;
  left: 140%;
  background: #ffffff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  padding: 7px 11px;
  text-align: center;
  font-family: DanaFaNum;
  font-weight: 600;
  color: #182230;
  font-size: 12px;
  line-height: 24px;
  text-wrap: nowrap;
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.0588235294), 0px 8px 32px -4px rgba(16, 24, 40, 0.0509803922);
  transition: all 0.3s linear;
}
@media (min-width: 1024px) {
  .single-event-container .single-event-hero-section .hero-content #hero-section-event-link .copy-link-tooltip {
    top: -140%;
    left: -117.5%;
  }
}
.single-event-container .single-event-hero-section .hero-content #hero-section-event-link .copy-link-tooltip:before {
  content: "";
  border-top: 6px solid transparent;
  border-right: 9px solid white;
  border-bottom: 6px solid transparent;
  position: absolute;
  right: 100%;
  top: 12px;
}
@media (min-width: 1024px) {
  .single-event-container .single-event-hero-section .hero-content #hero-section-event-link .copy-link-tooltip:before {
    border-top: 7px solid white;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    top: 100%;
    right: 45%;
    filter: drop-shadow(0px 4px 8px -2px rgba(16, 24, 40, 0.0588235294));
  }
}
.single-event-container .single-event-hero-section .hero-content #hero-section-event-link .copy-link-tooltip.active {
  visibility: visible;
  opacity: 100;
}
.single-event-container .single-event-hero-section .hero-content .hero-section-title {
  font-family: DanaFaNum;
  min-height: 84px;
  margin-bottom: 32px;
  color: #0c111d;
  font-weight: 700;
  font-size: 24px !important;
  line-height: 42px !important;
}
@media (min-width: 1024px) {
  .single-event-container .single-event-hero-section .hero-content .hero-section-title {
    font-size: 48px !important;
    line-height: 72px !important;
    min-height: 144px;
    margin-bottom: 80px;
  }
}
.single-event-container .single-event-hero-section .hero-content .event-type {
  display: flex;
  align-items: center;
  gap: 4px;
  padding-right: 12px;
  font-family: DanaFaNum;
  color: #475467;
  font-weight: 500;
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .single-event-container .single-event-hero-section .hero-content .event-type {
    padding-right: 0;
    margin-bottom: 12px;
  }
}
.single-event-container .single-event-hero-section .hero-content .event-type svg {
  color: #98a2b3;
}
.single-event-container .single-event-hero-section .hero-content .event-details {
  background-color: #f2f4f7;
  border-radius: 6px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-family: DanaFaNum;
  font-size: 14px;
  line-height: 28px;
  color: #182230;
  font-weight: 700;
  margin-bottom: 12px;
}
@media (min-width: 1024px) {
  .single-event-container .single-event-hero-section .hero-content .event-details {
    gap: 16px;
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 16px;
  }
}
.single-event-container .single-event-hero-section .hero-content .event-details .event-date-start span,
.single-event-container .single-event-hero-section .hero-content .event-details .event-date-end span {
  font-weight: 500;
  color: #98a2b3;
}
.single-event-container .single-event-hero-section .hero-content .event-actions {
  font-family: DanaFaNum;
}
.single-event-container .single-event-hero-section .hero-content .event-actions .event-date-end-container {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  z-index: 3;
  box-shadow: 0px -1px 2px rgba(16, 24, 40, 0.05);
  border-top: 1px solid #eaecf0;
  padding: 15px 16px 16px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
@media (min-width: 1024px) {
  .single-event-container .single-event-hero-section .hero-content .event-actions .event-date-end-container {
    position: relative;
    box-shadow: none;
    border: none;
    padding: 0;
    flex: 1 1 0%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    text-wrap: nowrap;
    font-size: 16px;
    line-height: 32px;
  }
}
.single-event-container .single-event-hero-section .hero-content .event-actions .event-date-end-container .event-date-end {
  font-size: 16px;
  line-height: 32px;
  font-weight: 500;
  color: #475467;
}
.single-event-container .single-event-hero-section .hero-content .event-actions .event-date-end-container .event-date-end-link {
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  font-weight: 600;
  width: 100%;
  background-color: #1203a3;
  padding: 4px 0;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  border-radius: 8px;
  border: none;
  color: white;
}
@media (min-width: 1024px) {
  .single-event-container .single-event-hero-section .hero-content .event-actions .event-date-end-container .event-date-end-link {
    padding: 6px 0;
    max-width: 275px;
    font-size: 16px;
    line-height: 32px;
  }
}
.single-event-container .single-event-hero-section .hero-content .event-actions .event-date-container {
  font-size: 14px;
  line-height: 28px;
}
@media (min-width: 1024px) {
  .single-event-container .single-event-hero-section .hero-content .event-actions .event-date-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    text-wrap: nowrap;
    font-size: 16px;
    line-height: 32px;
  }
}
.single-event-container .single-event-hero-section .hero-content .event-actions .event-date-container .event-btn-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  z-index: 4;
  box-shadow: 0px -1px 2px rgba(16, 24, 40, 0.05);
  border-top: 1px solid #eaecf0;
  padding: 11px 16px 12px 16px;
}
@media (min-width: 1024px) {
  .single-event-container .single-event-hero-section .hero-content .event-actions .event-date-container .event-btn-wrapper {
    position: relative;
    box-shadow: none;
    border: none;
    padding: 0;
    flex: 1 1 0%;
    max-width: 365px;
  }
}
.single-event-container .single-event-hero-section .hero-content .event-actions .event-date-container .event-btn-wrapper .event-btn {
  font-weight: 600;
  width: 100%;
  display: block;
  text-align: center;
  background-color: #1203a3;
  padding: 4px 0;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  border-radius: 8px;
  border: none;
  color: white;
}
.single-event-container .single-event-hero-section .hero-content .event-actions .event-date-container .event-btn-wrapper .event-btn span {
  font-weight: 400;
}
@media (min-width: 1024px) {
  .single-event-container .single-event-hero-section .hero-content .event-actions .event-date-container .event-btn-wrapper .event-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 6px 0;
  }
}
.single-event-container .single-event-hero-section .hero-content .event-actions .event-date-container .event-btn-calender {
  width: 100%;
  display: block;
  font-weight: 600;
  padding: 3px 0;
  background-color: white;
  color: #1203a3;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border: 1px solid #3a27f3;
  border-radius: 8px;
  text-align: center;
}
@media (min-width: 1024px) {
  .single-event-container .single-event-hero-section .hero-content .event-actions .event-date-container .event-btn-calender {
    flex: 1 1 0%;
    max-width: 130px;
    padding: 5px 0;
  }
}
@media (min-width: 1130px) {
  .single-event-container .single-event-hero-section .hero-content .event-actions .event-date-container .event-btn-calender {
    max-width: 160px;
  }
}
.single-event-container .single-event-hero-section .hero-content:has(.event-date-end-container) .event-details {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .single-event-container .single-event-hero-section .hero-content:has(.event-date-end-container) .event-details {
    margin-bottom: 16px;
  }
}
.single-event-container .event-content > div > ul, .single-event-container .single-academy-container .event-content > div > ul {
  min-width: 200px;
  width: -moz-fit-content;
  width: fit-content;
}
.single-event-container #scroller ul li {
  line-height: 28px;
  transition: 0.3s all linear !important;
}
.single-event-container #scroller ul li .active {
  color: red !important;
}
.single-event-container #scroller ul li .text-foot {
  color: #98A2B3 !important;
  font-weight: 600;
}
.single-event-container #scroller ul li .text-foot:hover {
  color: #101828 !important;
}
.single-event-container #scroller ul li .text-foot.active {
  color: #101828 !important;
}
.single-event-container .single-event-description > :not(.row-section-title) {
  padding: 0 16px;
}
@media (min-width: 991px) {
  .single-event-container .single-event-description > :not(.row-section-title) {
    padding: 0 !important;
  }
}
.single-event-container .single-event-description h1,
.single-event-container .single-event-description h2,
.single-event-container .single-event-description h3,
.single-event-container .single-event-description h4,
.single-event-container .single-event-description h5,
.single-event-container .single-event-description h6 {
  font-family: DanaFaNum;
  font-weight: 700;
  font-size: 18px !important;
  line-height: 34px !important;
  color: #182230 !important;
  margin-top: 24px;
  margin-bottom: 8px;
}
.single-event-container .single-event-description p {
  font-family: DanaFaNum;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  color: #475467;
  margin-bottom: 0;
}
.single-event-container .single-event-description ul, .single-event-container .single-event-description ol {
  font-family: DanaFaNum;
  list-style: disc;
  list-style-position: outside;
  margin-right: 20px;
  margin-top: 16px !important;
  margin-bottom: 12px;
  margin-top: 0;
  font-weight: 500;
}
.single-event-container .single-event-description ul li, .single-event-container .single-event-description ol li {
  font-size: 16px;
  line-height: 32px !important;
  color: #475467;
  margin-bottom: 6px;
}
.single-event-container .single-event-description ul li p, .single-event-container .single-event-description ol li p {
  margin-bottom: 0;
}
.single-event-container .single-event-description a {
  font-family: DanaFaNum;
  color: #E12A80;
}
.single-event-container .modal-person-info section.description {
  padding-top: 32px;
}

.scholarship-app-modal-wrapper #scholarship-app-modal-background {
  visibility: hidden;
  opacity: 0;
  z-index: 39;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(29, 46, 57, 0.32);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  transition: all 0.3s linear;
}
.scholarship-app-modal-wrapper #scholarship-app-modal-background.visible {
  visibility: visible;
  opacity: 1;
}
.scholarship-app-modal-wrapper #scholarship-app-modal-container {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transform: translateY(100%);
  position: fixed;
  z-index: 40;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding: 16px 16px 0 16px;
  max-height: calc(100vh - 24px);
  overflow: scroll;
  transition: all 0.3s linear;
  z-index: 100;
}
@media (min-width: 1024px) {
  .scholarship-app-modal-wrapper #scholarship-app-modal-container {
    visibility: hidden;
    opacity: 0;
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    transform: translate(-50%, -50%);
    padding: 32px 32px 0 32px;
    min-width: 650px;
    max-width: 650px;
    max-height: calc(100vh - 100px);
    border-radius: 12px;
    overflow: auto;
  }
}
.scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-header {
  font-family: DanaFaNum;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #eaecf0;
  margin: 0 -16px 32px -16px;
  padding: 0 16px 15px 16px;
}
@media (min-width: 1024px) {
  .scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-header {
    margin: 0 0 32px 0;
    padding: 0 0 15px 0;
  }
}
.scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-header .scholarship-app-modal-title {
  font-family: DanaFaNum !important;
  margin-bottom: 0;
  color: #182230;
  font-weight: 600;
  font-size: 16px !important;
  line-height: 32px !important;
}
.scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-header .scholarship-app-modal-close-button {
  display: grid;
  place-items: center;
  padding: 3px;
  border-radius: 6px;
  background-color: white;
  border: 1px solid #eaecf0;
  cursor: pointer;
}
.scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-header .scholarship-app-modal-close-button svg {
  scale: 0.75;
}
@media (min-width: 1024px) {
  .scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-header .scholarship-app-modal-close-button {
    padding: 7px;
    border-radius: 8px;
  }
  .scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-header .scholarship-app-modal-close-button svg {
    scale: 1;
  }
}
.scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-description {
  font-family: DanaFaNum;
  margin-bottom: 0;
  color: #667085;
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-description {
    font-size: 16px;
    line-height: 32px;
  }
}
.scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-form {
  position: relative;
}
.scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-form .input-field-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-form .input-field-wrapper {
    flex-direction: row;
    gap: 24px;
  }
}
.scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-form .input-field {
  width: 100%;
}
.scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-form .input-field .input-label {
  position: relative;
  font-family: DanaFaNum;
  font-size: 14px;
  line-height: 28px;
  font-weight: 500;
  color: #475467;
  margin-bottom: 2px;
  display: inline-block;
}
.scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-form .input-field .input-wrapper {
  font-family: DanaFaNum;
  font-size: 14px;
  line-height: 28px;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 0 11px;
  border: 1px solid #d0d5dd;
  color: #101828;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border-radius: 8px;
  outline: 3px solid transparent;
  transition: all 0.3s linear;
  overflow: hidden;
}
.scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-form .input-field .input-wrapper:focus-within {
  outline-color: #f1f2f4;
  border-color: #101828;
}
@media (min-width: 1024px) {
  .scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-form .input-field .input-wrapper {
    padding: 0 13px;
    font-size: 16px;
    line-height: 32px;
  }
}
.scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-form .input-field .input-wrapper .form-input {
  width: 100%;
  padding: 5px 0;
  border: none;
  outline: none;
  box-shadow: none;
}
@media (min-width: 1024px) {
  .scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-form .input-field .input-wrapper .form-input {
    padding: 7px 0;
  }
}
.scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-form .input-field .input-wrapper .form-input:disabled {
  padding: 5px 11px;
  background-color: #f9fafb;
  color: #d0d5dd;
}
@media (min-width: 1024px) {
  .scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-form .input-field .input-wrapper .form-input:disabled {
    padding: 7px 13px;
  }
}
.scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-form .input-field .input-wrapper:has(.form-input:disabled) {
  border-color: #eaecf0;
  padding: 0;
}
.scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-form .input-field .input-error {
  display: none;
  margin: 0;
  color: #d92d20;
  font-family: DanaFaNum;
  font-size: 14px;
  line-height: 28px;
}
.scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-form .input-field.error {
  display: block;
  margin: 0;
}
.scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-form .input-field.error .input-wrapper {
  margin: 0;
  margin-bottom: 2px;
  border-color: #fda29b;
}
.scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-form .input-field.error .input-wrapper:focus-within {
  outline-color: rgba(240, 68, 56, 0.2392156863);
}
.scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-form .input-field.error .input-error {
  display: block;
}
.scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-form .modal-form-submit-wrapper {
  position: sticky;
  margin: 0 -16px -16px;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  padding: 12px 16px;
  background: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
@media (min-width: 1024px) {
  .scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-form .modal-form-submit-wrapper {
    margin: 0 -32px -32px;
    padding: 16px 32px;
    flex-direction: row;
    justify-content: space-between;
  }
}
.scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-form .modal-form-submit-wrapper .modal-form-submit-help {
  font-family: DanaFaNum;
  color: #d90e80;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
}
@media (min-width: 1024px) {
  .scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-form .modal-form-submit-wrapper .modal-form-submit-help {
    text-wrap: nowrap;
  }
}
.scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-form .modal-form-submit-wrapper .modal-form-submit {
  width: 100%;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  font-family: DanaFaNum;
  font-weight: 600;
  color: white;
  background-color: #1203a3;
  outline: 3px solid transparent;
  border-radius: 8px;
  font-size: 14px;
  line-height: 28px;
  padding: 6px 0;
  border: none;
  transition: all 0.3 linear;
}
.scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-form .modal-form-submit-wrapper .modal-form-submit:hover {
  background-color: #3a27f3;
}
.scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-form .modal-form-submit-wrapper .modal-form-submit:focus {
  outline-color: #e8e6fa;
}
@media (min-width: 1024px) {
  .scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-form .modal-form-submit-wrapper .modal-form-submit {
    font-size: 16px;
    line-height: 32px;
    padding: 6px 18px;
    width: -moz-fit-content;
    width: fit-content;
    text-wrap: nowrap;
  }
}
.scholarship-app-modal-wrapper #scholarship-app-modal-container .scholarship-app-modal-form .modal-form-submit-wrapper .modal-form-submit:disabled {
  background-color: #fafaff;
  color: #dedaff;
}
@media (min-width: 1024px) {
  .scholarship-app-modal-wrapper #scholarship-app-modal-container::-webkit-scrollbar {
    width: 8px;
  }
  .scholarship-app-modal-wrapper #scholarship-app-modal-container::-webkit-scrollbar-track {
    background: #f9fafb;
    border-radius: 12px;
  }
  .scholarship-app-modal-wrapper #scholarship-app-modal-container::-webkit-scrollbar-thumb {
    background: #eaecf0;
    border-radius: 5px;
  }
}
.scholarship-app-modal-wrapper #scholarship-app-modal-container.visible {
  transform: translateY(0);
}
@media (min-width: 1024px) {
  .scholarship-app-modal-wrapper #scholarship-app-modal-container.visible {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

#single-event-modal .modal-body .social-website {
  padding: unset !important;
  color: #98a8b3;
}
#single-event-modal .modal-body .social-website span {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
}
#single-event-modal .modal-body .social-website svg {
  width: 16px;
  height: 16px;
}
#single-event-modal .modal-body .social-website:hover {
  color: #c72d80;
}

#gallaryModal {
  display: none;
  position: fixed;
  z-index: 15;
  padding-top: 20px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #c9cdd0;
}
#gallaryModal .modal-content {
  position: relative;
  background-color: transparent;
  margin: auto;
  padding: 0;
  width: 100%;
  max-width: 1096px;
  max-height: 616px;
  border: unset;
}
#gallaryModal .close {
  color: #101828;
  font-size: 35px;
  font-weight: bold;
  text-align: left;
}
@media (max-width: 991px) {
  #gallaryModal .close {
    position: fixed;
    bottom: 0;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
  }
}
#gallaryModal .close:hover,
#gallaryModal .close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}
#gallaryModal .mySlides {
  display: none;
}
#gallaryModal .mySlides img {
  max-height: 616px;
}
@media (min-width: 991px) {
  #gallaryModal .mySlides img {
    border-radius: 16px;
  }
}
#gallaryModal .cursor {
  cursor: pointer;
}
#gallaryModal .column-img img {
  width: 88px !important;
  height: 64px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 16px;
  border-radius: 16px;
}
#gallaryModal .prev,
#gallaryModal .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: #101828;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  -moz-user-select: none;
       user-select: none;
  transform: translateY(30%) rotate(180deg);
  -webkit-user-select: none;
  background-color: #c9cdd0;
  z-index: 1;
}
#gallaryModal .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
#gallaryModal .prev {
  left: 0;
  border-radius: 3px 0 0 3px;
}
#gallaryModal .prev:hover,
#gallaryModal .next:hover {
  /* background-color: transparent; */
}
#gallaryModal .sub-gallary-item {
  /* background-color: #c9cdd0; */
  position: relative;
}
#gallaryModal .numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
#gallaryModal img {
  margin-bottom: -4px;
}
#gallaryModal .caption-container {
  text-align: center !important;
  /* background-color: #c9cdd0; */
  padding: 2px 16px;
}
#gallaryModal .caption-container p {
  font-size: 14px !important;
  font-weight: 500;
  line-height: 26px !important;
  letter-spacing: 0em;
  text-align: center;
  color: #475a67;
  margin-top: 16px;
}
#gallaryModal .demo {
  opacity: 0.6;
}
#gallaryModal .active,
#gallaryModal .demo:hover {
  opacity: 1;
}
#gallaryModal img.hover-shadow {
  transition: 0.3s;
}
#gallaryModal .hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#gallaryModal .oflow-gallary {
  width: calc(100% - 120px);
  overflow-x: scroll;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE and Edge */
}
#gallaryModal .oflow-gallary::-webkit-scrollbar {
  display: none;
}

.end-event-msg {
  display: flex;
  padding: 1px 10px;
  justify-content: center;
  align-items: center;
  border: 1px solid #d0d8dd;
  border-radius: 16px;
  background-color: #f9fafb;
  color: #667985;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
  transition: background, border-color, color 100ms linear;
}
.end-event-msg::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #667985;
  border-radius: 50%;
  margin-left: 6px;
  transition: background-color 100ms linear;
}
.end-event-msg.hvr {
  background-color: #f9fafb;
  border-color: #d0d8dd;
  color: #667985;
}
.end-event-msg.hvr::before {
  background-color: #667985;
}
.end-event-msg.has-ended {
  background-color: #fef3f2;
  border-color: #fda29b;
  color: #b42318;
}
.end-event-msg.has-ended::before {
  background-color: #f04438;
}

.event-card:hover .end-event-msg.hvr {
  background-color: #fef3f2;
  border-color: #fda29b;
  color: #b42318;
}
.event-card:hover .end-event-msg.hvr::before {
  background-color: #f04438;
}

.end-of-event {
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(0deg, #fda29b, #fda29b), linear-gradient(0deg, #fef3f2, #fef3f2);
  border: 1px solid #fda29b;
  color: #b42318;
  border-radius: 24px;
}
.end-of-event::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #b42318;
  border-radius: 50%;
  margin-left: 6px;
}

.mobile-navbar-register {
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: white;
  z-index: 5;
  padding: 12px 16px;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border-top: 1px solid #f2f5f7;
}
.mobile-navbar-register .mob-content .text {
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0em;
}
@media (min-width: 767px) {
  .mobile-navbar-register {
    display: none;
  }
}

.events-category-container .events-header {
  background: linear-gradient(to bottom, #FCFCFD, #FCFCFD);
}
@media (min-width: 1024px) {
  .events-category-container .events-header {
    background: linear-gradient(to bottom, #fff, #FCFCFD);
  }
}
.events-category-container .events-header > div {
  padding-top: 80px;
  padding-bottom: 80px;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 1024px) {
  .events-category-container .events-header > div {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1024px) {
  .events-category-container .events-header > div .content {
    min-width: 525px;
    max-width: 525px;
  }
}
.events-category-container .events-header > div .content .hero-section-breadcrumb {
  display: none;
  margin-bottom: 14px;
  font-family: DanaFaNum;
  background-color: #fafaff;
  color: #1203a3 !important;
  border: 1px solid #efedff;
  border-radius: 999px;
  padding: 3px 3px 3px 9px;
}
@media (min-width: 1024px) {
  .events-category-container .events-header > div .content .hero-section-breadcrumb {
    display: flex;
    align-items: center;
    gap: 12px;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.events-category-container .events-header > div .content .hero-section-breadcrumb .all-event,
.events-category-container .events-header > div .content .hero-section-breadcrumb .active-event {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 500;
  color: #1203a3 !important;
}
@media (min-width: 1024px) {
  .events-category-container .events-header > div .content .hero-section-breadcrumb .all-event,
  .events-category-container .events-header > div .content .hero-section-breadcrumb .active-event {
    font-size: 14px;
    line-height: 28px;
  }
}
.events-category-container .events-header > div .content .hero-section-breadcrumb .all-event {
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  background-color: #ffffff;
  border: 1px solid #efedff;
  border-radius: 999px;
  padding: 1px 7px;
}
.events-category-container .events-header > div .content .hero-section-title {
  font-family: DanaFaNum;
  font-size: 24px;
  line-height: 44px;
  font-weight: 700;
  color: #101828;
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .events-category-container .events-header > div .content .hero-section-title {
    font-size: 48px;
    line-height: 72px;
    margin-bottom: 16px;
  }
}
.events-category-container .events-header > div .content p {
  font-family: DanaFaNum;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  color: #667085;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .events-category-container .events-header > div .content p {
    font-size: 18px;
    line-height: 34px;
  }
}
.events-category-container .events-header > div .image-sec .image-container {
  max-width: 704px;
  position: relative;
}
.events-category-container .events-header > div .hold-events {
  font-size: 20px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0em;
  color: #667985;
}
@media (max-width: 991px) {
  .events-category-container .events-header > div {
    padding-top: 70px;
    padding-bottom: 32px;
    flex-wrap: wrap;
  }
  .events-category-container .events-header > div .image-sec {
    width: 100%;
  }
  .events-category-container .events-header > div .content {
    max-width: unset;
    width: 100%;
  }
  .events-category-container .events-header > div .content > h2 {
    font-size: 24px !important;
  }
  .events-category-container .events-header > div .content > p {
    font-size: 16px;
  }
}
@media (min-width: 991px) {
  .events-category-container .events-header > div {
    min-height: calc(100vh - 125px);
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .events-category-container .events-header > div .image-sec .image-container {
    padding-top: 35%;
    padding-bottom: 30%;
  }
  .events-category-container .events-header > div .image-sec .image-container img {
    transform: scale(1.8);
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.events-listing {
  background-color: #FCFCFD;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}
@media (min-width: 1024px) {
  .events-listing {
    background-color: white;
  }
}
@media (max-width: 991px) {
  .events-listing .listing {
    justify-content: space-between !important;
  }
}
.events-listing div.filtering-sec {
  margin-bottom: 82px;
  position: relative;
}
@media (min-width: 1024px) {
  .events-listing div.filtering-sec {
    gap: 120px;
  }
}
.events-listing div.filtering-sec h5.event-title {
  color: #101828;
  padding-right: 12px;
  border-right: 4px solid #1004a4;
  font-weight: 700;
  font-size: 20px;
}
.events-listing div.filtering-sec .filters {
  background: #FCFCFD;
  padding: 25px 32px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.events-listing div.filtering-sec .filters h6 {
  color: #667985;
  padding-left: 25px;
  border-left: 1px solid #eaeef0;
  white-space: nowrap;
}
.events-listing div.filtering-sec .filters .filter {
  padding-right: 48px;
}
.events-listing div.filtering-sec .filters .filter > label {
  color: #98a8b3;
  font-size: 13px;
  font-weight: 500;
  padding-bottom: 6px;
}
.events-listing div.filtering-sec .filters .filter::marker {
  color: transparent;
}
.events-listing div.filtering-sec .filters .btn-remove {
  border-right: 1px solid #eaeef0;
  padding-right: 15px;
  margin-right: 48px;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #f04438;
}
@media (max-width: 1199px) {
  .events-listing div.filtering-sec .filters {
    flex-wrap: wrap;
    align-items: center;
  }
  .events-listing div.filtering-sec .filters h6 {
    width: 100%;
  }
  .events-listing div.filtering-sec .filters .filter {
    width: 100%;
  }
  .events-listing div.filtering-sec .filters .filter > label {
    text-align: right;
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
  }
  .events-listing div.filtering-sec .filters .filter > div {
    justify-content: center !important;
  }
  .events-listing div.filtering-sec .filters .btn-remove {
    width: 100%;
    border-right: unset;
    text-align: center;
    margin: unset;
    padding: unset;
    margin-top: 18px;
  }
}
@media (max-width: 767px) {
  .events-listing div.filtering-sec .filters {
    display: none !important;
  }
}
.events-listing div.filtering-sec .filters::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: 100%;
  top: 0;
  background-color: #FCFCFD;
}
.events-listing div.filtering-sec #filter-a {
  display: block !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: right;
  padding-left: 0 !important;
  color: #101828;
}
.events-listing div.filtering-sec #filter-a svg {
  width: 19px;
}
.events-listing div.filtering-sec #filter-a:hover {
  color: #c72d80;
}
@media (min-width: 767px) {
  .events-listing div.filtering-sec #filter-a {
    display: none !important;
  }
}
.events-listing div.container > p {
  color: #475a67;
  margin-top: 24px;
  font-size: 18px;
  line-height: 32px;
}
@media (max-width: 991px) {
  .events-listing div.container > h2 {
    font-size: 24px !important;
  }
  .events-listing div.container > p {
    font-size: 16px;
  }
  .events-listing div.filtering-sec {
    margin-bottom: 46px;
  }
}

.filters-modal .filter > label {
  color: #98a8b3;
  font-size: 13px;
  font-weight: 500;
  padding-bottom: 6px;
}
.filters-modal .filter::marker {
  color: transparent;
}

@media (max-width: 767px) {
  .all-event-container #scroller > .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 991px) {
  .all-event-container .listing {
    justify-content: space-between !important;
  }
}
.all-event-container .event-title {
  color: #101828;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 16px;
  width: 100%;
}
.all-event-container .event-title span {
  font-weight: 700;
}
.all-event-container .event-title .row-section-title {
  margin-right: -4px;
}
@media (min-width: 991px) {
  .all-event-container .event-title .row-section-title {
    margin-right: 0;
  }
}
.all-event-container .event-title .row-section-title label {
  line-height: 34px !important;
}
@media (min-width: 991px) {
  .all-event-container .event-title .row-section-title label {
    font-size: 20px;
    line-height: 38px !important;
  }
}
.all-event-container .event-title .btn-link {
  font-weight: 600 !important;
}
.all-event-container .event-title .btn-link .icon-circle {
  position: relative;
  bottom: 10px;
}
.all-event-container .event-title .btn-link .icon .svg-icon svg {
  width: 24px !important;
}
.all-event-container .event-description {
  font-size: 16px;
  line-height: 30px;
  text-align: justify;
}
.all-event-container .event-content {
  position: relative;
}
.all-event-container .event-content > div > ul {
  width: 288px;
  padding: 0;
  margin-left: 48px;
}
.all-event-container .event-content > div > ul > li {
  margin-bottom: 16px;
  color: #98a8b3;
}
.all-event-container .event-content > div > ul > li .check-box:hover {
  background: unset !important;
  border: 1px solid #101828;
}
.all-event-container .event-content > div > ul > li .check-box:hover span svg path {
  stroke: #101828 !important;
  color: #101828 !important;
}
.all-event-container .event-content > div > ul > li .check-box-confirm label p, .all-event-container .event-content > div > ul > li .check-box.check-box-confirm-secondary label p {
  color: #475467;
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
}
.all-event-container .event-content > div > ul > li .check-box-confirm span svg path, .all-event-container .event-content > div > ul > li .check-box.check-box-confirm-secondary span svg path {
  stroke: #101828 !important;
  color: #101828 !important;
}
.all-event-container .event-content > div > ul > li .checkbox-square {
  padding: 7px 8px;
  border-radius: 6px !important;
  width: 100%;
  border: 1px solid #D0D5DD;
}
.all-event-container .event-content > div > ul > li .checkbox-square:hover {
  border: 1px solid #101828;
}
@media (min-width: 991px) {
  .all-event-container .event-content > div > ul > li .checkbox-square {
    padding: 7px 12px;
  }
}
.all-event-container .event-content > div > ul > li .checkbox-square .checkbox-label {
  gap: 0 6px;
  line-height: 30px;
}
@media (min-width: 991px) {
  .all-event-container .event-content > div > ul > li .checkbox-square .checkbox-label {
    line-height: 32px;
  }
}
.all-event-container .event-content > div > ul > li .checkbox-square .checkbox-label .checkbox-inactive,
.all-event-container .event-content > div > ul > li .checkbox-square .checkbox-label .checkbox-active {
  scale: 0.9;
  margin-top: 2px;
}
@media (min-width: 991px) {
  .all-event-container .event-content > div > ul > li .checkbox-square .checkbox-label .icon {
    scale: 1.15 !important;
    margin-right: 2px;
  }
}
.all-event-container .event-content > div > ul > li:not(:last-child) a {
  color: #98a8b3 !important;
}
.all-event-container .event-content > div > ul > li:not(:last-child):hover a {
  color: #101828 !important;
}
.all-event-container .event-content > div > ul > li:not(:last-child).active a {
  color: #101828 !important;
}
.all-event-container .event-content > div > ul > li:nth-child(6) {
  margin-bottom: 32px;
}
.all-event-container .event-content > div > ul > li:last-child {
  border-top: 1px solid #eaeef0;
  padding-top: 16px;
}
.all-event-container .event-content > div .content {
  width: calc(100% - 312px);
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .all-event-container .event-content > div > ul {
    display: none;
  }
  .all-event-container .event-content > div #filter-a {
    display: block !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
    padding-left: 0 !important;
    color: #101828;
  }
  .all-event-container .event-content > div #filter-a svg {
    width: 19px;
  }
  .all-event-container .event-content > div #filter-a:hover {
    color: #c72d80;
  }
  .all-event-container .event-content > div .content {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .all-event-container .event-content > div .content {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .all-event-container .event-content > .container {
    padding: 0;
  }
}
.all-event-container .filters h6 {
  color: #667985;
}
.all-event-container .filters .filter .icon svg {
  width: 20px;
}
.all-event-container .filters .filter > label {
  color: #98a8b3;
  font-size: 14px;
  line-height: 28px;
  font-weight: 500;
  padding-bottom: 6px;
  font-family: PeydaWebFaNum, serif;
}
.all-event-container .filters .filter input:checked + label {
  background: unset !important;
  border: 1px solid #101828;
  border-radius: 6px;
}
.all-event-container .filters > .filter-container {
  border-bottom: 1px solid #eaeef0;
  padding: 8px 0;
  margin-bottom: 24px;
}
.all-event-container .filters > .filter-container div:first-child {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
  color: #98A2B3;
}
.all-event-container .filters > .filter-container div:last-child {
  margin: 0 !important;
  color: #F04438 !important;
}
.all-event-container .filters > .filter-container div:last-child svg {
  width: 20px;
}
.all-event-container .filters > .filter-container div:last-child p {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  font-family: PeydaWebFaNum, serif !important;
}
@media (max-width: 991px) {
  .all-event-container .filters {
    flex-wrap: wrap;
    align-items: center;
  }
  .all-event-container .filters h6 {
    width: 100%;
  }
  .all-event-container .filters .filter {
    width: 100%;
  }
  .all-event-container .filters .filter > label {
    text-align: center;
    width: 100%;
  }
  .all-event-container .filters .filter > div {
    justify-content: center !important;
  }
}
@media (max-width: 767px) {
  .all-event-container .filters {
    display: none !important;
  }
}

#filter-form.modal ul.filters {
  width: 100%;
}
#filter-form.modal ul.filters h6 {
  color: #667985;
}
#filter-form.modal ul.filters .filter {
  padding-top: 16px;
  padding-bottom: 24px;
}
#filter-form.modal ul.filters .filter:not(:first-child) {
  border-top: 1px solid #eaeef0;
}
#filter-form.modal ul.filters .filter .icon svg {
  width: 20px;
}
#filter-form.modal ul.filters .filter > label {
  color: #98a8b3;
  font-size: 13px;
  font-weight: 500;
  padding-bottom: 6px;
}
a.btn-paginate {
  border: 1px solid #d0d8dd;
  border-radius: 8px;
  padding: 8px 90px;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
}

.company-initial-info {
  margin-top: 80px;
}
.company-initial-info .alert-wide .detail .title {
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  color: #101828;
}
.company-initial-info .alert-wide .detail .description {
  text-align: justify;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: #667085;
}
@media (max-width: 991px) {
  .company-initial-info {
    margin-top: 32px;
  }
  .company-initial-info #btn-close-alert {
    display: none;
  }
  .company-initial-info .alert-wide .detail .title {
    font-size: 14px;
    line-height: 26px;
  }
  .company-initial-info .alert-wide .detail .description {
    font-size: 14px;
    line-height: 26px;
  }
}

.mb-footer ~ footer > div {
  margin-bottom: 90px;
}

@media (max-width: 991px) {
  .company-contests-container, .user-dashboard, .company-profule-public {
    margin-right: 0;
    width: 100%;
  }
}
.company-contests-container .page-title, .user-dashboard .page-title, .company-profule-public .page-title {
  position: relative;
  height: 40px;
  line-height: 40px;
  padding-right: 30px;
}
.company-contests-container .page-title::after, .user-dashboard .page-title::after, .company-profule-public .page-title::after {
  position: absolute;
  right: -13px;
  top: 0;
  content: "";
  background-image: url("../../svg/companies/design/Frame 19.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  width: 36px;
  height: 40px;
}
.company-contests-container .filter, .user-dashboard .filter, .company-profule-public .filter {
  border-bottom: 1px solid #eaeef0;
  padding-bottom: 24px;
  margin-bottom: 48px;
}
@media (min-width: 991px) {
  .company-contests-container .challenge-container:not(.event-card), .user-dashboard .challenge-container:not(.event-card), .company-profule-public .challenge-container:not(.event-card) {
    max-width: 872px;
  }
}
.company-contests-container .challenge-container .challenge, .user-dashboard .challenge-container .challenge, .company-profule-public .challenge-container .challenge {
  width: 100%;
  padding: 12px;
  background: var(--natural-white-fff, #fff);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  border-bottom: 1px solid #eaeef0;
}
@media (min-width: 767px) {
  .company-contests-container .challenge-container .challenge, .user-dashboard .challenge-container .challenge, .company-profule-public .challenge-container .challenge {
    padding: 24px 24px 24px 40px;
    border-radius: 8px;
    margin-bottom: 16px;
    border-bottom: none;
  }
}
@media (min-width: 991px) {
  .company-contests-container .challenge-container .challenge .content.pl-md-3, .user-dashboard .challenge-container .challenge .content.pl-md-3, .company-profule-public .challenge-container .challenge .content.pl-md-3 {
    padding-left: 10px;
  }
}
.company-contests-container .challenge-container .challenge .content div, .user-dashboard .challenge-container .challenge .content div, .company-profule-public .challenge-container .challenge .content div {
  padding-bottom: 10px;
  position: relative;
}
.company-contests-container .challenge-container .challenge .content div p, .user-dashboard .challenge-container .challenge .content div p, .company-profule-public .challenge-container .challenge .content div p {
  color: #667985;
  font-size: 13px;
}
.company-contests-container .challenge-container .challenge .content div p span svg, .user-dashboard .challenge-container .challenge .content div p span svg, .company-profule-public .challenge-container .challenge .content div p span svg {
  margin-left: 4px;
  transform: translateY(-2px);
}
.company-contests-container .challenge-container .challenge .content div label, .user-dashboard .challenge-container .challenge .content div label, .company-profule-public .challenge-container .challenge .content div label {
  margin-bottom: 1.5rem;
}
.company-contests-container .challenge-container .challenge .content div label::after, .user-dashboard .challenge-container .challenge .content div label::after, .company-profule-public .challenge-container .challenge .content div label::after {
  position: absolute;
  right: 0;
  top: 0;
  background-position: top right;
  background-size: contain;
  background-repeat: no-repeat;
  padding-right: 25px;
}
.company-contests-container .challenge-container .challenge .content div label.company::after, .user-dashboard .challenge-container .challenge .content div label.company::after, .company-profule-public .challenge-container .challenge .content div label.company::after {
  background-image: url("../../svg/companies/design/building-07.svg");
  content: "کارشناسی توسط شرکت";
}
.company-contests-container .challenge-container .challenge .content div label.vote::after, .user-dashboard .challenge-container .challenge .content div label.vote::after, .company-profule-public .challenge-container .challenge .content div label.vote::after {
  background-image: url("../../svg/companies/design/users-03.svg");
  content: "رأی گیری مردمی";
}
.company-contests-container .challenge-container .challenge .content div label.draft, .user-dashboard .challenge-container .challenge .content div label.draft, .company-profule-public .challenge-container .challenge .content div label.draft {
  border-radius: 16px;
  border: 1px solid #d0d8dd;
  background: #f9fafb;
  padding: 1px 8px 1px 10px;
  width: 107px;
  height: 28px;
  max-width: none;
}
.company-contests-container .challenge-container .challenge .content div label.draft::after, .user-dashboard .challenge-container .challenge .content div label.draft::after, .company-profule-public .challenge-container .challenge .content div label.draft::after {
  background-image: url("../../svg/companies/design/draft.svg");
  background-position: 62px 3px;
  content: "پیش‌نویس";
  top: 3px;
  padding-right: 36px;
}
@media (min-width: 767px) {
  .company-contests-container .challenge-container .challenge .content div h3, .user-dashboard .challenge-container .challenge .content div h3, .company-profule-public .challenge-container .challenge .content div h3 {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.company-contests-container .challenge-container .challenge .content div h3.finished, .user-dashboard .challenge-container .challenge .content div h3.finished, .company-profule-public .challenge-container .challenge .content div h3.finished {
  color: #667985;
}
.company-contests-container .challenge-container .challenge .content p:last-child, .user-dashboard .challenge-container .challenge .content p:last-child, .company-profule-public .challenge-container .challenge .content p:last-child {
  border-top: 1px solid var(--natural-200-eaeef-0, #eaeef0);
  color: #667985;
  font-size: 13px;
  line-height: 24px;
}
.company-contests-container .challenge-container .challenge .actions, .user-dashboard .challenge-container .challenge .actions, .company-profule-public .challenge-container .challenge .actions {
  border-right: 0;
  padding-right: 0;
  margin-right: 0;
  position: relative;
}
@media (min-width: 991px) {
  .company-contests-container .challenge-container .challenge .actions, .user-dashboard .challenge-container .challenge .actions, .company-profule-public .challenge-container .challenge .actions {
    min-width: 168px;
    max-width: 168px;
  }
}
@media (min-width: 1199px) {
  .company-contests-container .challenge-container .challenge .actions, .user-dashboard .challenge-container .challenge .actions, .company-profule-public .challenge-container .challenge .actions {
    min-width: 232px;
    max-width: 232px;
    border-right: 1px solid #eaeef0;
    padding-right: 32px;
    margin-right: 32px;
  }
}
.company-contests-container .challenge-container .challenge .actions div label, .user-dashboard .challenge-container .challenge .actions div label, .company-profule-public .challenge-container .challenge .actions div label {
  border-radius: 400px;
  padding: 3px 8px;
  gap: 2px;
  white-space: nowrap;
  border: 1px solid transparent;
}
.company-contests-container .challenge-container .challenge .actions div label::after, .user-dashboard .challenge-container .challenge .actions div label::after, .company-profule-public .challenge-container .challenge .actions div label::after {
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
  padding-right: 22px;
}
.company-contests-container .challenge-container .challenge .actions div label.finished, .user-dashboard .challenge-container .challenge .actions div label.finished, .company-profule-public .challenge-container .challenge .actions div label.finished {
  padding: 1px 5px 1px 7px;
  background: #F2F4F7;
  border-color: #EAECF0;
  font-size: 12px;
  line-height: 24px;
}
.company-contests-container .challenge-container .challenge .actions div label.finished::after, .user-dashboard .challenge-container .challenge .actions div label.finished::after, .company-profule-public .challenge-container .challenge .actions div label.finished::after {
  content: "به اتمام رسیده";
  color: #344054;
  background-image: url("../../svg/companies/design/icon4.svg");
  padding-right: 18px;
}
.company-contests-container .challenge-container .challenge .actions div label.rejected, .user-dashboard .challenge-container .challenge .actions div label.rejected, .company-profule-public .challenge-container .challenge .actions div label.rejected {
  background: #fef3f2;
  border-color: #fda29b;
}
.company-contests-container .challenge-container .challenge .actions div label.rejected::after, .user-dashboard .challenge-container .challenge .actions div label.rejected::after, .company-profule-public .challenge-container .challenge .actions div label.rejected::after {
  content: "رد شده";
  color: #b42318;
  background-image: url("../../svg/companies/design/icon.svg");
}
.company-contests-container .challenge-container .challenge .actions div label.accepted, .user-dashboard .challenge-container .challenge .actions div label.accepted, .company-profule-public .challenge-container .challenge .actions div label.accepted {
  background: #ecfdf3;
  border-color: #75e0a7;
}
.company-contests-container .challenge-container .challenge .actions div label.accepted::after, .user-dashboard .challenge-container .challenge .actions div label.accepted::after, .company-profule-public .challenge-container .challenge .actions div label.accepted::after {
  content: "تایید شده";
  color: #067647;
  background-image: url("../../svg/companies/design/icon3.svg");
}
.company-contests-container .challenge-container .challenge .actions div label.content-review, .user-dashboard .challenge-container .challenge .actions div label.content-review, .company-profule-public .challenge-container .challenge .actions div label.content-review {
  background: #fffaeb;
  border-color: #fec84b;
}
.company-contests-container .challenge-container .challenge .actions div label.content-review::after, .user-dashboard .challenge-container .challenge .actions div label.content-review::after, .company-profule-public .challenge-container .challenge .actions div label.content-review::after {
  content: "بررسی محتوایی مسابقه";
  color: #f79009;
  background-image: url("../../svg/companies/design/icon2.svg");
}
.company-contests-container .challenge-container .challenge .actions div label.contract-review, .user-dashboard .challenge-container .challenge .actions div label.contract-review, .company-profule-public .challenge-container .challenge .actions div label.contract-review {
  background: #fffaeb;
  border-color: #fec84b;
}
.company-contests-container .challenge-container .challenge .actions div label.contract-review::after, .user-dashboard .challenge-container .challenge .actions div label.contract-review::after, .company-profule-public .challenge-container .challenge .actions div label.contract-review::after {
  content: "بررسی قرار داد مالی";
  color: #f79009;
  background-image: url("../../svg/companies/design/bank-note-01.svg");
}
.company-contests-container .challenge-container .challenge .actions div p, .user-dashboard .challenge-container .challenge .actions div p, .company-profule-public .challenge-container .challenge .actions div p {
  color: #475a67;
  text-align: center;
}
@media (min-width: 767px) {
  .company-contests-container .challenge-container .challenge .actions div p, .user-dashboard .challenge-container .challenge .actions div p, .company-profule-public .challenge-container .challenge .actions div p {
    text-align: right;
  }
}
.company-contests-container .challenge-container .challenge .actions div .card-company-title-offer, .user-dashboard .challenge-container .challenge .actions div .card-company-title-offer, .company-profule-public .challenge-container .challenge .actions div .card-company-title-offer {
  margin-bottom: 28px;
  min-height: 56px;
}
.company-contests-container .challenge-container .challenge .actions div .remaining-time, .user-dashboard .challenge-container .challenge .actions div .remaining-time, .company-profule-public .challenge-container .challenge .actions div .remaining-time {
  font-weight: 400;
  color: #98A2B3;
}
.company-contests-container .challenge-container .challenge .actions div .remaining-time span, .user-dashboard .challenge-container .challenge .actions div .remaining-time span, .company-profule-public .challenge-container .challenge .actions div .remaining-time span {
  font-weight: 400 !important;
  color: #475467;
}
.company-contests-container .challenge-container .challenge .actions div .suggestions, .user-dashboard .challenge-container .challenge .actions div .suggestions, .company-profule-public .challenge-container .challenge .actions div .suggestions {
  color: #49b3f3;
  font-size: 12px;
  line-height: 24px;
  font-weight: 600;
}
.company-contests-container .challenge-container .challenge .actions div .voting, .user-dashboard .challenge-container .challenge .actions div .voting, .company-profule-public .challenge-container .challenge .actions div .voting {
  color: #1004a4;
}
.company-contests-container .challenge-container .challenge .actions div .results, .user-dashboard .challenge-container .challenge .actions div .results, .company-profule-public .challenge-container .challenge .actions div .results {
  color: #c72d80;
}
.company-contests-container .challenge-container .challenge .actions button:first-child, .user-dashboard .challenge-container .challenge .actions button:first-child, .company-profule-public .challenge-container .challenge .actions button:first-child,
.company-contests-container .challenge-container .challenge .actions a:first-child,
.user-dashboard .challenge-container .challenge .actions a:first-child,
.company-profule-public .challenge-container .challenge .actions a:first-child {
  padding: 6px 16px;
  gap: 8px;
  border-radius: 8px;
  border: none;
  background: #fff;
  color: #98a8b3;
}
.company-contests-container .challenge-container .challenge .actions button:last-child, .user-dashboard .challenge-container .challenge .actions button:last-child, .company-profule-public .challenge-container .challenge .actions button:last-child,
.company-contests-container .challenge-container .challenge .actions a:last-child,
.user-dashboard .challenge-container .challenge .actions a:last-child,
.company-profule-public .challenge-container .challenge .actions a:last-child {
  padding: 6px 16px;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #d0d8dd;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  font-weight: 500;
}
.company-contests-container .challenge-container .challenge .actions button:last-child span, .user-dashboard .challenge-container .challenge .actions button:last-child span, .company-profule-public .challenge-container .challenge .actions button:last-child span,
.company-contests-container .challenge-container .challenge .actions a:last-child span,
.user-dashboard .challenge-container .challenge .actions a:last-child span,
.company-profule-public .challenge-container .challenge .actions a:last-child span {
  transform: rotate(180deg) translateY(-3px);
}
.company-contests-container .challenge-container .challenge .actions button:last-child.btn-primary-black, .user-dashboard .challenge-container .challenge .actions button:last-child.btn-primary-black, .company-profule-public .challenge-container .challenge .actions button:last-child.btn-primary-black,
.company-contests-container .challenge-container .challenge .actions a:last-child.btn-primary-black,
.user-dashboard .challenge-container .challenge .actions a:last-child.btn-primary-black,
.company-profule-public .challenge-container .challenge .actions a:last-child.btn-primary-black {
  box-shadow: 0px 1px 2px 0px #667985;
  color: #fff;
  border: none;
}
@media (min-width: 991px) {
  .company-contests-container .challenge-container .challenge .actions button:last-child, .user-dashboard .challenge-container .challenge .actions button:last-child, .company-profule-public .challenge-container .challenge .actions button:last-child,
  .company-contests-container .challenge-container .challenge .actions a:last-child,
  .user-dashboard .challenge-container .challenge .actions a:last-child,
  .company-profule-public .challenge-container .challenge .actions a:last-child {
    width: 100%;
  }
}
.company-contests-container .container-empty .no-contests, .user-dashboard .container-empty .no-contests, .company-profule-public .container-empty .no-contests {
  color: rgb(208, 216, 221);
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0em;
  text-align: right;
}

.btn-show-more-company {
  padding: 6px 16px;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #d0d8dd;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  color: #344754;
}
.btn-show-more-company .icon {
  margin-left: 0 !important;
}
.btn-show-more-company span {
  margin-left: 8px;
}
.btn-show-more-company span svg {
  transform: rotate(90deg) translateY(-3px);
}
@media (max-width: 1199px) {
  .btn-show-more-company {
    width: 100%;
  }
}

.company-contests {
  background: #FCFCFD;
  padding-bottom: 71px;
}
@media (min-width: 767px) {
  .company-contests {
    padding-bottom: 0;
  }
}
.company-contests .create-competition {
  padding: 80px 0 0 0;
}
@media (max-width: 767px) {
  .company-contests .create-competition .c-pad-box {
    margin-bottom: 25px;
  }
}
@media (min-width: 1199px) {
  .company-contests .create-competition .c-pad-box {
    width: 872px;
  }
}
@media (min-width: 767px) {
  .company-contests .create-competition {
    background: url("../../svg/contests/create-competition-contests-bg.svg") no-repeat;
    background-position-x: center;
  }
}
.company-contests .create-competition .filter-button-mobile button {
  box-shadow: none;
}
.company-contests .create-competition .filter-button-mobile button span {
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
}
.company-contests .create-competition .filter-button-mobile img {
  width: 20px;
}
@media (min-width: 1199px) {
  .company-contests .create-competition .create-competition-container {
    max-width: 1096px;
  }
}
.company-contests .create-competition .create-competition-container .create-competition-content {
  background: #fff;
  border-radius: 8px;
  display: flex;
  padding: 40px 32px;
  box-shadow: 0 8px 8px -4px rgba(16, 24, 40, 0.03), 0 20px 24px -4px rgba(16, 24, 40, 0.08);
  margin-bottom: 64px;
}
@media (min-width: 1199px) {
  .company-contests .create-competition .create-competition-container .create-competition-content {
    background: url("../../svg/contests/create-competition.svg") #fff no-repeat right bottom;
  }
}
.company-contests .create-competition .create-competition-container .create-competition-content div:first-child {
  margin: 0 190px 0 64px;
}
@media (max-width: 1199px) {
  .company-contests .create-competition .create-competition-container .create-competition-content div:first-child {
    margin: 0;
  }
}
.company-contests .create-competition .create-competition-container .create-competition-content .create-competition-image {
  width: 160px;
}
.company-contests .create-competition .create-competition-container .create-competition-content span {
  color: #475A67;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
}
.company-contests .create-competition .create-competition-container .create-competition-content a {
  margin: 7px 0 7px 0;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  justify-content: center;
  padding: 8px 0;
  width: 240px;
}
.company-contests .create-competition .create-competition-container .create-competition-content a .arrow-left {
  width: 24px;
  margin-right: 8px;
}
.company-contests .create-competition .sort-date-container {
  border-bottom: 1px solid #EAEEF0;
  padding: 32px 0 24px 0;
  margin-bottom: 48px;
}
.company-contests .create-competition .sort-date-container label {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  color: #1D2E39;
  margin-bottom: 6px;
}
.company-contests .create-competition .sort-date-container .sort-date {
  display: flex;
  width: 538px;
}
.company-contests .create-competition .sort-date-container .sort-date button {
  width: 100%;
}
.company-contests .create-competition .sort-date-container .sort-date button:focus {
  box-shadow: unset;
}
.company-contests .create-competition .sort-date-container .sort-date .sort-date-mobile {
  width: 50%;
}
.company-contests .create-competition .sort-date-container .sort-date .sort-date-mobile:first-child {
  margin-left: 16px;
}
.company-contests .create-competition .sort-date-container .sort-date .sort-date-mobile div {
  padding: 0;
}
.company-contests .create-competition .sort-date-container .sort-date .sort-date-mobile input {
  border: 1px solid #98A8B3 !important;
  float: unset;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin: 0 0 0 8px;
}
.company-contests .create-competition .sort-date-container .sort-date .sort-date-mobile label {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  align-self: center;
}
.company-contests .create-competition .sort-date button {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #98A8B3;
  box-shadow: unset;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.company-contests .create-competition .sort-date button::after {
  border: unset;
  background: url("../../svg/contests/dropdown-icon.svg");
  width: 20px;
  height: 20px;
  vertical-align: unset;
}
.company-contests .create-competition .sort-date ul {
  border-radius: 8px;
  border: 1px solid #EAEEF0;
  box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.0784313725);
  transform: translate(0px, 51px) !important;
  width: 100%;
}
.company-contests .create-competition .sort-date ul li {
  padding: 2px 4px;
}
.company-contests .create-competition .sort-date ul li button {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  color: #475A67;
  padding: 10px;
  justify-content: right !important;
}
.company-contests .create-competition .sort-date ul li button:hover {
  background: #F9FAFB;
  border-radius: 4px;
}
.company-contests .create-competition .sort-date ul li button img {
  height: 22px;
}
.company-contests .create-competition .filter-competition {
  padding: 8px 8px 8px 12px;
  display: flex;
}
.company-contests .create-competition .filter-competition .select2-selection.select2-selection--single.form-select.form-select-solid.smartsearch_keyword {
  border-radius: 8px;
}
@media (max-width: 1199px) {
  .company-contests .active-competition-container #contests-content .col-xxl-8 .active-competition-card {
    margin-right: -6px !important;
    margin-left: -12px !important;
    border-radius: 0px !important;
  }
}
@media (min-width: 1199px) {
  .company-contests .active-competition-container #contests-content .col-xxl-8 {
    width: 872px;
  }
}
@media (max-width: 1199px) {
  .company-contests .active-competition-container #contests-content .col-xxl-8:not(:first-child) .active-competition-card {
    border-top: 1px solid #EAEEF0;
  }
}
.company-contests .active-competition-container .mobile-border {
  margin-top: 24px;
}
.company-contests .active-competition-container .active-competition-card {
  padding: 24px 24px 24px 40px;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  background: #fff;
  margin: 0 auto 16px auto;
  position: relative;
}
@media (max-width: 1199px) {
  .company-contests .active-competition-container .active-competition-card {
    box-shadow: unset;
    padding: 32px 16px 24px 16px;
    margin: 0;
  }
}
.company-contests .active-competition-container .active-competition-card .border-left-active-competition-card {
  width: 100%;
}
@media (max-width: 991px) {
  .company-contests .active-competition-container .active-competition-card .border-left-active-competition-card {
    max-width: 100%;
  }
}
@media (min-width: 1199px) {
  .company-contests .active-competition-container .active-competition-card .border-left-active-competition-card {
    border-left: 1px solid #EAEEF0;
  }
}
.company-contests .active-competition-container .active-competition-card .draft a {
  margin-bottom: 32px;
}
.company-contests .active-competition-container .active-competition-card .draft a h3 {
  margin-bottom: 0;
  color: #667985 !important;
}
.company-contests .active-competition-container .active-competition-card .active-competition-card-content {
  padding-left: 32px;
}
@media (max-width: 1199px) {
  .company-contests .active-competition-container .active-competition-card .active-competition-card-content {
    padding-left: 0;
    display: flex;
    flex-direction: column-reverse;
  }
}
.company-contests .active-competition-container .active-competition-card .active-competition-card-content .active-competition-title {
  margin-bottom: 8px;
  display: flex;
}
.company-contests .active-competition-container .active-competition-card .active-competition-card-content .active-competition-title img {
  width: 20px;
  height: 20px;
  margin-left: 4px;
}
.company-contests .active-competition-container .active-competition-card .active-competition-card-content .active-competition-title span {
  color: #667985;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
}
.company-contests .active-competition-container .active-competition-card a {
  color: #1D2E39;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.company-contests .active-competition-container .active-competition-card .draft-title {
  border: 1px solid #D0D8DD;
  background: #F9FAFB;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 25px;
  height: 28px;
  margin-left: 12px;
}
.company-contests .active-competition-container .active-competition-card .draft-title span {
  display: flex;
  align-items: center;
  padding: 1px 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
}
.company-contests .active-competition-container .active-competition-card .draft-title span:before {
  content: url("../../svg/contests/draft-icon.svg");
  display: block;
  width: 20px;
  height: 20px;
  margin-left: 2px;
}
.company-contests .active-competition-container .active-competition-card h3 {
  font-size: 18px !important;
  font-weight: 700;
  line-height: 32px;
  color: #1D2E39;
}
@media (max-width: 1199px) {
  .company-contests .active-competition-container .active-competition-card h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
  }
}
.company-contests .active-competition-container .active-competition-card p {
  color: #475A67;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 32px;
  margin-top: 8px;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
@media (max-width: 767px) {
  .company-contests .active-competition-container .active-competition-card p {
    display: none !important;
  }
}
.company-contests .active-competition-container .active-competition-card .disabled-competition {
  color: #667985;
}
.company-contests .active-competition-container .active-competition-card hr {
  color: #EAEEF0;
  margin: 12px 0;
}
@media (max-width: 1199px) {
  .company-contests .active-competition-container .active-competition-card hr {
    margin: 16px 0;
  }
}
.company-contests .active-competition-container .active-competition-card .contest-organizer {
  display: flex;
}
@media (max-width: 991px) {
  .company-contests .active-competition-container .active-competition-card .contest-organizer {
    margin-bottom: 8px;
  }
}
.company-contests .active-competition-container .active-competition-card .contest-organizer img {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  margin-left: 8px;
}
.company-contests .active-competition-container .active-competition-card .contest-organizer span {
  color: #1D2E39;
  font-weight: 700;
  line-height: 26px;
  font-size: 14px;
  align-self: center;
}
.company-contests .active-competition-container .active-competition-card .offer-registered {
  display: flex;
}
.company-contests .active-competition-container .active-competition-card .offer-registered span {
  color: #667985;
  font-size: 13px;
  line-height: 24px;
  font-weight: 600;
}
.company-contests .active-competition-container .active-competition-card .offer-registered img {
  width: 20px;
  margin-left: 4px;
}
.company-contests .active-competition-container .active-competition-card .active-competition-card-detail {
  padding-right: 32px;
  min-width: 240px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 991px) {
  .company-contests .active-competition-container .active-competition-card .active-competition-card-detail {
    flex-direction: row;
    display: flex;
    align-items: center;
    padding: 0 0 0 0;
    justify-content: space-between;
  }
}
@media (min-width: 1319px) {
  .company-contests .active-competition-container .active-competition-card .active-competition-card-detail {
    width: 232px;
  }
}
@media (max-width: 1319px) {
  .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time {
    align-self: end;
  }
}
.company-contests .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time span {
  font-size: 14px;
  line-height: 26px;
  line-height: 26px;
}
@media (max-width: 1319px) {
  .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time span {
    font-size: 13px;
  }
}
.company-contests .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time span:first-child {
  color: #475A67;
  font-weight: 700;
}
.company-contests .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time span:last-child {
  color: #667985;
  font-weight: 400;
  margin-left: 4px;
}
.company-contests .active-competition-container .active-competition-card .active-competition-card-detail .receive-an-offer {
  padding-top: 4px;
  color: #49B3F3;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
}
@media (max-width: 1199px) {
  .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .receive-an-offer {
    font-size: 13px;
    line-height: 24px;
  }
}
.company-contests .active-competition-container .active-competition-card .active-competition-card-detail .public-voting {
  color: #1004A4;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
}
@media (max-width: 1199px) {
  .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .public-voting {
    font-size: 13px;
    line-height: 24px;
  }
}
.company-contests .active-competition-container .active-competition-card .active-competition-card-detail .awaiting-announcement-results {
  padding-top: 4px;
  color: #E12A80;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
}
@media (max-width: 1199px) {
  .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .awaiting-announcement-results {
    font-size: 13px;
    line-height: 24px;
  }
}
.company-contests .active-competition-container .active-competition-card .active-competition-card-detail .content-review-contest {
  color: #F79009;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  border: 1px solid #FEC84B;
  border-radius: 25px;
  background: #FFFAEB;
  display: flex;
  padding: 1px 10px;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
}
.company-contests .active-competition-container .active-competition-card .active-competition-card-detail .content-review-contest:before {
  content: url("../../svg/contests/content-review-contest.svg");
  display: block;
  width: 20px;
  height: 20px;
  margin-left: 2px;
}
@media (max-width: 1199px) {
  .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .content-review-contest {
    font-size: 13px;
    line-height: 24px;
  }
}
.company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-confirmed, .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-rejected {
  color: #067647;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  border: 1px solid #75E0A7;
  border-radius: 25px;
  background: #ECFDF3;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  padding: 1px 10px;
  align-items: center;
  justify-content: center;
}
.company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-confirmed:before, .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-rejected:before {
  content: url("../../svg/contests/contest-confirmed.svg");
  display: block;
  width: 20px;
  height: 20px;
  margin-left: 2px;
}
@media (max-width: 1199px) {
  .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-confirmed, .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-rejected {
    font-size: 13px;
    line-height: 24px;
  }
}
.company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-rejected {
  background: #FEF3F2;
  color: #B42318;
  border: 1px solid #FDA29B;
}
.company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-rejected:before {
  content: url("../../svg/contests/contests-rejected.svg");
}
.company-contests .active-competition-container .active-competition-card .active-competition-card-detail .delete-draft {
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  color: #98A8B3;
  box-shadow: unset;
  padding: 0;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
}
.company-contests .active-competition-container .active-competition-card .active-competition-card-detail .delete-draft:before {
  content: url("../../svg/single-contest/trash.svg");
  display: block;
  width: 20px;
  height: 20px;
  margin-left: 2px;
}
.company-contests .active-competition-container .active-competition-card .active-competition-card-detail .finished-competition {
  border: 1px solid #D0D8DD;
  border-radius: 20px;
  display: inline-flex;
  padding: 4px 8px;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #F9FAFB;
}
.company-contests .active-competition-container .active-competition-card .active-competition-card-detail .finished-competition img {
  margin-left: 8px;
  width: 20px;
}
.company-contests .active-competition-container .active-competition-card .active-competition-card-detail .finished-competition span {
  color: #98A8B3;
  line-height: 26px;
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 1199px) {
  .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .finished-competition span {
    font-size: 13px;
    line-height: 24px;
  }
}
.company-contests .active-competition-container .active-competition-card .active-competition-card-detail .submit-an-offer {
  color: #FFF;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 26px;
  padding: 6px 16px !important;
  display: flex;
  margin-top: 32px;
  max-width: 200px;
  align-items: center;
}
.company-contests .active-competition-container .active-competition-card .active-competition-card-detail .submit-an-offer:after {
  content: url("../../svg/contests/arrow-left.svg");
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
@media (max-width: 991px) {
  .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .submit-an-offer {
    margin-top: 0;
  }
}
.company-contests .active-competition-container .active-competition-card .active-competition-card-detail .show-competition-btn {
  color: #344754;
  border: 1px solid #D0D8DD;
  line-height: 26px;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 6px 18px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.company-contests .active-competition-container .active-competition-card .active-competition-card-detail .show-competition-btn:after {
  content: url("../../svg/contests/arrow-left-dark.svg");
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
@media (max-width: 1199px) {
  .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .show-competition-btn:after {
    width: 20px;
    height: 20px;
  }
}
.company-contests .active-competition-container .active-competition-card .show-competition {
  justify-content: space-between;
  padding: 16px 0 24px 0;
}
@media (max-width: 1199px) {
  .company-contests .active-competition-container .active-competition-card .show-competition {
    padding: 0 0 8px 0;
  }
}
.company-contests .active-competition-container .active-competition-card .show-competition img {
  width: 20px;
  margin-left: 4px;
}
.company-contests .active-competition-container .active-competition-card .show-competition span {
  color: #667985;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
}
.company-contests .active-competition-container .active-competition-card .show-competition a {
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  display: flex;
  padding: 6px 16px;
  align-self: center;
}
.company-contests .active-competition-container .active-competition-card .show-competition a:after {
  content: url("../../svg/contests/arrow-left.svg");
  width: 20px;
  display: block;
  margin-right: 8px;
}
.company-contests .active-competition-container .see-all-competition {
  background: #fff;
  border: 1px solid #d0d8dd;
  padding: 8px 16px !important;
  color: #344754;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 30px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 48px auto 120px auto;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  max-width: 424px;
}
@media (max-width: 1199px) {
  .company-contests .active-competition-container .see-all-competition {
    margin: 72px auto 120px auto;
  }
}
.company-contests .active-competition-container .see-all-competition img {
  width: 24px;
  height: 24px;
  margin-left: 8px;
}
.company-contests .create-competition-mobile {
  position: fixed;
  bottom: -1px;
  left: 0;
  right: 0;
  background: white;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border-top: 1px solid #F2F5F7;
  padding: 16px 10px 16px 16px;
}
@media (min-width: 767px) {
  .company-contests .create-competition-mobile {
    display: none;
  }
}
.company-contests .create-competition-mobile a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  font-family: PeydaWebFaNum;
  font-weight: 600;
  color: white;
  background-color: #101828;
  font-size: 14px;
  line-height: 26px;
  padding: 6px 0;
  border-radius: 8px;
}
.company-contests .create-competition-mobile a img {
  width: 20px;
}

.company-contests-empty {
  height: calc(100vh - 90px);
  overflow: hidden;
}
.company-contests-empty h2 {
  color: #D0D8DD;
  font-size: 18px !important;
  font-weight: 500;
  line-height: 32px;
  padding: 16px 0 32px 0;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 424px;
}
@media (max-width: 1199px) {
  .company-contests-empty h2 {
    font-size: 16px;
    line-height: 30px;
  }
}
.company-contests-empty .create-competition {
  align-items: center;
  height: 100vh;
  background: url("../../svg/contests/company-contests-empty-first-bg.svg") no-repeat, url("../../svg/contests/company-contests-empty-bg.svg") no-repeat;
  padding: 130px 0 110px 0;
  background-position: center, center 122px;
}
@media (max-width: 1199px) {
  .company-contests-empty .create-competition {
    background: url("../../svg/contests/company-contest-empty-mobile-bg.svg") no-repeat, url("../../svg/contests/company-contests-empty-bg.svg") no-repeat;
    background-size: cover, contain;
    background-position: center, top center;
    padding: 85px 0 0 0;
  }
}
.company-contests-empty .create-competition .create-competition-container {
  padding: 0 4px;
}
.company-contests-empty .create-competition .create-competition-container .create-competition-content {
  background: #fff;
  border-radius: 8px;
  display: flex;
  padding: 16px 16px 24px 16px;
  box-shadow: 0 8px 8px -4px rgba(16, 24, 40, 0.03), 0 20px 24px -4px rgba(16, 24, 40, 0.08);
  margin-bottom: 64px;
  height: 140px;
}
@media (max-width: 1199px) {
  .company-contests-empty .create-competition .create-competition-container .create-competition-content img {
    margin-bottom: 16px;
  }
}
@media (min-width: 1199px) {
  .company-contests-empty .create-competition .create-competition-container .create-competition-content {
    background: url("../../svg/contests/create-competition.svg") #fff no-repeat right bottom;
  }
}
@media (max-width: 1199px) {
  .company-contests-empty .create-competition .create-competition-container .create-competition-content {
    display: block;
    height: unset;
    width: 100%;
  }
}
.company-contests-empty .create-competition .create-competition-container .create-competition-content div:first-child {
  margin: 0 184px 0 64px;
}
@media (max-width: 1199px) {
  .company-contests-empty .create-competition .create-competition-container .create-competition-content div:first-child {
    margin: 0;
  }
}
.company-contests-empty .create-competition .create-competition-container .create-competition-content .create-competition-image {
  width: 160px;
}
.company-contests-empty .create-competition .create-competition-container .create-competition-content span {
  color: #475A67;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
}
@media (max-width: 1199px) {
  .company-contests-empty .create-competition .create-competition-container .create-competition-content span {
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    display: block;
    margin-bottom: 16px;
  }
}
.company-contests-empty .create-competition .create-competition-container .create-competition-content a {
  margin: 7px 0 7px 0;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  justify-content: center;
  align-items: center;
  padding: 8px 0;
  width: 240px;
}
@media (max-width: 1199px) {
  .company-contests-empty .create-competition .create-competition-container .create-competition-content a {
    width: 100%;
  }
}
.company-contests-empty .create-competition .create-competition-container .create-competition-content a::after {
  content: url("../../svg/contests/arrow-left.svg");
  display: block;
  height: 24px;
  width: 24px;
  margin-right: 8px;
}

.company-info-setting {
  padding-bottom: 86px;
}
.company-info-setting .header-company-info-setting {
  border-bottom: 1px solid #eaeef0;
  margin-top: 40px;
}
.company-info-setting .header-company-info-setting ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
@media (max-width: 575px) {
  .company-info-setting .header-company-info-setting ul {
    overflow-x: scroll;
    overflow-y: hidden;
  }
}
.company-info-setting .header-company-info-setting ul li a {
  display: block;
  white-space: nowrap;
  transform: translateY(1px);
  cursor: pointer;
  padding: 12px 40px;
}
@media (max-width: 767px) {
  .company-info-setting .header-company-info-setting ul li a {
    padding: 12px;
  }
}
.company-info-setting .header-company-info-setting ul li.active a {
  color: #101828;
  border-bottom: 2px solid #101828;
}
.company-info-setting .ck-editor .ck-toolbar {
  background: #fff !important;
  flex-direction: row-reverse !important;
  border-radius: 8px 8px 0 0 !important;
  border-color: #D0D8DD !important;
  border-bottom: 0 !important;
  padding: 8px 12px 8px 12px !important;
}
.company-info-setting .ck-editor .ck-toolbar .ck-heading-dropdown {
  display: none;
}
.company-info-setting .ck-editor .ck-toolbar .ck-toolbar__separator {
  display: none;
}
.company-info-setting .ck-editor .ck-toolbar .ck-button svg path {
  fill: #667985 !important;
}
.company-info-setting .ck-editor .ck.ck-toolbar > * {
  margin-right: 0 !important;
  margin-left: 12px !important;
}
.company-info-setting .ck-editor .ck-editor__main {
  position: relative;
}
.company-info-setting .ck-editor .ck-editor__main .ck-editor__editable {
  border-radius: 8px !important;
  border-color: #D0D8DD !important;
}
.company-info-setting .ck-editor .open .ck-editor__editable {
  border-radius: 0 0 8px 8px !important;
}

.footer-company-info {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 64px;
  width: 100%;
  background: #fff;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.05);
  z-index: 10;
}
@media (max-width: 767px) {
  .footer-company-info {
    height: 50px;
  }
}
.footer-company-info div {
  max-width: 648px;
  padding: 0 8px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .footer-company-info div {
    position: absolute;
    left: 2.5%;
    margin: 0;
    max-width: 70%;
    width: 70%;
  }
}
@media (max-width: 575px) {
  .footer-company-info div {
    left: 2%;
    max-width: 80%;
    width: 80%;
  }
}
.footer-company-info div button {
  background: #101828;
  border: 1px solid #101828;
  font-size: 16px;
  padding: 12px 50px;
  color: #fff;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .footer-company-info div button {
    padding: 5px 30px;
  }
}

.company-profule-public {
  max-width: 1320px;
  width: 100%;
  margin: 0 auto;
}
.company-profule-public .header {
  width: 100%;
  height: 264px;
  background: url("../../svg/companies/design/Image.svg") no-repeat 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
@media (max-width: 767px) {
  .company-profule-public .header {
    max-height: 100px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}
.company-profule-public main {
  margin-top: -44px !important;
  max-width: 872px;
}
@media (max-width: 1199px) {
  .company-profule-public main .info {
    flex-wrap: wrap;
  }
}
.company-profule-public main .info .icon-company {
  width: 128px;
  height: 128px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border-radius: 8px;
  border: 1px solid var(--natural-white-fff, #fff);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.64) 0%, #fff 100%);
  z-index: 2;
  padding: 16px;
}
@media (min-width: 1199px) {
  .company-profule-public main .info .icon-company {
    position: absolute;
    left: 100%;
    top: 0;
  }
}
@media (max-width: 767px) {
  .company-profule-public main .info .icon-company {
    max-width: 70px;
    width: 100%;
    height: 70px;
    padding: 8px;
    margin: 10px 16px 0 0;
  }
}
.company-profule-public main .info .icon-company .image-container img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.company-profule-public main .info .company-bio {
  position: relative;
  padding: 24px 32px 0px 32px;
  border-radius: 8px;
  border: 1px solid var(--natural-white-fff, #fff);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.64) 0%, #fff 100%);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  z-index: 1;
}
@media (max-width: 767px) {
  .company-profule-public main .info .company-bio {
    margin: -35px 0 80px 0;
    padding-top: 50px;
  }
}
.company-profule-public main .info .company-bio h4 {
  color: #000;
}
@media (min-width: 767px) {
  .company-profule-public main .info .company-bio .container-follow {
    border-bottom: 1px solid #eaeef0;
  }
}
.company-profule-public main .info .company-bio .container-follow .btn-follow {
  padding: 6px 16px;
  border-radius: 8px;
  border: 1px solid #d0d8dd;
  background: #fff;
  color: #344754;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.company-profule-public main .info .company-bio .container-tabs a {
  display: block;
  padding: 0 3vw 10px 3vw;
  color: #98a8b3;
  border-bottom: 2px solid transparent;
  transform: translateY(1px);
}
.company-profule-public main .info .company-bio .container-tabs a.active {
  border-color: #101828;
  color: #101828;
}
.company-profule-public main .info .company-bio .image-container {
  max-width: 96px;
  max-height: 96px;
}
.company-profule-public main .info .company-bio .image-container img {
  -o-object-fit: cover;
     object-fit: cover;
}
.company-profule-public main .contents .challenge {
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  background: var(--natural-white-fff, #fff);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  position: relative;
  z-index: 2;
  border-bottom: 1px solid #eaeef0;
}
@media (min-width: 767px) {
  .company-profule-public main .contents .challenge {
    padding: 24px 24px 24px 40px;
    margin-bottom: 16px;
    border-bottom: none;
  }
}
@media (min-width: 991px) {
  .company-profule-public main .contents .challenge .content.pl-md-3 {
    padding-left: 10px;
  }
}
.company-profule-public main .contents .challenge .content div {
  padding-bottom: 10px;
  position: relative;
}
.company-profule-public main .contents .challenge .content div p {
  color: #667985;
  font-size: 13px;
}
.company-profule-public main .contents .challenge .content div p span svg {
  margin-left: 4px;
  transform: translateY(-2px);
}
.company-profule-public main .contents .challenge .content div span {
  color: #475a67;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  display: block;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .company-profule-public main .contents .challenge .content div span {
    display: none;
  }
}
.company-profule-public main .contents .challenge .content div label {
  margin-bottom: 1.5rem;
}
.company-profule-public main .contents .challenge .content div label::after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  background-position: top right;
  background-size: contain;
  background-repeat: no-repeat;
  padding-right: 25px;
}
.company-profule-public main .contents .challenge .content div label.company::after {
  background-image: url("../../svg/companies/design/building-07.svg");
  content: "کارشناسی توسط شرکت";
}
.company-profule-public main .contents .challenge .content div label.vote::after {
  background-image: url("../../svg/companies/design/users-03.svg");
  content: "رأی گیری مردمی";
}
@media (min-width: 767px) {
  .company-profule-public main .contents .challenge .content div h3 {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.company-profule-public main .contents .challenge .content div h3.finished {
  color: #667985;
}
.company-profule-public main .contents .challenge .content p:last-child {
  border-top: 1px solid var(--natural-200-eaeef-0, #eaeef0);
  color: #667985;
  font-size: 13px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .company-profule-public main .contents .challenge .content p:last-child {
    display: none;
  }
}
.company-profule-public main .contents .challenge .actions {
  border-right: 0;
  padding-right: 0;
  margin-right: 0;
  position: relative;
}
@media (max-width: 767px) {
  .company-profule-public main .contents .challenge .actions {
    border-top: 1px solid #eaeef0;
    padding-top: 16px;
  }
}
@media (min-width: 991px) {
  .company-profule-public main .contents .challenge .actions {
    min-width: 232px;
    max-width: 232px;
    border-right: 1px solid #eaeef0;
    padding-right: 32px;
    margin-right: 32px;
  }
}
.company-profule-public main .contents .challenge .actions div label {
  border-radius: 400px;
  padding: 3px 8px;
  gap: 2px;
  white-space: nowrap;
  border: 1px solid transparent;
}
.company-profule-public main .contents .challenge .actions div label::after {
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
  padding-right: 22px;
}
.company-profule-public main .contents .challenge .actions div label.finished {
  background: #f9fafb;
  border-color: #d0d8dd;
}
.company-profule-public main .contents .challenge .actions div label.finished::after {
  content: "به اتمام رسیده";
  color: #344754;
  background-image: url("../../svg/companies/design/icon4.svg");
}
.company-profule-public main .contents .challenge .actions div label.rejected {
  background: #fef3f2;
  border-color: #fda29b;
}
.company-profule-public main .contents .challenge .actions div label.rejected::after {
  content: "رد شده";
  color: #b42318;
  background-image: url("../../svg/companies/design/icon.svg");
}
.company-profule-public main .contents .challenge .actions div label.accepted {
  background: #ecfdf3;
  border-color: #75e0a7;
}
.company-profule-public main .contents .challenge .actions div label.accepted::after {
  content: "تایید شده";
  color: #067647;
  background-image: url("../../svg/companies/design/icon3.svg");
}
.company-profule-public main .contents .challenge .actions div label.content-review {
  background: #fffaeb;
  border-color: #fec84b;
}
.company-profule-public main .contents .challenge .actions div label.content-review::after {
  content: "بررسی محتوایی مسابقه";
  color: #f79009;
  background-image: url("../../svg/companies/design/icon2.svg");
}
.company-profule-public main .contents .challenge .actions div label.contract-review {
  background: #fffaeb;
  border-color: #fec84b;
}
.company-profule-public main .contents .challenge .actions div label.contract-review::after {
  content: "بررسی قرار داد مالی";
  color: #f79009;
  background-image: url("../../svg/companies/design/bank-note-01.svg");
}
.company-profule-public main .contents .challenge .actions div p {
  color: #475a67;
  text-align: center;
}
@media (min-width: 767px) {
  .company-profule-public main .contents .challenge .actions div p {
    text-align: right;
  }
}
.company-profule-public main .contents .challenge .actions div .suggestions {
  color: #49b3f3;
}
.company-profule-public main .contents .challenge .actions div .voting {
  color: #1004a4;
}
.company-profule-public main .contents .challenge .actions div .results {
  color: #c72d80;
}
.company-profule-public main .contents .challenge .actions button {
  font-size: 14px;
}
.company-profule-public main .contents .challenge .actions button:first-child {
  padding: 6px 16px;
  gap: 8px;
  border-radius: 8px;
  border: none;
  background: #fff;
  color: #98a8b3;
}
@media (max-width: 1199px) {
  .company-profule-public main .contents .challenge .actions button:first-child {
    width: 100%;
  }
}
.company-profule-public main .contents .challenge .actions button:last-child {
  padding: 6px 16px;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #d0d8dd;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.company-profule-public main .contents .challenge .actions button:last-child span {
  transform: rotate(180deg) translateY(-3px);
}
.company-profule-public main .contents .challenge .actions button:last-child.btn-primary-black {
  background: #101828;
  box-shadow: 0px 1px 2px 0px #667985;
  color: #fff;
  border: none;
}
@media (min-width: 991px) {
  .company-profule-public main .contents .challenge .actions button:last-child {
    width: 100%;
  }
}
.company-profule-public main .contents .challenge .btn-primary-black {
  width: 200px;
  height: 38px;
  padding: 6px 16px;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #d0d8dd;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05), 0px 1px 2px 0px #667985;
  background: #101828;
  color: #fff;
  border: none;
  margin: 0 40px 0 32px;
}
.company-profule-public main .contents .challenge .btn-primary-black span {
  transform: rotate(180deg);
}
.company-profule-public main .contents .btn-more {
  height: 38px;
  padding: 6px 16px;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #d0d8dd;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.company-profule-public main .contents .btn-more span svg {
  transform: rotate(90deg) translateY(-3px);
}
.company-profule-public main .contents h4 {
  color: #000;
}
.company-profule-public main .contents .active-content {
  position: relative;
}
.company-profule-public main .contents .active-content .bg-active-content {
  position: absolute;
  top: 50%;
  right: -55%;
  transform: translateY(-50%);
}
@media (max-width: 1199px) {
  .company-profule-public main .contents .active-content .bg-active-content {
    top: -10%;
    right: unset;
    transform: translate(40%, -50%);
  }
}
.company-profule-public main .contents .active-content .bg-active-content p {
  position: absolute;
  top: 50%;
  right: 47%;
  transform: translateY(-11px);
  font-weight: 700;
  font-size: 20px;
}
.company-profule-public main .contents .content-about {
  border-bottom: 1px solid #eaeef0;
}
.company-profule-public main .contents .content-about P {
  line-height: 30px;
}
.company-profule-public main .contents .content-about ul {
  list-style: none;
}
.company-profule-public main .contents .content-contact div:not(:last-child) {
  border-bottom: 1px solid #eaeef0;
}
.company-profule-public main .contents .content-contact div:nth-child(3) span a {
  color: #d54692;
}
.company-profule-public main .contents .content-contact div:nth-child(3) span a span svg {
  color: #d54692;
}
.company-profule-public main .contents .content-contact div span {
  color: #000;
}
.company-profule-public main .container-tabs-mobile {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background: #fff;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.05);
}
.company-profule-public main .container-tabs-mobile a {
  border-bottom: 4px solid transparent;
  color: #98a8b3;
}
.company-profule-public main .container-tabs-mobile a.active {
  color: #101828;
  border-color: #101828;
}

.container-alert-pending .title {
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0em;
  text-align: right;
}
@media (max-width: 767px) {
  .container-alert-pending .title {
    font-size: 14px;
    line-height: 26px;
  }
}
.container-alert-pending .description {
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0em;
  text-align: right;
}
@media (max-width: 767px) {
  .container-alert-pending .description {
    font-size: 14px;
    line-height: 26px;
  }
}

.company-profile-page {
  direction: rtl;
  overflow-x: hidden;
}
@media (min-width: 1199px) {
  .company-profile-page {
    background: #fcfcfd;
  }
}
.company-profile-page .profile-title {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.company-profile-page .profile-title img {
  width: 31px;
  margin-left: 8px;
}
@media (max-width: 1199px) {
  .company-profile-page .profile-title img {
    width: 17px;
  }
}
.company-profile-page .profile-title h2 {
  font-weight: 700;
  font-size: 20px !important;
  line-height: 36px;
  color: #101828;
  margin: 0;
}
.company-profile-page .profile-company-tabs {
  margin-top: 48px;
  border: unset;
}
.company-profile-page .profile-company-tabs .nav-link.active {
  color: #101828;
}
.company-profile-page .profile-company-tabs .nav-link.active svg path {
  stroke: #101828;
}
.company-profile-page .profile-company-tabs .nav-link {
  padding: 0 32px 10px 32px;
  margin: 0 28px;
  color: #98a8b3;
  font-weight: 600;
  font-size: 13px;
  line-height: 24px;
}
.company-profile-page .profile-company-tabs .nav-link svg {
  margin-left: 4px;
}
.company-profile-page .profile-company-tabs .nav-link:focus {
  color: #101828;
}
.company-profile-page .profile-company-tabs .nav-link:hover {
  color: #101828;
}
.company-profile-page .profile-company-tabs .nav-link:hover svg path {
  stroke: #101828;
}
.company-profile-page .profile-company-tabs .nav-item.show .nav-link {
  color: #101828;
  font-weight: 600;
  font-size: 14px;
  line-height: 26px;
}
.company-profile-page .profile-company-tabs .nav-link.active::before {
  top: unset;
  bottom: 0;
  height: 2px;
  background: #101828;
  width: 100%;
}
.company-profile-page .profile-company-tabs .nav-item.show .nav-link::before {
  top: unset;
  bottom: 0;
  height: 2px;
  background: #101828;
  width: 100%;
}
.company-profile-page .company-profile-title {
  margin-bottom: 64px;
}
.company-profile-page .company-profile-title > div {
  max-width: 1320px;
}
@media (max-width: 1199px) {
  .company-profile-page .company-profile-title {
    padding-bottom: 16px;
    margin-bottom: 0;
    border-bottom: 1px solid #eaeef0;
  }
}
.company-profile-page .company-profile-title .company-profile-image {
  max-height: 264px;
}
.company-profile-page .company-profile-title .company-profile-image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 0 0 16px 16px;
}
@media (max-width: 991px) {
  .company-profile-page .company-profile-title .company-profile-image img {
    border-radius: 0 0 8px 8px;
  }
}
@media (max-width: 991px) {
  .company-profile-page .company-profile-title .company-profile-image {
    padding: 0;
  }
}
.company-profile-page .company-profile-title .company-profile-logo {
  width: 128px;
  min-height: 128px;
  border: 1px solid #f2f5f7;
  border-radius: 8px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.32);
  margin-top: -50px;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
@media (max-width: 1199px) {
  .company-profile-page .company-profile-title .company-profile-logo {
    min-height: unset;
    width: -moz-fit-content;
    width: fit-content;
    padding: 8px;
    margin-top: -35px;
    margin-right: 4px;
  }
}
.company-profile-page .company-profile-title .company-profile-logo img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1199px) {
  .company-profile-page .company-profile-title .company-profile-logo img {
    width: 54px;
    height: 54px;
  }
}
.company-profile-page .company-profile-title .company-detail {
  padding: 24px 32px 0 32px;
  border-radius: 8px;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  background: rgba(255, 255, 255, 0.64);
  border: 1px solid #fff;
  margin-top: -50px;
  box-shadow: 0 0 2px rgba(16, 24, 40, 0.05);
  position: relative;
  z-index: 5;
}
@media (max-width: 1199px) {
  .company-profile-page .company-profile-title .company-detail {
    background: unset;
    margin-top: unset;
    border: unset;
    box-shadow: unset;
    padding: 5px 5px 0 5px;
  }
}
.company-profile-page .company-profile-title .company-detail h1 {
  font-weight: 900;
  font-size: 24px !important;
  line-height: 44px;
  margin-bottom: 8px;
  direction: initial;
  color: #101828;
  padding: 0;
  font-family: DanaFaNum, serif !important;
}
@media (max-width: 1199px) {
  .company-profile-page .company-profile-title .company-detail h1 {
    font-size: 18px !important;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 16px;
  }
}
.company-profile-page .company-profile-title .company-detail h1 span {
  font-weight: 900;
  font-size: 24px;
  line-height: 44px;
  margin-bottom: 8px;
  direction: initial;
  color: #101828;
  font-family: DanaFaNum, serif !important;
}
@media (max-width: 1199px) {
  .company-profile-page .company-profile-title .company-detail h1 span {
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 16px;
  }
}
.company-profile-page .company-profile-title .company-detail p {
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 24px;
  font-family: PeydaWeb, serif;
  color: #475a67;
}
@media (max-width: 1199px) {
  .company-profile-page .company-profile-title .company-detail p {
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
  }
}
@media (min-width: 1199px) {
  .company-profile-page .company-profile-title .company-detail .company-detail-border-bottom {
    padding-bottom: 24px;
    border-bottom: 1px solid #eaeef0;
  }
}
.company-profile-page .company-profile-title .company-detail span {
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  color: #667985;
  font-family: PeydaWebNoEn, serif;
}
.company-profile-page .company-profile-title .company-detail span span {
  font-weight: 700;
  font-size: 14px;
  line-height: 26px;
  color: #1d2e39;
}
.company-profile-page .company-profile-title .company-detail a,
.company-profile-page .company-profile-title .company-detail .follow-btn {
  padding: 6px 16px 6px 16px;
  border-radius: 8px;
  border: 1px solid #d0d8dd;
  display: inline-flex;
  margin-left: 16px;
  color: #344754;
  line-height: 26px;
  font-size: 14px !important;
  font-weight: 600 !important;
}
.company-profile-page .company-profile-title .company-detail a img,
.company-profile-page .company-profile-title .company-detail .follow-btn img {
  width: 20px;
  margin-left: 8px;
}
.company-profile-page .active-competitions {
  background: #fcfcfd;
  order: 2;
}
@media (max-width: 1199px) {
  .company-profile-page .active-competitions {
    background: #fff;
    order: 1;
  }
}
.company-profile-page .active-competitions .competition .active-competition-container {
  position: relative;
}
.company-profile-page .active-competitions .competition .active-competition-container .company-contests-empty .all-section-seen .image-container .txt {
  margin-top: 100px;
}
.company-profile-page .active-competitions .competition .active-competition-container .mobile-border {
  margin-top: 24px;
}
.company-profile-page .active-competitions .competition .active-competition-container h2 {
  font-weight: 700;
  font-size: 20px !important;
  line-height: 44px;
  color: #101828;
}
.company-profile-page .active-competitions .competition .active-competition-container #contests-content {
  padding: 0;
  padding-bottom: 60px;
}
@media (min-width: 991px) {
  .company-profile-page .active-competitions .competition .active-competition-container #contests-content {
    padding-bottom: 120px;
  }
}
.company-profile-page .active-competitions .competition .active-competition-container .row-section-title {
  max-width: 872px;
  margin-top: 64px;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .company-profile-page .active-competitions .competition .active-competition-container .row-section-title {
    margin-right: 4px !important;
  }
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-bg {
  position: absolute;
  top: -265px;
  right: -400px;
  width: 700px;
}
@media (max-width: 1319px) {
  .company-profile-page .active-competitions .competition .active-competition-container .active-competition-bg {
    right: -350px;
  }
}
@media (max-width: 1199px) {
  .company-profile-page .active-competitions .competition .active-competition-container .active-competition-bg {
    right: -150px;
  }
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-bg-mobile {
  width: 300px;
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card {
  padding: 24px 24px 24px 40px;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  background: #fff;
  margin: 0 auto 16px auto;
  position: relative;
  max-width: 872px;
}
@media (max-width: 1199px) {
  .company-profile-page .active-competitions .competition .active-competition-container .active-competition-card {
    box-shadow: unset;
    padding: 32px 8px 24px 8px;
    margin: 0;
    border-bottom: 1px solid #eaeef0;
  }
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .border-left-active-competition-card {
  max-width: 576px;
}
@media (max-width: 991px) {
  .company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .border-left-active-competition-card {
    max-width: 100%;
  }
}
@media (min-width: 1199px) {
  .company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .border-left-active-competition-card {
    border-left: 1px solid #eaeef0;
  }
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-content {
  padding-left: 32px;
}
@media (max-width: 1199px) {
  .company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-content {
    padding-left: 0;
    display: flex;
    flex-direction: column-reverse;
  }
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-content .active-competition-title {
  margin-bottom: 8px;
  display: flex;
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-content .active-competition-title img {
  width: 20px;
  height: 20px;
  margin-left: 4px;
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-content .active-competition-title span {
  color: #667985;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-content .end-competition-title {
  color: #667985;
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card a {
  color: #1d2e39;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  text-decoration: none;
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card h3 {
  font-size: 18px !important;
  font-weight: 700;
  line-height: 32px;
  color: #1d2e39;
}
@media (max-width: 1199px) {
  .company-profile-page .active-competitions .competition .active-competition-container .active-competition-card h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
  }
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .description-section {
  width: 100%;
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .description-section p {
  color: #475a67;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 32px;
  margin-top: 8px;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
@media (max-width: 767px) {
  .company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .description-section p {
    display: none !important;
  }
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .disabled-competition {
  color: #667985;
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card hr {
  color: #eaeef0;
  margin: 12px 0;
}
@media (max-width: 1199px) {
  .company-profile-page .active-competitions .competition .active-competition-container .active-competition-card hr {
    margin: 16px 0;
  }
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .contest-organizer {
  display: flex;
}
@media (max-width: 991px) {
  .company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .contest-organizer {
    margin-bottom: 8px;
  }
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .contest-organizer img {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  margin-left: 8px;
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .contest-organizer span {
  color: #1d2e39;
  font-weight: 700;
  line-height: 26px;
  font-size: 14px;
  align-self: center;
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .offer-registered {
  display: flex;
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .offer-registered span {
  color: #667985;
  font-size: 13px;
  line-height: 24px;
  font-weight: 600;
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .offer-registered img {
  width: 14px;
  margin-left: 4px;
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-detail {
  padding-right: 32px;
  min-width: 232px;
}
@media (max-width: 991px) {
  .company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-detail {
    display: flex;
    align-items: end;
    padding: 0 0 0 0;
    justify-content: space-between;
    padding-top: 16px;
    border-top: 1px solid #EAEEF0;
    margin-top: 15px;
  }
}
@media (min-width: 1319px) {
  .company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-detail {
    width: 232px;
  }
}
@media (max-width: 1319px) {
  .company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time {
    align-self: end;
  }
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time span {
  font-size: 14px;
  line-height: 26px;
  line-height: 26px;
}
@media (max-width: 1319px) {
  .company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time span {
    font-size: 13px;
  }
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time span:first-child {
  color: #475a67;
  font-weight: 700;
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time span:last-child {
  color: #667985;
  font-weight: 400;
  margin-left: 4px;
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-detail .receive-an-offer {
  padding-top: 4px;
  color: #49b3f3;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
}
@media (max-width: 1199px) {
  .company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-detail .receive-an-offer {
    font-size: 13px;
    line-height: 24px;
  }
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-detail .public-voting {
  color: #1004a4;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
}
@media (max-width: 1199px) {
  .company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-detail .public-voting {
    font-size: 13px;
    line-height: 24px;
  }
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-detail .awaiting-announcement-results {
  padding-top: 4px;
  color: #e12a80;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
}
@media (max-width: 1199px) {
  .company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-detail .awaiting-announcement-results {
    font-size: 13px;
    line-height: 24px;
  }
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-detail .finished-competition {
  border: 1px solid #d0d8dd;
  border-radius: 20px;
  display: inline-flex;
  padding: 4px 8px;
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-detail .finished-competition img {
  margin-left: 8px;
  width: 20px;
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-detail .finished-competition span {
  color: #98a8b3;
  line-height: 26px;
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 1199px) {
  .company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-detail .finished-competition span {
    font-size: 13px;
    line-height: 24px;
  }
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-detail .submit-an-offer {
  color: #fff;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 26px;
  padding: 6px 16px !important;
  display: flex;
  margin-top: 32px;
  max-width: 200px;
  align-items: center;
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-detail .submit-an-offer img,
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-detail .submit-an-offer svg {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
@media (max-width: 991px) {
  .company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-detail .submit-an-offer {
    margin-top: 0;
  }
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-detail .show-competition-btn {
  color: #344754;
  border: 1px solid #d0d8dd;
  line-height: 26px;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 6px 18px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-detail .show-competition-btn img,
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-detail .show-competition-btn svg {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
@media (max-width: 1199px) {
  .company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-detail .show-competition-btn img,
  .company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-detail .show-competition-btn svg {
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 991px) {
  .company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .active-competition-card-detail .show-competition-btn {
    margin-top: 32px;
  }
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .show-competition {
  justify-content: space-between;
  padding: 16px 0 24px 0;
}
@media (max-width: 1199px) {
  .company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .show-competition {
    padding: 0 0 8px 0;
  }
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .show-competition img {
  width: 20px;
  margin-left: 4px;
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .show-competition span {
  color: #667985;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .show-competition a {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  display: flex;
  padding: 6px 16px;
  align-self: center;
}
.company-profile-page .active-competitions .competition .active-competition-container .active-competition-card .show-competition a .arrow-left-icon {
  width: 20px;
  margin-right: 8px;
}
.company-profile-page .active-competitions .competition .active-competition-container .see-all-competition {
  background: #fff;
  border: 1px solid #d0d8dd;
  padding: 8px 16px !important;
  color: #344754;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 30px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 72px auto 0 auto;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  max-width: 424px;
}
@media (max-width: 1199px) {
  .company-profile-page .active-competitions .competition .active-competition-container .see-all-competition {
    margin-top: 48px;
  }
}
.company-profile-page .active-competitions .competition .active-competition-container .see-all-competition img {
  width: 24px;
  height: 24px;
  margin-left: 8px;
}
.company-profile-page .active-competitions .about {
  margin-top: 48px;
}
.company-profile-page .active-competitions .about .about-company {
  max-width: 648px;
  margin: 0 auto 48px auto;
  border-bottom: 1px solid #eaeef0;
  padding: 0 4px;
}
@media (max-width: 1199px) {
  .company-profile-page .active-competitions .about .about-company {
    padding-bottom: 32px;
  }
}
.company-profile-page .active-competitions .about .about-company .about-company-content a {
  color: #D65692;
}
.company-profile-page .active-competitions .about .about-company .about-company-content p {
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: #475a67;
  margin-bottom: 0;
  font-family: PeydaWebFaNum, serif;
}
.company-profile-page .active-competitions .about .about-company .about-company-content ul:not(.company-info),
.company-profile-page .active-competitions .about .about-company .about-company-content ol {
  font-family: PeydaWebFaNum, serif;
  width: 100%;
  margin-bottom: 0;
}
.company-profile-page .active-competitions .about .about-company .about-company-content ul:not(.company-info) li,
.company-profile-page .active-competitions .about .about-company .about-company-content ol li {
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  color: #475a67;
  font-family: PeydaWebFaNum, serif;
}
.company-profile-page .active-competitions .about .about-company .about-company-content ul.company-info {
  font-family: PeydaWebFaNum, serif;
  display: flex;
  list-style: none;
  justify-content: space-between;
  padding-top: 32px;
  padding-right: 0;
  padding-bottom: 64px;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .company-profile-page .active-competitions .about .about-company .about-company-content ul.company-info {
    display: block;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 16px;
  }
}
.company-profile-page .active-competitions .about .about-company .about-company-content ul.company-info li {
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #475a67;
  font-family: PeydaWeb, serif;
}
@media (max-width: 1199px) {
  .company-profile-page .active-competitions .about .about-company .about-company-content ul.company-info li {
    margin-top: 16px;
  }
}
.company-profile-page .active-competitions .about .about-company .about-company-content ul.company-info li span {
  font-weight: 500;
  color: #1d2e39;
  direction: ltr;
}
.company-profile-page .active-competitions .about .contact-company {
  max-width: 648px;
  margin: 48px auto 64px auto;
  padding: 0 4px;
}
.company-profile-page .active-competitions .about .contact-company .contact-company-content {
  display: flex;
  justify-content: space-between;
  padding: 24px 0 16px 0;
}
.company-profile-page .active-competitions .about .contact-company .contact-company-content:not(:last-child) {
  border-bottom: 1px solid #eaeef0;
}
.company-profile-page .active-competitions .about .contact-company .contact-company-content span:not(.svg-icon) {
  color: #475a67;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
}
.company-profile-page .active-competitions .about .contact-company .contact-company-content a {
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  color: #1d2e39;
  text-decoration: none;
}
.company-profile-page .active-competitions .about .contact-company .contact-company-content a .svg-icon {
  color: #98a8b3;
}
.company-profile-page .active-competitions .about .contact-company .contact-company-content a .svg-icon svg {
  width: 20px;
  height: 20px;
}
.company-profile-page .active-competitions .about .contact-company .company-mobile {
  padding-top: 8px;
}
.company-profile-page .active-competitions .about .contact-company .company-mobile a {
  direction: ltr;
}
.company-profile-page .active-competitions .about .contact-company .company-website div {
  display: flex;
}
.company-profile-page .active-competitions .about .contact-company .company-website div a {
  color: #d65692;
  margin-left: 4px;
}
.company-profile-page .active-competitions .about .contact-company .company-website div img,
.company-profile-page .active-competitions .about .contact-company .company-website div svg {
  width: 28px;
  color: #d65692;
}
.company-profile-page .active-competitions .about .contact-company .company-social div {
  display: flex;
}
.company-profile-page .active-competitions .about .contact-company .company-social div a {
  margin-right: 32px;
  align-self: center;
}
.company-profile-page .active-competitions .about .contact-company .company-social div a img {
  width: 20px;
}
@media (max-width: 1199px) {
  .company-profile-page .active-competitions .about .contact-company .company-address {
    padding-bottom: 48px;
    border-bottom: unset;
  }
}
.company-profile-page .active-competitions .about .contact-company .company-address span {
  margin-left: 12px;
}
.company-profile-page .active-competitions .about .contact-company .company-address address {
  font-weight: 500;
  font-size: 16px;
  color: #1d2e39;
  line-height: 30px;
  text-align: justify;
}
@media (max-width: 1199px) {
  .company-profile-page .active-competitions .about .contact-company .company-address address {
    color: #475a67;
    margin-bottom: 0;
  }
}
.company-profile-page .mobile-profile-tab {
  background: #fff;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.0509803922);
}
.company-profile-page .mobile-profile-tab .mobile-profile-tab-gradient {
  height: 4px;
  background-image: linear-gradient(to left, #49B3F3 10%, #1004A4, #C72D80);
  margin-bottom: 16px;
}
.company-profile-page .mobile-profile-tab .profile-company-tabs {
  margin-top: 0;
  justify-content: space-around;
}
.company-profile-page .mobile-profile-tab .profile-company-tabs .nav-link {
  padding: 0 16px 16px 16px;
  margin: 0;
}
.company-profile-page .mobile-profile-tab .profile-company-tabs .nav-link.active::before {
  height: 4px;
}

.h_iframe-aparat_embed_frame {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.h_iframe-aparat_embed_frame .ratio {
  display: block;
  width: 100%;
  height: auto;
}
.h_iframe-aparat_embed_frame iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.iframe-homepage {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.iframe-homepage .ratio {
  display: block;
  width: 100%;
  height: auto;
}
.iframe-homepage iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.new-contest {
  margin-top: 32px;
}
.new-contest .user_saved_image img {
  max-height: 368px;
  border-radius: 8px;
}
.new-contest .check-box-custom label {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
}
.new-contest .smartsearch_keyword {
  padding: 8px 12px !important;
  border: 1px solid #d0d8dd !important;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922) !important;
  border-radius: 8px !important;
}
.new-contest .smartsearch_keyword .select2-selection__placeholder {
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #98a8b3 !important;
}
@media (min-width: 767px) {
  .new-contest {
    margin-top: 80px;
  }
}
.new-contest .label-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
  margin-bottom: 6px;
  color: #1d2e39;
}
.new-contest .custom-editor-form-wrapper {
  font-family: PeydaWebFaNum, serif !important;
}
.new-contest .custom-editor-form-wrapper .custom-editor-form {
  width: 100%;
  font-size: 16px;
  line-height: 30px;
  color: #475A67;
  padding: 8px 12px;
  min-height: 200px;
  font-family: PeydaWebFaNum, serif !important;
  border: 1px solid #D0D8DD;
}
.new-contest .custom-editor-form-wrapper .custom-editor-form::-moz-placeholder {
  color: #D0D5DD !important;
}
.new-contest .custom-editor-form-wrapper .custom-editor-form::placeholder {
  color: #D0D5DD !important;
}
.new-contest .custom-editor-form-wrapper .tox-tinymce {
  border: 1px solid #D0D8DD;
  border-radius: 8px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  outline: 2px solid transparent;
}
.new-contest .custom-editor-form-wrapper .tox-tinymce.focused {
  border: 1px solid #475A67 !important;
  outline-color: #F2F5F7 !important;
}
.new-contest .custom-editor-form-wrapper .tox-tinymce .tox-editor-container .tox-editor-header {
  box-shadow: none;
  border-bottom: 1px solid #EAEEF0;
}
.new-contest .row-section-title {
  margin-bottom: 24px;
  margin-right: unset;
  font-family: DanaFaNum;
}
.new-contest .row-section-title label {
  margin-bottom: 0 !important;
  font-size: 18px !important;
  line-height: 32px !important;
}
@media (min-width: 991px) {
  .new-contest .row-section-title label {
    font-size: 20px !important;
    line-height: 36px !important;
  }
}
.new-contest .title-header {
  margin-bottom: 11px;
}
.new-contest .title-header h3 {
  font-size: 16px !important;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: 0em;
  text-align: center;
  color: #101828;
  margin-right: 16px;
  text-align: right;
}
@media (min-width: 767px) {
  .new-contest .title-header h3 {
    font-size: 24px !important;
  }
}
.new-contest .title-header a {
  color: red;
}
.new-contest .title-header a svg {
  width: 18px !important;
  height: 18px !important;
  color: #98a8b3;
}
.new-contest .title-header a:hover svg {
  color: #98a8b3;
}
@media (min-width: 767px) {
  .new-contest .title-header {
    margin-bottom: 26px;
  }
}
.new-contest .header a {
  color: #98a8b3;
}
.new-contest .header a svg {
  width: 14px;
  height: 14px;
}
.new-contest .steps {
  border-top: 1px solid #eaeef0;
  border-bottom: 1px solid #eaeef0;
  padding-top: 16px;
  margin-bottom: 24px;
}
@media (min-width: 767px) {
  .new-contest .steps {
    padding-top: 32px;
  }
}
.new-contest .steps #content-description {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: right;
  color: #475a67;
}
.new-contest .steps #btn-description {
  margin-bottom: 16px;
}
.new-contest .steps #btn-description > p {
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: right;
  color: #98a8b3;
}
.new-contest .steps #btn-description .btn-description-icon {
  color: #98a8b3;
}
.new-contest .steps ul.selection-box {
  border-top: 1px solid #EAEEF0;
  padding-top: 15px;
  margin-top: 32px;
  margin-bottom: 16px;
  list-style: none;
  padding-right: 0;
  overflow-x: scroll;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
@media (min-width: 991px) {
  .new-contest .steps ul.selection-box {
    padding-top: 0;
    border-top: none;
  }
}
.new-contest .steps ul.selection-box::-webkit-scrollbar {
  display: none;
}
.new-contest .steps ul.selection-box li {
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0em;
  color: #d0d8dd;
  position: relative;
  padding: 0 6px;
  color: #d0d8dd;
  white-space: nowrap;
}
@media (min-width: 991px) {
  .new-contest .steps ul.selection-box li {
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
  }
}
.new-contest .steps ul.selection-box li.active {
  color: #667985;
  font-size: 12px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0em;
  color: #667985;
}
.new-contest .steps ul.selection-box li.active::after, .new-contest .steps ul.selection-box li.active::before {
  background: #667985 !important;
}
@media (min-width: 991px) {
  .new-contest .steps ul.selection-box li.active {
    font-size: 16px;
    line-height: 30px;
  }
}
.new-contest .steps ul.selection-box li:nth-child(-n+3):has(~ .active) {
  color: #667985;
}
@media (max-width: 767px) {
  .new-contest .steps ul.selection-box li:not(:last-child) {
    padding-left: 30px;
  }
  .new-contest .steps ul.selection-box li:not(:last-child)::after, .new-contest .steps ul.selection-box li:not(:last-child)::before {
    position: absolute;
    width: 8px;
    top: 10%;
    left: 0;
    height: 1px;
    content: "";
    background: #d0d8dd;
  }
  .new-contest .steps ul.selection-box li:not(:last-child)::after {
    transform: rotate(32deg) translate(13px, 5px);
  }
  .new-contest .steps ul.selection-box li:not(:last-child)::before {
    transform: rotate(-32deg) translate(4px, 10px);
  }
}
@media (min-width: 767px) {
  .new-contest .steps {
    margin-bottom: 72px;
  }
}
.new-contest .page-label::after {
  top: 1px;
}
@media (max-width: 767px) {
  .new-contest .page-label::after {
    top: 8px;
  }
}
.new-contest .page-label .step-point {
  margin-bottom: 68px;
}
.new-contest .page-label .step-point span {
  display: block;
  width: 100%;
  height: 4px;
  background: #eaeef0;
}
.new-contest .page-label .step-point .passed {
  background: #101828;
}
.new-contest .page-label label {
  font-size: 20px;
  margin-right: 32px;
}
@media (max-width: 767px) {
  .new-contest .page-label label {
    font-size: 18px;
    margin-right: 22px;
  }
}
.new-contest .top-number-selection {
  margin-top: 24px;
}
@media (min-width: 991px) {
  .new-contest .top-number-selection {
    max-width: 200px;
  }
}
.new-contest .top-number-selection.disabled {
  max-width: 120px;
}
.new-contest .deadline-type {
  font-size: 16px;
  font-weight: 400;
  color: #667985;
}
.new-contest .package-title {
  margin-bottom: 24px;
}
@media (min-width: 767px) {
  .new-contest .package-title {
    margin-bottom: 32px;
  }
}
.new-contest .privacy {
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: right;
  color: #475a67;
  margin-top: 24px;
}
.new-contest .privacy a {
  font-weight: 700;
  color: #d65692;
}
.new-contest .input-group label {
  color: #1d2e39;
}
.new-contest .main-new-contest .caption {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: right;
  color: #667985;
  margin-top: 0;
}
.new-contest .main-new-contest .text-editor textarea {
  border-radius: 8px;
  border: 1px solid #d0d8dd;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.new-contest .main-new-contest .container-border {
  border-top: 1px solid #eaeef0;
  border-bottom: 1px solid #eaeef0;
  padding: 48px 0;
}
.new-contest .main-new-contest .container-border .caption {
  margin-bottom: 0;
}
.new-contest .main-new-contest .top-selection {
  margin: 48px 0;
}
@media (max-width: 767px) {
  .new-contest .main-new-contest .top-selection {
    margin-bottom: 48px;
  }
}
.new-contest .main-new-contest .timing {
  padding-top: 48px;
  padding-bottom: 48px;
}
@media (max-width: 767px) {
  .new-contest .main-new-contest .timing {
    padding-top: 24px;
  }
}
.new-contest .main-new-contest .faqs {
  padding-top: 48px;
}
.new-contest .main-new-contest .faq-added {
  margin-top: 16px;
  margin-bottom: 48px;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: center;
  color: #344754;
}
.new-contest .main-new-contest .faq-added svg {
  width: 20px;
  height: 20px;
}
.new-contest .main-new-contest .faq-added:hover {
  color: #101828;
}
.new-contest .main-new-contest .container-contest-timing {
  border-right: 2px solid #eaeef0;
  position: relative;
}
.new-contest .main-new-contest .container-contest-timing::after, .new-contest .main-new-contest .container-contest-timing::before {
  position: absolute;
  content: "";
  right: -4px;
  width: 6px;
  height: 10px;
  background: rgb(249, 250, 251);
}
.new-contest .main-new-contest .container-contest-timing::after {
  top: 0;
}
.new-contest .main-new-contest .container-contest-timing::before {
  bottom: 0;
}
.new-contest .main-new-contest .container-contest-timing div p {
  color: #475a67;
}
.new-contest .main-new-contest .container-contest-timing div .timing-steps {
  position: relative;
  padding-right: 24px;
}
.new-contest .main-new-contest .container-contest-timing div .timing-steps::after {
  position: absolute;
  top: 50%;
  right: -5px;
  transform: translateY(-50%);
  content: "";
  width: 8px;
  height: 8px;
  background: #eaeef0;
  border-radius: 50%;
  z-index: 1;
}
@media (max-width: 991px) {
  .new-contest .main-new-contest .container-contest-timing div .timing-steps::after {
    top: 5px;
    transform: translateY(0);
  }
}
.new-contest .main-new-contest .container-contest-timing div .timing-steps + div div.week {
  margin-right: 16px;
}
@media (max-width: 767px) {
  .new-contest .main-new-contest .container-contest-timing div .timing-steps + div {
    padding: 10px 24px 0 0;
  }
}
.new-contest .main-new-contest .container-contest-timing div .timing-steps > p {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: right;
  color: #344754;
}
.new-contest .main-new-contest .container-contest-timing div .timing-steps > span {
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: right;
  color: #98a8b3;
}
.new-contest .main-new-contest .timing-container .time-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: right;
  color: #475a67;
  margin-bottom: 32px;
}
.new-contest .main-new-contest .btn-more {
  height: 38px;
  padding: 6px 16px;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #d0d8dd;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.new-contest .main-new-contest .btn-more span svg {
  transform: rotate(90deg) translateY(-3px);
}
.new-contest .main-new-contest .border-top {
  border-top: 1px solid #eaeef0 !important;
  border-bottom: 1px solid #eaeef0 !important;
}
.new-contest .main-new-contest .container-btns-footer button {
  height: 40px;
  padding: 0;
  font-weight: 400;
}
.new-contest .main-new-contest .container-btns-footer button span {
  transform: rotate(180deg);
  margin-right: 6px;
}
.new-contest .main-new-contest .privacy-policy span {
  color: #d54692;
}
.new-contest .main-new-contest .pachage ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.new-contest .main-new-contest .pachage ul li > form,
.new-contest .main-new-contest .pachage ul li > section {
  position: relative;
  border-radius: 8px;
  border: 1px solid #eaeef0;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .new-contest .main-new-contest .pachage ul li > form .select-price,
  .new-contest .main-new-contest .pachage ul li > section .select-price {
    padding: 16px;
  }
}
.new-contest .main-new-contest .pachage ul li > form .select-price div,
.new-contest .main-new-contest .pachage ul li > section .select-price div {
  padding: 0 !important;
}
.new-contest .main-new-contest .pachage ul li > form .select-price div span,
.new-contest .main-new-contest .pachage ul li > section .select-price div span {
  font-family: DanaFaNum;
  font-weight: 900;
  font-size: 24px;
  line-height: 44px;
  letter-spacing: 0em;
  color: #101828;
}
.new-contest .main-new-contest .pachage ul li > form .select-price div p,
.new-contest .main-new-contest .pachage ul li > section .select-price div p {
  color: #101828 !important;
  font-size: 12px !important;
  line-height: 22px !important;
  font-weight: 400 !important;
}
.new-contest .main-new-contest .pachage ul li > form button,
.new-contest .main-new-contest .pachage ul li > section button {
  white-space: nowrap;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 26px !important;
  letter-spacing: 0em;
  text-align: center;
  padding: 6px 35px !important;
  border-radius: 8px;
  margin-right: 24px;
}
.new-contest .main-new-contest .pachage ul li > form button svg,
.new-contest .main-new-contest .pachage ul li > section button svg {
  transform: rotate(180deg);
  margin-right: 8px;
}
.new-contest .main-new-contest .pachage ul li > form > p,
.new-contest .main-new-contest .pachage ul li > section > p {
  padding: 16px 16px 0 16px;
}
.new-contest .main-new-contest .pachage ul li > form > div,
.new-contest .main-new-contest .pachage ul li > section > div {
  position: relative;
  border-bottom: 1px solid #f2f5f7;
}
.new-contest .main-new-contest .pachage ul li > form > div > div:nth-child(1),
.new-contest .main-new-contest .pachage ul li > section > div > div:nth-child(1) {
  padding: 16px;
  color: #1004a4;
}
.new-contest .main-new-contest .pachage ul li > form > div > div:nth-child(1) .package-number,
.new-contest .main-new-contest .pachage ul li > section > div > div:nth-child(1) .package-number {
  border-radius: 50%;
  display: block;
  width: 44px;
  height: 44px;
  background: #e8e6fa;
  position: relative;
}
.new-contest .main-new-contest .pachage ul li > form > div > div:nth-child(1) .package-number span,
.new-contest .main-new-contest .pachage ul li > section > div > div:nth-child(1) .package-number span {
  color: #1004A4;
  text-align: center;
  line-height: 35px;
  border-radius: 50%;
  display: block;
  width: 33px;
  height: 33px;
  font-size: 24px;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #c7c3fa;
}
.new-contest .main-new-contest .pachage ul li > form > div > div:nth-child(1) p,
.new-contest .main-new-contest .pachage ul li > section > div > div:nth-child(1) p {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: center;
  color: #1004a4;
  margin-right: 8px;
}
.new-contest .main-new-contest .pachage ul li > form > div > div:nth-child(2),
.new-contest .main-new-contest .pachage ul li > section > div > div:nth-child(2) {
  padding: 16px;
}
.new-contest .main-new-contest .pachage ul li > form > div > div:nth-child(2) div,
.new-contest .main-new-contest .pachage ul li > section > div > div:nth-child(2) div {
  color: #101828;
}
.new-contest .main-new-contest .pachage ul li > form > div > div:nth-child(2) div span,
.new-contest .main-new-contest .pachage ul li > section > div > div:nth-child(2) div span {
  font-weight: 900;
  font-size: 32px;
  font-weight: 900;
  line-height: 58px;
  letter-spacing: 0em;
  color: #101828;
}
.new-contest .main-new-contest .pachage ul li > form > div > div:nth-child(2) div p,
.new-contest .main-new-contest .pachage ul li > section > div > div:nth-child(2) div p {
  padding-left: 4px;
  padding-right: 4px;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
  white-space: nowrap;
}
@media (min-width: 991px) {
  .new-contest .main-new-contest .pachage ul li > form button.form-des,
  .new-contest .main-new-contest .pachage ul li > section button.form-des {
    display: flex;
  }
  .new-contest .main-new-contest .pachage ul li > form button.form-mob,
  .new-contest .main-new-contest .pachage ul li > section button.form-mob {
    display: none;
  }
}
@media (max-width: 767px) {
  .new-contest .main-new-contest .pachage ul li > form button.form-mob,
  .new-contest .main-new-contest .pachage ul li > section button.form-mob {
    display: flex;
    max-width: unset;
    margin: unset !important;
  }
  .new-contest .main-new-contest .pachage ul li > form button.form-des,
  .new-contest .main-new-contest .pachage ul li > section button.form-des {
    display: none;
  }
}
.new-contest .main-new-contest .pachage ul li[disabled] section {
  border-color: #eaeef0;
  background: #f9fafb;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
}
.new-contest .main-new-contest .pachage ul li[disabled] section .package-header {
  padding: 16px;
  padding-bottom: 8px;
}
@media (min-width: 991px) {
  .new-contest .main-new-contest .pachage ul li[disabled] section .package-header {
    padding-block-end: 16px 24px 8px 16px;
  }
}
.new-contest .main-new-contest .pachage ul li[disabled] section .package-header > div:nth-child(1) {
  padding: 0;
}
.new-contest .main-new-contest .pachage ul li[disabled] section .package-header > div:nth-child(1) .package-number {
  border-radius: 50%;
  display: block;
  width: 44px;
  height: 44px;
  background: #e8e6fa;
  position: relative;
}
.new-contest .main-new-contest .pachage ul li[disabled] section .package-header > div:nth-child(1) .package-number span {
  color: #1004A4;
  text-align: center;
  line-height: 35px;
  border-radius: 50%;
  display: block;
  width: 33px;
  height: 33px;
  font-size: 24px;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #c7c3fa;
}
.new-contest .main-new-contest .pachage ul li[disabled] section .package-header > div:nth-child(2) {
  padding: 0;
}
.new-contest .main-new-contest .pachage ul li[disabled] section .package-header > div:nth-child(2) div {
  color: #101828;
}
.new-contest .main-new-contest .pachage ul li[disabled] section .package-header > div:nth-child(2) div span {
  font-family: DanaFaNum;
  font-weight: 900;
  font-size: 32px;
  font-weight: 900;
  line-height: 58px;
  letter-spacing: 0em;
  color: #667985;
}
.new-contest .main-new-contest .pachage ul li[disabled] section .package-header > div:nth-child(2) div p {
  font-family: PeydaWeb;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
  white-space: nowrap;
}
.new-contest .main-new-contest .pachage ul li[disabled] section > p {
  padding: 16px;
  color: #98A8B3;
  line-height: 26px;
}
@media (min-width: 991px) {
  .new-contest .main-new-contest .pachage ul li[disabled] section > p {
    padding: 16px 24px;
    font-size: 16px;
    line-height: 30px;
  }
}
.new-contest .main-new-contest .pachage ul li[disabled] section .package-price-mobile > div:nth-child(1) {
  padding: 16px;
  color: #101828;
}
.new-contest .main-new-contest .pachage ul li[disabled] section .package-price-mobile > div:nth-child(1) span {
  font-family: DanaFaNum;
  font-weight: 900;
  font-size: 24px;
  font-weight: 900;
  line-height: 44px;
  letter-spacing: 0em;
  color: #667985;
}
.new-contest .main-new-contest .pachage ul li[disabled] section .package-price-mobile > div:nth-child(1) p {
  font-family: PeydaWeb;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  white-space: nowrap;
  color: #667985;
}
.new-contest .main-new-contest .pachage ul li[disabled] section button {
  display: none !important;
}
.new-contest .main-new-contest .pachage ul li[disabled] section > div {
  padding-left: 0;
}
.new-contest .main-new-contest .pachage.pachage-selection {
  padding-bottom: 32px;
  margin-bottom: 40px;
  border-bottom: 1px solid #eaeef0;
}
@media (min-width: 767px) {
  .new-contest .main-new-contest .pachage.pachage-selection {
    padding-bottom: 48px;
    margin-bottom: 48px;
  }
}
.new-contest .main-new-contest .last-step-titles {
  margin-top: 80px;
}
@media (min-width: 767px) {
  .new-contest .main-new-contest .last-step-titles {
    margin-top: 110px;
  }
}
.new-contest .main-new-contest .submited-data {
  padding: 10px 12px;
  border: 1px solid #eaeef0;
  border-radius: 8px;
  color: #98a8b3;
  background: #f9fafb;
  font-size: 16px;
  font-weight: 400;
  margin-top: 16px;
  margin-bottom: 16px;
}
.new-contest .main-new-contest .submited-data p {
  text-align: justify;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  color: #98a8b3;
  margin-bottom: 0;
  font-family: PeydaWebFaNum, serif;
}
.new-contest .main-new-contest .submited-data ul, .new-contest .main-new-contest .submited-data ol {
  font-family: PeydaWebFaNum, serif;
  list-style-position: outside;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 500;
}
.new-contest .main-new-contest .submited-data ul li, .new-contest .main-new-contest .submited-data ol li {
  font-size: 16px;
  line-height: 32px;
  color: #98a8b3;
}
.new-contest .main-new-contest .submited-data ul li p, .new-contest .main-new-contest .submited-data ol li p {
  margin-bottom: 0;
}
.new-contest .main-new-contest textarea {
  resize: none;
}
.new-contest .main-new-contest input:disabled,
.new-contest .main-new-contest textarea:disabled,
.new-contest .main-new-contest select:disabled {
  background: #f9fafb;
  color: #98a8b3;
}
.new-contest .main-new-contest input:disabled + .select2,
.new-contest .main-new-contest textarea:disabled + .select2,
.new-contest .main-new-contest select:disabled + .select2 {
  background: #f9fafb !important;
  box-shadow: none !important;
}
.new-contest .main-new-contest input:disabled + .select2 *,
.new-contest .main-new-contest textarea:disabled + .select2 *,
.new-contest .main-new-contest select:disabled + .select2 * {
  color: #98a8b3 !important;
}
.new-contest .main-new-contest input:disabled + .select2 span,
.new-contest .main-new-contest textarea:disabled + .select2 span,
.new-contest .main-new-contest select:disabled + .select2 span {
  border-color: #eaeef0 !important;
}
.new-contest .main-new-contest #player {
  direction: ltr;
  position: relative;
  color: #fff;
  position: relative;
}
.new-contest .main-new-contest #player > button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.new-contest .main-new-contest #player::after {
  position: absolute;
  width: 100%;
  height: 70px;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to top, #000000, transparent);
  content: "";
}
.new-contest .main-new-contest #player video {
  border-radius: 8px;
}
.new-contest .main-new-contest #player progress {
  height: 8px;
  background-color: #ececec;
  border-radius: 10px;
  margin-right: 20px;
}
.new-contest .main-new-contest #player progress::-webkit-progress-value {
  background-color: #fff;
  border-radius: 10px;
}
.new-contest .main-new-contest #player progress::-webkit-progress-inner-element {
  background-color: #ececec;
}
.new-contest .main-new-contest #player button {
  border: none;
  background: transparent;
}
.new-contest .main-new-contest #player #controls {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  content: "";
  width: 100%;
}
.new-contest .main-new-contest #player #controls > div:nth-child(2) {
  margin: 0 20px 0 12px;
}
.new-contest .main-new-contest .see-information span span svg {
  transform: rotate(180deg);
}
.new-contest #dataChallenges #challengeData button {
  background: transparent;
  font-size: 13px;
  font-weight: 700;
  line-height: 24px;
}

.container-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(29, 46, 57, 0.24);
  z-index: 10000;
}
.container-modal .bg-dark {
  width: 100%;
  height: 100%;
  visibility: visible;
}
.container-modal .card-modal {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 424px;
  width: 100%;
  border-radius: 12px;
  padding: 24px 0;
  background: #fff;
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  z-index: 1000;
}
.container-modal .card-modal label {
  color: #1d2e39;
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 575px) {
  .container-modal .card-modal:not(.not-bottom) {
    top: auto;
    bottom: 0;
    transform: translate(-50%, 0);
    max-width: 100%;
  }
}

#draft-modal .modal-header,
#publish-modal .modal-header {
  padding: 24px 24px 0 24px;
}
#draft-modal .modal-header h5,
#publish-modal .modal-header h5 {
  font-size: 18px !important;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0em;
  color: #101828;
}
#draft-modal .modal-body,
#publish-modal .modal-body {
  padding: 32px 24px 32px 24px;
}
#draft-modal .modal-body p,
#publish-modal .modal-body p {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
  color: #101828;
}
#draft-modal .modal-body p:nth-child(2),
#publish-modal .modal-body p:nth-child(2) {
  font-size: 14px;
  line-height: 26px;
  color: #475A67;
}
#draft-modal .modal-body .modal-body-description,
#publish-modal .modal-body .modal-body-description {
  color: #475A67;
}
#draft-modal .modal-body .challenge-title,
#publish-modal .modal-body .challenge-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  text-align: right;
}
#draft-modal .modal-footer,
#publish-modal .modal-footer {
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border-top: unset;
  padding: 24px;
}
#draft-modal .modal-footer > *,
#publish-modal .modal-footer > * {
  margin: unset;
}
#draft-modal .modal-footer .btns,
#publish-modal .modal-footer .btns {
  gap: 12px;
}
@media (min-width: 767px) {
  #draft-modal .modal-footer .btns,
  #publish-modal .modal-footer .btns {
    gap: 32px;
  }
}
#draft-modal .modal-footer .btns .btn-link,
#publish-modal .modal-footer .btns .btn-link {
  padding: unset;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 24px;
  letter-spacing: 0em;
  color: #667985;
}
@media (min-width: 767px) {
  #draft-modal .modal-footer .btns .btn-link,
  #publish-modal .modal-footer .btns .btn-link {
    width: 100%;
  }
}
#draft-modal .modal-footer .btns .btn-primary-black,
#publish-modal .modal-footer .btns .btn-primary-black {
  width: 50%;
  font-size: 14px !important;
  font-weight: 600;
  line-height: 26px;
  text-align: center;
  white-space: nowrap;
}
#draft-modal .modal-footer .btns .btn-primary-black.no-w,
#publish-modal .modal-footer .btns .btn-primary-black.no-w {
  width: unset;
}
@media (min-width: 767px) {
  #draft-modal .modal-dialog,
  #publish-modal .modal-dialog {
    max-width: 424px;
  }
}
@media (max-width: 767px) {
  #draft-modal .modal-header,
  #publish-modal .modal-header {
    padding: 16px 16px 0 16px;
  }
  #draft-modal .modal-body,
  #publish-modal .modal-body {
    padding: 32px 16px 32px 16px;
  }
  #draft-modal .modal-body p,
  #publish-modal .modal-body p {
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: right;
  }
  #draft-modal .modal-footer,
  #publish-modal .modal-footer {
    padding: 16px;
  }
  #draft-modal .modal-footer .btns,
  #publish-modal .modal-footer .btns {
    flex-wrap: wrap;
  }
  #draft-modal .modal-footer .btns .btn-link,
  #publish-modal .modal-footer .btns .btn-link {
    order: 1;
    width: 100%;
  }
  #draft-modal .modal-footer .btns .btn-primary-black,
  #publish-modal .modal-footer .btns .btn-primary-black {
    width: 100%;
  }
  #draft-modal .modal-footer .btns .btn-primary-black.no-w,
  #publish-modal .modal-footer .btns .btn-primary-black.no-w {
    width: 100%;
  }
}

.portal-company-container {
  min-height: calc(100vh - 200px);
}
.portal-company-container.empty {
  display: flex;
  justify-content: center;
  align-items: center;
}
.portal-company-container .contest-container {
  margin-top: 64px;
}
.portal-company-container .row-section-title {
  margin-bottom: 31px;
}
.portal-company-container .filter-container {
  padding-bottom: 24px;
  border-bottom: 1px solid #eaeef0;
}
.portal-company-container .filter-container > label {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  color: #1d2e39;
  margin-bottom: 6px;
  font-family: PeydaWebFaNum, serif;
}
.portal-company-container .filter-container .smartsearch_keyword {
  border-radius: 8px !important;
  padding: 6px 12px !important;
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #344754;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  border: 1px solid #d0d8dd;
}
.portal-company-container .filter-mobile {
  display: none !important;
}
@media (max-width: 767px) {
  .portal-company-container .filter-container {
    display: none;
  }
  .portal-company-container .filter-mobile {
    display: flex !important;
  }
  .portal-company-container .innovation-card-container {
    display: none;
  }
  .portal-company-container .contest-container {
    margin-top: 32px;
  }
}

.innovation-card-container {
  position: relative;
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);
  background-color: #ffffff;
  border-radius: 8px;
}
.innovation-card-container.sending-offer-card {
  margin-bottom: 120px;
}
@media (max-width: 991px) {
  .innovation-card-container.sending-offer-card {
    margin-bottom: 64px;
  }
}
.innovation-card-container.empty::after {
  content: "";
  background-image: url("/assets/images/home/Pattern.png");
  width: 480px;
  height: 480px;
  position: absolute;
  top: -20%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center center;
}
.innovation-card-container.empty::before {
  content: "در حال حاضر مسابقه‌ای ایجاد نشده است";
  position: absolute;
  transform: translate(-50%, -50%);
  z-index: 2;
  left: 50%;
  top: -22%;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0em;
  text-align: right;
  color: #d0d8dd;
  width: 100%;
  text-align: center;
}
@media (max-width: 1199px) {
  .innovation-card-container.empty {
    margin-top: 150px;
  }
  .innovation-card-container.empty::before {
    transform: translate(-50%, -50%);
    left: 50%;
    top: -9%;
  }
  .innovation-card-container.empty::after {
    top: 5%;
  }
}
.innovation-card-container:not(.empty) {
  margin-top: 80px;
}
.innovation-card-container:not(.empty)::after {
  top: -20%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.innovation-card-container:not(.empty)::before {
  transform: translate(-50%, -50%);
  left: 50%;
  top: -22%;
}
.innovation-card-container .bg-card {
  position: absolute;
  top: 0;
}
.innovation-card-container .bg-card.first {
  top: 0;
  right: 0;
  transform: translate(50%, -32%);
}
.innovation-card-container .bg-card.last {
  top: 0;
  left: 0;
  right: -5%;
  transform: translateY(-20%);
}
.innovation-card-container .bg-card.last svg {
  width: 110%;
}
@media (min-width: 767px) {
  .innovation-card-container .bg-card.last {
    transform: translate(-50%, -32%);
  }
  .innovation-card-container .bg-card.last svg {
    width: 100%;
  }
}
.innovation-card-container .content-card {
  height: 100%;
  position: relative;
  z-index: 2;
  background-color: #ffffff;
  border-radius: 8px;
}
.innovation-card-container .content-card .champion-des img {
  width: 186px;
}
.innovation-card-container .content-card .champion-mob {
  display: none;
  padding: 16px 16px 8px 16px;
}
.innovation-card-container .content-card .content {
  padding-left: 40px;
  padding-right: 32px;
}
.innovation-card-container .content-card .content > .text {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #475a67;
  font-family: PeydaWebFaNum, serif;
}
.innovation-card-container .content-card .content > .btns {
  white-space: nowrap;
  height: 100%;
  padding: 8px 60px;
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
}
.innovation-card-container .content-card .content > .btns svg {
  margin-right: 4px;
}
@media (max-width: 1319px) {
  .innovation-card-container .content-card .content {
    padding-left: 16px;
    padding-right: 16px;
  }
  .innovation-card-container .content-card .content > .btns {
    padding-left: 30px;
    padding-right: 30px;
    margin-right: 30px;
  }
}
@media (max-width: 1199px) {
  .innovation-card-container .content-card .content {
    flex-wrap: wrap;
    padding: 16px;
    padding-bottom: 24px;
    padding-top: 8px;
  }
  .innovation-card-container .content-card .content > .text {
    width: 100%;
  }
  .innovation-card-container .content-card .content > .btns {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    margin-right: unset;
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .innovation-card-container .content-card {
    flex-wrap: wrap;
  }
  .innovation-card-container .content-card .champion-des {
    display: none;
  }
  .innovation-card-container .content-card .champion-mob {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .innovation-card-container .content-card .champion-mob img {
    max-width: 296px;
    max-height: 216px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.contests-container {
  margin-top: 48px;
}
.contests-container .contest-card {
  width: 872px;
  padding: 24px;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  margin-bottom: 16px;
  border-radius: 8px;
  background: #fff;
}
@media (max-width: 1199px) {
  .contests-container .contest-card {
    width: 100%;
  }
}
.contests-container .contest-card .content {
  display: flex;
  flex-direction: column;
  padding-left: 32px;
  border-left: 1px solid #eaeef0;
  width: 67%;
}
.contests-container .contest-card .content .m-content {
  width: 100%;
  border-bottom: 1px solid #eaeef0;
  padding-bottom: 32px;
}
.contests-container .contest-card .content .m-content .c-type {
  font-size: 13px;
  font-weight: 700;
  line-height: 24px;
  color: #667985;
  font-family: PeydaWebFaNum, serif;
  margin-bottom: 4px;
}
.contests-container .contest-card .content .m-content .c-type svg {
  width: 20px;
  height: 20px;
  margin-left: 4px;
}
.contests-container .contest-card .content .m-content .c-title {
  margin-top: 4px;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0em;
  text-align: right;
  color: #1d2e39;
}
.contests-container .contest-card .content .c-subtitle {
  margin-top: 12px;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: right;
  color: #667985;
}
.contests-container .contest-card .content.draft .m-content {
  display: flex;
  justify-content: start;
  align-items: flex-start;
}
.contests-container .contest-card .content.draft .m-content .c-draft-type {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: center;
  color: #344754;
  border: 1px solid #d0d8dd;
  padding: 1px 8px;
  border-radius: 16px;
  background-color: #f9fafb;
  margin-left: 16px;
}
.contests-container .contest-card .content.draft .m-content .c-draft-type svg {
  width: 20px;
  color: #344754;
}
.contests-container .contest-card .content.draft .m-content .c-title {
  margin-top: unset;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #667985;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0em;
}
.contests-container .contest-card .content.ended .m-content .c-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0em;
  text-align: right;
  color: #98a8b3;
}
.contests-container .contest-card .actions {
  width: 33%;
  padding-right: 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.contests-container .contest-card .actions .c-bottom .btn-primary-black {
  padding: 6px !important;
  max-width: 200px;
  font-family: PeydaWebFaNum, serif !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
}
.contests-container .contest-card .actions .c-bottom .btn-primary-black svg {
  width: 20px;
  margin-right: 8px;
}
.contests-container .contest-card .actions .c-top .challenge-time {
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  color: #667985;
  white-space: nowrap;
}
.contests-container .contest-card .actions .c-top .challenge-time span {
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 26px;
  letter-spacing: 0em;
  color: #475a67;
}
.contests-container .contest-card .actions .c-top .challenge-time span:not(:first-child) {
  margin-right: 4px;
}
.contests-container .contest-card .actions .c-top .suggestions {
  margin-bottom: unset;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0em;
  color: #1004a4;
}
.contests-container .contest-card .actions .c-top .voting {
  margin-bottom: unset;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0em;
  color: #1004a4;
}
.contests-container .contest-card .actions .c-top .results {
  margin-bottom: unset;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0em;
  color: #e12a80;
}
@media (max-width: 991px) {
  .contests-container .contest-card {
    width: 100%;
    box-shadow: none;
    border-radius: unset;
    border-bottom: 1px solid #eaeef0;
  }
  .contests-container .contest-card .content {
    width: 100%;
    border-left: unset;
    padding-left: unset;
  }
  .contests-container .contest-card .content .m-content .c-title {
    margin-top: 4px;
  }
  .contests-container .contest-card .content .c-subtitle {
    display: none;
  }
  .contests-container .contest-card .actions {
    width: 100%;
    padding-right: unset;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    padding-top: 16px;
  }
  .contests-container .contest-card .actions.draft .c-bottom {
    order: -1;
  }
}

.btn-type-1 {
  padding: 6px;
  border: 1px solid #d0d8dd;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border-radius: 8px;
  width: 100%;
  max-width: 200px;
}
.btn-type-1 svg {
  width: 20px;
  margin-right: 8px;
}

.btn-type-2 {
  width: 100%;
  max-width: 200px;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: right;
}
.btn-type-2:not(:hover) {
  color: #98a8b3;
}
.btn-type-2 svg {
  width: 20px;
  margin-left: 4px;
}

.status-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: center;
  border: 1px solid #75e0a7;
  padding: 1px 6px 1px 10px;
  border-radius: 16px;
  display: inline-block;
  white-space: nowrap;
}
.status-label svg {
  width: 20px;
  margin-left: 2px;
}
.status-label.accepted {
  border-color: #75e0a7;
  background-color: #ecfdf3;
  color: #067647;
}
.status-label.failed {
  border-color: #fda29b;
  background-color: #fef3f2;
  color: #b42318;
}
.status-label.content-check {
  border-color: #fec84b;
  background-color: #fffaeb;
  color: #f79009;
}
.status-label.finance-check {
  border-color: #fec84b;
  background-color: #fffaeb;
  color: #f79009;
}

.company-login {
  overflow-x: hidden;
}
.company-login #error-input-login-customer {
  color: #d92d20;
}
@media (min-width: 991px) {
  .company-login .container-input-company-auth {
    max-width: 312px;
    margin: 0 auto;
  }
}
.company-login .accordion .accordion-item .accordion-button:before {
  content: "";
  width: 20px;
  height: 20px;
  background: url("/assets/svg/Arrows/arrow-down-gray.svg") no-repeat top center;
  background-size: contain;
}
.company-login .auth-container {
  padding-top: 165px;
  background: url("/assets/svg/companies/auth-company-bg.svg") no-repeat top center;
  background-size: contain;
}
@media (max-width: 767px) {
  .company-login .auth-container {
    background: url("/assets/svg/companies/auth-company-bg-mobile.svg") no-repeat top center;
    background-size: contain;
    padding-top: 128px;
  }
}
.company-login .auth-container .login label[for=password-login] {
  margin-top: 24px;
}
@media (max-width: 1199px) {
  .company-login .auth-container .company-profile-content {
    margin-bottom: 40px;
  }
}
.company-login .auth-container .company-profile-content button {
  background: #f9fafb;
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  color: #101828 !important;
  border: 0;
  border-radius: 4px;
  padding: 12px;
}
.company-login .auth-container .company-profile-content button:focus {
  box-shadow: unset;
}
.company-login .auth-container .company-profile-content button::after {
  background: url("/assets/svg/companies/accardion-icon.svg");
}
.company-login .auth-container .company-profile-content button:not(.collapsed)::after {
  background: url("/assets/svg/companies/accardion-icon.svg");
}
.company-login .auth-container h1 {
  font-family: PeydaWebFaNum, serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 38px !important;
  color: #101828 !important;
  margin-bottom: 24px !important;
  display: block !important;
  text-align: center !important;
  padding: 0 !important;
}
.company-login .auth-container .profile-company-tabs {
  border: unset;
  margin-bottom: 32px;
}
.company-login .auth-container .profile-company-tabs .nav-link.active {
  color: #1004a4 !important;
}
.company-login .auth-container .profile-company-tabs .nav-link {
  padding: 0 60px 10px 60px;
  margin: 0;
  font-family: PeydaWebFaNum, serif !important;
  font-size: 18px;
  font-weight: 600;
  line-height: 34px;
  color: #98a2b3;
}
.company-login .auth-container .profile-company-tabs .nav-link svg {
  margin-left: 4px;
}
.company-login .auth-container .profile-company-tabs .nav-link:focus {
  color: #101828;
}
.company-login .auth-container .profile-company-tabs .nav-link:hover {
  color: #101828;
}
.company-login .auth-container .profile-company-tabs .nav-link:hover svg path {
  stroke: #101828;
}
.company-login .auth-container .profile-company-tabs .nav-item {
  position: relative;
  white-space: nowrap;
}
.company-login .auth-container .profile-company-tabs .nav-item::before {
  content: " ";
  background: #f2f4f7;
  height: 1px;
  width: 100%;
  position: absolute;
  top: unset;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.company-login .auth-container .profile-company-tabs .nav-item.show .nav-link {
  font-family: PeydaWebFaNum, serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 34px;
  color: #98a2b3;
}
.company-login .auth-container .profile-company-tabs .nav-link.active::before {
  top: unset;
  bottom: 0;
  height: 4px;
  background: #1004a4;
  width: 100%;
  z-index: 1;
}
.company-login .auth-container .profile-company-tabs .nav-item.show .nav-link::before {
  top: unset;
  bottom: 0;
  height: 4px;
  background: #1004a4;
  width: 100%;
  z-index: 1;
}
.company-login .auth-container form label {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  color: #475467;
  margin-bottom: 2px;
  display: block;
}
.company-login .auth-container form input {
  width: 312px;
  border: 1px solid #d0d5dd;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  padding: 8px 14px 8px 14px;
  border-radius: 8px;
  height: 48px;
  font-family: PeydaWebFaNum, serif;
  margin-bottom: 24px;
}
.company-login .auth-container form input::-moz-placeholder {
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: #d0d5dd;
}
.company-login .auth-container form input::placeholder {
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: #d0d5dd;
}
@media (max-width: 1199px) {
  .company-login .auth-container form input {
    width: 100%;
  }
}
.company-login .auth-container form .show-password {
  position: absolute;
  left: 14px;
  top: 16px;
  padding: 0 !important;
}
.company-login .auth-container form .show-password:focus {
  box-shadow: unset;
}
.company-login .auth-container form .show-password img {
  width: 16px;
  height: 16px;
}
.company-login .auth-container form a {
  margin-top: 16px;
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  color: #667085;
  text-decoration: none;
}
.company-login .auth-container form span {
  font-family: PeydaWebFaNum, serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  color: #475467;
}
.company-login .auth-container form span a {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  color: #e12a80;
}
.company-login .auth-container form .control-password div {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.company-login .auth-container form .control-password div span {
  color: #d0d5dd;
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.company-login .auth-container form .control-password div span::before {
  content: url("/assets/svg/companies/dash-icon.svg");
  margin-left: 8px;
  width: 16px;
  height: 16px;
}
.company-login .auth-container form .control-password .active span {
  color: #079455;
}
.company-login .auth-container form .control-password .active span::before {
  content: url("/assets/svg/companies/success-tick-icon.svg");
}
.company-login .auth-container form button[type=submit] {
  width: 100%;
  padding: 8px 18px 8px 18px;
  margin-top: 24px;
  height: 48px;
  line-height: 32px;
  font-weight: 700;
  font-size: 16px;
}
@media (max-width: 1199px) {
  .company-login .auth-container form button[type=submit] {
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
  }
}
.company-login .auth-container .create-personal-profile-box {
  max-width: 536px;
  padding: 24px;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  border: 1px solid #eaecf0;
  background: #f9fafb;
  margin-top: 96px;
}
@media (max-width: 1199px) {
  .company-login .auth-container .create-personal-profile-box {
    background: #fff;
    border-left: none;
    border-right: none;
    padding: 16px 4px 32px 4px;
    border-radius: 0;
    margin-top: 88px;
    border-bottom: 0;
  }
}
.company-login .auth-container .create-personal-profile-box span {
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  color: #667085;
}
@media (max-width: 1199px) {
  .company-login .auth-container .create-personal-profile-box span {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
  }
}
.company-login .auth-container .create-personal-profile-box a {
  color: #e12a80;
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  display: flex;
  text-decoration: none;
  align-items: center;
}
.company-login .auth-container .create-personal-profile-box a img {
  margin-left: 6px;
  width: 20px;
  height: 20px;
}
.company-login .company-content {
  padding-top: 96px;
  border-top: 1px solid #eaecf0;
}
@media (max-width: 1199px) {
  .company-login .company-content {
    padding-top: 0;
    border: 0;
    background: #f9fafb;
    max-width: 100%;
  }
}
.company-login .company-content h2 {
  font-family: dana, serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 42px !important;
  margin-bottom: 48px !important;
}
@media (max-width: 1199px) {
  .company-login .company-content .accordion-body {
    padding: 0 12px;
  }
}
.company-login .company-content .company-sidebare {
  padding-top: 138px;
  padding-bottom: 138px;
  padding-right: 111px;
  border-right: 1px solid #d0d5dd;
  max-width: 86%;
}
@media (max-width: 1199px) {
  .company-login .company-content .company-content-item {
    padding-top: 24px;
  }
}
.company-login .company-content .company-content-item .company-content-title {
  display: flex;
  align-items: center;
}
.company-login .company-content .company-content-item .company-content-title div {
  border: 1px solid #101828;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 16px;
  border-radius: 50%;
  min-width: 32px;
  height: 32px;
  box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.0784313725);
}
@media (max-width: 1199px) {
  .company-login .company-content .company-content-item .company-content-title div {
    width: 16px;
    height: 16px;
    margin-left: 8px;
    min-width: unset;
  }
}
.company-login .company-content .company-content-item .company-content-title div span {
  font-family: PeydaWebFaNum, serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 38px;
  color: #101828;
}
@media (max-width: 1199px) {
  .company-login .company-content .company-content-item .company-content-title div span {
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
  }
}
.company-login .company-content .company-content-item .company-content-title h3 {
  font-family: PeydaWebFaNum, serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 34px !important;
  color: #101828 !important;
  margin-bottom: 0 !important;
}
@media (max-width: 1199px) {
  .company-login .company-content .company-content-item .company-content-title h3 {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    margin-bottom: 0 !important;
  }
}
.company-login .company-content .company-content-item p {
  font-family: PeydaWebFaNum, serif !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: #667085;
  margin-bottom: 32px;
  margin-right: 48px;
}
@media (max-width: 1199px) {
  .company-login .company-content .company-content-item p {
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    margin-right: 24px;
  }
}
@media (max-width: 1199px) {
  .company-login .company-content .company-content-item p:last-child {
    margin-bottom: 24px;
  }
}

.company-setting-container {
  padding-top: 80px;
  background: #fcfcfd;
  height: 100vh;
}
@media (max-width: 1199px) {
  .company-setting-container {
    padding-top: 32px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.company-setting-container .company-setting {
  max-width: 648px;
}
@media (max-width: 1199px) {
  .company-setting-container .company-setting {
    width: 100%;
  }
}
.company-setting-container .company-setting .profile-company-tabs {
  margin: 32px auto 40px auto;
}
.company-setting-container .company-setting .profile-company-tabs .nav-link.active {
  color: #101828;
}
.company-setting-container .company-setting .profile-company-tabs .nav-link.active svg path {
  stroke: #101828;
}
.company-setting-container .company-setting .profile-company-tabs .nav-link {
  padding: 0 16px 12px 16px;
  margin: 0 0 0 28px;
  color: #98a8b3;
  font-family: PeydaWebFaNum, serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 24px;
}
.company-setting-container .company-setting .profile-company-tabs .nav-link svg {
  margin-left: 4px;
}
.company-setting-container .company-setting .profile-company-tabs .nav-link:focus {
  color: #101828;
}
.company-setting-container .company-setting .profile-company-tabs .nav-link:hover {
  color: #101828;
}
.company-setting-container .company-setting .profile-company-tabs .nav-link:hover svg path {
  stroke: #101828;
}
.company-setting-container .company-setting .profile-company-tabs .nav-item.show .nav-link {
  color: #101828;
  font-weight: 600;
  font-size: 14px;
  line-height: 26px;
}
.company-setting-container .company-setting .profile-company-tabs .nav-link.active::before {
  top: unset;
  bottom: 0;
  height: 2px;
  background: #101828;
  width: 100%;
}
.company-setting-container .company-setting .profile-company-tabs .nav-item.show .nav-link::before {
  top: unset;
  bottom: 0;
  height: 2px;
  background: #101828;
  width: 100%;
}
.company-setting-container .company-setting #setting-company-tab-content .management-notifications .title-of-guide {
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  border: 1px solid #d0d5dd;
  background: #fff;
  border-radius: 8px;
  display: flex;
  gap: 12px;
  padding: 12px 16px 12px 16px;
  margin-bottom: 32px;
}
@media (max-width: 1199px) {
  .company-setting-container .company-setting #setting-company-tab-content .management-notifications .title-of-guide {
    padding: 12px;
    display: block;
  }
}
@media (max-width: 1199px) {
  .company-setting-container .company-setting #setting-company-tab-content .management-notifications .title-of-guide .title-of-guide-title {
    padding: 0 3px;
  }
}
.company-setting-container .company-setting #setting-company-tab-content .management-notifications .title-of-guide .title-of-guide-title img {
  width: 34px;
  height: 34px;
}
.company-setting-container .company-setting #setting-company-tab-content .management-notifications .title-of-guide .title-of-guide-content .title-of-guide-title {
  display: flex;
  align-items: center;
  gap: 4px;
}
.company-setting-container .company-setting #setting-company-tab-content .management-notifications .title-of-guide .title-of-guide-content h2 {
  font-family: PeydaWebFaNum, serif;
  font-size: 16px !important;
  font-weight: 700;
  line-height: 32px;
  color: #101828;
  margin-bottom: 4px;
}
@media (max-width: 1199px) {
  .company-setting-container .company-setting #setting-company-tab-content .management-notifications .title-of-guide .title-of-guide-content h2 {
    margin-bottom: 0;
  }
}
.company-setting-container .company-setting #setting-company-tab-content .management-notifications .title-of-guide .title-of-guide-content p {
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: #667085;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .company-setting-container .company-setting #setting-company-tab-content .management-notifications .title-of-guide .title-of-guide-content p {
    padding: 0 12px;
    font-family: PeydaWebFaNum, serif;
    font-size: 14px;
    line-height: 28px;
  }
}
.company-setting-container .company-setting #setting-company-tab-content .management-notifications label {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  color: #475467;
  width: 88px;
}
@media (max-width: 1199px) {
  .company-setting-container .company-setting #setting-company-tab-content .management-notifications label {
    width: 100%;
  }
}
.company-setting-container .company-setting #setting-company-tab-content .management-notifications .management-notifications-input {
  display: flex;
  align-items: center;
  gap: 24px;
  padding-bottom: 16px;
  margin-bottom: 32px;
}
@media (max-width: 1199px) {
  .company-setting-container .company-setting #setting-company-tab-content .management-notifications .management-notifications-input {
    gap: 12px;
    padding-bottom: 0;
  }
}
.company-setting-container .company-setting #setting-company-tab-content .management-notifications .management-notifications-input:not(:last-child) {
  border-bottom: 1px solid #eaecf0;
}
@media (max-width: 1199px) {
  .company-setting-container .company-setting #setting-company-tab-content .management-notifications .management-notifications-input:not(:last-child) {
    border-bottom: unset;
  }
}
.company-setting-container .company-setting #setting-company-tab-content .management-notifications .management-notifications-input input {
  border: 1px solid #d0d5dd;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  padding: 8px 14px 8px 14px;
  width: 312px;
  height: 48px;
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  border-radius: 8px;
  color: #101828;
  text-align: left;
  direction: ltr;
}
@media (max-width: 1199px) {
  .company-setting-container .company-setting #setting-company-tab-content .management-notifications .management-notifications-input input {
    width: 100%;
  }
}
.company-setting-container .company-setting #setting-company-tab-content .management-notifications .management-notifications-input input:disabled {
  background: #f9fafb;
  border: 1px solid #eaecf0;
}
.company-setting-container .company-setting #setting-company-tab-content .management-notifications .management-notifications-input input::-moz-placeholder {
  color: #d0d5dd;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  text-align: right;
}
.company-setting-container .company-setting #setting-company-tab-content .management-notifications .management-notifications-input input::placeholder {
  color: #d0d5dd;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  text-align: right;
}
.company-setting-container .company-setting #setting-company-tab-content .management-notifications .management-notifications-input button {
  display: flex;
  gap: 6px;
  align-items: center;
  box-shadow: unset;
  padding: 0;
  width: 68px;
}
.company-setting-container .company-setting #setting-company-tab-content .management-notifications .management-notifications-input button span {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
}
.company-setting-container .company-setting #setting-company-tab-content .management-notifications .management-notifications-input button img {
  display: block;
  width: 20px;
  height: 20px;
}
.company-setting-container .company-setting #setting-company-tab-content .management-notifications .management-notifications-input .save-email {
  color: #182230;
}
@media (max-width: 1199px) {
  .company-setting-container .company-setting #setting-company-tab-content .management-notifications .management-notifications-input .save-email {
    width: 36px;
    height: 36px;
    background: #182230;
    border: 1px solid #182230;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  .company-setting-container .company-setting #setting-company-tab-content .management-notifications .management-notifications-input .save-email:before {
    content: "";
    display: none;
  }
}
.company-setting-container .company-setting #setting-company-tab-content .management-notifications .management-notifications-input .save-email img,
.company-setting-container .company-setting #setting-company-tab-content .management-notifications .management-notifications-input .save-email svg {
  width: 20px;
  height: 20px;
  color: #fff;
}
.company-setting-container .company-setting #setting-company-tab-content .management-notifications .management-notifications-input .edit-email {
  color: #667085;
}
@media (max-width: 1199px) {
  .company-setting-container .company-setting #setting-company-tab-content .management-notifications .management-notifications-input .edit-email {
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .company-setting-container .company-setting #setting-company-tab-content .management-notifications .management-notifications-input .edit-email:before {
    content: "";
    display: none;
  }
}
.company-setting-container .company-setting #setting-company-tab-content .management-notifications .management-notifications-input .edit-email img {
  width: 20px;
  height: 20px;
}
.company-setting-container .company-setting #setting-company-tab-content .management-notifications .management-notifications-input .remove-email {
  color: #667085;
}
@media (max-width: 1199px) {
  .company-setting-container .company-setting #setting-company-tab-content .management-notifications .management-notifications-input .remove-email {
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .company-setting-container .company-setting #setting-company-tab-content .management-notifications .management-notifications-input .remove-email:before {
    content: "";
    display: none;
  }
}
.company-setting-container .company-setting #setting-company-tab-content .management-notifications .management-notifications-input .remove-email img {
  width: 20px;
  height: 20px;
}
.company-setting-container .company-setting #setting-company-tab-content .management-notifications .management-notifications-input.error input {
  border-color: #fecdca !important;
}
.company-setting-container .company-setting #setting-company-tab-content .management-notifications .management-notifications-input.error p.err {
  display: unset !important;
  color: #f04438;
}
.company-setting-container .company-setting #setting-company-tab-content .reset-password .reset-password-container {
  max-width: 424px;
  margin: 0 auto;
}
.company-setting-container .company-setting #setting-company-tab-content .reset-password .reset-password-container form div label {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  color: #475467;
  margin-bottom: 2px;
}
.company-setting-container .company-setting #setting-company-tab-content .reset-password .reset-password-container form div input {
  border: 1px solid #d0d5dd;
  background: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  padding: 8px 14px 8px 14px;
  border-radius: 8px;
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: #101828;
}
.company-setting-container .company-setting #setting-company-tab-content .reset-password .reset-password-container form div input::-moz-placeholder {
  color: #d0d5dd;
}
.company-setting-container .company-setting #setting-company-tab-content .reset-password .reset-password-container form div input::placeholder {
  color: #d0d5dd;
}
.company-setting-container .company-setting #setting-company-tab-content .reset-password .reset-password-container form div.error-alert input {
  border-color: #fecdca !important;
}
.company-setting-container .company-setting #setting-company-tab-content .reset-password .reset-password-container form div.error-alert strong {
  color: #f04438;
  margin-top: 4px;
  display: block;
}
.company-setting-container .company-setting #setting-company-tab-content .reset-password .reset-password-container .forget-password-link {
  display: flex;
  gap: 24px;
  padding-top: 32px;
}
.company-setting-container .company-setting #setting-company-tab-content .reset-password .reset-password-container .forget-password-link span {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  color: #667085;
}
.company-setting-container .company-setting #setting-company-tab-content .reset-password .reset-password-container .forget-password-link a {
  color: #182230;
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  line-height: 28px;
}
.company-setting-container .company-setting-footer {
  background: #fff;
  width: 100%;
  position: fixed;
  bottom: 0;
  right: 0;
  box-shadow: 0 -1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  padding: 16px 0;
}
.company-setting-container .company-setting-footer .company-setting {
  width: 648px;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 64px;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .company-setting-container .company-setting-footer .company-setting {
    width: 100%;
    justify-content: space-between;
    gap: unset;
    padding: 12px 16px;
  }
}
.company-setting-container .company-setting-footer .company-setting button {
  box-shadow: unset;
  font-family: PeydaWebFaNum, serif;
}
.company-setting-container .company-setting-footer .company-setting button:first-child {
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  color: #667985;
}
.company-setting-container .company-setting-footer .company-setting button:last-child {
  width: 200px;
  height: 46px;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  border: 1px solid #182230;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  background: #182230;
  padding: 8px 16px 8px 16px;
  color: #fff;
}

.company-forget-password {
  overflow-x: hidden;
  height: 100vh;
  position: relative;
}
.company-forget-password .forget-password {
  background: url("/assets/svg/companies/forget-password.svg") no-repeat top center;
  background-size: contain;
  padding-top: 371px;
  height: 100vh;
}
@media (max-width: 1199px) {
  .company-forget-password .forget-password {
    background: url("/assets/svg/companies/forget-password-mobile.svg") no-repeat top center;
    padding-top: 144px;
  }
}
.company-forget-password .forget-password .forget-password-container {
  max-width: 312px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .company-forget-password .forget-password .forget-password-container {
    max-width: 100%;
    padding: 0 4px;
  }
}
.company-forget-password .forget-password .forget-password-container h1 {
  color: #101828;
  font-family: PeydaWebFaNum, serif !important;
  font-size: 20px !important;
  font-weight: 700;
  line-height: 38px;
  margin-bottom: 8px;
  display: block;
  text-align: center;
  padding: 0;
}
@media (max-width: 1199px) {
  .company-forget-password .forget-password .forget-password-container h1 {
    line-height: 34px;
    font-size: 18px !important;
  }
}
.company-forget-password .forget-password .forget-password-container span {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  color: #667085;
  margin-bottom: 8px;
  display: block;
  text-align: center;
}
.company-forget-password .forget-password .forget-password-container .edit-phone-number {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  color: #1004a4;
  text-decoration: none;
  display: block;
  text-align: center;
}
.company-forget-password .forget-password .forget-password-container .reset-email {
  margin-top: 28px;
}
.company-forget-password .forget-password .forget-password-container .reset-email label {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 2px;
  color: #475467;
}
.company-forget-password .forget-password .forget-password-container .reset-email input {
  border: 1px solid #d0d5dd;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  border-radius: 8px;
  color: #101828;
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  padding: 8px 14px;
}
.company-forget-password .forget-password .forget-password-container .reset-email input::-moz-placeholder {
  color: #d0d5dd;
  font-size: 16px;
  font-weight: 500;
  line-height: 72px;
}
.company-forget-password .forget-password .forget-password-container .reset-email input::placeholder {
  color: #d0d5dd;
  font-size: 16px;
  font-weight: 500;
  line-height: 72px;
}
.company-forget-password .forget-password .forget-password-container .reset-email input:disabled {
  border: 1px solid #eaecf0;
  background: #f9fafb;
}
.company-forget-password .forget-password .forget-password-container .reset-email input:focus {
  box-shadow: 0 0 0 4px rgba(152, 162, 179, 0.1411764706) !important;
}
.company-forget-password .forget-password .forget-password-container .reset-email button[type=submit] {
  width: 100%;
  padding: 8px 18px 8px 18px;
  margin-top: 24px;
  height: 48px;
  line-height: 32px;
  font-weight: 700;
  font-size: 16px;
}
@media (max-width: 1199px) {
  .company-forget-password .forget-password .forget-password-container .reset-email button[type=submit] {
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
  }
}
.company-forget-password .forget-password .forget-password-container .reset-email a {
  margin-top: 40px;
  display: flex;
  color: #667085;
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.company-forget-password .forget-password .forget-password-container .reset-email a img {
  width: 20px;
  height: 20px;
  margin-left: 6px;
}
.company-forget-password .forget-password .forget-password-container .reset-email .show-password {
  position: absolute;
  left: 14px;
  top: 16px;
  padding: 0 !important;
}
.company-forget-password .forget-password .forget-password-container .reset-email .show-password:focus {
  box-shadow: unset;
}
.company-forget-password .forget-password .forget-password-container .reset-email .show-password img {
  width: 16px;
  height: 16px;
}
.company-forget-password .forget-password .forget-password-container .reset-email .control-password div {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.company-forget-password .forget-password .forget-password-container .reset-email .control-password div span {
  color: #d0d5dd;
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.company-forget-password .forget-password .forget-password-container .reset-email .control-password div span::before {
  content: url("/assets/svg/companies/dash-icon.svg");
  margin-left: 8px;
  width: 16px;
  height: 16px;
}
.company-forget-password .forget-password .forget-password-container .reset-email .control-password .active span {
  color: #079455;
}
.company-forget-password .forget-password .forget-password-container .reset-email .control-password .active span::before {
  content: url("/assets/svg/companies/success-tick-icon.svg");
}
.company-forget-password .auth-bg {
  max-width: 312px;
  height: 100vh;
  background: url("../../svg/user/auth-background-shape.svg") no-repeat center;
  background-size: 312px 100%;
  position: relative;
}
@media (max-width: 1199px) {
  .company-forget-password .auth-bg {
    background: unset;
    max-width: 100%;
    height: 100%;
  }
}
.company-forget-password .auth-bg .auth-bg-shape {
  position: absolute;
  bottom: 0;
  height: 90px;
}
.success-alert {
  border: 1px solid #75e0a7;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  max-width: 484px;
  display: flex;
  border-radius: 8px;
  padding: 12px 16px;
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 14;
  transition: 700ms;
  background: #f6fef9;
}
@media (max-width: 991px) {
  .success-alert {
    max-width: 328px;
    top: 8px;
    display: flex;
  }
}
.success-alert img {
  margin-left: 11px;
  width: 34px;
  height: 34px;
}
@media (max-width: 991px) {
  .success-alert img {
    margin-left: 3px;
    margin-bottom: 8px;
  }
}
.success-alert h3 {
  color: #079455;
  font-family: PeydaWebFaNum, serif;
  font-size: 16px !important;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 4px;
}
@media (max-width: 991px) {
  .success-alert h3 {
    margin-bottom: 8px;
    font-size: 14px !important;
    line-height: 28px;
  }
}
.success-alert .close-alert-button {
  background: unset;
  padding: 0;
  box-shadow: unset;
  margin-bottom: 4px;
}
.success-alert .close-alert-button img {
  width: 20px;
  height: 20px;
  margin-left: 0;
}
.success-alert p {
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: #079455;
}
@media (max-width: 991px) {
  .success-alert p {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 0;
  }
}
.success-alert p span {
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
}
@media (max-width: 991px) {
  .success-alert p span {
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
  }
}

.danger-alert {
  border: 1px solid #FDA29B;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  max-width: 484px;
  display: flex;
  border-radius: 8px;
  padding: 12px 16px;
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 14;
  transition: 700ms;
  background: #FFFBFA;
}
@media (max-width: 991px) {
  .danger-alert {
    max-width: 328px;
    top: 8px;
    display: flex;
  }
}
.danger-alert img {
  margin-left: 11px;
  width: 34px;
  height: 34px;
}
@media (max-width: 991px) {
  .danger-alert img {
    margin-left: 3px;
    margin-bottom: 8px;
  }
}
.danger-alert h3 {
  color: #D92D20;
  font-family: PeydaWebFaNum, serif;
  font-size: 16px !important;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 4px;
}
@media (max-width: 991px) {
  .danger-alert h3 {
    margin-bottom: 8px;
    font-size: 14px !important;
    line-height: 28px;
  }
}
.danger-alert .close-alert-button {
  background: unset;
  padding: 0;
  box-shadow: unset;
  margin-bottom: 4px;
}
.danger-alert .close-alert-button img {
  width: 20px;
  height: 20px;
  margin-left: 0;
}
.danger-alert p {
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: #D92D20;
}
@media (max-width: 991px) {
  .danger-alert p {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 0;
  }
}
.danger-alert p span {
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
}
@media (max-width: 991px) {
  .danger-alert p span {
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
  }
}

.warning-alert {
  width: 100%;
  border: 1px solid #FEC84B;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  display: flex;
  border-radius: 8px;
  padding: 12px 16px;
  position: fixed;
  top: 16px;
  left: 16px;
  z-index: 14;
  transition: 700ms;
  background: #FFFBFA;
  max-width: 328px;
}
@media (max-width: 991px) {
  .warning-alert {
    max-width: unset;
    margin-left: 100px;
    left: unset;
    top: 8px;
    right: 8px;
    display: flex;
    width: calc(100% - 22.5px);
  }
}
.warning-alert img {
  margin-left: 11px;
  width: 34px;
  height: 34px;
}
@media (max-width: 991px) {
  .warning-alert img {
    margin-left: 3px;
    margin-bottom: 8px;
  }
}
.warning-alert h3 {
  color: #DC6803;
  font-family: PeydaWebFaNum, serif;
  font-size: 14px !important;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 4px;
}
@media (max-width: 991px) {
  .warning-alert h3 {
    margin-bottom: 8px;
    font-size: 14px !important;
    line-height: 28px;
  }
}
.warning-alert .close-alert-button {
  background: unset;
  padding: 0;
  box-shadow: unset;
  margin-bottom: 4px;
}
.warning-alert .close-alert-button img {
  width: 20px;
  height: 20px;
  margin-left: 0;
}
.warning-alert p {
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  color: #DC6803;
}
@media (max-width: 991px) {
  .warning-alert p {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 0;
  }
}
.warning-alert p span {
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
}
@media (max-width: 991px) {
  .warning-alert p span {
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
  }
}

.check-box.check-box-custom {
  padding: 0;
}
.check-box.check-box-custom.active {
  border: 1px solid #98a8b3;
}
.check-box.check-box-custom.active label {
  background-color: #101828;
  color: #fff;
  border-color: #101828;
}
.check-box.check-box-custom.active label span {
  background: #fff;
}
.check-box.check-box-custom.active label span span {
  background: #101828;
}
.check-box.check-box-custom:hover {
  transition: all 50ms ease-in-out;
}
.check-box.check-box-custom:hover label {
  color: #fff;
}
.check-box.check-box-custom label {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 6px;
}
.check-box.check-box-custom label:hover span {
  background: #fff;
}
.check-box.check-box-custom label:hover span span {
  background: #101828;
}
.check-box.check-box-custom label span {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #98a8b3;
  margin-left: 6px;
  position: relative;
}
.check-box.check-box-custom label span span {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  border: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-left: 0;
}
.check-box.check-box-custom input:checked + label {
  background-color: #101828;
  color: #fff;
  border-color: #101828;
}
.check-box.check-box-custom input:checked + label span {
  background: #fff;
}
.check-box.check-box-custom input:checked + label span span {
  background: #101828;
}

.check-box.check-box-confirm, .check-box.check-box-confirm-secondary {
  color: #344754;
  padding: 0;
}
.check-box.check-box-confirm.active, .check-box.active.check-box-confirm-secondary {
  border: 1px solid #98a8b3;
}
.check-box.check-box-confirm.active label, .check-box.active.check-box-confirm-secondary label {
  background-color: #101828;
  color: #fff;
  border-color: #101828;
}
.check-box.check-box-confirm.active label span:not(.svg-icon), .check-box.active.check-box-confirm-secondary label span:not(.svg-icon) {
  background: #fff;
}
.check-box.check-box-confirm.active label span:not(.svg-icon) span, .check-box.active.check-box-confirm-secondary label span:not(.svg-icon) span {
  background: #101828;
}
.check-box.check-box-confirm:hover, .check-box.check-box-confirm-secondary:hover {
  transition: all 50ms ease-in-out;
}
.check-box.check-box-confirm:hover label, .check-box.check-box-confirm-secondary:hover label {
  color: #fff;
}
.check-box.check-box-confirm label, .check-box.check-box-confirm-secondary label {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 8px;
}
.check-box.check-box-confirm label:hover span, .check-box.check-box-confirm-secondary label:hover span {
  background: #fff;
}
.check-box.check-box-confirm label:hover span span, .check-box.check-box-confirm-secondary label:hover span span {
  background: #101828;
}
.check-box.check-box-confirm label > p, .check-box.check-box-confirm-secondary label > p {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
}
.check-box.check-box-confirm label > .ch-icon .svg-icon, .check-box.check-box-confirm-secondary label > .ch-icon .svg-icon {
  margin-left: 4px;
  margin-right: 4px;
  background: unset;
}
.check-box.check-box-confirm label > .ch-icon .svg-icon svg, .check-box.check-box-confirm-secondary label > .ch-icon .svg-icon svg {
  width: 20px;
}
.check-box.check-box-confirm label .active, .check-box.check-box-confirm-secondary label .active,
.check-box.check-box-confirm label .deactive,
.check-box.check-box-confirm-secondary label .deactive {
  width: 8px;
  height: 8px;
  background-color: #f04438;
  border-radius: 50%;
  margin-left: 8px;
}
.check-box.check-box-confirm label .active.active, .check-box.check-box-confirm-secondary label .active.active,
.check-box.check-box-confirm label .deactive.active {
  background-color: #17b26a;
}
.check-box.check-box-confirm label span:not(.svg-icon), .check-box.check-box-confirm-secondary label span:not(.svg-icon) {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 1px solid #98a8b3;
  margin-left: 6px;
  position: relative;
}
.check-box.check-box-confirm label span:not(.svg-icon) span, .check-box.check-box-confirm-secondary label span:not(.svg-icon) span {
  display: none;
  position: absolute;
  left: -3px;
  top: 4px;
  width: 11px;
  height: 6px;
  border: solid #101828;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-width: 0 0 2px 2px;
  transform: rotate(-45deg);
  border-radius: unset;
}
.check-box.check-box-confirm input:checked + label, .check-box.check-box-confirm-secondary input:checked + label {
  background-color: #101828;
  color: #98a8b3;
  border-color: #101828;
}
.check-box.check-box-confirm input:checked + label span:not(.svg-icon), .check-box.check-box-confirm-secondary input:checked + label span:not(.svg-icon) {
  background: white;
}
.check-box.check-box-confirm input:checked + label span:not(.svg-icon) span, .check-box.check-box-confirm-secondary input:checked + label span:not(.svg-icon) span {
  display: unset;
  background: white;
}
.check-box.check-box-confirm-secondary input:checked + label {
  border: 1px solid #d0d8dd;
  background: #fff;
}
.check-box.check-box-confirm-secondary input:checked + label span:not(.svg-icon) {
  border: 1px solid #98a8b3;
  background: #101828;
}
.check-box.check-box-confirm-secondary input:checked + label span:not(.svg-icon) span {
  border: solid #fff;
  background: #101828;
}

.academy-player-container .section-heading {
  padding: 12px 16px !important;
}
@media (min-width: 991px) {
  .academy-player-container .section-heading {
    padding: 32px 32px 48px 32px !important;
  }
}
@media (min-width: 1319px) {
  .academy-player-container .section-heading {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.academy-player-container .section-heading .back-link-box {
  border-color: #eaecf0 !important;
}
@media (min-width: 991px) {
  .academy-player-container .section-heading .back-link-box {
    border-color: #d0d5dd !important;
  }
}
.academy-player-container .section-heading .back-link-box .desktop-back-button {
  font-size: 16px !important;
  line-height: 32px !important;
}
@media (min-width: 991px) {
  .academy-player-container .section-heading .section-heading-title {
    font-size: 24px;
    line-height: 42px;
    font-family: DanaFaNum;
    color: #101828;
  }
}
@media (min-width: 991px) {
  .academy-player-container .section-heading .view-event-link {
    line-height: 28px !important;
  }
}
@media (min-width: 1319px) {
  .academy-player-container .academy-player-main {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (min-width: 991px) {
  .academy-player-container .academy-player-main .academy-player-sidebar {
    min-height: 100vh !important;
  }
}
.academy-player-container .academy-player-main .academy-player-sidebar .academy-player-backdrop {
  background: #000 !important;
  opacity: 0.25 !important;
  -webkit-backdrop-filter: blur(4px) !important;
          backdrop-filter: blur(4px) !important;
}
.academy-player-container .academy-player-main .academy-player-sidebar .academy-player-sidebar-header {
  padding: 16px 16px 12px 16px !important;
}
.academy-player-container .academy-player-main .academy-player-sidebar .academy-player-sidebar-header h3 {
  font-size: 16px !important;
  line-height: 32px !important;
  font-weight: bold !important;
}
@media (max-width: 991px) {
  .academy-player-container .academy-player-main .academy-player-sidebar .sidebar-content {
    padding-top: 7px;
    border-top: 1px solid #eaecf0;
  }
}
@media (min-width: 991px) {
  .academy-player-container .academy-player-main .academy-player-sidebar .sidebar-content {
    min-height: 100vh !important;
  }
}
.academy-player-container .academy-player-main .academy-player-sidebar .sidebar-content .season-player-item .season-player-item-header {
  padding: 16px !important;
}
.academy-player-container .academy-player-main .academy-player-sidebar .sidebar-content .season-player-item .season-player-item-header h6 {
  color: #101828 !important;
}
.academy-player-container .academy-player-main .academy-player-sidebar .sidebar-content .season-player-item .season-player-item-header span:last-child {
  line-height: 28px !important;
}
.academy-player-container .academy-player-main .academy-player-sidebar .sidebar-content .season-player-item .season-player-item-header div span:first-child {
  line-height: 28px !important;
}
.academy-player-container .academy-player-main .academy-player-sidebar .sidebar-content .season-player-item .season-player-description .sidebar-player-active span {
  color: #1004A4 !important;
}
.academy-player-container .academy-player-main .academy-player-sidebar .sidebar-content .season-player-item .season-player-description > a {
  padding: 12px 0 !important;
  margin: 0 16px !important;
}
@media (min-width: 991px) {
  .academy-player-container .academy-player-main .academy-player-sidebar .sidebar-content .season-player-item .season-player-description > a {
    margin: 0 !important;
    padding: 12px 16px !important;
  }
}
.academy-player-container .academy-player-main .academy-player-sidebar .sidebar-content .season-player-item .season-player-description > a:not(:first-of-type) {
  border-top: 1px solid #f2f4f7;
  padding-top: 11px !important;
  padding-bottom: 12px !important;
}
.academy-player-container .academy-player-main .academy-player-sidebar .sidebar-content .season-player-item .season-player-description > a:last-child {
  margin-bottom: 16px !important;
}
.academy-player-container .academy-player-main .academy-player-sidebar .sidebar-content .season-player-item .season-player-description > a p {
  font-size: 16px !important;
  line-height: 32px !important;
}
.academy-player-container .academy-player-main .academy-player-sidebar .sidebar-content .season-player-item .season-player-description > a span:last-child {
  font-size: 14px !important;
  line-height: 28px !important;
}
.academy-player-container .academy-player-main .academy-player-sidebar .sidebar-content .season-player-item .season-player-description > a .course-time-sheet.current-course span:first-child {
  color: inherit !important;
}
.academy-player-container .academy-player-main .academy-player-content .nextOrPrevSection .next:hover, .academy-player-container .academy-player-main .academy-player-content .nextOrPrevSection .prev:hover {
  color: #c72d80;
}
.academy-player-container .academy-player-main .academy-player-content .nextOrPrevSection .next:hover svg path, .academy-player-container .academy-player-main .academy-player-content .nextOrPrevSection .prev:hover svg path {
  stroke: #c72d80;
}
.academy-player-container .academy-player-main .academy-player-content .disabled-btn {
  color: #88909f !important;
  opacity: 0.8;
}
.academy-player-container .academy-player-main .academy-player-content .h_iframe-aparat_embed_frame {
  border-radius: 0;
}
@media (min-width: 991px) {
  .academy-player-container .academy-player-main .academy-player-content .h_iframe-aparat_embed_frame {
    border-radius: 8px;
  }
}
.academy-player-container .academy-player-main .academy-player-content .player-box {
  border-radius: 8px !important;
  max-height: 490px !important;
}
.academy-player-container .academy-player-main .academy-player-content .player-box img {
  max-height: 490px !important;
}
.academy-player-container .academy-player-main .academy-player-content .player-box-locked {
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
}
.academy-player-container .academy-player-main .academy-player-content .player-box-locked img {
  max-height: -moz-fit-content !important;
  max-height: fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.academy-player-container .academy-player-main .academy-player-content .player-actions {
  padding: 12px 12px 11px 12px !important;
  line-height: 28px !important;
}
.academy-player-container .academy-player-main .academy-player-content .player-description {
  padding: 24px 16px !important;
}
@media (min-width: 991px) {
  .academy-player-container .academy-player-main .academy-player-content .player-description {
    padding: 24px 0 !important;
  }
}
@media (min-width: 1199px) {
  .academy-player-container .academy-player-main .academy-player-content .player-description {
    padding-top: 32px !important;
    padding-bottom: 8px !important;
  }
}
.academy-player-container .academy-player-main .academy-player-content .player-description .player-description-title {
  font-size: 16px !important;
  line-height: 32px !important;
  margin-bottom: 16px !important;
}
@media (min-width: 991px) {
  .academy-player-container .academy-player-main .academy-player-content .player-description .player-description-title {
    margin-bottom: 8px !important;
    font-size: 18px !important;
    line-height: 34px !important;
  }
}
.academy-player-container .academy-player-main .academy-player-content .player-description .player-description-content {
  font-size: 16px !important;
  line-height: 32px !important;
}
.academy-player-container .academy-player-main .academy-player-content .player-description .player-description-content p {
  font-size: 16px !important;
  line-height: 32px !important;
  text-align: justify;
}
.academy-player-container .academy-player-main .academy-player-content .player-description-locked {
  padding: 24px 16px 80px 16px !important;
}
.academy-player-container .academy-player-main .academy-player-content .player-description-locked p {
  line-height: 28px !important;
}
@media (min-width: 991px) {
  .academy-player-container .academy-player-main .academy-player-content .player-description-locked {
    padding: 0 !important;
    margin-top: -122px !important;
  }
  .academy-player-container .academy-player-main .academy-player-content .player-description-locked p {
    font-size: 16px !important;
    line-height: 32px !important;
  }
}
@media (min-width: 991px) {
  .academy-player-container .academy-player-main .academy-player-content .player-description-locked a {
    width: -moz-fit-content !important;
    width: fit-content !important;
    margin: 0 auto;
    position: relative;
    top: 8px;
    font-size: 16px !important;
    line-height: 32px !important;
    font-weight: 700 !important;
    padding: 6px 21.5px !important;
  }
}

.homepage-uk-container {
  direction: ltr;
  text-align: left;
  font-family: poppins !important;
}
.homepage-uk-container .hero-section .content-container .main-title {
  font-family: poppins !important;
  font-size: 38px !important;
  line-height: 48px !important;
  padding: 0 !important;
}
@media (min-width: 991px) {
  .homepage-uk-container .hero-section .content-container .main-title {
    margin-bottom: 24px;
    font-size: 72px !important;
    line-height: 88px !important;
  }
}
.homepage-uk-container .hero-section .content-container .description {
  font-family: poppins !important;
}
.homepage-uk-container .hero-section .content-container .stats-container {
  font-family: poppins !important;
  box-shadow: 0px 2px 6px -2px rgba(23, 5, 212, 0.0784313725) !important;
  border-radius: 8px !important;
}
@media (min-width: 991px) {
  .homepage-uk-container .hero-section .content-container .stats-container {
    box-shadow: none !important;
  }
}
.homepage-uk-container .hero-section .content-container .stats-container .stat-item span {
  font-family: poppins !important;
}
.homepage-uk-container .hero-section .content-container .stats-container .stat-item .stat-label {
  line-height: 18px !important;
}
@media (min-width: 991px) {
  .homepage-uk-container .hero-section .content-container .stats-container .stat-item .stat-label {
    font-size: 18px !important;
    line-height: 28px !important;
  }
}
.homepage-uk-container .ecosystem-section .content-wrapper .section-subtitle {
  font-family: poppins !important;
  line-height: 20px !important;
}
@media (min-width: 991px) {
  .homepage-uk-container .ecosystem-section .content-wrapper .section-subtitle {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
.homepage-uk-container .ecosystem-section .content-wrapper .section-title {
  font-family: poppins !important;
  font-size: 32px !important;
}
@media (min-width: 991px) {
  .homepage-uk-container .ecosystem-section .content-wrapper .section-title {
    font-size: 38px !important;
    font-weight: bold !important;
    margin-bottom: 20px;
  }
}
.homepage-uk-container .ecosystem-section .content-wrapper .section-description {
  font-family: poppins !important;
}
.homepage-uk-container .ecosystem-section .content-wrapper .features {
  font-family: poppins !important;
}
.homepage-uk-container .ecosystem-section .content-wrapper .features .feature-item .feature-text {
  font-size: 16px !important;
  line-height: 24px !important;
}
@media (min-width: 991px) {
  .homepage-uk-container .ecosystem-section .content-wrapper .features .feature-item .feature-text {
    font-weight: 400 !important;
  }
}
.homepage-uk-container .services-section .content-wrapper .section-subtitle {
  line-height: 20px !important;
}
@media (min-width: 991px) {
  .homepage-uk-container .services-section .content-wrapper .section-subtitle {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
.homepage-uk-container .services-section .content-wrapper .section-title {
  font-family: poppins !important;
  font-size: 36px;
}
@media (min-width: 991px) {
  .homepage-uk-container .services-section .content-wrapper .section-title {
    font-size: 38px !important;
  }
}
.homepage-uk-container .services-section .content-wrapper .tabs-container .tab-items .tab-item.active {
  line-height: 20px !important;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
@media (min-width: 991px) {
  .homepage-uk-container .services-section .content-wrapper .tabs-container .tab-items .tab-item.active {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    line-height: 28px !important;
  }
}
.homepage-uk-container .services-section .content-wrapper .tabs-container .tab-content .tab-panel .service-content .service-details .service-details-title {
  font-family: poppins !important;
  font-size: 20px !important;
}
@media (min-width: 991px) {
  .homepage-uk-container .services-section .content-wrapper .tabs-container .tab-content .tab-panel .service-content .service-details .service-details-title {
    font-size: 32px !important;
    line-height: 40px !important;
  }
}
.homepage-uk-container .services-section .content-wrapper .tabs-container .tab-content .tab-panel .service-content .service-details .service-description {
  font-family: poppins !important;
}
.homepage-uk-container .statistics-section .content-wrapper .text-content .section-subtitle {
  font-family: poppins !important;
  line-height: 20px !important;
}
@media (min-width: 991px) {
  .homepage-uk-container .statistics-section .content-wrapper .text-content .section-subtitle {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
.homepage-uk-container .statistics-section .content-wrapper .text-content .section-title {
  font-family: poppins !important;
  font-size: 32px !important;
}
@media (min-width: 991px) {
  .homepage-uk-container .statistics-section .content-wrapper .text-content .section-title {
    font-size: 38px !important;
    line-height: 48px !important;
    font-weight: 600 !important;
  }
}
.homepage-uk-container .statistics-section .content-wrapper .text-content .section-description {
  font-family: poppins !important;
}
@media (min-width: 991px) {
  .homepage-uk-container .statistics-section .content-wrapper .text-content .section-description {
    font-size: 20px !important;
    line-height: 30px !important;
  }
}
.homepage-uk-container .statistics-section .stats-grid .stat-item .stat-number {
  font-family: poppins !important;
  font-size: 24px !important;
  border-color: #7dc8f7 !important;
}
@media (min-width: 991px) {
  .homepage-uk-container .statistics-section .stats-grid .stat-item .stat-number {
    font-size: 38px !important;
    line-height: 48px !important;
    font-weight: 600 !important;
  }
}
.homepage-uk-container .statistics-section .stats-grid .stat-item .stat-description {
  font-family: poppins !important;
}
@media (min-width: 991px) {
  .homepage-uk-container .statistics-section-pattern-img {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
}
.homepage-uk-container .iran-section {
  row-gap: 130px;
}
@media (min-width: 991px) {
  .homepage-uk-container .iran-section {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1536px) {
  .homepage-uk-container .iran-section {
    overflow: visible !important;
  }
}
.homepage-uk-container .iran-section .iran-text .iran-title .iran-title-header {
  font-family: poppins !important;
  font-size: 32px !important;
}
@media (min-width: 991px) {
  .homepage-uk-container .iran-section .iran-text .iran-title .iran-title-header {
    font-size: 38px !important;
    font-weight: 600 !important;
  }
}
.homepage-uk-container .iran-section .iran-text .iran-description {
  font-family: poppins !important;
  color: #475467 !important;
}
.homepage-uk-container .iran-section .iran-text .iran-features {
  font-family: poppins !important;
}
.homepage-uk-container .iran-section .iran-map .map-image {
  position: rselative;
  top: 50px;
}
@media (min-width: 991px) {
  .homepage-uk-container .iran-section .iran-map .map-image {
    top: 0;
  }
}

.innovation-banner-container {
  position: relative;
}
.innovation-banner-container .content-banner {
  position: relative;
  border-radius: 8px;
  background: #fff;
  height: 100%;
  margin-top: 32px;
  margin-bottom: 40px;
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  z-index: 10;
}
@media (min-width: 991px) {
  .innovation-banner-container .content-banner {
    min-height: 140px;
  }
}
.innovation-banner-container .content-banner img {
  width: auto;
}
.innovation-banner-container .bg-banner {
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  content: "";
  z-index: 0;
}
.innovation-banner-container .bg-banner:nth-child(1) {
  right: -50%;
  transform: translate(-50%, -50%);
}
.innovation-banner-container .bg-banner:nth-child(2) {
  left: 0;
  transform: translate(-30%, -41%);
}
@media (min-width: 991px) {
  .innovation-banner-container .bg-banner:nth-child(2) {
    transform: translate(-30%, -30%);
  }
}
.innovation-banner-container .bg-pattern-banner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -73%);
}
.innovation-banner-container p {
  color: #475a67;
}
.innovation-banner-container .btn-primary-black {
  padding: 6px 16px;
  gap: 8px;
  border-radius: 8px;
  border: none;
}
.innovation-banner-container .btn-primary-black span {
  transform: rotate(180deg);
}
.innovation-banner-container.event-ticket .content-banner {
  margin-bottom: 200px;
  height: unset;
  padding: 32px 48px;
}
.innovation-banner-container.event-ticket .bg-banner:nth-child(1) {
  right: -50%;
  transform: translate(-50%, -50%);
}
.innovation-banner-container.event-ticket .bg-banner:nth-child(2) {
  left: 0;
  transform: translate(-50%, -50%);
}

.card-challenges .challenge {
  width: 100%;
  margin-bottom: 16px;
  padding: 12px;
  border-radius: 8px;
  background: var(--natural-white-fff, #fff);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  position: relative;
  z-index: 2;
}
@media (min-width: 767px) {
  .card-challenges .challenge {
    padding: 24px 24px 24px 40px;
  }
}
@media (min-width: 991px) {
  .card-challenges .challenge .content.pl-md-3 {
    padding-left: 10px;
  }
}
.card-challenges .challenge .content div {
  padding-bottom: 10px;
  position: relative;
}
.card-challenges .challenge .content div p {
  color: #667985;
  font-size: 13px;
}
.card-challenges .challenge .content div p span svg {
  margin-left: 4px;
  transform: translateY(-2px);
}
.card-challenges .challenge .content div label {
  margin-bottom: 1.5rem;
}
.card-challenges .challenge .content div label::after {
  position: absolute;
  right: 0;
  top: 0;
  background-position: top right;
  background-size: contain;
  background-repeat: no-repeat;
  padding-right: 25px;
}
.card-challenges .challenge .content div label.company::after {
  background-image: url("../../svg/companies/design/building-07.svg");
  content: "کارشناسی توسط شرکت";
}
.card-challenges .challenge .content div label.vote::after {
  background-image: url("../../svg/companies/design/users-03.svg");
  content: "رأی گیری مردمی";
}
@media (min-width: 767px) {
  .card-challenges .challenge .content div h3 {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.card-challenges .challenge .content div h3.finished {
  color: #667985;
}
.card-challenges .challenge .content p:last-child {
  border-top: 1px solid var(--natural-200-eaeef-0, #eaeef0);
  color: #667985;
  font-size: 13px;
  line-height: 24px;
}
.card-challenges .challenge .actions {
  border-right: 0;
  padding-right: 0;
  margin-right: 0;
  position: relative;
}
@media (min-width: 991px) {
  .card-challenges .challenge .actions {
    min-width: 168px;
    max-width: 168px;
  }
}
@media (min-width: 1199px) {
  .card-challenges .challenge .actions {
    min-width: 232px;
    max-width: 232px;
    border-right: 1px solid #eaeef0;
    padding-right: 32px;
    margin-right: 32px;
  }
}
.card-challenges .challenge .actions div label {
  border-radius: 400px;
  padding: 3px 8px;
  gap: 2px;
  white-space: nowrap;
  border: 1px solid transparent;
}
.card-challenges .challenge .actions div label::after {
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
  padding-right: 22px;
}
.card-challenges .challenge .actions div label.finished {
  background: #f9fafb;
  border-color: #d0d8dd;
}
.card-challenges .challenge .actions div label.finished::after {
  content: "به اتمام رسیده";
  color: #344754;
  background-image: url("../../svg/companies/design/icon4.svg");
}
.card-challenges .challenge .actions div label.rejected {
  background: #fef3f2;
  border-color: #fda29b;
}
.card-challenges .challenge .actions div label.rejected::after {
  content: "رد شده";
  color: #b42318;
  background-image: url("../../svg/companies/design/icon.svg");
}
.card-challenges .challenge .actions div label.accepted {
  background: #ecfdf3;
  border-color: #75e0a7;
}
.card-challenges .challenge .actions div label.accepted::after {
  content: "تایید شده";
  color: #067647;
  background-image: url("../../svg/companies/design/icon3.svg");
}
.card-challenges .challenge .actions div label.content-review {
  background: #fffaeb;
  border-color: #fec84b;
}
.card-challenges .challenge .actions div label.content-review::after {
  content: "بررسی محتوایی مسابقه";
  color: #f79009;
  background-image: url("../../svg/companies/design/icon2.svg");
}
.card-challenges .challenge .actions div label.contract-review {
  background: #fffaeb;
  border-color: #fec84b;
}
.card-challenges .challenge .actions div label.contract-review::after {
  content: "بررسی قرار داد مالی";
  color: #f79009;
  background-image: url("../../svg/companies/design/bank-note-01.svg");
}
.card-challenges .challenge .actions div p {
  color: #475a67;
  text-align: center;
}
@media (min-width: 767px) {
  .card-challenges .challenge .actions div p {
    text-align: right;
  }
}
.card-challenges .challenge .actions div .suggestions {
  color: #49b3f3;
}
.card-challenges .challenge .actions div .voting {
  color: #1004a4;
}
.card-challenges .challenge .actions div .results {
  color: #c72d80;
}
.card-challenges .challenge .actions button:first-child {
  padding: 6px 16px;
  gap: 8px;
  border-radius: 8px;
  border: none;
  background: #fff;
  color: #98a8b3;
}
@media (max-width: 1199px) {
  .card-challenges .challenge .actions button:first-child {
    width: 100%;
  }
}
.card-challenges .challenge .actions button:last-child {
  padding: 6px 16px;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #d0d8dd;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.card-challenges .challenge .actions button:last-child span {
  transform: rotate(180deg) translateY(-3px);
}
.card-challenges .challenge .actions button:last-child.btn-primary-black {
  background: #101828;
  box-shadow: 0px 1px 2px 0px #667985;
  color: #fff;
  border: none;
}
@media (min-width: 991px) {
  .card-challenges .challenge .actions button:last-child {
    width: 100%;
  }
}
.card-challenges .challenge .btn-primary-black {
  padding: 6px 16px;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #d0d8dd;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05), 0px 1px 2px 0px #667985;
  border: none;
  margin: 0 40px 0 32px;
}
.card-challenges .challenge .btn-primary-black span {
  transform: rotate(180deg);
}
.card-challenges .btn-more {
  height: 38px;
  padding: 6px 16px;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #d0d8dd;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.card-challenges .btn-more span svg {
  transform: rotate(180deg);
}
.card-challenges h4 {
  color: #000;
}
.card-challenges .active-content {
  position: relative;
}
.card-challenges .active-content .bg-active-content {
  position: absolute;
  top: -14px;
  right: -365px;
  transform: translateY(-50%);
}
@media (min-width: 767px) {
  .card-challenges .active-content .bg-active-content {
    top: -30px;
    right: -40%;
  }
}
.card-challenges .active-content .bg-active-content p {
  position: absolute;
  top: 46%;
  left: 38%;
  transform: translate(-45px, -10px);
  color: #000;
  font-weight: bold;
  font-size: 18px;
}
.card-challenges .content-about {
  border-bottom: 1px solid #eaeef0;
}
.card-challenges .content-about P {
  line-height: 30px;
}
.card-challenges .content-about ul {
  list-style: none;
}
.card-challenges .content-contact div {
  border-bottom: 1px solid #eaeef0;
}
.card-challenges .content-contact div:nth-child(3) span a {
  color: #d54692;
}
.card-challenges .content-contact div:nth-child(3) span a span svg {
  color: #d54692;
  transform: rotate(-135deg);
}
.card-challenges .content-contact div span {
  color: #000;
}

.slider-custome-header, .slider-custome-pdf {
  position: relative;
}
.slider-custome-header .tns-liveregion, .slider-custome-pdf .tns-liveregion {
  display: none;
}
.slider-custome-header video, .slider-custome-pdf video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}
.slider-custome-header .tns-controls button, .slider-custome-pdf .tns-controls button {
  position: absolute;
  bottom: -66px;
  transform: translateY(-50%);
  right: 0;
  height: 32px;
  padding: 4px 11px 4px 12px;
  border-radius: 100px;
  border: none;
  background: #fff;
  box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.1);
}
@media (max-width: 767px) {
  .slider-custome-header .tns-controls button, .slider-custome-pdf .tns-controls button {
    display: none;
  }
}
.slider-custome-header .tns-controls button:nth-child(1), .slider-custome-pdf .tns-controls button:nth-child(1) {
  right: 40px;
}
.slider-custome-header .tns-controls button:nth-child(1) svg, .slider-custome-pdf .tns-controls button:nth-child(1) svg {
  transform: rotate(180deg);
}
.slider-custome-header .tns-nav, .slider-custome-pdf .tns-nav {
  margin-top: 16px;
}
@media (min-width: 767px) {
  .slider-custome-header .tns-nav, .slider-custome-pdf .tns-nav {
    display: none;
  }
}
.slider-custome-header .tns-nav button, .slider-custome-pdf .tns-nav button {
  border-radius: 4px;
  background: #f2f5f7 !important;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.slider-custome-header .tns-nav button.tns-nav-active, .slider-custome-pdf .tns-nav button.tns-nav-active {
  transform: none;
  background: #101828 !important;
}

@media (min-width: 767px) {
  .slider-custome-pdf .tns-ovh {
    border-radius: 8px;
  }
}
.slider-custome-pdf img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
@media (min-width: 767px) {
  .slider-custome-pdf img {
    border-radius: 8px;
  }
}
.slider-custome-pdf .tns-nav {
  display: block !important;
}
.slider-custome-pdf .tns-controls {
  margin-top: 24px !important;
}
.slider-custome-pdf .tns-controls button {
  bottom: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 1;
}
.slider-custome-pdf .tns-controls button svg {
  transform: rotate(180deg);
}
.slider-custome-pdf .tns-controls button:nth-child(2) {
  right: -40px !important;
}
.slider-custome-pdf .tns-controls button:nth-child(2) svg {
  transform: rotate(0);
}
.slider-custome-pdf .tns-controls button:nth-child(1) {
  left: -40px !important;
  right: auto !important;
}

.slider-custome-main {
  padding-bottom: 24px;
}
.slider-custome-main .offer-slide-assets {
  position: relative;
}
.slider-custome-main .offer-slide-assets img,
.slider-custome-main .offer-slide-assets video {
  height: 365px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .slider-custome-main .offer-slide-assets img,
  .slider-custome-main .offer-slide-assets video {
    height: 217px;
  }
}
@media (max-width: 767px) {
  .slider-custome-main .offer-slide-assets video {
    border-radius: unset;
  }
}
.slider-custome-main .offer-slide-assets .owl-nav .owl-next {
  background-color: rgba(255, 255, 255, 0.6392156863);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-size: 24px;
  box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.0588235294), 0px 4px 8px -2px rgba(16, 24, 40, 0.1019607843);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
.slider-custome-main .offer-slide-assets .owl-nav .owl-next > span {
  color: #000000;
}
.slider-custome-main .offer-slide-assets .owl-nav .owl-next.disabled > span {
  opacity: 0.5;
}
.slider-custome-main .offer-slide-assets .owl-nav .owl-next:hover > span {
  opacity: 0.5;
}
.slider-custome-main .offer-slide-assets .owl-nav .owl-prev {
  background-color: rgba(255, 255, 255, 0.6392156863);
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 2;
  transform: translateY(-50%);
  font-size: 24px;
  box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.0588235294), 0px 4px 8px -2px rgba(16, 24, 40, 0.1019607843);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  margin-left: 8px;
}
.slider-custome-main .offer-slide-assets .owl-nav .owl-prev.disabled > span {
  opacity: 0.5;
}
.slider-custome-main .offer-slide-assets .owl-nav .owl-prev > span {
  color: #000000;
}
.slider-custome-main .offer-slide-assets .owl-nav .owl-prev:hover > span {
  opacity: 0.5;
}
.slider-custome-main .offer-slide-assets .owl-dots {
  text-align: center;
}
.slider-custome-main .offer-slide-assets .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  margin-left: 4px;
  border-radius: 50%;
  background-color: #f2f5f7;
}
.slider-custome-main .offer-slide-assets .owl-dots button.owl-dot.active {
  background-color: #101828;
}
.slider-custome-main.public-single-offer .offer-slide-assets .owl-nav .owl-prev {
  left: 100%;
  right: unset;
}
.slider-custome-main.public-single-offer .offer-slide-assets .owl-nav .owl-next {
  right: 100%;
  left: unset;
}
.slider-custome-main.public-single-offer .tab-content-pdf {
  position: relative;
  padding-bottom: 40px;
  margin: 0 -7px 40px -12px;
}
@media (min-width: 768px) {
  .slider-custome-main.public-single-offer .tab-content-pdf {
    padding-bottom: 48px;
    margin: 0 0 40px 0;
  }
}
.slider-custome-main.public-single-offer .tab-content-pdf .pdf-carousel {
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  max-height: 203px;
}
@media (min-width: 768px) {
  .slider-custome-main.public-single-offer .tab-content-pdf .pdf-carousel {
    max-height: 365px;
  }
}
.slider-custome-main.public-single-offer .tab-content-pdf .pdf-carousel .item {
  display: grid;
  place-items: center;
  width: 100%;
  flex: 1 1 0%;
  overflow: hidden;
  max-height: 203px;
}
@media (min-width: 768px) {
  .slider-custome-main.public-single-offer .tab-content-pdf .pdf-carousel .item {
    max-height: 365px;
  }
}
.slider-custome-main.public-single-offer .tab-content-pdf .pdf-carousel .item canvas {
  max-height: 203px;
}
@media (min-width: 768px) {
  .slider-custome-main.public-single-offer .tab-content-pdf .pdf-carousel .item canvas {
    max-height: 365px;
  }
}
.slider-custome-main.public-single-offer .tab-content-pdf .pdf-nav-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  padding: 0 16px;
}
@media (min-width: 768px) {
  .slider-custome-main.public-single-offer .tab-content-pdf .pdf-nav-container {
    padding: 0;
  }
}
.slider-custome-main.public-single-offer .tab-content-pdf .pdf-nav-container .owl-nav {
  display: flex;
  align-items: center;
  gap: 12px;
}
.slider-custome-main.public-single-offer .tab-content-pdf .pdf-nav-container .owl-nav .owl-next,
.slider-custome-main.public-single-offer .tab-content-pdf .pdf-nav-container .owl-nav .owl-prev {
  display: grid;
  place-items: center;
  background-color: #f2f2f3 !important;
  box-shadow: 0px 3px 6px -1.5px rgba(16, 24, 40, 0.1), 0px 1.5px 3px -1.5px rgba(16, 24, 40, 0.06) !important;
  border-radius: 9999px;
  border: none !important;
}
@media (min-width: 768px) {
  .slider-custome-main.public-single-offer .tab-content-pdf .pdf-nav-container .owl-nav .owl-next svg,
  .slider-custome-main.public-single-offer .tab-content-pdf .pdf-nav-container .owl-nav .owl-prev svg {
    scale: 1.2;
  }
}
.slider-custome-main.public-single-offer .tab-content-pdf .pdf-nav-container .owl-nav .owl-next.disabled,
.slider-custome-main.public-single-offer .tab-content-pdf .pdf-nav-container .owl-nav .owl-prev.disabled {
  background-color: #ffffff !important;
  box-shadow: none !important;
  cursor: default;
}
.slider-custome-main.public-single-offer .tab-content-pdf .pdf-nav-container .owl-nav .owl-prev {
  padding: 3px 1.5px 3px 4.5px !important;
}
@media (min-width: 768px) {
  .slider-custome-main.public-single-offer .tab-content-pdf .pdf-nav-container .owl-nav .owl-prev {
    padding: 4px 2px 4px 6px !important;
  }
}
.slider-custome-main.public-single-offer .tab-content-pdf .pdf-nav-container .owl-nav .owl-next {
  padding: 3px 4.5px 3px 1.5px !important;
}
@media (min-width: 768px) {
  .slider-custome-main.public-single-offer .tab-content-pdf .pdf-nav-container .owl-nav .owl-next {
    padding: 4px 6px 4px 2px !important;
  }
}
.slider-custome-main.public-single-offer .tab-content-pdf .pdf-nav-container .owl-dots {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .slider-custome-main.public-single-offer .tab-content-pdf .pdf-nav-container .owl-dots {
    gap: 4px;
  }
}
.slider-custome-main.public-single-offer .tab-content-pdf .pdf-nav-container .owl-dots button.owl-dot {
  height: 12px !important;
  border-radius: 50%;
  background-color: #f2f5f7 !important;
  border: none !important;
  scale: 0.5;
}
.slider-custome-main.public-single-offer .tab-content-pdf .pdf-nav-container .owl-dots button.owl-dot.active {
  background-color: #101828 !important;
}
@media (min-width: 768px) {
  .slider-custome-main.public-single-offer .tab-content-pdf .pdf-nav-container .owl-dots button.owl-dot {
    scale: 0.75;
  }
}

.home-page-sidebar {
  width: 100%;
  height: 100%;
  max-width: 300px;
  background-color: #fff;
  position: fixed !important;
  z-index: 12;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #c72d80 17.71%, #1004a4 50.52%, #49b3f3 81.77%) border-box;
  background-color: rgba(0, 0, 0, 0);
  border-top: 4px solid transparent !important;
  right: 0;
  top: 0;
}
.home-page-sidebar .container {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.home-page-sidebar .container::-webkit-scrollbar {
  width: 10px;
}
.home-page-sidebar .container::-webkit-scrollbar-thumb {
  background: rgb(234, 236, 240);
  border: 1px solid transparent;
  border-radius: 8px;
  background-clip: padding-box;
}
.home-page-sidebar .container .sidebar-items {
  padding: 20px 16px 0 16px !important;
  margin: 0 -8px;
}
.home-page-sidebar .container .sidebar-items:nth-child(2) {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
.home-page-sidebar .container .sidebar-items .menu-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  font-family: PeydaWebFaNum, serif;
}
.home-page-sidebar .container .sidebar-items .menu-title .image-container .user-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.home-page-sidebar .container .sidebar-items .menu-title a {
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  color: #101828;
}
.home-page-sidebar .container .sidebar-items > ul {
  margin-top: 94px;
}
.home-page-sidebar .container .sidebar-items > ul li {
  padding-top: 8px;
  padding-bottom: 8px;
}
.home-page-sidebar .container .sidebar-items > ul li a {
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.home-page-sidebar .container .sidebar-items > ul li .menu-arrow {
  border: solid #3c4858;
  border-radius: 0.5px;
  border-width: 0 0 2px 2px;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  transition: all 0.5s;
}
.home-page-sidebar .container .sidebar-items > ul li:hover {
  cursor: pointer;
}
.home-page-sidebar .container .sidebar-items > ul li:hover > a {
  color: #c72d80;
}
.home-page-sidebar .container .sidebar-items > ul li:hover .menu-arrow {
  transform: rotate(-225deg);
  border-color: #c72d80;
}
.home-page-sidebar .container .sidebar-items > ul li:hover .submenu {
  display: unset;
  padding-right: 14px;
}
.home-page-sidebar .container .sidebar-items > ul li .submenu {
  display: none;
}
.home-page-sidebar .container .sidebar-items > ul li:hover .home-page-sidebar .container .sidebar-items > ul li.profile {
  padding-bottom: 16px;
  border-bottom: 1px solid #eaeef0;
}
.home-page-sidebar .container .sidebar-items > ul li.exit {
  padding-top: 16px;
  border-top: 1px solid #eaecf0;
}
.home-page-sidebar .icon-chevron-right-double {
  position: absolute;
  top: 28px;
  left: -40px;
}
.home-page-sidebar .icon-chevron-right-double span svg path {
  stroke: #fff !important;
}

#backdrop-container.show {
  background: rgba(29, 46, 57, 0.4784313725);
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 10;
  cursor: pointer;
  bottom: 0;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
#backdrop-container.hide {
  z-index: -10;
  display: none;
}

#backdrop-fade-container.show {
  background: transparent;
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 12;
  bottom: 0;
  left: 0;
}
#backdrop-fade-container.hide {
  z-index: -10;
  display: none;
}

.all-section-seen .image-container {
  position: relative;
}
.all-section-seen .image-container img {
  max-width: 480px;
  display: block;
}
.all-section-seen .image-container .txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  white-space: nowrap;
  background: radial-gradient(170.31% 170.31% at 50% 50%, #fcfcfd 0%, rgba(252, 252, 253, 0) 100%);
  padding: 32px;
}
@media (max-width: 991px) {
  .all-section-seen .image-container .txt {
    padding: 16px;
    font-size: 16px;
    font-weight: 400;
  }
}

.open-innovation-container {
  direction: rtl;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}
@media (max-width: 1319px) {
  .open-innovation-container {
    padding: 24px 0 0 0;
  }
}
.open-innovation-container .fixed-bottom {
  z-index: 5;
}
.open-innovation-container .show-competition-btn {
  color: #344754;
  border: 1px solid #d0d8dd;
  line-height: 26px;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 6px 18px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.open-innovation-container .show-competition-btn:after {
  content: url("../../svg/contests/arrow-left-dark.svg");
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
@media (max-width: 1199px) {
  .open-innovation-container .show-competition-btn:after {
    width: 20px;
    height: 20px;
  }
}
.open-innovation-container .all-company span {
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  text-align: right;
  color: #667985;
}
@media (max-width: 991px) {
  .open-innovation-container .all-company span {
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
  }
}
.open-innovation-container .open-innovation-interview {
  order: 0;
}
.open-innovation-container .open-innovation-interview .open-innovation-bg {
  position: absolute;
  width: 898px;
  left: -123px;
  height: 960px;
  top: -216px;
}
@media (max-width: 991px) {
  .open-innovation-container .open-innovation-interview {
    background: url("../../svg/open-innovation/open-innovation-bg-mobile.svg") no-repeat;
    background-position: top;
    background-size: 100% 572px;
  }
}
@media (min-width: 1199px) {
  .open-innovation-container .open-innovation-interview {
    margin-top: 75px;
  }
}
.open-innovation-container .open-innovation-interview .open-innovation-interview-image {
  position: relative;
}
.open-innovation-container .open-innovation-interview .open-innovation-interview-image div {
  max-width: 648px;
  height: 640px;
}
@media (max-width: 1199px) {
  .open-innovation-container .open-innovation-interview .open-innovation-interview-image div {
    height: 322px;
    max-width: 100%;
    margin-bottom: 16px;
  }
}
@media (max-width: 991px) {
  .open-innovation-container .open-innovation-interview .open-innovation-interview-image div {
    margin-bottom: 0;
  }
}
.open-innovation-container .open-innovation-interview .open-innovation-interview-image .interview-image {
  border-radius: 16px;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 1;
  height: 100%;
  max-width: 100%;
}
.open-innovation-container .open-innovation-interview .open-innovation-interview-image .interview-shape {
  position: absolute;
  left: -70px;
  bottom: -118px;
  z-index: 5;
}
.open-innovation-container .open-innovation-interview .open-innovation-interview-image .interview-shape svg {
  width: 142px;
  height: 142px;
}
.open-innovation-container .open-innovation-interview h1 {
  font-weight: 900;
  font-size: 36px !important;
  line-height: 66px;
  font-family: dana, serif !important;
  color: #101828;
  position: relative;
  z-index: 2;
  margin-bottom: 0;
  padding-bottom: 8px;
}
@media (max-width: 991px) {
  .open-innovation-container .open-innovation-interview h1 {
    background: rgba(255, 255, 255, 0.64);
    display: block;
    margin: -40px 30px 0 30px;
    text-align: center;
    border-radius: 8px;
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
    font-size: 24px !important;
    line-height: 44px;
  }
}
.open-innovation-container .open-innovation-interview span {
  font-weight: 700;
  font-size: 32px;
  line-height: 58px;
  margin-bottom: 48px;
  display: block;
  color: #101828;
  position: relative;
  font-family: dana, serif !important;
}
@media (max-width: 991px) {
  .open-innovation-container .open-innovation-interview span {
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 32px;
  }
}
.open-innovation-container .open-innovation-interview p {
  font-weight: 500;
  font-size: 18px;
  line-height: 32px;
  color: #475a67;
  position: relative;
  margin-bottom: 0;
  font-family: dana, serif !important;
}
@media (max-width: 1199px) {
  .open-innovation-container .open-innovation-interview p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 0;
    padding-bottom: 75px;
  }
}
.open-innovation-container .open-innovation-interview a {
  margin-top: 26px;
  padding: 8px 60px;
  font-family: PeydaWebFaNum, serif !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  position: relative;
  z-index: 5;
  align-items: center;
}
.open-innovation-container .open-innovation-interview a .arrow-left-icon {
  width: 24px;
  margin-right: 8px;
  margin-bottom: 0;
  line-height: unset;
  display: flex;
}
.open-innovation-container .open-innovation-about {
  order: 3;
}
@media (min-width: 1199px) {
  .open-innovation-container .open-innovation-about {
    order: 1;
    margin-top: 180px;
    padding-bottom: 159px;
  }
}
@media (max-width: 991px) {
  .open-innovation-container .open-innovation-about {
    margin-top: 38px;
  }
}
.open-innovation-container .open-innovation-about .open-innovation-about-image {
  position: relative;
}
@media (min-width: 1199px) {
  .open-innovation-container .open-innovation-about .open-innovation-about-image {
    padding-right: 113px;
  }
}
.open-innovation-container .open-innovation-about .open-innovation-about-image div {
  max-width: 424px;
  height: 458px;
}
@media (max-width: 1199px) {
  .open-innovation-container .open-innovation-about .open-innovation-about-image div {
    height: 355px;
    max-width: 100%;
  }
}
.open-innovation-container .open-innovation-about .open-innovation-about-image img:first-child {
  border-radius: 16px;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
@media (max-width: 1319px) {
  .open-innovation-container .open-innovation-about .open-innovation-about-image img:first-child {
    margin: 38px 0 0 0;
  }
}
.open-innovation-container .open-innovation-about .open-innovation-about-image .about-shape {
  position: absolute;
  top: -63px;
  right: 43px;
  z-index: 5;
}
.open-innovation-container .open-innovation-about .open-innovation-about-image .about-shape svg {
  width: 142px;
  height: 142px;
}
@media (max-width: 991px) {
  .open-innovation-container .open-innovation-about .open-innovation-about-title {
    padding: 16px;
    width: 172px;
    background: rgba(255, 255, 255, 0.72);
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
    margin-top: -73px;
    margin-bottom: 8px;
    position: relative;
    z-index: 5;
    border-radius: 4px 0 0 4px;
  }
}
.open-innovation-container .open-innovation-about .open-innovation-about-title h2 {
  color: #101828;
  font-weight: 700;
  font-size: 32px !important;
  line-height: 58px;
  margin-bottom: 38px;
  font-family: PeydaWebFaNum, serif;
}
@media (max-width: 991px) {
  .open-innovation-container .open-innovation-about .open-innovation-about-title h2 {
    font-size: 20px !important;
    line-height: 36px;
    margin-bottom: 16px;
  }
}
.open-innovation-container .open-innovation-about .open-innovation-about-title svg {
  width: 60px;
  position: absolute;
  top: -32px;
  left: -30px;
}
.open-innovation-container .open-innovation-about p {
  color: #475a67;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  font-family: PeydaWebFaNum, serif;
  margin-bottom: 0;
  text-align: justify;
}
.open-innovation-container .active-competitions {
  background: #fcfcfd;
  order: 2;
  padding-top: 196px;
  z-index: 5;
}
@media (max-width: 1199px) {
  .open-innovation-container .active-competitions {
    background: unset;
    order: 1;
    padding-top: 0;
    margin-top: -100px;
  }
}
.open-innovation-container .active-competitions .active-competition-container {
  position: relative;
}
@media (max-width: 1199px) {
  .open-innovation-container .active-competitions .active-competition-container .mobile-border {
    border-top: 1px solid #eaeef0;
    border-bottom: 1px solid #eaeef0;
    margin: 0;
  }
}
.open-innovation-container .active-competitions .active-competition-container h2 {
  margin: 104px 0 48px 0;
  font-weight: 700;
  font-size: 24px;
  line-height: 44px;
  color: #101828;
  padding: 0 8px;
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-bg {
  position: absolute;
  top: -433px;
  right: -136px;
  width: 768px;
  height: 720px;
}
@media (max-width: 1319px) {
  .open-innovation-container .active-competitions .active-competition-container .active-competition-bg {
    right: -250px;
  }
}
@media (max-width: 1199px) {
  .open-innovation-container .active-competitions .active-competition-container .active-competition-bg {
    right: -150px;
  }
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-bg-mobile {
  width: 400px;
}
@media (max-width: 991px) {
  .open-innovation-container .active-competitions .active-competition-container .active-competition-bg-mobile {
    margin-top: -145px;
  }
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card {
  padding: 24px 24px 24px 40px;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  background: #fff;
  margin: 0 8px 10px 8px;
  position: relative;
  max-width: 872px;
}
@media (max-width: 1319px) {
  .open-innovation-container .active-competitions .active-competition-container .active-competition-card {
    box-shadow: unset;
    padding: 32px 0 8px 0;
    margin: 0;
  }
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card .border-left-active-competition-card {
  width: 100%;
}
@media (min-width: 1319px) {
  .open-innovation-container .active-competitions .active-competition-container .active-competition-card .border-left-active-competition-card {
    border-left: 1px solid #eaeef0;
    width: 544px;
  }
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card .active-competition-card-content {
  padding-left: 32px;
}
@media (max-width: 1319px) {
  .open-innovation-container .active-competitions .active-competition-container .active-competition-card .active-competition-card-content {
    padding-left: 0;
    display: flex;
    flex-direction: column-reverse;
  }
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card .active-competition-card-content .active-competition-title {
  margin-bottom: 8px;
  display: flex;
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card .active-competition-card-content .active-competition-title img {
  width: 20px;
  height: 20px;
  margin-left: 4px;
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card .active-competition-card-content .active-competition-title span {
  color: #667985;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  font-family: PeydaWebFaNum, serif;
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card a {
  color: #1d2e39;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  text-decoration: none;
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card a h3 {
  font-size: 18px !important;
  font-weight: 700;
  line-height: 32px;
  color: #1d2e39;
  font-family: PeydaWebFaNum, serif !important;
}
@media (max-width: 1199px) {
  .open-innovation-container .active-competitions .active-competition-container .active-competition-card a h3 {
    font-size: 16px !important;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 0;
  }
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card p {
  color: #475a67;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 32px;
  margin-top: 8px;
  display: block;
}
@media (max-width: 991px) {
  .open-innovation-container .active-competitions .active-competition-container .active-competition-card p {
    display: none;
  }
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card hr {
  color: #eaeef0;
  margin: 0;
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card .contest-organizer {
  display: flex;
}
@media (max-width: 1199px) {
  .open-innovation-container .active-competitions .active-competition-container .active-competition-card .contest-organizer {
    margin-bottom: 8px;
  }
}
@media (min-width: 1199px) {
  .open-innovation-container .active-competitions .active-competition-container .active-competition-card .contest-organizer {
    margin-top: 12px;
  }
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card .contest-organizer img {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  margin-left: 8px;
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card .contest-organizer span {
  color: #1d2e39;
  font-weight: 700;
  line-height: 26px;
  font-size: 14px;
  align-self: center;
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail {
  padding: 37px 32px 0 0;
}
@media (max-width: 1199px) {
  .open-innovation-container .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail {
    display: flex;
    align-items: end;
    padding: 24px 0 8px 0;
    justify-content: space-between;
  }
}
@media (min-width: 1319px) {
  .open-innovation-container .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail {
    width: 232px;
  }
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time {
  font-family: PeydaWebFaNum, serif;
}
@media (max-width: 1319px) {
  .open-innovation-container .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time {
    align-self: end;
  }
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time span {
  font-size: 14px;
  line-height: 26px;
}
@media (max-width: 1319px) {
  .open-innovation-container .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time span {
    font-size: 13px;
  }
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time span:first-child {
  color: #475a67;
  font-weight: 700;
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time span:last-child {
  color: #667985;
  font-weight: 400;
  margin-left: 4px;
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .receive-an-offer {
  padding-top: 4px;
  color: #49b3f3;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  font-family: PeydaWebFaNum, serif;
}
@media (max-width: 1199px) {
  .open-innovation-container .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .receive-an-offer {
    font-size: 13px;
    line-height: 24px;
    padding-top: 0;
  }
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .public-voting {
  color: #1004a4;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  font-family: PeydaWebFaNum, serif;
}
@media (max-width: 1199px) {
  .open-innovation-container .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .public-voting {
    font-size: 13px;
    line-height: 24px;
  }
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .awaiting-announcement-results {
  padding-top: 4px;
  color: #e12a80;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  font-family: PeydaWebFaNum, serif;
}
@media (max-width: 1199px) {
  .open-innovation-container .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .awaiting-announcement-results {
    font-size: 13px;
    line-height: 24px;
  }
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .finished-competition {
  border: 1px solid #d0d8dd;
  border-radius: 20px;
  display: inline-flex;
  padding: 4px 8px;
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .finished-competition img {
  margin-left: 8px;
  width: 20px;
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .finished-competition span {
  color: #98a8b3;
  line-height: 26px;
  font-size: 14px;
  font-weight: 500;
  font-family: PeydaWebFaNum, serif;
}
@media (max-width: 1199px) {
  .open-innovation-container .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .finished-competition span {
    font-size: 13px;
    line-height: 24px;
  }
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .submit-an-offer {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  margin-top: 32px;
  padding: 6px 16px;
  font-family: PeydaWebFaNum, serif;
  align-items: center;
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .submit-an-offer img {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .show-competition-btn {
  margin-top: 32px;
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card .show-competition {
  justify-content: space-between;
  padding: 16px 0 24px 0;
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card .show-competition img {
  width: 20px;
  margin-left: 4px;
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card .show-competition span {
  color: #667985;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  font-family: PeydaWebFaNum, serif;
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card .show-competition h3 {
  font-size: 18px !important;
  font-weight: 700;
  line-height: 32px;
  color: #1d2e39;
  font-family: PeydaWebFaNum, serif;
}
@media (max-width: 1199px) {
  .open-innovation-container .active-competitions .active-competition-container .active-competition-card .show-competition h3 {
    font-size: 16px !important;
    font-weight: 600;
    line-height: 30px;
  }
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card .show-competition a {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 26px;
  display: flex;
  padding: 6px 16px !important;
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card .show-competition a .arrow-left-icon svg {
  width: 20px;
  margin-right: 8px;
  margin-left: unset;
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card .show-competition a.btn-primary-black {
  color: #fff;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 26px;
  display: flex;
  padding: 6px 16px !important;
  align-self: center;
}
.open-innovation-container .active-competitions .active-competition-container .active-competition-card .show-competition a.btn-primary-black .arrow-left-icon svg {
  width: 20px;
  margin-right: 8px;
  margin-left: unset;
}
.open-innovation-container .active-competitions .active-competition-container .see-all-competition {
  border: 1px solid #d0d8dd;
  padding: 8px 16px;
  color: #344754;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 48px auto 64px auto;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  max-width: 426px;
}
.open-innovation-container .active-competitions .active-competition-container .see-all-competition svg {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.open-innovation-container .process-of-holding-competition {
  order: 3;
}
@media (max-width: 1199px) {
  .open-innovation-container .process-of-holding-competition {
    background: url("../../svg/open-innovation/process-of-holding-competition-mobile.svg") no-repeat;
    background-size: auto 142px;
    background-position-y: 22px;
    order: 2;
  }
}
.open-innovation-container .process-of-holding-competition .process-of-holding-competition-image {
  width: 142px;
  margin-top: -35px;
}
.open-innovation-container .process-of-holding-competition h2 {
  color: #101828;
  font-size: 32px !important;
  font-weight: 700;
  line-height: 58px;
  margin-top: 122px;
}
@media (max-width: 991px) {
  .open-innovation-container .process-of-holding-competition h2 {
    font-size: 20px;
    line-height: 36px;
    margin-bottom: 16px;
    margin-top: 58px;
  }
}
.open-innovation-container .process-of-holding-competition span {
  color: #475a67;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}
@media (max-width: 991px) {
  .open-innovation-container .process-of-holding-competition span {
    font-size: 14px;
    line-height: 26px;
  }
}
.open-innovation-container .process-of-holding-competition .competition-stage-list {
  margin-top: 65px;
}
.open-innovation-container .process-of-holding-competition .competition-stage-list .competition-stages {
  display: flex;
}
.open-innovation-container .process-of-holding-competition .competition-stage-list .competition-stages h3 {
  color: #101828;
  font-size: 18px !important;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 16px;
  margin-top: 16px;
}
@media (max-width: 991px) {
  .open-innovation-container .process-of-holding-competition .competition-stage-list .competition-stages h3 {
    font-size: 16px !important;
    line-height: 30px;
    margin: 4px 0 8px 0;
  }
}
.open-innovation-container .process-of-holding-competition .competition-stage-list .competition-stages p {
  color: #475a67;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .open-innovation-container .process-of-holding-competition .competition-stage-list .competition-stages p {
    font-size: 14px;
    line-height: 26px;
  }
}
.open-innovation-container .process-of-holding-competition .competition-stage-list .competition-stages svg {
  width: 64px;
  margin: 0 0 16px 16px;
}
@media (max-width: 991px) {
  .open-innovation-container .process-of-holding-competition .competition-stage-list .competition-stages svg {
    margin: 0 0 4px 16px;
  }
}
.open-innovation-container .process-of-holding-competition hr {
  color: #eaeef0;
  margin-top: 64px;
  margin-bottom: 0;
}
.open-innovation-container .features-and-benefits {
  order: 4;
  margin: 79px 0 144px 0;
  position: relative;
}
@media (max-width: 1199px) {
  .open-innovation-container .features-and-benefits {
    margin: 79px 0 16px 0;
  }
}
.open-innovation-container .features-and-benefits .features-and-benefits-title {
  margin-bottom: 64px;
  position: relative;
}
@media (max-width: 991px) {
  .open-innovation-container .features-and-benefits .features-and-benefits-title {
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.48);
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
    margin-top: -130px;
    z-index: 5;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    right: 0;
    padding: 16px 24px 16px 32px;
  }
}
.open-innovation-container .features-and-benefits .features-and-benefits-title h2 {
  color: #101828;
  font-size: 24px !important;
  font-weight: 700;
  line-height: 44px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .open-innovation-container .features-and-benefits .features-and-benefits-title h2 {
    font-size: 20px !important;
    line-height: 36px;
  }
}
.open-innovation-container .features-and-benefits .features-and-benefits-title svg {
  width: 60px;
  position: absolute;
  left: -29px;
  top: -29px;
}
.open-innovation-container .features-and-benefits .features-and-benefits-list {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.open-innovation-container .features-and-benefits .features-and-benefits-list .features-and-benefits-item div {
  margin-left: -12px;
  border-radius: 0 8px 8px 0;
  align-items: center;
  justify-content: start;
  gap: 0 10px;
  padding: 24px 16px;
  background: linear-gradient(90deg, #ffffff 0%, #ffffff 96%);
}
@media (min-width: 991px) {
  .open-innovation-container .features-and-benefits .features-and-benefits-list .features-and-benefits-item div {
    gap: 0 32px;
    border-radius: 0 12px 12px 0;
    padding: 24px;
  }
}
.open-innovation-container .features-and-benefits .features-and-benefits-list .features-and-benefits-item svg {
  width: 24px;
  height: 24px;
  scale: 1.25;
}
@media (min-width: 767px) {
  .open-innovation-container .features-and-benefits .features-and-benefits-list .features-and-benefits-item svg {
    width: 30px;
    height: 30px;
  }
}
.open-innovation-container .features-and-benefits .features-and-benefits-list .features-and-benefits-item h3 {
  color: #101828;
  font-size: 16px !important;
  font-weight: 500;
  line-height: 32px;
  margin: 0;
}
@media (min-width: 991px) {
  .open-innovation-container .features-and-benefits .features-and-benefits-list .features-and-benefits-item h3 {
    font-weight: 700;
    font-size: 18px !important;
    line-height: 34px;
  }
}
.open-innovation-container .features-and-benefits .features-and-benefits-list .bg-container {
  position: absolute;
  top: -55px;
  right: -40px;
  z-index: -10;
  opacity: 0.04;
  filter: blur(40px);
}
@media (min-width: 991px) {
  .open-innovation-container .features-and-benefits .features-and-benefits-list .bg-container {
    top: -60px;
    opacity: 0.05;
  }
}
.open-innovation-container .features-and-benefits .features-and-benefits-list .bg-container-1,
.open-innovation-container .features-and-benefits .features-and-benefits-list .bg-container-2,
.open-innovation-container .features-and-benefits .features-and-benefits-list .bg-container-3 {
  width: 228px !important;
  height: 229px !important;
  border-radius: 999px;
}
.open-innovation-container .features-and-benefits .features-and-benefits-list .bg-container-1 {
  background: #49b3f3;
}
.open-innovation-container .features-and-benefits .features-and-benefits-list .bg-container-2 {
  background: #1004a4;
  transform: translateY(-40px);
}
.open-innovation-container .features-and-benefits .features-and-benefits-list .bg-container-3 {
  background: #e12a80;
  transform: translateY(-80px);
}
.open-innovation-container .features-and-benefits .features-benefit-image {
  border-radius: 16px;
  max-width: 608px;
  height: 560px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1199px) {
  .open-innovation-container .features-and-benefits .features-benefit-image {
    margin: 0 0 32px 0;
    height: 302px;
  }
}
.open-innovation-container .features-and-benefits .features-benefit-shape {
  position: absolute;
  left: -70px;
  top: -70px;
}
.open-innovation-container .features-and-benefits .features-benefit-shape svg {
  width: 142px;
  height: 142px;
}
.open-innovation-container .companies-brands {
  order: 5;
}
.open-innovation-container .companies-brands hr {
  color: #eaeef0;
  margin: 0;
}
.open-innovation-container .companies-brands h3 {
  color: #101828;
  font-size: 24px !important;
  font-weight: 700;
  line-height: 44px;
  text-align: center;
  margin: 64px 0 64px 0;
  font-family: dana, serif !important;
}
@media (max-width: 991px) {
  .open-innovation-container .companies-brands h3 {
    font-size: 16px !important;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
  }
}
.open-innovation-container .companies-brands .companies-brands-list a img {
  max-width: 120px;
  margin-bottom: 56px;
  padding: 0 12px;
  filter: grayscale(1);
}
@media (max-width: 1199px) {
  .open-innovation-container .companies-brands .companies-brands-list a img {
    margin-bottom: 24px;
    width: 83px;
    padding: 0;
    max-height: 83px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.open-innovation-container .companies-brands .see-all-brands {
  display: flex;
  margin: 8px 0 64px 0;
  box-shadow: unset;
  align-items: center;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 24px;
  text-align: right;
}
.open-innovation-container .companies-brands .see-all-brands svg {
  margin-right: 4px;
  width: 20px;
}
.open-innovation-container .companies-brands .see-all-brands span {
  margin: 0;
}
@media (max-width: 991px) {
  .open-innovation-container .companies-brands .see-all-brands {
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 24px;
    text-align: right;
  }
}
.open-innovation-container .companies-brands span {
  margin: 8px 0 67px 0;
}
.open-innovation-container .create-competition {
  order: 6;
  background: url("../../svg/open-innovation/create-competition-bg.svg") no-repeat;
  background-position-x: center;
  padding: 177px 0 160px 0;
}
@media (min-width: 1199px) {
  .open-innovation-container .create-competition .create-competition-container {
    max-width: 1096px;
  }
}
.open-innovation-container .create-competition .create-competition-container .create-competition-content {
  background: #fff;
  border-radius: 8px;
  display: flex;
  padding: 40px 32px;
  box-shadow: 0 8px 8px -4px rgba(16, 24, 40, 0.03), 0 20px 24px -4px rgba(16, 24, 40, 0.08);
}
@media (min-width: 1199px) {
  .open-innovation-container .create-competition .create-competition-container .create-competition-content {
    background: url("../../svg/open-innovation/create-competition.svg") #fff no-repeat right bottom;
  }
}
.open-innovation-container .create-competition .create-competition-container .create-competition-content div:first-child {
  margin: 0 184px 0 64px;
}
@media (max-width: 1199px) {
  .open-innovation-container .create-competition .create-competition-container .create-competition-content div:first-child {
    margin: 0;
  }
}
.open-innovation-container .create-competition .create-competition-container .create-competition-content .create-competition-image {
  width: 160px;
}
.open-innovation-container .create-competition .create-competition-container .create-competition-content span {
  color: #475a67;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  font-family: PeydaWebFaNum, serif;
}
.open-innovation-container .create-competition .create-competition-container .create-competition-content a {
  margin: 7px 0 7px 0;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  justify-content: center;
  padding: 8px 0;
  width: 240px;
}
.open-innovation-container .create-competition .create-competition-container .create-competition-content a .arrow-left {
  width: 24px;
  margin-right: 8px;
}
.open-innovation-container .create-competition-mobile {
  border-top: 1px solid #f2f5f7;
  background: #fff;
}
.open-innovation-container .create-competition-mobile a {
  display: flex !important;
  justify-content: center;
  margin: 16px;
}
.open-innovation-container .create-competition-mobile a .arrow-left svg {
  margin-right: 8px;
  width: 20px;
}
.open-innovation-container .fw-medium {
  font-weight: 500 !important;
}

.public-single-contest-all-competition .shadow-more {
  height: 30px;
  width: 100%;
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 10px;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.3), #fff);
}
.public-single-contest-all-competition .all-competition-title {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
  justify-content: space-between;
}
.public-single-contest-all-competition .all-competition-title img {
  width: 18px;
  margin: 0 0 0 8px;
}
@media (max-width: 1199px) {
  .public-single-contest-all-competition .all-competition-title img {
    width: 18px;
  }
}
.public-single-contest-all-competition .all-competition-title h1 {
  font-weight: 700;
  font-size: 20px !important;
  line-height: 36px;
  color: #101828;
  padding: 0;
  margin: 0;
}
.public-single-contest-all-competition .all-competition-title span {
  margin-top: 4px;
}
.public-single-contest-all-competition .all-competition-title span:first-child {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  color: #667985;
  margin-left: 8px;
}
.public-single-contest-all-competition .all-competition-title span:last-child {
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  color: #667985;
  align-self: center;
}
.public-single-contest-all-competition .all-competition-title button {
  display: flex;
  box-shadow: unset;
}
.public-single-contest-all-competition .all-competition-title button img {
  margin-left: 4px;
  width: 24px;
  height: 24px;
}
.public-single-contest-all-competition .all-competition-title button span {
  margin: 0;
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  color: #101828;
}
.public-single-contest-all-competition form {
  display: flex;
  margin-bottom: 64px;
}
@media (max-width: 1199px) {
  .public-single-contest-all-competition form {
    width: 100%;
    margin-bottom: 29px;
  }
}
.public-single-contest-all-competition form label {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 6px;
}
.public-single-contest-all-competition form .search-field {
  width: 448px;
  height: 46px;
  padding: 8px 12px 8px 12px;
  border-radius: 0 8px 8px 0;
  border: 1px solid #D0D8DD;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  background: #fff;
  display: flex;
  align-items: center;
}
@media (max-width: 1199px) {
  .public-single-contest-all-competition form .search-field {
    width: 100%;
    padding: 6px 12px 6px 12px;
  }
}
.public-single-contest-all-competition form .search-field img {
  width: 20px;
  height: 20px;
  margin-left: 8px;
}
.public-single-contest-all-competition form .search-field input {
  color: #98A8B3;
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  width: 448px;
  border: unset;
  padding: 0;
}
.public-single-contest-all-competition form .search-field input::-moz-placeholder {
  color: #98A8B3;
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}
.public-single-contest-all-competition form .search-field input::placeholder {
  color: #98A8B3;
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}
@media (max-width: 1199px) {
  .public-single-contest-all-competition form .search-field input::-moz-placeholder {
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
  }
  .public-single-contest-all-competition form .search-field input::placeholder {
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
  }
}
.public-single-contest-all-competition form .search-field input:focus {
  box-shadow: unset !important;
}
@media (max-width: 1199px) {
  .public-single-contest-all-competition form .search-field input {
    width: 100%;
  }
}
.public-single-contest-all-competition form .search-btn {
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  background: #fff;
  color: #344754;
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  width: 89px;
  height: 46px;
  border-radius: 8px 0 0 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #D0D8DD;
}
@media (max-width: 1199px) {
  .public-single-contest-all-competition form .search-btn {
    width: 74px;
  }
}
@media (max-width: 1199px) {
  .public-single-contest-all-competition form .search-btn {
    padding: 8px 13px;
    background: #fff;
    border: 1px solid #D0D8DD;
    color: #344754;
    font-weight: 700 !important;
  }
}
@media (min-width: 1199px) {
  .public-single-contest-all-competition form .sort-date-container {
    margin-left: 24px;
  }
}
.public-single-contest-all-competition form .sort-date-container .sort-date {
  display: flex;
  width: 312px;
}
.public-single-contest-all-competition form .sort-date-container .sort-date button {
  width: 100%;
}
.public-single-contest-all-competition form .sort-date-container .sort-date button:focus {
  box-shadow: unset;
}
.public-single-contest-all-competition form .sort-date-container .sort-date .sort-date-mobile {
  width: 50%;
}
.public-single-contest-all-competition form .sort-date-container .sort-date .sort-date-mobile:first-child {
  margin-left: 16px;
}
.public-single-contest-all-competition form .sort-date-container .sort-date .sort-date-mobile div {
  padding: 0;
}
.public-single-contest-all-competition form .sort-date-container .sort-date .sort-date-mobile input {
  border: 1px solid #98A8B3 !important;
  float: unset;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin: 0 0 0 8px;
}
.public-single-contest-all-competition form .sort-date-container .sort-date .sort-date-mobile label {
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  align-self: center;
}
.public-single-contest-all-competition form .sort-date button {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #98A8B3;
  box-shadow: unset;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: PeydaWebFaNum, serif;
}
.public-single-contest-all-competition form .sort-date button::after {
  border: unset;
  background: url("../../svg/contests/dropdown-icon.svg");
  width: 20px;
  height: 20px;
  vertical-align: unset;
}
.public-single-contest-all-competition form .sort-date ul {
  border-radius: 8px;
  border: 1px solid #EAEEF0;
  box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.0784313725);
  transform: translate(0px, 51px) !important;
  width: 100%;
}
.public-single-contest-all-competition form .sort-date ul li {
  padding: 2px 4px;
}
.public-single-contest-all-competition form .sort-date ul li button {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  color: #475A67;
  padding: 10px;
  justify-content: right !important;
  font-family: PeydaWebFaNum, serif;
}
.public-single-contest-all-competition form .sort-date ul li button:hover {
  background: #F9FAFB;
  border-radius: 4px;
}
.public-single-contest-all-competition form .sort-date ul li button img {
  height: 22px;
}
.public-single-contest-all-competition form .filter-competition select {
  padding: 8px 8px 8px 12px;
  border-radius: 8px;
  display: flex;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  background: #fff;
  height: 46px;
}
.public-single-contest-all-competition form .filter-competition .select2 {
  height: 46px;
  display: block;
}
.public-single-contest-all-competition form .filter-competition .select2 .select2-selection {
  height: 100%;
  border-radius: 8px;
}
.public-single-contest-all-competition .active-competitions {
  background: #FCFCFD;
  order: 2;
  padding: 75px 0 120px 0;
  z-index: 10;
}
@media (max-width: 1199px) {
  .public-single-contest-all-competition .active-competitions {
    padding: 40px 0 64px 0;
  }
}
.public-single-contest-all-competition .active-competitions .active-competition-container {
  position: relative;
}
@media (max-width: 1199px) {
  .public-single-contest-all-competition .active-competitions .active-competition-container .mobile-border {
    border-top: 1px solid #EAEEF0;
    border-bottom: 1px solid #EAEEF0;
    margin: 0;
  }
}
.public-single-contest-all-competition .active-competitions .active-competition-container h2 {
  margin: 104px 0 48px 0;
  font-weight: 700;
  font-size: 24px !important;
  line-height: 44px;
  color: #101828;
  padding: 0 8px;
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-bg {
  position: absolute;
  top: -433px;
  right: -136px;
  width: 768px;
  height: 720px;
}
@media (max-width: 1319px) {
  .public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-bg {
    right: -250px;
  }
}
@media (max-width: 1199px) {
  .public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-bg {
    right: -150px;
  }
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-bg-mobile {
  width: 400px;
}
@media (max-width: 991px) {
  .public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-bg-mobile {
    margin-top: -145px;
  }
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card {
  padding: 24px 24px 24px 40px;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  background: #fff;
  margin: 0 8px 10px 8px;
  position: relative;
  max-width: 872px;
}
@media (max-width: 1319px) {
  .public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card {
    box-shadow: unset;
    padding: 32px 0 8px 0;
    margin: 0;
  }
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .border-left-active-competition-card {
  width: 100%;
}
@media (min-width: 1319px) {
  .public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .border-left-active-competition-card {
    border-left: 1px solid #EAEEF0;
    max-width: 544px;
  }
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .active-competition-card-content {
  padding-left: 32px;
}
@media (max-width: 1319px) {
  .public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .active-competition-card-content {
    padding-left: 0;
    display: flex;
    flex-direction: column-reverse;
  }
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .active-competition-card-content .active-competition-title {
  margin-bottom: 8px;
  display: flex;
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .active-competition-card-content .active-competition-title img {
  width: 20px;
  height: 20px;
  margin-left: 4px;
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .active-competition-card-content .active-competition-title span {
  color: #667985;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  font-family: PeydaWebFaNum, serif;
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card a {
  color: #1D2E39;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  text-decoration: none;
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card a h3 {
  font-size: 18px !important;
  font-weight: 700;
  line-height: 32px;
  color: #1D2E39;
  font-family: PeydaWebFaNum, serif !important;
}
@media (max-width: 1199px) {
  .public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card a h3 {
    font-size: 16px !important;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 0;
  }
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .description-container {
  width: 100%;
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card p {
  color: #475A67;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  margin-top: 8px;
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card hr {
  color: #EAEEF0;
  margin: 0;
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .contest-organizer {
  display: flex;
}
@media (max-width: 1199px) {
  .public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .contest-organizer {
    margin-bottom: 8px;
  }
}
@media (min-width: 1199px) {
  .public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .contest-organizer {
    margin-top: 12px;
  }
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .contest-organizer img {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  margin-left: 8px;
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .contest-organizer span {
  color: #1D2E39;
  font-weight: 700;
  line-height: 26px;
  font-size: 14px;
  align-self: center;
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail {
  padding: 37px 32px 0 0;
}
@media (max-width: 1319px) {
  .public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail {
    display: flex;
    align-items: end;
    padding: 24px 0 8px 0;
    justify-content: space-between;
  }
}
@media (min-width: 1319px) {
  .public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail {
    width: 232px;
  }
}
@media (max-width: 1319px) {
  .public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time {
    align-self: end;
  }
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time span {
  font-size: 14px;
  line-height: 26px;
}
@media (max-width: 1319px) {
  .public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time span {
    font-size: 13px;
  }
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time span:first-child {
  color: #475A67;
  font-weight: 700;
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time span:last-child {
  color: #667985;
  font-weight: 400;
  margin-left: 4px;
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .receive-an-offer {
  margin-top: 4px;
  color: #49B3F3;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  font-family: PeydaWebFaNum, serif;
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .submit-an-offer {
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  margin-top: 32px;
  padding: 6px 16px;
  font-family: PeydaWebFaNum, serif;
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .submit-an-offer img {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .awaiting-announcement-results {
  padding-top: 4px;
  color: #E12A80;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  font-family: PeydaWebFaNum, serif;
}
@media (max-width: 1199px) {
  .public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .awaiting-announcement-results {
    font-size: 13px;
    line-height: 24px;
  }
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .finished-competition {
  border: 1px solid #D0D8DD;
  border-radius: 20px;
  display: inline-flex;
  padding: 4px 8px;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #F9FAFB;
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .finished-competition img {
  margin-left: 8px;
  width: 20px;
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .finished-competition span {
  color: #98A8B3;
  line-height: 26px;
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 1199px) {
  .public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .finished-competition span {
    font-size: 13px;
    line-height: 24px;
  }
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .show-competition-btn {
  margin-top: 32px;
  color: #344754;
  border: 1px solid #d0d8dd;
  line-height: 26px;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 6px 18px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .show-competition-btn img,
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .show-competition-btn svg {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
@media (max-width: 1199px) {
  .public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .show-competition-btn img,
  .public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .show-competition-btn svg {
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 1199px) {
  .public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .show-competition-btn {
    margin-top: 32px;
  }
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .public-voting {
  color: #1004A4;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  font-family: PeydaWebFaNum, serif;
}
@media (max-width: 1199px) {
  .public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .active-competition-card-detail .public-voting {
    font-size: 13px;
    line-height: 24px;
  }
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .show-competition {
  justify-content: space-between;
  padding: 16px 0 24px 0;
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .show-competition img {
  width: 20px;
  margin-left: 4px;
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .show-competition span {
  color: #667985;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  font-family: PeydaWebFaNum, serif;
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .show-competition h3 {
  font-size: 18px !important;
  font-weight: 700;
  line-height: 32px;
  color: #1D2E39;
  font-family: PeydaWebFaNum, serif;
}
@media (max-width: 1199px) {
  .public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .show-competition h3 {
    font-size: 16px !important;
    font-weight: 600;
    line-height: 30px;
  }
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .show-competition a {
  color: #FFF;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 26px;
  display: flex;
  padding: 6px 16px !important;
  align-self: center;
}
.public-single-contest-all-competition .active-competitions .active-competition-container .active-competition-card .show-competition a .arrow-left-icon {
  width: 20px;
  margin-right: 8px;
}
.public-single-contest-all-competition .active-competitions .active-competition-container .see-all-competition {
  border: 1px solid #d0d8dd;
  padding: 8px 16px;
  color: #344754;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 48px auto 0 auto;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  max-width: 426px;
  background-color: #fff;
}
.public-single-contest-all-competition .active-competitions .active-competition-container .see-all-competition img {
  width: 24px;
  height: 24px;
  margin-left: 8px;
}

.public-single-contest-all-companies {
  padding-top: 75px;
  background: #fcfcfc;
  overflow-x: hidden;
}
@media (max-width: 1199px) {
  .public-single-contest-all-companies {
    padding-top: 0;
  }
}
.public-single-contest-all-companies .all-company-title {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
  justify-content: space-between;
}
.public-single-contest-all-companies .all-company-title img {
  width: 18px;
  margin: 40px 0 0 8px;
}
@media (max-width: 1199px) {
  .public-single-contest-all-companies .all-company-title img {
    width: 18px;
  }
}
.public-single-contest-all-companies .all-company-title h1 {
  font-weight: 700;
  font-size: 20px !important;
  line-height: 36px;
  color: #101828;
  margin: 40px 0 0 0;
}
.public-single-contest-all-companies .all-company-title span {
  margin-top: 4px;
}
.public-single-contest-all-companies .all-company-title span:first-child {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  color: #667985;
  margin-left: 8px;
}
.public-single-contest-all-companies .all-company-title span:last-child {
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  color: #667985;
  align-self: center;
}
.public-single-contest-all-companies form {
  display: flex;
  width: 872px;
  margin-bottom: 48px;
}
@media (max-width: 1199px) {
  .public-single-contest-all-companies form {
    width: 100%;
    margin-bottom: 29px;
  }
}
.public-single-contest-all-companies form div {
  width: 753px;
  height: 46px;
  padding: 8px 12px 8px 12px;
  border-radius: 0 8px 8px 0;
  border: 1px solid #D0D8DD;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  background: #fff;
  display: flex;
  align-items: center;
}
@media (max-width: 1199px) {
  .public-single-contest-all-companies form div {
    width: 100%;
  }
}
.public-single-contest-all-companies form div img {
  width: 20px;
  height: 20px;
  margin-left: 8px;
}
.public-single-contest-all-companies form div input {
  color: #98A8B3;
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  border: unset;
  padding: 0;
}
.public-single-contest-all-companies form div input::-moz-placeholder {
  color: #98A8B3;
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}
.public-single-contest-all-companies form div input::placeholder {
  color: #98A8B3;
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}
.public-single-contest-all-companies form div input:focus {
  box-shadow: unset !important;
}
.public-single-contest-all-companies form button {
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  background: #101828;
  color: #fff;
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  width: 119px;
  height: 46px;
  padding: 8px 16px 8px 16px;
  border-radius: 8px 0 0 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1199px) {
  .public-single-contest-all-companies form button {
    width: 75px;
    padding: 8px 13px;
    background: #fff;
    border: 1px solid #D0D8DD;
    color: #344754;
  }
}
.public-single-contest-all-companies form button:hover {
  color: #fff;
}
@media (max-width: 1199px) {
  .public-single-contest-all-companies .all-companies {
    background: #fff;
  }
}
.public-single-contest-all-companies .all-companies .company-item {
  width: 872px;
  padding: 26px 32px 24px 32px;
  background: #fff;
  border-radius: 8px;
  margin-bottom: 16px;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
}
@media (max-width: 1199px) {
  .public-single-contest-all-companies .all-companies .company-item:first-child {
    border-top: 1px solid #EAEEF0;
  }
}
@media (max-width: 1199px) {
  .public-single-contest-all-companies .all-companies .company-item {
    width: 100%;
    box-shadow: unset;
    border-bottom: 1px solid #EAEEF0;
    border-radius: unset;
    padding: 24px 16px;
  }
}
.public-single-contest-all-companies .all-companies .company-item .company-item-title {
  display: flex;
}
.public-single-contest-all-companies .all-companies .company-item .company-item-title img {
  width: 32px;
  height: 32px;
  margin-left: 8px;
  border-radius: 4px;
}
.public-single-contest-all-companies .all-companies .company-item .company-item-title h2 {
  color: #1D2E39;
  font-family: DanaFaNum, serif !important;
  font-size: 20px !important;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .public-single-contest-all-companies .all-companies .company-item .company-item-title h2 {
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
  }
}
.public-single-contest-all-companies .all-companies .company-item .company-item-content {
  padding: 16px 0;
  border-bottom: 1px solid #EAEEF0;
}
@media (max-width: 1199px) {
  .public-single-contest-all-companies .all-companies .company-item .company-item-content {
    border-bottom: unset;
  }
}
.public-single-contest-all-companies .all-companies .company-item .company-item-content p {
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #475A67;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .public-single-contest-all-companies .all-companies .company-item .company-item-content p {
    font-size: 14px;
    line-height: 26px;
  }
}
.public-single-contest-all-companies .all-companies .company-item .company-item-footer {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1199px) {
  .public-single-contest-all-companies .all-companies .company-item .company-item-footer {
    margin-top: 8px;
  }
}
.public-single-contest-all-companies .all-companies .company-item .company-item-footer button {
  display: flex;
  border: 1px solid #D0D8DD;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  padding: 6px 16px !important;
  align-items: center;
}
@media (max-width: 1199px) {
  .public-single-contest-all-companies .all-companies .company-item .company-item-footer button {
    width: 100% !important;
    justify-content: center;
  }
}
.public-single-contest-all-companies .all-companies .company-item .company-item-footer button img {
  width: 20px;
  height: 20px;
  margin-left: 8px;
}
.public-single-contest-all-companies .all-companies .company-item .company-item-footer button span {
  color: #344754;
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
}
.public-single-contest-all-companies .all-companies .company-item .company-item-footer button span span {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
}
.public-single-contest-all-companies .all-companies .company-item .company-item-footer .followed-btn {
  border: 1px solid #B2DCF7;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  background: #F7FAFC;
  align-items: center;
}
.public-single-contest-all-companies .all-companies .company-item .company-item-footer .followed-btn span {
  color: #49B3F3;
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
}
.public-single-contest-all-companies .all-companies .company-item .company-item-footer .followed-btn img {
  width: 20px;
  height: 20px;
  margin-left: 8px;
}
.public-single-contest-all-companies .all-companies .company-item .company-item-footer a {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  color: #101828;
  text-decoration: none;
  display: flex;
}
.public-single-contest-all-companies .all-companies .company-item .company-item-footer a img {
  width: 24px;
  height: 24px;
  margin-right: 4px;
}
.public-single-contest-all-companies .see-more-company {
  display: flex;
  justify-content: center;
  margin: 96px 0 120px 0;
}
@media (max-width: 1199px) {
  .public-single-contest-all-companies .see-more-company {
    margin: 48px 4px 64px 4px;
  }
}
.public-single-contest-all-companies .see-more-company button {
  border: 1px solid #D0D8DD;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  background: #FFFFFF;
  width: 424px;
  height: 46px;
  padding: 8px 16px 8px 16px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.public-single-contest-all-companies .see-more-company button span {
  color: #344754;
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
}
@media (max-width: 1199px) {
  .public-single-contest-all-companies .see-more-company button span {
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
  }
}
.public-single-contest-all-companies .see-more-company button img {
  width: 24px;
  height: 24px;
  margin-left: 8px;
}
@media (max-width: 1199px) {
  .public-single-contest-all-companies .see-more-company button img {
    width: 20px;
    height: 20px;
  }
}

.offer-card-container {
  font-family: DanaFaNum;
  padding: 31px 0 24px;
  border-top: 1px solid #eaeef0;
  max-width: 872px;
  margin: 0 auto;
  background-color: white;
}
@media (min-width: 768px) {
  .offer-card-container {
    padding: 31px 23px 23px 23px;
  }
}
@media (min-width: 1024px) {
  .offer-card-container {
    border: 1px solid #eaeef0;
    border-radius: 12px;
    margin-top: 24px;
  }
}
.offer-card-container:has(.offer-card-footer-winner) {
  background: linear-gradient(to right, #fffaeb, #ffffff);
}
@media (min-width: 768px) {
  .offer-card-container:has(.offer-card-footer-winner) {
    background: linear-gradient(to right, #fffcf5, #ffffff);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  }
}
.offer-card-container .offer-card-header {
  padding: 0 16px;
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-header {
    padding: 0;
    margin-bottom: 40px;
  }
}
.offer-card-container .offer-card-header .offer-card-details {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-header .offer-card-details {
    flex-direction: row;
    gap: 16px;
    margin-bottom: 16px;
  }
}
.offer-card-container .offer-card-header .offer-card-details .offer-card-header-winner {
  font-family: DanaFaNum;
  border: 1px solid #fec84b;
  border-radius: 999px;
  background-color: #fffaeb;
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 0.5px 5px 0.5px 7px;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-header .offer-card-details .offer-card-header-winner {
    padding: 0.5px 7px 0.5px 9px;
  }
}
.offer-card-container .offer-card-header .offer-card-details .offer-card-header-winner span {
  font-weight: 500;
  font-size: 12px;
  line-height: 22px;
  color: #fdb022;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-header .offer-card-details .offer-card-header-winner span {
    font-size: 14px;
    line-height: 26px;
  }
}
.offer-card-container .offer-card-header .offer-card-details div {
  display: flex;
  align-items: center;
}
.offer-card-container .offer-card-header .offer-card-details div .offer-card-author-profile {
  display: grid;
  place-items: center;
  border-radius: 9999px;
}
.offer-card-container .offer-card-header .offer-card-details div .offer-card-author-profile img {
  width: 24px;
  margin-left: 4px;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-header .offer-card-details div .offer-card-author-profile img {
    width: 28px;
    margin-left: 8px;
  }
}
.offer-card-container .offer-card-header .offer-card-details div .offer-card-author {
  font-family: DanaFaNum;
  color: #1d2e39;
  font-weight: 600;
  font-size: 12px;
  line-height: 22px;
  margin-left: 8px;
  padding-left: 7px;
  border-left: 1px solid #eaeef0;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-header .offer-card-details div .offer-card-author {
    font-size: 14px;
    line-height: 28px;
    margin-left: 16px;
    padding-left: 15px;
  }
}
.offer-card-container .offer-card-header .offer-card-details div .offer-card-date {
  font-family: DanaFaNum;
  color: #475a67;
  font-size: 12px;
  line-height: 22px;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-header .offer-card-details div .offer-card-date {
    font-size: 13px;
    line-height: 24px;
  }
}
.offer-card-container .offer-card-header .offer-card-title {
  font-family: DanaFaNum !important;
  font-weight: 600;
  color: #1d2e39;
  font-size: 16px !important;
  line-height: 30px !important;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-header .offer-card-title {
    font-weight: 700;
    font-size: 18px !important;
    line-height: 32px !important;
    margin-bottom: 16px;
  }
}
.offer-card-container .offer-card-header .offer-card-description {
  font-family: DanaFaNum;
  margin-bottom: 0;
  color: #475a67;
  font-size: 14px;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-header .offer-card-description {
    font-size: 16px;
    line-height: 30px;
  }
}
.offer-card-container .offer-card-content {
  font-family: DanaFaNum;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-content {
    margin-bottom: 24px;
  }
}
.offer-card-container .offer-card-content .nav-tabs {
  display: flex;
  align-items: center;
  gap: 20px;
  border-color: #eaecf0;
  margin: 0 16px 16px 16px;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-content .nav-tabs {
    margin: 0 0 24px 0;
  }
}
.offer-card-container .offer-card-content .nav-tabs .nav-link {
  border: none;
  padding: 0 4px 6px 4px;
  border-bottom: 3px solid #d0d5dd;
  text-align: center;
  color: #667085;
  font-size: 14px;
  line-height: 28px;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-content .nav-tabs .nav-link {
    font-size: 16px;
    line-height: 32px;
  }
}
.offer-card-container .offer-card-content .nav-tabs .nav-link.active {
  color: #d90e80;
  border-color: #d90e80;
  font-weight: 600;
}
.offer-card-container .offer-card-content .nav-tabs .nav-link.active::before {
  display: none;
}
.offer-card-container .offer-card-content .tab-content .tab-content-video {
  max-height: 365px;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-content .tab-content .tab-content-video {
    min-height: 404px;
    max-height: 404px;
    border-radius: 8px;
    overflow: hidden;
  }
}
.offer-card-container .offer-card-content .tab-content .tab-content-video .video-js {
  width: 100%;
  min-height: 202px;
  max-height: 202px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-content .tab-content .tab-content-video .video-js {
    min-height: 404px;
    max-height: 404px;
  }
}
.offer-card-container .offer-card-content .tab-content .tab-content-video .video-js:hover .vjs-big-play-button {
  background-color: rgba(43, 51, 63, 0.7);
}
.offer-card-container .offer-card-content .tab-content .tab-content-video .video-js .vjs-big-play-button {
  width: 48px;
  height: 48px;
  border-radius: 999px;
  margin-left: 0;
}
.offer-card-container .offer-card-content .tab-content .tab-content-video .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
  width: 48px;
  height: 48px;
}
.offer-card-container .offer-card-content .tab-content .tab-content-pdf {
  position: relative;
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-content .tab-content .tab-content-pdf {
    padding-bottom: 48px;
  }
}
.offer-card-container .offer-card-content .tab-content .tab-content-pdf .loader {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
}
@media (min-width: 1024px) {
  .offer-card-container .offer-card-content .tab-content .tab-content-pdf .loader {
    gap: 18px;
  }
}
.offer-card-container .offer-card-content .tab-content .tab-content-pdf .loader p {
  font-family: DanaFaNum;
  color: #667085;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .offer-card-container .offer-card-content .tab-content .tab-content-pdf .loader p {
    font-size: 14px;
    line-height: 28px;
  }
}
.offer-card-container .offer-card-content .tab-content .tab-content-pdf .loader span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-block;
  border-top: 1px solid #667085;
  border-right: 1px solid transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.offer-card-container .offer-card-content .tab-content .tab-content-pdf .pdf-carousel {
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  max-height: 203px;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-content .tab-content .tab-content-pdf .pdf-carousel {
    max-height: 404px;
  }
}
.offer-card-container .offer-card-content .tab-content .tab-content-pdf .pdf-carousel .item {
  display: grid;
  place-items: center;
  width: 100%;
  flex: 1 1 0%;
  overflow: hidden;
  max-height: 203px;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-content .tab-content .tab-content-pdf .pdf-carousel .item {
    min-height: 404px;
    max-height: 404px;
  }
}
.offer-card-container .offer-card-content .tab-content .tab-content-pdf .pdf-carousel .item canvas {
  max-height: 203px;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-content .tab-content .tab-content-pdf .pdf-carousel .item canvas {
    max-height: 404px;
  }
}
.offer-card-container .offer-card-content .tab-content .tab-content-pdf .pdf-nav-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  padding: 0 16px;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-content .tab-content .tab-content-pdf .pdf-nav-container {
    padding: 0;
  }
}
.offer-card-container .offer-card-content .tab-content .tab-content-pdf .pdf-nav-container .owl-nav {
  display: flex;
  align-items: center;
  gap: 12px;
}
.offer-card-container .offer-card-content .tab-content .tab-content-pdf .pdf-nav-container .owl-nav .owl-next,
.offer-card-container .offer-card-content .tab-content .tab-content-pdf .pdf-nav-container .owl-nav .owl-prev {
  display: grid;
  place-items: center;
  background-color: #f2f2f3 !important;
  box-shadow: 0px 3px 6px -1.5px rgba(16, 24, 40, 0.1), 0px 1.5px 3px -1.5px rgba(16, 24, 40, 0.06) !important;
  border-radius: 9999px;
  border: none !important;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-content .tab-content .tab-content-pdf .pdf-nav-container .owl-nav .owl-next svg,
  .offer-card-container .offer-card-content .tab-content .tab-content-pdf .pdf-nav-container .owl-nav .owl-prev svg {
    scale: 1.2;
  }
}
.offer-card-container .offer-card-content .tab-content .tab-content-pdf .pdf-nav-container .owl-nav .owl-next.disabled,
.offer-card-container .offer-card-content .tab-content .tab-content-pdf .pdf-nav-container .owl-nav .owl-prev.disabled {
  background-color: #ffffff !important;
  box-shadow: none !important;
  cursor: default;
}
.offer-card-container .offer-card-content .tab-content .tab-content-pdf .pdf-nav-container .owl-nav .owl-prev {
  padding: 3px 1.5px 3px 4.5px !important;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-content .tab-content .tab-content-pdf .pdf-nav-container .owl-nav .owl-prev {
    padding: 4px 2px 4px 6px !important;
  }
}
.offer-card-container .offer-card-content .tab-content .tab-content-pdf .pdf-nav-container .owl-nav .owl-next {
  padding: 3px 4.5px 3px 1.5px !important;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-content .tab-content .tab-content-pdf .pdf-nav-container .owl-nav .owl-next {
    padding: 4px 6px 4px 2px !important;
  }
}
.offer-card-container .offer-card-content .tab-content .tab-content-pdf .pdf-nav-container .owl-dots {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-content .tab-content .tab-content-pdf .pdf-nav-container .owl-dots {
    gap: 4px;
  }
}
.offer-card-container .offer-card-content .tab-content .tab-content-pdf .pdf-nav-container .owl-dots button.owl-dot {
  height: 12px !important;
  border-radius: 50%;
  background-color: #f2f5f7 !important;
  border: none !important;
  scale: 0.5;
}
.offer-card-container .offer-card-content .tab-content .tab-content-pdf .pdf-nav-container .owl-dots button.owl-dot.active {
  background-color: #101828 !important;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-content .tab-content .tab-content-pdf .pdf-nav-container .owl-dots button.owl-dot {
    scale: 0.75;
  }
}
.offer-card-container .offer-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 16px;
  padding-top: 7px;
  border-top: 1px solid #eaeef0;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-footer {
    padding-top: 15px;
    margin: 0;
  }
}
.offer-card-container .offer-card-footer .offer-card-footer-vote {
  display: flex;
  align-items: center;
  gap: 8px;
}
.offer-card-container .offer-card-footer .offer-card-footer-vote .offer-card-footer-vote-button {
  display: grid;
  place-items: center;
  background-color: white;
  padding: 5px;
  border: 1px solid #d0d8dd;
  border-radius: 4px;
  color: #101828;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-footer .offer-card-footer-vote .offer-card-footer-vote-button {
    border-radius: 8px;
    padding: 9px;
  }
}
.offer-card-container .offer-card-footer .offer-card-footer-vote .offer-card-footer-vote-button svg {
  transition: none !important;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-footer .offer-card-footer-vote .offer-card-footer-vote-button svg {
    scale: 1.2;
  }
}
.offer-card-container .offer-card-footer .offer-card-footer-vote .offer-card-footer-vote-button.active {
  transition: none !important;
  border: 1px solid #75e0a7;
  background-color: #17b26a;
  color: #ecfdf3;
}
.offer-card-container .offer-card-footer .offer-card-footer-vote .offer-card-footer-vote-button.active svg {
  transition: none !important;
}
.offer-card-container .offer-card-footer .offer-card-footer-vote .offer-card-footer-vote-number {
  font-family: DanaFaNum;
  font-weight: 700;
  color: #475a67;
  font-size: 16px;
  line-height: 30px;
  padding-top: 5px;
}
.offer-card-container .offer-card-footer .offer-card-footer-winner {
  font-family: DanaFaNum;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-footer .offer-card-footer-winner {
    flex-direction: row;
    align-items: center;
    gap: 16px;
  }
}
.offer-card-container .offer-card-footer .offer-card-footer-winner div {
  font-family: DanaFaNum;
  display: flex;
  align-items: center;
  gap: 4px;
}
.offer-card-container .offer-card-footer .offer-card-footer-winner div .offer-card-footer-winner-vote {
  font-weight: 700;
  font-size: 16px;
  line-height: 30px;
  color: #fdb022;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-footer .offer-card-footer-winner div .offer-card-footer-winner-vote {
    font-size: 20px;
    line-height: 36px;
  }
}
.offer-card-container .offer-card-footer .offer-card-footer-winner div .offer-card-footer-winner-title {
  font-size: 12px;
  line-height: 22px;
  color: #fdb022;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-footer .offer-card-footer-winner div .offer-card-footer-winner-title {
    font-size: 14px;
    line-height: 26px;
  }
}
.offer-card-container .offer-card-footer .offer-card-footer-winner .offer-card-footer-winner-description {
  font-family: DanaFaNum;
  font-weight: 500;
  font-size: 12px;
  line-height: 22px;
  color: #475a67;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-footer .offer-card-footer-winner .offer-card-footer-winner-description {
    display: block;
    font-size: 13px;
    line-height: 24px;
    border-right: 1px solid #eaeef0;
    padding: 6px 7px 6px 0;
  }
}
.offer-card-container .offer-card-footer .offer-card-rating {
  display: flex;
  align-items: center;
  gap: 2px;
}
.offer-card-container .offer-card-footer .offer-card-rating .rating-tooltip {
  position: relative;
}
.offer-card-container .offer-card-footer .offer-card-rating .rating-tooltip .rating-tooltip-button {
  color: #fff;
  scale: 0.8333;
}
.offer-card-container .offer-card-footer .offer-card-rating .rating-tooltip .rating-tooltip-button.active {
  color: #fdb022;
}
@media (min-width: 1024px) {
  .offer-card-container .offer-card-footer .offer-card-rating .rating-tooltip .rating-tooltip-button {
    display: none;
  }
}
.offer-card-container .offer-card-footer .offer-card-rating .rating-tooltip .rating-stars {
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 2px;
  position: absolute;
  background-color: white;
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);
  padding: 8px 12px;
  border-radius: 8px;
  visibility: hidden;
  opacity: 0;
  bottom: 130%;
  right: -42%;
}
@media (min-width: 1024px) {
  .offer-card-container .offer-card-footer .offer-card-rating .rating-tooltip .rating-stars {
    position: relative;
    padding: 0;
    bottom: 0;
    right: 0;
    box-shadow: none;
    visibility: visible;
    opacity: 1;
  }
}
.offer-card-container .offer-card-footer .offer-card-rating .rating-tooltip .rating-stars:before {
  content: "";
  position: absolute;
  border-bottom: transparent;
  border-top: 7px solid white;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  top: 100%;
  right: 10%;
  filter: drop-shadow(0px 4px 8px -2px rgba(16, 24, 40, 0.0588235294));
  z-index: 1;
}
@media (min-width: 1024px) {
  .offer-card-container .offer-card-footer .offer-card-rating .rating-tooltip .rating-stars:before {
    display: none;
  }
}
.offer-card-container .offer-card-footer .offer-card-rating .rating-tooltip .rating-stars:after {
  content: "";
  position: absolute;
  border-bottom: transparent;
  border-top: 8px solid #eaecf0;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  top: 100%;
  right: 9.5%;
  z-index: 0;
}
@media (min-width: 1024px) {
  .offer-card-container .offer-card-footer .offer-card-rating .rating-tooltip .rating-stars:after {
    display: none;
  }
}
.offer-card-container .offer-card-footer .offer-card-rating .rating-tooltip .rating-stars.active {
  visibility: visible;
  opacity: 100;
}
.offer-card-container .offer-card-footer .offer-card-rating .rating-tooltip .rating-stars .star {
  cursor: pointer;
  transition: all 0.1 linear;
  color: #fff;
  scale: 0.8333;
}
.offer-card-container .offer-card-footer .offer-card-rating .rating-tooltip .rating-stars .star.active, .offer-card-container .offer-card-footer .offer-card-rating .rating-tooltip .rating-stars .star:hover {
  color: #fdb022;
}
@media (min-width: 1024px) {
  .offer-card-container .offer-card-footer .offer-card-rating .rating-tooltip .rating-stars .star {
    scale: 1;
  }
}
.offer-card-container .offer-card-footer .offer-card-rating .rating-tooltip .rating-stars:has(.star:nth-child(5):hover) .star:nth-child(-n+5), .offer-card-container .offer-card-footer .offer-card-rating .rating-tooltip .rating-stars:has(.star:nth-child(4):hover) .star:nth-child(-n+4), .offer-card-container .offer-card-footer .offer-card-rating .rating-tooltip .rating-stars:has(.star:nth-child(3):hover) .star:nth-child(-n+3), .offer-card-container .offer-card-footer .offer-card-rating .rating-tooltip .rating-stars:has(.star:nth-child(2):hover) .star:nth-child(-n+2), .offer-card-container .offer-card-footer .offer-card-rating .rating-tooltip .rating-stars:has(.star:nth-child(1):hover) .star:nth-child(-n+1) {
  color: #fdb022;
}
.offer-card-container .offer-card-footer .offer-card-rating .rating-tooltip .rating-tooltip-button *,
.offer-card-container .offer-card-footer .offer-card-rating .rating-tooltip .rating-stars * {
  transition: all 0.1s linear !important;
}
.offer-card-container .offer-card-footer .offer-card-rating .rating-text {
  font-family: DanaFaNum;
  display: none;
  align-items: center;
  gap: 2px;
  font-size: 14px;
  line-height: 26px;
  padding-top: 4px;
  color: #f79009;
}
.offer-card-container .offer-card-footer .offer-card-rating .rating-text .rating-count {
  font-weight: 700;
}
.offer-card-container .offer-card-footer .offer-card-rating .rating-text .rating-title {
  display: none;
}
@media (min-width: 1024px) {
  .offer-card-container .offer-card-footer .offer-card-rating .rating-text .rating-title {
    display: block;
  }
}
.offer-card-container .offer-card-footer .offer-card-footer-link {
  display: flex;
  align-items: center;
  gap: 4px;
  font-family: DanaFaNum;
  font-weight: 600;
  color: #101828;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-footer .offer-card-footer-link {
    gap: 8px;
  }
}
.offer-card-container .offer-card-footer .offer-card-footer-link span:nth-child(1) {
  font-size: 14px;
  line-height: 28px;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-footer .offer-card-footer-link span:nth-child(1) {
    display: none;
  }
}
.offer-card-container .offer-card-footer .offer-card-footer-link span:nth-child(2) {
  display: none;
  font-size: 14px;
  line-height: 26px;
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-footer .offer-card-footer-link span:nth-child(2) {
    display: block;
  }
}
@media (min-width: 768px) {
  .offer-card-container .offer-card-footer .offer-card-footer-link .offer-card-footer-link-icon svg {
    scale: 1.2;
  }
}

.open-innovation-timeline-4 {
  position: relative;
  max-width: 872px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin: 0 8px;
}
@media (min-width: 1024px) {
  .open-innovation-timeline-4 {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    padding: 0;
    margin: 0;
  }
}
.open-innovation-timeline-4 .timeline-item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-right: 24px;
}
@media (min-width: 1024px) {
  .open-innovation-timeline-4 .timeline-item {
    padding-right: 0;
  }
}
.open-innovation-timeline-4 .timeline-item .timeline-item-header,
.open-innovation-timeline-4 .timeline-item .timeline-item-footer {
  display: flex;
  align-items: center;
  font-family: DanaFaNum;
  color: #98a8b3;
  font-size: 13px;
  line-height: 24px;
}
@media (min-width: 1024px) {
  .open-innovation-timeline-4 .timeline-item .timeline-item-header,
  .open-innovation-timeline-4 .timeline-item .timeline-item-footer {
    flex-direction: column;
    align-items: start;
  }
}
.open-innovation-timeline-4 .timeline-item .timeline-item-header {
  gap: 3px;
}
@media (min-width: 1024px) {
  .open-innovation-timeline-4 .timeline-item .timeline-item-header {
    gap: 0;
    min-height: 52px;
  }
}
.open-innovation-timeline-4 .timeline-item .timeline-item-footer span:nth-child(2) {
  margin-right: 16px;
  padding-right: 7px;
  border-right: 1px solid #eaeef0;
}
@media (min-width: 1024px) {
  .open-innovation-timeline-4 .timeline-item .timeline-item-footer span:nth-child(2) {
    border: none;
    padding: 0;
    margin: 0;
  }
}
.open-innovation-timeline-4 .timeline-item .timeline-dot {
  position: absolute;
  right: 0;
  top: 7px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background-color: #eaeef0;
}
@media (min-width: 1024px) {
  .open-innovation-timeline-4 .timeline-item .timeline-dot {
    position: relative;
    top: 0;
    width: 12px;
    height: 12px;
  }
}
.open-innovation-timeline-4 .timeline-item.active .timeline-item-header {
  font-weight: 700;
  font-size: 14px;
  line-height: 26px;
  color: #1d2e39;
}
@media (min-width: 1024px) {
  .open-innovation-timeline-4 .timeline-item.active .timeline-item-header span:first-child {
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
  }
  .open-innovation-timeline-4 .timeline-item.active .timeline-item-header span:last-child {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .open-innovation-timeline-4 .timeline-item.active[data-percentage="70"] .timeline-item-header span {
    font-weight: 700;
    font-size: 14px;
    line-height: 26px;
  }
}
@media (min-width: 1024px) {
  .open-innovation-timeline-4 .timeline-item.active[data-percentage="100"] .timeline-item-header span {
    font-weight: 700;
    font-size: 14px;
    line-height: 26px;
  }
}
.open-innovation-timeline-4 .timeline-item.active .timeline-item-footer {
  font-size: 13px;
  line-height: 24px;
  color: #101828;
}
.open-innovation-timeline-4 .timeline-item[data-percentage="0"] .timeline-dot.active {
  background-color: #49b3f3;
}
.open-innovation-timeline-4 .timeline-item[data-percentage="33"] .timeline-dot.active {
  background-color: #1004a4;
}
.open-innovation-timeline-4 .timeline-item[data-percentage="70"] .timeline-dot.active {
  background-color: #e12a80;
}
.open-innovation-timeline-4 .timeline-item[data-percentage="100"] .timeline-dot.active {
  background-color: #fdb022;
}
.open-innovation-timeline-4 .timeline-bar-mobile {
  position: absolute;
  right: 3px;
  top: 8px;
  width: 2px;
  height: 265px;
  background: linear-gradient(to top, #49b3f3 20%, #1004a4, #c72d80 70%, #fdb022);
  transform: scaleY(-1);
}
@media (min-width: 1024px) {
  .open-innovation-timeline-4 .timeline-bar-mobile {
    display: none;
  }
}
.open-innovation-timeline-4 .timeline-bar-mobile .timeline-bar-progress {
  position: absolute;
  right: 0;
  top: 0;
  width: 2px;
  background-color: #eaeef0;
}
.open-innovation-timeline-4 .timeline-bar-desktop {
  display: none;
  position: absolute;
  top: 50.25%;
  right: 10px;
  width: 100%;
  max-width: 762px;
  height: 4px;
  background: linear-gradient(to left, #49b3f3 20%, #1004a4 40%, #c72d80 70%, #fdb022);
  transform: scaleY(-1);
}
@media (min-width: 1024px) {
  .open-innovation-timeline-4 .timeline-bar-desktop {
    display: block;
  }
}
.open-innovation-timeline-4 .timeline-bar-desktop .timeline-bar-progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 4px;
  background-color: #eaeef0;
}

.open-innovation-timeline-3 {
  position: relative;
  max-width: 872px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin: 0 8px;
}
@media (min-width: 1024px) {
  .open-innovation-timeline-3 {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    padding: 0;
    margin: 0;
  }
}
.open-innovation-timeline-3 .timeline-item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-right: 24px;
}
@media (min-width: 1024px) {
  .open-innovation-timeline-3 .timeline-item {
    padding-right: 0;
  }
  .open-innovation-timeline-3 .timeline-item:last-child {
    background-color: white;
  }
}
.open-innovation-timeline-3 .timeline-item .timeline-item-header,
.open-innovation-timeline-3 .timeline-item .timeline-item-footer {
  display: flex;
  align-items: center;
  font-family: DanaFaNum;
  color: #98a8b3;
  font-size: 13px;
  line-height: 24px;
}
@media (min-width: 1024px) {
  .open-innovation-timeline-3 .timeline-item .timeline-item-header,
  .open-innovation-timeline-3 .timeline-item .timeline-item-footer {
    flex-direction: column;
    align-items: start;
  }
}
.open-innovation-timeline-3 .timeline-item .timeline-item-header {
  gap: 3px;
}
@media (min-width: 1024px) {
  .open-innovation-timeline-3 .timeline-item .timeline-item-header {
    gap: 0;
    min-height: 52px;
  }
}
.open-innovation-timeline-3 .timeline-item .timeline-item-footer span:nth-child(2) {
  margin-right: 16px;
  padding-right: 7px;
  border-right: 1px solid #eaeef0;
}
@media (min-width: 1024px) {
  .open-innovation-timeline-3 .timeline-item .timeline-item-footer span:nth-child(2) {
    border: none;
    padding: 0;
    margin: 0;
  }
}
.open-innovation-timeline-3 .timeline-item .timeline-dot {
  position: absolute;
  right: 0;
  top: 7px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background-color: #eaeef0;
}
@media (min-width: 1024px) {
  .open-innovation-timeline-3 .timeline-item .timeline-dot {
    position: relative;
    top: 0;
    width: 12px;
    height: 12px;
  }
}
.open-innovation-timeline-3 .timeline-item.active .timeline-item-header {
  font-weight: 700;
  font-size: 14px;
  line-height: 26px;
  color: #1d2e39;
}
@media (min-width: 1024px) {
  .open-innovation-timeline-3 .timeline-item.active .timeline-item-header span:first-child {
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
  }
  .open-innovation-timeline-3 .timeline-item.active .timeline-item-header span:last-child {
    font-weight: 700;
  }
}
.open-innovation-timeline-3 .timeline-item.active .timeline-item-footer {
  font-size: 13px;
  line-height: 24px;
  color: #101828;
}
.open-innovation-timeline-3 .timeline-item[data-percentage="0"] .timeline-dot.active {
  background-color: #49b3f3;
}
.open-innovation-timeline-3 .timeline-item[data-percentage="48"] .timeline-dot.active {
  background-color: #1004a4;
}
.open-innovation-timeline-3 .timeline-item[data-percentage="100"] .timeline-dot.active {
  background-color: #fdb022;
}
.open-innovation-timeline-3 .timeline-bar-mobile {
  position: absolute;
  right: 3px;
  top: 8px;
  width: 2px;
  height: 182px;
  background: linear-gradient(to top, #49b3f3 20%, #1004a4 50%, #fdb022);
  transform: scaleY(-1);
}
@media (min-width: 1024px) {
  .open-innovation-timeline-3 .timeline-bar-mobile {
    display: none;
  }
}
.open-innovation-timeline-3 .timeline-bar-mobile .timeline-bar-progress {
  position: absolute;
  right: 0;
  top: 0;
  width: 2px;
  background-color: #eaeef0;
}
.open-innovation-timeline-3 .timeline-bar-desktop {
  display: none;
  position: absolute;
  top: 50.25%;
  right: 10px;
  width: 100%;
  max-width: 762px;
  height: 4px;
  background: linear-gradient(to left, #49b3f3 30%, #1004a4 50%, #fdb022);
  transform: scaleY(-1);
}
@media (min-width: 1024px) {
  .open-innovation-timeline-3 .timeline-bar-desktop {
    display: block;
  }
}
.open-innovation-timeline-3 .timeline-bar-desktop .timeline-bar-progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 4px;
  background-color: #eaeef0;
}

.open-innovation-timeline-4 .timeline-item,
.open-innovation-timeline-4 .timeline-item * {
  transition: none !important;
}

.open-innovation-timeline-3 .timeline-item,
.open-innovation-timeline-3 .timeline-item * {
  transition: none !important;
}

.public-single-contest, .company-single-offer, .company-single-contest {
  position: relative;
}
.public-single-contest .statistics-vote .positive-voting span, .company-single-offer .statistics-vote .positive-voting span, .company-single-contest .statistics-vote .positive-voting span {
  font-family: dana, serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 44px;
  color: #FDB022;
}
.public-single-contest .statistics-vote .positive-voting p, .company-single-offer .statistics-vote .positive-voting p, .company-single-contest .statistics-vote .positive-voting p {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  color: #FDB022;
}
.public-single-contest .statistics-vote label, .company-single-offer .statistics-vote label, .company-single-contest .statistics-vote label {
  font-family: PeydaWebFaNum, serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  color: #667985;
}
.public-single-contest .offer-time-fixed-menu, .company-single-offer .offer-time-fixed-menu, .company-single-contest .offer-time-fixed-menu {
  max-width: unset;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding: 12px 16px;
  background-color: #ffffff;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.0509803922);
}
@media (max-width: 767px) {
  .public-single-contest .offer-time-fixed-menu, .company-single-offer .offer-time-fixed-menu, .company-single-contest .offer-time-fixed-menu {
    display: block !important;
  }
}
.public-single-contest .mb-footer ~ footer > div, .company-single-offer .mb-footer ~ footer > div, .company-single-contest .mb-footer ~ footer > div {
  margin-bottom: 90px;
}
@media (max-width: 991px) {
  .public-single-contest .company-contests-container, .public-single-contest .user-dashboard, .company-single-offer .company-contests-container, .company-single-offer .user-dashboard, .company-single-contest .company-contests-container, .company-single-contest .user-dashboard, .public-single-contest .company-profule-public, .company-single-offer .company-profule-public, .company-single-contest .company-profule-public {
    margin-right: 0;
    width: 100%;
  }
}
.public-single-contest .company-contests-container .page-title, .public-single-contest .user-dashboard .page-title, .company-single-offer .company-contests-container .page-title, .company-single-offer .user-dashboard .page-title, .company-single-contest .company-contests-container .page-title, .company-single-contest .user-dashboard .page-title, .public-single-contest .company-profule-public .page-title, .company-single-offer .company-profule-public .page-title, .company-single-contest .company-profule-public .page-title {
  position: relative;
  height: 40px;
  line-height: 40px;
  padding-right: 30px;
}
.public-single-contest .company-contests-container .page-title::after, .public-single-contest .user-dashboard .page-title::after, .company-single-offer .company-contests-container .page-title::after, .company-single-offer .user-dashboard .page-title::after, .company-single-contest .company-contests-container .page-title::after, .company-single-contest .user-dashboard .page-title::after, .public-single-contest .company-profule-public .page-title::after, .company-single-offer .company-profule-public .page-title::after, .company-single-contest .company-profule-public .page-title::after {
  position: absolute;
  right: -13px;
  top: 0;
  content: "";
  background-image: url("../../svg/companies/design/Frame 19.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  width: 36px;
  height: 40px;
}
.public-single-contest .company-contests-container .filter, .public-single-contest .user-dashboard .filter, .company-single-offer .company-contests-container .filter, .company-single-offer .user-dashboard .filter, .company-single-contest .company-contests-container .filter, .company-single-contest .user-dashboard .filter, .public-single-contest .company-profule-public .filter, .company-single-offer .company-profule-public .filter, .company-single-contest .company-profule-public .filter {
  border-bottom: 1px solid #eaeef0;
  padding-bottom: 24px;
  margin-bottom: 48px;
}
@media (min-width: 991px) {
  .public-single-contest .company-contests-container .challenge-container:not(.event-card), .public-single-contest .user-dashboard .challenge-container:not(.event-card), .company-single-offer .company-contests-container .challenge-container:not(.event-card), .company-single-offer .user-dashboard .challenge-container:not(.event-card), .company-single-contest .company-contests-container .challenge-container:not(.event-card), .company-single-contest .user-dashboard .challenge-container:not(.event-card), .public-single-contest .company-profule-public .challenge-container:not(.event-card), .company-single-offer .company-profule-public .challenge-container:not(.event-card), .company-single-contest .company-profule-public .challenge-container:not(.event-card) {
    max-width: 872px;
  }
}
.public-single-contest .company-contests-container .challenge-container .challenge, .public-single-contest .user-dashboard .challenge-container .challenge, .company-single-offer .company-contests-container .challenge-container .challenge, .company-single-offer .user-dashboard .challenge-container .challenge, .company-single-contest .company-contests-container .challenge-container .challenge, .company-single-contest .user-dashboard .challenge-container .challenge, .public-single-contest .company-profule-public .challenge-container .challenge, .company-single-offer .company-profule-public .challenge-container .challenge, .company-single-contest .company-profule-public .challenge-container .challenge {
  width: 100%;
  padding: 12px;
  background: var(--natural-white-fff, #fff);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  border-bottom: 1px solid #eaeef0;
}
@media (min-width: 767px) {
  .public-single-contest .company-contests-container .challenge-container .challenge, .public-single-contest .user-dashboard .challenge-container .challenge, .company-single-offer .company-contests-container .challenge-container .challenge, .company-single-offer .user-dashboard .challenge-container .challenge, .company-single-contest .company-contests-container .challenge-container .challenge, .company-single-contest .user-dashboard .challenge-container .challenge, .public-single-contest .company-profule-public .challenge-container .challenge, .company-single-offer .company-profule-public .challenge-container .challenge, .company-single-contest .company-profule-public .challenge-container .challenge {
    padding: 24px 24px 24px 40px;
    border-radius: 8px;
    margin-bottom: 16px;
    border-bottom: none;
  }
}
@media (min-width: 991px) {
  .public-single-contest .company-contests-container .challenge-container .challenge .content.pl-md-3, .public-single-contest .user-dashboard .challenge-container .challenge .content.pl-md-3, .company-single-offer .company-contests-container .challenge-container .challenge .content.pl-md-3, .company-single-offer .user-dashboard .challenge-container .challenge .content.pl-md-3, .company-single-contest .company-contests-container .challenge-container .challenge .content.pl-md-3, .company-single-contest .user-dashboard .challenge-container .challenge .content.pl-md-3, .public-single-contest .company-profule-public .challenge-container .challenge .content.pl-md-3, .company-single-offer .company-profule-public .challenge-container .challenge .content.pl-md-3, .company-single-contest .company-profule-public .challenge-container .challenge .content.pl-md-3 {
    padding-left: 10px;
  }
}
.public-single-contest .company-contests-container .challenge-container .challenge .content div, .public-single-contest .user-dashboard .challenge-container .challenge .content div, .company-single-offer .company-contests-container .challenge-container .challenge .content div, .company-single-offer .user-dashboard .challenge-container .challenge .content div, .company-single-contest .company-contests-container .challenge-container .challenge .content div, .company-single-contest .user-dashboard .challenge-container .challenge .content div, .public-single-contest .company-profule-public .challenge-container .challenge .content div, .company-single-offer .company-profule-public .challenge-container .challenge .content div, .company-single-contest .company-profule-public .challenge-container .challenge .content div {
  padding-bottom: 10px;
  position: relative;
}
.public-single-contest .company-contests-container .challenge-container .challenge .content div p, .public-single-contest .user-dashboard .challenge-container .challenge .content div p, .company-single-offer .company-contests-container .challenge-container .challenge .content div p, .company-single-offer .user-dashboard .challenge-container .challenge .content div p, .company-single-contest .company-contests-container .challenge-container .challenge .content div p, .company-single-contest .user-dashboard .challenge-container .challenge .content div p, .public-single-contest .company-profule-public .challenge-container .challenge .content div p, .company-single-offer .company-profule-public .challenge-container .challenge .content div p, .company-single-contest .company-profule-public .challenge-container .challenge .content div p {
  color: #667985;
  font-size: 13px;
}
.public-single-contest .company-contests-container .challenge-container .challenge .content div p span svg, .public-single-contest .user-dashboard .challenge-container .challenge .content div p span svg, .company-single-offer .company-contests-container .challenge-container .challenge .content div p span svg, .company-single-offer .user-dashboard .challenge-container .challenge .content div p span svg, .company-single-contest .company-contests-container .challenge-container .challenge .content div p span svg, .company-single-contest .user-dashboard .challenge-container .challenge .content div p span svg, .public-single-contest .company-profule-public .challenge-container .challenge .content div p span svg, .company-single-offer .company-profule-public .challenge-container .challenge .content div p span svg, .company-single-contest .company-profule-public .challenge-container .challenge .content div p span svg {
  margin-left: 4px;
  transform: translateY(-2px);
}
.public-single-contest .company-contests-container .challenge-container .challenge .content div label, .public-single-contest .user-dashboard .challenge-container .challenge .content div label, .company-single-offer .company-contests-container .challenge-container .challenge .content div label, .company-single-offer .user-dashboard .challenge-container .challenge .content div label, .company-single-contest .company-contests-container .challenge-container .challenge .content div label, .company-single-contest .user-dashboard .challenge-container .challenge .content div label, .public-single-contest .company-profule-public .challenge-container .challenge .content div label, .company-single-offer .company-profule-public .challenge-container .challenge .content div label, .company-single-contest .company-profule-public .challenge-container .challenge .content div label {
  margin-bottom: 1.5rem;
}
.public-single-contest .company-contests-container .challenge-container .challenge .content div label::after, .public-single-contest .user-dashboard .challenge-container .challenge .content div label::after, .company-single-offer .company-contests-container .challenge-container .challenge .content div label::after, .company-single-offer .user-dashboard .challenge-container .challenge .content div label::after, .company-single-contest .company-contests-container .challenge-container .challenge .content div label::after, .company-single-contest .user-dashboard .challenge-container .challenge .content div label::after, .public-single-contest .company-profule-public .challenge-container .challenge .content div label::after, .company-single-offer .company-profule-public .challenge-container .challenge .content div label::after, .company-single-contest .company-profule-public .challenge-container .challenge .content div label::after {
  position: absolute;
  right: 0;
  top: 0;
  background-position: top right;
  background-size: contain;
  background-repeat: no-repeat;
  padding-right: 25px;
}
.public-single-contest .company-contests-container .challenge-container .challenge .content div label.company::after, .public-single-contest .user-dashboard .challenge-container .challenge .content div label.company::after, .company-single-offer .company-contests-container .challenge-container .challenge .content div label.company::after, .company-single-offer .user-dashboard .challenge-container .challenge .content div label.company::after, .company-single-contest .company-contests-container .challenge-container .challenge .content div label.company::after, .company-single-contest .user-dashboard .challenge-container .challenge .content div label.company::after, .public-single-contest .company-profule-public .challenge-container .challenge .content div label.company::after, .company-single-offer .company-profule-public .challenge-container .challenge .content div label.company::after, .company-single-contest .company-profule-public .challenge-container .challenge .content div label.company::after {
  background-image: url("../../svg/companies/design/building-07.svg");
  content: "کارشناسی توسط شرکت";
}
.public-single-contest .company-contests-container .challenge-container .challenge .content div label.vote::after, .public-single-contest .user-dashboard .challenge-container .challenge .content div label.vote::after, .company-single-offer .company-contests-container .challenge-container .challenge .content div label.vote::after, .company-single-offer .user-dashboard .challenge-container .challenge .content div label.vote::after, .company-single-contest .company-contests-container .challenge-container .challenge .content div label.vote::after, .company-single-contest .user-dashboard .challenge-container .challenge .content div label.vote::after, .public-single-contest .company-profule-public .challenge-container .challenge .content div label.vote::after, .company-single-offer .company-profule-public .challenge-container .challenge .content div label.vote::after, .company-single-contest .company-profule-public .challenge-container .challenge .content div label.vote::after {
  background-image: url("../../svg/companies/design/users-03.svg");
  content: "رأی گیری مردمی";
}
.public-single-contest .company-contests-container .challenge-container .challenge .content div label.draft, .public-single-contest .user-dashboard .challenge-container .challenge .content div label.draft, .company-single-offer .company-contests-container .challenge-container .challenge .content div label.draft, .company-single-offer .user-dashboard .challenge-container .challenge .content div label.draft, .company-single-contest .company-contests-container .challenge-container .challenge .content div label.draft, .company-single-contest .user-dashboard .challenge-container .challenge .content div label.draft, .public-single-contest .company-profule-public .challenge-container .challenge .content div label.draft, .company-single-offer .company-profule-public .challenge-container .challenge .content div label.draft, .company-single-contest .company-profule-public .challenge-container .challenge .content div label.draft {
  border-radius: 16px;
  border: 1px solid #d0d8dd;
  background: #f9fafb;
  padding: 1px 8px 1px 10px;
  width: 107px;
  height: 28px;
  max-width: none;
}
.public-single-contest .company-contests-container .challenge-container .challenge .content div label.draft::after, .public-single-contest .user-dashboard .challenge-container .challenge .content div label.draft::after, .company-single-offer .company-contests-container .challenge-container .challenge .content div label.draft::after, .company-single-offer .user-dashboard .challenge-container .challenge .content div label.draft::after, .company-single-contest .company-contests-container .challenge-container .challenge .content div label.draft::after, .company-single-contest .user-dashboard .challenge-container .challenge .content div label.draft::after, .public-single-contest .company-profule-public .challenge-container .challenge .content div label.draft::after, .company-single-offer .company-profule-public .challenge-container .challenge .content div label.draft::after, .company-single-contest .company-profule-public .challenge-container .challenge .content div label.draft::after {
  background-image: url("../../svg/companies/design/draft.svg");
  background-position: 62px 3px;
  content: "پیش‌نویس";
  top: 3px;
  padding-right: 36px;
}
@media (min-width: 767px) {
  .public-single-contest .company-contests-container .challenge-container .challenge .content div h3, .public-single-contest .user-dashboard .challenge-container .challenge .content div h3, .company-single-offer .company-contests-container .challenge-container .challenge .content div h3, .company-single-offer .user-dashboard .challenge-container .challenge .content div h3, .company-single-contest .company-contests-container .challenge-container .challenge .content div h3, .company-single-contest .user-dashboard .challenge-container .challenge .content div h3, .public-single-contest .company-profule-public .challenge-container .challenge .content div h3, .company-single-offer .company-profule-public .challenge-container .challenge .content div h3, .company-single-contest .company-profule-public .challenge-container .challenge .content div h3 {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.public-single-contest .company-contests-container .challenge-container .challenge .content div h3.finished, .public-single-contest .user-dashboard .challenge-container .challenge .content div h3.finished, .company-single-offer .company-contests-container .challenge-container .challenge .content div h3.finished, .company-single-offer .user-dashboard .challenge-container .challenge .content div h3.finished, .company-single-contest .company-contests-container .challenge-container .challenge .content div h3.finished, .company-single-contest .user-dashboard .challenge-container .challenge .content div h3.finished, .public-single-contest .company-profule-public .challenge-container .challenge .content div h3.finished, .company-single-offer .company-profule-public .challenge-container .challenge .content div h3.finished, .company-single-contest .company-profule-public .challenge-container .challenge .content div h3.finished {
  color: #667985;
}
.public-single-contest .company-contests-container .challenge-container .challenge .content p:last-child, .public-single-contest .user-dashboard .challenge-container .challenge .content p:last-child, .company-single-offer .company-contests-container .challenge-container .challenge .content p:last-child, .company-single-offer .user-dashboard .challenge-container .challenge .content p:last-child, .company-single-contest .company-contests-container .challenge-container .challenge .content p:last-child, .company-single-contest .user-dashboard .challenge-container .challenge .content p:last-child, .public-single-contest .company-profule-public .challenge-container .challenge .content p:last-child, .company-single-offer .company-profule-public .challenge-container .challenge .content p:last-child, .company-single-contest .company-profule-public .challenge-container .challenge .content p:last-child {
  border-top: 1px solid var(--natural-200-eaeef-0, #eaeef0);
  color: #667985;
  font-size: 13px;
  line-height: 24px;
}
.public-single-contest .company-contests-container .challenge-container .challenge .actions, .public-single-contest .user-dashboard .challenge-container .challenge .actions, .company-single-offer .company-contests-container .challenge-container .challenge .actions, .company-single-offer .user-dashboard .challenge-container .challenge .actions, .company-single-contest .company-contests-container .challenge-container .challenge .actions, .company-single-contest .user-dashboard .challenge-container .challenge .actions, .public-single-contest .company-profule-public .challenge-container .challenge .actions, .company-single-offer .company-profule-public .challenge-container .challenge .actions, .company-single-contest .company-profule-public .challenge-container .challenge .actions {
  border-right: 0;
  padding-right: 0;
  margin-right: 0;
  position: relative;
}
@media (min-width: 991px) {
  .public-single-contest .company-contests-container .challenge-container .challenge .actions, .public-single-contest .user-dashboard .challenge-container .challenge .actions, .company-single-offer .company-contests-container .challenge-container .challenge .actions, .company-single-offer .user-dashboard .challenge-container .challenge .actions, .company-single-contest .company-contests-container .challenge-container .challenge .actions, .company-single-contest .user-dashboard .challenge-container .challenge .actions, .public-single-contest .company-profule-public .challenge-container .challenge .actions, .company-single-offer .company-profule-public .challenge-container .challenge .actions, .company-single-contest .company-profule-public .challenge-container .challenge .actions {
    min-width: 168px;
    max-width: 168px;
  }
}
@media (min-width: 1199px) {
  .public-single-contest .company-contests-container .challenge-container .challenge .actions, .public-single-contest .user-dashboard .challenge-container .challenge .actions, .company-single-offer .company-contests-container .challenge-container .challenge .actions, .company-single-offer .user-dashboard .challenge-container .challenge .actions, .company-single-contest .company-contests-container .challenge-container .challenge .actions, .company-single-contest .user-dashboard .challenge-container .challenge .actions, .public-single-contest .company-profule-public .challenge-container .challenge .actions, .company-single-offer .company-profule-public .challenge-container .challenge .actions, .company-single-contest .company-profule-public .challenge-container .challenge .actions {
    min-width: 232px;
    max-width: 232px;
    border-right: 1px solid #eaeef0;
    padding-right: 32px;
    margin-right: 32px;
  }
}
.public-single-contest .company-contests-container .challenge-container .challenge .actions div label, .public-single-contest .user-dashboard .challenge-container .challenge .actions div label, .company-single-offer .company-contests-container .challenge-container .challenge .actions div label, .company-single-offer .user-dashboard .challenge-container .challenge .actions div label, .company-single-contest .company-contests-container .challenge-container .challenge .actions div label, .company-single-contest .user-dashboard .challenge-container .challenge .actions div label, .public-single-contest .company-profule-public .challenge-container .challenge .actions div label, .company-single-offer .company-profule-public .challenge-container .challenge .actions div label, .company-single-contest .company-profule-public .challenge-container .challenge .actions div label {
  border-radius: 400px;
  padding: 3px 8px;
  gap: 2px;
  white-space: nowrap;
  border: 1px solid transparent;
}
.public-single-contest .company-contests-container .challenge-container .challenge .actions div label::after, .public-single-contest .user-dashboard .challenge-container .challenge .actions div label::after, .company-single-offer .company-contests-container .challenge-container .challenge .actions div label::after, .company-single-offer .user-dashboard .challenge-container .challenge .actions div label::after, .company-single-contest .company-contests-container .challenge-container .challenge .actions div label::after, .company-single-contest .user-dashboard .challenge-container .challenge .actions div label::after, .public-single-contest .company-profule-public .challenge-container .challenge .actions div label::after, .company-single-offer .company-profule-public .challenge-container .challenge .actions div label::after, .company-single-contest .company-profule-public .challenge-container .challenge .actions div label::after {
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
  padding-right: 22px;
}
.public-single-contest .company-contests-container .challenge-container .challenge .actions div label.finished, .public-single-contest .user-dashboard .challenge-container .challenge .actions div label.finished, .company-single-offer .company-contests-container .challenge-container .challenge .actions div label.finished, .company-single-offer .user-dashboard .challenge-container .challenge .actions div label.finished, .company-single-contest .company-contests-container .challenge-container .challenge .actions div label.finished, .company-single-contest .user-dashboard .challenge-container .challenge .actions div label.finished, .public-single-contest .company-profule-public .challenge-container .challenge .actions div label.finished, .company-single-offer .company-profule-public .challenge-container .challenge .actions div label.finished, .company-single-contest .company-profule-public .challenge-container .challenge .actions div label.finished {
  padding: 1px 5px 1px 7px;
  background: #F2F4F7;
  border-color: #EAECF0;
  font-size: 12px;
  line-height: 24px;
}
.public-single-contest .company-contests-container .challenge-container .challenge .actions div label.finished::after, .public-single-contest .user-dashboard .challenge-container .challenge .actions div label.finished::after, .company-single-offer .company-contests-container .challenge-container .challenge .actions div label.finished::after, .company-single-offer .user-dashboard .challenge-container .challenge .actions div label.finished::after, .company-single-contest .company-contests-container .challenge-container .challenge .actions div label.finished::after, .company-single-contest .user-dashboard .challenge-container .challenge .actions div label.finished::after, .public-single-contest .company-profule-public .challenge-container .challenge .actions div label.finished::after, .company-single-offer .company-profule-public .challenge-container .challenge .actions div label.finished::after, .company-single-contest .company-profule-public .challenge-container .challenge .actions div label.finished::after {
  content: "به اتمام رسیده";
  color: #344054;
  background-image: url("../../svg/companies/design/icon4.svg");
  padding-right: 18px;
}
.public-single-contest .company-contests-container .challenge-container .challenge .actions div label.rejected, .public-single-contest .user-dashboard .challenge-container .challenge .actions div label.rejected, .company-single-offer .company-contests-container .challenge-container .challenge .actions div label.rejected, .company-single-offer .user-dashboard .challenge-container .challenge .actions div label.rejected, .company-single-contest .company-contests-container .challenge-container .challenge .actions div label.rejected, .company-single-contest .user-dashboard .challenge-container .challenge .actions div label.rejected, .public-single-contest .company-profule-public .challenge-container .challenge .actions div label.rejected, .company-single-offer .company-profule-public .challenge-container .challenge .actions div label.rejected, .company-single-contest .company-profule-public .challenge-container .challenge .actions div label.rejected {
  background: #fef3f2;
  border-color: #fda29b;
}
.public-single-contest .company-contests-container .challenge-container .challenge .actions div label.rejected::after, .public-single-contest .user-dashboard .challenge-container .challenge .actions div label.rejected::after, .company-single-offer .company-contests-container .challenge-container .challenge .actions div label.rejected::after, .company-single-offer .user-dashboard .challenge-container .challenge .actions div label.rejected::after, .company-single-contest .company-contests-container .challenge-container .challenge .actions div label.rejected::after, .company-single-contest .user-dashboard .challenge-container .challenge .actions div label.rejected::after, .public-single-contest .company-profule-public .challenge-container .challenge .actions div label.rejected::after, .company-single-offer .company-profule-public .challenge-container .challenge .actions div label.rejected::after, .company-single-contest .company-profule-public .challenge-container .challenge .actions div label.rejected::after {
  content: "رد شده";
  color: #b42318;
  background-image: url("../../svg/companies/design/icon.svg");
}
.public-single-contest .company-contests-container .challenge-container .challenge .actions div label.accepted, .public-single-contest .user-dashboard .challenge-container .challenge .actions div label.accepted, .company-single-offer .company-contests-container .challenge-container .challenge .actions div label.accepted, .company-single-offer .user-dashboard .challenge-container .challenge .actions div label.accepted, .company-single-contest .company-contests-container .challenge-container .challenge .actions div label.accepted, .company-single-contest .user-dashboard .challenge-container .challenge .actions div label.accepted, .public-single-contest .company-profule-public .challenge-container .challenge .actions div label.accepted, .company-single-offer .company-profule-public .challenge-container .challenge .actions div label.accepted, .company-single-contest .company-profule-public .challenge-container .challenge .actions div label.accepted {
  background: #ecfdf3;
  border-color: #75e0a7;
}
.public-single-contest .company-contests-container .challenge-container .challenge .actions div label.accepted::after, .public-single-contest .user-dashboard .challenge-container .challenge .actions div label.accepted::after, .company-single-offer .company-contests-container .challenge-container .challenge .actions div label.accepted::after, .company-single-offer .user-dashboard .challenge-container .challenge .actions div label.accepted::after, .company-single-contest .company-contests-container .challenge-container .challenge .actions div label.accepted::after, .company-single-contest .user-dashboard .challenge-container .challenge .actions div label.accepted::after, .public-single-contest .company-profule-public .challenge-container .challenge .actions div label.accepted::after, .company-single-offer .company-profule-public .challenge-container .challenge .actions div label.accepted::after, .company-single-contest .company-profule-public .challenge-container .challenge .actions div label.accepted::after {
  content: "تایید شده";
  color: #067647;
  background-image: url("../../svg/companies/design/icon3.svg");
}
.public-single-contest .company-contests-container .challenge-container .challenge .actions div label.content-review, .public-single-contest .user-dashboard .challenge-container .challenge .actions div label.content-review, .company-single-offer .company-contests-container .challenge-container .challenge .actions div label.content-review, .company-single-offer .user-dashboard .challenge-container .challenge .actions div label.content-review, .company-single-contest .company-contests-container .challenge-container .challenge .actions div label.content-review, .company-single-contest .user-dashboard .challenge-container .challenge .actions div label.content-review, .public-single-contest .company-profule-public .challenge-container .challenge .actions div label.content-review, .company-single-offer .company-profule-public .challenge-container .challenge .actions div label.content-review, .company-single-contest .company-profule-public .challenge-container .challenge .actions div label.content-review {
  background: #fffaeb;
  border-color: #fec84b;
}
.public-single-contest .company-contests-container .challenge-container .challenge .actions div label.content-review::after, .public-single-contest .user-dashboard .challenge-container .challenge .actions div label.content-review::after, .company-single-offer .company-contests-container .challenge-container .challenge .actions div label.content-review::after, .company-single-offer .user-dashboard .challenge-container .challenge .actions div label.content-review::after, .company-single-contest .company-contests-container .challenge-container .challenge .actions div label.content-review::after, .company-single-contest .user-dashboard .challenge-container .challenge .actions div label.content-review::after, .public-single-contest .company-profule-public .challenge-container .challenge .actions div label.content-review::after, .company-single-offer .company-profule-public .challenge-container .challenge .actions div label.content-review::after, .company-single-contest .company-profule-public .challenge-container .challenge .actions div label.content-review::after {
  content: "بررسی محتوایی مسابقه";
  color: #f79009;
  background-image: url("../../svg/companies/design/icon2.svg");
}
.public-single-contest .company-contests-container .challenge-container .challenge .actions div label.contract-review, .public-single-contest .user-dashboard .challenge-container .challenge .actions div label.contract-review, .company-single-offer .company-contests-container .challenge-container .challenge .actions div label.contract-review, .company-single-offer .user-dashboard .challenge-container .challenge .actions div label.contract-review, .company-single-contest .company-contests-container .challenge-container .challenge .actions div label.contract-review, .company-single-contest .user-dashboard .challenge-container .challenge .actions div label.contract-review, .public-single-contest .company-profule-public .challenge-container .challenge .actions div label.contract-review, .company-single-offer .company-profule-public .challenge-container .challenge .actions div label.contract-review, .company-single-contest .company-profule-public .challenge-container .challenge .actions div label.contract-review {
  background: #fffaeb;
  border-color: #fec84b;
}
.public-single-contest .company-contests-container .challenge-container .challenge .actions div label.contract-review::after, .public-single-contest .user-dashboard .challenge-container .challenge .actions div label.contract-review::after, .company-single-offer .company-contests-container .challenge-container .challenge .actions div label.contract-review::after, .company-single-offer .user-dashboard .challenge-container .challenge .actions div label.contract-review::after, .company-single-contest .company-contests-container .challenge-container .challenge .actions div label.contract-review::after, .company-single-contest .user-dashboard .challenge-container .challenge .actions div label.contract-review::after, .public-single-contest .company-profule-public .challenge-container .challenge .actions div label.contract-review::after, .company-single-offer .company-profule-public .challenge-container .challenge .actions div label.contract-review::after, .company-single-contest .company-profule-public .challenge-container .challenge .actions div label.contract-review::after {
  content: "بررسی قرار داد مالی";
  color: #f79009;
  background-image: url("../../svg/companies/design/bank-note-01.svg");
}
.public-single-contest .company-contests-container .challenge-container .challenge .actions div p, .public-single-contest .user-dashboard .challenge-container .challenge .actions div p, .company-single-offer .company-contests-container .challenge-container .challenge .actions div p, .company-single-offer .user-dashboard .challenge-container .challenge .actions div p, .company-single-contest .company-contests-container .challenge-container .challenge .actions div p, .company-single-contest .user-dashboard .challenge-container .challenge .actions div p, .public-single-contest .company-profule-public .challenge-container .challenge .actions div p, .company-single-offer .company-profule-public .challenge-container .challenge .actions div p, .company-single-contest .company-profule-public .challenge-container .challenge .actions div p {
  color: #475a67;
  text-align: center;
}
@media (min-width: 767px) {
  .public-single-contest .company-contests-container .challenge-container .challenge .actions div p, .public-single-contest .user-dashboard .challenge-container .challenge .actions div p, .company-single-offer .company-contests-container .challenge-container .challenge .actions div p, .company-single-offer .user-dashboard .challenge-container .challenge .actions div p, .company-single-contest .company-contests-container .challenge-container .challenge .actions div p, .company-single-contest .user-dashboard .challenge-container .challenge .actions div p, .public-single-contest .company-profule-public .challenge-container .challenge .actions div p, .company-single-offer .company-profule-public .challenge-container .challenge .actions div p, .company-single-contest .company-profule-public .challenge-container .challenge .actions div p {
    text-align: right;
  }
}
.public-single-contest .company-contests-container .challenge-container .challenge .actions div .card-company-title-offer, .public-single-contest .user-dashboard .challenge-container .challenge .actions div .card-company-title-offer, .company-single-offer .company-contests-container .challenge-container .challenge .actions div .card-company-title-offer, .company-single-offer .user-dashboard .challenge-container .challenge .actions div .card-company-title-offer, .company-single-contest .company-contests-container .challenge-container .challenge .actions div .card-company-title-offer, .company-single-contest .user-dashboard .challenge-container .challenge .actions div .card-company-title-offer, .public-single-contest .company-profule-public .challenge-container .challenge .actions div .card-company-title-offer, .company-single-offer .company-profule-public .challenge-container .challenge .actions div .card-company-title-offer, .company-single-contest .company-profule-public .challenge-container .challenge .actions div .card-company-title-offer {
  margin-bottom: 28px;
  min-height: 56px;
}
.public-single-contest .company-contests-container .challenge-container .challenge .actions div .remaining-time, .public-single-contest .user-dashboard .challenge-container .challenge .actions div .remaining-time, .company-single-offer .company-contests-container .challenge-container .challenge .actions div .remaining-time, .company-single-offer .user-dashboard .challenge-container .challenge .actions div .remaining-time, .company-single-contest .company-contests-container .challenge-container .challenge .actions div .remaining-time, .company-single-contest .user-dashboard .challenge-container .challenge .actions div .remaining-time, .public-single-contest .company-profule-public .challenge-container .challenge .actions div .remaining-time, .company-single-offer .company-profule-public .challenge-container .challenge .actions div .remaining-time, .company-single-contest .company-profule-public .challenge-container .challenge .actions div .remaining-time {
  font-weight: 400;
  color: #98A2B3;
}
.public-single-contest .company-contests-container .challenge-container .challenge .actions div .remaining-time span, .public-single-contest .user-dashboard .challenge-container .challenge .actions div .remaining-time span, .company-single-offer .company-contests-container .challenge-container .challenge .actions div .remaining-time span, .company-single-offer .user-dashboard .challenge-container .challenge .actions div .remaining-time span, .company-single-contest .company-contests-container .challenge-container .challenge .actions div .remaining-time span, .company-single-contest .user-dashboard .challenge-container .challenge .actions div .remaining-time span, .public-single-contest .company-profule-public .challenge-container .challenge .actions div .remaining-time span, .company-single-offer .company-profule-public .challenge-container .challenge .actions div .remaining-time span, .company-single-contest .company-profule-public .challenge-container .challenge .actions div .remaining-time span {
  font-weight: 400 !important;
  color: #475467;
}
.public-single-contest .company-contests-container .challenge-container .challenge .actions div .suggestions, .public-single-contest .user-dashboard .challenge-container .challenge .actions div .suggestions, .company-single-offer .company-contests-container .challenge-container .challenge .actions div .suggestions, .company-single-offer .user-dashboard .challenge-container .challenge .actions div .suggestions, .company-single-contest .company-contests-container .challenge-container .challenge .actions div .suggestions, .company-single-contest .user-dashboard .challenge-container .challenge .actions div .suggestions, .public-single-contest .company-profule-public .challenge-container .challenge .actions div .suggestions, .company-single-offer .company-profule-public .challenge-container .challenge .actions div .suggestions, .company-single-contest .company-profule-public .challenge-container .challenge .actions div .suggestions {
  color: #49b3f3;
  font-size: 12px;
  line-height: 24px;
  font-weight: 600;
}
.public-single-contest .company-contests-container .challenge-container .challenge .actions div .voting, .public-single-contest .user-dashboard .challenge-container .challenge .actions div .voting, .company-single-offer .company-contests-container .challenge-container .challenge .actions div .voting, .company-single-offer .user-dashboard .challenge-container .challenge .actions div .voting, .company-single-contest .company-contests-container .challenge-container .challenge .actions div .voting, .company-single-contest .user-dashboard .challenge-container .challenge .actions div .voting, .public-single-contest .company-profule-public .challenge-container .challenge .actions div .voting, .company-single-offer .company-profule-public .challenge-container .challenge .actions div .voting, .company-single-contest .company-profule-public .challenge-container .challenge .actions div .voting {
  color: #1004a4;
}
.public-single-contest .company-contests-container .challenge-container .challenge .actions div .results, .public-single-contest .user-dashboard .challenge-container .challenge .actions div .results, .company-single-offer .company-contests-container .challenge-container .challenge .actions div .results, .company-single-offer .user-dashboard .challenge-container .challenge .actions div .results, .company-single-contest .company-contests-container .challenge-container .challenge .actions div .results, .company-single-contest .user-dashboard .challenge-container .challenge .actions div .results, .public-single-contest .company-profule-public .challenge-container .challenge .actions div .results, .company-single-offer .company-profule-public .challenge-container .challenge .actions div .results, .company-single-contest .company-profule-public .challenge-container .challenge .actions div .results {
  color: #c72d80;
}
.public-single-contest .company-contests-container .challenge-container .challenge .actions button:first-child, .public-single-contest .user-dashboard .challenge-container .challenge .actions button:first-child, .company-single-offer .company-contests-container .challenge-container .challenge .actions button:first-child, .company-single-offer .user-dashboard .challenge-container .challenge .actions button:first-child, .company-single-contest .company-contests-container .challenge-container .challenge .actions button:first-child, .company-single-contest .user-dashboard .challenge-container .challenge .actions button:first-child, .public-single-contest .company-profule-public .challenge-container .challenge .actions button:first-child, .company-single-offer .company-profule-public .challenge-container .challenge .actions button:first-child, .company-single-contest .company-profule-public .challenge-container .challenge .actions button:first-child,
.public-single-contest .company-contests-container .challenge-container .challenge .actions a:first-child,
.public-single-contest .user-dashboard .challenge-container .challenge .actions a:first-child,
.company-single-offer .company-contests-container .challenge-container .challenge .actions a:first-child,
.company-single-offer .user-dashboard .challenge-container .challenge .actions a:first-child,
.company-single-contest .company-contests-container .challenge-container .challenge .actions a:first-child,
.company-single-contest .user-dashboard .challenge-container .challenge .actions a:first-child,
.public-single-contest .company-profule-public .challenge-container .challenge .actions a:first-child,
.company-single-offer .company-profule-public .challenge-container .challenge .actions a:first-child,
.company-single-contest .company-profule-public .challenge-container .challenge .actions a:first-child {
  padding: 6px 16px;
  gap: 8px;
  border-radius: 8px;
  border: none;
  background: #fff;
  color: #98a8b3;
}
.public-single-contest .company-contests-container .challenge-container .challenge .actions button:last-child, .public-single-contest .user-dashboard .challenge-container .challenge .actions button:last-child, .company-single-offer .company-contests-container .challenge-container .challenge .actions button:last-child, .company-single-offer .user-dashboard .challenge-container .challenge .actions button:last-child, .company-single-contest .company-contests-container .challenge-container .challenge .actions button:last-child, .company-single-contest .user-dashboard .challenge-container .challenge .actions button:last-child, .public-single-contest .company-profule-public .challenge-container .challenge .actions button:last-child, .company-single-offer .company-profule-public .challenge-container .challenge .actions button:last-child, .company-single-contest .company-profule-public .challenge-container .challenge .actions button:last-child,
.public-single-contest .company-contests-container .challenge-container .challenge .actions a:last-child,
.public-single-contest .user-dashboard .challenge-container .challenge .actions a:last-child,
.company-single-offer .company-contests-container .challenge-container .challenge .actions a:last-child,
.company-single-offer .user-dashboard .challenge-container .challenge .actions a:last-child,
.company-single-contest .company-contests-container .challenge-container .challenge .actions a:last-child,
.company-single-contest .user-dashboard .challenge-container .challenge .actions a:last-child,
.public-single-contest .company-profule-public .challenge-container .challenge .actions a:last-child,
.company-single-offer .company-profule-public .challenge-container .challenge .actions a:last-child,
.company-single-contest .company-profule-public .challenge-container .challenge .actions a:last-child {
  padding: 6px 16px;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #d0d8dd;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  font-weight: 500;
}
.public-single-contest .company-contests-container .challenge-container .challenge .actions button:last-child span, .public-single-contest .user-dashboard .challenge-container .challenge .actions button:last-child span, .company-single-offer .company-contests-container .challenge-container .challenge .actions button:last-child span, .company-single-offer .user-dashboard .challenge-container .challenge .actions button:last-child span, .company-single-contest .company-contests-container .challenge-container .challenge .actions button:last-child span, .company-single-contest .user-dashboard .challenge-container .challenge .actions button:last-child span, .public-single-contest .company-profule-public .challenge-container .challenge .actions button:last-child span, .company-single-offer .company-profule-public .challenge-container .challenge .actions button:last-child span, .company-single-contest .company-profule-public .challenge-container .challenge .actions button:last-child span,
.public-single-contest .company-contests-container .challenge-container .challenge .actions a:last-child span,
.public-single-contest .user-dashboard .challenge-container .challenge .actions a:last-child span,
.company-single-offer .company-contests-container .challenge-container .challenge .actions a:last-child span,
.company-single-offer .user-dashboard .challenge-container .challenge .actions a:last-child span,
.company-single-contest .company-contests-container .challenge-container .challenge .actions a:last-child span,
.company-single-contest .user-dashboard .challenge-container .challenge .actions a:last-child span,
.public-single-contest .company-profule-public .challenge-container .challenge .actions a:last-child span,
.company-single-offer .company-profule-public .challenge-container .challenge .actions a:last-child span,
.company-single-contest .company-profule-public .challenge-container .challenge .actions a:last-child span {
  transform: rotate(180deg) translateY(-3px);
}
.public-single-contest .company-contests-container .challenge-container .challenge .actions button:last-child.btn-primary-black, .public-single-contest .user-dashboard .challenge-container .challenge .actions button:last-child.btn-primary-black, .company-single-offer .company-contests-container .challenge-container .challenge .actions button:last-child.btn-primary-black, .company-single-offer .user-dashboard .challenge-container .challenge .actions button:last-child.btn-primary-black, .company-single-contest .company-contests-container .challenge-container .challenge .actions button:last-child.btn-primary-black, .company-single-contest .user-dashboard .challenge-container .challenge .actions button:last-child.btn-primary-black, .public-single-contest .company-profule-public .challenge-container .challenge .actions button:last-child.btn-primary-black, .company-single-offer .company-profule-public .challenge-container .challenge .actions button:last-child.btn-primary-black, .company-single-contest .company-profule-public .challenge-container .challenge .actions button:last-child.btn-primary-black,
.public-single-contest .company-contests-container .challenge-container .challenge .actions a:last-child.btn-primary-black,
.public-single-contest .user-dashboard .challenge-container .challenge .actions a:last-child.btn-primary-black,
.company-single-offer .company-contests-container .challenge-container .challenge .actions a:last-child.btn-primary-black,
.company-single-offer .user-dashboard .challenge-container .challenge .actions a:last-child.btn-primary-black,
.company-single-contest .company-contests-container .challenge-container .challenge .actions a:last-child.btn-primary-black,
.company-single-contest .user-dashboard .challenge-container .challenge .actions a:last-child.btn-primary-black,
.public-single-contest .company-profule-public .challenge-container .challenge .actions a:last-child.btn-primary-black,
.company-single-offer .company-profule-public .challenge-container .challenge .actions a:last-child.btn-primary-black,
.company-single-contest .company-profule-public .challenge-container .challenge .actions a:last-child.btn-primary-black {
  box-shadow: 0px 1px 2px 0px #667985;
  color: #fff;
  border: none;
}
@media (min-width: 991px) {
  .public-single-contest .company-contests-container .challenge-container .challenge .actions button:last-child, .public-single-contest .user-dashboard .challenge-container .challenge .actions button:last-child, .company-single-offer .company-contests-container .challenge-container .challenge .actions button:last-child, .company-single-offer .user-dashboard .challenge-container .challenge .actions button:last-child, .company-single-contest .company-contests-container .challenge-container .challenge .actions button:last-child, .company-single-contest .user-dashboard .challenge-container .challenge .actions button:last-child, .public-single-contest .company-profule-public .challenge-container .challenge .actions button:last-child, .company-single-offer .company-profule-public .challenge-container .challenge .actions button:last-child, .company-single-contest .company-profule-public .challenge-container .challenge .actions button:last-child,
  .public-single-contest .company-contests-container .challenge-container .challenge .actions a:last-child,
  .public-single-contest .user-dashboard .challenge-container .challenge .actions a:last-child,
  .company-single-offer .company-contests-container .challenge-container .challenge .actions a:last-child,
  .company-single-offer .user-dashboard .challenge-container .challenge .actions a:last-child,
  .company-single-contest .company-contests-container .challenge-container .challenge .actions a:last-child,
  .company-single-contest .user-dashboard .challenge-container .challenge .actions a:last-child,
  .public-single-contest .company-profule-public .challenge-container .challenge .actions a:last-child,
  .company-single-offer .company-profule-public .challenge-container .challenge .actions a:last-child,
  .company-single-contest .company-profule-public .challenge-container .challenge .actions a:last-child {
    width: 100%;
  }
}
.public-single-contest .company-contests-container .container-empty .no-contests, .public-single-contest .user-dashboard .container-empty .no-contests, .company-single-offer .company-contests-container .container-empty .no-contests, .company-single-offer .user-dashboard .container-empty .no-contests, .company-single-contest .company-contests-container .container-empty .no-contests, .company-single-contest .user-dashboard .container-empty .no-contests, .public-single-contest .company-profule-public .container-empty .no-contests, .company-single-offer .company-profule-public .container-empty .no-contests, .company-single-contest .company-profule-public .container-empty .no-contests {
  color: rgb(208, 216, 221);
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0em;
  text-align: right;
}
.public-single-contest .btn-show-more-company, .company-single-offer .btn-show-more-company, .company-single-contest .btn-show-more-company {
  padding: 6px 16px;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #d0d8dd;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  color: #344754;
}
.public-single-contest .btn-show-more-company .icon, .company-single-offer .btn-show-more-company .icon, .company-single-contest .btn-show-more-company .icon {
  margin-left: 0 !important;
}
.public-single-contest .btn-show-more-company span, .company-single-offer .btn-show-more-company span, .company-single-contest .btn-show-more-company span {
  margin-left: 8px;
}
.public-single-contest .btn-show-more-company span svg, .company-single-offer .btn-show-more-company span svg, .company-single-contest .btn-show-more-company span svg {
  transform: rotate(90deg) translateY(-3px);
}
@media (max-width: 1199px) {
  .public-single-contest .btn-show-more-company, .company-single-offer .btn-show-more-company, .company-single-contest .btn-show-more-company {
    width: 100%;
  }
}
.public-single-contest .company-contests, .company-single-offer .company-contests, .company-single-contest .company-contests {
  background: #FCFCFD;
  padding-bottom: 71px;
}
@media (min-width: 767px) {
  .public-single-contest .company-contests, .company-single-offer .company-contests, .company-single-contest .company-contests {
    padding-bottom: 0;
  }
}
.public-single-contest .company-contests .create-competition, .company-single-offer .company-contests .create-competition, .company-single-contest .company-contests .create-competition {
  padding: 80px 0 0 0;
}
@media (max-width: 767px) {
  .public-single-contest .company-contests .create-competition .c-pad-box, .company-single-offer .company-contests .create-competition .c-pad-box, .company-single-contest .company-contests .create-competition .c-pad-box {
    margin-bottom: 25px;
  }
}
@media (min-width: 1199px) {
  .public-single-contest .company-contests .create-competition .c-pad-box, .company-single-offer .company-contests .create-competition .c-pad-box, .company-single-contest .company-contests .create-competition .c-pad-box {
    width: 872px;
  }
}
@media (min-width: 767px) {
  .public-single-contest .company-contests .create-competition, .company-single-offer .company-contests .create-competition, .company-single-contest .company-contests .create-competition {
    background: url("../../svg/contests/create-competition-contests-bg.svg") no-repeat;
    background-position-x: center;
  }
}
.public-single-contest .company-contests .create-competition .filter-button-mobile button, .company-single-offer .company-contests .create-competition .filter-button-mobile button, .company-single-contest .company-contests .create-competition .filter-button-mobile button {
  box-shadow: none;
}
.public-single-contest .company-contests .create-competition .filter-button-mobile button span, .company-single-offer .company-contests .create-competition .filter-button-mobile button span, .company-single-contest .company-contests .create-competition .filter-button-mobile button span {
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
}
.public-single-contest .company-contests .create-competition .filter-button-mobile img, .company-single-offer .company-contests .create-competition .filter-button-mobile img, .company-single-contest .company-contests .create-competition .filter-button-mobile img {
  width: 20px;
}
@media (min-width: 1199px) {
  .public-single-contest .company-contests .create-competition .create-competition-container, .company-single-offer .company-contests .create-competition .create-competition-container, .company-single-contest .company-contests .create-competition .create-competition-container {
    max-width: 1096px;
  }
}
.public-single-contest .company-contests .create-competition .create-competition-container .create-competition-content, .company-single-offer .company-contests .create-competition .create-competition-container .create-competition-content, .company-single-contest .company-contests .create-competition .create-competition-container .create-competition-content {
  background: #fff;
  border-radius: 8px;
  display: flex;
  padding: 40px 32px;
  box-shadow: 0 8px 8px -4px rgba(16, 24, 40, 0.03), 0 20px 24px -4px rgba(16, 24, 40, 0.08);
  margin-bottom: 64px;
}
@media (min-width: 1199px) {
  .public-single-contest .company-contests .create-competition .create-competition-container .create-competition-content, .company-single-offer .company-contests .create-competition .create-competition-container .create-competition-content, .company-single-contest .company-contests .create-competition .create-competition-container .create-competition-content {
    background: url("../../svg/contests/create-competition.svg") #fff no-repeat right bottom;
  }
}
.public-single-contest .company-contests .create-competition .create-competition-container .create-competition-content div:first-child, .company-single-offer .company-contests .create-competition .create-competition-container .create-competition-content div:first-child, .company-single-contest .company-contests .create-competition .create-competition-container .create-competition-content div:first-child {
  margin: 0 190px 0 64px;
}
@media (max-width: 1199px) {
  .public-single-contest .company-contests .create-competition .create-competition-container .create-competition-content div:first-child, .company-single-offer .company-contests .create-competition .create-competition-container .create-competition-content div:first-child, .company-single-contest .company-contests .create-competition .create-competition-container .create-competition-content div:first-child {
    margin: 0;
  }
}
.public-single-contest .company-contests .create-competition .create-competition-container .create-competition-content .create-competition-image, .company-single-offer .company-contests .create-competition .create-competition-container .create-competition-content .create-competition-image, .company-single-contest .company-contests .create-competition .create-competition-container .create-competition-content .create-competition-image {
  width: 160px;
}
.public-single-contest .company-contests .create-competition .create-competition-container .create-competition-content span, .company-single-offer .company-contests .create-competition .create-competition-container .create-competition-content span, .company-single-contest .company-contests .create-competition .create-competition-container .create-competition-content span {
  color: #475A67;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
}
.public-single-contest .company-contests .create-competition .create-competition-container .create-competition-content a, .company-single-offer .company-contests .create-competition .create-competition-container .create-competition-content a, .company-single-contest .company-contests .create-competition .create-competition-container .create-competition-content a {
  margin: 7px 0 7px 0;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  justify-content: center;
  padding: 8px 0;
  width: 240px;
}
.public-single-contest .company-contests .create-competition .create-competition-container .create-competition-content a .arrow-left, .company-single-offer .company-contests .create-competition .create-competition-container .create-competition-content a .arrow-left, .company-single-contest .company-contests .create-competition .create-competition-container .create-competition-content a .arrow-left {
  width: 24px;
  margin-right: 8px;
}
.public-single-contest .company-contests .create-competition .sort-date-container, .company-single-offer .company-contests .create-competition .sort-date-container, .company-single-contest .company-contests .create-competition .sort-date-container {
  border-bottom: 1px solid #EAEEF0;
  padding: 32px 0 24px 0;
  margin-bottom: 48px;
}
.public-single-contest .company-contests .create-competition .sort-date-container label, .company-single-offer .company-contests .create-competition .sort-date-container label, .company-single-contest .company-contests .create-competition .sort-date-container label {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  color: #1D2E39;
  margin-bottom: 6px;
}
.public-single-contest .company-contests .create-competition .sort-date-container .sort-date, .company-single-offer .company-contests .create-competition .sort-date-container .sort-date, .company-single-contest .company-contests .create-competition .sort-date-container .sort-date {
  display: flex;
  width: 538px;
}
.public-single-contest .company-contests .create-competition .sort-date-container .sort-date button, .company-single-offer .company-contests .create-competition .sort-date-container .sort-date button, .company-single-contest .company-contests .create-competition .sort-date-container .sort-date button {
  width: 100%;
}
.public-single-contest .company-contests .create-competition .sort-date-container .sort-date button:focus, .company-single-offer .company-contests .create-competition .sort-date-container .sort-date button:focus, .company-single-contest .company-contests .create-competition .sort-date-container .sort-date button:focus {
  box-shadow: unset;
}
.public-single-contest .company-contests .create-competition .sort-date-container .sort-date .sort-date-mobile, .company-single-offer .company-contests .create-competition .sort-date-container .sort-date .sort-date-mobile, .company-single-contest .company-contests .create-competition .sort-date-container .sort-date .sort-date-mobile {
  width: 50%;
}
.public-single-contest .company-contests .create-competition .sort-date-container .sort-date .sort-date-mobile:first-child, .company-single-offer .company-contests .create-competition .sort-date-container .sort-date .sort-date-mobile:first-child, .company-single-contest .company-contests .create-competition .sort-date-container .sort-date .sort-date-mobile:first-child {
  margin-left: 16px;
}
.public-single-contest .company-contests .create-competition .sort-date-container .sort-date .sort-date-mobile div, .company-single-offer .company-contests .create-competition .sort-date-container .sort-date .sort-date-mobile div, .company-single-contest .company-contests .create-competition .sort-date-container .sort-date .sort-date-mobile div {
  padding: 0;
}
.public-single-contest .company-contests .create-competition .sort-date-container .sort-date .sort-date-mobile input, .company-single-offer .company-contests .create-competition .sort-date-container .sort-date .sort-date-mobile input, .company-single-contest .company-contests .create-competition .sort-date-container .sort-date .sort-date-mobile input {
  border: 1px solid #98A8B3 !important;
  float: unset;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin: 0 0 0 8px;
}
.public-single-contest .company-contests .create-competition .sort-date-container .sort-date .sort-date-mobile label, .company-single-offer .company-contests .create-competition .sort-date-container .sort-date .sort-date-mobile label, .company-single-contest .company-contests .create-competition .sort-date-container .sort-date .sort-date-mobile label {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  align-self: center;
}
.public-single-contest .company-contests .create-competition .sort-date button, .company-single-offer .company-contests .create-competition .sort-date button, .company-single-contest .company-contests .create-competition .sort-date button {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #98A8B3;
  box-shadow: unset;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.public-single-contest .company-contests .create-competition .sort-date button::after, .company-single-offer .company-contests .create-competition .sort-date button::after, .company-single-contest .company-contests .create-competition .sort-date button::after {
  border: unset;
  background: url("../../svg/contests/dropdown-icon.svg");
  width: 20px;
  height: 20px;
  vertical-align: unset;
}
.public-single-contest .company-contests .create-competition .sort-date ul, .company-single-offer .company-contests .create-competition .sort-date ul, .company-single-contest .company-contests .create-competition .sort-date ul {
  border-radius: 8px;
  border: 1px solid #EAEEF0;
  box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.0784313725);
  transform: translate(0px, 51px) !important;
  width: 100%;
}
.public-single-contest .company-contests .create-competition .sort-date ul li, .company-single-offer .company-contests .create-competition .sort-date ul li, .company-single-contest .company-contests .create-competition .sort-date ul li {
  padding: 2px 4px;
}
.public-single-contest .company-contests .create-competition .sort-date ul li button, .company-single-offer .company-contests .create-competition .sort-date ul li button, .company-single-contest .company-contests .create-competition .sort-date ul li button {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  color: #475A67;
  padding: 10px;
  justify-content: right !important;
}
.public-single-contest .company-contests .create-competition .sort-date ul li button:hover, .company-single-offer .company-contests .create-competition .sort-date ul li button:hover, .company-single-contest .company-contests .create-competition .sort-date ul li button:hover {
  background: #F9FAFB;
  border-radius: 4px;
}
.public-single-contest .company-contests .create-competition .sort-date ul li button img, .company-single-offer .company-contests .create-competition .sort-date ul li button img, .company-single-contest .company-contests .create-competition .sort-date ul li button img {
  height: 22px;
}
.public-single-contest .company-contests .create-competition .filter-competition, .company-single-offer .company-contests .create-competition .filter-competition, .company-single-contest .company-contests .create-competition .filter-competition {
  padding: 8px 8px 8px 12px;
  display: flex;
}
.public-single-contest .company-contests .create-competition .filter-competition .select2-selection.select2-selection--single.form-select.form-select-solid.smartsearch_keyword, .company-single-offer .company-contests .create-competition .filter-competition .select2-selection.select2-selection--single.form-select.form-select-solid.smartsearch_keyword, .company-single-contest .company-contests .create-competition .filter-competition .select2-selection.select2-selection--single.form-select.form-select-solid.smartsearch_keyword {
  border-radius: 8px;
}
@media (max-width: 1199px) {
  .public-single-contest .company-contests .active-competition-container #contests-content .col-xxl-8 .active-competition-card, .company-single-offer .company-contests .active-competition-container #contests-content .col-xxl-8 .active-competition-card, .company-single-contest .company-contests .active-competition-container #contests-content .col-xxl-8 .active-competition-card {
    margin-right: -6px !important;
    margin-left: -12px !important;
    border-radius: 0px !important;
  }
}
@media (min-width: 1199px) {
  .public-single-contest .company-contests .active-competition-container #contests-content .col-xxl-8, .company-single-offer .company-contests .active-competition-container #contests-content .col-xxl-8, .company-single-contest .company-contests .active-competition-container #contests-content .col-xxl-8 {
    width: 872px;
  }
}
@media (max-width: 1199px) {
  .public-single-contest .company-contests .active-competition-container #contests-content .col-xxl-8:not(:first-child) .active-competition-card, .company-single-offer .company-contests .active-competition-container #contests-content .col-xxl-8:not(:first-child) .active-competition-card, .company-single-contest .company-contests .active-competition-container #contests-content .col-xxl-8:not(:first-child) .active-competition-card {
    border-top: 1px solid #EAEEF0;
  }
}
.public-single-contest .company-contests .active-competition-container .mobile-border, .company-single-offer .company-contests .active-competition-container .mobile-border, .company-single-contest .company-contests .active-competition-container .mobile-border {
  margin-top: 24px;
}
.public-single-contest .company-contests .active-competition-container .active-competition-card, .company-single-offer .company-contests .active-competition-container .active-competition-card, .company-single-contest .company-contests .active-competition-container .active-competition-card {
  padding: 24px 24px 24px 40px;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  background: #fff;
  margin: 0 auto 16px auto;
  position: relative;
}
@media (max-width: 1199px) {
  .public-single-contest .company-contests .active-competition-container .active-competition-card, .company-single-offer .company-contests .active-competition-container .active-competition-card, .company-single-contest .company-contests .active-competition-container .active-competition-card {
    box-shadow: unset;
    padding: 32px 16px 24px 16px;
    margin: 0;
  }
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .border-left-active-competition-card, .company-single-offer .company-contests .active-competition-container .active-competition-card .border-left-active-competition-card, .company-single-contest .company-contests .active-competition-container .active-competition-card .border-left-active-competition-card {
  width: 100%;
}
@media (max-width: 991px) {
  .public-single-contest .company-contests .active-competition-container .active-competition-card .border-left-active-competition-card, .company-single-offer .company-contests .active-competition-container .active-competition-card .border-left-active-competition-card, .company-single-contest .company-contests .active-competition-container .active-competition-card .border-left-active-competition-card {
    max-width: 100%;
  }
}
@media (min-width: 1199px) {
  .public-single-contest .company-contests .active-competition-container .active-competition-card .border-left-active-competition-card, .company-single-offer .company-contests .active-competition-container .active-competition-card .border-left-active-competition-card, .company-single-contest .company-contests .active-competition-container .active-competition-card .border-left-active-competition-card {
    border-left: 1px solid #EAEEF0;
  }
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .draft a, .company-single-offer .company-contests .active-competition-container .active-competition-card .draft a, .company-single-contest .company-contests .active-competition-container .active-competition-card .draft a {
  margin-bottom: 32px;
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .draft a h3, .company-single-offer .company-contests .active-competition-container .active-competition-card .draft a h3, .company-single-contest .company-contests .active-competition-container .active-competition-card .draft a h3 {
  margin-bottom: 0;
  color: #667985 !important;
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-content, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-content, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-content {
  padding-left: 32px;
}
@media (max-width: 1199px) {
  .public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-content, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-content, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-content {
    padding-left: 0;
    display: flex;
    flex-direction: column-reverse;
  }
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-content .active-competition-title, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-content .active-competition-title, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-content .active-competition-title {
  margin-bottom: 8px;
  display: flex;
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-content .active-competition-title img, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-content .active-competition-title img, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-content .active-competition-title img {
  width: 20px;
  height: 20px;
  margin-left: 4px;
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-content .active-competition-title span, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-content .active-competition-title span, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-content .active-competition-title span {
  color: #667985;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
}
.public-single-contest .company-contests .active-competition-container .active-competition-card a, .company-single-offer .company-contests .active-competition-container .active-competition-card a, .company-single-contest .company-contests .active-competition-container .active-competition-card a {
  color: #1D2E39;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .draft-title, .company-single-offer .company-contests .active-competition-container .active-competition-card .draft-title, .company-single-contest .company-contests .active-competition-container .active-competition-card .draft-title {
  border: 1px solid #D0D8DD;
  background: #F9FAFB;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 25px;
  height: 28px;
  margin-left: 12px;
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .draft-title span, .company-single-offer .company-contests .active-competition-container .active-competition-card .draft-title span, .company-single-contest .company-contests .active-competition-container .active-competition-card .draft-title span {
  display: flex;
  align-items: center;
  padding: 1px 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .draft-title span:before, .company-single-offer .company-contests .active-competition-container .active-competition-card .draft-title span:before, .company-single-contest .company-contests .active-competition-container .active-competition-card .draft-title span:before {
  content: url("../../svg/contests/draft-icon.svg");
  display: block;
  width: 20px;
  height: 20px;
  margin-left: 2px;
}
.public-single-contest .company-contests .active-competition-container .active-competition-card h3, .company-single-offer .company-contests .active-competition-container .active-competition-card h3, .company-single-contest .company-contests .active-competition-container .active-competition-card h3 {
  font-size: 18px !important;
  font-weight: 700;
  line-height: 32px;
  color: #1D2E39;
}
@media (max-width: 1199px) {
  .public-single-contest .company-contests .active-competition-container .active-competition-card h3, .company-single-offer .company-contests .active-competition-container .active-competition-card h3, .company-single-contest .company-contests .active-competition-container .active-competition-card h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
  }
}
.public-single-contest .company-contests .active-competition-container .active-competition-card p, .company-single-offer .company-contests .active-competition-container .active-competition-card p, .company-single-contest .company-contests .active-competition-container .active-competition-card p {
  color: #475A67;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 32px;
  margin-top: 8px;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
@media (max-width: 767px) {
  .public-single-contest .company-contests .active-competition-container .active-competition-card p, .company-single-offer .company-contests .active-competition-container .active-competition-card p, .company-single-contest .company-contests .active-competition-container .active-competition-card p {
    display: none !important;
  }
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .disabled-competition, .company-single-offer .company-contests .active-competition-container .active-competition-card .disabled-competition, .company-single-contest .company-contests .active-competition-container .active-competition-card .disabled-competition {
  color: #667985;
}
.public-single-contest .company-contests .active-competition-container .active-competition-card hr, .company-single-offer .company-contests .active-competition-container .active-competition-card hr, .company-single-contest .company-contests .active-competition-container .active-competition-card hr {
  color: #EAEEF0;
  margin: 12px 0;
}
@media (max-width: 1199px) {
  .public-single-contest .company-contests .active-competition-container .active-competition-card hr, .company-single-offer .company-contests .active-competition-container .active-competition-card hr, .company-single-contest .company-contests .active-competition-container .active-competition-card hr {
    margin: 16px 0;
  }
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .contest-organizer, .company-single-offer .company-contests .active-competition-container .active-competition-card .contest-organizer, .company-single-contest .company-contests .active-competition-container .active-competition-card .contest-organizer {
  display: flex;
}
@media (max-width: 991px) {
  .public-single-contest .company-contests .active-competition-container .active-competition-card .contest-organizer, .company-single-offer .company-contests .active-competition-container .active-competition-card .contest-organizer, .company-single-contest .company-contests .active-competition-container .active-competition-card .contest-organizer {
    margin-bottom: 8px;
  }
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .contest-organizer img, .company-single-offer .company-contests .active-competition-container .active-competition-card .contest-organizer img, .company-single-contest .company-contests .active-competition-container .active-competition-card .contest-organizer img {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  margin-left: 8px;
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .contest-organizer span, .company-single-offer .company-contests .active-competition-container .active-competition-card .contest-organizer span, .company-single-contest .company-contests .active-competition-container .active-competition-card .contest-organizer span {
  color: #1D2E39;
  font-weight: 700;
  line-height: 26px;
  font-size: 14px;
  align-self: center;
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .offer-registered, .company-single-offer .company-contests .active-competition-container .active-competition-card .offer-registered, .company-single-contest .company-contests .active-competition-container .active-competition-card .offer-registered {
  display: flex;
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .offer-registered span, .company-single-offer .company-contests .active-competition-container .active-competition-card .offer-registered span, .company-single-contest .company-contests .active-competition-container .active-competition-card .offer-registered span {
  color: #667985;
  font-size: 13px;
  line-height: 24px;
  font-weight: 600;
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .offer-registered img, .company-single-offer .company-contests .active-competition-container .active-competition-card .offer-registered img, .company-single-contest .company-contests .active-competition-container .active-competition-card .offer-registered img {
  width: 20px;
  margin-left: 4px;
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail {
  padding-right: 32px;
  min-width: 240px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 991px) {
  .public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail {
    flex-direction: row;
    display: flex;
    align-items: center;
    padding: 0 0 0 0;
    justify-content: space-between;
  }
}
@media (min-width: 1319px) {
  .public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail {
    width: 232px;
  }
}
@media (max-width: 1319px) {
  .public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time {
    align-self: end;
  }
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time span, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time span, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time span {
  font-size: 14px;
  line-height: 26px;
  line-height: 26px;
}
@media (max-width: 1319px) {
  .public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time span, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time span, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time span {
    font-size: 13px;
  }
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time span:first-child, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time span:first-child, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time span:first-child {
  color: #475A67;
  font-weight: 700;
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time span:last-child, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time span:last-child, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .active-competition-time span:last-child {
  color: #667985;
  font-weight: 400;
  margin-left: 4px;
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .receive-an-offer, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .receive-an-offer, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .receive-an-offer {
  padding-top: 4px;
  color: #49B3F3;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
}
@media (max-width: 1199px) {
  .public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .receive-an-offer, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .receive-an-offer, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .receive-an-offer {
    font-size: 13px;
    line-height: 24px;
  }
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .public-voting, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .public-voting, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .public-voting {
  color: #1004A4;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
}
@media (max-width: 1199px) {
  .public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .public-voting, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .public-voting, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .public-voting {
    font-size: 13px;
    line-height: 24px;
  }
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .awaiting-announcement-results, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .awaiting-announcement-results, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .awaiting-announcement-results {
  padding-top: 4px;
  color: #E12A80;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
}
@media (max-width: 1199px) {
  .public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .awaiting-announcement-results, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .awaiting-announcement-results, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .awaiting-announcement-results {
    font-size: 13px;
    line-height: 24px;
  }
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .content-review-contest, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .content-review-contest, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .content-review-contest {
  color: #F79009;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  border: 1px solid #FEC84B;
  border-radius: 25px;
  background: #FFFAEB;
  display: flex;
  padding: 1px 10px;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .content-review-contest:before, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .content-review-contest:before, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .content-review-contest:before {
  content: url("../../svg/contests/content-review-contest.svg");
  display: block;
  width: 20px;
  height: 20px;
  margin-left: 2px;
}
@media (max-width: 1199px) {
  .public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .content-review-contest, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .content-review-contest, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .content-review-contest {
    font-size: 13px;
    line-height: 24px;
  }
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-confirmed, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-confirmed, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-confirmed, .public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-rejected, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-rejected, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-rejected {
  color: #067647;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  border: 1px solid #75E0A7;
  border-radius: 25px;
  background: #ECFDF3;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  padding: 1px 10px;
  align-items: center;
  justify-content: center;
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-confirmed:before, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-confirmed:before, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-confirmed:before, .public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-rejected:before, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-rejected:before, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-rejected:before {
  content: url("../../svg/contests/contest-confirmed.svg");
  display: block;
  width: 20px;
  height: 20px;
  margin-left: 2px;
}
@media (max-width: 1199px) {
  .public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-confirmed, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-confirmed, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-confirmed, .public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-rejected, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-rejected, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-rejected {
    font-size: 13px;
    line-height: 24px;
  }
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-rejected, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-rejected, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-rejected {
  background: #FEF3F2;
  color: #B42318;
  border: 1px solid #FDA29B;
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-rejected:before, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-rejected:before, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .contest-rejected:before {
  content: url("../../svg/contests/contests-rejected.svg");
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .delete-draft, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .delete-draft, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .delete-draft {
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  color: #98A8B3;
  box-shadow: unset;
  padding: 0;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .delete-draft:before, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .delete-draft:before, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .delete-draft:before {
  content: url("../../svg/single-contest/trash.svg");
  display: block;
  width: 20px;
  height: 20px;
  margin-left: 2px;
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .finished-competition, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .finished-competition, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .finished-competition {
  border: 1px solid #D0D8DD;
  border-radius: 20px;
  display: inline-flex;
  padding: 4px 8px;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #F9FAFB;
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .finished-competition img, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .finished-competition img, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .finished-competition img {
  margin-left: 8px;
  width: 20px;
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .finished-competition span, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .finished-competition span, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .finished-competition span {
  color: #98A8B3;
  line-height: 26px;
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 1199px) {
  .public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .finished-competition span, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .finished-competition span, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .finished-competition span {
    font-size: 13px;
    line-height: 24px;
  }
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .submit-an-offer, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .submit-an-offer, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .submit-an-offer {
  color: #FFF;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 26px;
  padding: 6px 16px !important;
  display: flex;
  margin-top: 32px;
  max-width: 200px;
  align-items: center;
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .submit-an-offer:after, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .submit-an-offer:after, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .submit-an-offer:after {
  content: url("../../svg/contests/arrow-left.svg");
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
@media (max-width: 991px) {
  .public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .submit-an-offer, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .submit-an-offer, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .submit-an-offer {
    margin-top: 0;
  }
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .show-competition-btn, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .show-competition-btn, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .show-competition-btn {
  color: #344754;
  border: 1px solid #D0D8DD;
  line-height: 26px;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 6px 18px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .show-competition-btn:after, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .show-competition-btn:after, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .show-competition-btn:after {
  content: url("../../svg/contests/arrow-left-dark.svg");
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
@media (max-width: 1199px) {
  .public-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .show-competition-btn:after, .company-single-offer .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .show-competition-btn:after, .company-single-contest .company-contests .active-competition-container .active-competition-card .active-competition-card-detail .show-competition-btn:after {
    width: 20px;
    height: 20px;
  }
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .show-competition, .company-single-offer .company-contests .active-competition-container .active-competition-card .show-competition, .company-single-contest .company-contests .active-competition-container .active-competition-card .show-competition {
  justify-content: space-between;
  padding: 16px 0 24px 0;
}
@media (max-width: 1199px) {
  .public-single-contest .company-contests .active-competition-container .active-competition-card .show-competition, .company-single-offer .company-contests .active-competition-container .active-competition-card .show-competition, .company-single-contest .company-contests .active-competition-container .active-competition-card .show-competition {
    padding: 0 0 8px 0;
  }
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .show-competition img, .company-single-offer .company-contests .active-competition-container .active-competition-card .show-competition img, .company-single-contest .company-contests .active-competition-container .active-competition-card .show-competition img {
  width: 20px;
  margin-left: 4px;
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .show-competition span, .company-single-offer .company-contests .active-competition-container .active-competition-card .show-competition span, .company-single-contest .company-contests .active-competition-container .active-competition-card .show-competition span {
  color: #667985;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .show-competition a, .company-single-offer .company-contests .active-competition-container .active-competition-card .show-competition a, .company-single-contest .company-contests .active-competition-container .active-competition-card .show-competition a {
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  display: flex;
  padding: 6px 16px;
  align-self: center;
}
.public-single-contest .company-contests .active-competition-container .active-competition-card .show-competition a:after, .company-single-offer .company-contests .active-competition-container .active-competition-card .show-competition a:after, .company-single-contest .company-contests .active-competition-container .active-competition-card .show-competition a:after {
  content: url("../../svg/contests/arrow-left.svg");
  width: 20px;
  display: block;
  margin-right: 8px;
}
.public-single-contest .company-contests .active-competition-container .see-all-competition, .company-single-offer .company-contests .active-competition-container .see-all-competition, .company-single-contest .company-contests .active-competition-container .see-all-competition {
  background: #fff;
  border: 1px solid #d0d8dd;
  padding: 8px 16px !important;
  color: #344754;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 30px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 48px auto 120px auto;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  max-width: 424px;
}
@media (max-width: 1199px) {
  .public-single-contest .company-contests .active-competition-container .see-all-competition, .company-single-offer .company-contests .active-competition-container .see-all-competition, .company-single-contest .company-contests .active-competition-container .see-all-competition {
    margin: 72px auto 120px auto;
  }
}
.public-single-contest .company-contests .active-competition-container .see-all-competition img, .company-single-offer .company-contests .active-competition-container .see-all-competition img, .company-single-contest .company-contests .active-competition-container .see-all-competition img {
  width: 24px;
  height: 24px;
  margin-left: 8px;
}
.public-single-contest .company-contests .create-competition-mobile, .company-single-offer .company-contests .create-competition-mobile, .company-single-contest .company-contests .create-competition-mobile {
  position: fixed;
  bottom: -1px;
  left: 0;
  right: 0;
  background: white;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border-top: 1px solid #F2F5F7;
  padding: 16px 10px 16px 16px;
}
@media (min-width: 767px) {
  .public-single-contest .company-contests .create-competition-mobile, .company-single-offer .company-contests .create-competition-mobile, .company-single-contest .company-contests .create-competition-mobile {
    display: none;
  }
}
.public-single-contest .company-contests .create-competition-mobile a, .company-single-offer .company-contests .create-competition-mobile a, .company-single-contest .company-contests .create-competition-mobile a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  font-family: PeydaWebFaNum;
  font-weight: 600;
  color: white;
  background-color: #101828;
  font-size: 14px;
  line-height: 26px;
  padding: 6px 0;
  border-radius: 8px;
}
.public-single-contest .company-contests .create-competition-mobile a img, .company-single-offer .company-contests .create-competition-mobile a img, .company-single-contest .company-contests .create-competition-mobile a img {
  width: 20px;
}
.public-single-contest .company-contests-empty, .company-single-offer .company-contests-empty, .company-single-contest .company-contests-empty {
  height: calc(100vh - 90px);
  overflow: hidden;
}
.public-single-contest .company-contests-empty h2, .company-single-offer .company-contests-empty h2, .company-single-contest .company-contests-empty h2 {
  color: #D0D8DD;
  font-size: 18px !important;
  font-weight: 500;
  line-height: 32px;
  padding: 16px 0 32px 0;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 424px;
}
@media (max-width: 1199px) {
  .public-single-contest .company-contests-empty h2, .company-single-offer .company-contests-empty h2, .company-single-contest .company-contests-empty h2 {
    font-size: 16px;
    line-height: 30px;
  }
}
.public-single-contest .company-contests-empty .create-competition, .company-single-offer .company-contests-empty .create-competition, .company-single-contest .company-contests-empty .create-competition {
  align-items: center;
  height: 100vh;
  background: url("../../svg/contests/company-contests-empty-first-bg.svg") no-repeat, url("../../svg/contests/company-contests-empty-bg.svg") no-repeat;
  padding: 130px 0 110px 0;
  background-position: center, center 122px;
}
@media (max-width: 1199px) {
  .public-single-contest .company-contests-empty .create-competition, .company-single-offer .company-contests-empty .create-competition, .company-single-contest .company-contests-empty .create-competition {
    background: url("../../svg/contests/company-contest-empty-mobile-bg.svg") no-repeat, url("../../svg/contests/company-contests-empty-bg.svg") no-repeat;
    background-size: cover, contain;
    background-position: center, top center;
    padding: 85px 0 0 0;
  }
}
.public-single-contest .company-contests-empty .create-competition .create-competition-container, .company-single-offer .company-contests-empty .create-competition .create-competition-container, .company-single-contest .company-contests-empty .create-competition .create-competition-container {
  padding: 0 4px;
}
.public-single-contest .company-contests-empty .create-competition .create-competition-container .create-competition-content, .company-single-offer .company-contests-empty .create-competition .create-competition-container .create-competition-content, .company-single-contest .company-contests-empty .create-competition .create-competition-container .create-competition-content {
  background: #fff;
  border-radius: 8px;
  display: flex;
  padding: 16px 16px 24px 16px;
  box-shadow: 0 8px 8px -4px rgba(16, 24, 40, 0.03), 0 20px 24px -4px rgba(16, 24, 40, 0.08);
  margin-bottom: 64px;
  height: 140px;
}
@media (max-width: 1199px) {
  .public-single-contest .company-contests-empty .create-competition .create-competition-container .create-competition-content img, .company-single-offer .company-contests-empty .create-competition .create-competition-container .create-competition-content img, .company-single-contest .company-contests-empty .create-competition .create-competition-container .create-competition-content img {
    margin-bottom: 16px;
  }
}
@media (min-width: 1199px) {
  .public-single-contest .company-contests-empty .create-competition .create-competition-container .create-competition-content, .company-single-offer .company-contests-empty .create-competition .create-competition-container .create-competition-content, .company-single-contest .company-contests-empty .create-competition .create-competition-container .create-competition-content {
    background: url("../../svg/contests/create-competition.svg") #fff no-repeat right bottom;
  }
}
@media (max-width: 1199px) {
  .public-single-contest .company-contests-empty .create-competition .create-competition-container .create-competition-content, .company-single-offer .company-contests-empty .create-competition .create-competition-container .create-competition-content, .company-single-contest .company-contests-empty .create-competition .create-competition-container .create-competition-content {
    display: block;
    height: unset;
    width: 100%;
  }
}
.public-single-contest .company-contests-empty .create-competition .create-competition-container .create-competition-content div:first-child, .company-single-offer .company-contests-empty .create-competition .create-competition-container .create-competition-content div:first-child, .company-single-contest .company-contests-empty .create-competition .create-competition-container .create-competition-content div:first-child {
  margin: 0 184px 0 64px;
}
@media (max-width: 1199px) {
  .public-single-contest .company-contests-empty .create-competition .create-competition-container .create-competition-content div:first-child, .company-single-offer .company-contests-empty .create-competition .create-competition-container .create-competition-content div:first-child, .company-single-contest .company-contests-empty .create-competition .create-competition-container .create-competition-content div:first-child {
    margin: 0;
  }
}
.public-single-contest .company-contests-empty .create-competition .create-competition-container .create-competition-content .create-competition-image, .company-single-offer .company-contests-empty .create-competition .create-competition-container .create-competition-content .create-competition-image, .company-single-contest .company-contests-empty .create-competition .create-competition-container .create-competition-content .create-competition-image {
  width: 160px;
}
.public-single-contest .company-contests-empty .create-competition .create-competition-container .create-competition-content span, .company-single-offer .company-contests-empty .create-competition .create-competition-container .create-competition-content span, .company-single-contest .company-contests-empty .create-competition .create-competition-container .create-competition-content span {
  color: #475A67;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
}
@media (max-width: 1199px) {
  .public-single-contest .company-contests-empty .create-competition .create-competition-container .create-competition-content span, .company-single-offer .company-contests-empty .create-competition .create-competition-container .create-competition-content span, .company-single-contest .company-contests-empty .create-competition .create-competition-container .create-competition-content span {
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    display: block;
    margin-bottom: 16px;
  }
}
.public-single-contest .company-contests-empty .create-competition .create-competition-container .create-competition-content a, .company-single-offer .company-contests-empty .create-competition .create-competition-container .create-competition-content a, .company-single-contest .company-contests-empty .create-competition .create-competition-container .create-competition-content a {
  margin: 7px 0 7px 0;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  justify-content: center;
  align-items: center;
  padding: 8px 0;
  width: 240px;
}
@media (max-width: 1199px) {
  .public-single-contest .company-contests-empty .create-competition .create-competition-container .create-competition-content a, .company-single-offer .company-contests-empty .create-competition .create-competition-container .create-competition-content a, .company-single-contest .company-contests-empty .create-competition .create-competition-container .create-competition-content a {
    width: 100%;
  }
}
.public-single-contest .company-contests-empty .create-competition .create-competition-container .create-competition-content a::after, .company-single-offer .company-contests-empty .create-competition .create-competition-container .create-competition-content a::after, .company-single-contest .company-contests-empty .create-competition .create-competition-container .create-competition-content a::after {
  content: url("../../svg/contests/arrow-left.svg");
  display: block;
  height: 24px;
  width: 24px;
  margin-right: 8px;
}
.public-single-contest::before, .company-single-offer::before, .company-single-contest::before {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  height: 600px;
  border-left: 1px solid #f2f5f7;
  width: calc((100vw - 1320px) / 2 + 490px);
  background: #fff;
}
@media (max-width: 1400px) {
  .public-single-contest::before, .company-single-offer::before, .company-single-contest::before {
    width: calc((100vw - 1320px) / 2 + 515px);
  }
}
@media (max-width: 1199px) {
  .public-single-contest::before, .company-single-offer::before, .company-single-contest::before {
    width: calc((100vw - 1320px) / 2 + 540px);
  }
}
@media (max-width: 991px) {
  .public-single-contest::before, .company-single-offer::before, .company-single-contest::before {
    width: calc((100vw - 1320px) / 2 + 570px);
  }
}
@media (max-width: 767px) {
  .public-single-contest::before, .company-single-offer::before, .company-single-contest::before {
    width: 100%;
  }
}
.public-single-contest p, .company-single-offer p, .company-single-contest p {
  color: #667985;
  line-height: 20px;
}
.public-single-contest .description, .company-single-offer .description, .company-single-contest .description {
  position: relative;
  z-index: 1;
  background: #FCFCFD;
}
.public-single-contest .description ul, .company-single-offer .description ul, .company-single-contest .description ul {
  list-style: none;
  padding: 16px 0;
  margin: 0 0 87px 0;
}
@media (max-width: 767px) {
  .public-single-contest .description ul, .company-single-offer .description ul, .company-single-contest .description ul {
    margin: 0 0 30px 0;
  }
}
.public-single-contest .description ul li:not(:last-child), .company-single-offer .description ul li:not(:last-child), .company-single-contest .description ul li:not(:last-child) {
  position: relative;
  padding: 0 14px 0 17px;
}
.public-single-contest .description ul li:not(:last-child):first-child, .company-single-offer .description ul li:not(:last-child):first-child, .company-single-contest .description ul li:not(:last-child):first-child {
  padding-right: 0;
}
.public-single-contest .description ul li:not(:last-child)::after, .company-single-offer .description ul li:not(:last-child)::after, .company-single-contest .description ul li:not(:last-child)::after {
  position: absolute;
  top: 0;
  left: 0;
  content: " > ";
  color: #d0d8dd;
}
.public-single-contest .description .logo-company, .company-single-offer .description .logo-company, .company-single-contest .description .logo-company {
  max-height: 50px;
  max-width: 100px;
}
@media (max-width: 767px) {
  .public-single-contest .description .logo-company, .company-single-offer .description .logo-company, .company-single-contest .description .logo-company {
    max-width: 150px;
  }
}
.public-single-contest .description .logo-company img, .company-single-offer .description .logo-company img, .company-single-contest .description .logo-company img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.public-single-contest .description .status, .company-single-offer .description .status, .company-single-contest .description .status {
  position: relative;
  list-style: none;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0em;
  border-radius: 18px;
  padding: 3px 16px;
}
@media (max-width: 767px) {
  .public-single-contest .description .status, .company-single-offer .description .status, .company-single-contest .description .status {
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0em;
  }
}
.public-single-contest .description .status span.dot, .company-single-offer .description .status span.dot, .company-single-contest .description .status span.dot {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  display: inline-block;
  margin-left: 6px;
}
.public-single-contest .description .status::before, .company-single-offer .description .status::before, .company-single-contest .description .status::before {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  opacity: 0.48;
  filter: blur(60px);
  width: 200px;
  height: 48px;
  transform: translate(30%, -50%);
}
@media (max-width: 767px) {
  .public-single-contest .description .status::before, .company-single-offer .description .status::before, .company-single-contest .description .status::before {
    display: none;
  }
}
.public-single-contest .description .status.pending, .company-single-offer .description .status.pending, .company-single-contest .description .status.pending, .public-single-contest .description .status.voting, .company-single-offer .description .status.voting, .company-single-contest .description .status.voting {
  color: #0d0375;
  border: 1px solid #2411f9;
  border-color: linear-gradient(0deg, #2411f9, #2411f9), linear-gradient(0deg, #e8e6fa, #e8e6fa);
}
.public-single-contest .description .status.pending::before, .company-single-offer .description .status.pending::before, .company-single-contest .description .status.pending::before, .public-single-contest .description .status.voting::before, .company-single-offer .description .status.voting::before, .company-single-contest .description .status.voting::before {
  background: #2411f9;
}
.public-single-contest .description .status.pending span.dot, .company-single-offer .description .status.pending span.dot, .company-single-contest .description .status.pending span.dot, .public-single-contest .description .status.voting span.dot, .company-single-offer .description .status.voting span.dot, .company-single-contest .description .status.voting span.dot {
  background: #1004a4;
}
@media (min-width: 767px) {
  .public-single-contest .description .status.receiving-offers, .company-single-offer .description .status.receiving-offers, .company-single-contest .description .status.receiving-offers {
    transform: translate(-124px, -80px);
  }
}
@media (max-width: 767px) {
  .public-single-contest .description .status.receiving-offers, .company-single-offer .description .status.receiving-offers, .company-single-contest .description .status.receiving-offers {
    color: #0e88d4;
    border: 1px solid #7dc8f7;
  }
  .public-single-contest .description .status.receiving-offers::after, .company-single-offer .description .status.receiving-offers::after, .company-single-contest .description .status.receiving-offers::after {
    content: "در حال  دریافت پیشنهادات";
  }
  .public-single-contest .description .status.receiving-offers span.dot, .company-single-offer .description .status.receiving-offers span.dot, .company-single-contest .description .status.receiving-offers span.dot {
    background: #49b3f3;
  }
}
.public-single-contest .description .status.receiving-offers::before, .company-single-offer .description .status.receiving-offers::before, .company-single-contest .description .status.receiving-offers::before {
  background: #49b3f3;
}
.public-single-contest .description .status.resolve-pending, .company-single-offer .description .status.resolve-pending, .company-single-contest .description .status.resolve-pending {
  color: #8f2054;
  border: 1px solid #dc65a4;
}
.public-single-contest .description .status.resolve-pending::before, .company-single-offer .description .status.resolve-pending::before, .company-single-contest .description .status.resolve-pending::before {
  background: #8f205b;
}
.public-single-contest .description .status.resolve-pending span.dot, .company-single-offer .description .status.resolve-pending span.dot, .company-single-contest .description .status.resolve-pending span.dot {
  background: #e12a80;
}
.public-single-contest .description .status.finished, .company-single-offer .description .status.finished, .company-single-contest .description .status.finished {
  color: #344754;
  border: 1px solid #d0d8dd;
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  padding: 3px 10px 3px 24px;
}
.public-single-contest .description .status.finished::before, .company-single-offer .description .status.finished::before, .company-single-contest .description .status.finished::before {
  background: #98a8b3;
}
.public-single-contest .description .status.finished span.dot, .company-single-offer .description .status.finished span.dot, .company-single-contest .description .status.finished span.dot {
  width: 28px;
  height: 28px;
  background-image: url("../../svg/single-contest/Icon.svg");
  background-repeat: no-repeat;
}
.public-single-contest .description .bg-btn, .company-single-offer .description .bg-btn, .company-single-contest .description .bg-btn {
  position: relative;
}
.public-single-contest .description .bg-btn::before, .company-single-offer .description .bg-btn::before, .company-single-contest .description .bg-btn::before {
  position: absolute;
  content: "";
  width: 200px;
  height: 80px;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: -60px;
  opacity: 0.48;
  background: #49b3f3;
  filter: blur(60px);
}
.public-single-contest .description .btn-primary-black, .company-single-offer .description .btn-primary-black, .company-single-contest .description .btn-primary-black {
  position: relative;
  z-index: 10;
}
.public-single-contest video, .company-single-offer video, .company-single-contest video {
  height: 100%;
  border-radius: 8px;
  position: relative;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .public-single-contest video, .company-single-offer video, .company-single-contest video {
    border-radius: 0;
  }
}
.public-single-contest .slider + .btns-slider, .company-single-offer .slider + .btns-slider, .company-single-contest .slider + .btns-slider {
  position: relative;
  z-index: 1;
}
.public-single-contest .slider + .btns-slider div button, .company-single-offer .slider + .btns-slider div button, .company-single-contest .slider + .btns-slider div button {
  border: none;
  background: #fff;
  border-radius: 50%;
  border-radius: 100px;
  background: var(--natural-white-fff, #fff);
  padding: 7px 13px 7px 14px;
  box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.1);
}
.public-single-contest .slider + .btns-slider p, .company-single-offer .slider + .btns-slider p, .company-single-contest .slider + .btns-slider p {
  cursor: pointer;
}
@media (max-width: 767px) {
  .public-single-contest .slider, .company-single-offer .slider, .company-single-contest .slider {
    overflow: scroll !important;
  }
  .public-single-contest .slider .slide, .company-single-offer .slider .slide, .company-single-contest .slider .slide {
    min-width: 100%;
    height: 100%;
    display: block !important;
  }
}
.public-single-contest .slider2, .company-single-offer .slider2, .company-single-contest .slider2 {
  display: flex;
  justify-content: flex-start;
  height: 427px;
  overflow: hidden;
}
@media (max-width: 575px) {
  .public-single-contest .slider2, .company-single-offer .slider2, .company-single-contest .slider2 {
    overflow: scroll !important;
  }
  .public-single-contest .slider2 .slide2, .company-single-offer .slider2 .slide2, .company-single-contest .slider2 .slide2 {
    min-width: 100%;
    height: 100%;
    display: block !important;
  }
}
.public-single-contest .slider2 .slide2, .company-single-offer .slider2 .slide2, .company-single-contest .slider2 .slide2 {
  min-width: 100%;
  height: 100%;
}
.public-single-contest .container-progress, .company-single-offer .container-progress, .company-single-contest .container-progress {
  width: 100%;
  border-top: 1px solid #f2f5f7;
  border-bottom: 1px solid #f2f5f7;
  background: #fff;
}
@media (max-width: 575px) {
  .public-single-contest .container-progress, .company-single-offer .container-progress, .company-single-contest .container-progress {
    background: #f9fafb;
  }
}
@media (min-width: 575px) {
  .public-single-contest .container-progress, .company-single-offer .container-progress, .company-single-contest .container-progress {
    padding-top: 45px;
  }
}
.public-single-contest .container-progress P, .company-single-offer .container-progress P, .company-single-contest .container-progress P,
.public-single-contest .container-progress span,
.company-single-offer .container-progress span,
.company-single-contest .container-progress span {
  margin-bottom: 0;
  line-height: 26px;
  color: #98a8b3;
}
.public-single-contest .container-progress > div, .company-single-offer .container-progress > div, .company-single-contest .container-progress > div {
  max-width: 872px;
}
.public-single-contest .container-progress > div > div:first-child, .company-single-offer .container-progress > div > div:first-child, .company-single-contest .container-progress > div > div:first-child {
  padding: 0 16px;
}
.public-single-contest .container-progress > div > div:first-child .desktop span.active, .company-single-offer .container-progress > div > div:first-child .desktop span.active, .company-single-contest .container-progress > div > div:first-child .desktop span.active,
.public-single-contest .container-progress > div > div:first-child .desktop p.active,
.company-single-offer .container-progress > div > div:first-child .desktop p.active,
.company-single-contest .container-progress > div > div:first-child .desktop p.active {
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0em;
}
.public-single-contest .container-progress > div > div:first-child .desktop .progress-div, .company-single-offer .container-progress > div > div:first-child .desktop .progress-div, .company-single-contest .container-progress > div > div:first-child .desktop .progress-div {
  width: 76%;
  height: 3px;
  background: #eaeef0;
  margin: 8px 0;
  position: relative;
}
.public-single-contest .container-progress > div > div:first-child .desktop .progress-div::after, .company-single-offer .container-progress > div > div:first-child .desktop .progress-div::after, .company-single-contest .container-progress > div > div:first-child .desktop .progress-div::after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  height: 3px;
  border-radius: 2px;
}
.public-single-contest .container-progress > div > div:first-child .desktop > div:first-child > div, .company-single-offer .container-progress > div > div:first-child .desktop > div:first-child > div, .company-single-contest .container-progress > div > div:first-child .desktop > div:first-child > div {
  position: relative;
}
.public-single-contest .container-progress > div > div:first-child .desktop > div:first-child > div::after, .company-single-offer .container-progress > div > div:first-child .desktop > div:first-child > div::after, .company-single-contest .container-progress > div > div:first-child .desktop > div:first-child > div::after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background: #eaeef0;
  bottom: -14px;
  right: 0;
  border-radius: 50%;
  z-index: 1;
}
.public-single-contest .container-progress > div > div:first-child .mobile, .company-single-offer .container-progress > div > div:first-child .mobile, .company-single-contest .container-progress > div > div:first-child .mobile {
  display: flex;
}
.public-single-contest .container-progress > div > div:first-child .mobile span.active, .company-single-offer .container-progress > div > div:first-child .mobile span.active, .company-single-contest .container-progress > div > div:first-child .mobile span.active,
.public-single-contest .container-progress > div > div:first-child .mobile p.active,
.company-single-offer .container-progress > div > div:first-child .mobile p.active,
.company-single-contest .container-progress > div > div:first-child .mobile p.active {
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0em;
}
.public-single-contest .container-progress > div > div:first-child .mobile .progress-div, .company-single-offer .container-progress > div > div:first-child .mobile .progress-div, .company-single-contest .container-progress > div > div:first-child .mobile .progress-div {
  width: 3px !important;
  height: 258px;
  background: #eaeef0;
  margin: 8px 0;
  position: relative;
}
.public-single-contest .container-progress > div > div:first-child .mobile .progress-div::after, .company-single-offer .container-progress > div > div:first-child .mobile .progress-div::after, .company-single-contest .container-progress > div > div:first-child .mobile .progress-div::after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  width: 3px !important;
  height: 3px;
  border-radius: 2px;
}
.public-single-contest .container-progress > div > div:first-child .mobile > div:last-child, .company-single-offer .container-progress > div > div:first-child .mobile > div:last-child, .company-single-contest .container-progress > div > div:first-child .mobile > div:last-child {
  margin-right: 16px;
}
.public-single-contest .container-progress > div > div:first-child .mobile > div:last-child > div, .company-single-offer .container-progress > div > div:first-child .mobile > div:last-child > div, .company-single-contest .container-progress > div > div:first-child .mobile > div:last-child > div {
  position: relative;
}
.public-single-contest .container-progress > div > div:first-child .mobile > div:last-child > div::after, .company-single-offer .container-progress > div > div:first-child .mobile > div:last-child > div::after, .company-single-contest .container-progress > div > div:first-child .mobile > div:last-child > div::after {
  position: absolute;
  top: 7px;
  right: -21px;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #eaeef0;
}
.public-single-contest .container-progress > div > div:first-child .mobile.voting .progress-div, .company-single-offer .container-progress > div > div:first-child .mobile.voting .progress-div, .company-single-contest .container-progress > div > div:first-child .mobile.voting .progress-div {
  height: 160px !important;
}
.public-single-contest .container-progress > div .step-1 .desktop .progress-div::after, .company-single-offer .container-progress > div .step-1 .desktop .progress-div::after, .company-single-contest .container-progress > div .step-1 .desktop .progress-div::after {
  width: 16%;
  background: #49b3f3;
}
.public-single-contest .container-progress > div .step-1 .desktop > div div:nth-child(1), .company-single-offer .container-progress > div .step-1 .desktop > div div:nth-child(1), .company-single-contest .container-progress > div .step-1 .desktop > div div:nth-child(1) {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.public-single-contest .container-progress > div .step-1 .desktop > div div:nth-child(1)::after, .company-single-offer .container-progress > div .step-1 .desktop > div div:nth-child(1)::after, .company-single-contest .container-progress > div .step-1 .desktop > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.public-single-contest .container-progress > div .step-1 .desktop > div div:nth-child(1) p, .company-single-offer .container-progress > div .step-1 .desktop > div div:nth-child(1) p, .company-single-contest .container-progress > div .step-1 .desktop > div div:nth-child(1) p,
.public-single-contest .container-progress > div .step-1 .desktop > div div:nth-child(1) span,
.company-single-offer .container-progress > div .step-1 .desktop > div div:nth-child(1) span,
.company-single-contest .container-progress > div .step-1 .desktop > div div:nth-child(1) span {
  color: #000 !important;
}
.public-single-contest .container-progress > div .step-1 .mobile .progress-div::after, .company-single-offer .container-progress > div .step-1 .mobile .progress-div::after, .company-single-contest .container-progress > div .step-1 .mobile .progress-div::after {
  height: 47px !important;
  background: #49b3f3;
}
.public-single-contest .container-progress > div .step-1 .mobile > div div:nth-child(1), .company-single-offer .container-progress > div .step-1 .mobile > div div:nth-child(1), .company-single-contest .container-progress > div .step-1 .mobile > div div:nth-child(1) {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.public-single-contest .container-progress > div .step-1 .mobile > div div:nth-child(1)::after, .company-single-offer .container-progress > div .step-1 .mobile > div div:nth-child(1)::after, .company-single-contest .container-progress > div .step-1 .mobile > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.public-single-contest .container-progress > div .step-1 .mobile > div div:nth-child(1) p, .company-single-offer .container-progress > div .step-1 .mobile > div div:nth-child(1) p, .company-single-contest .container-progress > div .step-1 .mobile > div div:nth-child(1) p,
.public-single-contest .container-progress > div .step-1 .mobile > div div:nth-child(1) span,
.company-single-offer .container-progress > div .step-1 .mobile > div div:nth-child(1) span,
.company-single-contest .container-progress > div .step-1 .mobile > div div:nth-child(1) span {
  color: #000 !important;
}
.public-single-contest .container-progress > div .step-2 .desktop .progress-div::after, .company-single-offer .container-progress > div .step-2 .desktop .progress-div::after, .company-single-contest .container-progress > div .step-2 .desktop .progress-div::after {
  width: 50%;
  background: linear-gradient(90deg, #1004a4 0%, #1004a4 34.91%, #49b3f3 56.25%, #49b3f3 100%);
}
.public-single-contest .container-progress > div .step-2 .desktop > div div:nth-child(1)::after, .company-single-offer .container-progress > div .step-2 .desktop > div div:nth-child(1)::after, .company-single-contest .container-progress > div .step-2 .desktop > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.public-single-contest .container-progress > div .step-2 .desktop > div div:nth-child(2), .company-single-offer .container-progress > div .step-2 .desktop > div div:nth-child(2), .company-single-contest .container-progress > div .step-2 .desktop > div div:nth-child(2) {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.public-single-contest .container-progress > div .step-2 .desktop > div div:nth-child(2)::after, .company-single-offer .container-progress > div .step-2 .desktop > div div:nth-child(2)::after, .company-single-contest .container-progress > div .step-2 .desktop > div div:nth-child(2)::after {
  background: #1004a4 !important;
}
.public-single-contest .container-progress > div .step-2 .desktop > div div:nth-child(2) p, .company-single-offer .container-progress > div .step-2 .desktop > div div:nth-child(2) p, .company-single-contest .container-progress > div .step-2 .desktop > div div:nth-child(2) p,
.public-single-contest .container-progress > div .step-2 .desktop > div div:nth-child(2) span,
.company-single-offer .container-progress > div .step-2 .desktop > div div:nth-child(2) span,
.company-single-contest .container-progress > div .step-2 .desktop > div div:nth-child(2) span {
  color: #000 !important;
}
.public-single-contest .container-progress > div .step-2 .mobile .progress-div::after, .company-single-offer .container-progress > div .step-2 .mobile .progress-div::after, .company-single-contest .container-progress > div .step-2 .mobile .progress-div::after {
  width: 3px;
  height: 134px !important;
  background: linear-gradient(0deg, #1004a4 11.88%, #49b3f3 51.91%);
}
.public-single-contest .container-progress > div .step-2 .mobile > div div:nth-child(1)::after, .company-single-offer .container-progress > div .step-2 .mobile > div div:nth-child(1)::after, .company-single-contest .container-progress > div .step-2 .mobile > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.public-single-contest .container-progress > div .step-2 .mobile > div div:nth-child(2), .company-single-offer .container-progress > div .step-2 .mobile > div div:nth-child(2), .company-single-contest .container-progress > div .step-2 .mobile > div div:nth-child(2) {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.public-single-contest .container-progress > div .step-2 .mobile > div div:nth-child(2)::after, .company-single-offer .container-progress > div .step-2 .mobile > div div:nth-child(2)::after, .company-single-contest .container-progress > div .step-2 .mobile > div div:nth-child(2)::after {
  background: #1004a4 !important;
}
.public-single-contest .container-progress > div .step-2 .mobile > div div:nth-child(2) p, .company-single-offer .container-progress > div .step-2 .mobile > div div:nth-child(2) p, .company-single-contest .container-progress > div .step-2 .mobile > div div:nth-child(2) p,
.public-single-contest .container-progress > div .step-2 .mobile > div div:nth-child(2) span,
.company-single-offer .container-progress > div .step-2 .mobile > div div:nth-child(2) span,
.company-single-contest .container-progress > div .step-2 .mobile > div div:nth-child(2) span {
  color: #000 !important;
}
.public-single-contest .container-progress > div .step-3 .desktop .progress-div::after, .company-single-offer .container-progress > div .step-3 .desktop .progress-div::after, .company-single-contest .container-progress > div .step-3 .desktop .progress-div::after {
  width: 83%;
  background: linear-gradient(90deg, #c72d80 0%, #c72d80 22.92%, #1004a4 39.58%, #1004a4 66.67%, #49b3f3 75%, #49b3f3 100%);
}
.public-single-contest .container-progress > div .step-3 .desktop > div div:nth-child(1)::after, .company-single-offer .container-progress > div .step-3 .desktop > div div:nth-child(1)::after, .company-single-contest .container-progress > div .step-3 .desktop > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.public-single-contest .container-progress > div .step-3 .desktop > div div:nth-child(2)::after, .company-single-offer .container-progress > div .step-3 .desktop > div div:nth-child(2)::after, .company-single-contest .container-progress > div .step-3 .desktop > div div:nth-child(2)::after {
  background: #1004a4 !important;
}
.public-single-contest .container-progress > div .step-3 .desktop > div div:nth-child(3), .company-single-offer .container-progress > div .step-3 .desktop > div div:nth-child(3), .company-single-contest .container-progress > div .step-3 .desktop > div div:nth-child(3) {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.public-single-contest .container-progress > div .step-3 .desktop > div div:nth-child(3)::after, .company-single-offer .container-progress > div .step-3 .desktop > div div:nth-child(3)::after, .company-single-contest .container-progress > div .step-3 .desktop > div div:nth-child(3)::after {
  background: #c72d80 !important;
}
.public-single-contest .container-progress > div .step-3 .desktop > div div:nth-child(3) p, .company-single-offer .container-progress > div .step-3 .desktop > div div:nth-child(3) p, .company-single-contest .container-progress > div .step-3 .desktop > div div:nth-child(3) p,
.public-single-contest .container-progress > div .step-3 .desktop > div div:nth-child(3) span,
.company-single-offer .container-progress > div .step-3 .desktop > div div:nth-child(3) span,
.company-single-contest .container-progress > div .step-3 .desktop > div div:nth-child(3) span {
  color: #000 !important;
}
.public-single-contest .container-progress > div .step-3 .mobile .progress-div::after, .company-single-offer .container-progress > div .step-3 .mobile .progress-div::after, .company-single-contest .container-progress > div .step-3 .mobile .progress-div::after {
  width: 3px;
  height: 215px !important;
  background: linear-gradient(0deg, #c72d80 13.77%, #1004a4 32.91%, #49b3f3 65.32%);
}
.public-single-contest .container-progress > div .step-3 .mobile > div div:nth-child(1)::after, .company-single-offer .container-progress > div .step-3 .mobile > div div:nth-child(1)::after, .company-single-contest .container-progress > div .step-3 .mobile > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.public-single-contest .container-progress > div .step-3 .mobile > div div:nth-child(2)::after, .company-single-offer .container-progress > div .step-3 .mobile > div div:nth-child(2)::after, .company-single-contest .container-progress > div .step-3 .mobile > div div:nth-child(2)::after {
  background: #1004a4 !important;
}
.public-single-contest .container-progress > div .step-3 .mobile > div div:nth-child(3), .company-single-offer .container-progress > div .step-3 .mobile > div div:nth-child(3), .company-single-contest .container-progress > div .step-3 .mobile > div div:nth-child(3) {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.public-single-contest .container-progress > div .step-3 .mobile > div div:nth-child(3)::after, .company-single-offer .container-progress > div .step-3 .mobile > div div:nth-child(3)::after, .company-single-contest .container-progress > div .step-3 .mobile > div div:nth-child(3)::after {
  background: #c72d80 !important;
}
.public-single-contest .container-progress > div .step-3 .mobile > div div:nth-child(3) p, .company-single-offer .container-progress > div .step-3 .mobile > div div:nth-child(3) p, .company-single-contest .container-progress > div .step-3 .mobile > div div:nth-child(3) p,
.public-single-contest .container-progress > div .step-3 .mobile > div div:nth-child(3) span,
.company-single-offer .container-progress > div .step-3 .mobile > div div:nth-child(3) span,
.company-single-contest .container-progress > div .step-3 .mobile > div div:nth-child(3) span {
  color: #000 !important;
}
.public-single-contest .container-progress > div .step-3 .mobile.voting .progress-div::after, .company-single-offer .container-progress > div .step-3 .mobile.voting .progress-div::after, .company-single-contest .container-progress > div .step-3 .mobile.voting .progress-div::after {
  height: 160px !important;
  background: linear-gradient(0deg, #fdb022 0%, #1004a4 54.69%, #49b3f3 77.6%) !important;
}
.public-single-contest .container-progress > div .step-3 .mobile.voting > div div:nth-child(3) p, .company-single-offer .container-progress > div .step-3 .mobile.voting > div div:nth-child(3) p, .company-single-contest .container-progress > div .step-3 .mobile.voting > div div:nth-child(3) p,
.public-single-contest .container-progress > div .step-3 .mobile.voting > div div:nth-child(3) span,
.company-single-offer .container-progress > div .step-3 .mobile.voting > div div:nth-child(3) span,
.company-single-contest .container-progress > div .step-3 .mobile.voting > div div:nth-child(3) span {
  color: #000 !important;
  font-weight: 700;
}
.public-single-contest .container-progress > div .step-4 .desktop .progress-div::after, .company-single-offer .container-progress > div .step-4 .desktop .progress-div::after, .company-single-contest .container-progress > div .step-4 .desktop .progress-div::after {
  width: 100%;
  background: linear-gradient(90deg, #fdb022 0%, #c72d80 29.69%, #1004a4 57.29%, #49b3f3 75.52%);
}
.public-single-contest .container-progress > div .step-4 .desktop > div div:nth-child(1)::after, .company-single-offer .container-progress > div .step-4 .desktop > div div:nth-child(1)::after, .company-single-contest .container-progress > div .step-4 .desktop > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.public-single-contest .container-progress > div .step-4 .desktop > div div:nth-child(2)::after, .company-single-offer .container-progress > div .step-4 .desktop > div div:nth-child(2)::after, .company-single-contest .container-progress > div .step-4 .desktop > div div:nth-child(2)::after {
  background: #1004a4 !important;
}
.public-single-contest .container-progress > div .step-4 .desktop > div div:nth-child(3)::after, .company-single-offer .container-progress > div .step-4 .desktop > div div:nth-child(3)::after, .company-single-contest .container-progress > div .step-4 .desktop > div div:nth-child(3)::after {
  background: #c72d80 !important;
}
.public-single-contest .container-progress > div .step-4 .desktop > div div:nth-child(4), .company-single-offer .container-progress > div .step-4 .desktop > div div:nth-child(4), .company-single-contest .container-progress > div .step-4 .desktop > div div:nth-child(4) {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.public-single-contest .container-progress > div .step-4 .desktop > div div:nth-child(4)::after, .company-single-offer .container-progress > div .step-4 .desktop > div div:nth-child(4)::after, .company-single-contest .container-progress > div .step-4 .desktop > div div:nth-child(4)::after {
  background: #fdb022 !important;
}
.public-single-contest .container-progress > div .step-4 .desktop > div div:nth-child(4) p, .company-single-offer .container-progress > div .step-4 .desktop > div div:nth-child(4) p, .company-single-contest .container-progress > div .step-4 .desktop > div div:nth-child(4) p,
.public-single-contest .container-progress > div .step-4 .desktop > div div:nth-child(4) span,
.company-single-offer .container-progress > div .step-4 .desktop > div div:nth-child(4) span,
.company-single-contest .container-progress > div .step-4 .desktop > div div:nth-child(4) span {
  color: #000 !important;
}
.public-single-contest .container-progress > div .step-4 .mobile .progress-div::after, .company-single-offer .container-progress > div .step-4 .mobile .progress-div::after, .company-single-contest .container-progress > div .step-4 .mobile .progress-div::after {
  width: 3px;
  height: 258px !important;
  background: linear-gradient(0deg, #fdb022 0%, #c72d80 29.17%, #1004a4 48.96%, #49b3f3 75.52%);
}
.public-single-contest .container-progress > div .step-4 .mobile > div div:nth-child(1)::after, .company-single-offer .container-progress > div .step-4 .mobile > div div:nth-child(1)::after, .company-single-contest .container-progress > div .step-4 .mobile > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.public-single-contest .container-progress > div .step-4 .mobile > div div:nth-child(2)::after, .company-single-offer .container-progress > div .step-4 .mobile > div div:nth-child(2)::after, .company-single-contest .container-progress > div .step-4 .mobile > div div:nth-child(2)::after {
  background: #1004a4 !important;
}
.public-single-contest .container-progress > div .step-4 .mobile > div div:nth-child(3)::after, .company-single-offer .container-progress > div .step-4 .mobile > div div:nth-child(3)::after, .company-single-contest .container-progress > div .step-4 .mobile > div div:nth-child(3)::after {
  background: #c72d80 !important;
}
.public-single-contest .container-progress > div .step-4 .mobile > div div:nth-child(4), .company-single-offer .container-progress > div .step-4 .mobile > div div:nth-child(4), .company-single-contest .container-progress > div .step-4 .mobile > div div:nth-child(4) {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.public-single-contest .container-progress > div .step-4 .mobile > div div:nth-child(4)::after, .company-single-offer .container-progress > div .step-4 .mobile > div div:nth-child(4)::after, .company-single-contest .container-progress > div .step-4 .mobile > div div:nth-child(4)::after {
  background: #fdb022 !important;
}
.public-single-contest .container-progress > div .step-4 .mobile > div div:nth-child(4) p, .company-single-offer .container-progress > div .step-4 .mobile > div div:nth-child(4) p, .company-single-contest .container-progress > div .step-4 .mobile > div div:nth-child(4) p,
.public-single-contest .container-progress > div .step-4 .mobile > div div:nth-child(4) span,
.company-single-offer .container-progress > div .step-4 .mobile > div div:nth-child(4) span,
.company-single-contest .container-progress > div .step-4 .mobile > div div:nth-child(4) span {
  color: #000 !important;
}
.public-single-contest .container-progress > div > div:last-child, .company-single-offer .container-progress > div > div:last-child, .company-single-contest .container-progress > div > div:last-child {
  padding: 20px 0 0 0;
  margin-top: 30px;
}
.public-single-contest .container-progress > div > div:last-child > div, .company-single-offer .container-progress > div > div:last-child > div, .company-single-contest .container-progress > div > div:last-child > div {
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 767px) {
  .public-single-contest .container-progress > div > div:last-child > div, .company-single-offer .container-progress > div > div:last-child > div, .company-single-contest .container-progress > div > div:last-child > div {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    padding-top: 15px;
    z-index: 100050;
    border-top: 1px solid #f2f5f7;
    box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.05);
  }
}
.public-single-contest .container-progress > div > div:last-child > div > div, .company-single-offer .container-progress > div > div:last-child > div > div, .company-single-contest .container-progress > div > div:last-child > div > div {
  cursor: pointer;
  padding: 0 64px 12px 64px;
  color: #98a8b3;
  white-space: nowrap;
}
@media (max-width: 575px) {
  .public-single-contest .container-progress > div > div:last-child > div > div, .company-single-offer .container-progress > div > div:last-child > div > div, .company-single-contest .container-progress > div > div:last-child > div > div {
    padding: 0 24px 12px 24px;
  }
}
.public-single-contest .container-progress > div > div:last-child > div > div svg, .company-single-offer .container-progress > div > div:last-child > div > div svg, .company-single-contest .container-progress > div > div:last-child > div > div svg {
  margin-left: 8px;
}
.public-single-contest .container-progress > div > div:last-child > div > div svg path, .company-single-offer .container-progress > div > div:last-child > div > div svg path, .company-single-contest .container-progress > div > div:last-child > div > div svg path {
  stroke: #98a8b3;
}
.public-single-contest .container-progress > div > div:last-child > div > div.active, .company-single-offer .container-progress > div > div:last-child > div > div.active, .company-single-contest .container-progress > div > div:last-child > div > div.active {
  color: #101828;
  border-bottom: 3px solid #101828;
}
.public-single-contest .container-progress > div > div:last-child > div > div.active svg path, .company-single-offer .container-progress > div > div:last-child > div > div.active svg path, .company-single-contest .container-progress > div > div:last-child > div > div.active svg path {
  stroke: #101828;
}
.public-single-contest .container-progress > div.people-voting > div:first-child, .company-single-offer .container-progress > div.people-voting > div:first-child, .company-single-contest .container-progress > div.people-voting > div:first-child {
  margin-right: 200px;
}
.public-single-contest .container-progress > div.people-voting > div:first-child .progress-div, .company-single-offer .container-progress > div.people-voting > div:first-child .progress-div, .company-single-contest .container-progress > div.people-voting > div:first-child .progress-div {
  width: 76%;
}
.public-single-contest .container-progress > div.people-voting .step-1 .progress-div::after, .company-single-offer .container-progress > div.people-voting .step-1 .progress-div::after, .company-single-contest .container-progress > div.people-voting .step-1 .progress-div::after {
  width: 25%;
}
.public-single-contest .container-progress > div.people-voting .step-1 .mobile .progress-div::after, .company-single-offer .container-progress > div.people-voting .step-1 .mobile .progress-div::after, .company-single-contest .container-progress > div.people-voting .step-1 .mobile .progress-div::after {
  height: 174px;
}
.public-single-contest .container-progress > div.people-voting .step-2 .progress-div::after, .company-single-offer .container-progress > div.people-voting .step-2 .progress-div::after, .company-single-contest .container-progress > div.people-voting .step-2 .progress-div::after {
  width: 75%;
}
.public-single-contest .container-progress > div.people-voting .step-2 .mobile .progress-div::after, .company-single-offer .container-progress > div.people-voting .step-2 .mobile .progress-div::after, .company-single-contest .container-progress > div.people-voting .step-2 .mobile .progress-div::after {
  height: 174px;
}
.public-single-contest .container-progress > div.people-voting .step-3 .mobile .progress-div::after, .company-single-offer .container-progress > div.people-voting .step-3 .mobile .progress-div::after, .company-single-contest .container-progress > div.people-voting .step-3 .mobile .progress-div::after {
  height: 174px !important;
  background: linear-gradient(0deg, #fdb022 0%, #1004a4 54.69%, #49b3f3 77.6%) !important;
}
.public-single-contest .container-progress > div.people-voting .step-3 .progress-div::after, .company-single-offer .container-progress > div.people-voting .step-3 .progress-div::after, .company-single-contest .container-progress > div.people-voting .step-3 .progress-div::after {
  width: 100%;
  background: linear-gradient(90deg, #fdb022 0%, #1004a4 37.5%, #49b3f3 67.71%);
}
.public-single-contest .container-progress > div.people-voting .step-3 > div div:nth-child(3)::after, .company-single-offer .container-progress > div.people-voting .step-3 > div div:nth-child(3)::after, .company-single-contest .container-progress > div.people-voting .step-3 > div div:nth-child(3)::after {
  background: #fdb022 !important;
}
.public-single-contest .container-progress > div.people-voting .mobile .progress-div, .company-single-offer .container-progress > div.people-voting .mobile .progress-div, .company-single-contest .container-progress > div.people-voting .mobile .progress-div {
  height: 174px !important;
}
.public-single-contest .auth-container .btns a, .company-single-offer .auth-container .btns a, .company-single-contest .auth-container .btns a {
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0em;
  color: #1004a4;
}
.public-single-contest .auth-container .btns a:hover, .company-single-offer .auth-container .btns a:hover, .company-single-contest .auth-container .btns a:hover {
  color: rgba(17, 4, 164, 0.831372549);
}
.public-single-contest .mx-648, .company-single-offer .mx-648, .company-single-contest .mx-648 {
  width: 100%;
  max-width: 648px;
}
.public-single-contest .mx-872, .company-single-offer .mx-872, .company-single-contest .mx-872 {
  width: 100%;
  max-width: 872px;
}
.public-single-contest .border-right, .company-single-offer .border-right, .company-single-contest .border-right {
  border-right: 1px solid #eaeef0;
}
.public-single-contest .page-title, .company-single-offer .page-title, .company-single-contest .page-title {
  position: relative;
  height: 40px;
  line-height: 40px;
  padding-right: 30px;
}
.public-single-contest .page-title::after, .company-single-offer .page-title::after, .company-single-contest .page-title::after {
  position: absolute;
  right: -13px;
  top: 0;
  content: "";
  background-image: url("../../svg/companies/design/Frame 19.svg");
  background-repeat: no-repeat;
  background-size: 36px 22px;
  background-position: 0 0;
}
.public-single-contest .page-title label, .company-single-offer .page-title label, .company-single-contest .page-title label {
  color: #101828;
  font-size: 20px !important;
  font-weight: 700;
  font-family: dana, serif;
  line-height: 36px;
}
@media (max-width: 767px) {
  .public-single-contest .page-title label, .company-single-offer .page-title label, .company-single-contest .page-title label {
    font-size: 18px !important;
  }
}
.public-single-contest .introduction > p, .company-single-offer .introduction > p, .company-single-contest .introduction > p {
  margin-bottom: 3px;
}
.public-single-contest .filter-mobile, .company-single-offer .filter-mobile, .company-single-contest .filter-mobile {
  background: #fff;
}
.public-single-contest .slide-down .slide-content, .company-single-offer .slide-down .slide-content, .company-single-contest .slide-down .slide-content {
  height: 100%;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
  padding-right: 30px;
}
.public-single-contest .slide-down input, .company-single-offer .slide-down input, .company-single-contest .slide-down input {
  display: none;
}
.public-single-contest .slide-down .toggle:checked ~ .slide-content, .company-single-offer .slide-down .toggle:checked ~ .slide-content, .company-single-contest .slide-down .toggle:checked ~ .slide-content {
  max-height: 100px;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .public-single-contest .slide-down .toggle:checked ~ .slide-content, .company-single-offer .slide-down .toggle:checked ~ .slide-content, .company-single-contest .slide-down .toggle:checked ~ .slide-content {
    max-height: 250px;
  }
}
.public-single-contest .slide-down .toggle:checked ~ .toggle-label span::after, .company-single-offer .slide-down .toggle:checked ~ .toggle-label span::after, .company-single-contest .slide-down .toggle:checked ~ .toggle-label span::after {
  content: "-";
}
.public-single-contest .slide-down .toggle-label, .company-single-offer .slide-down .toggle-label, .company-single-contest .slide-down .toggle-label {
  padding: 20px 0;
  cursor: pointer;
  position: relative;
  padding-right: 30px;
  width: 100%;
}
.public-single-contest .slide-down .toggle-label span::after, .company-single-offer .slide-down .toggle-label span::after, .company-single-contest .slide-down .toggle-label span::after {
  position: absolute;
  top: 22px;
  right: 0;
  content: "+";
  border: 1px solid #98a8b3;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #98a8b3;
  font-size: 19px;
}
.public-single-contest .slide-down .content-mobile, .company-single-offer .slide-down .content-mobile, .company-single-contest .slide-down .content-mobile {
  margin-right: -30px;
}
@media (max-width: 767px) {
  .public-single-contest .slide-down .content-mobile, .company-single-offer .slide-down .content-mobile, .company-single-contest .slide-down .content-mobile {
    max-height: 0 !important;
    height: auto;
    overflow: hidden;
  }
}
.public-single-contest .slide-down .content-mobile > p, .company-single-offer .slide-down .content-mobile > p, .company-single-contest .slide-down .content-mobile > p {
  margin-bottom: 3px;
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #475A67;
}
.public-single-contest .slide-down .toggle-mobile, .company-single-offer .slide-down .toggle-mobile, .company-single-contest .slide-down .toggle-mobile {
  transition: all 0.3s ease;
}
.public-single-contest .slide-down .toggle-mobile ~ div, .company-single-offer .slide-down .toggle-mobile ~ div, .company-single-contest .slide-down .toggle-mobile ~ div {
  transition: all 0.3s ease;
}
.public-single-contest .slide-down .toggle-mobile ~ label span, .company-single-offer .slide-down .toggle-mobile ~ label span, .company-single-contest .slide-down .toggle-mobile ~ label span {
  transition: all 0.3s ease;
}
.public-single-contest .slide-down .toggle-mobile ~ label span svg, .company-single-offer .slide-down .toggle-mobile ~ label span svg, .company-single-contest .slide-down .toggle-mobile ~ label span svg {
  width: 32px;
  height: 32px;
}
@media (max-width: 767px) {
  .public-single-contest .slide-down .toggle-mobile:checked ~ div, .company-single-offer .slide-down .toggle-mobile:checked ~ div, .company-single-contest .slide-down .toggle-mobile:checked ~ div {
    max-height: 500px !important;
    transition: all 0.3s ease;
  }
  .public-single-contest .slide-down .toggle-mobile:checked ~ label span, .company-single-offer .slide-down .toggle-mobile:checked ~ label span, .company-single-contest .slide-down .toggle-mobile:checked ~ label span {
    transition: all 0.3s ease;
    transform: rotate(180deg);
  }
}
.public-single-contest .container-banner2, .company-single-offer .container-banner2, .company-single-contest .container-banner2 {
  background: #fff;
  padding: 120px 0;
}
@media (max-width: 767px) {
  .public-single-contest .container-banner2, .company-single-offer .container-banner2, .company-single-contest .container-banner2 {
    padding: 40px 0;
  }
}
.public-single-contest .container-banner2 .banner2, .company-single-offer .container-banner2 .banner2, .company-single-contest .container-banner2 .banner2 {
  position: relative;
  max-width: 800px;
}
.public-single-contest .container-banner2 .banner2 .bg-banner, .company-single-offer .container-banner2 .banner2 .bg-banner, .company-single-contest .container-banner2 .banner2 .bg-banner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  z-index: 0;
}
.public-single-contest .container-banner2 .banner2 .bg-banner:nth-child(1), .company-single-offer .container-banner2 .banner2 .bg-banner:nth-child(1), .company-single-contest .container-banner2 .banner2 .bg-banner:nth-child(1) {
  right: -30%;
}
.public-single-contest .container-banner2 .banner2 .bg-banner:nth-child(2), .company-single-offer .container-banner2 .banner2 .bg-banner:nth-child(2), .company-single-contest .container-banner2 .banner2 .bg-banner:nth-child(2) {
  left: -56%;
  transform: translate(46%, -47%);
}
.public-single-contest .container-banner2 .banner2 .content-nabber2, .company-single-offer .container-banner2 .banner2 .content-nabber2, .company-single-contest .container-banner2 .banner2 .content-nabber2 {
  position: relative;
  padding: 24px;
  border-radius: 8px;
  background: #fff;
  z-index: 1;
  max-width: 800px;
  box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
}
.public-single-contest .container-banner2 .banner2 .content-nabber2 .img-send-request, .company-single-offer .container-banner2 .banner2 .content-nabber2 .img-send-request, .company-single-contest .container-banner2 .banner2 .content-nabber2 .img-send-request {
  color: #fff;
  background-image: url("../../svg/single-contest/Group 2.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
}
.public-single-contest .container-banner2 .banner2 .content-nabber2 .img-send-request span, .company-single-offer .container-banner2 .banner2 .content-nabber2 .img-send-request span, .company-single-contest .container-banner2 .banner2 .content-nabber2 .img-send-request span {
  font-family: dana, serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 58px;
  color: #FFFFFF;
}
.public-single-contest .container-banner2 .banner2 .content-nabber2 .img-send-request p, .company-single-offer .container-banner2 .banner2 .content-nabber2 .img-send-request p, .company-single-contest .container-banner2 .banner2 .content-nabber2 .img-send-request p {
  color: #fff;
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}
.public-single-contest .container-banner2 .banner2 .content-nabber2 .img-send-request p span, .company-single-offer .container-banner2 .banner2 .content-nabber2 .img-send-request p span, .company-single-contest .container-banner2 .banner2 .content-nabber2 .img-send-request p span {
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
}
.public-single-contest .container-banner2 .banner2 .content-nabber2 .text-send-request, .company-single-offer .container-banner2 .banner2 .content-nabber2 .text-send-request, .company-single-contest .container-banner2 .banner2 .content-nabber2 .text-send-request {
  box-shadow: 0 8px 8px -4px rgba(16, 24, 40, 0.031372549);
  border-radius: 8px;
  padding: 24px 24px 24px 40px;
}
.public-single-contest .container-banner2 .banner2 .content-nabber2 .text-send-request p:first-child, .company-single-offer .container-banner2 .banner2 .content-nabber2 .text-send-request p:first-child, .company-single-contest .container-banner2 .banner2 .content-nabber2 .text-send-request p:first-child {
  font-size: 20px;
  font-family: dana, serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 36px;
}
@media (max-width: 767px) {
  .public-single-contest .container-banner2 .banner2 .content-nabber2 .text-send-request p:first-child, .company-single-offer .container-banner2 .banner2 .content-nabber2 .text-send-request p:first-child, .company-single-contest .container-banner2 .banner2 .content-nabber2 .text-send-request p:first-child {
    font-size: 14px;
  }
}
.public-single-contest .container-banner2 .banner2 .content-nabber2 .text-send-request p:last-child, .company-single-offer .container-banner2 .banner2 .content-nabber2 .text-send-request p:last-child, .company-single-contest .container-banner2 .banner2 .content-nabber2 .text-send-request p:last-child {
  font-size: 16px;
  font-family: PeydaWebFaNum, serif;
  font-weight: 400;
  line-height: 30px;
  color: #475A67;
}
@media (max-width: 767px) {
  .public-single-contest .container-banner2 .banner2 .content-nabber2 .text-send-request p:last-child, .company-single-offer .container-banner2 .banner2 .content-nabber2 .text-send-request p:last-child, .company-single-contest .container-banner2 .banner2 .content-nabber2 .text-send-request p:last-child {
    font-size: 13px;
  }
}
.public-single-contest .container-banner2 .banner2 .content-nabber2 .text-send-request button, .company-single-offer .container-banner2 .banner2 .content-nabber2 .text-send-request button, .company-single-contest .container-banner2 .banner2 .content-nabber2 .text-send-request button {
  font-size: 16px;
}
@media (max-width: 767px) {
  .public-single-contest .container-banner2 .banner2 .content-nabber2 .text-send-request button, .company-single-offer .container-banner2 .banner2 .content-nabber2 .text-send-request button, .company-single-contest .container-banner2 .banner2 .content-nabber2 .text-send-request button {
    font-size: 14px !important;
  }
}
.public-single-contest .container-banner2 .banner2 .content-nabber2 .text-send-request a, .company-single-offer .container-banner2 .banner2 .content-nabber2 .text-send-request a, .company-single-contest .container-banner2 .banner2 .content-nabber2 .text-send-request a {
  margin-top: 32px;
}
.public-single-contest .container-banner2 .banner2 .content-nabber2 .text-send-request a span, .company-single-offer .container-banner2 .banner2 .content-nabber2 .text-send-request a span, .company-single-contest .container-banner2 .banner2 .content-nabber2 .text-send-request a span {
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  color: #fff;
  margin-left: 8px;
}
.public-single-contest .container-banner2 .banner2 .content-nabber2 .text-send-request a img, .company-single-offer .container-banner2 .banner2 .content-nabber2 .text-send-request a img, .company-single-contest .container-banner2 .banner2 .content-nabber2 .text-send-request a img {
  width: 24px;
  height: 24px;
}
.public-single-contest .btn-create-contest-mobile, .company-single-offer .btn-create-contest-mobile, .company-single-contest .btn-create-contest-mobile {
  width: 100%;
  padding: 16px;
  position: fixed;
  bottom: 0;
  left: 0;
  border-top: 1px solid #f2f5f7;
  background: #fff;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.05);
  z-index: 90;
}
@media (min-width: 767px) {
  .public-single-contest .btn-create-contest-mobile, .company-single-offer .btn-create-contest-mobile, .company-single-contest .btn-create-contest-mobile {
    display: none;
  }
}
.public-single-contest .report-contest, .company-single-offer .report-contest, .company-single-contest .report-contest {
  position: relative;
  margin-top: 132px;
  margin-bottom: 120px;
}
.public-single-contest .report-contest button, .company-single-offer .report-contest button, .company-single-contest .report-contest button {
  font-family: PeydaWebFaNum, serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  color: #344754;
  padding: 10px;
  border: 1px solid #D0D8DD;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  border-radius: 8px;
  width: 296px;
}
.public-single-contest .report-contest button svg, .company-single-offer .report-contest button svg, .company-single-contest .report-contest button svg {
  margin-right: 8px;
  transform: rotate(180deg);
}
.public-single-contest .report-contest .report-title, .company-single-offer .report-contest .report-title, .company-single-contest .report-contest .report-title {
  color: #101828;
  font-family: dana, serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 36px;
}
.public-single-contest .report-contest .report-detail span, .company-single-offer .report-contest .report-detail span, .company-single-contest .report-contest .report-detail span {
  font-family: dana, serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 66px;
}
.public-single-contest .report-contest .report-detail p, .company-single-offer .report-contest .report-detail p, .company-single-contest .report-contest .report-detail p {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
}
.public-single-contest .report-contest > div, .company-single-offer .report-contest > div, .company-single-contest .report-contest > div {
  padding: 24px;
  border-radius: 8px;
  position: relative;
  background: #fff;
  box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.1);
  position: relative;
  z-index: 1;
}
.public-single-contest .report-contest > div .rank div, .company-single-offer .report-contest > div .rank div, .company-single-contest .report-contest > div .rank div {
  border-radius: 8px;
  position: relative;
  height: 155px;
}
.public-single-contest .report-contest > div .rank div .icon, .company-single-offer .report-contest > div .rank div .icon, .company-single-contest .report-contest > div .rank div .icon {
  position: absolute;
  left: 0;
  top: 0;
}
.public-single-contest .report-contest > div .rank div:nth-child(1), .company-single-offer .report-contest > div .rank div:nth-child(1), .company-single-contest .report-contest > div .rank div:nth-child(1) {
  background-image: url("../../svg/single-contest/bg-gold.svg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #f79009;
}
.public-single-contest .report-contest > div .rank div:nth-child(1) p, .company-single-offer .report-contest > div .rank div:nth-child(1) p, .company-single-contest .report-contest > div .rank div:nth-child(1) p {
  color: #f79009;
}
.public-single-contest .report-contest > div .rank div:nth-child(2), .company-single-offer .report-contest > div .rank div:nth-child(2), .company-single-contest .report-contest > div .rank div:nth-child(2) {
  background: #f9fafb;
}
.public-single-contest .report-contest > div .rank div:nth-child(3), .company-single-offer .report-contest > div .rank div:nth-child(3), .company-single-contest .report-contest > div .rank div:nth-child(3) {
  background: #f9fafb;
}
.public-single-contest .report-contest .report-statics span, .company-single-offer .report-contest .report-statics span, .company-single-contest .report-contest .report-statics span {
  font-family: dana, serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 66px;
}
.public-single-contest .report-contest .report-statics p, .company-single-offer .report-contest .report-statics p, .company-single-contest .report-contest .report-statics p {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
}
.public-single-contest .report-contest > .icon, .company-single-offer .report-contest > .icon, .company-single-contest .report-contest > .icon {
  position: absolute;
  left: -20%;
  top: -100%;
  width: 100%;
  height: 100%;
}
.public-single-contest .slider, .company-single-offer .slider, .company-single-contest .slider {
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: relative;
}
.public-single-contest .slide, .company-single-offer .slide, .company-single-contest .slide {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}
.public-single-contest .slide:first-child, .company-single-offer .slide:first-child, .company-single-contest .slide:first-child {
  display: block;
}
.public-single-contest .winner-list .row-section-title, .company-single-offer .winner-list .row-section-title, .company-single-contest .winner-list .row-section-title {
  margin-right: unset !important;
}
.public-single-contest .winner-list ul li, .company-single-offer .winner-list ul li, .company-single-contest .winner-list ul li {
  padding: 24px;
  border-radius: 12px;
  background-image: linear-gradient(270deg, #fff 0%, #fffcf5 100%);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
@media (max-width: 767px) {
  .public-single-contest .winner-list ul li, .company-single-offer .winner-list ul li, .company-single-contest .winner-list ul li {
    box-shadow: none;
    border-top: 1px solid #eaeef0;
    border-radius: 0;
  }
}
.public-single-contest .winner-list ul li > div .badge, .company-single-offer .winner-list ul li > div .badge, .company-single-contest .winner-list ul li > div .badge {
  color: #fdb022;
  padding: 4px 16px;
  border-radius: 16px;
  border: 1px solid #fec84b;
  background: #fffaeb;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
.public-single-contest .winner-list ul li > div .badge path, .company-single-offer .winner-list ul li > div .badge path, .company-single-contest .winner-list ul li > div .badge path {
  stroke: #fdb022;
}
.public-single-contest .winner-list ul li > div .profile p, .company-single-offer .winner-list ul li > div .profile p, .company-single-contest .winner-list ul li > div .profile p {
  color: #000;
  font-size: 16px;
}
.public-single-contest .winner-list ul li > div.modal-win:nth-child(1), .company-single-offer .winner-list ul li > div.modal-win:nth-child(1), .company-single-contest .winner-list ul li > div.modal-win:nth-child(1) {
  width: 48px;
  font-size: 20px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0em;
  color: #fdb022;
}
.public-single-contest .winner-list ul li > div.modal-win:nth-child(2), .company-single-offer .winner-list ul li > div.modal-win:nth-child(2), .company-single-contest .winner-list ul li > div.modal-win:nth-child(2) {
  width: calc(100% - 48px);
}
@media (min-width: 767px) {
  .public-single-contest .winner-list ul li > div:not(.modal-win):nth-child(2), .company-single-offer .winner-list ul li > div:not(.modal-win):nth-child(2), .company-single-contest .winner-list ul li > div:not(.modal-win):nth-child(2) {
    border-right: 1px solid #eaeef0;
  }
}
.public-single-contest .container-suggest-voting, .company-single-offer .container-suggest-voting, .company-single-contest .container-suggest-voting {
  position: relative;
}
.public-single-contest .container-suggest-voting .filter-suggest-voting, .company-single-offer .container-suggest-voting .filter-suggest-voting, .company-single-contest .container-suggest-voting .filter-suggest-voting {
  position: absolute;
  top: 0;
  right: -20px;
  transform: translateX(100%);
}
.public-single-contest .container-suggest-voting .filter-suggest-voting ul, .company-single-offer .container-suggest-voting .filter-suggest-voting ul, .company-single-contest .container-suggest-voting .filter-suggest-voting ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.public-single-contest .container-suggest-voting .filter-suggest-voting ul li, .company-single-offer .container-suggest-voting .filter-suggest-voting ul li, .company-single-contest .container-suggest-voting .filter-suggest-voting ul li {
  display: flex;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #d0d8dd;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  margin-bottom: 12px;
  padding-right: 8px;
}
.public-single-contest .container-suggest-voting .filter-suggest-voting ul li label, .company-single-offer .container-suggest-voting .filter-suggest-voting ul li label, .company-single-contest .container-suggest-voting .filter-suggest-voting ul li label {
  width: 100%;
  cursor: pointer;
  padding: 8px 0 8px 12px;
}
.public-single-contest .container-suggest-voting .filter-suggest-voting ul li input, .company-single-offer .container-suggest-voting .filter-suggest-voting ul li input, .company-single-contest .container-suggest-voting .filter-suggest-voting ul li input {
  margin-left: 5px;
}
.public-single-contest .container-suggest-voting .item-suggest-voting, .company-single-offer .container-suggest-voting .item-suggest-voting, .company-single-contest .container-suggest-voting .item-suggest-voting {
  margin-bottom: 24px;
  padding: 32px 24px 0 24px;
  border-radius: 16px;
  border: 1px solid #eaeef0;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}
@media (max-width: 767px) {
  .public-single-contest .container-suggest-voting .item-suggest-voting, .company-single-offer .container-suggest-voting .item-suggest-voting, .company-single-contest .container-suggest-voting .item-suggest-voting {
    border-radius: 0;
    padding: 32px 0 0 0;
    margin-bottom: 0 !important;
  }
  .public-single-contest .container-suggest-voting .item-suggest-voting:not(:last-child), .company-single-offer .container-suggest-voting .item-suggest-voting:not(:last-child), .company-single-contest .container-suggest-voting .item-suggest-voting:not(:last-child) {
    border-bottom: none;
  }
}
.public-single-contest .container-suggest-voting .item-suggest-voting > *:not(.main-item-suggest-voting), .company-single-offer .container-suggest-voting .item-suggest-voting > *:not(.main-item-suggest-voting), .company-single-contest .container-suggest-voting .item-suggest-voting > *:not(.main-item-suggest-voting) {
  padding: 0 16px;
}
.public-single-contest .container-suggest-voting .item-suggest-voting .header-item-suggest-voting span, .company-single-offer .container-suggest-voting .item-suggest-voting .header-item-suggest-voting span, .company-single-contest .container-suggest-voting .item-suggest-voting .header-item-suggest-voting span {
  padding-right: 12px;
  margin-right: 12px;
  border-right: 1px solid #eaeef0;
}
.public-single-contest .container-suggest-voting .item-suggest-voting .header-item-suggest-voting div, .company-single-offer .container-suggest-voting .item-suggest-voting .header-item-suggest-voting div, .company-single-contest .container-suggest-voting .item-suggest-voting .header-item-suggest-voting div {
  filter: blur(4px);
}
.public-single-contest .container-suggest-voting .item-suggest-voting .description-suggest-voting, .company-single-offer .container-suggest-voting .item-suggest-voting .description-suggest-voting, .company-single-contest .container-suggest-voting .item-suggest-voting .description-suggest-voting {
  width: 100%;
}
.public-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting, .company-single-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting, .company-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting {
  border-top: 1px solid #eaeef0;
  padding: 24px 0;
  height: 400px;
  position: relative;
}
.public-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .icon, .company-single-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .icon, .company-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .icon {
  position: absolute;
  top: 42%;
  border-radius: 100px;
  cursor: pointer;
  padding: 7px 12px 7px 12px;
  background: rgba(255, 255, 255, 0.64);
  box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.1);
  z-index: 3;
}
.public-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .icon:nth-child(1), .company-single-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .icon:nth-child(1), .company-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .icon:nth-child(1) {
  right: -10px;
}
.public-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .icon:nth-child(2), .company-single-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .icon:nth-child(2), .company-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .icon:nth-child(2) {
  left: -10px;
}
@media (max-width: 767px) {
  .public-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .icon, .company-single-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .icon, .company-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .icon {
    display: none;
  }
}
.public-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .container-slider, .company-single-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .container-slider, .company-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .container-slider {
  overflow: hidden;
}
@media (max-width: 767px) {
  .public-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .container-slider, .company-single-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .container-slider, .company-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .container-slider {
    overflow: scroll;
  }
}
.public-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .container-slider #container-slider, .company-single-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .container-slider #container-slider, .company-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .container-slider #container-slider {
  transition: all 0.3s ease-in-out;
}
.public-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .container-slider #container-slider .slide-suggest-voting, .company-single-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .container-slider #container-slider .slide-suggest-voting, .company-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .container-slider #container-slider .slide-suggest-voting {
  display: flex;
  height: 330px;
  min-width: 90%;
}
@media (max-width: 767px) {
  .public-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .container-slider #container-slider .slide-suggest-voting, .company-single-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .container-slider #container-slider .slide-suggest-voting, .company-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .container-slider #container-slider .slide-suggest-voting {
    min-width: 100%;
  }
}
.public-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .container-slider #container-slider .slide-suggest-voting div, .company-single-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .container-slider #container-slider .slide-suggest-voting div, .company-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .container-slider #container-slider .slide-suggest-voting div {
  width: 24px;
  height: 100%;
  background: transparent;
}
@media (max-width: 767px) {
  .public-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .container-slider #container-slider .slide-suggest-voting div, .company-single-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .container-slider #container-slider .slide-suggest-voting div, .company-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .container-slider #container-slider .slide-suggest-voting div {
    width: 0;
  }
}
.public-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .dots span, .company-single-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .dots span, .company-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .dots span {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #f2f5f7;
  margin: 0 2px;
}
.public-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .dots span.active, .company-single-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .dots span.active, .company-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .dots span.active {
  background: #101828;
}
.public-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .num-item, .company-single-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .num-item, .company-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .num-item {
  position: absolute;
  right: 8px;
  top: 32px;
  border-radius: 16px;
  border: 1px solid rgba(29, 46, 57, 0.64);
  background: rgba(29, 46, 57, 0.64);
  padding: 0px 8px;
  z-index: 1;
  color: #fff;
}
@media (max-width: 767px) {
  .public-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .num-item, .company-single-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .num-item, .company-single-contest .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .num-item {
    display: none;
  }
}
.public-single-contest .container-suggest-voting .item-suggest-voting .footer-item-suggest-voting, .company-single-offer .container-suggest-voting .item-suggest-voting .footer-item-suggest-voting, .company-single-contest .container-suggest-voting .item-suggest-voting .footer-item-suggest-voting {
  border-top: 1px solid #EAEEF0;
}
.public-single-contest .container-suggest-voting .item-suggest-voting .footer-item-suggest-voting input:checked ~ label, .company-single-offer .container-suggest-voting .item-suggest-voting .footer-item-suggest-voting input:checked ~ label, .company-single-contest .container-suggest-voting .item-suggest-voting .footer-item-suggest-voting input:checked ~ label {
  border-color: #75e0a7;
  background: #17b26a;
}
.public-single-contest .container-suggest-voting .item-suggest-voting .footer-item-suggest-voting input:checked ~ label path, .company-single-offer .container-suggest-voting .item-suggest-voting .footer-item-suggest-voting input:checked ~ label path, .company-single-contest .container-suggest-voting .item-suggest-voting .footer-item-suggest-voting input:checked ~ label path {
  stroke: #fff;
}
.public-single-contest .container-suggest-voting .item-suggest-voting .footer-item-suggest-voting label, .company-single-offer .container-suggest-voting .item-suggest-voting .footer-item-suggest-voting label, .company-single-contest .container-suggest-voting .item-suggest-voting .footer-item-suggest-voting label {
  cursor: pointer;
  padding: 8px;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid #d0d8dd;
  background: #fff;
}
.public-single-contest .container-suggest-voting .item-suggest-voting .footer-item-suggest-voting a, .company-single-offer .container-suggest-voting .item-suggest-voting .footer-item-suggest-voting a, .company-single-contest .container-suggest-voting .item-suggest-voting .footer-item-suggest-voting a {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  color: #101828;
}
.public-single-contest .container-suggest-voting .item-suggest-voting .footer-item-suggest-voting a svg, .company-single-offer .container-suggest-voting .item-suggest-voting .footer-item-suggest-voting a svg, .company-single-contest .container-suggest-voting .item-suggest-voting .footer-item-suggest-voting a svg {
  transform: rotate(180deg);
  width: 13px;
  margin-right: 4px;
}
.public-single-contest .container-suggest-voting.fix-stars .item-suggest-voting .footer-item-suggest-voting .star-rating label, .company-single-offer .container-suggest-voting.fix-stars .item-suggest-voting .footer-item-suggest-voting .star-rating label, .company-single-contest .container-suggest-voting.fix-stars .item-suggest-voting .footer-item-suggest-voting .star-rating label {
  padding: 0;
  border: none;
}
@media (max-width: 991px) {
  .public-single-contest .container-suggest-voting.fix-stars .item-suggest-voting .footer-item-suggest-voting .star-rating div:last-child, .company-single-offer .container-suggest-voting.fix-stars .item-suggest-voting .footer-item-suggest-voting .star-rating div:last-child, .company-single-contest .container-suggest-voting.fix-stars .item-suggest-voting .footer-item-suggest-voting .star-rating div:last-child {
    position: absolute;
    top: -55px;
    right: -5px;
    border-radius: 8px;
    background: #fff;
    padding: 8px 12px;
    box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  }
  .public-single-contest .container-suggest-voting.fix-stars .item-suggest-voting .footer-item-suggest-voting .star-rating div:last-child::before, .company-single-offer .container-suggest-voting.fix-stars .item-suggest-voting .footer-item-suggest-voting .star-rating div:last-child::before, .company-single-contest .container-suggest-voting.fix-stars .item-suggest-voting .footer-item-suggest-voting .star-rating div:last-child::before {
    position: absolute;
    bottom: -5px;
    right: 14px;
    content: "";
    width: 10px;
    height: 10px;
    background: #fff;
    transform: rotate(45deg);
  }
}
.public-single-contest .container-suggest-voting.suggest-voting-winners .item-suggest-voting, .company-single-offer .container-suggest-voting.suggest-voting-winners .item-suggest-voting, .company-single-contest .container-suggest-voting.suggest-voting-winners .item-suggest-voting {
  background: linear-gradient(90deg, #fffcf5 12.93%, #fff 100%);
}
.public-single-contest .container-suggest-voting.suggest-voting-winners .item-suggest-voting .header-item-suggest-voting div, .company-single-offer .container-suggest-voting.suggest-voting-winners .item-suggest-voting .header-item-suggest-voting div, .company-single-contest .container-suggest-voting.suggest-voting-winners .item-suggest-voting .header-item-suggest-voting div {
  filter: none !important;
}
.public-single-contest .container-suggest-voting.suggest-voting-winners .item-suggest-voting .header-item-suggest-voting label, .company-single-offer .container-suggest-voting.suggest-voting-winners .item-suggest-voting .header-item-suggest-voting label, .company-single-contest .container-suggest-voting.suggest-voting-winners .item-suggest-voting .header-item-suggest-voting label {
  position: relative;
  background: #fffaeb;
  border-radius: 400px;
  padding: 1px 8px 1px 8px;
  white-space: nowrap;
  border: 1px solid #fec84b;
  color: #f79009;
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
}
.public-single-contest .container-suggest-voting.suggest-voting-winners .item-suggest-voting .header-item-suggest-voting label::after, .company-single-offer .container-suggest-voting.suggest-voting-winners .item-suggest-voting .header-item-suggest-voting label::after, .company-single-contest .container-suggest-voting.suggest-voting-winners .item-suggest-voting .header-item-suggest-voting label::after {
  position: absolute;
  right: 8px;
  top: 4px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
  content: "";
  color: #f79009;
  background-image: url("../../svg/single-contest/trophy-01.svg");
}
.public-single-contest .container-suggest-voting.suggest-voting-winners .item-suggest-voting .header-item-suggest-voting .top-user-name, .company-single-offer .container-suggest-voting.suggest-voting-winners .item-suggest-voting .header-item-suggest-voting .top-user-name, .company-single-contest .container-suggest-voting.suggest-voting-winners .item-suggest-voting .header-item-suggest-voting .top-user-name {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  color: #1D2E39;
}
.public-single-contest .container-suggest-voting.suggest-voting-winners .item-suggest-voting .header-item-suggest-voting .top-user-name img, .company-single-offer .container-suggest-voting.suggest-voting-winners .item-suggest-voting .header-item-suggest-voting .top-user-name img, .company-single-contest .container-suggest-voting.suggest-voting-winners .item-suggest-voting .header-item-suggest-voting .top-user-name img {
  width: 28px;
  height: 28px;
}
.public-single-contest .container-suggest-voting.suggest-voting-winners .item-suggest-voting .header-item-suggest-voting span, .company-single-offer .container-suggest-voting.suggest-voting-winners .item-suggest-voting .header-item-suggest-voting span, .company-single-contest .container-suggest-voting.suggest-voting-winners .item-suggest-voting .header-item-suggest-voting span {
  font-family: PeydaWebFaNum, serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #475A67;
}
.public-single-contest .container-suggest-voting.suggest-voting-winners .item-suggest-voting h6, .company-single-offer .container-suggest-voting.suggest-voting-winners .item-suggest-voting h6, .company-single-contest .container-suggest-voting.suggest-voting-winners .item-suggest-voting h6 {
  font-family: dana, serif !important;
  font-size: 24px;
  font-weight: 700;
  line-height: 44px;
  color: #101828;
}
.public-single-contest .container-suggest-voting.suggest-voting-winners .item-suggest-voting .footer-item-suggest-voting > div span, .company-single-offer .container-suggest-voting.suggest-voting-winners .item-suggest-voting .footer-item-suggest-voting > div span, .company-single-contest .container-suggest-voting.suggest-voting-winners .item-suggest-voting .footer-item-suggest-voting > div span {
  color: #fdb022 !important;
}
.public-single-contest .btn-more-suggest-voting button, .company-single-offer .btn-more-suggest-voting button, .company-single-contest .btn-more-suggest-voting button {
  padding: 6px 16px;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #d0d8dd;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.public-single-contest .btn-more-suggest-voting button span svg, .company-single-offer .btn-more-suggest-voting button span svg, .company-single-contest .btn-more-suggest-voting button span svg {
  transform: rotate(90deg);
}
.public-single-contest .btn-more-suggest-voting > span, .company-single-offer .btn-more-suggest-voting > span, .company-single-contest .btn-more-suggest-voting > span {
  color: #000;
}
.public-single-contest .container-table table, .company-single-offer .container-table table, .company-single-contest .container-table table {
  border: 1px solid #eaeef0;
}
.public-single-contest .container-table table thead, .company-single-offer .container-table table thead, .company-single-contest .container-table table thead {
  overflow: scroll;
  background: #f9fafb;
}
.public-single-contest .container-table table thead th, .company-single-offer .container-table table thead th, .company-single-contest .container-table table thead th {
  margin: 0 6px;
  padding: 12px 16px;
  color: #475a67;
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
.public-single-contest .container-table table thead th svg, .company-single-offer .container-table table thead th svg, .company-single-contest .container-table table thead th svg {
  transform: rotate(90deg);
  width: 12px;
}
.public-single-contest .container-table table tbody, .company-single-offer .container-table table tbody, .company-single-contest .container-table table tbody {
  overflow: scroll;
}
.public-single-contest .container-table table tbody tr, .company-single-offer .container-table table tbody tr, .company-single-contest .container-table table tbody tr {
  border-top: 1px solid #eaeef0;
}
.public-single-contest .container-table table tbody tr td, .company-single-offer .container-table table tbody tr td, .company-single-contest .container-table table tbody tr td {
  margin: 0 6px;
  padding: 12px 16px;
  color: #1D2E39;
  white-space: normal;
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
}
.public-single-contest .container-table table tbody tr td:nth-child(5) span, .company-single-offer .container-table table tbody tr td:nth-child(5) span, .company-single-contest .container-table table tbody tr td:nth-child(5) span {
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  color: #475A67;
}
.public-single-contest .container-table table tbody tr td:nth-child(5) p, .company-single-offer .container-table table tbody tr td:nth-child(5) p, .company-single-contest .container-table table tbody tr td:nth-child(5) p {
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  color: #475A67;
}
.public-single-contest .container-table table tbody span, .company-single-offer .container-table table tbody span, .company-single-contest .container-table table tbody span,
.public-single-contest .container-table table tbody p,
.company-single-offer .container-table table tbody p,
.company-single-contest .container-table table tbody p {
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  color: #475a67;
}
.public-single-contest .container-table .container-pagination, .company-single-offer .container-table .container-pagination, .company-single-contest .container-table .container-pagination {
  border: 1px solid #eaeef0;
  border-radius: 8px;
}
.public-single-contest .container-table .container-pagination > div, .company-single-offer .container-table .container-pagination > div, .company-single-contest .container-table .container-pagination > div {
  width: 40px;
  height: 40px;
  text-align: center;
  cursor: pointer;
  color: #1D2E39;
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
}
.public-single-contest .container-table .container-pagination > div.active, .company-single-offer .container-table .container-pagination > div.active, .company-single-contest .container-table .container-pagination > div.active {
  background: #f2f5f7;
}
.public-single-contest .container-table .container-pagination > div:not(:last-child), .company-single-offer .container-table .container-pagination > div:not(:last-child), .company-single-contest .container-table .container-pagination > div:not(:last-child) {
  border-left: 1px solid #eaeef0;
}
.public-single-contest #player, .company-single-offer #player, .company-single-contest #player {
  direction: ltr;
  position: relative;
  color: #fff;
  position: relative;
}
.public-single-contest #player p, .company-single-offer #player p, .company-single-contest #player p {
  margin: 0 4px !important;
}
.public-single-contest #player *, .company-single-offer #player *, .company-single-contest #player * {
  color: #fff;
}
.public-single-contest #player > button, .company-single-offer #player > button, .company-single-contest #player > button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.public-single-contest #player::after, .company-single-offer #player::after, .company-single-contest #player::after {
  position: absolute;
  width: 100%;
  height: 70px;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to top, #000000, transparent);
  content: "";
  z-index: 1;
}
.public-single-contest #player video, .company-single-offer #player video, .company-single-contest #player video {
  border-radius: 8px;
}
.public-single-contest #player progress, .company-single-offer #player progress, .company-single-contest #player progress {
  height: 8px;
  background-color: #ececec;
  border-radius: 10px;
  margin-right: 20px;
}
.public-single-contest #player progress::-webkit-progress-value, .company-single-offer #player progress::-webkit-progress-value, .company-single-contest #player progress::-webkit-progress-value {
  background-color: #fff;
  border-radius: 10px;
}
.public-single-contest #player progress::-webkit-progress-inner-element, .company-single-offer #player progress::-webkit-progress-inner-element, .company-single-contest #player progress::-webkit-progress-inner-element {
  background-color: #ececec;
}
.public-single-contest #player button, .company-single-offer #player button, .company-single-contest #player button {
  border: none;
  background: transparent;
}
.public-single-contest #player #controls, .company-single-offer #player #controls, .company-single-contest #player #controls {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  content: "";
  width: 100%;
}
.public-single-contest #player #controls > div:nth-child(2), .company-single-offer #player #controls > div:nth-child(2), .company-single-contest #player #controls > div:nth-child(2) {
  margin: 0 20px 0 12px;
}
.public-single-contest #num-stars, .company-single-offer #num-stars, .company-single-contest #num-stars {
  color: #f79009;
}
.public-single-contest .switch-mobile, .company-single-offer .switch-mobile, .company-single-contest .switch-mobile {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  background: #fff;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.05);
}
.public-single-contest .switch-mobile div, .company-single-offer .switch-mobile div, .company-single-contest .switch-mobile div {
  border-bottom: 3px solid transparent;
  width: 100%;
  padding: 16px 0;
  text-align: center;
}
.public-single-contest .switch-mobile div.active, .company-single-offer .switch-mobile div.active, .company-single-contest .switch-mobile div.active {
  color: #101828;
  border-bottom: 3px solid #101828;
}
.public-single-contest .table-mobile > div, .company-single-offer .table-mobile > div, .company-single-contest .table-mobile > div {
  border-top: 1px solid #eaeef0;
  background: #fff !important;
}
.public-single-contest .table-mobile > div:nth-child(even), .company-single-offer .table-mobile > div:nth-child(even), .company-single-contest .table-mobile > div:nth-child(even) {
  background: #f9fafb !important;
}
.public-single-contest .table-mobile > div:last-child, .company-single-offer .table-mobile > div:last-child, .company-single-contest .table-mobile > div:last-child {
  background: #f9fafb;
}
.public-single-contest .table-mobile > div .footer-table > div:first-child, .company-single-offer .table-mobile > div .footer-table > div:first-child, .company-single-contest .table-mobile > div .footer-table > div:first-child {
  color: #667985;
}
.public-single-contest .table-mobile > div .footer-table > div:first-child path, .company-single-offer .table-mobile > div .footer-table > div:first-child path, .company-single-contest .table-mobile > div .footer-table > div:first-child path {
  stroke: #667985;
}
.public-single-contest .table-mobile > div .footer-table > div:last-child svg, .company-single-offer .table-mobile > div .footer-table > div:last-child svg, .company-single-contest .table-mobile > div .footer-table > div:last-child svg {
  transform: rotate(180deg);
}
.public-single-contest .btn-mobile-report-contest button, .company-single-offer .btn-mobile-report-contest button, .company-single-contest .btn-mobile-report-contest button {
  max-width: 328px;
  width: 100%;
  padding: 6px 16px;
  border-radius: 8px;
  border: 1px solid #d0d8dd;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.public-single-contest .btn-mobile-report-contest button span, .company-single-offer .btn-mobile-report-contest button span, .company-single-contest .btn-mobile-report-contest button span {
  transform: rotate(180deg);
  margin-right: 8px;
}
.public-single-contest .container-btns-finished-state, .company-single-offer .container-btns-finished-state, .company-single-contest .container-btns-finished-state {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  padding: 14px 16px 0 16px;
  background: #fff;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.05);
}
.public-single-contest .container-btns-finished-state > div > div, .company-single-offer .container-btns-finished-state > div > div, .company-single-contest .container-btns-finished-state > div > div {
  width: 50%;
  text-align: center;
  padding-bottom: 16px;
  border-bottom: 4px solid transparent;
}
.public-single-contest .container-btns-finished-state > div > div.active, .company-single-offer .container-btns-finished-state > div > div.active, .company-single-contest .container-btns-finished-state > div > div.active {
  color: #101828;
  border-color: #101828;
}
.public-single-contest .match-report, .company-single-offer .match-report, .company-single-contest .match-report {
  font-family: dana, serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 36px;
  color: #101828;
}
.public-single-contest .report-jahesh-media, .company-single-offer .report-jahesh-media, .company-single-contest .report-jahesh-media {
  font-family: dana, serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 36px;
  color: #344754;
}
.public-single-contest .need-to-register-container, .company-single-offer .need-to-register-container, .company-single-contest .need-to-register-container {
  background: #F9FAFB;
  padding: 120px 0 218px 0;
}
.public-single-contest .need-to-register-container .need-to-register, .company-single-offer .need-to-register-container .need-to-register, .company-single-contest .need-to-register-container .need-to-register {
  border: 1px solid #D0D8DD;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  background: #FCFCFD;
}
.public-single-contest .need-to-register-container .need-to-register span svg, .company-single-offer .need-to-register-container .need-to-register span svg, .company-single-contest .need-to-register-container .need-to-register span svg {
  width: 34px !important;
  height: 34px !important;
}
.public-single-contest .need-to-register-container .need-to-register .title, .company-single-offer .need-to-register-container .need-to-register .title, .company-single-contest .need-to-register-container .need-to-register .title {
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  color: #101828;
}
.public-single-contest .need-to-register-container .need-to-register .description, .company-single-offer .need-to-register-container .need-to-register .description, .company-single-contest .need-to-register-container .need-to-register .description {
  color: #667085;
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
}

.company-single-contest {
  padding-top: 65px;
  margin-right: 276px;
}
@media (max-width: 991px) {
  .company-single-contest {
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  .company-single-contest {
    padding-top: 100px;
  }
}
.company-single-contest::before {
  width: 0 !important;
  height: 0 !important;
}
.company-single-contest .container-progress {
  background: transparent;
  border: none;
}
.company-single-contest .header-company-single-contest {
  border-bottom: 1px solid #f2f5f7;
  background: #fff;
}
.company-single-contest .switch-tabs {
  padding: 20px 0 0 0;
  margin-top: 30px;
}
.company-single-contest .switch-tabs > div {
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 767px) {
  .company-single-contest .switch-tabs > div {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    padding-top: 15px;
    z-index: 50;
    border-top: 1px solid #f2f5f7;
    box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.05);
  }
}
.company-single-contest .switch-tabs > div > div {
  cursor: pointer;
  padding: 0 64px 12px 64px;
  color: #98a8b3;
  white-space: nowrap;
}
@media (max-width: 575px) {
  .company-single-contest .switch-tabs > div > div {
    padding: 0 24px 12px 24px;
  }
}
.company-single-contest .switch-tabs > div > div svg {
  margin-left: 8px;
}
.company-single-contest .switch-tabs > div > div svg path {
  stroke: #98a8b3;
}
.company-single-contest .switch-tabs > div > div.active {
  color: #101828;
  border-bottom: 3px solid #101828;
}
.company-single-contest .switch-tabs > div > div.active svg path {
  stroke: #101828;
}
.company-single-contest .item-suggest-voting.container-winner {
  background-image: linear-gradient(270deg, #fff 0%, #fffcf5 87.12%) !important;
}
.company-single-contest .item-suggest-voting.container-winner > div:nth-child(1) label {
  display: inline;
}
.company-single-contest .item-suggest-voting.winner {
  background-image: linear-gradient(270deg, #fff 0%, #fffcf5 87.12%) !important;
}
.company-single-contest .item-suggest-voting.winner .header-item-suggest-voting {
  position: relative;
}
.company-single-contest .item-suggest-voting.winner .header-item-suggest-voting label {
  position: relative;
  background: #fffaeb;
  border-radius: 400px;
  padding: 3px 8px;
  gap: 2px;
  white-space: nowrap;
  border: 1px solid #fec84b;
}
.company-single-contest .item-suggest-voting.winner .header-item-suggest-voting label::after {
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
  padding-right: 22px;
  content: "برنده مسابقه";
  color: #f79009;
  background-image: url("../../svg/single-contest/trophy-01.svg");
}
.company-single-contest .item-suggest-voting.winner .footer-item-suggest-voting > div {
  color: #f79009 !important;
}
.company-single-contest .item-suggest-voting.winner .footer-item-suggest-voting > div p {
  color: #f79009 !important;
}
.company-single-contest .item-suggest-voting .header-item-suggest-voting {
  position: relative;
}
.company-single-contest .item-suggest-voting .header-item-suggest-voting label {
  position: relative;
}
.company-single-contest .item-suggest-voting .header-item-suggest-voting label.winner {
  background: #fffaeb;
  border-radius: 400px;
  padding: 3px 8px;
  gap: 2px;
  white-space: nowrap;
  border: 1px solid #fec84b;
  display: none;
}
.company-single-contest .item-suggest-voting .header-item-suggest-voting label.winner::after {
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
  padding-right: 22px;
  content: "برنده مسابقه";
  color: #f79009;
  background-image: url("../../svg/single-contest/trophy-01.svg");
}
.company-single-contest .item-suggest-voting .header-item-suggest-voting div {
  filter: none !important;
}
.company-single-contest .item-suggest-voting .header-item-suggest-voting .avatar-photo {
  width: 28px;
  height: 28px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.company-single-contest .item-suggest-voting .footer-item-suggest-voting .star-rating {
  display: flex;
  flex-direction: row-reverse;
  font-size: 1.5em;
  justify-content: space-around;
  padding: 0 0.2em;
  text-align: center;
  position: relative;
}
.company-single-contest .item-suggest-voting .footer-item-suggest-voting .star-rating .matn-star {
  color: #f79009;
}
.company-single-contest .item-suggest-voting .footer-item-suggest-voting .star-rating input {
  display: none;
}
.company-single-contest .item-suggest-voting .footer-item-suggest-voting .star-rating input:checked ~ label {
  border-color: #fff !important;
  background: #fff !important;
}
.company-single-contest .item-suggest-voting .footer-item-suggest-voting .star-rating input:checked ~ label path {
  fill: #f79009 !important;
  stroke: #f79009 !important;
}
.company-single-contest .item-suggest-voting .footer-item-suggest-voting .star-rating label {
  border-color: #fff;
  background: #fff;
  color: #ccc;
  cursor: pointer;
  padding: 0;
}
@media (max-width: 767px) {
  .company-single-contest .item-suggest-voting .footer-item-suggest-voting .star-rating > div:last-child label {
    transform: translateY(-7px);
  }
}
@media (max-width: 767px) {
  .company-single-contest .item-suggest-voting .footer-item-suggest-voting .star-rating > div:last-child {
    position: absolute;
    bottom: 50px;
    right: -10px;
    padding: 8px 12px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  }
  .company-single-contest .item-suggest-voting .footer-item-suggest-voting .star-rating > div:last-child::before {
    position: absolute;
    bottom: -5px;
    right: 19px;
    width: 10px;
    height: 10px;
    content: "";
    transform: rotate(45deg);
    background: #fff;
  }
}
.company-single-contest .item-suggest-voting .footer-item-suggest-voting .star-rating label:hover path,
.company-single-contest .item-suggest-voting .footer-item-suggest-voting .star-rating label:hover ~ label path {
  fill: #f79009 !important;
}
.company-single-contest .while-show {
  font-family: PeydaWebFaNum, serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 24px;
  color: #667985;
}
.company-single-contest .while-show span {
  font-family: PeydaWebFaNum, serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #667985;
}
.company-single-contest .container-pagination {
  border: 1px solid #eaeef0;
  border-radius: 8px;
}
.company-single-contest .container-pagination > div {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-weight: bold;
  cursor: pointer;
}
.company-single-contest .container-pagination > div.active {
  background: #f2f5f7;
}
.company-single-contest .container-pagination > div:not(:last-child) {
  border-left: 1px solid #eaeef0;
}
.company-single-contest video,
.company-single-contest .num-item {
  z-index: 0 !important;
}
.company-single-contest .container-content {
  background: #fff;
}
@media (min-width: 991px) {
  .company-single-contest .container-content {
    background: transparent;
  }
}
.company-single-contest.mr-sidebar {
  position: relative;
  padding-top: 60px;
}
@media (max-width: 991px) {
  .company-single-contest.mr-sidebar {
    right: 0;
  }
}
.company-single-contest.mr2-sidebar {
  position: relative;
  right: 16%;
  padding-top: 60px;
  width: 84%;
}
@media (max-width: 991px) {
  .company-single-contest.mr2-sidebar {
    right: 0;
    width: 100%;
  }
}
.company-single-contest #company_filter .modal-content {
  border-radius: 12px;
  width: 100%;
}
.company-single-contest #company_filter .modal-content .card-modal {
  width: 100%;
  border-radius: 12px;
  padding: 24px 0;
  background: #fff;
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}
.company-single-contest #company_filter .modal-content .card-modal label {
  color: #1d2e39;
  font-size: 14px;
  font-weight: 500;
}
.company-single-contest .container-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(29, 46, 57, 0.24);
  z-index: 10000;
}
.company-single-contest .container-modal .bg-dark {
  width: 100%;
  height: 100%;
  visibility: visible;
}
.company-single-contest .container-modal .main-modal-filter {
  height: 70vh;
  overflow-y: scroll;
  overflow-x: hidden;
}
.company-single-contest .container-modal .main-modal-filter > div label {
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .company-single-contest .page-title {
    margin-bottom: 0 !important;
    padding-right: 20px !important;
  }
  .company-single-contest .page-title label {
    font-size: 18px !important;
    margin-bottom: 0 !important;
  }
  .company-single-contest .page-title::after {
    width: 16px !important;
    height: 25px !important;
    right: -2px !important;
    top: 6px !important;
  }
}

.custom-select2 .select2-results__options {
  overflow-x: hidden !important;
}
.custom-select2 .select2-results__options li:not(:last-child) {
  position: relative;
  white-space: nowrap;
}
.custom-select2 .select2-results__options li:not(:last-child)::after {
  position: absolute;
  top: 20% !important;
  content: "";
  width: 100% !important;
  background-repeat: no-repeat;
  height: 24px !important;
  transform: rotate(180deg) !important;
  right: 20px !important;
}
.custom-select2 .select2-results__options li:not(:last-child):nth-child(2) {
  color: #f79009 !important;
  padding-right: 145px !important;
}
.custom-select2 .select2-results__options li:not(:last-child):nth-child(2)::after {
  background-image: url("../../svg/single-contest/star-05.svg"), url("../../svg/single-contest/star-05.svg"), url("../../svg/single-contest/star-05.svg"), url("../../svg/single-contest/star-05.svg"), url("../../svg/single-contest/star-05.svg");
  background-position: 0 0, 25px 0, 50px 0, 75px 0, 100px 0;
  background-size: contain, contain, contain, contain, contain;
}
.custom-select2 .select2-results__options li:not(:last-child):nth-child(3) {
  color: #f79009 !important;
  padding-right: 120px !important;
}
.custom-select2 .select2-results__options li:not(:last-child):nth-child(3)::after {
  background-image: url("../../svg/single-contest/star-04.svg"), url("../../svg/single-contest/star-04.svg"), url("../../svg/single-contest/star-04.svg"), url("../../svg/single-contest/star-04.svg");
  background-position: 0 0, 25px 0, 50px 0, 75px 0;
  background-size: contain, contain, contain, contain;
}
.custom-select2 .select2-results__options li:not(:last-child):nth-child(4) {
  color: #f79009 !important;
  padding-right: 95px !important;
}
.custom-select2 .select2-results__options li:not(:last-child):nth-child(4)::after {
  background-image: url("../../svg/single-contest/star-03.svg"), url("../../svg/single-contest/star-03.svg"), url("../../svg/single-contest/star-03.svg");
  background-position: 0 0, 25px 0, 50px 0;
  background-size: contain, contain, contain;
}
.custom-select2 .select2-results__options li:not(:last-child):nth-child(5) {
  color: #f79009 !important;
  padding-right: 70px !important;
}
.custom-select2 .select2-results__options li:not(:last-child):nth-child(5)::after {
  background-image: url("../../svg/single-contest/star-02.svg"), url("../../svg/single-contest/star-02.svg");
  background-position: 0 0, 25px 0;
  background-size: contain, contain;
}
.custom-select2 .select2-results__options li:not(:last-child):nth-child(6) {
  color: #f79009 !important;
  padding-right: 45px !important;
}
.custom-select2 .select2-results__options li:not(:last-child):nth-child(6)::after {
  background-image: url("../../svg/single-contest/star-01.svg");
  background-position: 0 0;
  background-size: contain;
}
@media (max-width: 767px) {
  .custom-select2 .content-company-single-contest {
    background: #fff !important;
  }
}

#winners-modal .company-winners-modal {
  border-radius: 12px;
}
#winners-modal .company-winners-modal .content {
  padding: 24px;
}

.company-single-offer {
  position: relative;
  margin-bottom: 100px;
}
.company-single-offer .title-page {
  margin-bottom: 32px;
  display: flex;
  align-items: center;
}
.company-single-offer .title-page .logo-company {
  width: 24px;
  height: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.company-single-offer .title-page p {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
}
.company-single-offer .description-offer h6 {
  font-size: 18px !important;
  font-weight: 700;
  line-height: 32px;
  color: #1d2e39;
}
.company-single-offer .description-offer p {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #475a67;
  margin-top: 24px;
}
.company-single-offer:not(.offer-container) {
  padding-top: 65px;
}
@media (max-width: 1319px) {
  .company-single-offer:not(.offer-container) {
    margin-right: 276px;
  }
}
@media (max-width: 991px) {
  .company-single-offer:not(.offer-container) {
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  .company-single-offer:not(.offer-container) {
    padding-top: 100px;
  }
}
.company-single-offer .header-item-suggest-voting div {
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
}
.company-single-offer .header-item-suggest-voting div.blur {
  filter: blur(4px) !important;
}
.company-single-offer .header-item-suggest-voting div .avatar-photo {
  width: 28px;
  height: 28px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.company-single-offer::before {
  width: 0 !important;
  height: 0 !important;
}
.company-single-offer .winner {
  display: none;
}
.company-single-offer .title-company {
  background: #fff;
  width: 100%;
}
@media (min-width: 767px) {
  .company-single-offer .title-company {
    background: transparent;
  }
}
.company-single-offer .statistics-vote-mobile {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  padding: 16px;
  z-index: 10;
}
.company-single-offer .statistics-vote-mobile.statistics-vote-winner-mobile label {
  color: #475a67 !important;
}
.company-single-offer .statistics-vote-mobile.statistics-vote-winner-mobile:not(label) {
  color: #fdb022;
}
.company-single-offer .card {
  padding: 40px;
  border-radius: 16px;
  border: 1px solid #eaeef0;
  background: #fff;
}
@media (max-width: 767px) {
  .company-single-offer .card {
    border-radius: 0;
    padding: 6px;
  }
}
.company-single-offer .card h5 {
  color: #101828;
  font-size: 24px !important;
  font-weight: 700;
  line-height: 44px;
}
@media (max-width: 767px) {
  .company-single-offer .card h5 {
    font-size: 18px !important;
    font-weight: 700;
    line-height: 32px;
  }
}
.company-single-offer .card .icons {
  cursor: pointer;
}
.company-single-offer .card .icons .download-button {
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  color: #98a8b3;
}
.company-single-offer .card .icons .download-button span {
  margin-left: 4px;
}
.company-single-offer .card .icons .download-button span svg {
  width: 20px;
  height: 20px;
}
.company-single-offer .card .icons span path {
  transition: all 0.2s ease-in;
}
.company-single-offer .card .icons span:hover path {
  transition: all 0.2s ease-in;
  color: #404041 !important;
}
.company-single-offer .card .icons path {
  color: #98a8b3 !important;
}
.company-single-offer .card .icons > span {
  position: relative;
}
.company-single-offer .card .icons > span .icons-mobile {
  position: absolute;
  left: -16px;
  top: 45px;
  min-width: 209px;
  padding: 8px 12px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  color: #98a8b3;
}
.company-single-offer .card.container-winner {
  background-image: linear-gradient(90deg, #fffaeb 12.84%, rgba(255, 255, 255, 0) 87.16%);
}
.company-single-offer .card.container-winner > div:nth-child(1) > div:nth-child(1) .winner {
  display: block;
}
.company-single-offer .card.container-winner .statistics-vote {
  background: #fff;
  color: #fdb022;
  font-family: dana, serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 36px;
}
@media (max-width: 575px) {
  .company-single-offer .card.container-winner .statistics-vote {
    flex-direction: column;
  }
}
@media (min-width: 767px) {
  .company-single-offer .card.container-winner .statistics-vote {
    justify-content: flex-start !important;
  }
}
.company-single-offer .card.container-winner .statistics-vote p {
  color: #fdb022;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
}
.company-single-offer .card.container-winner .statistics-vote > div:nth-child(3) {
  display: inline !important;
  color: #667985 !important;
}
@media (max-width: 575px) {
  .company-single-offer .card.container-winner .statistics-vote > div:nth-child(3) {
    margin-top: 1rem;
    text-align: center !important;
  }
}
.company-single-offer .card.container-winner .header-item-suggest-voting div {
  filter: blur(0) !important;
}
.company-single-offer .card .statistics-vote {
  padding: 16px;
  border-radius: 8px;
  background: #f9fafb;
}
.company-single-offer .checkbox-like > label {
  padding: 0 !important;
  cursor: pointer;
}
.company-single-offer .checkbox-like > label input:checked ~ label, .company-single-offer .checkbox-like > label input:hover ~ label {
  border-color: #75e0a7;
  background: #17b26a;
}
.company-single-offer .checkbox-like > label input:checked ~ label path, .company-single-offer .checkbox-like > label input:hover ~ label path {
  stroke: #fff;
}
.company-single-offer .checkbox-like > label input:checked ~ p {
  display: none;
}
.company-single-offer .checkbox-like > label label {
  cursor: pointer;
  padding: 8px;
  gap: 10px;
  border-radius: 4px;
  background: #fff;
}
.company-single-offer .links {
  padding: 24px 0;
  border-top: 1px solid #eaeef0;
  border-bottom: 1px solid #eaeef0;
}
.company-single-offer .links a {
  color: #d54692;
}
.company-single-offer label {
  position: relative;
}
.company-single-offer label.winner {
  background: #fffaeb;
  border-radius: 400px;
  padding: 3px 8px;
  gap: 2px;
  white-space: nowrap;
  border: 1px solid #fec84b;
}
.company-single-offer label.winner::after {
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
  padding-right: 22px;
  content: "برنده مسابقه";
  color: #f79009;
  background-image: url("../../svg/single-contest/trophy-01.svg");
}
.company-single-offer label.winner-voting::after {
  content: "نفر اول: آراء مردمی" !important;
}
.company-single-offer .main-item-suggest-voting {
  border-top: 1px solid #eaeef0;
  padding: 24px 0;
  height: 400px;
  position: relative;
}
.company-single-offer .main-item-suggest-voting .icon {
  position: absolute;
  top: 42%;
  border-radius: 100px;
  cursor: pointer;
  padding: 7px 12px 7px 12px;
  background: rgba(255, 255, 255, 0.64);
  box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.1);
  z-index: 3;
}
.company-single-offer .main-item-suggest-voting .icon:nth-child(1) {
  right: -10px;
}
.company-single-offer .main-item-suggest-voting .icon:nth-child(2) {
  left: -10px;
}
@media (max-width: 575px) {
  .company-single-offer .main-item-suggest-voting .icon {
    top: 35%;
  }
}
.company-single-offer .main-item-suggest-voting .container-slider {
  overflow: hidden;
}
.company-single-offer .main-item-suggest-voting .container-slider #container-slider {
  transition: all 0.3s ease-in-out;
}
.company-single-offer .main-item-suggest-voting .container-slider #container-slider .slide-suggest-voting {
  display: flex;
  height: 330px;
  min-width: 100% !important;
}
@media (max-width: 575px) {
  .company-single-offer .main-item-suggest-voting .container-slider #container-slider .slide-suggest-voting {
    height: 250px;
  }
}
.company-single-offer .main-item-suggest-voting .container-slider #container-slider .slide-suggest-voting div {
  width: 24px;
  height: 100%;
  background: transparent;
}
.company-single-offer .main-item-suggest-voting .dots span {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #f2f5f7;
  margin: 0 2px;
}
.company-single-offer .main-item-suggest-voting .dots span.active {
  background: #101828;
}
.company-single-offer .main-item-suggest-voting .num-item {
  position: absolute;
  right: 8px;
  top: 32px;
  border-radius: 16px;
  border: 1px solid rgba(29, 46, 57, 0.64);
  background: rgba(29, 46, 57, 0.64);
  padding: 0px 8px;
  z-index: 1;
  color: #fff;
}
@media (max-width: 767px) {
  .company-single-offer .main-item-suggest-voting.design-mobile .icon {
    display: none;
  }
  .company-single-offer .main-item-suggest-voting.design-mobile .container-slider {
    overflow: scroll;
  }
  .company-single-offer .main-item-suggest-voting.design-mobile .slide-suggest-voting {
    border-radius: 0;
  }
  .company-single-offer .main-item-suggest-voting.design-mobile .slide-suggest-voting img {
    margin-left: 0 !important;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.company-single-offer .footer-item-suggest-voting input {
  display: none !important;
}
.company-single-offer .footer-item-suggest-voting input:checked ~ label path {
  fill: #fec84b;
}
.company-single-offer .footer-item-suggest-voting label {
  cursor: pointer;
  padding: 0;
  gap: 10px;
  border: none;
  background: #fff;
}
.company-single-offer .footer-item-suggest-voting a svg {
  transform: rotate(180deg);
  width: 13px;
  margin-right: 4px;
}
.company-single-offer .footer-item-suggest-voting .star-rating label:hover path,
.company-single-offer .footer-item-suggest-voting .star-rating label:hover ~ label path {
  fill: #f79009 !important;
}
@media (max-width: 991px) {
  .company-single-offer .footer-item-suggest-voting {
    position: absolute;
    top: -20px;
    right: 7px;
    border-radius: 8px;
    background: #fff;
    padding: 8px 12px;
    box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  }
  .company-single-offer .footer-item-suggest-voting::before {
    position: absolute;
    bottom: -5px;
    right: 14px;
    content: "";
    width: 10px;
    height: 10px;
    background: #fff;
    transform: rotate(45deg);
  }
}
.company-single-offer .statistics-vote-winner-mobile > div:nth-child(1) {
  color: #f79009;
}
.company-single-offer .statistics-vote-winner-mobile > div:nth-child(1) p {
  color: #f79009;
}
.company-single-offer .container-stars-offer {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background: #fff;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.05);
  z-index: 10;
}
.company-single-offer .container-stars-offer > div {
  max-width: 872px;
  padding: 8px 0;
}
@media (max-width: 1319px) {
  .company-single-offer .container-stars-offer > div {
    margin-right: calc((100vw - 500px) / 2) !important;
    margin-left: 10vw !important;
  }
}
@media (max-width: 767px) {
  .company-single-offer .container-stars-offer > div {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
.company-single-offer .container-stars-offer .toggle-checkbox {
  min-width: 150px;
}
.company-single-offer .container-stars-offer .toggle-checkbox > label {
  cursor: pointer;
}
.company-single-offer .container-stars-offer .toggle-checkbox > label .switch {
  display: inline-block;
  height: 34px;
  position: relative;
  width: 60px;
}
.company-single-offer .container-stars-offer .toggle-checkbox > label .switch input {
  display: none;
}
.company-single-offer .container-stars-offer .toggle-checkbox > label .slider-custom {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s;
}
.company-single-offer .container-stars-offer .toggle-checkbox > label .slider-custom:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 26px;
  left: 4px;
  position: absolute;
  transition: 0.4s;
  width: 26px;
}
.company-single-offer .container-stars-offer .toggle-checkbox > label input:checked + .slider-custom {
  background-color: #101828;
}
.company-single-offer .container-stars-offer .toggle-checkbox > label input:checked + .slider-custom:before {
  transform: translateX(26px);
}
.company-single-offer .container-stars-offer .toggle-checkbox > label .slider-custom.round {
  border-radius: 34px;
}
.company-single-offer .container-stars-offer .toggle-checkbox > label .slider-custom.round:before {
  border-radius: 50%;
}
.company-single-offer .container-stars-offer .toggle-checkbox > label.checked {
  border: 1px solid #101828;
  color: #f79009;
}
.company-single-offer .container-stars-offer .toggle-checkbox > label.checked path {
  stroke: #f79009;
}
@media (max-width: 767px) {
  .company-single-offer p,
  .company-single-offer h6 {
    margin: 0 16px;
  }
}
@media (max-width: 767px) {
  .company-single-offer video,
  .company-single-offer .slide-suggest-voting {
    border-radius: 0 !important;
  }
}
.company-single-offer .statistics-vote > div {
  max-width: 872px;
}
.company-single-offer .container-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(29, 46, 57, 0.24);
  z-index: 10000;
}
.company-single-offer .container-modal .bg-dark {
  width: 100%;
  height: 100%;
  visibility: visible;
}
.company-single-offer .container-modal .card-modal {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 424px;
  width: 100%;
  border-radius: 12px;
  padding: 24px 0;
  background: #fff;
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}
.company-single-offer .container-modal .card-modal label {
  color: #1d2e39;
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 575px) {
  .company-single-offer .container-modal .card-modal {
    top: auto;
    bottom: 0;
    transform: translate(-50%, 0);
    max-width: 100%;
  }
}
.company-single-offer #report_violation h5 {
  font-size: 18px !important;
  font-weight: 700;
  line-height: 32px;
  color: #101828;
}
.company-single-offer #report_violation .fv-plugins-icon-container label span {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  color: #1d2e39;
}
.company-single-offer #report_violation .fv-plugins-icon-container .more-description span {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  color: #1d2e39;
}
.company-single-offer .organizer img {
  width: 32px;
  height: 32px;
}
.company-single-offer .organizer h6 {
  font-size: 16px !important;
  font-weight: 600;
  line-height: 30px;
  color: #1d2e39;
}
.company-single-offer .organizer p {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #475a67;
}
.company-single-offer .report-match p {
  font-family: dana, serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 36px;
  color: #101828;
}
.company-single-offer .report-match button {
  border: 1px solid #d0d8dd;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  border-radius: 8px;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  color: #344754;
}
.company-single-offer .report-match button span svg {
  width: 28px;
  height: 28px;
  margin-right: 8px;
}
.company-single-offer #modal-report {
  width: 424px;
}
.company-single-offer #modal-report p {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #475a67;
}
.company-single-offer #modal-report label {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  color: #1d2e39;
  margin-bottom: 6px;
}
.company-single-offer #modal-report select::-moz-placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #98a8b3;
}
.company-single-offer #modal-report select::placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #98a8b3;
}
.company-single-offer #modal-report textarea::-moz-placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #98a8b3;
}
.company-single-offer #modal-report textarea::placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #98a8b3;
}
.company-single-offer #modal-report .footer-card-modal #btn-cancle-modal {
  box-shadow: unset !important;
  border: unset;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  color: #667985;
}
.company-single-offer #modal-report .footer-card-modal button:last-child {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  color: #ffffff;
  padding: 8px 16px;
}

.avatar-photo-container {
  width: 28px;
  height: 28px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.avatar-photo-container.company_profile_info {
  border-radius: 8px;
}

.single-offer-container {
  overflow-x: hidden;
  position: relative;
}
.single-offer-container .positive-voting span {
  font-family: dana, serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 44px;
}
.single-offer-container .positive-voting p {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
}
.single-offer-container .effect-vote {
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  color: #667985;
}
.single-offer-container.winner-offer .positive-voting span {
  color: #fdb022;
}
.single-offer-container.winner-offer .positive-voting p {
  color: #fdb022;
}
.single-offer-container.winner-offer .user-offer-card-box {
  background: linear-gradient(90deg, #fffaeb 12.84%, rgba(255, 255, 255, 0) 87.16%) !important;
}
@media (max-width: 1199px) {
  .single-offer-container.winner-offer .user-offer-card-box .offer-card-box-content {
    padding-bottom: 16px;
  }
}
.single-offer-container.winner-offer .user-offer-card-box .statistics-vote {
  background-color: #fff !important;
}
.single-offer-container.winner-offer .single-offer-header .user-offer-card-box .offer-card-box-content .offer-card-comment .offer-card-box-content-voting {
  background: #ffffff;
  text-align: center;
}
@media (max-width: 1199px) {
  .single-offer-container.winner-offer .single-offer-header .user-offer-card-box .offer-card-box-content .offer-card-comment .offer-card-box-content-voting {
    text-align: center;
  }
}
.single-offer-container.winner-offer .single-offer-header .user-offer-card-box .offer-card-box-content .offer-card-comment .offer-card-box-content-voting span:first-child {
  color: #fdb022;
}
.single-offer-container.winner-offer .single-offer-header .user-offer-card-box .offer-card-box-content .offer-card-comment .offer-card-box-content-voting span:last-child {
  color: #fdb022;
}
.single-offer-container:not(.winner-offer) .single-offer-header .user-offer-card-box .offer-author div.winner-container {
  display: none !important;
}
.single-offer-container .clipboard_copy {
  position: relative;
}
.single-offer-container .clipboard_copy .custom-tooltip-inner {
  font-size: 12px;
  position: absolute;
  max-width: 200px;
  padding: 0.2rem 0.5rem;
  color: #079455;
  border: 1px solid #079455;
  text-align: center;
  background-color: #f6fef9;
  border-radius: 0.25rem;
  left: -50%;
  top: 120%;
  white-space: nowrap;
  z-index: 10;
}
.single-offer-container .clipboard_copy .custom-tooltip-inner.tooltip-mob {
  left: 0;
  top: 100%;
}
.single-offer-container .statistics-vote-mobile {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  padding: 16px;
  z-index: 10;
}
.single-offer-container .statistics-vote-mobile.statistics-vote-winner-mobile label {
  color: #475a67 !important;
}
.single-offer-container .statistics-vote-mobile.statistics-vote-winner-mobile:not(label) {
  color: #fdb022;
}
.single-offer-container .checkbox-like > p {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  color: #344754;
}
.single-offer-container .checkbox-like > label {
  padding: 0 !important;
  cursor: pointer;
}
.single-offer-container .checkbox-like > label input:checked ~ label, .single-offer-container .checkbox-like > label input:hover ~ label {
  border-color: #75e0a7;
  background: #17b26a;
}
.single-offer-container .checkbox-like > label input:checked ~ label path, .single-offer-container .checkbox-like > label input:hover ~ label path {
  stroke: #fff;
}
.single-offer-container .checkbox-like > label input:checked ~ label span.like-icon, .single-offer-container .checkbox-like > label input:hover ~ label span.like-icon {
  color: white;
}
.single-offer-container .checkbox-like > label input:checked ~ p {
  display: none;
}
.single-offer-container .checkbox-like > label label {
  cursor: pointer;
  padding: 8px;
  gap: 10px;
  border-radius: 4px;
  background: #fff;
}
.single-offer-container .fixed-bottom {
  z-index: 5;
}
.single-offer-container .overlay {
  height: 100%;
  background: rgba(29, 46, 57, 0.2392156863);
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
}
@media (min-width: 1199px) {
  .single-offer-container .single-offer-header {
    margin-top: 8px;
  }
}
.single-offer-container .single-offer-header .alert-fixed-container {
  position: absolute;
}
.single-offer-container .single-offer-header .user-avatar-single-offer.blur {
  filter: blur(6px) !important;
  filter: blur(6px);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.single-offer-container .single-offer-header .user-avatar-single-offer img {
  width: 28px;
  height: 28px;
  margin-left: 8px;
  border-radius: 50%;
}
.single-offer-container .single-offer-header .user-avatar-single-offer span {
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  color: #1d2e39;
  align-self: center;
}
.single-offer-container .single-offer-header .single-offer-title {
  display: flex;
  padding: 16px 0;
}
.single-offer-container .single-offer-header .single-offer-title .owner-offer {
  border-right: none;
}
.single-offer-container .single-offer-header .single-offer-title .owner-offer img {
  width: 24px;
  height: 24px;
  margin-left: 8px;
  margin-right: 4px;
  border-radius: 4px;
}
@media (max-width: 1199px) {
  .single-offer-container .single-offer-header .single-offer-title {
    padding: 16px 16px 8px 0;
  }
}
.single-offer-container .single-offer-header .single-offer-title a {
  display: flex;
  align-items: center;
  margin-left: 24px;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  color: #98a8b3;
  text-decoration: none;
}
.single-offer-container .single-offer-header .single-offer-title a svg {
  width: 20px;
  height: 20px;
  margin-left: 4px;
}
.single-offer-container .single-offer-header .single-offer-title a.contest-link {
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
}
.single-offer-container .single-offer-header .single-offer-title div {
  padding-right: 8px;
  border-right: 1px solid #eaeef0;
}
.single-offer-container .single-offer-header .single-offer-title div span:first-child {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  color: #98a8b3;
  margin-left: 4px;
}
.single-offer-container .single-offer-header .single-offer-title div span:last-child {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  color: #98a8b3;
}
.single-offer-container .single-offer-header .single-offer-title .created-at-single-offer span {
  color: #475a67;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  padding-right: 8px;
  border-right: 1px solid #eaeef0;
  align-self: center;
}
.single-offer-container .single-offer-header .user-offer-card-box {
  border: 1px solid #eaeef0;
  border-radius: 16px;
  padding: 64px 112px 32px 112px;
  margin-top: 14px;
  position: relative;
  background: #ffffff;
}
@media (max-width: 1199px) {
  .single-offer-container .single-offer-header .user-offer-card-box {
    padding: 32px 0 0 0;
    border-right: unset;
    border-left: unset;
    border-bottom: 0;
    border-radius: unset;
    margin-top: 0;
  }
  .single-offer-container .single-offer-header .user-offer-card-box.vote-status {
    padding: 32px 0 24px 0;
  }
}
.single-offer-container .single-offer-header .user-offer-card-box .winner {
  border: 1px solid #fec84b;
  background: #fffaeb;
  border-radius: 16px;
  display: inline-flex;
  padding: 1px 8px 1px 10px;
  margin-left: 16px;
}
@media (max-width: 991px) {
  .single-offer-container .single-offer-header .user-offer-card-box .winner {
    margin-bottom: 16px;
    margin-right: 16px;
  }
}
.single-offer-container .single-offer-header .user-offer-card-box .winner img {
  width: 20px;
  margin-left: 2px;
}
.single-offer-container .single-offer-header .user-offer-card-box .winner span {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  color: #fdb022;
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-author {
  display: flex;
  align-items: center;
}
@media (max-width: 1199px) {
  .single-offer-container .single-offer-header .user-offer-card-box .offer-author {
    padding-right: 16px;
  }
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-author div,
.single-offer-container .single-offer-header .user-offer-card-box .offer-author a {
  display: flex;
  margin-left: 16px;
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-author div:nth-child(2) img,
.single-offer-container .single-offer-header .user-offer-card-box .offer-author a:nth-child(2) img {
  width: 28px;
  height: 28px;
  margin-left: 8px;
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-author div:nth-child(2) span,
.single-offer-container .single-offer-header .user-offer-card-box .offer-author a:nth-child(2) span {
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  color: #1d2e39;
  align-self: center;
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-author div:nth-child(2) span:last-child,
.single-offer-container .single-offer-header .user-offer-card-box .offer-author a:nth-child(2) span:last-child {
  margin-right: 8px;
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-author div:nth-child(3) span,
.single-offer-container .single-offer-header .user-offer-card-box .offer-author a:nth-child(3) span {
  color: #475a67;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  padding-right: 8px;
  border-right: 1px solid #eaeef0;
  align-self: center;
}
.single-offer-container .single-offer-header .user-offer-card-box .user-offer-action {
  display: flex;
}
@media (max-width: 1199px) {
  .single-offer-container .single-offer-header .user-offer-card-box .user-offer-action {
    padding-left: 16px;
  }
}
.single-offer-container .single-offer-header .user-offer-card-box .user-offer-action button {
  padding: 0 !important;
  box-shadow: unset;
  margin-right: 32px;
}
.single-offer-container .single-offer-header .user-offer-card-box .dropdown-menu {
  background: #fff;
  box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.0784313725);
  position: absolute;
  border-radius: 8px;
  z-index: 9;
  padding: 8px 12px 8px 12px;
  top: 75px;
  left: 16px;
  width: 209px;
  border: 0;
}
.single-offer-container .single-offer-header .user-offer-card-box .dropdown-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.single-offer-container .single-offer-header .user-offer-card-box .dropdown-menu ul li:first-child {
  border-bottom: 1px solid #eaeef0;
}
.single-offer-container .single-offer-header .user-offer-card-box .dropdown-menu ul li button {
  display: flex;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  color: #98a8b3;
  padding: 16px 0 !important;
  box-shadow: unset;
}
.single-offer-container .single-offer-header .user-offer-card-box .dropdown-menu ul li button img {
  width: 20px;
  height: 20px;
  margin-left: 8px;
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content h1 {
  font-family: DanaFaNum, serif !important;
  font-size: 24px !important;
  font-weight: 700;
  line-height: 44px;
  color: #101828;
  margin-top: 16px;
  padding-bottom: 0;
  margin-bottom: 32px;
}
@media (max-width: 1199px) {
  .single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content h1 {
    padding-top: 0;
    margin-right: 16px;
  }
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .offer-card-comment {
  border-top: 1px solid #eaeef0;
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .offer-card-comment button {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #98a8b3;
  box-shadow: unset;
  padding: 16px 0;
}
@media (max-width: 1199px) {
  .single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .offer-card-comment button {
    padding: 16px 16px 10px 0 !important;
  }
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .offer-card-comment button svg,
.single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .offer-card-comment button img {
  margin-left: 4px;
  width: 20px;
  height: 20px;
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .offer-card-comment #comments .comment-item {
  margin-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #eaeef0;
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .offer-card-comment #comments .comment-item span.comment-date {
  color: #98abbc;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  display: block;
  margin-bottom: 8px;
}
@media (max-width: 1199px) {
  .single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .offer-card-comment #comments .comment-item span.comment-date {
    margin-right: 16px;
  }
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .offer-card-comment #comments .comment-item p {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  color: #475a67;
  margin-bottom: 0;
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .offer-card-comment #comments .comment-item a {
  box-shadow: unset;
  margin-left: 16px;
  padding: 0;
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .offer-card-comment #comments .comment-item a svg {
  color: #98a8b3;
  width: 18px;
  height: 18px;
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .offer-card-comment .create-comment-box {
  padding: 16px 16px 32px 16px;
}
@media (min-width: 1199px) {
  .single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .offer-card-comment .create-comment-box {
    display: flex;
  }
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .offer-card-comment .create-comment-box .remove-comment {
  width: 18px;
  height: 18px;
  margin-top: 14px;
  margin-left: 16px;
  padding: 0 !important;
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .offer-card-comment .create-comment-box .save-comment {
  border: 1px solid #101828;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  padding: 6px 16px 6px 16px !important;
  width: 66px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  color: #ffffff;
  background: #101828;
  margin-right: 16px;
  display: flex;
  justify-content: center;
}
@media (max-width: 1199px) {
  .single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .offer-card-comment .create-comment-box .save-comment {
    width: 208px;
    margin-top: 24px;
  }
}
@media (max-width: 359px) {
  .single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .offer-card-comment .create-comment-box .save-comment {
    width: 150px;
  }
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .offer-card-comment .create-comment-box .close-comment {
  width: 18px;
  height: 18px;
  margin-top: 14px;
  margin-left: 16px;
  padding: 0 !important;
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .offer-card-comment .create-comment-box .close-comment svg {
  margin: unset;
}
@media (max-width: 1199px) {
  .single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .offer-card-comment .create-comment-box .close-comment {
    width: 104px;
    height: unset;
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
    margin: unset;
    display: flex;
    justify-content: center;
    margin-top: 24px;
  }
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .offer-card-comment .create-comment-box textarea {
  border: 1px solid #475a67;
  box-shadow: 0 0 0 4px #f2f5f7;
  padding: 10px 12px 10px 12px;
  border-radius: 8px;
  width: 532px;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  color: #475a67;
}
@media (max-width: 1199px) {
  .single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .offer-card-comment .create-comment-box textarea {
    width: 100%;
  }
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .offer-card-comment .offer-card-box-content-voting {
  background: #f9fafb;
  border-radius: 8px;
  padding: 16px;
  text-align: center;
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .offer-card-comment .offer-card-box-content-voting span:first-child {
  font-family: DanaFaNum, Serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 36px;
  color: #667985;
  margin-left: 4px;
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .offer-card-comment .offer-card-box-content-voting span:last-child {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  color: #667985;
}
@media (max-width: 1199px) {
  .single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .offer-card-comment .offer-card-box-content-voting {
    margin: 0 16px;
  }
  .single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .offer-card-comment .offer-card-box-content-voting span:first-child {
    font-size: 16px;
  }
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .statistics-vote {
  background-color: #f9fafb;
  padding: 16px 24px;
  border-radius: 8px;
  font-family: dana, serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 36px;
}
@media (max-width: 1199px) {
  .single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .statistics-vote {
    padding: 8px 24px;
    margin-left: 16px;
    margin-right: 16px;
  }
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .statistics-vote p {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .statistics-vote > div:nth-child(3) {
  display: inline !important;
  color: #667985 !important;
}
@media (max-width: 575px) {
  .single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content .statistics-vote > div:nth-child(3) {
    margin-top: 1rem;
    text-align: center !important;
  }
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content.container-winner > div:nth-child(1) > div:nth-child(1) .winner {
  display: block;
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content.container-winner .statistics-vote {
  background: #fff;
  color: #fdb022;
  font-family: dana, serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 36px;
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content.container-winner .statistics-vote p {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content.container-winner .statistics-vote > div:nth-child(3) {
  display: inline !important;
  color: #667985 !important;
}
@media (max-width: 575px) {
  .single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content.container-winner .statistics-vote > div:nth-child(3) {
    margin-top: 1rem;
    text-align: center !important;
  }
}
.single-offer-container .single-offer-header .user-offer-card-box .offer-card-box-content.container-winner .header-item-suggest-voting div {
  filter: blur(0) !important;
}
.single-offer-container .single-offer-content {
  margin: 48px 0 117px 0;
}
@media (max-width: 1199px) {
  .single-offer-container .single-offer-content {
    background: #f9fafb;
    padding: 32px 0 48px 0;
    margin-bottom: 0;
    margin-top: 0;
    margin-bottom: unset;
  }
}
.single-offer-container .single-offer-content h2 {
  font-size: 18px !important;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 24px;
  color: #1d2e39;
}
@media (max-width: 1199px) {
  .single-offer-container .single-offer-content h2 {
    font-size: 16px;
    line-height: 30px;
    padding: 0 16px;
  }
}
.single-offer-container .single-offer-content p {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #475a67;
  text-align: justify;
}
@media (max-width: 1199px) {
  .single-offer-container .single-offer-content p {
    padding: 0 16px;
  }
}
.single-offer-container .single-offer-content .offer-demo-link {
  padding: 24px 0;
  border-top: 1px solid #eaeef0;
  display: flex;
  justify-content: space-between;
  margin-top: 48px;
  background-color: transparent;
}
@media (max-width: 1199px) {
  .single-offer-container .single-offer-content .offer-demo-link {
    display: block;
    padding: 24px 16px;
    margin-top: 32px;
  }
}
.single-offer-container .single-offer-content .offer-demo-link span {
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  color: #1d2e39;
}
@media (max-width: 1199px) {
  .single-offer-container .single-offer-content .offer-demo-link div {
    margin-top: 8px;
  }
}
.single-offer-container .single-offer-content .offer-demo-link div a {
  text-decoration: none;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .single-offer-container .single-offer-content .offer-demo-link div a {
    flex-direction: row-reverse;
  }
}
.single-offer-container .single-offer-content .offer-demo-link div a span {
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  color: #d54692;
  direction: ltr;
}
.single-offer-container .single-offer-content .offer-demo-link div a img,
.single-offer-container .single-offer-content .offer-demo-link div a svg {
  width: 28px;
  height: 28px;
  margin-right: 4px;
}
.single-offer-container .single-offer-content .video-explanation {
  margin-bottom: 56px;
  border-top: 1px solid #eaeef0;
  padding-top: 48px;
}
@media (max-width: 1199px) {
  .single-offer-container .single-offer-content .video-explanation {
    margin-bottom: 24px;
    padding-top: 32px;
  }
}
.single-offer-container .single-offer-content .video-explanation .tab-content-video {
  max-height: 365px;
  margin-left: -12px;
  margin-right: -8px;
}
@media (min-width: 768px) {
  .single-offer-container .single-offer-content .video-explanation .tab-content-video {
    border-radius: 8px;
    overflow: hidden;
    margin: 0;
  }
}
.single-offer-container .single-offer-content .video-explanation .tab-content-video .video-js {
  width: 100%;
  min-height: 202px;
  max-height: 202px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .single-offer-container .single-offer-content .video-explanation .tab-content-video .video-js {
    min-height: 365px;
  }
}
.single-offer-container .single-offer-content .video-explanation .tab-content-video .video-js:hover .vjs-big-play-button {
  background-color: rgba(43, 51, 63, 0.7);
}
.single-offer-container .single-offer-content .video-explanation .tab-content-video .video-js .vjs-big-play-button {
  width: 48px;
  height: 48px;
  border-radius: 999px;
  margin-left: -20px;
}
.single-offer-container .single-offer-content .video-explanation .tab-content-video .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
  width: 48px;
  height: 48px;
}
.single-offer-container .single-offer-content .pdf-file .pdf-file-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
@media (max-width: 1199px) {
  .single-offer-container .single-offer-content .pdf-file .pdf-file-container {
    margin-bottom: 16px;
  }
}
.single-offer-container .single-offer-content .pdf-file .pdf-file-container h2 {
  margin-bottom: 0;
}
.single-offer-container .single-offer-content .pdf-file .pdf-file-container a {
  display: flex;
  text-decoration: none;
  padding: 4px 0;
}
@media (max-width: 1199px) {
  .single-offer-container .single-offer-content .pdf-file .pdf-file-container a {
    padding: 0 16px;
    align-self: center;
  }
}
.single-offer-container .single-offer-content .pdf-file .pdf-file-container a span {
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  color: #98a8b3;
}
.single-offer-container .single-offer-content .pdf-file .pdf-file-container a img {
  width: 20px;
  height: 20px;
  margin-left: 4px;
}
.single-offer-container .single-offer-content .pdf-file img {
  max-width: 100%;
  border-radius: 8px;
}
.single-offer-container .single-offer-content .pdf-file .loader {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
}
@media (min-width: 1024px) {
  .single-offer-container .single-offer-content .pdf-file .loader {
    gap: 18px;
  }
}
.single-offer-container .single-offer-content .pdf-file .loader p {
  font-family: DanaFaNum;
  color: #667085;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .single-offer-container .single-offer-content .pdf-file .loader p {
    font-size: 14px;
    line-height: 28px;
  }
}
.single-offer-container .single-offer-content .pdf-file .loader span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-block;
  border-top: 1px solid #667085;
  border-right: 1px solid transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.single-offer-container .competition-winner {
  background: #fff;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  display: flex;
  padding: 16px 0;
  right: unset;
  width: 100%;
}
.single-offer-container .competition-winner.company-container {
  width: calc(100% - 276px);
}
@media (max-width: 767px) {
  .single-offer-container .competition-winner.company-container {
    width: 100%;
  }
}
.single-offer-container .competition-winner .competition-winner-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.single-offer-container .competition-winner .competition-winner-content .winner-competition-box {
  border: 1px solid #101828;
  padding: 8px 16px 8px 24px;
  border-radius: 8px;
  display: flex;
  align-items: center;
}
.single-offer-container .competition-winner .competition-winner-content .winner-competition-box label {
  display: flex;
  align-items: center;
}
.single-offer-container .competition-winner .competition-winner-content .winner-competition-box label:before {
  content: url("../../svg/icon/cup-icon.svg");
  display: block;
  width: 24px;
  height: 24px;
  margin-left: 4px;
}
@media (max-width: 1199px) {
  .single-offer-container .competition-winner .competition-winner-content .winner-competition-box label:before {
    width: 20px;
    height: 20px;
  }
}
.single-offer-container .competition-winner .competition-winner-content .winner-competition-box input {
  width: 44px;
  height: 24px;
  margin-left: 8px;
  background-color: #f2f5f7;
  border: unset;
  background-image: url("../../svg/General/switch-bg.svg");
}
.single-offer-container .competition-winner .competition-winner-content .winner-competition-box input:checked {
  background-color: #101828 !important;
}
.single-offer-container .competition-winner .competition-winner-content .winner-competition-box span {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  color: #fdb022;
  margin-right: 4px;
}
.single-offer-container .competition-winner .competition-winner-content .winner-competition-box img[alt=cup] {
  width: 24px;
  height: 24px;
}
.single-offer-container .competition-winner .competition-winner-content .winner-competition-star {
  display: flex;
  align-items: center;
}
.single-offer-container .competition-winner .competition-winner-content .winner-competition-star .rate {
  display: flex;
  flex-direction: row-reverse;
  margin-left: 2px;
  gap: 2px;
}
.single-offer-container .competition-winner .competition-winner-content .winner-competition-star .rate:not(:checked) input {
  display: none;
}
.single-offer-container .competition-winner .competition-winner-content .winner-competition-star .rate:not(:checked) label {
  width: 24px;
  height: 24px;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}
.single-offer-container .competition-winner .competition-winner-content .winner-competition-star .rate:not(:checked) label:before {
  content: url("../../svg/stars/one-star.svg");
}
.single-offer-container .competition-winner .competition-winner-content .winner-competition-star .rate input:checked ~ label:before {
  content: url("../../svg/stars/one-star-full.svg");
}
.single-offer-container .competition-winner .competition-winner-content .winner-competition-star .rate label:hover ~ input:checked ~ label:before {
  content: url("../../svg/stars/one-star-full.svg");
}
.single-offer-container .competition-winner .competition-winner-content .winner-competition-star .rate input[type=radio].readonly {
  pointer-events: none;
}
.single-offer-container .competition-winner .competition-winner-content .winner-competition-star .rate label.readonly {
  pointer-events: none;
}
.single-offer-container .competition-winner .competition-winner-content .winner-competition-star img {
  width: 120px;
  height: 24px;
  margin-left: 8px;
}
@media (max-width: 1199px) {
  .single-offer-container .competition-winner .competition-winner-content .winner-competition-star img {
    width: 22px;
    height: 22px;
    margin-left: 2px;
  }
}
.single-offer-container .competition-winner .competition-winner-content .winner-competition-star span {
  color: #f79009;
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
}
.single-offer-container #chooseWinner .modal-content,
.single-offer-container .bottom-sheet-filter .modal-content {
  background-color: #fff;
}
@media (max-width: 1199px) {
  .single-offer-container #chooseWinner .modal-content,
  .single-offer-container .bottom-sheet-filter .modal-content {
    background-image: url("../../svg/General/choose−winner-modal-bg.svg") !important;
    background-repeat: no-repeat !important;
    background-position: right top !important;
    padding: 0 !important;
  }
}
@media (max-width: 991px) {
  .single-offer-container #chooseWinner,
  .single-offer-container .bottom-sheet-filter {
    bottom: 0;
    left: 50%;
    right: unset;
    transform: translateX(-50%);
    overflow: unset;
  }
}
.single-offer-container #chooseWinner .modal-content,
.single-offer-container .bottom-sheet-filter .modal-content {
  max-width: 424px;
  border: 0;
  border-radius: 15px;
  position: relative;
}
@media (min-width: 1199px) {
  .single-offer-container #chooseWinner .modal-content,
  .single-offer-container .bottom-sheet-filter .modal-content {
    background: url("../../svg/General/choose−winner-modal-bg.svg") #fff no-repeat right top;
  }
}
.single-offer-container #chooseWinner .modal-content .winner-user-header,
.single-offer-container .bottom-sheet-filter .modal-content .winner-user-header {
  margin-top: 88px;
  border: unset;
  padding: 0;
}
.single-offer-container #chooseWinner .modal-content .winner-user-header h5,
.single-offer-container .bottom-sheet-filter .modal-content .winner-user-header h5 {
  font-size: 18px !important;
  font-weight: 700;
  line-height: 32px;
  color: #101828;
  margin-bottom: 4px;
  padding: 0 24px;
}
@media (max-width: 1199px) {
  .single-offer-container #chooseWinner .modal-content .winner-user-header h5,
  .single-offer-container .bottom-sheet-filter .modal-content .winner-user-header h5 {
    font-size: 16px;
    line-height: 30px;
  }
}
.single-offer-container #chooseWinner .modal-content .winner-user-header button,
.single-offer-container .bottom-sheet-filter .modal-content .winner-user-header button {
  margin: 0;
  position: absolute;
  top: 16px;
  padding: 0;
  left: 16px;
  width: 40px !important;
  height: 40px !important;
}
@media (max-width: 1199px) {
  .single-offer-container #chooseWinner .modal-content .winner-user-header button,
  .single-offer-container .bottom-sheet-filter .modal-content .winner-user-header button {
    top: 8px;
    left: 8px;
  }
}
.single-offer-container #chooseWinner .modal-content .winner-user-header button:focus,
.single-offer-container .bottom-sheet-filter .modal-content .winner-user-header button:focus {
  box-shadow: unset;
}
.single-offer-container #chooseWinner .modal-content p,
.single-offer-container .bottom-sheet-filter .modal-content p {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  color: #475a67;
  margin-bottom: 32px;
  padding: 0 24px;
}
@media (max-width: 1199px) {
  .single-offer-container #chooseWinner .modal-content p,
  .single-offer-container .bottom-sheet-filter .modal-content p {
    margin-bottom: 16px;
  }
}
@media (max-width: 1199px) {
  .single-offer-container #chooseWinner .modal-content .winner-user-list,
  .single-offer-container .bottom-sheet-filter .modal-content .winner-user-list {
    overflow-y: scroll;
    max-height: calc(100vh - 334px);
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
  .single-offer-container #chooseWinner .modal-content .winner-user-list::-webkit-scrollbar,
  .single-offer-container .bottom-sheet-filter .modal-content .winner-user-list::-webkit-scrollbar {
    display: none;
  }
}
.single-offer-container #chooseWinner .modal-content .winner-user-list p,
.single-offer-container .bottom-sheet-filter .modal-content .winner-user-list p {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 8px;
}
.single-offer-container #chooseWinner .modal-content .winner-user-list .winner-user-item,
.single-offer-container .bottom-sheet-filter .modal-content .winner-user-list .winner-user-item {
  border-top: 1px solid #eaeef0;
  padding: 18px 24px;
  background: linear-gradient(90deg, #fffaeb 0%, #ffffff 74.3%);
}
.single-offer-container #chooseWinner .modal-content .winner-user-list .winner-user-item span,
.single-offer-container .bottom-sheet-filter .modal-content .winner-user-list .winner-user-item span {
  color: #fdb022;
  font-size: 20px;
  font-weight: 700;
  line-height: 36px;
  padding-left: 24px;
  padding-right: 12px;
  align-self: center;
}
.single-offer-container #chooseWinner .modal-content .winner-user-list .winner-user-item .winner-user-title img,
.single-offer-container .bottom-sheet-filter .modal-content .winner-user-list .winner-user-item .winner-user-title img {
  width: 24px;
  height: 24px;
  margin-left: 4px;
}
.single-offer-container #chooseWinner .modal-content .winner-user-list .winner-user-item .winner-user-title span,
.single-offer-container .bottom-sheet-filter .modal-content .winner-user-list .winner-user-item .winner-user-title span {
  font-size: 12px;
  font-weight: 600;
  line-height: 22px;
  color: #475a67;
  padding: 0;
  margin-right: 4px;
}
.single-offer-container #chooseWinner .modal-content .winner-user-list .winner-user-item h3,
.single-offer-container .bottom-sheet-filter .modal-content .winner-user-list .winner-user-item h3 {
  font-size: 13px !important;
  font-weight: 700;
  line-height: 24px;
  color: #475a67;
  margin: 8px 0 0 0;
}
.single-offer-container #chooseWinner .modal-content .winner-user-action,
.single-offer-container .bottom-sheet-filter .modal-content .winner-user-action {
  display: flex;
  align-items: center;
  gap: 32px;
  border: unset;
  padding: 12px 16px;
}
@media (min-width: 1199px) {
  .single-offer-container #chooseWinner .modal-content .winner-user-action,
  .single-offer-container .bottom-sheet-filter .modal-content .winner-user-action {
    padding: 16px 24px;
  }
}
.single-offer-container #chooseWinner .modal-content .winner-user-action button:last-child,
.single-offer-container .bottom-sheet-filter .modal-content .winner-user-action button:last-child {
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  border: 1px solid #101828;
  flex: 1 1 0%;
  padding: 8px 16px !important;
  font-weight: 700 !important;
  line-height: 30px;
  margin: 0;
}
.single-offer-container #chooseWinner .modal-content .winner-user-action button:first-child,
.single-offer-container .bottom-sheet-filter .modal-content .winner-user-action button:first-child {
  flex: 1 1 0%;
  max-width: 104px;
  box-shadow: unset;
  color: #667985;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  margin: 0;
}
#report_violation {
  z-index: 36;
  padding: unset !important;
}
@media (min-width: 767px) {
  #report_violation .modal-dialog {
    max-width: 432px;
  }
}
#report_violation .modal-content {
  border-radius: 12px;
}
#report_violation .modal-content .modal-header {
  padding: 24px 24px 0 24px;
}
#report_violation .modal-content .modal-header .modal-title {
  font-size: 18px !important;
  font-weight: 700;
  line-height: 32px;
  text-align: right;
  color: #101828;
}
#report_violation .modal-content .report-form {
  padding-top: 32px;
}
#report_violation .modal-content .report-form p {
  padding-left: 24px;
  padding-right: 24px;
  margin-bottom: 24px;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-align: justify;
  color: #475a67;
}
#report_violation .modal-content .report-form .more-description {
  padding-left: 24px;
  padding-right: 24px;
}
#report_violation .modal-content .report-form .reason {
  padding-left: 24px;
  padding-right: 24px;
}
#report_violation .modal-content .report-form .reason .select-box {
  font-family: PeydaWeb;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  font-family: PeydaWeb;
  margin-bottom: 24px;
}
#report_violation .modal-content .report-form .reason .select-box .option-selected {
  background: white;
  font-size: 12px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 2px;
  padding: 5px 11px;
  border: 1px solid #ced4da;
  color: #22262a;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border-radius: 4px;
  outline: 3px solid transparent;
  transition: all 0.3s linear;
  width: 100%;
  cursor: pointer;
}
@media (min-width: 1024px) {
  #report_violation .modal-content .report-form .reason .select-box .option-selected {
    padding: 7px 13px;
  }
}
#report_violation .modal-content .report-form .reason .select-box .option-selected span {
  color: #d0d5dd;
  transition: all 0.3s linear;
}
#report_violation .modal-content .report-form .reason .select-box .option-selected:has(.select-input) {
  padding: 0 11px;
}
@media (min-width: 1024px) {
  #report_violation .modal-content .report-form .reason .select-box .option-selected:has(.select-input) {
    padding: 0 13px 0 11px;
  }
}
#report_violation .modal-content .report-form .reason .select-box .option-selected:has(.select-input) .select-input {
  font-family: PeydaWeb;
  font-size: 16px;
  line-height: 24px;
  padding: 6px 0;
  width: 100%;
  outline: none;
  border: none;
  box-shadow: none;
}
#report_violation .modal-content .report-form .reason .select-box .option-selected:has(.select-input) .select-input::-moz-placeholder {
  color: #d0d5dd;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#report_violation .modal-content .report-form .reason .select-box .option-selected:has(.select-input) .select-input::placeholder {
  color: #d0d5dd;
  transition: all 0.3s linear;
}
#report_violation .modal-content .report-form .reason .select-box .option-selected.active {
  outline-color: #f1f2f4;
  border-color: #101828;
}
#report_violation .modal-content .report-form .reason .select-box .option-selected.active .select-input::-moz-placeholder {
  color: #101828;
}
#report_violation .modal-content .report-form .reason .select-box .option-selected.active .select-input::placeholder,
#report_violation .modal-content .report-form .reason .select-box .option-selected.active span {
  color: #101828;
}
#report_violation .modal-content .report-form .reason .select-box .option-selected.error {
  margin: 0;
  border-color: #FDA29B;
}
#report_violation .modal-content .report-form .reason .select-box .option-selected.active.error {
  outline-color: rgba(240, 68, 56, 0.2392156863);
}
#report_violation .modal-content .report-form .reason .select-box .options-container {
  visibility: hidden;
  font-family: PeydaWeb;
  font-size: 14px;
  line-height: 24px;
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: 4px 5px;
  max-height: 0;
  width: 100%;
  opacity: 0;
  transition: all 0.3s linear;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #eaecf0;
  background-color: white;
  color: #344754;
  position: absolute;
  top: 100%;
  z-index: 2;
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}
@media (min-width: 1024px) {
  #report_violation .modal-content .report-form .reason .select-box .options-container {
    padding: 3px 5px;
  }
}
#report_violation .modal-content .report-form .reason .select-box .options-container .option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 8px 20px;
  border-radius: 8px;
}
#report_violation .modal-content .report-form .reason .select-box .options-container .option label {
  cursor: pointer;
}
#report_violation .modal-content .report-form .reason .select-box .options-container .option .radio {
  margin-right: 10px;
  display: none;
}
#report_violation .modal-content .report-form .reason .select-box .options-container .option .icon {
  display: none;
}
#report_violation .modal-content .report-form .reason .select-box .options-container .option .icon.hidden {
  display: none;
}
#report_violation .modal-content .report-form .reason .select-box .options-container .option:hover {
  background: #f2f4f7;
}
#report_violation .modal-content .report-form .reason .select-box .options-container .option.selected .icon {
  display: block;
}
#report_violation .modal-content .report-form .reason .select-box .options-container .option.selected {
  background: #f2f4f7;
}
#report_violation .modal-content .report-form .reason .select-box .options-container .no-results {
  padding: 6px 8px;
}
#report_violation .modal-content .report-form .reason .select-box .options-container.active {
  visibility: visible;
  max-height: 250px;
  opacity: 1;
  overflow-y: auto;
}
#report_violation .modal-content .report-form .reason .select-box .options-container::-webkit-scrollbar {
  width: 8px;
}
#report_violation .modal-content .report-form .reason .select-box .options-container::-webkit-scrollbar-track {
  background: white;
}
#report_violation .modal-content .report-form .reason .select-box .options-container::-webkit-scrollbar-thumb {
  background: #EAECF0;
  border-radius: 5px;
}
#report_violation .modal-content .report-form label {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  color: #1d2e39;
  margin-bottom: 6px;
}
#report_violation .modal-content .report-form .select2 {
  margin-bottom: 24px;
}
#report_violation .modal-content .report-form textarea {
  margin-bottom: 32px;
}
#report_violation .modal-content .report-form .footer-card-modal {
  padding: 16px 24px;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.0509803922);
}
#report_violation .modal-content .report-form .footer-card-modal #btn-cancle-modal {
  box-shadow: unset !important;
  border: unset;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  color: #667985;
}
#report_violation .modal-content .report-form .footer-card-modal .btn-primary-black {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 30px;
  color: #ffffff;
  padding: 8px 16px;
  white-space: nowrap;
}
@media (max-width: 991px) {
  #report_violation .modal-content .report-form .footer-card-modal .btn-primary-black {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 26px;
    text-align: center;
  }
}
@media (max-width: 991px) {
  #report_violation .modal-content .modal-header {
    padding: 16px 24px 0 24px;
  }
  #report_violation .modal-content .report-form p {
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 24px;
  }
  #report_violation .modal-content .report-form .more-description {
    padding-left: 16px;
    padding-right: 16px;
  }
  #report_violation .modal-content .report-form .reason {
    padding-left: 16px;
    padding-right: 16px;
  }
  #report_violation .modal-content .report-form label {
    margin-bottom: 6px;
  }
  #report_violation .modal-content .report-form .select2 {
    margin-bottom: 24px;
  }
  #report_violation .modal-content .report-form textarea {
    margin-bottom: 32px;
  }
  #report_violation .modal-content .report-form .footer-card-modal {
    padding: 12px 16px;
  }
}

.company-public-single-contest {
  overflow-x: hidden;
  position: relative;
}
.company-public-single-contest .container-progress {
  width: 100%;
}
@media (max-width: 1199px) {
  .company-public-single-contest .container-progress {
    padding: 0 16px;
  }
}
@media (min-width: 767px) {
  .company-public-single-contest .container-progress {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}
.company-public-single-contest .container-progress .row-section-title {
  margin-bottom: 24px;
  margin-top: 32px;
}
.company-public-single-contest .container-progress p,
.company-public-single-contest .container-progress span {
  margin-bottom: 0;
  line-height: 26px;
  color: #98a8b3;
}
.company-public-single-contest .container-progress > div {
  max-width: 1000px;
}
.company-public-single-contest .container-progress > div > div:first-child .desktop span.active,
.company-public-single-contest .container-progress > div > div:first-child .desktop p.active {
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
}
.company-public-single-contest .container-progress > div > div:first-child .desktop p {
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  color: #98a8b3;
}
.company-public-single-contest .container-progress > div > div:first-child .desktop span {
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  display: block;
}
.company-public-single-contest .container-progress > div > div:first-child .desktop span:nth-child(1) {
  margin-top: 8px;
}
.company-public-single-contest .container-progress > div > div:first-child .desktop .progress-div {
  width: 76%;
  height: 3px;
  background: #eaeef0;
  margin: 8px 0;
  position: relative;
}
.company-public-single-contest .container-progress > div > div:first-child .desktop .progress-div::after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  height: 4px;
  border-radius: 2px;
}
.company-public-single-contest .container-progress > div > div:first-child .desktop > div:first-child > div {
  position: relative;
}
.company-public-single-contest .container-progress > div > div:first-child .desktop > div:first-child > div::after {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  background: #eaeef0;
  bottom: -16px;
  right: 0;
  border-radius: 50%;
  z-index: 1;
}
.company-public-single-contest .container-progress > div > div:first-child .mobile {
  display: flex;
}
.company-public-single-contest .container-progress > div > div:first-child .mobile span.active,
.company-public-single-contest .container-progress > div > div:first-child .mobile p.active {
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
}
.company-public-single-contest .container-progress > div > div:first-child .mobile .progress-div {
  width: 2px !important;
  height: 258px;
  background: #eaeef0;
  margin: 8px 0;
  position: relative;
}
.company-public-single-contest .container-progress > div > div:first-child .mobile .progress-div::after {
  position: absolute;
  right: 0;
  bottom: -2px;
  top: 0;
  content: "";
  width: 2px !important;
  height: 3px;
  border-radius: 2px;
}
.company-public-single-contest .container-progress > div > div:first-child .mobile > div:last-child {
  margin-right: 16px;
}
.company-public-single-contest .container-progress > div > div:first-child .mobile > div:last-child > div {
  position: relative;
  margin-bottom: 29px;
}
.company-public-single-contest .container-progress > div > div:first-child .mobile > div:last-child > div::after {
  position: absolute;
  top: 7px;
  right: -21px;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #eaeef0;
}
.company-public-single-contest .container-progress > div > div:first-child .mobile.voting .progress-div {
  height: 160px !important;
}
.company-public-single-contest .container-progress > div .step-1 .desktop .progress-div::after {
  width: 16%;
  background: #49b3f3;
}
.company-public-single-contest .container-progress > div .step-1 .desktop > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.company-public-single-contest .container-progress > div .step-1 .desktop > div div:nth-child(1) p {
  font-size: 13px;
  line-height: 24px;
  color: #1d2e39 !important;
}
.company-public-single-contest .container-progress > div .step-1 .desktop > div div:nth-child(1) p:nth-child(2) {
  font-weight: 700;
}
.company-public-single-contest .container-progress > div .step-1 .desktop > div div:nth-child(1) span {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #101828 !important;
}
.company-public-single-contest .container-progress > div .step-1 .mobile .progress-div::after {
  height: 47px !important;
  background: #49b3f3;
}
.company-public-single-contest .container-progress > div .step-1 .mobile > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.company-public-single-contest .container-progress > div .step-1 .mobile > div div:nth-child(1) p {
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 26px;
  color: #1d2e39 !important;
}
.company-public-single-contest .container-progress > div .step-1 .mobile > div div:nth-child(1) span {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #101828 !important;
}
.company-public-single-contest .container-progress > div .step-2 .desktop .progress-div::after {
  width: 50%;
  background: linear-gradient(90deg, #1004a4 0%, #1004a4 34.91%, #49b3f3 56.25%, #49b3f3 100%);
}
.company-public-single-contest .container-progress > div .step-2 .desktop > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.company-public-single-contest .container-progress > div .step-2 .desktop > div div:nth-child(2)::after {
  background: #1004a4 !important;
}
.company-public-single-contest .container-progress > div .step-2 .desktop > div div:nth-child(2) p {
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 26px;
  color: #1d2e39 !important;
}
.company-public-single-contest .container-progress > div .step-2 .desktop > div div:nth-child(2) span {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #1d2e39 !important;
}
.company-public-single-contest .container-progress > div .step-2 .mobile .progress-div::after {
  width: 3px;
  height: 134px !important;
  background: linear-gradient(0deg, #1004a4 11.88%, #49b3f3 51.91%);
}
.company-public-single-contest .container-progress > div .step-2 .mobile > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.company-public-single-contest .container-progress > div .step-2 .mobile > div div:nth-child(2)::after {
  background: #1004a4 !important;
}
.company-public-single-contest .container-progress > div .step-2 .mobile > div div:nth-child(2) p {
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 26px;
  color: #1d2e39 !important;
}
.company-public-single-contest .container-progress > div .step-2 .mobile > div div:nth-child(2) span {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #1d2e39 !important;
}
.company-public-single-contest .container-progress > div .step-3 .desktop .progress-div::after {
  width: 83%;
  background: linear-gradient(90deg, #c72d80 0%, #c72d80 22.92%, #1004a4 39.58%, #1004a4 66.67%, #49b3f3 75%, #49b3f3 100%);
}
.company-public-single-contest .container-progress > div .step-3 .desktop > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.company-public-single-contest .container-progress > div .step-3 .desktop > div div:nth-child(2)::after {
  background: #1004a4 !important;
}
.company-public-single-contest .container-progress > div .step-3 .desktop > div div:nth-child(3)::after {
  background: #c72d80 !important;
}
.company-public-single-contest .container-progress > div .step-3 .desktop > div div:nth-child(3) p {
  font-size: 13px;
  line-height: 24px;
  color: #1d2e39 !important;
}
.company-public-single-contest .container-progress > div .step-3 .desktop > div div:nth-child(3) p:nth-child(2) {
  font-weight: 700;
}
.company-public-single-contest .container-progress > div .step-3 .desktop > div div:nth-child(3) span {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #1d2e39 !important;
}
.company-public-single-contest .container-progress > div .step-3 .mobile .progress-div::after {
  width: 3px;
  height: 215px !important;
  background: linear-gradient(0deg, #c72d80 13.77%, #1004a4 32.91%, #49b3f3 65.32%);
}
.company-public-single-contest .container-progress > div .step-3 .mobile > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.company-public-single-contest .container-progress > div .step-3 .mobile > div div:nth-child(2)::after {
  background: #1004a4 !important;
}
.company-public-single-contest .container-progress > div .step-3 .mobile > div div:nth-child(3)::after {
  background: #c72d80 !important;
}
.company-public-single-contest .container-progress > div .step-3 .mobile > div div:nth-child(3) p {
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 26px;
  color: #1d2e39 !important;
}
.company-public-single-contest .container-progress > div .step-3 .mobile > div div:nth-child(3) span {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #1d2e39 !important;
}
.company-public-single-contest .container-progress > div .step-3 .mobile.voting .progress-div::after {
  height: 160px !important;
  background: linear-gradient(0deg, #fdb022 0%, #1004a4 54.69%, #49b3f3 77.6%) !important;
}
.company-public-single-contest .container-progress > div .step-3 .mobile.voting > div div:nth-child(3) p {
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 26px;
  color: #1d2e39 !important;
}
.company-public-single-contest .container-progress > div .step-3 .mobile.voting > div div:nth-child(3) span {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #1d2e39 !important;
}
.company-public-single-contest .container-progress > div .step-4 .desktop .progress-div::after {
  width: 100%;
  background: linear-gradient(90deg, #fdb022 0%, #c72d80 29.69%, #1004a4 57.29%, #49b3f3 75.52%);
}
.company-public-single-contest .container-progress > div .step-4 .desktop > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.company-public-single-contest .container-progress > div .step-4 .desktop > div div:nth-child(2)::after {
  background: #1004a4 !important;
}
.company-public-single-contest .container-progress > div .step-4 .desktop > div div:nth-child(3)::after {
  background: #c72d80 !important;
}
.company-public-single-contest .container-progress > div .step-4 .desktop > div div:nth-child(4)::after {
  background: #fdb022 !important;
}
.company-public-single-contest .container-progress > div .step-4 .desktop > div div:nth-child(4) p {
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 26px;
  color: #1d2e39 !important;
}
.company-public-single-contest .container-progress > div .step-4 .desktop > div div:nth-child(4) span {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #1d2e39 !important;
}
.company-public-single-contest .container-progress > div .step-4 .mobile .progress-div::after {
  width: 3px;
  height: 258px !important;
  background: linear-gradient(0deg, #fdb022 0%, #c72d80 29.17%, #1004a4 48.96%, #49b3f3 75.52%);
}
.company-public-single-contest .container-progress > div .step-4 .mobile p {
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 1199px) {
  .company-public-single-contest .container-progress > div .step-4 .mobile p {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #98a8b3;
    margin-bottom: 8px;
  }
}
.company-public-single-contest .container-progress > div .step-4 .mobile span {
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 1199px) {
  .company-public-single-contest .container-progress > div .step-4 .mobile span {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #98a8b3;
  }
}
.company-public-single-contest .container-progress > div .step-4 .mobile > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.company-public-single-contest .container-progress > div .step-4 .mobile > div div:nth-child(2)::after {
  background: #1004a4 !important;
}
.company-public-single-contest .container-progress > div .step-4 .mobile > div div:nth-child(3)::after {
  background: #c72d80 !important;
}
.company-public-single-contest .container-progress > div .step-4 .mobile > div div:nth-child(4)::after {
  background: #fdb022 !important;
}
.company-public-single-contest .container-progress > div .step-4 .mobile > div div:nth-child(4) p {
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 26px;
  color: #1d2e39 !important;
}
.company-public-single-contest .container-progress > div .step-4 .mobile > div div:nth-child(4) span {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #1d2e39 !important;
}
.company-public-single-contest .container-progress > div > div:last-child > div {
  list-style: none;
  padding: 0;
  margin: 0;
}
.company-public-single-contest .container-progress > div > div:last-child > div > div {
  cursor: pointer;
  color: #98a8b3;
  white-space: nowrap;
}
@media (max-width: 575px) {
  .company-public-single-contest .container-progress > div > div:last-child > div > div {
    padding: 0 24px 12px 24px;
  }
}
.company-public-single-contest .container-progress > div > div:last-child > div > div svg {
  margin-left: 8px;
}
.company-public-single-contest .container-progress > div > div:last-child > div > div svg path {
  stroke: #98a8b3;
}
.company-public-single-contest .container-progress > div > div:last-child > div > div.active {
  color: #101828;
  border-bottom: 3px solid #101828;
}
.company-public-single-contest .container-progress > div > div:last-child > div > div.active svg path {
  stroke: #101828;
}
.company-public-single-contest .container-progress > div.people-voting > div:first-child {
  margin-right: 200px;
}
.company-public-single-contest .container-progress > div.people-voting > div:first-child .progress-div {
  width: 76%;
}
.company-public-single-contest .container-progress > div.people-voting .step-1 .progress-div::after {
  width: 25%;
}
.company-public-single-contest .container-progress > div.people-voting .step-1 .mobile .progress-div::after {
  height: 174px;
}
.company-public-single-contest .container-progress > div.people-voting .step-2 .progress-div::after {
  width: 75%;
}
.company-public-single-contest .container-progress > div.people-voting .step-2 .mobile .progress-div::after {
  height: 174px;
}
.company-public-single-contest .container-progress > div.people-voting .step-3 .mobile .progress-div::after {
  height: 174px !important;
  background: linear-gradient(0deg, #fdb022 0%, #1004a4 54.69%, #49b3f3 77.6%) !important;
}
.company-public-single-contest .container-progress > div.people-voting .step-3 .progress-div::after {
  width: 100%;
  background: linear-gradient(90deg, #fdb022 0%, #1004a4 37.5%, #49b3f3 67.71%);
}
.company-public-single-contest .container-progress > div.people-voting .step-3 > div div:nth-child(3)::after {
  background: #fdb022 !important;
}
.company-public-single-contest .container-progress > div.people-voting .mobile .progress-div {
  height: 174px !important;
}
.company-public-single-contest .container-progress-voting {
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}
@media (max-width: 575px) {
  .company-public-single-contest .container-progress-voting {
    background: #f9fafb;
  }
}
@media (min-width: 767px) {
  .company-public-single-contest .container-progress-voting {
    padding-top: 32px;
  }
}
.company-public-single-contest .container-progress-voting .row-section-title {
  margin-bottom: 24px;
  margin-top: 32px;
}
.company-public-single-contest .container-progress-voting p,
.company-public-single-contest .container-progress-voting span {
  margin-bottom: 0;
  line-height: 26px;
  color: #98a8b3;
}
.company-public-single-contest .container-progress-voting > div {
  max-width: 1000px;
}
.company-public-single-contest .container-progress-voting > div > div:first-child .desktop span.active,
.company-public-single-contest .container-progress-voting > div > div:first-child .desktop p.active {
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
}
.company-public-single-contest .container-progress-voting > div > div:first-child .desktop p {
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  color: #98a8b3;
}
.company-public-single-contest .container-progress-voting > div > div:first-child .desktop span {
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  display: block;
}
.company-public-single-contest .container-progress-voting > div > div:first-child .desktop .progress-div {
  width: 76%;
  height: 3px;
  background: #eaeef0;
  margin: 8px 0;
  position: relative;
}
.company-public-single-contest .container-progress-voting > div > div:first-child .desktop .progress-div::after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  height: 4px;
  border-radius: 2px;
}
.company-public-single-contest .container-progress-voting > div > div:first-child .desktop > div:first-child > div {
  position: relative;
}
.company-public-single-contest .container-progress-voting > div > div:first-child .desktop > div:first-child > div::after {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  background: #eaeef0;
  bottom: -16px;
  right: 0;
  border-radius: 50%;
  z-index: 1;
}
.company-public-single-contest .container-progress-voting > div > div:first-child .mobile {
  display: flex;
}
.company-public-single-contest .container-progress-voting > div > div:first-child .mobile span.active,
.company-public-single-contest .container-progress-voting > div > div:first-child .mobile p.active {
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
}
.company-public-single-contest .container-progress-voting > div > div:first-child .mobile .progress-div {
  width: 2px !important;
  height: 258px;
  background: #eaeef0;
  margin: 8px 0;
  position: relative;
}
.company-public-single-contest .container-progress-voting > div > div:first-child .mobile .progress-div::after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  width: 2px !important;
  height: 2px;
  border-radius: 2px;
}
.company-public-single-contest .container-progress-voting > div > div:first-child .mobile > div:last-child {
  margin-right: 16px;
}
.company-public-single-contest .container-progress-voting > div > div:first-child .mobile > div:last-child > div {
  position: relative;
  margin-bottom: 29px;
}
.company-public-single-contest .container-progress-voting > div > div:first-child .mobile > div:last-child > div::after {
  position: absolute;
  top: 7px;
  right: -21px;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #eaeef0;
}
.company-public-single-contest .container-progress-voting > div > div:first-child .mobile.voting .progress-div {
  height: 160px !important;
}
.company-public-single-contest .container-progress-voting > div .step-1 .desktop .progress-div::after {
  width: 16%;
  background: #49b3f3;
}
.company-public-single-contest .container-progress-voting > div .step-1 .desktop > div div:nth-child(1) p {
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 1199px) {
  .company-public-single-contest .container-progress-voting > div .step-1 .desktop > div div:nth-child(1) p {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #98a8b3;
    margin-bottom: 8px;
  }
}
.company-public-single-contest .container-progress-voting > div .step-1 .desktop > div div:nth-child(1) span {
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 1199px) {
  .company-public-single-contest .container-progress-voting > div .step-1 .desktop > div div:nth-child(1) span {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #98a8b3;
  }
}
.company-public-single-contest .container-progress-voting > div .step-1 .desktop > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.company-public-single-contest .container-progress-voting > div .step-1 .desktop > div div:nth-child(1) p {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 26px;
  color: #1d2e39 !important;
}
.company-public-single-contest .container-progress-voting > div .step-1 .desktop > div div:nth-child(1) span {
  font-family: PeydaWebFaNum, serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #101828 !important;
}
.company-public-single-contest .container-progress-voting > div .step-1 .mobile .progress-div::after {
  height: 47px !important;
  background: #49b3f3;
}
.company-public-single-contest .container-progress-voting > div .step-1 .mobile p {
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 1199px) {
  .company-public-single-contest .container-progress-voting > div .step-1 .mobile p {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #98a8b3;
    margin-bottom: 8px;
  }
}
.company-public-single-contest .container-progress-voting > div .step-1 .mobile span {
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 1199px) {
  .company-public-single-contest .container-progress-voting > div .step-1 .mobile span {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #98a8b3;
  }
}
.company-public-single-contest .container-progress-voting > div .step-1 .mobile > div div:nth-child(1) {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
}
.company-public-single-contest .container-progress-voting > div .step-1 .mobile > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.company-public-single-contest .container-progress-voting > div .step-1 .mobile > div div:nth-child(1) p {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 26px;
  color: #1d2e39 !important;
}
.company-public-single-contest .container-progress-voting > div .step-1 .mobile > div div:nth-child(1) span {
  font-family: PeydaWebFaNum, serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #101828 !important;
}
.company-public-single-contest .container-progress-voting > div .step-2 .desktop .progress-div::after {
  width: 50%;
  background: linear-gradient(90deg, #1004a4 0%, #1004a4 34.91%, #49b3f3 56.25%, #49b3f3 100%);
}
.company-public-single-contest .container-progress-voting > div .step-2 .desktop > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.company-public-single-contest .container-progress-voting > div .step-2 .desktop > div div:nth-child(2) p {
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 1199px) {
  .company-public-single-contest .container-progress-voting > div .step-2 .desktop > div div:nth-child(2) p {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #98a8b3;
    margin-bottom: 8px;
  }
}
.company-public-single-contest .container-progress-voting > div .step-2 .desktop > div div:nth-child(2) span {
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 1199px) {
  .company-public-single-contest .container-progress-voting > div .step-2 .desktop > div div:nth-child(2) span {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #98a8b3;
  }
}
.company-public-single-contest .container-progress-voting > div .step-2 .desktop > div div:nth-child(2)::after {
  background: #1004a4 !important;
}
.company-public-single-contest .container-progress-voting > div .step-2 .desktop > div div:nth-child(2) p {
  font-size: 13px;
  line-height: 24px;
  color: #1d2e39 !important;
}
.company-public-single-contest .container-progress-voting > div .step-2 .desktop > div div:nth-child(2) p:nth-child(2) {
  font-weight: 700 !important;
}
.company-public-single-contest .container-progress-voting > div .step-2 .desktop > div div:nth-child(2) span {
  font-family: PeydaWebFaNum, serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #1d2e39 !important;
}
.company-public-single-contest .container-progress-voting > div .step-2 .mobile p {
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 1199px) {
  .company-public-single-contest .container-progress-voting > div .step-2 .mobile p {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #98a8b3;
    margin-bottom: 8px;
  }
}
.company-public-single-contest .container-progress-voting > div .step-2 .mobile span {
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 1199px) {
  .company-public-single-contest .container-progress-voting > div .step-2 .mobile span {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #98a8b3;
  }
}
.company-public-single-contest .container-progress-voting > div .step-2 .mobile .progress-div::after {
  width: 3px;
  height: 134px !important;
  background: linear-gradient(0deg, #1004a4 11.88%, #49b3f3 51.91%);
}
.company-public-single-contest .container-progress-voting > div .step-2 .mobile > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.company-public-single-contest .container-progress-voting > div .step-2 .mobile > div div:nth-child(2)::after {
  background: #1004a4 !important;
}
.company-public-single-contest .container-progress-voting > div .step-2 .mobile > div div:nth-child(2) p {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 26px;
  color: #1d2e39 !important;
}
.company-public-single-contest .container-progress-voting > div .step-2 .mobile > div div:nth-child(2) span {
  font-family: PeydaWebFaNum, serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #1d2e39 !important;
}
.company-public-single-contest .container-progress-voting > div .step-3 .desktop .progress-div::after {
  width: 83%;
  background: linear-gradient(90deg, #c72d80 0%, #c72d80 22.92%, #1004a4 39.58%, #1004a4 66.67%, #49b3f3 75%, #49b3f3 100%);
}
.company-public-single-contest .container-progress-voting > div .step-3 .desktop > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.company-public-single-contest .container-progress-voting > div .step-3 .desktop > div div:nth-child(2)::after {
  background: #1004a4 !important;
}
.company-public-single-contest .container-progress-voting > div .step-3 .desktop > div div:nth-child(3) p {
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 1199px) {
  .company-public-single-contest .container-progress-voting > div .step-3 .desktop > div div:nth-child(3) p {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #98a8b3;
    margin-bottom: 8px;
  }
}
.company-public-single-contest .container-progress-voting > div .step-3 .desktop > div div:nth-child(3) span {
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 1199px) {
  .company-public-single-contest .container-progress-voting > div .step-3 .desktop > div div:nth-child(3) span {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #98a8b3;
  }
}
.company-public-single-contest .container-progress-voting > div .step-3 .desktop > div div:nth-child(3)::after {
  background: #c72d80 !important;
}
.company-public-single-contest .container-progress-voting > div .step-3 .desktop > div div:nth-child(3) p {
  font-family: PeydaWebFaNum, serif;
  font-size: 13px;
  font-weight: 700 !important;
  line-height: 24px;
  color: #1d2e39 !important;
}
.company-public-single-contest .container-progress-voting > div .step-3 .desktop > div div:nth-child(3) span {
  font-family: PeydaWebFaNum, serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #1d2e39 !important;
}
.company-public-single-contest .container-progress-voting > div .step-3 .mobile p {
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 1199px) {
  .company-public-single-contest .container-progress-voting > div .step-3 .mobile p {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #98a8b3;
    margin-bottom: 8px;
  }
}
.company-public-single-contest .container-progress-voting > div .step-3 .mobile span {
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 1199px) {
  .company-public-single-contest .container-progress-voting > div .step-3 .mobile span {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #98a8b3;
  }
}
.company-public-single-contest .container-progress-voting > div .step-3 .mobile .progress-div::after {
  width: 3px;
  height: 215px !important;
  background: linear-gradient(0deg, #c72d80 13.77%, #1004a4 32.91%, #49b3f3 65.32%);
}
.company-public-single-contest .container-progress-voting > div .step-3 .mobile > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.company-public-single-contest .container-progress-voting > div .step-3 .mobile > div div:nth-child(2)::after {
  background: #1004a4 !important;
}
.company-public-single-contest .container-progress-voting > div .step-3 .mobile > div div:nth-child(3) {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
}
.company-public-single-contest .container-progress-voting > div .step-3 .mobile > div div:nth-child(3)::after {
  background: #c72d80 !important;
}
.company-public-single-contest .container-progress-voting > div .step-3 .mobile > div div:nth-child(3) p {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 26px;
  color: #1d2e39 !important;
}
.company-public-single-contest .container-progress-voting > div .step-3 .mobile > div div:nth-child(3) span {
  font-family: PeydaWebFaNum, serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #1d2e39 !important;
}
.company-public-single-contest .container-progress-voting > div .step-3 .mobile.voting .progress-div::after {
  height: 160px !important;
  background: linear-gradient(0deg, #fdb022 0%, #1004a4 54.69%, #49b3f3 77.6%) !important;
}
.company-public-single-contest .container-progress-voting > div .step-3 .mobile.voting > div div:nth-child(2) p {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 26px;
  color: #1d2e39 !important;
}
.company-public-single-contest .container-progress-voting > div .step-3 .mobile.voting > div div:nth-child(2) span {
  font-family: PeydaWebFaNum, serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #1d2e39 !important;
}
.company-public-single-contest .container-progress-voting > div > div:last-child {
  padding: 20px 0 0 0;
  margin-top: 30px;
}
.company-public-single-contest .container-progress-voting > div > div:last-child > div {
  list-style: none;
  padding: 0;
  margin: 0;
}
.company-public-single-contest .container-progress-voting > div > div:last-child > div > div {
  cursor: pointer;
  color: #98a8b3;
  white-space: nowrap;
}
@media (max-width: 575px) {
  .company-public-single-contest .container-progress-voting > div > div:last-child > div > div {
    padding: 0 24px 12px 24px;
  }
}
.company-public-single-contest .container-progress-voting > div > div:last-child > div > div svg {
  margin-left: 8px;
}
.company-public-single-contest .container-progress-voting > div > div:last-child > div > div svg path {
  stroke: #98a8b3;
}
.company-public-single-contest .container-progress-voting > div > div:last-child > div > div.active {
  color: #101828;
  border-bottom: 3px solid #101828;
}
.company-public-single-contest .container-progress-voting > div > div:last-child > div > div.active svg path {
  stroke: #101828;
}
.company-public-single-contest .container-progress-voting > div.people-voting > div:first-child .progress-div {
  width: 76%;
}
.company-public-single-contest .container-progress-voting > div.people-voting .step-1 .progress-div::after {
  width: 25%;
}
.company-public-single-contest .container-progress-voting > div.people-voting .step-1 .mobile .progress-div::after {
  height: 174px;
}
.company-public-single-contest .container-progress-voting > div.people-voting .step-2 .progress-div::after {
  width: 75%;
}
.company-public-single-contest .container-progress-voting > div.people-voting .step-2 .mobile .progress-div::after {
  height: 174px;
}
.company-public-single-contest .container-progress-voting > div.people-voting .step-3 .mobile .progress-div::after {
  height: 174px !important;
  background: linear-gradient(0deg, #fdb022 0%, #1004a4 54.69%, #49b3f3 77.6%) !important;
}
.company-public-single-contest .container-progress-voting > div.people-voting .step-3 .progress-div::after {
  width: 100%;
  background: linear-gradient(90deg, #fdb022 0%, #1004a4 37.5%, #49b3f3 67.71%);
}
.company-public-single-contest .container-progress-voting > div.people-voting .step-3 > div div:nth-child(3)::after {
  background: #fdb022 !important;
}
.company-public-single-contest .container-progress-voting > div.people-voting .mobile .progress-div {
  height: 174px !important;
}
.company-public-single-contest .overlay {
  height: 100%;
  background: rgba(29, 46, 57, 0.2392156863);
  position: fixed;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  z-index: 3;
}
.company-public-single-contest .filter-competition {
  border: 1px solid #d0d8dd;
  padding: 8px 12px;
  border-radius: 8px;
  color: #344754;
  display: flex;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  background: #fff;
  height: 46px;
  margin-top: 6px;
}
@media (min-width: 1199px) {
  .company-public-single-contest {
    background: #fcfcfd;
    padding-bottom: 120px;
  }
}
.company-public-single-contest .mobile-filter {
  margin-bottom: 24px;
}
@media (max-width: 1199px) {
  .company-public-single-contest .mobile-filter {
    margin-bottom: 32px;
  }
}
.company-public-single-contest .row-section-title.row-section-timing {
  margin-top: 24px;
  margin-bottom: 24px;
}
.company-public-single-contest .profile-company-tabs {
  margin-top: 72px;
  border-bottom: 1px solid #EAEEF0;
}
.company-public-single-contest .profile-company-tabs .nav-link.active {
  color: #101828;
}
.company-public-single-contest .profile-company-tabs .nav-link.active svg path {
  stroke: #101828;
}
.company-public-single-contest .profile-company-tabs .nav-link {
  padding: 0 32px 16px 32px;
  margin: 0 0 0 48px;
  color: #98a8b3;
  font-weight: 600;
  font-size: 14px;
  line-height: 26px;
}
.company-public-single-contest .profile-company-tabs .nav-link svg {
  margin-left: 4px;
}
.company-public-single-contest .profile-company-tabs .nav-link:focus {
  color: #101828;
}
.company-public-single-contest .profile-company-tabs .nav-link:hover {
  color: #101828;
}
.company-public-single-contest .profile-company-tabs .nav-link:hover svg path {
  stroke: #101828;
}
.company-public-single-contest .profile-company-tabs .nav-item.show .nav-link {
  color: #101828;
  font-weight: 600;
  font-size: 14px;
  line-height: 26px;
}
.company-public-single-contest .profile-company-tabs .nav-link.active::before {
  top: unset;
  bottom: 0;
  height: 2px;
  background: #101828;
  width: 100%;
}
.company-public-single-contest .profile-company-tabs .nav-item.show .nav-link::before {
  top: unset;
  bottom: 0;
  height: 2px;
  background: #101828;
  width: 100%;
}
.company-public-single-contest .company-single-contest-title {
  margin-top: 8px;
  padding-top: 72px;
  background: #fff;
  border-bottom: 1px solid #f9fafb;
}
@media (max-width: 1199px) {
  .company-public-single-contest .company-single-contest-title {
    padding-top: 24px;
  }
}
.company-public-single-contest .company-single-contest-title img {
  width: 24px;
  height: 24px;
  margin-left: 4px;
}
.company-public-single-contest .company-single-contest-title span {
  align-self: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  color: #667985;
}
@media (max-width: 1199px) {
  .company-public-single-contest .company-single-contest-title span {
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
  }
}
.company-public-single-contest .company-single-contest-title h1 {
  font-size: 24px !important;
  font-weight: 700;
  line-height: 44px;
  margin-top: 16px;
  padding-top: 0;
  color: #101828;
  width: 100%;
}
@media (max-width: 1199px) {
  .company-public-single-contest .company-single-contest-title h1 {
    font-size: 20px;
    line-height: 36px;
    margin-bottom: 0;
    padding-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .company-public-single-contest .company-single-contest-title h1 {
    border-bottom: 1px solid #eaeef0;
  }
}
@media (max-width: 1199px) {
  .company-public-single-contest .filter-card {
    flex-wrap: wrap;
  }
  .company-public-single-contest .filter-card .winning-bids {
    width: 100%;
  }
  .company-public-single-contest .filter-card .winning-bids-container {
    width: 100% !important;
  }
  .company-public-single-contest .filter-card .winning-bids-container .winning-bids {
    width: 100% !important;
    margin-right: unset !important;
  }
  .company-public-single-contest .filter-card .filter-star-rate-container {
    width: 100% !important;
    margin-right: unset !important;
  }
  .company-public-single-contest .filter-card #star-rate,
  .company-public-single-contest .filter-card .sort-date-container {
    width: calc(50% - 12px) !important;
    margin-right: unset !important;
    margin-top: 8px !important;
  }
  .company-public-single-contest .filter-card .sort-date-container {
    margin-right: 24px !important;
  }
  .company-public-single-contest .filter-card .sort-date-container-vot {
    width: 100% !important;
    margin-right: unset !important;
  }
}
.company-public-single-contest .company-single-contest-content .description {
  padding-top: 45px;
}
@media (max-width: 767px) {
  .company-public-single-contest .company-single-contest-content .description {
    padding-top: 0;
  }
}
.company-public-single-contest .company-single-contest-content .description p {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #475a67;
  text-align: justify;
}
.company-public-single-contest .company-single-contest-content .description hr {
  color: #eaeef0;
  margin: 0;
}
.company-public-single-contest .company-single-contest-content .description .competition-steps {
  background: #f9fafb;
  padding: 32px 16px;
}
.company-public-single-contest .company-single-contest-content .description .competition-status {
  margin: 8px 0 8px 0;
}
@media (min-width: 1199px) {
  .company-public-single-contest .company-single-contest-content .description .competition-status {
    display: flex;
  }
}
.company-public-single-contest .company-single-contest-content .description .competition-status .competition-step-title {
  max-width: 870px;
}
@media (min-width: 1199px) {
  .company-public-single-contest .company-single-contest-content .description .competition-status .competition-step-title {
    display: flex;
  }
}
@media (max-width: 1199px) {
  .company-public-single-contest .company-single-contest-content .description .competition-status .competition-step-title div:nth-child(1) {
    height: 81px;
  }
  .company-public-single-contest .company-single-contest-content .description .competition-status .competition-step-title div:nth-child(2) {
    height: 86px;
  }
  .company-public-single-contest .company-single-contest-content .description .competition-status .competition-step-title div:nth-child(3) {
    height: 90px;
  }
  .company-public-single-contest .company-single-contest-content .description .competition-status .competition-step-title div div {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
}
@media (min-width: 1199px) {
  .company-public-single-contest .company-single-contest-content .description .competition-status .competition-step-title div:nth-child(1) {
    width: 239px;
  }
  .company-public-single-contest .company-single-contest-content .description .competition-status .competition-step-title div:nth-child(2) {
    width: 269px;
  }
  .company-public-single-contest .company-single-contest-content .description .competition-status .competition-step-title div:nth-child(3) {
    width: 240px;
  }
}
.company-public-single-contest .company-single-contest-content .description .competition-status .competition-step-title span {
  display: block;
  font-size: 13px;
  line-height: 24px;
  font-weight: 400;
  color: #98a8b3;
}
@media (max-width: 1199px) {
  .company-public-single-contest .company-single-contest-content .description .competition-status .competition-step-title div {
    margin-right: 16px;
  }
}
.company-public-single-contest .company-single-contest-content .description .competition-status .competition-step-title div div {
  display: flex;
  margin-right: 0;
}
.company-public-single-contest .company-single-contest-content .description .competition-status .competition-step-title div div span {
  font-weight: 400 !important;
}
.company-public-single-contest .company-single-contest-content .description .competition-status .competition-step-title div div span:first-child {
  border-left: 1px solid #eaeef0;
  padding-left: 16px;
}
.company-public-single-contest .company-single-contest-content .description .competition-status .competition-step-title div div span:last-child {
  padding-right: 8px;
}
.company-public-single-contest .company-single-contest-content .description .competition-status .active-step span {
  display: block;
}
.company-public-single-contest .company-single-contest-content .description .competition-status .active-step span:first-child {
  color: #101828;
}
@media (max-width: 1199px) {
  .company-public-single-contest .company-single-contest-content .description .competition-status .active-step span:first-child {
    margin-bottom: 8px;
    font-weight: 700;
    color: #344754;
    font-size: 14px;
    line-height: 26px;
  }
}
.company-public-single-contest .company-single-contest-content .description .competition-status .active-step span:last-child {
  font-size: 14px;
  line-height: 26px;
  font-weight: 700;
  color: #101828;
}
.company-public-single-contest .company-single-contest-content .description .competition-status .active-step-date span {
  display: block;
  color: #101828;
}
@media (max-width: 1199px) {
  .company-public-single-contest .company-single-contest-content .description .competition-status .active-step-date span {
    margin-bottom: 8px;
    font-weight: 700;
    color: #344754;
    font-size: 14px;
    line-height: 26px;
  }
}
@media (max-width: 1199px) {
  .company-public-single-contest .company-single-contest-content .description .competition-status div:last-child {
    margin-right: 16px;
  }
}
.company-public-single-contest .company-single-contest-content .description .competition-status div:last-child span {
  display: block;
  font-size: 13px;
  line-height: 24px;
  font-weight: 400;
  color: #98a8b3;
}
.company-public-single-contest .company-single-contest-content .description .competition-status div:last-child div {
  display: flex;
  margin-right: 0;
}
.company-public-single-contest .company-single-contest-content .description .competition-status div:last-child div span {
  font-weight: 400 !important;
}
.company-public-single-contest .company-single-contest-content .description .competition-status div:last-child div span:first-child {
  border-left: 1px solid #eaeef0;
  padding-left: 16px;
}
.company-public-single-contest .company-single-contest-content .description .competition-status div:last-child div span:last-child {
  padding-right: 8px;
}
.company-public-single-contest .company-single-contest-content .description .steps-competition {
  max-width: 759px;
}
.company-public-single-contest .company-single-contest-content .description .steps-competition-mobile {
  width: 8px;
  height: 322px;
}
.company-public-single-contest .company-single-contest-content .description .introducing-competition {
  margin: 93px 0 48px 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: right;
  color: #475a67;
  padding-top: 24px;
}
@media (max-width: 1199px) {
  .company-public-single-contest .company-single-contest-content .description .introducing-competition {
    margin: 48px 0;
    padding: 0 4px;
  }
}
.company-public-single-contest .company-single-contest-content .description .introducing-competition .row-section-title {
  margin-bottom: 16px;
}
@media (min-width: 991px) {
  .company-public-single-contest .company-single-contest-content .description .introducing-competition .row-section-title {
    margin-bottom: 24px;
  }
}
.company-public-single-contest .company-single-contest-content .description .introducing-competition p {
  font-family: PeydaWebFaNum, serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  color: #475467;
  margin-bottom: 0;
}
.company-public-single-contest .company-single-contest-content .description .introducing-competition ul, .company-public-single-contest .company-single-contest-content .description .introducing-competition ol {
  font-family: PeydaWebFaNum, serif;
  list-style-position: outside;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 500;
}
.company-public-single-contest .company-single-contest-content .description .introducing-competition ul li, .company-public-single-contest .company-single-contest-content .description .introducing-competition ol li {
  font-size: 16px;
  line-height: 32px;
  color: #475467;
}
.company-public-single-contest .company-single-contest-content .description .introducing-competition ul li p, .company-public-single-contest .company-single-contest-content .description .introducing-competition ol li p {
  margin-bottom: 0;
}
.company-public-single-contest .company-single-contest-content .description .conditions-rewards {
  margin: 64px 0 48px 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: right;
  color: #475a67;
  padding-top: 24px;
}
@media (max-width: 1199px) {
  .company-public-single-contest .company-single-contest-content .description .conditions-rewards {
    margin: 24px 0 32px;
    padding: 0 4px;
  }
}
.company-public-single-contest .company-single-contest-content .description .conditions-rewards .row-section-title {
  margin-bottom: 16px;
}
@media (min-width: 991px) {
  .company-public-single-contest .company-single-contest-content .description .conditions-rewards .row-section-title {
    margin-bottom: 24px;
  }
}
.company-public-single-contest .company-single-contest-content .description .conditions-rewards p {
  font-family: PeydaWebFaNum, serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  color: #475467;
  margin-bottom: 0;
}
.company-public-single-contest .company-single-contest-content .description .conditions-rewards ul, .company-public-single-contest .company-single-contest-content .description .conditions-rewards ol {
  font-family: PeydaWebFaNum, serif;
  list-style-position: outside;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 500;
}
.company-public-single-contest .company-single-contest-content .description .conditions-rewards ul li, .company-public-single-contest .company-single-contest-content .description .conditions-rewards ol li {
  font-size: 16px;
  line-height: 32px;
  color: #475467;
}
.company-public-single-contest .company-single-contest-content .description .conditions-rewards ul li p, .company-public-single-contest .company-single-contest-content .description .conditions-rewards ol li p {
  margin-bottom: 0;
}
.company-public-single-contest .company-single-contest-content .description .video-description-match {
  margin: 48px 0;
}
@media (max-width: 1199px) {
  .company-public-single-contest .company-single-contest-content .description .video-description-match {
    padding: 0 4px;
  }
}
.company-public-single-contest .company-single-contest-content .description .video-description-match .row-section-title {
  margin-bottom: 16px;
}
@media (min-width: 991px) {
  .company-public-single-contest .company-single-contest-content .description .video-description-match .row-section-title {
    margin-bottom: 24px;
  }
}
.company-public-single-contest .company-single-contest-content .description .video-description-match video {
  width: 100%;
  height: 364px;
  border-radius: 8px;
}
.company-public-single-contest .company-single-contest-content .description .match-image {
  margin: 48px 0;
}
@media (max-width: 1199px) {
  .company-public-single-contest .company-single-contest-content .description .match-image {
    margin: 0 0 48px 0;
    padding: 0 4px;
  }
}
.company-public-single-contest .company-single-contest-content .description .match-image .row-section-title {
  margin-bottom: 16px;
}
@media (min-width: 991px) {
  .company-public-single-contest .company-single-contest-content .description .match-image .row-section-title {
    margin-bottom: 24px;
  }
}
.company-public-single-contest .company-single-contest-content .description .match-image .match-img {
  max-height: 395px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.company-public-single-contest .company-single-contest-content .description .participate-contest {
  margin: 64px 0 48px 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: right;
  color: #475a67;
  padding-top: 24px;
}
@media (max-width: 1199px) {
  .company-public-single-contest .company-single-contest-content .description .participate-contest {
    margin: 24px 0 32px 0;
    padding: 0 4px;
  }
}
.company-public-single-contest .company-single-contest-content .description .participate-contest .row-section-title {
  margin-bottom: 16px;
}
@media (min-width: 991px) {
  .company-public-single-contest .company-single-contest-content .description .participate-contest .row-section-title {
    margin-bottom: 24px;
  }
}
.company-public-single-contest .company-single-contest-content .description .participate-contest p {
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  color: #475467;
  margin-bottom: 0;
}
.company-public-single-contest .company-single-contest-content .description .participate-contest ul, .company-public-single-contest .company-single-contest-content .description .participate-contest ol {
  font-family: pey;
  list-style-position: outside;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 500;
}
.company-public-single-contest .company-single-contest-content .description .participate-contest ul li, .company-public-single-contest .company-single-contest-content .description .participate-contest ol li {
  font-size: 16px;
  line-height: 32px;
  color: #475467;
}
.company-public-single-contest .company-single-contest-content .description .participate-contest ul li p, .company-public-single-contest .company-single-contest-content .description .participate-contest ol li p {
  margin-bottom: 0;
}
.company-public-single-contest .company-single-contest-content .description #generalQuestions {
  margin: 64px 0 48px 0;
  padding-bottom: 64px;
}
@media (max-width: 1199px) {
  .company-public-single-contest .company-single-contest-content .description #generalQuestions {
    margin: 24px 0 108px 0;
    padding: 0 4px;
  }
}
.company-public-single-contest .company-single-contest-content .description #generalQuestions #generalQuestion {
  padding-left: 16px;
  padding-right: 16px;
}
.company-public-single-contest .company-single-contest-content .description #generalQuestions .accordion-item {
  padding-top: 24px;
  padding-bottom: 32px;
}
.company-public-single-contest .company-single-contest-content .description #generalQuestions .accordion-item:not(:last-child) {
  border-bottom: 1px solid #eaeef0;
}
.company-public-single-contest .company-single-contest-content .description #generalQuestions .accordion-item h2 {
  display: inline-flex;
}
.company-public-single-contest .company-single-contest-content .description #generalQuestions .accordion-item h2 button {
  color: #1d2e39 !important;
  padding: 0 0 8px 0;
  font-weight: 700;
  padding-right: 32px;
}
.company-public-single-contest .company-single-contest-content .description #generalQuestions .accordion-item h2 .accordion-button::before {
  content: "";
  background-color: transparent !important;
  position: unset !important;
  margin-left: 10px !important;
  color: transparent !important;
  background-size: cover;
  width: 24px;
  height: 24px;
  transform: translateY(0) rotate(180deg) !important;
  fill: red;
  position: absolute !important;
  right: 0;
  top: 0;
}
.company-public-single-contest .company-single-contest-content .description #generalQuestions .accordion-item h2 .accordion-button.collapsed::before {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 8V16M8 12H16M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="rgba(152, 168, 179, 1)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: repeat-y !important;
}
.company-public-single-contest .company-single-contest-content .description #generalQuestions .accordion-item h2 .accordion-button:not(.collapsed)::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 12H16M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="rgba(152, 168, 179, 1)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: repeat-y !important;
}
.company-public-single-contest .company-single-contest-content .description #generalQuestions .accordion-item .accordion-body {
  padding: 0;
  padding-right: 32px;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #475a67 !important;
  text-align: justify;
}
@media (max-width: 991px) {
  .company-public-single-contest .company-single-contest-content .description #generalQuestions {
    padding-bottom: 32px;
  }
  .company-public-single-contest .company-single-contest-content .description #generalQuestions .accordion-item {
    padding-top: 16px;
    padding-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .company-public-single-contest .company-single-contest-content .description #generalQuestions {
    padding-bottom: 16px;
  }
  .company-public-single-contest .company-single-contest-content .description #generalQuestions .accordion-item {
    padding-top: 8px;
    padding-bottom: 16px;
  }
}
.company-public-single-contest .company-single-contest-content .suggestions {
  margin-top: 48px;
}
.company-public-single-contest .company-single-contest-content .suggestions form {
  border-bottom: 1px solid #eaeef0;
  padding-bottom: 24px;
  margin-bottom: 48px;
}
.company-public-single-contest .company-single-contest-content .suggestions form span {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  color: #1d2e39;
  margin-bottom: 6px;
}
.company-public-single-contest .company-single-contest-content .suggestions form .winning-bids-container {
  width: 312px;
}
.company-public-single-contest .company-single-contest-content .suggestions form .winning-bids-container .winning-bids {
  min-width: 100%;
}
.company-public-single-contest .company-single-contest-content .suggestions form .winning-bids-container .winning-bids label {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #344754;
  display: flex;
}
.company-public-single-contest .company-single-contest-content .suggestions form .winning-bids-container .winning-bids label span.svg-icon svg {
  width: 20px;
  margin-right: 8px;
  margin-left: 4px;
}
.company-public-single-contest .company-single-contest-content .suggestions form .filter-star-rate-container {
  width: 312px;
  margin-right: 24px;
}
.company-public-single-contest .company-single-contest-content .suggestions form .sort-date-container {
  min-width: 200px;
  margin-right: 24px;
}
.company-public-single-contest .company-single-contest-content .suggestions form .filter-star-rate button,
.company-public-single-contest .company-single-contest-content .suggestions form .sort-date button {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #98a8b3;
  box-shadow: unset;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.company-public-single-contest .company-single-contest-content .suggestions form .filter-star-rate button::after,
.company-public-single-contest .company-single-contest-content .suggestions form .sort-date button::after {
  border: unset;
  background: url("../../svg/contests/dropdown-icon.svg");
  width: 20px;
  height: 20px;
  vertical-align: unset;
}
.company-public-single-contest .company-single-contest-content .suggestions form .filter-star-rate .select-star,
.company-public-single-contest .company-single-contest-content .suggestions form .sort-date .select-star {
  display: flex;
  color: #f79009;
  line-height: 26px;
  font-size: 14px;
  font-weight: 400;
}
.company-public-single-contest .company-single-contest-content .suggestions form .filter-star-rate .select-star span,
.company-public-single-contest .company-single-contest-content .suggestions form .sort-date .select-star span {
  margin: 0 2px 0 0;
  font-weight: 700;
  color: #f79009;
  line-height: 26px;
  font-size: 14px;
}
.company-public-single-contest .company-single-contest-content .suggestions form .filter-star-rate .select-star img,
.company-public-single-contest .company-single-contest-content .suggestions form .sort-date .select-star img {
  height: 22px;
}
.company-public-single-contest .company-single-contest-content .suggestions form .filter-star-rate ul,
.company-public-single-contest .company-single-contest-content .suggestions form .sort-date ul {
  border-radius: 8px;
  border: 1px solid #eaeef0;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);
  transform: translate(0px, 51px) !important;
  width: 100%;
}
.company-public-single-contest .company-single-contest-content .suggestions form .filter-star-rate ul li,
.company-public-single-contest .company-single-contest-content .suggestions form .sort-date ul li {
  padding: 2px 4px;
}
.company-public-single-contest .company-single-contest-content .suggestions form .filter-star-rate ul li button,
.company-public-single-contest .company-single-contest-content .suggestions form .sort-date ul li button {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  color: #475a67;
  padding: 10px;
  justify-content: right !important;
}
.company-public-single-contest .company-single-contest-content .suggestions form .filter-star-rate ul li button:hover,
.company-public-single-contest .company-single-contest-content .suggestions form .sort-date ul li button:hover {
  background: #f9fafb;
  border-radius: 4px;
}
.company-public-single-contest .company-single-contest-content .suggestions form .filter-star-rate ul li button img,
.company-public-single-contest .company-single-contest-content .suggestions form .sort-date ul li button img {
  height: 22px;
}
.company-public-single-contest .company-single-contest-content .suggestions form .filter-star-rate ul li:not(:last-child, :first-child) button,
.company-public-single-contest .company-single-contest-content .suggestions form .sort-date ul li:not(:last-child, :first-child) button {
  display: flex;
  color: #f79009;
  line-height: 26px;
  font-size: 14px;
  font-weight: 400;
}
.company-public-single-contest .company-single-contest-content .suggestions form .filter-star-rate ul li:not(:last-child, :first-child) button span,
.company-public-single-contest .company-single-contest-content .suggestions form .sort-date ul li:not(:last-child, :first-child) button span {
  margin: 0 2px 0 0;
  font-weight: 700;
  color: #f79009;
  line-height: 26px;
  font-size: 14px;
}
.company-public-single-contest .company-single-contest-content .suggestions form .filter-star-rate ul li:nth-child(2) button img,
.company-public-single-contest .company-single-contest-content .suggestions form .sort-date ul li:nth-child(2) button img {
  width: 120px;
}
.company-public-single-contest .company-single-contest-content .suggestions form .filter-star-rate ul li:nth-child(3) button img,
.company-public-single-contest .company-single-contest-content .suggestions form .sort-date ul li:nth-child(3) button img {
  width: 96px;
}
.company-public-single-contest .company-single-contest-content .suggestions form .filter-star-rate ul li:nth-child(4) button img,
.company-public-single-contest .company-single-contest-content .suggestions form .sort-date ul li:nth-child(4) button img {
  width: 72px;
}
.company-public-single-contest .company-single-contest-content .suggestions form .filter-star-rate ul li:nth-child(5) button img,
.company-public-single-contest .company-single-contest-content .suggestions form .sort-date ul li:nth-child(5) button img {
  width: 48px;
}
.company-public-single-contest .company-single-contest-content .suggestions form .filter-star-rate ul li:nth-child(6) button img,
.company-public-single-contest .company-single-contest-content .suggestions form .sort-date ul li:nth-child(6) button img {
  width: 24px;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list {
  padding-bottom: 88px;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .mobile-filter {
  display: flex;
  justify-content: space-between;
  box-shadow: unset;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .mobile-filter button {
  display: flex;
  box-shadow: unset;
  align-items: center;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .mobile-filter button:focus {
  box-shadow: unset;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .mobile-filter button img {
  width: 24px;
  height: 24px;
  margin-left: 4px;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .mobile-filter button span {
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .winner-offer {
  background: linear-gradient(270deg, #ffffff 0%, #fffcf5 87.12%);
}
@media (max-width: 1199px) {
  .company-public-single-contest .company-single-contest-content .suggestions .offer-list .winner-offer {
    background: linear-gradient(90deg, #fffaeb 0%, #ffffff 74.3%);
  }
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card {
  border-radius: 16px;
  border: 1px solid #eaeef0;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  max-width: 872px;
  margin-bottom: 24px;
  background-color: #fff;
}
@media (max-width: 1199px) {
  .company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card {
    border-radius: 0;
    box-shadow: unset;
    border-top: 1px solid #eaeef0;
    border-left: unset;
    border-right: unset;
    border-bottom: unset;
    padding-bottom: 24px;
    margin-bottom: 0;
  }
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-header {
  margin: 32px 24px 24px 35px;
  border-bottom: 1px solid #eaeef0;
}
@media (max-width: 1199px) {
  .company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-header {
    border-bottom: unset;
    margin: 32px 16px 16px 16px;
  }
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-header .winner {
  border: 1px solid #fec84b;
  background: #fffaeb;
  border-radius: 16px;
  display: inline-flex;
  padding: 1px 8px 1px 10px;
  margin-left: 16px;
}
@media (max-width: 1199px) {
  .company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-header .winner {
    margin-bottom: 24px;
  }
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-header .winner img {
  width: 20px;
  margin-left: 2px;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-header .winner span {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  color: #fdb022;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-header .user-offer {
  display: flex;
  align-items: center;
  margin: 0 0 0 16px;
}
@media (max-width: 1199px) {
  .company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-header .user-offer {
    margin: 0 0 0 8px;
  }
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-header .user-offer img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  margin-left: 8px;
}
@media (max-width: 1199px) {
  .company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-header .user-offer img {
    margin-left: 4px;
  }
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-header .user-offer span {
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  color: #1d2e39;
  align-self: center;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-header .offer-date {
  border-right: 1px solid #eaeef0;
  align-self: center;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-header .offer-date span {
  color: #475a67;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  margin-right: 16px;
  direction: ltr;
}
@media (max-width: 1199px) {
  .company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-header .offer-date span {
    margin-right: 8px;
  }
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-header h2 {
  color: #1d2e39;
  font-size: 18px !important;
  font-weight: 700;
  line-height: 32px;
  margin: 16px 0 12px 0;
}
@media (max-width: 1199px) {
  .company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-header h2 {
    margin: 24px 0 12px 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
  }
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-header p {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #475a67;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 1199px) {
  .company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-header p {
    font-size: 14px;
    line-height: 26px;
    margin: 0;
  }
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-content {
  margin: 24px 24px 0 0;
  padding-bottom: 24px;
}
@media (max-width: 1199px) {
  .company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-content {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-content video {
    border-radius: 0 !important;
  }
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-content .tns-nav {
  margin-bottom: 0 !important;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-content .offer-slide-assets {
  position: relative;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-content .offer-slide-assets img,
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-content .offer-slide-assets video {
  height: 464px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-content .offer-slide-assets img,
  .company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-content .offer-slide-assets video {
    height: 217px;
  }
}
@media (max-width: 767px) {
  .company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-content .offer-slide-assets video {
    border-radius: unset;
  }
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-content .offer-slide-assets .owl-nav .owl-next {
  background-color: rgba(255, 255, 255, 0.6392156863);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-size: 24px;
  box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.0588235294), 0px 4px 8px -2px rgba(16, 24, 40, 0.1019607843);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  margin-left: 8px;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-content .offer-slide-assets .owl-nav .owl-next > span {
  color: #000000;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-content .offer-slide-assets .owl-nav .owl-next.disabled > span {
  opacity: 0.5;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-content .offer-slide-assets .owl-nav .owl-next:hover > span {
  opacity: 0.5;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-content .offer-slide-assets .owl-nav .owl-prev {
  background-color: rgba(255, 255, 255, 0.6392156863);
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 2;
  transform: translateY(-50%);
  font-size: 24px;
  box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.0588235294), 0px 4px 8px -2px rgba(16, 24, 40, 0.1019607843);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  margin-right: -8px;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-content .offer-slide-assets .owl-nav .owl-prev.disabled > span {
  opacity: 0.5;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-content .offer-slide-assets .owl-nav .owl-prev > span {
  color: #000000;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-content .offer-slide-assets .owl-nav .owl-prev:hover > span {
  opacity: 0.5;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-content .offer-slide-assets .owl-dots {
  text-align: center;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-content .offer-slide-assets .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  margin-left: 4px;
  border-radius: 50%;
  background-color: #f2f5f7;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-content .offer-slide-assets .owl-dots button.owl-dot.active {
  background-color: #101828;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-footer {
  display: flex;
  justify-content: space-between;
  margin: 0 24px 24px 24px;
  padding-top: 16px;
  border-top: 1px solid #eaeef0;
  align-items: center;
}
@media (max-width: 1199px) {
  .company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-footer {
    margin: 0 24px 0 24px;
  }
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-footer .select-star-rate {
  display: flex;
  position: relative;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-footer .select-star-rate button {
  padding: 0 !important;
  box-shadow: unset;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-footer .select-star-rate .rate {
  display: flex;
  flex-direction: row-reverse;
  margin-left: 2px;
  gap: 2px;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-footer .select-star-rate .rate:not(:checked) input {
  display: none;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-footer .select-star-rate .rate:not(:checked) label {
  width: 24px;
  height: 24px;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-footer .select-star-rate .rate:not(:checked) label:before {
  content: url("../../svg/stars/one-star.svg");
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-footer .select-star-rate .rate:not(:checked) label:hover:before {
  content: url("../../svg/stars/one-star-full.svg");
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-footer .select-star-rate .rate:not(:checked) label:hover ~ label:before {
  content: url("../../svg/stars/one-star-full.svg");
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-footer .select-star-rate .rate input:checked ~ label:before {
  content: url("../../svg/stars/one-star-full.svg");
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-footer .select-star-rate .rate input:checked ~ label:hover:before {
  content: url("../../svg/stars/one-star-full.svg");
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-footer .select-star-rate .rate input:checked ~ label:hover ~ label:before {
  content: url("../../svg/stars/one-star-full.svg");
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-footer .select-star-rate .rate input:checked + label:hover:before {
  content: url("../../svg/stars/one-star-full.svg");
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-footer .select-star-rate .rate input:checked + label:hover ~ label:before {
  content: url("../../svg/stars/one-star-full.svg");
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-footer .select-star-rate .rate label:hover ~ input:checked ~ label:before {
  content: url("../../svg/stars/one-star-full.svg");
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-footer .select-star-rate .rate-mobile {
  position: absolute;
  background: #ffffff;
  height: 44px;
  gap: 8px;
  padding: 8px 12px 8px 12px;
  border-radius: 8px;
  align-items: center;
  box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.0784313725);
  top: -32px;
  right: -22px;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-footer .select-star-rate .rate-mobile label {
  width: 28px;
  height: 28px;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-footer .select-star-rate .rate-mobile::before {
  content: url("../img/svg/star-rate-tooltip.svg");
  position: absolute;
  right: 15px;
  bottom: -14px;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-footer .select-star-rate .number-star-rate {
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  color: #f79009;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-footer .select-star-rate .letter-star-rate {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  color: #f79009;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-footer .offer-card-box-content-voting span:first-child {
  font-family: DanaFaNum, Serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 36px;
  color: #667985;
  margin-left: 4px;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-footer .offer-card-box-content-voting span:last-child {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  color: #667985;
}
@media (max-width: 1199px) {
  .company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-footer .offer-card-box-content-voting span:first-child {
    font-size: 16px;
  }
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-footer a {
  display: flex;
  text-decoration: unset;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-footer a span:before {
  content: "مشاهده جزئیات";
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  color: #101828;
}
@media (max-width: 1199px) {
  .company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-footer a span:before {
    content: "جزئیات";
  }
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .offer-card .offer-card-footer a img {
  margin-right: 4px;
  width: 24px;
  height: 24px;
}
.company-public-single-contest .company-single-contest-content .suggestions .offer-list .border-top-pagination {
  color: #eaeef0;
  margin-top: 40px;
  margin-bottom: 0;
}
.company-public-single-contest .mobile-profile-tab {
  background: #fff;
  padding-top: 16px;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.0509803922);
}
.company-public-single-contest .mobile-profile-tab .profile-company-tabs {
  margin-top: 0;
  justify-content: space-around;
}
.company-public-single-contest .mobile-profile-tab .profile-company-tabs .nav-link {
  padding: 0 16px 16px 16px;
  margin: 0;
}
.company-public-single-contest .mobile-profile-tab .profile-company-tabs .nav-link.active::before {
  height: 4px;
}
.company-public-single-contest .bottom-sheet-filter {
  height: 95vh;
  background: #fff;
  border-radius: 16px 16px 0 0;
  padding: 24px;
  box-shadow: 0 20px 24px -4px rgba(16, 24, 40, 0.0784313725);
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-header span {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  align-self: center;
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-header button {
  padding: 0 !important;
  box-shadow: unset;
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-header button img {
  width: 24px;
  height: 24px;
}
@media (max-width: 1199px) {
  .company-public-single-contest .bottom-sheet-filter form .bottom-sheet-content .winner-user-list {
    overflow-y: scroll;
    height: calc(100vh - 334px);
  }
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-content .winner-user-list p {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 8px;
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-content .winner-user-list .winner-user-item {
  border-top: 1px solid #eaeef0;
  padding: 18px 0;
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-content .winner-user-list .winner-user-item span {
  color: #fdb022;
  font-size: 20px;
  font-weight: 700;
  line-height: 36px;
  padding: 0 24px;
  align-self: center;
}
@media (max-width: 1199px) {
  .company-public-single-contest .bottom-sheet-filter form .bottom-sheet-content .winner-user-list .winner-user-item span {
    padding: 0 16px;
  }
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-content .winner-user-list .winner-user-item .winner-user-title {
  margin-bottom: 8px;
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-content .winner-user-list .winner-user-item .winner-user-title img {
  width: 24px;
  height: 24px;
  margin-left: 4px;
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-content .winner-user-list .winner-user-item .winner-user-title span {
  font-size: 12px;
  font-weight: 600;
  line-height: 22px;
  color: #475a67;
  padding: 0;
  margin-right: 4px;
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-content .winner-user-list .winner-user-item h3 {
  font-size: 13px !important;
  font-weight: 700;
  line-height: 24px;
  color: #475a67;
  margin: 8px 0 0 0;
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-content .winning-bids {
  width: 100%;
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-content .winning-bids input {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  margin-top: unset;
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-content .winning-bids label {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #344754;
  display: flex;
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-content .winning-bids label span.svg-icon {
  margin-bottom: unset;
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-content .winning-bids label span.svg-icon svg {
  width: 20px;
  margin-right: 8px;
  margin-left: 4px;
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-content .filter-star-rate-container {
  margin-top: 24px;
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-content .filter-star-rate-container span {
  display: block;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 6px;
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-content .filter-star-rate-container .star-rate-mobile {
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  margin-bottom: 6px;
  display: flex;
  color: #f79009;
  line-height: 26px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #d0d8dd;
  border-radius: 8px;
  padding: 8px;
  margin-left: 0;
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-content .filter-star-rate-container .star-rate-mobile label[for=all-offers],
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-content .filter-star-rate-container .star-rate-mobile label[for=no-stars] {
  color: #344754;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-content .filter-star-rate-container .star-rate-mobile input {
  border: 1px solid #98a8b3 !important;
  float: unset;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin: 0 0 0 8px;
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-content .filter-star-rate-container .star-rate-mobile span {
  margin: 0 2px 0 0;
  font-weight: 700;
  color: #f79009;
  line-height: 26px;
  font-size: 14px;
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-content .filter-star-rate-container .star-rate-mobile img {
  height: 26px;
  margin-left: 2px;
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-content .sort-date-container {
  margin-top: 24px;
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-content .sort-date-container span {
  display: block;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 6px;
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-content .sort-date-container .sort-date {
  display: flex;
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-content .sort-date-container .sort-date .sort-date-mobile {
  width: 50%;
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-content .sort-date-container .sort-date .sort-date-mobile:first-child {
  margin-left: 16px;
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-content .sort-date-container .sort-date .sort-date-mobile div {
  padding: 0;
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-content .sort-date-container .sort-date .sort-date-mobile input {
  border: 1px solid #98a8b3 !important;
  float: unset;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin: 0 0 0 8px;
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-content .sort-date-container .sort-date .sort-date-mobile label {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  align-self: center;
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-footer {
  padding: 12px 16px;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border-top: 1px solid #f2f5f7;
  display: flex;
  justify-content: space-between;
  background: #fff;
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-footer button[type=reset] {
  padding: 0 36px !important;
  color: #667985;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  margin: 6px 0;
  box-shadow: unset;
}
.company-public-single-contest .bottom-sheet-filter form .bottom-sheet-footer button[type=button] {
  padding: 6px 60px !important;
}
.company-public-single-contest .show-bottom-sheet {
  bottom: 0;
  transition: 1s;
}
.company-public-single-contest .show-bottom-sheet .bottom-sheet-footer {
  display: flex !important;
}
.company-public-single-contest .close-bottom-sheet {
  bottom: -95vh;
  transition: 1s;
}
.company-public-single-contest .close-bottom-sheet .bottom-sheet-footer {
  display: none !important;
}

.pagination-container {
  display: flex;
  justify-content: space-between;
  padding-top: 32px;
  margin-bottom: 136px;
  margin-top: 48px;
  border-top: 1px solid #eaeef0;
}
@media (max-width: 991px) {
  .pagination-container {
    margin-bottom: 64px;
    margin-top: 48px;
    border-top: unset;
  }
}
@media (max-width: 1199px) {
  .pagination-container {
    display: block;
  }
}
.pagination-container span {
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 8px;
  align-self: end;
  display: flex;
  justify-content: center;
  color: #667985;
}
.pagination-container span span {
  font-weight: 700;
  margin: 0 3px;
  color: #1d2e39;
}
.pagination-container ul {
  display: flex;
  list-style: none;
  padding: 0;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  border: 1px solid #eaeef0;
  border-radius: 8px;
  margin: 0;
}
@media (max-width: 1199px) {
  .pagination-container ul {
    display: inline-flex;
  }
}
.pagination-container ul .active-page {
  background: #f2f5f7;
}
.pagination-container ul li {
  width: 40px;
  height: 40px;
  border-left: 1px solid #eaeef0;
  align-self: center;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.pagination-container ul li:not(:first-child) {
  border-left: 1px solid #eaeef0;
}
.pagination-container ul li span.page {
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  text-decoration: none;
  display: grid;
  place-items: center;
}
.pagination-container ul li span.page img {
  width: 16px;
  height: 16px;
  margin-bottom: 5px;
}

.sending-offer {
  background: #fcfcfd;
}
.sending-offer .sending-offer-title {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 872px;
  margin: 16px auto 48px auto;
  padding: 0;
}
.sending-offer .sending-offer-title span {
  color: #98a8b3;
  font-size: 14px;
  line-height: 26px;
}
.sending-offer .sending-offer-title span:first-child {
  font-weight: 400;
}
.sending-offer .sending-offer-title span:last-child {
  font-weight: 500;
}
.sending-offer input#demo-link {
  direction: ltr;
}
.sending-offer .sending-offer-content {
  width: 872px;
  background: #ffffff;
  border: 1px solid #eaeef0;
  border-radius: 8px;
  padding: 32px;
  margin: 0 auto 142px auto;
}
.sending-offer .sending-offer-content h1 {
  border-bottom: 1px solid #eaeef0;
  padding-bottom: 24px;
  margin-bottom: 24px;
  font-size: 24px !important;
  font-weight: 700;
  line-height: 44px;
  color: #101828;
  display: block;
}
.sending-offer .sending-offer-content label {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  color: #1d2e39;
  margin-bottom: 6px;
}
.sending-offer .sending-offer-content .sending-offer-input {
  margin-bottom: 40px;
}
.sending-offer .sending-offer-content .sending-offer-input input {
  border: 1px solid #d0d8dd;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  padding: 8px 12px;
}
.sending-offer .sending-offer-content .sending-offer-input input::-moz-placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #98a8b3;
}
.sending-offer .sending-offer-content .sending-offer-input input::placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #98a8b3;
}
.sending-offer .sending-offer-content .sending-offer-input span {
  color: #667985;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  display: block;
  margin-top: 6px;
}
.sending-offer .sending-offer-content .sending-offer-input .custom-editor .ck-editor {
  border: 1px solid #d0d8dd !important;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922) !important;
}
.sending-offer .sending-offer-content .upload-media {
  margin-bottom: 16px;
}
.sending-offer .sending-offer-content .upload-media.video-media {
  padding-top: 32px;
  border-top: 1px solid #eaeef0;
}
.sending-offer .sending-offer-content .upload-media .upload-content {
  border: 1px solid #eaeef0;
  background: #ffffff;
  padding: 32px 24px 32px 40px;
  border-radius: 12px;
}
.sending-offer .sending-offer-content .upload-media .upload-content.rmpad {
  padding: 0;
  border: unset;
}
.sending-offer .sending-offer-content .upload-media .upload-content .upload-title {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (min-width: 991px) {
  .sending-offer .sending-offer-content .upload-media .upload-content .upload-title {
    border-left: 1px solid #eaeef0;
  }
}
.sending-offer .sending-offer-content .upload-media .upload-content .upload-title .upload-icon {
  width: 40px;
  height: 40px;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  border: 1px solid #eaeef0;
  background: #fff;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sending-offer .sending-offer-content .upload-media .upload-content .upload-title .upload-icon img {
  width: 20px;
  height: 20px;
}
.sending-offer .sending-offer-content .upload-media .upload-content .upload-title h3 {
  color: #1004a4;
  font-size: 14px !important;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 0;
}
.sending-offer .sending-offer-content .upload-media .upload-content .upload-file-description {
  padding-right: 32px;
}
.sending-offer .sending-offer-content .upload-media .upload-content .upload-file-description p {
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  color: #667985;
  margin-bottom: 8px;
}
.sending-offer .sending-offer-content .upload-media .upload-content .upload-file-description ul {
  margin-bottom: 0;
  padding: 0;
  list-style: number;
  margin-right: 16px;
}
.sending-offer .sending-offer-content .upload-media .upload-content .upload-file-description ul li {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #667985;
  margin-bottom: 8px;
}
.sending-offer .sending-offer-content .upload-media span {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #667985;
  display: block;
  margin-top: 6px;
}
.sending-offer .sending-offer-content .sending-offer-content-footer {
  display: flex;
  align-items: center;
  gap: 16px;
  border-top: 1px solid #eaeef0;
  padding-top: 24px;
  margin-top: 24px;
}
.sending-offer .sending-offer-content .sending-offer-content-footer input {
  width: 20px;
  height: 20px;
  border-radius: 6px;
  margin-top: 0;
  border: 1px solid #98a8b3;
}
.sending-offer .sending-offer-content .sending-offer-content-footer label {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  color: #475a67;
  margin-bottom: 0;
}
.sending-offer .sending-offer-content .sending-offer-content-footer label a {
  font-weight: 700 !important;
  color: #d65692 !important;
  text-decoration: none;
}

.sending-offer-footer {
  background: #fff;
  width: 100% !important;
  box-shadow: 0 -1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  padding: 16px 0;
}
.sending-offer-footer .sending-offer-container {
  max-width: 872px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 991px) {
  .sending-offer-footer .sending-offer-container {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.sending-offer-footer .sending-offer-container button {
  box-shadow: unset;
  height: 46px;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  border: 1px solid #101828;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  background: #101828;
  padding: 8px 16px 8px 16px !important;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  white-space: nowrap;
}
@media (min-width: 767px) {
  .sending-offer-footer .sending-offer-container button {
    padding-right: 55px !important;
    padding-left: 55px !important;
  }
}
@media (max-width: 767px) {
  .sending-offer-footer .sending-offer-container button {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 26px;
    text-align: center;
    padding: 6px 16px 6px 16px !important;
  }
}
.sending-offer-footer .sending-offer-container button svg {
  display: block;
  width: 24px;
  height: 24px;
}
.sending-offer-footer .sending-offer-container a {
  box-shadow: unset;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  color: #667985;
  display: flex;
  align-items: center;
  gap: 4px;
}
.sending-offer-footer .sending-offer-container a:before {
  content: url("../../svg/Icon/arrow-back.svg");
  display: block;
  width: 24px;
  height: 24px;
  margin-top: 2px;
}

.fixed-actions-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  background: #fff;
  width: 100%;
  padding: 16px 0;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.05);
  z-index: 10;
}
.fixed-actions-bottom div {
  margin: 0 auto;
  max-width: 648px;
}
.fixed-actions-bottom button.btn-primary-black {
  padding: 8px 24px;
  white-space: nowrap;
}

.single-contest {
  overflow-x: hidden;
}
.single-contest .mores {
  margin-top: 32px;
  margin-bottom: 64px;
  margin-top: 48px;
}
@media (min-width: 991px) {
  .single-contest .mores {
    margin-bottom: 80px;
    margin-top: 66px;
  }
}
.single-contest .mores .see-all-competition {
  background: #fff;
  border: 1px solid #d0d8dd;
  padding: 8px 16px !important;
  color: #344754;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 30px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 991px) {
  .single-contest .mores .see-all-competition {
    max-width: 424px;
  }
}
.single-contest .mores .see-all-competition img {
  width: 24px;
  height: 24px;
  margin-left: 8px;
}
@media (max-width: 991px) {
  .single-contest .mores {
    border-top: 1px solid #eaecf0;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .single-contest .mores .see-all-competition {
    width: 100%;
  }
}
.single-contest .mores .offer-show {
  color: #667985;
  font-size: 13px !important;
  font-weight: 400;
  line-height: 24px;
}
.single-contest .mores .offer-show h6 {
  font-size: 13px !important;
  font-weight: 700;
  line-height: 24px;
  color: #101828;
  padding: 0 4px;
}
.single-contest .header-contest .breadcrumb {
  padding: 16px 0;
}
@media (max-width: 1199px) {
  .single-contest .header-contest .breadcrumb {
    margin-bottom: 38px;
    border-bottom: 1px solid #eaeef0;
    width: 100%;
    padding: 16px 4px 8px 16px;
  }
}
.single-contest .header-contest .breadcrumb ul {
  display: flex;
  list-style: unset;
  padding: 0;
  margin-bottom: 70px;
}
@media (max-width: 1199px) {
  .single-contest .header-contest .breadcrumb ul {
    margin-bottom: unset;
  }
}
.single-contest .header-contest .breadcrumb ul li:first-child img,
.single-contest .header-contest .breadcrumb ul li:first-child svg {
  color: #98a8b3;
  width: 20px;
}
.single-contest .header-contest .breadcrumb ul li:not(:first-child) {
  display: flex;
}
.single-contest .header-contest .breadcrumb ul li:not(:first-child)::before {
  content: url("../../svg/Arrows/breadcrumb-item-icon.svg");
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 8px;
}
@media (max-width: 1199px) {
  .single-contest .header-contest .breadcrumb ul li:not(:first-child)::before {
    width: 16px;
    height: 16px;
  }
}
.single-contest .header-contest .breadcrumb ul li:not(:first-child) a {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #98a8b3;
  text-decoration: none;
}
@media (max-width: 1199px) {
  .single-contest .header-contest .breadcrumb ul li:not(:first-child) a {
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    color: #98a8b3;
  }
}
.single-contest .header-contest .public-single-contest-header {
  background: #fcfcfd;
}
@media (min-width: 1199px) {
  .single-contest .header-contest .public-single-contest-header {
    border-bottom: 1px solid #f2f5f7;
  }
}
@media (max-width: 1199px) {
  .single-contest .header-contest .public-single-contest-header {
    background: #fff;
  }
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-content {
  background: #fff;
  border-left: 1px solid #f2f5f7;
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-content > div:first-child {
  width: 100%;
  margin-right: auto;
  margin-left: 48px;
}
@media (min-width: 1199px) {
  .single-contest .header-contest .public-single-contest-header .public-single-contest-header-content > div:first-child {
    width: 456px;
  }
}
@media (max-width: 1319px) {
  .single-contest .header-contest .public-single-contest-header .public-single-contest-header-content > div:first-child {
    width: 100%;
    margin-left: 0;
  }
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-content .company-name {
  display: flex;
  margin-bottom: 64px;
}
@media (max-width: 1199px) {
  .single-contest .header-contest .public-single-contest-header .public-single-contest-header-content .company-name {
    margin-bottom: 16px;
  }
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-content .company-name img {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  margin-left: 8px;
}
@media (max-width: 1199px) {
  .single-contest .header-contest .public-single-contest-header .public-single-contest-header-content .company-name img {
    width: 24px;
    height: 24px;
  }
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-content .company-name span {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  color: #1d2e39;
}
@media (max-width: 1199px) {
  .single-contest .header-contest .public-single-contest-header .public-single-contest-header-content .company-name span {
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
  }
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-content .company-name span a {
  text-decoration: none;
  color: #1d2e39;
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-content .public-single-contest-status {
  display: flex;
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-content .public-single-contest-status.company:before {
  content: url("../../svg/companies/design/building-07.svg");
  display: block;
  width: 24px;
  height: 24px;
  margin-left: 4px;
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-content .public-single-contest-status.voting:before {
  content: url("../../svg/companies/design/users-03.svg");
  display: block;
  width: 24px;
  height: 24px;
  margin-left: 4px;
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-content .public-single-contest-status span {
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  color: #667985;
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-content h1 {
  font-size: 32px !important;
  font-weight: 700;
  line-height: 58px;
  color: #101828;
  margin-top: 16px;
  margin-bottom: 73px;
  padding: 0;
}
@media (max-width: 1199px) {
  .single-contest .header-contest .public-single-contest-header .public-single-contest-header-content h1 {
    font-size: 24px !important;
    line-height: 44px;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-content .send-proposal-container {
  background: url("../img/svg/send-proposal-bg.svg") no-repeat center;
  background-size: contain;
}
@media (max-width: 1199px) {
  .single-contest .header-contest .public-single-contest-header .public-single-contest-header-content .send-proposal-container {
    position: fixed;
    bottom: 0;
    right: 0;
    background: #fff;
    box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.0509803922);
    padding: 12px 16px;
  }
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-content .send-proposal-container .send-proposal {
  width: 456px;
  height: 52px;
  padding: 10px 16px 10px 16px;
  border-radius: 8px;
  border: 1px solid #101828;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  background: #101828;
  text-decoration: unset;
  margin: 48px 0;
}
@media (max-width: 1199px) {
  .single-contest .header-contest .public-single-contest-header .public-single-contest-header-content .send-proposal-container .send-proposal {
    width: 100%;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .single-contest .header-contest .public-single-contest-header .public-single-contest-header-content .send-proposal-container .send-proposal:after {
    content: url("../img/svg/arrow-left.svg");
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    margin-top: -2px;
  }
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image {
  margin-top: 126px;
  padding-right: 56px;
  padding-bottom: 88px;
}
@media (max-width: 1199px) {
  .single-contest .header-contest .public-single-contest-header .public-single-contest-header-image {
    padding: 16px 0 48px 0;
    margin-top: 48px;
    border-top: 1px solid #eaeef0;
    border-bottom: 1px solid #eaeef0;
  }
}
@media (max-width: 767px) {
  .single-contest .header-contest .public-single-contest-header .public-single-contest-header-image {
    padding: 16px 0 24px 0;
  }
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .contest-videos-items {
  position: relative;
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .contest-videos-items .item video,
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .contest-videos-items .item img {
  max-height: 427px;
  border-radius: 16px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 991px) {
  .single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .contest-videos-items .item video,
  .single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .contest-videos-items .item img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media (min-width: 1199px) {
  .single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .contest-videos-items .item video,
  .single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .contest-videos-items .item img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (max-width: 767px) {
  .single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .contest-videos-items .item video,
  .single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .contest-videos-items .item img {
    border-radius: unset;
  }
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .contest-videos-items .owl-nav {
  position: absolute;
  bottom: -38px;
  right: 0;
}
@media (max-width: 767px) {
  .single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .contest-videos-items .owl-nav {
    display: none;
  }
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .contest-videos-items .owl-nav .owl-next {
  font-size: 24px;
  box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.0588235294), 0px 4px 8px -2px rgba(16, 24, 40, 0.1019607843);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .contest-videos-items .owl-nav .owl-next > span {
  color: #000000;
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .contest-videos-items .owl-nav .owl-next.disabled > span {
  opacity: 0.5;
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .contest-videos-items .owl-nav .owl-next:hover > span {
  opacity: 0.5;
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .contest-videos-items .owl-nav .owl-prev {
  font-size: 24px;
  box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.0588235294), 0px 4px 8px -2px rgba(16, 24, 40, 0.1019607843);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  margin-left: 8px;
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .contest-videos-items .owl-nav .owl-prev.disabled > span {
  opacity: 0.5;
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .contest-videos-items .owl-nav .owl-prev > span {
  color: #000000;
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .contest-videos-items .owl-nav .owl-prev:hover > span {
  opacity: 0.5;
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .contest-videos-items .owl-dots {
  text-align: center;
  position: relative;
  top: 10px;
}
@media (min-width: 767px) {
  .single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .contest-videos-items .owl-dots {
    display: none;
  }
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .contest-videos-items .owl-dots button.owl-dot {
  width: 6px;
  height: 6px;
  margin-left: 4px;
  border-radius: 50%;
  background-color: #f2f5f7;
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .contest-videos-items .owl-dots button.owl-dot.active {
  background-color: #101828;
}
@media (min-width: 1199px) {
  .single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .contest-videos-items {
    min-height: 427px;
  }
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image div:first-child {
  width: 100%;
}
@media (min-width: 1319px) {
  .single-contest .header-contest .public-single-contest-header .public-single-contest-header-image div:first-child {
    width: 760px;
  }
}
@media (max-width: 1319px) {
  .single-contest .header-contest .public-single-contest-header .public-single-contest-header-image div:first-child {
    width: 100%;
  }
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .status-mobile {
  padding: 0 16px;
}
@media (max-width: 1199px) {
  .single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .status-mobile {
    margin-bottom: 16px;
  }
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .status-mobile .public-single-contest-status {
  display: flex;
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .status-mobile .public-single-contest-status.company:before {
  content: url("../../svg/companies/design/building-07.svg");
  display: block;
  width: 24px;
  height: 24px;
  margin-left: 4px;
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .status-mobile .public-single-contest-status.voting:before {
  content: url("../../svg/companies/design/users-03.svg");
  display: block;
  width: 24px;
  height: 24px;
  margin-left: 4px;
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .status-mobile .public-single-contest-status span {
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  color: #667985;
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .status-mobile .receiving-offers {
  border: 1px solid #7dc8f7;
  background: #ebf4fa;
  border-radius: 25px;
  width: 152px;
  height: 26px;
  padding: 2px 6px 2px 8px;
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .status-mobile .receiving-offers span {
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  color: #0e88d4;
  display: flex;
  align-items: center;
  width: 152px;
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .status-mobile .receiving-offers span:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: #49b3f3;
  border-radius: 50%;
  margin-left: 6px;
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .slider-actions {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1319px) {
  .single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .slider-actions {
    width: 760px;
  }
}
@media (max-width: 1199px) {
  .single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .slider-actions {
    width: 100%;
  }
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .slider-actions div:first-child {
  width: unset;
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .match-image {
  width: 760px;
  height: 427px;
}
@media (max-width: 1199px) {
  .single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .match-image {
    width: 100%;
    height: 203px;
  }
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .copy-link#clipboard_copy {
  position: relative;
  box-shadow: none;
  display: flex;
  text-decoration: none;
  color: #98a8b3;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .copy-link#clipboard_copy svg {
  width: 20px;
  height: 20px;
  margin-left: 4px;
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .copy-link#clipboard_copy .custom-tooltip-inner {
  font-size: 12px;
  position: absolute;
  max-width: 200px;
  padding: 0.2rem 0.5rem;
  color: #079455;
  border: 1px solid #079455;
  text-align: center;
  background-color: #f6fef9;
  border-radius: 0.25rem;
  left: -50%;
  top: 120%;
  white-space: nowrap;
  z-index: 10;
}
.single-contest .header-contest .public-single-contest-header .public-single-contest-header-image .copy-link#clipboard_copy .custom-tooltip-inner.tooltip-mob {
  left: 0;
  top: 100%;
}
.single-contest .contest-content-timing {
  background-color: #F9FAFB;
  padding: 32px 0;
}
@media (min-width: 1024px) {
  .single-contest .contest-content-timing {
    padding: 45px 0 77px 0;
    background-color: #FFFFFF;
  }
}
.single-contest .category-contest {
  padding-top: 16px;
  padding-bottom: 16px;
}
.single-contest .category-contest.category-contest-mob {
  display: none !important;
}
.single-contest .category-contest.category-contest-des {
  display: flex !important;
}
.single-contest .category-contest > a, .single-contest .category-contest > span, .single-contest .category-contest > .container a, .single-contest .category-contest > .container span {
  font-size: 13px;
  font-weight: 400;
}
.single-contest .category-contest > a.icon svg, .single-contest .category-contest > span.icon svg, .single-contest .category-contest > .container a.icon svg, .single-contest .category-contest > .container span.icon svg {
  width: 20px;
  color: #667985;
}
.single-contest .category-contest > a:not(:first-child), .single-contest .category-contest > span:not(:first-child), .single-contest .category-contest > .container a:not(:first-child), .single-contest .category-contest > .container span:not(:first-child) {
  color: #98a8b3;
}
.single-contest .category-contest > a:not(:last-child)::after, .single-contest .category-contest > span:not(:last-child)::after, .single-contest .category-contest > .container a:not(:last-child)::after, .single-contest .category-contest > .container span:not(:last-child)::after {
  content: " > ";
  display: inline-block;
  color: #98a8b3;
  font-size: 13px;
  font-weight: 400;
  padding: 0 8px;
}
.single-contest .container-table .row-section-title {
  margin-bottom: 24px;
}
.single-contest .container-table table {
  border: 1px solid #eaeef0;
}
.single-contest .container-table table thead {
  overflow: scroll;
  background: #f9fafb;
}
.single-contest .container-table table thead th {
  margin: 0 6px;
  padding: 12px 16px;
  color: #475a67;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
}
.single-contest .container-table table thead th svg {
  transform: rotate(90deg);
  width: 12px;
  margin-right: 3px;
}
.single-contest .container-table table tbody {
  overflow: scroll;
}
.single-contest .container-table table tbody tr {
  border-top: 1px solid #eaeef0;
}
.single-contest .container-table table tbody tr td {
  margin: 0 6px;
  padding: 12px 16px;
  color: #000;
  white-space: normal;
}
.single-contest .container-table table tbody tr td.t-offer-count {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
  color: #1d2e39;
}
.single-contest .container-table table tbody tr td.t-offer-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
  color: #1d2e39;
}
.single-contest .container-table table tbody tr td.t-offer-sender {
  max-width: 189px;
}
.single-contest .container-table table tbody tr td.t-offer-sender a img {
  display: block;
  width: 32px;
  height: 32px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-left: 8px;
}
.single-contest .container-table table tbody tr td.t-offer-sender a span {
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0em;
  color: #1d2e39;
}
.single-contest .container-table table tbody tr td.t-offer-vote span {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
  color: #475a67;
}
.single-contest .container-table table tbody tr td.t-offer-vote p {
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  color: #475a67;
}
.single-contest .container-table table tbody span,
.single-contest .container-table table tbody p {
  color: #475a67;
}
.single-contest .container-table .table-mobile section {
  padding: 16px;
  background: #fff !important;
}
.single-contest .container-table .table-mobile section:nth-child(even) {
  background: #f9fafb !important;
}
.single-contest .container-table .table-mobile section:last-child {
  background: #f9fafb;
}
.single-contest .container-table .table-mobile section:not(:last-child) {
  border-bottom: 1px solid #eaeef0;
}
.single-contest .container-table .table-mobile section .t-offer-sender {
  font-size: 12px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0em;
  color: #475a67;
}
.single-contest .container-table .table-mobile section .t-offer-sender img {
  width: 24px;
  height: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-left: 4px;
}
.single-contest .container-table .table-mobile section .t-offer-title {
  font-size: 13px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: right;
  color: #475a67;
  margin-top: 8px;
  margin-bottom: 16px;
}
.single-contest .container-table .table-mobile section .t-offer-info .t-info p {
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: right;
  color: #667985;
}
.single-contest .container-table .table-mobile section .t-offer-info .t-info span.rank {
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0em;
  color: #667985;
  border-left: 1px solid #eaeef0;
  padding-left: 8px;
}
.single-contest .container-table .table-mobile section .t-offer-info .t-info span.svg-icon {
  margin-right: 8px;
}
.single-contest .container-table .table-mobile section .t-offer-info .t-info span.svg-icon svg {
  width: 22px;
  height: 22px;
}
.single-contest .container-table .table-mobile section .t-offer-info .t-info .t-likes {
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: right;
  color: #667985;
  margin-right: 4px;
}
.single-contest .container-table .table-mobile section .t-offer-info .t-detail {
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: right;
}
.single-contest .container-table .table-mobile section .t-offer-info .t-detail .svg-icon {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.single-contest .container-table .table-mobile section .footer-table {
  padding-top: 8px;
}
.single-contest .container-table .table-mobile section .footer-table > div:first-child {
  color: #667985;
}
.single-contest .container-table .table-mobile section .footer-table > div:first-child path {
  stroke: #667985;
}
.single-contest .container-table .table-mobile section .footer-table > div:last-child svg {
  transform: rotate(180deg);
}
.single-contest .container-table .container-pagination {
  border: 1px solid #eaeef0;
  border-radius: 8px;
}
.single-contest .container-table .container-pagination > div {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-weight: bold;
  cursor: pointer;
}
.single-contest .container-table .container-pagination > div.active {
  background: #f2f5f7;
}
.single-contest .container-table .container-pagination > div:not(:last-child) {
  border-left: 1px solid #eaeef0;
}
.single-contest .organizer-container {
  padding-top: 64px;
  padding-bottom: 64px;
  background-color: #f9fafb;
  position: relative;
}
.single-contest .organizer-container > div {
  max-width: 648px;
}
.single-contest .organizer-container > div > a {
  margin-top: 24px;
  margin-bottom: 16px;
}
.single-contest .organizer-container > div > a h6 {
  font-weight: 600;
  color: #1d2e39;
  font-size: 16px !important;
  line-height: 30px !important;
}
@media (min-width: 991px) {
  .single-contest .organizer-container > div > a h6 {
    font-weight: 700;
    font-size: 18px !important;
    line-height: 32px !important;
  }
}
.single-contest .organizer-container > div > a img {
  width: 32px;
  height: 32px;
  margin-left: 8px;
  border-radius: 8px;
}
@media (min-width: 991px) {
  .single-contest .organizer-container > div > a img {
    width: 48px;
    height: 48px;
  }
}
.single-contest .organizer-container > div > p {
  color: #475a67;
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
}
@media (min-width: 991px) {
  .single-contest .organizer-container > div > p {
    font-size: 16px;
    line-height: 30px;
  }
}
@media (max-width: 991px) {
  .single-contest .organizer-container {
    padding-top: 32px;
  }
  .single-contest .organizer-container > div > a {
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 8px;
  }
  .single-contest .organizer-container > div > a img {
    width: 32px;
    height: 32px;
  }
  .single-contest .organizer-container > div > p {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.single-contest .auth-container {
  width: 100%;
  background-color: #f9fafb !important;
  padding-top: 48px;
  padding-bottom: 48px;
  padding-left: 16px;
  padding-right: 16px;
}
.single-contest .auth-container .alert-wide {
  max-width: 648px;
}
@media (min-width: 767px) {
  .single-contest .auth-container {
    padding-left: unset;
    padding-right: unset;
    min-height: 462px;
    padding-top: unset;
    padding-bottom: 80px;
  }
}
.single-contest .auth-container .btns a {
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0em;
  color: #1004a4;
}
.single-contest .auth-container .btns a:hover {
  color: rgba(17, 4, 164, 0.831372549);
}
.single-contest .contest-header .company-type {
  font-size: 13px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: right;
  color: #667985;
  margin-bottom: 16px;
}
.single-contest .contest-header .company-type svg {
  width: 20px;
  height: 20px;
  margin-left: 4px;
}
.single-contest .contest-header .company-type-status {
  display: none !important;
}
.single-contest .contest-header .info-contest {
  width: 40%;
  min-height: 60vh;
  border-left: 1px solid #f2f5f7;
  padding-left: 48px;
  padding-bottom: 120px;
}
.single-contest .contest-header .info-contest a.company-info {
  margin-top: 70px;
  margin-bottom: 64px;
}
.single-contest .contest-header .info-contest a.company-info h6 {
  font-size: 16px !important;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: right;
  margin-right: 8px;
  color: #101828;
}
.single-contest .contest-header .info-contest a.company-info img.logo-company {
  width: 32px;
  height: 32px;
  border-radius: 4px;
}
.single-contest .contest-header .info-contest .contest-title {
  font-size: 32px !important;
  font-weight: 700;
  line-height: 58px;
  letter-spacing: 0em;
  text-align: right;
  color: #101828;
}
.single-contest .contest-header .info-contest .link-send-offer {
  width: 100%;
  margin-top: 120px;
  position: relative;
}
.single-contest .contest-header .info-contest .link-send-offer .bg-send-offer {
  position: absolute;
  width: 200px;
  height: 80px;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: -60px;
  opacity: 0.48;
  background: #49b3f3;
  filter: blur(60px);
  z-index: 0;
}
.single-contest .contest-header .info-contest .link-send-offer .btn-primary-black {
  width: 100%;
  position: relative;
  z-index: 1;
}
.single-contest .contest-header .assets-contest {
  width: 60%;
  margin-top: 70px;
  padding-right: 56px;
}
.single-contest .contest-header .assets-contest .contest-videos-items {
  position: relative;
}
@media (max-width: 767px) {
  .single-contest .contest-header .assets-contest .contest-videos-items video {
    border-radius: unset;
  }
}
.single-contest .contest-header .assets-contest .contest-videos-items .owl-nav {
  position: absolute;
  bottom: -38px;
  right: 0;
}
@media (max-width: 767px) {
  .single-contest .contest-header .assets-contest .contest-videos-items .owl-nav {
    display: none;
  }
}
.single-contest .contest-header .assets-contest .contest-videos-items .owl-nav .owl-next {
  font-size: 24px;
  box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.0588235294), 0px 4px 8px -2px rgba(16, 24, 40, 0.1019607843);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
.single-contest .contest-header .assets-contest .contest-videos-items .owl-nav .owl-next > span {
  color: #000000;
}
.single-contest .contest-header .assets-contest .contest-videos-items .owl-nav .owl-next.disabled > span {
  opacity: 0.5;
}
.single-contest .contest-header .assets-contest .contest-videos-items .owl-nav .owl-next:hover > span {
  opacity: 0.5;
}
.single-contest .contest-header .assets-contest .contest-videos-items .owl-nav .owl-prev {
  font-size: 24px;
  box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.0588235294), 0px 4px 8px -2px rgba(16, 24, 40, 0.1019607843);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  margin-left: 8px;
}
.single-contest .contest-header .assets-contest .contest-videos-items .owl-nav .owl-prev.disabled > span {
  opacity: 0.5;
}
.single-contest .contest-header .assets-contest .contest-videos-items .owl-nav .owl-prev > span {
  color: #000000;
}
.single-contest .contest-header .assets-contest .contest-videos-items .owl-nav .owl-prev:hover > span {
  opacity: 0.5;
}
.single-contest .contest-header .assets-contest .contest-videos-items .owl-dots {
  text-align: center;
}
@media (min-width: 767px) {
  .single-contest .contest-header .assets-contest .contest-videos-items .owl-dots {
    display: none;
  }
}
.single-contest .contest-header .assets-contest .contest-videos-items .owl-dots button.owl-dot {
  width: 6px;
  height: 6px;
  margin-left: 4px;
  border-radius: 50%;
  background-color: #f2f5f7;
}
.single-contest .contest-header .assets-contest .contest-videos-items .owl-dots button.owl-dot.active {
  background-color: #101828;
}
@media (min-width: 1199px) {
  .single-contest .contest-header .assets-contest .contest-videos-items {
    min-height: 427px;
  }
}
@media (max-width: 991px) {
  .single-contest .contest-header .assets-contest {
    padding-bottom: 24px;
  }
}
.single-contest .container-progress {
  width: 100%;
  background: #fff;
}
@media (max-width: 1199px) {
  .single-contest .container-progress {
    padding: 0 16px;
  }
}
@media (min-width: 767px) {
  .single-contest .container-progress {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}
.single-contest .container-progress .row-section-title {
  margin-bottom: 24px;
  margin-top: 32px;
}
.single-contest .container-progress p,
.single-contest .container-progress span {
  margin-bottom: 0;
  line-height: 26px;
  color: #98a8b3;
}
.single-contest .container-progress > div {
  max-width: 872px;
}
.single-contest .container-progress > div > div:first-child .desktop span.active,
.single-contest .container-progress > div > div:first-child .desktop p.active {
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
}
.single-contest .container-progress > div > div:first-child .desktop p {
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  color: #98a8b3;
}
.single-contest .container-progress > div > div:first-child .desktop span {
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  display: block;
}
.single-contest .container-progress > div > div:first-child .desktop .progress-div {
  width: 76%;
  height: 3px;
  background: #eaeef0;
  margin: 8px 0;
  position: relative;
}
.single-contest .container-progress > div > div:first-child .desktop .progress-div::after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  height: 4px;
  border-radius: 2px;
}
.single-contest .container-progress > div > div:first-child .desktop > div:first-child > div {
  position: relative;
}
.single-contest .container-progress > div > div:first-child .desktop > div:first-child > div::after {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  background: #eaeef0;
  bottom: -16px;
  right: 0;
  border-radius: 50%;
  z-index: 1;
}
.single-contest .container-progress > div > div:first-child .mobile {
  display: flex;
}
.single-contest .container-progress > div > div:first-child .mobile span.active,
.single-contest .container-progress > div > div:first-child .mobile p.active {
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
}
.single-contest .container-progress > div > div:first-child .mobile .progress-div {
  width: 2px !important;
  height: 258px;
  background: #eaeef0;
  margin: 8px 0;
  position: relative;
}
.single-contest .container-progress > div > div:first-child .mobile .progress-div::after {
  position: absolute;
  right: 0;
  bottom: -2px;
  top: 0;
  content: "";
  width: 2px !important;
  height: 3px;
  border-radius: 2px;
}
.single-contest .container-progress > div > div:first-child .mobile > div:last-child {
  margin-right: 16px;
}
.single-contest .container-progress > div > div:first-child .mobile > div:last-child > div {
  position: relative;
  margin-bottom: 29px;
}
.single-contest .container-progress > div > div:first-child .mobile > div:last-child > div::after {
  position: absolute;
  top: 7px;
  right: -21px;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #eaeef0;
}
.single-contest .container-progress > div > div:first-child .mobile.voting .progress-div {
  height: 160px !important;
}
.single-contest .container-progress > div .step-1 .desktop .progress-div::after {
  width: 16%;
  background: #49b3f3;
}
.single-contest .container-progress > div .step-1 .desktop > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.single-contest .container-progress > div .step-1 .desktop > div div:nth-child(1) p {
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 26px;
  color: #1d2e39 !important;
}
.single-contest .container-progress > div .step-1 .desktop > div div:nth-child(1) span {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #1d2e39 !important;
}
.single-contest .container-progress > div .step-1 .mobile .progress-div::after {
  height: 47px !important;
  background: #49b3f3;
}
.single-contest .container-progress > div .step-1 .mobile > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.single-contest .container-progress > div .step-1 .mobile > div div:nth-child(1) p {
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 26px;
  color: #1d2e39 !important;
}
.single-contest .container-progress > div .step-1 .mobile > div div:nth-child(1) span {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #1d2e39 !important;
}
.single-contest .container-progress > div .step-2 .desktop .progress-div::after {
  width: 50%;
  background: linear-gradient(90deg, #1004a4 0%, #1004a4 34.91%, #49b3f3 56.25%, #49b3f3 100%);
}
.single-contest .container-progress > div .step-2 .desktop > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.single-contest .container-progress > div .step-2 .desktop > div div:nth-child(2)::after {
  background: #1004a4 !important;
}
.single-contest .container-progress > div .step-2 .desktop > div div:nth-child(2) p {
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 26px;
  color: #1d2e39 !important;
}
.single-contest .container-progress > div .step-2 .desktop > div div:nth-child(2) span {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #1d2e39 !important;
}
.single-contest .container-progress > div .step-2 .mobile .progress-div::after {
  width: 3px;
  height: 134px !important;
  background: linear-gradient(0deg, #1004a4 11.88%, #49b3f3 51.91%);
}
.single-contest .container-progress > div .step-2 .mobile > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.single-contest .container-progress > div .step-2 .mobile > div div:nth-child(2)::after {
  background: #1004a4 !important;
}
.single-contest .container-progress > div .step-2 .mobile > div div:nth-child(2) p {
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 26px;
  color: #1d2e39 !important;
}
.single-contest .container-progress > div .step-2 .mobile > div div:nth-child(2) span {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #1d2e39 !important;
}
.single-contest .container-progress > div .step-3 .desktop .progress-div::after {
  width: 83%;
  background: linear-gradient(90deg, #c72d80 0%, #c72d80 22.92%, #1004a4 39.58%, #1004a4 66.67%, #49b3f3 75%, #49b3f3 100%);
}
.single-contest .container-progress > div .step-3 .desktop > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.single-contest .container-progress > div .step-3 .desktop > div div:nth-child(2)::after {
  background: #1004a4 !important;
}
.single-contest .container-progress > div .step-3 .desktop > div div:nth-child(3)::after {
  background: #c72d80 !important;
}
.single-contest .container-progress > div .step-3 .desktop > div div:nth-child(3) p {
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 26px;
  color: #1d2e39 !important;
}
.single-contest .container-progress > div .step-3 .desktop > div div:nth-child(3) span {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #1d2e39 !important;
}
.single-contest .container-progress > div .step-3 .mobile .progress-div::after {
  width: 3px;
  height: 215px !important;
  background: linear-gradient(0deg, #c72d80 13.77%, #1004a4 32.91%, #49b3f3 65.32%);
}
.single-contest .container-progress > div .step-3 .mobile > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.single-contest .container-progress > div .step-3 .mobile > div div:nth-child(2)::after {
  background: #1004a4 !important;
}
.single-contest .container-progress > div .step-3 .mobile > div div:nth-child(3)::after {
  background: #c72d80 !important;
}
.single-contest .container-progress > div .step-3 .mobile > div div:nth-child(3) p {
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 26px;
  color: #1d2e39 !important;
}
.single-contest .container-progress > div .step-3 .mobile > div div:nth-child(3) span {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #1d2e39 !important;
}
.single-contest .container-progress > div .step-3 .mobile.voting .progress-div::after {
  height: 160px !important;
  background: linear-gradient(0deg, #fdb022 0%, #1004a4 54.69%, #49b3f3 77.6%) !important;
}
.single-contest .container-progress > div .step-3 .mobile.voting > div div:nth-child(3) p {
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 26px;
  color: #1d2e39 !important;
}
.single-contest .container-progress > div .step-3 .mobile.voting > div div:nth-child(3) span {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #1d2e39 !important;
}
.single-contest .container-progress > div .step-4 .desktop .progress-div::after {
  width: 100%;
  background: linear-gradient(90deg, #fdb022 0%, #c72d80 29.69%, #1004a4 57.29%, #49b3f3 75.52%);
}
.single-contest .container-progress > div .step-4 .desktop > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.single-contest .container-progress > div .step-4 .desktop > div div:nth-child(2)::after {
  background: #1004a4 !important;
}
.single-contest .container-progress > div .step-4 .desktop > div div:nth-child(3)::after {
  background: #c72d80 !important;
}
.single-contest .container-progress > div .step-4 .desktop > div div:nth-child(4)::after {
  background: #fdb022 !important;
}
.single-contest .container-progress > div .step-4 .desktop > div div:nth-child(4) p {
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 26px;
  color: #1d2e39 !important;
}
.single-contest .container-progress > div .step-4 .desktop > div div:nth-child(4) span {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #1d2e39 !important;
}
.single-contest .container-progress > div .step-4 .mobile .progress-div::after {
  width: 3px;
  height: 258px !important;
  background: linear-gradient(0deg, #fdb022 0%, #c72d80 29.17%, #1004a4 48.96%, #49b3f3 75.52%);
}
.single-contest .container-progress > div .step-4 .mobile p {
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 1199px) {
  .single-contest .container-progress > div .step-4 .mobile p {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #98a8b3;
    margin-bottom: 8px;
  }
}
.single-contest .container-progress > div .step-4 .mobile span {
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 1199px) {
  .single-contest .container-progress > div .step-4 .mobile span {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #98a8b3;
  }
}
.single-contest .container-progress > div .step-4 .mobile > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.single-contest .container-progress > div .step-4 .mobile > div div:nth-child(2)::after {
  background: #1004a4 !important;
}
.single-contest .container-progress > div .step-4 .mobile > div div:nth-child(3)::after {
  background: #c72d80 !important;
}
.single-contest .container-progress > div .step-4 .mobile > div div:nth-child(4)::after {
  background: #fdb022 !important;
}
.single-contest .container-progress > div .step-4 .mobile > div div:nth-child(4) p {
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 26px;
  color: #1d2e39 !important;
}
.single-contest .container-progress > div .step-4 .mobile > div div:nth-child(4) span {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #1d2e39 !important;
}
.single-contest .container-progress > div > div:last-child > div {
  list-style: none;
  padding: 0;
  margin: 0;
}
.single-contest .container-progress > div > div:last-child > div > div {
  cursor: pointer;
  color: #98a8b3;
  white-space: nowrap;
}
@media (max-width: 575px) {
  .single-contest .container-progress > div > div:last-child > div > div {
    padding: 0 24px 12px 24px;
  }
}
.single-contest .container-progress > div > div:last-child > div > div svg {
  margin-left: 8px;
}
.single-contest .container-progress > div > div:last-child > div > div svg path {
  stroke: #98a8b3;
}
.single-contest .container-progress > div > div:last-child > div > div.active {
  color: #101828;
  border-bottom: 3px solid #101828;
}
.single-contest .container-progress > div > div:last-child > div > div.active svg path {
  stroke: #101828;
}
.single-contest .container-progress > div.people-voting > div:first-child {
  margin-right: 200px;
}
.single-contest .container-progress > div.people-voting > div:first-child .progress-div {
  width: 76%;
}
.single-contest .container-progress > div.people-voting .step-1 .progress-div::after {
  width: 25%;
}
.single-contest .container-progress > div.people-voting .step-1 .mobile .progress-div::after {
  height: 174px;
}
.single-contest .container-progress > div.people-voting .step-2 .progress-div::after {
  width: 75%;
}
.single-contest .container-progress > div.people-voting .step-2 .mobile .progress-div::after {
  height: 174px;
}
.single-contest .container-progress > div.people-voting .step-3 .mobile .progress-div::after {
  height: 174px !important;
  background: linear-gradient(0deg, #fdb022 0%, #1004a4 54.69%, #49b3f3 77.6%) !important;
}
.single-contest .container-progress > div.people-voting .step-3 .progress-div::after {
  width: 100%;
  background: linear-gradient(90deg, #fdb022 0%, #1004a4 37.5%, #49b3f3 67.71%);
}
.single-contest .container-progress > div.people-voting .step-3 > div div:nth-child(3)::after {
  background: #fdb022 !important;
}
.single-contest .container-progress > div.people-voting .mobile .progress-div {
  height: 174px !important;
}
.single-contest .container-progress-voting {
  width: 100%;
  background: #fff;
  padding-left: 16px;
  padding-right: 16px;
}
@media (max-width: 575px) {
  .single-contest .container-progress-voting {
    background: #f9fafb;
  }
}
@media (min-width: 767px) {
  .single-contest .container-progress-voting {
    padding-top: 32px;
  }
}
.single-contest .container-progress-voting .row-section-title {
  margin-bottom: 24px;
  margin-top: 32px;
}
.single-contest .container-progress-voting p,
.single-contest .container-progress-voting span {
  margin-bottom: 0;
  line-height: 26px;
  color: #98a8b3;
}
.single-contest .container-progress-voting > div {
  max-width: 872px;
}
.single-contest .container-progress-voting > div > div:first-child .desktop span.active,
.single-contest .container-progress-voting > div > div:first-child .desktop p.active {
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
}
.single-contest .container-progress-voting > div > div:first-child .desktop p {
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  color: #98a8b3;
}
.single-contest .container-progress-voting > div > div:first-child .desktop span {
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  display: block;
}
.single-contest .container-progress-voting > div > div:first-child .desktop .progress-div {
  width: 76%;
  height: 3px;
  background: #eaeef0;
  margin: 8px 0;
  position: relative;
}
.single-contest .container-progress-voting > div > div:first-child .desktop .progress-div::after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  height: 4px;
  border-radius: 2px;
}
.single-contest .container-progress-voting > div > div:first-child .desktop > div:first-child > div {
  position: relative;
}
.single-contest .container-progress-voting > div > div:first-child .desktop > div:first-child > div::after {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  background: #eaeef0;
  bottom: -16px;
  right: 0;
  border-radius: 50%;
  z-index: 1;
}
.single-contest .container-progress-voting > div > div:first-child .mobile {
  display: flex;
}
.single-contest .container-progress-voting > div > div:first-child .mobile span.active,
.single-contest .container-progress-voting > div > div:first-child .mobile p.active {
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
}
.single-contest .container-progress-voting > div > div:first-child .mobile .progress-div {
  width: 2px !important;
  height: 258px;
  background: #eaeef0;
  margin: 8px 0;
  position: relative;
}
.single-contest .container-progress-voting > div > div:first-child .mobile .progress-div::after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  width: 2px !important;
  height: 2px;
  border-radius: 2px;
}
.single-contest .container-progress-voting > div > div:first-child .mobile > div:last-child {
  margin-right: 16px;
}
.single-contest .container-progress-voting > div > div:first-child .mobile > div:last-child > div {
  position: relative;
  margin-bottom: 29px;
}
.single-contest .container-progress-voting > div > div:first-child .mobile > div:last-child > div::after {
  position: absolute;
  top: 7px;
  right: -21px;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #eaeef0;
}
.single-contest .container-progress-voting > div > div:first-child .mobile.voting .progress-div {
  height: 160px !important;
}
.single-contest .container-progress-voting > div .step-1 .desktop .progress-div::after {
  width: 16%;
  background: #49b3f3;
}
.single-contest .container-progress-voting > div .step-1 .desktop > div div:nth-child(1) p {
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 1199px) {
  .single-contest .container-progress-voting > div .step-1 .desktop > div div:nth-child(1) p {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #98a8b3;
    margin-bottom: 8px;
  }
}
.single-contest .container-progress-voting > div .step-1 .desktop > div div:nth-child(1) span {
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 1199px) {
  .single-contest .container-progress-voting > div .step-1 .desktop > div div:nth-child(1) span {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #98a8b3;
  }
}
.single-contest .container-progress-voting > div .step-1 .desktop > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.single-contest .container-progress-voting > div .step-1 .desktop > div div:nth-child(1) p {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 26px;
  color: #1d2e39 !important;
}
.single-contest .container-progress-voting > div .step-1 .desktop > div div:nth-child(1) span {
  font-family: PeydaWebFaNum, serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #1d2e39 !important;
}
.single-contest .container-progress-voting > div .step-1 .mobile .progress-div::after {
  height: 47px !important;
  background: #49b3f3;
}
.single-contest .container-progress-voting > div .step-1 .mobile p {
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 1199px) {
  .single-contest .container-progress-voting > div .step-1 .mobile p {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #98a8b3;
    margin-bottom: 8px;
  }
}
.single-contest .container-progress-voting > div .step-1 .mobile span {
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 1199px) {
  .single-contest .container-progress-voting > div .step-1 .mobile span {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #98a8b3;
  }
}
.single-contest .container-progress-voting > div .step-1 .mobile > div div:nth-child(1) {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
}
.single-contest .container-progress-voting > div .step-1 .mobile > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.single-contest .container-progress-voting > div .step-1 .mobile > div div:nth-child(1) p {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 26px;
  color: #1d2e39 !important;
}
.single-contest .container-progress-voting > div .step-1 .mobile > div div:nth-child(1) span {
  font-family: PeydaWebFaNum, serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #1d2e39 !important;
}
.single-contest .container-progress-voting > div .step-2 .desktop .progress-div::after {
  width: 50%;
  background: linear-gradient(90deg, #1004a4 0%, #1004a4 34.91%, #49b3f3 56.25%, #49b3f3 100%);
}
.single-contest .container-progress-voting > div .step-2 .desktop > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.single-contest .container-progress-voting > div .step-2 .desktop > div div:nth-child(2) p {
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 1199px) {
  .single-contest .container-progress-voting > div .step-2 .desktop > div div:nth-child(2) p {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #98a8b3;
    margin-bottom: 8px;
  }
}
.single-contest .container-progress-voting > div .step-2 .desktop > div div:nth-child(2) span {
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 1199px) {
  .single-contest .container-progress-voting > div .step-2 .desktop > div div:nth-child(2) span {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #98a8b3;
  }
}
.single-contest .container-progress-voting > div .step-2 .desktop > div div:nth-child(2)::after {
  background: #1004a4 !important;
}
.single-contest .container-progress-voting > div .step-2 .desktop > div div:nth-child(2) p {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 26px;
  color: #1d2e39 !important;
}
.single-contest .container-progress-voting > div .step-2 .desktop > div div:nth-child(2) span {
  font-family: PeydaWebFaNum, serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #1d2e39 !important;
}
.single-contest .container-progress-voting > div .step-2 .mobile p {
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 1199px) {
  .single-contest .container-progress-voting > div .step-2 .mobile p {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #98a8b3;
    margin-bottom: 8px;
  }
}
.single-contest .container-progress-voting > div .step-2 .mobile span {
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 1199px) {
  .single-contest .container-progress-voting > div .step-2 .mobile span {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #98a8b3;
  }
}
.single-contest .container-progress-voting > div .step-2 .mobile .progress-div::after {
  width: 3px;
  height: 134px !important;
  background: linear-gradient(0deg, #1004a4 11.88%, #49b3f3 51.91%);
}
.single-contest .container-progress-voting > div .step-2 .mobile > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.single-contest .container-progress-voting > div .step-2 .mobile > div div:nth-child(2)::after {
  background: #1004a4 !important;
}
.single-contest .container-progress-voting > div .step-2 .mobile > div div:nth-child(2) p {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 26px;
  color: #1d2e39 !important;
}
.single-contest .container-progress-voting > div .step-2 .mobile > div div:nth-child(2) span {
  font-family: PeydaWebFaNum, serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #1d2e39 !important;
}
.single-contest .container-progress-voting > div .step-3 .desktop .progress-div::after {
  width: 83%;
  background: linear-gradient(90deg, #c72d80 0%, #c72d80 22.92%, #1004a4 39.58%, #1004a4 66.67%, #49b3f3 75%, #49b3f3 100%);
}
.single-contest .container-progress-voting > div .step-3 .desktop > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.single-contest .container-progress-voting > div .step-3 .desktop > div div:nth-child(2)::after {
  background: #1004a4 !important;
}
.single-contest .container-progress-voting > div .step-3 .desktop > div div:nth-child(3) p {
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 1199px) {
  .single-contest .container-progress-voting > div .step-3 .desktop > div div:nth-child(3) p {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #98a8b3;
    margin-bottom: 8px;
  }
}
.single-contest .container-progress-voting > div .step-3 .desktop > div div:nth-child(3) span {
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 1199px) {
  .single-contest .container-progress-voting > div .step-3 .desktop > div div:nth-child(3) span {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #98a8b3;
  }
}
.single-contest .container-progress-voting > div .step-3 .desktop > div div:nth-child(3)::after {
  background: #c72d80 !important;
}
.single-contest .container-progress-voting > div .step-3 .desktop > div div:nth-child(3) p {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 26px;
  color: #1d2e39 !important;
}
.single-contest .container-progress-voting > div .step-3 .desktop > div div:nth-child(3) span {
  font-family: PeydaWebFaNum, serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #1d2e39 !important;
}
.single-contest .container-progress-voting > div .step-3 .mobile p {
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 1199px) {
  .single-contest .container-progress-voting > div .step-3 .mobile p {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #98a8b3;
    margin-bottom: 8px;
  }
}
.single-contest .container-progress-voting > div .step-3 .mobile span {
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 1199px) {
  .single-contest .container-progress-voting > div .step-3 .mobile span {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #98a8b3;
  }
}
.single-contest .container-progress-voting > div .step-3 .mobile .progress-div::after {
  width: 3px;
  height: 215px !important;
  background: linear-gradient(0deg, #c72d80 13.77%, #1004a4 32.91%, #49b3f3 65.32%);
}
.single-contest .container-progress-voting > div .step-3 .mobile > div div:nth-child(1)::after {
  background: #49b3f3 !important;
}
.single-contest .container-progress-voting > div .step-3 .mobile > div div:nth-child(2)::after {
  background: #1004a4 !important;
}
.single-contest .container-progress-voting > div .step-3 .mobile > div div:nth-child(3) {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
}
.single-contest .container-progress-voting > div .step-3 .mobile > div div:nth-child(3)::after {
  background: #c72d80 !important;
}
.single-contest .container-progress-voting > div .step-3 .mobile > div div:nth-child(3) p {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 26px;
  color: #1d2e39 !important;
}
.single-contest .container-progress-voting > div .step-3 .mobile > div div:nth-child(3) span {
  font-family: PeydaWebFaNum, serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #1d2e39 !important;
}
.single-contest .container-progress-voting > div .step-3 .mobile.voting .progress-div::after {
  height: 160px !important;
  background: linear-gradient(0deg, #fdb022 0%, #1004a4 54.69%, #49b3f3 77.6%) !important;
}
.single-contest .container-progress-voting > div .step-3 .mobile.voting > div div:nth-child(2) p {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 26px;
  color: #1d2e39 !important;
}
.single-contest .container-progress-voting > div .step-3 .mobile.voting > div div:nth-child(2) span {
  font-family: PeydaWebFaNum, serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #1d2e39 !important;
}
.single-contest .container-progress-voting > div > div:last-child {
  padding: 20px 0 0 0;
  margin-top: 30px;
}
.single-contest .container-progress-voting > div > div:last-child > div {
  list-style: none;
  padding: 0;
  margin: 0;
}
.single-contest .container-progress-voting > div > div:last-child > div > div {
  cursor: pointer;
  color: #98a8b3;
  white-space: nowrap;
}
@media (max-width: 575px) {
  .single-contest .container-progress-voting > div > div:last-child > div > div {
    padding: 0 24px 12px 24px;
  }
}
.single-contest .container-progress-voting > div > div:last-child > div > div svg {
  margin-left: 8px;
}
.single-contest .container-progress-voting > div > div:last-child > div > div svg path {
  stroke: #98a8b3;
}
.single-contest .container-progress-voting > div > div:last-child > div > div.active {
  color: #101828;
  border-bottom: 3px solid #101828;
}
.single-contest .container-progress-voting > div > div:last-child > div > div.active svg path {
  stroke: #101828;
}
.single-contest .container-progress-voting > div.people-voting > div:first-child .progress-div {
  width: 76%;
}
.single-contest .container-progress-voting > div.people-voting .step-1 .progress-div::after {
  width: 25%;
}
.single-contest .container-progress-voting > div.people-voting .step-1 .mobile .progress-div::after {
  height: 174px;
}
.single-contest .container-progress-voting > div.people-voting .step-2 .progress-div::after {
  width: 75%;
}
.single-contest .container-progress-voting > div.people-voting .step-2 .mobile .progress-div::after {
  height: 174px;
}
.single-contest .container-progress-voting > div.people-voting .step-3 .mobile .progress-div::after {
  height: 174px !important;
  background: linear-gradient(0deg, #fdb022 0%, #1004a4 54.69%, #49b3f3 77.6%) !important;
}
.single-contest .container-progress-voting > div.people-voting .step-3 .progress-div::after {
  width: 100%;
  background: linear-gradient(90deg, #fdb022 0%, #1004a4 37.5%, #49b3f3 67.71%);
}
.single-contest .container-progress-voting > div.people-voting .step-3 > div div:nth-child(3)::after {
  background: #fdb022 !important;
}
.single-contest .container-progress-voting > div.people-voting .mobile .progress-div {
  height: 174px !important;
}
.single-contest .contest-tabs {
  position: relative;
  z-index: 2;
  border-bottom: 1px solid #f2f5f7;
}
.single-contest .contest-tabs > div {
  list-style: none;
}
@media (max-width: 991px) {
  .single-contest .contest-tabs > div {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    padding-top: 15px;
    z-index: 3;
    border-top: 1px solid #f2f5f7;
    box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.05);
    justify-content: space-around !important;
    flex-wrap: nowrap;
  }
  .single-contest .contest-tabs > div > div {
    text-align: center;
  }
}
.single-contest .contest-tabs > div > div {
  cursor: pointer;
  padding: 0 64px 12px 64px;
  color: #98a8b3;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: right;
}
@media (max-width: 991px) {
  .single-contest .contest-tabs > div > div {
    padding: 0 24px 12px 24px;
  }
}
.single-contest .contest-tabs > div > div svg {
  margin-left: 8px;
  width: 16px;
  height: 20px;
}
.single-contest .contest-tabs > div > div svg path {
  stroke: #98a8b3;
}
.single-contest .contest-tabs > div > div .unset-svg-w-h {
  color: inherit;
}
.single-contest .contest-tabs > div > div .unset-svg-w-h svg {
  width: unset;
  height: unset;
}
.single-contest .contest-tabs > div > div.active {
  color: #101828;
  border-bottom: 3px solid #101828;
}
.single-contest .contest-tabs > div > div.active svg path {
  stroke: #101828;
}
@media (max-width: 991px) {
  .single-contest .contest-tabs.hidden {
    display: none;
  }
}
.single-contest .contests-content-container .contest-content-text.min-height-9 {
  min-height: 730px;
  margin-bottom: 187px;
}
.single-contest .contests-content-container .contest-content-text .contest-texts {
  background-color: white;
  max-width: 648px;
  position: relative;
  z-index: 2;
}
@media (min-width: 767px) {
  .single-contest .contests-content-container .contest-content-text .contest-texts {
    background-color: transparent;
  }
}
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text {
  padding-top: 64px;
  padding-bottom: 48px;
}
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text .row-section-title {
  margin-right: unset !important;
}
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text .row-section-title .contest-text-drop-down {
  display: none;
}
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text:not(:last-child) {
  border-bottom: 1px solid #eaeef0;
}
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text .contest-content-introduction,
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text .contest-content-description,
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text .contest-content-conditions {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: right;
  color: #475a67;
  padding-top: 24px;
}
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text .contest-content-introduction p,
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text .contest-content-description p,
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text .contest-content-conditions p {
  text-align: justify;
  font-family: PeydaWebFaNum, serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  color: #475467;
  margin-bottom: 0;
}
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text .contest-content-introduction ul, .single-contest .contests-content-container .contest-content-text .contest-texts .contest-text .contest-content-introduction ol,
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text .contest-content-description ul,
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text .contest-content-description ol,
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text .contest-content-conditions ul,
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text .contest-content-conditions ol {
  font-family: PeydaWebFaNum, serif;
  list-style-position: outside;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 500;
}
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text .contest-content-introduction ul li, .single-contest .contests-content-container .contest-content-text .contest-texts .contest-text .contest-content-introduction ol li,
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text .contest-content-description ul li,
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text .contest-content-description ol li,
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text .contest-content-conditions ul li,
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text .contest-content-conditions ol li {
  font-size: 16px;
  line-height: 32px;
  color: #475467;
}
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text .contest-content-introduction ul li p, .single-contest .contests-content-container .contest-content-text .contest-texts .contest-text .contest-content-introduction ol li p,
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text .contest-content-description ul li p,
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text .contest-content-description ol li p,
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text .contest-content-conditions ul li p,
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text .contest-content-conditions ol li p {
  margin-bottom: 0;
}
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text#generalQuestions {
  padding-bottom: 64px;
}
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text#generalQuestions .row-section-title {
  margin-bottom: unset !important;
}
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text#generalQuestions #generalQuestion {
  padding-left: 16px;
  padding-right: 16px;
}
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text#generalQuestions .accordion-item {
  padding-top: 24px;
  padding-bottom: 32px;
}
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text#generalQuestions .accordion-item:not(:last-child) {
  border-bottom: 1px solid #eaeef0;
}
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text#generalQuestions .accordion-item h2 {
  display: inline-flex;
}
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text#generalQuestions .accordion-item h2 button {
  color: #1d2e39 !important;
  padding: 0 0 8px 0;
  font-weight: 700;
  padding-right: 32px;
}
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text#generalQuestions .accordion-item h2 .accordion-button::before {
  content: "";
  background-color: transparent !important;
  position: unset !important;
  margin-left: 10px !important;
  color: transparent !important;
  background-size: cover;
  width: 24px;
  height: 24px;
  transform: translateY(0) rotate(180deg) !important;
  fill: red;
  position: absolute !important;
  right: 0;
  top: 0;
}
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text#generalQuestions .accordion-item h2 .accordion-button.collapsed::before {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 8V16M8 12H16M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="rgba(152, 168, 179, 1)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: repeat-y !important;
}
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text#generalQuestions .accordion-item h2 .accordion-button:not(.collapsed)::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 12H16M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="rgba(152, 168, 179, 1)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: repeat-y !important;
}
.single-contest .contests-content-container .contest-content-text .contest-texts .contest-text#generalQuestions .accordion-item .accordion-body {
  padding-right: 32px;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-align: right;
  color: #475a67;
  text-align: justify;
}
@media (max-width: 991px) {
  .single-contest .contests-content-container .contest-content-text .contest-texts .contest-text#generalQuestions {
    padding-bottom: 32px;
  }
  .single-contest .contests-content-container .contest-content-text .contest-texts .contest-text#generalQuestions .accordion-item {
    padding-top: 16px;
    padding-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .single-contest .contests-content-container .contest-content-text .contest-texts .contest-text#generalQuestions {
    padding-bottom: 16px;
  }
  .single-contest .contests-content-container .contest-content-text .contest-texts .contest-text#generalQuestions .accordion-item {
    padding-top: 8px;
    padding-bottom: 16px;
  }
}
.single-contest .contests-content-container .contest-content-text .innovation-card-container {
  width: 100%;
  max-width: 872px;
}
.single-contest .contests-content-container .contest-content-text .innovation-card-container .content-card {
  z-index: 1;
}
.single-contest .contests-content-container .contest-content-text .innovation-card-container .content .text {
  padding-bottom: 32px;
}
.single-contest .contests-content-container .contest-content-text .innovation-card-container .content .text > h3 {
  font-weight: 700;
  color: #101828;
  font-size: 14px !important;
  line-height: 26px !important;
  text-align: right;
  margin-bottom: 8px;
}
@media (min-width: 767px) {
  .single-contest .contests-content-container .contest-content-text .innovation-card-container .content .text > h3 {
    font-size: 20px !important;
    line-height: 36px !important;
  }
}
.single-contest .contests-content-container .contest-content-text .innovation-card-container .content .text > p {
  margin-bottom: 0;
  color: #475A67;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
}
@media (min-width: 767px) {
  .single-contest .contests-content-container .contest-content-text .innovation-card-container .content .text > p {
    font-size: 16px;
    line-height: 30px;
  }
}
.single-contest .contests-content-container .contest-content-text .innovation-card-container .content .c-btns .btn-primary-black {
  font-size: 14px;
  line-height: 26px;
  font-weight: 600 !important;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (min-width: 767px) {
  .single-contest .contests-content-container .contest-content-text .innovation-card-container .content .c-btns .btn-primary-black {
    font-weight: 700 !important;
    font-size: 16px;
    line-height: 30px;
  }
}
.single-contest .contests-content-container .contest-content-text .innovation-card-container .champion {
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
}
.single-contest .contests-content-container .contest-content-text .innovation-card-container .champion .champion-des {
  position: relative;
  width: 180px;
  height: 212px;
  display: block !important;
}
.single-contest .contests-content-container .contest-content-text .innovation-card-container .champion .champion-des img {
  border-radius: 8px;
  width: 100%;
  height: 100%;
}
.single-contest .contests-content-container .contest-content-text .innovation-card-container .champion .champion-des section {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
}
.single-contest .contests-content-container .contest-content-text .innovation-card-container .champion .champion-des section p:first-child {
  font-size: 24px;
  font-weight: 700;
  line-height: 44px;
  text-align: center;
  color: #ffffff;
}
@media (min-width: 991px) {
  .single-contest .contests-content-container .contest-content-text .innovation-card-container .champion .champion-des section p:first-child {
    font-size: 32px;
    line-height: 58px;
  }
}
.single-contest .contests-content-container .contest-content-text .innovation-card-container .champion .champion-des section p:last-child {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}
.single-contest .contests-content-container .contest-content-text .innovation-card-container .champion .champion-des section p:last-child > span {
  white-space: nowrap;
}
.single-contest .contests-content-container .contest-content-text .innovation-card-container .champion .champion-des section p:last-child > span strong {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
}
.single-contest .contests-content-container .contest-content-text .innovation-card-container.suggestion-step .content .text {
  padding-bottom: unset;
}
.single-contest .contests-content-container .contest-content-text .innovation-card-container.suggestion-step .champion .champion-des {
  height: 172px;
}
.single-contest .contests-content-container .contest-content-text .innovation-card-container.result-steps-mob {
  margin-bottom: 64px;
}
@media (min-width: 991px) {
  .single-contest .contests-content-container .contest-content-text .innovation-card-container.result-steps-mob {
    display: none;
  }
}
.single-contest .contests-content-container .contest-content-text .innovation-card-container.suggestion-mob {
  display: none;
}
@media (max-width: 991px) {
  .single-contest .contests-content-container .contest-content-text .innovation-card-container.suggestion-mob {
    display: unset;
  }
}
@media (max-width: 767px) {
  .single-contest .contests-content-container .contest-content-text .innovation-card-container .content .text {
    padding-bottom: 16px;
  }
  .single-contest .contests-content-container .contest-content-text .innovation-card-container .champion {
    width: 100%;
    padding: 16px;
  }
  .single-contest .contests-content-container .contest-content-text .innovation-card-container .champion .champion-des {
    width: 100%;
    height: 92px;
    border-radius: 8px;
    overflow-x: hidden;
  }
  .single-contest .contests-content-container .contest-content-text .innovation-card-container .champion .champion-des > img {
    transform: scaleX(2);
  }
  .single-contest .contests-content-container .contest-content-text .innovation-card-container .champion .champion-des section {
    width: 100%;
  }
  .single-contest .contests-content-container .contest-content-text .innovation-card-container .champion .champion-des section p {
    width: unset !important;
  }
  .single-contest .contests-content-container .contest-content-text .innovation-card-container .champion .champion-des section p:last-child > span:first-child {
    margin-right: 8px;
  }
}
.single-contest .contests-content-container .contest-content-text .slide-down input {
  display: none;
}
@media (max-width: 767px) {
  .single-contest .contests-content-container .contest-content-text .slide-down .content-mobile {
    max-height: 0 !important;
    height: auto;
    overflow-y: hidden;
  }
}
.single-contest .contests-content-container .contest-content-text .slide-down .content-mobile > p {
  margin-bottom: 3px;
}
.single-contest .contests-content-container .contest-content-text .slide-down .toggle-mobile {
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .single-contest .contests-content-container .contest-content-text .slide-down .toggle-mobile:checked ~ div {
    max-height: unset !important;
    transition: all 0.3s ease-in-out;
  }
  .single-contest .contests-content-container .contest-content-text .slide-down .toggle-mobile:checked ~ .row-section-title > label span {
    transition: all 0.3s ease-in-out;
    transform: rotate(180deg) translateY(10%);
  }
}
.single-contest .alert-wide-container {
  max-width: 648px;
}
.single-contest .alert-wide-container .alert-wide.alert-wide-light {
  width: 100%;
}
.single-contest .content-all-offer {
  max-width: 872px;
}
.single-contest .content-all-offer .row-section-title {
  margin-right: unset;
}
.single-contest .content-all-offer .row-section-title.offer-title {
  margin-top: 48px;
}
@media (max-width: 991px) {
  .single-contest .content-all-offer .row-section-title.offer-title {
    margin-top: 32px;
  }
}
.single-contest .content-all-offer .container-suggest-voting {
  position: relative;
  padding-top: 40px;
}
.single-contest .content-all-offer .container-suggest-voting .filter-suggest-voting {
  position: absolute;
  right: -16px;
  transform: translateX(100%);
}
.single-contest .content-all-offer .container-suggest-voting .filter-suggest-voting > p {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
  color: #667985;
  margin-bottom: 12px;
}
.single-contest .content-all-offer .container-suggest-voting .filter-suggest-voting ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.single-contest .content-all-offer .container-suggest-voting .filter-suggest-voting ul li {
  display: flex;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #d0d8dd;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  margin-bottom: 12px;
  padding: 8px;
}
.single-contest .content-all-offer .container-suggest-voting .filter-suggest-voting ul li label {
  width: 100%;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
  color: #344754;
}
.single-contest .content-all-offer .container-suggest-voting .filter-suggest-voting ul li input {
  margin-left: 8px;
}
@media (max-width: 1199px) {
  .single-contest .content-all-offer .container-suggest-voting .filter-suggest-voting {
    display: none;
  }
}
.single-contest .content-all-offer .container-suggest-voting .item-suggest-voting {
  margin-bottom: 24px;
  padding: 32px 24px;
  border: 1px solid #eaeef0;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  border-radius: 16px;
}
.single-contest .content-all-offer .container-suggest-voting .item-suggest-voting:last-child {
  margin-bottom: 132px;
}
@media (max-width: 1199px) {
  .single-contest .content-all-offer .container-suggest-voting .item-suggest-voting:last-child {
    margin-bottom: 116px;
  }
}
@media (max-width: 767px) {
  .single-contest .content-all-offer .container-suggest-voting .item-suggest-voting {
    border: unset;
    padding: unset;
    border-radius: unset;
  }
}
.single-contest .content-all-offer .container-suggest-voting .item-suggest-voting > h6 {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px !important;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0em;
  color: #1d2e39;
  padding: 0;
  margin-top: 16px;
  margin-bottom: 16px;
}
.single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .header-item-suggest-voting a {
  color: #1d2e39;
  cursor: pointer;
}
.single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .header-item-suggest-voting a h6 {
  margin-right: 8px;
  margin-bottom: unset;
  font-size: 14px !important;
  font-weight: 600;
  line-height: 26px;
}
.single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .header-item-suggest-voting a:hover {
  color: #c72d80;
}
.single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .header-item-suggest-voting span {
  display: inline-block;
  padding-right: 12px;
  margin-right: 12px;
  border-right: 1px solid #eaeef0;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #475a67;
}
.single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .header-item-suggest-voting div {
  filter: blur(4px);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.72);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .header-item-suggest-voting div .avatar-photo-container {
  margin-left: 8px;
}
.single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .description-suggest-voting {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
  color: #475a67;
  margin-bottom: 24px;
}
.single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting {
  border-top: 1px solid #eaeef0;
  padding: 24px 0;
  height: 400px;
  position: relative;
}
.single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .icon {
  position: absolute;
  top: 42%;
  border-radius: 100px;
  cursor: pointer;
  padding: 7px 12px 7px 12px;
  background: rgba(255, 255, 255, 0.64);
  box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.1);
  z-index: 3;
}
.single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .icon:nth-child(1) {
  right: -10px;
}
.single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .icon:nth-child(2) {
  left: -10px;
}
@media (max-width: 767px) {
  .single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .icon {
    display: none;
  }
}
.single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .container-slider {
  overflow: hidden;
}
@media (max-width: 767px) {
  .single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .container-slider {
    overflow: scroll;
  }
}
.single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .container-slider #container-slider {
  transition: all 0.3s ease-in-out;
}
.single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .container-slider #container-slider .slide-suggest-voting {
  display: flex;
  height: 330px;
  min-width: 90%;
}
@media (max-width: 767px) {
  .single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .container-slider #container-slider .slide-suggest-voting {
    min-width: 100%;
  }
}
.single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .container-slider #container-slider .slide-suggest-voting div {
  width: 24px;
  height: 100%;
  background: transparent;
}
@media (max-width: 767px) {
  .single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .container-slider #container-slider .slide-suggest-voting div {
    width: 0;
  }
}
.single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .dots span {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #f2f5f7;
  margin: 0 2px;
}
.single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .dots span.active {
  background: #101828;
}
.single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .num-item {
  position: absolute;
  right: 8px;
  top: 32px;
  border-radius: 16px;
  border: 1px solid rgba(29, 46, 57, 0.64);
  background: rgba(29, 46, 57, 0.64);
  padding: 0px 8px;
  z-index: 1;
  color: #fff;
}
@media (max-width: 767px) {
  .single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .main-item-suggest-voting .num-item {
    display: none;
  }
}
.single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .footer-item-suggest-voting {
  border-top: 1px solid #eaeef0;
  padding-top: 16px;
}
.single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .footer-item-suggest-voting .offer-card-footer span:first-child {
  font-size: 20px;
  font-weight: 700;
  line-height: 36px;
  margin-left: 4px;
}
.single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .footer-item-suggest-voting .offer-card-footer span:last-child {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
}
@media (max-width: 991px) {
  .single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .footer-item-suggest-voting .offer-card-footer span:first-child {
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
  }
  .single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .footer-item-suggest-voting .offer-card-footer span:last-child {
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
  }
}
@media (max-width: 991px) {
  .single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .footer-item-suggest-voting {
    padding-bottom: 24px;
  }
}
.single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .footer-item-suggest-voting input:checked ~ label {
  border-color: #75e0a7;
  background: #17b26a;
}
.single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .footer-item-suggest-voting input:checked ~ label path {
  stroke: #fff;
}
.single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .footer-item-suggest-voting label {
  cursor: pointer;
  padding: 8px;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid #d0d8dd;
  background: #fff;
}
.single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .footer-item-suggest-voting > div > p {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: center;
  color: #475a67;
  margin-right: 8px;
}
.single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .footer-item-suggest-voting .voted-offers {
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  text-align: right;
  color: #475a67;
  border-right: 1px solid #eaeef0;
  padding-right: 8px;
}
.single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .footer-item-suggest-voting a.btns svg {
  transform: rotate(180deg);
  width: 13px;
  margin-right: 4px;
}
.single-contest .content-all-offer .container-suggest-voting .item-suggest-voting .footer-item-suggest-voting a.btns::before {
  font-family: PeydaWeb !important;
  content: "مشاهده جزئیات";
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0em;
}
.single-contest .content-all-offer .container-suggest-voting .offer-list-container-blur .offer-card-container .offer-card-header .offer-card-details div .offer-card-author-profile {
  filter: blur(6px);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.single-contest .content-all-offer .container-suggest-voting .offer-list-container-blur .offer-card-container .offer-card-header .offer-card-details div .offer-card-author {
  filter: blur(6px);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.single-contest .content-all-offer.fix-stars .item-suggest-voting .footer-item-suggest-voting .star-rating label {
  padding: 0;
  border: none;
}
@media (max-width: 991px) {
  .single-contest .content-all-offer.fix-stars .item-suggest-voting .footer-item-suggest-voting .star-rating div:last-child {
    position: absolute;
    top: -55px;
    right: -5px;
    border-radius: 8px;
    background: #fff;
    padding: 8px 12px;
    box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  }
  .single-contest .content-all-offer.fix-stars .item-suggest-voting .footer-item-suggest-voting .star-rating div:last-child::before {
    position: absolute;
    bottom: -5px;
    right: 14px;
    content: "";
    width: 10px;
    height: 10px;
    background: #fff;
    transform: rotate(45deg);
  }
}
.single-contest .content-all-offer .item-suggest-voting.suggest-voting-winners {
  background: linear-gradient(90deg, #fffcf5 12.93%, #fff 100%);
}
@media (max-width: 767px) {
  .single-contest .content-all-offer .item-suggest-voting.suggest-voting-winners {
    margin-bottom: unset;
    border-bottom: 1px solid #eaeef0;
    padding-top: 32px;
  }
}
@media (max-width: 767px) {
  .single-contest .content-all-offer .item-suggest-voting.suggest-voting-winners .footer-item-suggest-voting a.btns::before {
    content: "جزئیات";
  }
}
.single-contest .content-all-offer .item-suggest-voting.suggest-voting-winners .header-item-suggest-voting div {
  filter: none !important;
}
.single-contest .content-all-offer .item-suggest-voting.suggest-voting-winners .header-item-suggest-voting label {
  position: relative;
  background: #fffaeb;
  border-radius: 400px;
  padding: 4px 35px 5px 8px;
  white-space: nowrap;
  border: 1px solid #fec84b;
  color: #f79009;
}
.single-contest .content-all-offer .item-suggest-voting.suggest-voting-winners .header-item-suggest-voting label::after {
  position: absolute;
  right: 8px;
  top: 4px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
  content: "";
  color: #f79009;
  background-image: url("../../svg/single-contest/trophy-01.svg");
}
.single-contest .content-all-offer .item-suggest-voting.suggest-voting-winners .footer-item-suggest-voting > div span {
  color: #fdb022 !important;
}
.single-contest .contest-report-container {
  margin-top: 120px;
  margin-bottom: 88px;
  max-width: 872px;
}
@media (max-width: 767px) {
  .single-contest .contest-report-container {
    margin-top: 48px;
    margin-bottom: 48px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.single-contest .contest-report-container .report-contest {
  position: relative;
}
.single-contest .contest-report-container .report-contest > div {
  padding: 24px;
  border-radius: 8px;
  position: relative;
  background: #fff;
  box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.1);
  position: relative;
  z-index: 1;
}
.single-contest .contest-report-container .report-contest > div .report-counter {
  width: 50%;
}
.single-contest .contest-report-container .report-contest > div .report-counter div {
  border-radius: 8px;
  position: relative;
  padding-top: 32px;
  padding-bottom: 32px;
  width: 30%;
}
.single-contest .contest-report-container .report-contest > div .report-counter div .icon {
  position: absolute;
  left: 0;
  top: 0;
}
.single-contest .contest-report-container .report-contest > div .report-counter div:nth-child(1) {
  background-image: url("../../svg/single-contest/bg-gold.svg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #f79009;
}
.single-contest .contest-report-container .report-contest > div .report-counter div:nth-child(1) p {
  color: #f79009;
}
.single-contest .contest-report-container .report-contest > div .report-counter div:nth-child(2) {
  background: #f9fafb;
}
.single-contest .contest-report-container .report-contest > div .report-counter div:nth-child(3) {
  background: #f9fafb;
}
.single-contest .contest-report-container .report-contest > div .report-counter div p:first-child {
  font-size: 36px;
  font-weight: 700;
  line-height: 66px;
  letter-spacing: 0em;
  text-align: center;
}
.single-contest .contest-report-container .report-contest > div .report-counter div p:last-child {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: center;
}
.single-contest .contest-report-container .report-contest > div .btns {
  width: 35%;
}
.single-contest .contest-report-container .report-contest > div .btns p {
  font-size: 20px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0em;
  text-align: right;
  color: #101828;
  margin-bottom: 24px;
}
.single-contest .contest-report-container .report-contest > div .btns a {
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0em;
  text-align: center;
  padding: 6px 16px;
  border-radius: 8px;
  border: 1px solid #d0d8dd;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.single-contest .contest-report-container .report-contest > div .btns a svg {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  transform: rotate(180deg);
}
.single-contest .contest-report-container .report-contest > div .btns a:not(:hover) {
  color: #344754;
}
@media (max-width: 767px) {
  .single-contest .contest-report-container .report-contest > div .type_company a {
    display: none !important;
  }
  .single-contest .contest-report-container .report-contest > div .type_company p {
    display: none;
  }
  .single-contest .contest-report-container .report-contest > div .type_vote p {
    display: none;
  }
  .single-contest .contest-report-container .report-contest > div .type_vote a {
    margin-top: 24px;
  }
}
.single-contest .contest-report-container .report-contest > div .unauthorized a {
  margin-top: 24px;
  display: unset !important;
}
.single-contest .contest-report-container .report-contest .bg-report {
  position: absolute;
  left: -20%;
  top: -100%;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .single-contest .contest-report-container .report-contest > div {
    padding-left: 16px;
    padding-right: 16px;
  }
  .single-contest .contest-report-container .report-contest > div .report-counter {
    width: 100%;
  }
  .single-contest .contest-report-container .report-contest > div .btns {
    width: 100%;
  }
}
.single-contest .content-winners {
  padding-top: 45px;
  padding-bottom: 45px;
  max-width: 872px;
}
.single-contest .content-winners .winner-list .row-section-title {
  margin-bottom: 24px;
  margin-right: unset;
}
.single-contest .content-winners .winner-list ul li {
  padding: 24px;
  border-radius: 12px;
  background-image: linear-gradient(270deg, #fff 0%, #fffcf5 100%);
  margin-bottom: 16px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.single-contest .content-winners .winner-list ul li > div.user-info .badge {
  color: #fdb022;
  padding: 4px 16px;
  border-radius: 16px;
  border: 1px solid #fec84b;
  background: #fffaeb;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: center;
  margin-left: 24px;
}
.single-contest .content-winners .winner-list ul li > div.user-info .badge svg {
  margin-left: 2px;
}
.single-contest .content-winners .winner-list ul li > div.user-info .profile {
  margin-left: 32px;
}
.single-contest .content-winners .winner-list ul li > div.user-info .profile p {
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: right;
  color: #1d2e39;
  margin-right: 8px;
}
.single-contest .content-winners .winner-list ul li > div.offer-info {
  width: 100%;
  padding-right: 16px;
  border-right: 1px solid #eaeef0;
}
.single-contest .content-winners .winner-list ul li > div.offer-info h6 {
  font-size: 13px !important;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: right;
  color: #475a67;
  margin-bottom: 4px;
}
.single-contest .content-winners .winner-list ul li > div.offer-info p {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: right;
  color: #1d2e39;
}
@media (max-width: 767px) {
  .single-contest .content-winners .winner-list ul li {
    width: 100%;
    padding: 16px;
    border-radius: unset;
    margin-bottom: unset;
    background-image: linear-gradient(270deg, #fff 0%, #fffcf5 100%);
    box-shadow: unset;
    flex-wrap: wrap;
  }
  .single-contest .content-winners .winner-list ul li:not(:first-child) {
    border-top: 1px solid #eaeef0;
  }
  .single-contest .content-winners .winner-list ul li > div.user-info {
    width: 100%;
    justify-content: space-between !important;
    flex-direction: row-reverse;
    margin-bottom: 16px;
  }
  .single-contest .content-winners .winner-list ul li > div.user-info .badge {
    margin-left: unset;
  }
  .single-contest .content-winners .winner-list ul li > div.user-info .badge svg {
    margin-left: 2px;
  }
  .single-contest .content-winners .winner-list ul li > div.user-info .profile {
    margin-left: 8px;
  }
  .single-contest .content-winners .winner-list ul li > div.offer-info {
    width: 100%;
    border-right: unset;
    padding-right: unset;
  }
  .single-contest .content-winners .winner-list ul li > div.offer-info h6 {
    display: none;
  }
  .single-contest .content-winners .winner-list ul li > div.offer-info p {
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: right;
    color: #1d2e39;
  }
}
@media (max-width: 991px) {
  .single-contest .contest-header {
    flex-wrap: wrap;
  }
  .single-contest .contest-header .info-contest {
    width: 100%;
    border-left: unset;
    padding-left: unset;
    min-height: unset;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 48px;
    border-bottom: 1px solid #eaeef0;
  }
  .single-contest .contest-header .info-contest a.company-info {
    margin-top: 38px;
    margin-bottom: 16px;
  }
  .single-contest .contest-header .info-contest a.company-info h6 {
    font-size: 12px !important;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
  }
  .single-contest .contest-header .info-contest a.company-info img.logo-company {
    width: 24px;
    height: 24px;
  }
  .single-contest .contest-header .info-contest .contest-title {
    font-size: 24px !important;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: 0em;
  }
  .single-contest .contest-header .info-contest .link-send-offer {
    display: none !important;
  }
  .single-contest .contest-header .assets-contest {
    width: 100%;
    margin-top: unset;
    padding-right: unset;
  }
  .single-contest .contest-header .company-type-des {
    display: none;
  }
  .single-contest .contest-header .company-type-status {
    display: flex !important;
    padding: 16px;
  }
  .single-contest .category-contest {
    padding-top: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eaeef0;
  }
  .single-contest .category-contest.category-contest-mob {
    display: flex !important;
  }
  .single-contest .category-contest.category-contest-des {
    display: none !important;
  }
  .single-contest .contests-content-container .contest-content-text .contest-texts .contest-text {
    padding-top: 40px;
    padding-bottom: 24px;
  }
  .single-contest .contests-content-container .contest-content-text .contest-texts .contest-text:first-child {
    padding-top: 48px;
  }
  .single-contest .contests-content-container .contest-content-text .contest-texts .contest-text.after-offer-proccess .row-section-title label {
    display: flex;
    width: 100%;
    justify-content: space-between;
    cursor: pointer;
  }
  .single-contest .contests-content-container .contest-content-text .contest-texts .contest-text .contest-content-introduction {
    padding-top: 16px;
  }
}
@media (max-width: 767px) {
  .single-contest .contests-content-container .contest-content-text .contest-texts .contest-text.after-offer-proccess .row-section-title .contest-text-drop-down {
    display: unset !important;
  }
  .single-contest .contests-content-container .contest-content-text .contest-texts .contest-text.after-offer-proccess .row-section-title .contest-text-drop-down svg {
    width: 32px;
    height: 32px;
    color: #1d2e39;
  }
}
.single-contest .innovation-card-container.pad-card {
  margin-bottom: 120px;
}
@media (max-width: 767px) {
  .single-contest .innovation-card-container.pad-card {
    margin-bottom: 64px;
  }
}
.single-contest .fixed-menu-send-offer {
  max-width: unset;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 5;
  padding: 12px 16px;
  background-color: #ffffff;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  display: none;
}
@media (max-width: 991px) {
  .single-contest .fixed-menu-send-offer {
    display: unset;
  }
}

.status-challenge {
  position: relative;
  list-style: none;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0em;
  border-radius: 18px;
  padding: 3px 16px;
}
@media (max-width: 767px) {
  .status-challenge {
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0em;
  }
}
.status-challenge span.dot {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  display: inline-block;
  margin-left: 6px;
}
.status-challenge::before {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  opacity: 0.48;
  filter: blur(60px);
  width: 200px;
  height: 48px;
  transform: translate(15%, -50%);
}
@media (max-width: 767px) {
  .status-challenge::before {
    display: none;
  }
}
.status-challenge.pending, .status-challenge.voting {
  color: #0d0375;
  border: 1px solid #2411f9;
  border-color: linear-gradient(0deg, #2411f9, #2411f9), linear-gradient(0deg, #e8e6fa, #e8e6fa);
}
.status-challenge.pending::before, .status-challenge.voting::before {
  background: #2411f9;
}
.status-challenge.pending span.dot, .status-challenge.voting span.dot {
  background: #1004a4;
}
@media (min-width: 767px) {
  .status-challenge.receiving-offers {
    transform: translate(-124px, -80px);
  }
}
@media (max-width: 767px) {
  .status-challenge.receiving-offers {
    color: #0e88d4;
    border: 1px solid #7dc8f7;
  }
  .status-challenge.receiving-offers::after {
    content: "در حال  دریافت پیشنهادات";
  }
  .status-challenge.receiving-offers span.dot {
    background: #49b3f3;
  }
}
.status-challenge.receiving-offers::before {
  background: #49b3f3;
}
.status-challenge.resolve-pending {
  color: #8f2054;
  border: 1px solid #dc65a4;
}
.status-challenge.resolve-pending::before {
  background: #8f205b;
}
.status-challenge.resolve-pending span.dot {
  background: #e12a80;
}
.status-challenge.finished {
  color: #98a8b3;
  border: 1px solid #d0d8dd;
}
.status-challenge.finished::before {
  background: #98a8b3;
}
.status-challenge.finished span.dot {
  width: 25px;
  height: 25px;
  background-image: url("../../svg/single-contest/Icon.svg");
  background-repeat: no-repeat;
}

.status-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: center;
  border: 1px solid #75e0a7;
  padding: 1px 6px 1px 10px;
  border-radius: 16px;
  display: inline-block;
  white-space: nowrap;
}
.status-label svg {
  width: 20px;
  margin-left: 2px;
}
.status-label::before {
  width: 8px;
  height: 8px;
  content: "";
  display: inline-flex;
  margin-left: 8px;
  background-color: inherit;
  border-radius: 50%;
  background-color: #000;
}
.status-label.sending-offers {
  border-color: #7dc8f7;
  background-color: #ebf4fa;
  color: #0e88d4;
}
.status-label.sending-offers::before {
  background-color: #49b3f3;
}
.status-label.pending, .status-label.voting {
  border-color: #2411f9;
  background-color: #e8e6fa;
  color: #0d0375;
}
.status-label.pending::before, .status-label.voting::before {
  background-color: #1004a4;
}
.status-label.result {
  border-color: #dc65a4;
  background-color: #fbf0f5;
  color: #8f2054;
}
.status-label.result::before {
  background-color: #e12a80;
}
.status-label.end {
  border-color: #d0d8dd;
  background-color: #f9fafb;
  color: #98a8b3;
}
.status-label.end::before {
  background-color: #98a8b3;
}
.status-label.accepted {
  border-color: #75e0a7;
  background-color: #ecfdf3;
  color: #067647;
}
.status-label.failed {
  border-color: #fda29b;
  background-color: #fef3f2;
  color: #b42318;
}
.status-label.content-check {
  border-color: #fec84b;
  background-color: #fffaeb;
  color: #f79009;
}
.status-label.finance-check {
  border-color: #fec84b;
  background-color: #fffaeb;
  color: #f79009;
}
@media (max-width: 991px) {
  .status-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
    border-radius: 16px;
  }
}

a.report-jahesh-media {
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0em;
  text-align: center;
  padding: 6px 16px;
  border-radius: 8px;
  border: 1px solid #d0d8dd;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
a.report-jahesh-media:not(:hover) {
  color: #344754;
}
@media (max-width: 767px) {
  a.report-jahesh-media {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 26px;
  }
}
a.report-jahesh-media svg {
  width: 20px;
  margin-right: 8px;
  transform: rotate(180deg);
  color: #344754;
}

.event-checkout, .status-payment {
  max-width: 1320px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 100px;
}
.event-checkout .progress, .status-payment .progress {
  height: 4px;
  background: transparent;
}
.event-checkout .progress div, .status-payment .progress div {
  background: #eaeef0;
  height: 4px;
}
.event-checkout .progress div.active, .status-payment .progress div.active {
  background: #1d2e39;
}
.event-checkout p, .status-payment p {
  color: #667985;
}
.event-checkout > .header a, .status-payment > .header a {
  color: #98a8b3;
}
.event-checkout .header-academy.h-ch, .status-payment .header-academy.h-ch {
  background-color: white;
  padding: 8px 16px !important;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
}
@media (min-width: 991px) {
  .event-checkout .header-academy.h-ch, .status-payment .header-academy.h-ch {
    background: transparent;
    padding: 32px 16px !important;
    box-shadow: none;
  }
}
@media (min-width: 1319px) {
  .event-checkout .header-academy.h-ch, .status-payment .header-academy.h-ch {
    padding: 32px 0 !important;
  }
}
.event-checkout .header-academy.h-ch h6, .status-payment .header-academy.h-ch h6 {
  line-height: 32px;
}
@media (min-width: 991px) {
  .event-checkout .header-academy.h-ch h6, .status-payment .header-academy.h-ch h6 {
    line-height: 42px;
    font-family: Dana !important;
  }
}
.event-checkout .header-academy.h-ch a, .status-payment .header-academy.h-ch a {
  color: #667085 !important;
}
@media (max-width: 991px) {
  .event-checkout .header-academy.h-ch a, .status-payment .header-academy.h-ch a {
    font-size: 14px !important;
    line-height: 28px !important;
  }
}
.event-checkout h6.ticket-title, .status-payment h6.ticket-title {
  font-size: 16px !important;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
}
.event-checkout .cartItems-title, .status-payment .cartItems-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
  color: #667985;
}
.event-checkout .cartItems-title > p, .status-payment .cartItems-title > p {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
  color: #667985;
}
.event-checkout .h-ch a, .status-payment .h-ch a {
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0em;
  color: #98a8b3;
}
.event-checkout .h-ch a:hover, .status-payment .h-ch a:hover {
  color: #c72d80;
}
.event-checkout .h-ch .close-checkout-academy, .status-payment .h-ch .close-checkout-academy {
  font-weight: 600 !important;
  line-height: 32px !important;
}
.event-checkout .h-ch h6, .status-payment .h-ch h6 {
  font-size: 24px !important;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: 0em;
  color: #101828;
}
@media (max-width: 991px) {
  .event-checkout .h-ch h6, .status-payment .h-ch h6 {
    font-size: 16px !important;
    line-height: 30px;
  }
}
.event-checkout .mobile-step-2 .card > div, .status-payment .mobile-step-2 .card > div {
  padding-right: 0;
  border-right: 0;
}
.event-checkout .mobile-step-2 .text-bold, .status-payment .mobile-step-2 .text-bold {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
  color: #1d2e39;
}
.event-checkout .card, .status-payment .card {
  padding: 24px 32px 32px 32px;
  border-radius: 8px;
  border: 1px solid #eaeef0;
  border-width: 1px;
  border-style: solid;
  border-color: #eaeef0;
  background: #fff;
  margin-bottom: 16px;
}
.event-checkout .card .cards-title, .status-payment .card .cards-title {
  font-size: 13px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  color: #667985;
}
.event-checkout .card .bd-cu:not(:last-child), .status-payment .card .bd-cu:not(:last-child),
.event-checkout .card .bd-cu-f,
.status-payment .card .bd-cu-f {
  border-bottom: 1px solid #eaeef0;
  padding-bottom: 16px;
}
.event-checkout .card .editing-input, .status-payment .card .editing-input {
  font-size: 13px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  color: #98a8b3;
}
.event-checkout .card .editing-input:hover, .status-payment .card .editing-input:hover {
  color: #c72d80;
}
@media (max-width: 991px) {
  .event-checkout .card, .status-payment .card {
    padding: 16px;
    margin-bottom: 0;
    border-radius: 0;
  }
}
@media (max-width: 767px) {
  .event-checkout .card:not(.no-border) > div, .status-payment .card:not(.no-border) > div {
    padding-right: 16px;
  }
}
@media (min-width: 767px) {
  .event-checkout .card > div > div:not(.check-box), .status-payment .card > div > div:not(.check-box) {
    padding-left: 16px;
  }
}
.event-checkout .card label, .status-payment .card label {
  font-weight: 500;
}
.event-checkout .card input, .status-payment .card input {
  background: #fff;
  padding-right: 12px;
  border: 1px solid #eaeef0;
  font-family: PeydaWeb !important;
}
.event-checkout .card input.disabled, .status-payment .card input.disabled {
  background-color: #f9fafb;
}
.event-checkout .card div > .header, .status-payment .card div > .header {
  border-bottom: 1px solid #eaeef0;
  padding-bottom: 8px;
  margin-bottom: 16px;
  width: 100%;
}
.event-checkout .card .header-ticket, .status-payment .card .header-ticket {
  border-bottom: 1px solid #eaeef0;
  padding-bottom: 8px;
  margin-bottom: 16px;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0em;
  color: #667985;
}
.event-checkout .card .content, .status-payment .card .content {
  padding: 8px;
  border-radius: 8px;
  background: #f9fafb;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
@media (max-width: 991px) {
  .event-checkout .card .content, .status-payment .card .content {
    background: #fff;
  }
}
.event-checkout .card .content img, .status-payment .card .content img {
  width: 120px;
  height: 120px;
  border-radius: 4px;
}
.event-checkout .card .content .content-texts > p.type, .status-payment .card .content .content-texts > p.type {
  color: #667985;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0em;
  margin-top: 10px;
  margin-bottom: 0px;
}
.event-checkout .card .content .content-texts > p.label, .status-payment .card .content .content-texts > p.label {
  color: #101828;
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  letter-spacing: 0em;
  margin-top: 6px;
  margin-bottom: 4px;
}
@media (min-width: 991px) {
  .event-checkout .card .content .content-texts > p.label, .status-payment .card .content .content-texts > p.label {
    font-size: 18px;
    line-height: 34px;
  }
}
.event-checkout .card .content .content-texts > div.hold, .status-payment .card .content .content-texts > div.hold {
  color: #667985;
  margin-bottom: 9px;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
}
.event-checkout .card .content .content-texts > div.hold > .date span, .status-payment .card .content .content-texts > div.hold > .date span {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
}
.event-checkout .card .content .content-texts > div.hold > .online, .status-payment .card .content .content-texts > div.hold > .online {
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0em;
}
.event-checkout .card .content-academy, .status-payment .card .content-academy {
  padding: 16px !important;
}
@media (min-width: 991px) {
  .event-checkout .card .content-academy, .status-payment .card .content-academy {
    padding: 32px !important;
  }
}
.event-checkout .card .content-academy .content-texts > p.type svg, .status-payment .card .content-academy .content-texts > p.type svg {
  scale: 0.85;
  margin-left: 2px;
}
@media (min-width: 767px) {
  .event-checkout .card .content-academy .content-texts > p.type svg, .status-payment .card .content-academy .content-texts > p.type svg {
    scale: 1;
    margin-left: 4px;
  }
}
.event-checkout .card .content-academy .content-texts > p.type, .status-payment .card .content-academy .content-texts > p.type {
  margin-top: 0 !important;
}
.event-checkout .card .content-academy .content-texts > p.label, .status-payment .card .content-academy .content-texts > p.label {
  margin-bottom: 0 !important;
}
.event-checkout .card .content-academy img, .status-payment .card .content-academy img {
  width: 96px !important;
  height: 54px !important;
  border-radius: 5px;
}
@media (min-width: 767px) {
  .event-checkout .card .content-academy img, .status-payment .card .content-academy img {
    width: 218px !important;
    height: 122px !important;
    border-radius: 4px;
  }
}
.event-checkout .card .name-participant, .status-payment .card .name-participant {
  border-left: 1px solid #eaeef0;
  padding: 0 12px 0 35px;
  margin-left: 16px;
  white-space: nowrap;
}
.event-checkout .card .name-participant p, .status-payment .card .name-participant p {
  font-size: 13px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  color: #667985;
}
@media (max-width: 767px) {
  .event-checkout .card .name-participant, .status-payment .card .name-participant {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
    border-bottom: 1px solid #eaeef0;
    margin-bottom: 10px;
  }
}
.event-checkout .card .input-discount, .status-payment .card .input-discount {
  position: relative;
}
.event-checkout .card .input-discount > span, .status-payment .card .input-discount > span {
  position: absolute;
  top: 7px;
  right: 9px;
  z-index: 2;
  width: 20px;
  height: 20px;
}
.event-checkout .card .input-discount > span.d-none + input, .status-payment .card .input-discount > span.d-none + input {
  padding-right: 12px;
}
.event-checkout .card .input-discount .success-discount, .status-payment .card .input-discount .success-discount {
  color: #17b26a;
}
.event-checkout .card .input-discount input, .status-payment .card .input-discount input {
  border-color: #d0d8dd !important;
  padding-right: 36px;
}
.event-checkout .card .input-discount button, .status-payment .card .input-discount button {
  position: absolute;
  left: 0px;
  top: 0px;
  border: none;
  border-right: 1px solid #d0d8dd;
  height: 100%;
  background: transparent;
}
.event-checkout .card .check-box-custom label img, .status-payment .card .check-box-custom label img {
  width: 24px;
  height: 24px;
}
.event-checkout .card .check-box-custom label > span:last-child, .status-payment .card .check-box-custom label > span:last-child {
  display: none;
}
.event-checkout .card-academy, .status-payment .card-academy {
  border: none;
  padding: unset;
}
.event-checkout .card-academy .content, .status-payment .card-academy .content {
  background: #fff;
  box-shadow: unset;
}
.event-checkout .card-academy .content img, .status-payment .card-academy .content img {
  width: 218px;
  height: 122px;
}
.event-checkout .card-academy-container, .status-payment .card-academy-container {
  margin: 0 16px;
  border-radius: 8px !important;
  overflow: hidden;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  margin-bottom: 32px;
}
.event-checkout .card-academy-container div > .header-checkout-academy, .status-payment .card-academy-container div > .header-checkout-academy {
  padding: 12px 16px;
  margin-right: -16px;
  margin-top: -16px;
  margin-left: -16px;
  background: rgb(73, 179, 243);
  background: linear-gradient(90deg, rgba(73, 179, 243, 0.72) 20%, rgba(16, 4, 164, 0.72), rgba(199, 45, 128, 0.72));
}
@media (min-width: 767px) {
  .event-checkout .card-academy-container div > .header-checkout-academy, .status-payment .card-academy-container div > .header-checkout-academy {
    padding: 16px 20px;
  }
}
@media (min-width: 991px) {
  .event-checkout .card-academy-container div > .header-checkout-academy, .status-payment .card-academy-container div > .header-checkout-academy {
    margin-top: -24px;
    margin-left: -32px;
    margin-right: -32px;
  }
}
.event-checkout .card-academy-container div > .header-checkout-academy span, .status-payment .card-academy-container div > .header-checkout-academy span {
  color: #FFFFFF;
  font-size: 14px;
  line-height: 28px;
}
@media (min-width: 767px) {
  .event-checkout .card-academy-container div > .header-checkout-academy span, .status-payment .card-academy-container div > .header-checkout-academy span {
    font-size: 16px;
    line-height: 32px;
  }
}
@media (max-width: 767px) {
  .event-checkout .card-academy-container:not(.no-border) > div, .status-payment .card-academy-container:not(.no-border) > div {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .event-checkout .card-academy-container .card-academy-content, .status-payment .card-academy-container .card-academy-content {
    border-right: 1px dashed #EAECF0;
  }
}
@media (min-width: 991px) {
  .event-checkout .card-academy-container .card-academy-content, .status-payment .card-academy-container .card-academy-content {
    border-bottom: 1px solid #EAECF0;
    padding-bottom: 8px;
    margin-top: 24px !important;
    margin-bottom: 4px !important;
  }
}
.event-checkout .card-academy-container .name-participant-academy, .status-payment .card-academy-container .name-participant-academy {
  border-block-color: #0F048D;
  padding-right: 0;
  margin-bottom: 16px;
}
@media (min-width: 767px) {
  .event-checkout .card-academy-container .name-participant-academy, .status-payment .card-academy-container .name-participant-academy {
    border-left: 1px dashed #EAECF0;
  }
}
@media (min-width: 991px) {
  .event-checkout .card-academy-container .name-participant-academy, .status-payment .card-academy-container .name-participant-academy {
    margin-left: 24px;
  }
}
.event-checkout .card-academy-container .name-participant-academy .participant, .status-payment .card-academy-container .name-participant-academy .participant {
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 28px;
  color: #101828;
}
.event-checkout .card-academy-container .input-group label, .status-payment .card-academy-container .input-group label {
  color: #98A2B3;
}
.event-checkout .card-academy-container .input-group input, .status-payment .card-academy-container .input-group input {
  color: #D0D5DD;
}
.event-checkout .card-academy-container .input-group input[name="mobile[][]"], .status-payment .card-academy-container .input-group input[name="mobile[][]"],
.event-checkout .card-academy-container .input-group input[name="email[][]"],
.status-payment .card-academy-container .input-group input[name="email[][]"] {
  direction: ltr;
}
.event-checkout .terms-con, .status-payment .terms-con {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
  color: #475a67;
}
.event-checkout .terms-con a, .status-payment .terms-con a {
  color: #d54692;
}
.event-checkout .terms-con-mobile-academy, .status-payment .terms-con-mobile-academy {
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0em;
  color: #475467;
}
.event-checkout .terms-con-mobile-academy a, .status-payment .terms-con-mobile-academy a {
  color: #E12A80;
}
.event-checkout .btn-primary-black, .status-payment .btn-primary-black {
  font-size: 18px;
  font-weight: 700;
}
.event-checkout .btns-mobile, .status-payment .btns-mobile {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 16px;
  width: 100%;
  border-top: 1px solid #f2f5f7;
  background: #fff;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.05);
}
.event-checkout .btns-mobile a, .status-payment .btns-mobile a {
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0em;
  color: #667985;
}
.event-checkout .btns-mobile a:hover, .status-payment .btns-mobile a:hover {
  color: #c72d80;
}
.event-checkout .discount span, .status-payment .discount span {
  color: #f04438;
}
.event-checkout .free-info div p, .status-payment .free-info div p {
  font-size: 13px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  color: #667985;
}
.event-checkout .free-info div .t-cart, .status-payment .free-info div .t-cart {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: right;
  color: #667985;
}
.event-checkout .free-info div h6, .status-payment .free-info div h6 {
  font-size: 16px !important;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
  color: #344754;
}
.event-checkout .free-info-academy, .status-payment .free-info-academy {
  margin-left: 16px !important;
  margin-right: 16px !important;
}
.event-checkout .free-info-academy .card, .status-payment .free-info-academy .card {
  border-radius: 8px !important;
  border: none;
}
.event-checkout .free-info-academy .card div:first-child, .status-payment .free-info-academy .card div:first-child {
  border-bottom: 1px solid #EAECF0;
  padding-top: 16px !important;
  padding-bottom: 24px !important;
}
.event-checkout .free-info-academy .card div:last-child, .status-payment .free-info-academy .card div:last-child {
  color: #101828;
}
.event-checkout .free-info-academy .card p, .status-payment .free-info-academy .card p {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  color: #475467;
  padding-bottom: 0;
  border-bottom: 1px solid #F2F4F7;
}
.event-checkout .free-info-academy .card .t-cart, .status-payment .free-info-academy .card .t-cart {
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  border-bottom: none;
  color: #667085;
  margin-bottom: 0;
}
.event-checkout .free-info-academy .card h6, .status-payment .free-info-academy .card h6 {
  font-size: 16px !important;
  font-weight: 700;
  line-height: 32px;
  color: #475467;
  margin-bottom: 0;
}
.event-checkout .submit-desktop, .status-payment .submit-desktop {
  font-size: 16px !important;
  line-height: 32px !important;
  padding: 7px 0 !important;
}

.status-payment {
  position: relative;
  max-width: 480px;
  margin: 0 auto;
}
.status-payment .container-payment .bg-payment {
  position: absolute;
  top: 0;
  left: 0;
}
.status-payment .container-payment .bg-payment svg {
  width: 100%;
  height: 100%;
}
.status-payment .container-payment .bg-payment > span:first-child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.status-payment .container-payment .bg-payment > span:first-child path {
  stroke: #fff !important;
}
.status-payment .container-payment > div:last-child {
  position: relative;
  top: 300px;
}
.status-payment .container-payment .card {
  border-radius: 8px !important;
}
.status-payment .container-payment .card > h6.success {
  color: #17b26a;
}
.status-payment .container-payment .card > h6.faild {
  color: #f04438;
}
.status-payment .container-payment .hint {
  font-size: 14px;
  font-weight: 600;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
}
@media (max-width: 767px) {
  .status-payment .container-payment .hint {
    border-radius: 8px;
    border: 1px solid #d0d8dd;
    background: #fff;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    padding: 6px 16px;
  }
}
.status-payment .container-payment .btn.btn-primary-black {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
}
.status-payment .description {
  color: #344754;
  font-size: 16px;
  font-weight: 400;
}
.status-payment .hint-faild {
  border-radius: 8px;
  border: 1px solid #d0d8dd;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  padding: 8px 16px;
}
.status-payment .hint-success {
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  padding: 8px 16px;
  box-shadow: none;
}
@media (max-width: 767px) {
  .status-payment .hint-success {
    border: 1px solid #d0d8dd;
  }
}

.user-dashboard {
  padding-bottom: 24px;
  min-height: calc(100vh - 200px);
}
.user-dashboard .mores {
  margin-top: 48px;
}
.user-dashboard .mores .see-all-competition {
  background: #fff;
  border: 1px solid #d0d8dd;
  padding: 8px 16px !important;
  color: #344754;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 30px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 991px) {
  .user-dashboard .mores .see-all-competition {
    max-width: 424px;
  }
}
.user-dashboard .mores .see-all-competition img {
  width: 24px;
  height: 24px;
  margin-left: 8px;
}
@media (max-width: 991px) {
  .user-dashboard .mores {
    border-top: 1px solid #eaecf0;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .user-dashboard .mores .see-all-competition {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .user-dashboard {
    max-width: none;
  }
  .user-dashboard .main-user-dashboard {
    max-width: none;
  }
}
.user-dashboard #transaction-modal .modal-content {
  border-radius: 12px;
}
.user-dashboard .coontainer-user-dashboard-empty {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.user-dashboard .coontainer-user-dashboard-empty .bg-user-dashboard span {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(58px, -46%);
}
@media (max-width: 767px) {
  .user-dashboard .coontainer-user-dashboard-empty .bg-user-dashboard span {
    transform: translate(-10%, -46%);
  }
}
@media (max-width: 575px) {
  .user-dashboard .coontainer-user-dashboard-empty .bg-user-dashboard span {
    transform: translate(11%, -46%);
  }
  .user-dashboard .coontainer-user-dashboard-empty .bg-user-dashboard span svg {
    width: 100%;
  }
}
.user-dashboard .coontainer-user-dashboard-empty .content-user-dashboard {
  position: relative;
  z-index: 1;
}
.user-dashboard .coontainer-user-dashboard-empty .content-user-dashboard img {
  width: 66px;
  height: 66px;
}
.user-dashboard .coontainer-user-dashboard-empty .content-user-dashboard p {
  color: #98a8b3;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0em;
}
.user-dashboard .coontainer-user-dashboard-empty .content-user-dashboard a {
  font-size: 13px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
}
.user-dashboard .page-label-user-dashboard {
  padding-left: 16px;
}
.user-dashboard .page-label-user-dashboard h6 {
  font-size: 18px;
}
.user-dashboard .page-label-user-dashboard > div {
  color: #101828;
  font-size: 13px;
  font-weight: 700;
}
.user-dashboard .page-label-user-dashboard .btns {
  color: #101828;
}
.user-dashboard .page-label-user-dashboard .btns > span:nth-child(1) {
  transform: translateY(4px);
}
.user-dashboard .page-label-user-dashboard .btns > span:nth-child(2) {
  transform: rotate(180deg) translateY(3px);
}
.user-dashboard .page-label-user-dashboard .btns > span:nth-child(2) path {
  stroke: #d0d8dd !important;
}
.user-dashboard .main-user-dashboard .card {
  padding: 24px;
  border-radius: 8px;
  border: 1px solid #eaeef0;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .user-dashboard .main-user-dashboard .card {
    border-radius: 0;
    padding: 24px 16px;
    margin-bottom: 0;
  }
}
.user-dashboard .main-user-dashboard .card .right-card {
  border-right: none;
  padding-right: 0;
  padding-left: 24px;
  margin-right: 0;
}
.user-dashboard .main-user-dashboard .card .right-card .icon-company {
  color: #667085;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
}
.user-dashboard .main-user-dashboard .card .right-card .icon-company img {
  width: 24px;
  height: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.user-dashboard .main-user-dashboard .card .right-card p {
  color: #667985;
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
}
.user-dashboard .main-user-dashboard .card .left-card {
  border-right: 1px solid #eaeef0;
  padding-right: 24px;
}
@media (max-width: 767px) {
  .user-dashboard .main-user-dashboard .card .left-card {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
  }
}
.user-dashboard .main-user-dashboard .card .left-card .card-title-offer {
  color: #101828;
  min-height: 64px;
  font-size: 16px !important;
  line-height: 32px !important;
  margin-bottom: 8px;
}
@media (min-width: 991px) {
  .user-dashboard .main-user-dashboard .card .left-card .card-title-offer {
    min-height: -moz-fit-content;
    min-height: fit-content;
    font-size: 18px !important;
    line-height: 34px !important;
    margin-bottom: 12px;
  }
}
.user-dashboard .main-user-dashboard .card .left-card .card-title-description {
  color: #475467;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 16px;
  min-height: 84px;
}
@media (min-width: 991px) {
  .user-dashboard .main-user-dashboard .card .left-card .card-title-description {
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 12px;
    min-height: 64px;
  }
}
.user-dashboard .main-user-dashboard .card .left-card .mobile {
  border-right: 2px solid #eaeef0;
  padding: 8px 14px 8px 0px;
  background: #f9fafb;
}
.user-dashboard .main-user-dashboard .card .left-card .mobile .voting {
  color: #1004a4;
}
.user-dashboard .main-user-dashboard .card .left-card .mobile .suggestions {
  color: #49b3f3;
}
.user-dashboard .main-user-dashboard .card .left-card .mobile .results {
  color: #c72d80;
}
.user-dashboard .main-user-dashboard .card .left-card > div .container-img .icon-company img {
  width: 24px;
  height: 24px;
}
.user-dashboard .main-user-dashboard .card .left-card > div .container-img p {
  border-right: 1px solid #eaeef0;
}
.user-dashboard .main-user-dashboard .card .left-card > div:nth-child(1) {
  padding: 8px 14px 8px 0px;
  border-right: 2px solid #eaeef0;
  background: linear-gradient(90deg, #fffcf5 0%, #fff 100%);
}
.user-dashboard .main-user-dashboard .card .left-card > div:nth-child(1) > p {
  color: #344754;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
.user-dashboard .main-user-dashboard .card .left-card > div:nth-child(1) > div p {
  color: #667985;
}
.user-dashboard .main-user-dashboard .card .left-card > div:nth-child(1) > div p path {
  stroke: #667985;
}
.user-dashboard .main-user-dashboard .card .left-card > div .view-details {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #182230;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
}
.user-dashboard .main-user-dashboard .card .left-card > div .view-details:hover {
  color: #182230;
}
.user-dashboard .main-user-dashboard .card .left-card > div .view-details::before {
  content: "مشاهده جزئیات ";
}
@media (max-width: 991px) {
  .user-dashboard .main-user-dashboard .card .left-card > div .view-details::before {
    content: "جزئیات";
  }
}
.user-dashboard .main-user-dashboard .card .left-card > div .view-details .svg-icon svg {
  width: 20px;
  height: 20px;
}
.user-dashboard .main-user-dashboard .card .left-card > div .winner-badge {
  display: none !important;
  color: #fdb022;
  display: flex;
  padding: 1px 6px 1px 8px;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  border: 1px solid #fec84b;
  background: #fffaeb;
}
.user-dashboard .main-user-dashboard .card .left-card > div .winner-badge svg {
  margin-left: 5px;
  width: 16px;
  height: 16px;
  stroke: #fdb022;
}
.user-dashboard .main-user-dashboard .card .left-card .footer-card {
  border-top: 1px solid #eaeef0;
}
.user-dashboard .main-user-dashboard .card .card-company-title-offer {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 28px !important;
  color: #667085 !important;
}
@media (max-width: 991px) {
  .user-dashboard .main-user-dashboard .card .card-company-title-offer {
    font-size: 12px !important;
    line-height: 24px !important;
  }
  .user-dashboard .main-user-dashboard .card .card-company-title-offer img {
    width: 16px !important;
    height: 16px !important;
    border-radius: 4px;
  }
}
.user-dashboard .main-user-dashboard .card .card-title-status {
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
}
.user-dashboard .main-user-dashboard .card .card-contest-title-offer {
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  text-align: right;
  color: #667085;
  margin-bottom: 4px;
}
.user-dashboard .main-user-dashboard .card.winner {
  background: linear-gradient(90deg, #fffaeb 0%, #fff 100%);
}
.user-dashboard .main-user-dashboard .card.winner .left-card .mobile {
  background: linear-gradient(90deg, #fffcf5 0%, #fff 100%);
}
.user-dashboard .main-user-dashboard .card.winner .left-card > div {
  justify-content: space-between !important;
}
.user-dashboard .main-user-dashboard .card.winner .left-card > div .winner-badge {
  display: block !important;
}
@media (min-width: 575px) {
  .user-dashboard .main-user-contest .card {
    flex-direction: row;
  }
}
@media (max-width: 575px) {
  .user-dashboard .main-user-contest .card {
    padding: 24px 0;
  }
}
.user-dashboard .main-user-contest .card .image-container img {
  width: 120px;
  height: 120px;
  border-radius: 8px;
}
.user-dashboard .main-user-contest .card .actions {
  border-right: 0;
  padding-right: 0;
  margin-right: 24px;
  max-width: none;
  min-width: none;
}
.user-dashboard .main-user-contest .card .actions .status {
  position: relative;
  list-style: none;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0em;
  border-radius: 18px;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0em;
  width: -moz-fit-content;
  width: fit-content;
}
.user-dashboard .main-user-contest .card .actions .status span.dot {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  display: inline-block;
  margin-left: 6px;
}
.user-dashboard .main-user-contest .card .actions .status.finished {
  background-color: #f9fafb;
  color: #98a8b3;
  border: 1px solid #d0d8dd;
}
.user-dashboard .main-user-contest .card .actions .status.finished span.dot {
  width: 16px;
  height: 16px;
  margin-left: 10px;
  background-image: url("../../svg/single-contest/Icon.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.user-dashboard .main-user-contest .card .actions a {
  font-size: 18px;
  font-weight: 700 !important;
  line-height: 32px;
  letter-spacing: 0em;
  padding: unset;
}
@media (max-width: 991px) {
  .user-dashboard .main-user-contest .card .actions a {
    font-size: 16px !important;
    padding-right: 0 !important;
  }
}
.user-dashboard .main-user-contest .card > div:nth-child(1) {
  padding-left: 24px;
  border-left: 2px dashed #eaeef0;
}
@media (max-width: 575px) {
  .user-dashboard .main-user-contest .card > div:nth-child(1) {
    border-left: 0;
    border-bottom: 2px dashed #eaeef0;
    padding: 0 16px;
    padding-bottom: 24px;
  }
}
.user-dashboard .main-user-contest .card > div:nth-child(1) .bottom {
  padding: 6px 16px;
  border-radius: 4px;
  background: #f9fafb;
}
@media (max-width: 575px) {
  .user-dashboard .main-user-contest .card > div:nth-child(1) .bottom {
    background: #fff;
  }
  .user-dashboard .main-user-contest .card > div:nth-child(1) .bottom > div:nth-child(2) > p:nth-child(2) {
    border-right: 1px solid #eaeef0;
  }
}
.user-dashboard .main-user-contest .card > div:nth-child(2) {
  padding: 16px 24px;
}
.user-dashboard .main-user-contest .card > div:nth-child(2) .badge-success {
  padding: 5px 8px;
  border-radius: 16px;
  border: 1px solid #75e0a7;
  background: #ecfdf3;
  color: #067647;
  font-size: 12px;
  font-weight: 500;
}
.user-dashboard .main-user-contest .card > div:nth-child(2) .badge-fail {
  padding: 5px 8px;
  border-radius: 16px;
  border: 1px solid #d0d8dd;
  background: #f9fafb;
  color: #344754;
  font-size: 12px;
  font-weight: 500;
}
.user-dashboard .main-user-contest .card > div:nth-child(2) .num-ticket p:nth-child(2) {
  border-right: 1px solid #eaeef0;
}
@media (max-width: 575px) {
  .user-dashboard .main-user-contest .card > div:nth-child(2) .num-ticket p:nth-child(2) {
    border-right: none;
  }
}
.user-dashboard .main-user-contest .card > div:nth-child(2) .download {
  padding: 6px 16px;
  border-radius: 8px;
  border: 1px solid #d0d8dd;
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0em;
}
.user-dashboard.user-transactions .status {
  position: relative;
  margin-top: 40px;
}
.user-dashboard.user-transactions .status::after {
  position: absolute;
  bottom: 0;
  right: -2px;
  padding: 0px 8px;
  border-radius: 16px;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 500;
}
.user-dashboard.user-transactions .status.success::after {
  border: 1px solid #75e0a7;
  background: #ecfdf3;
  color: #067647;
  content: "پرداخت شده";
}
.user-dashboard.user-transactions .status.faild::after {
  border: 1px solid #fda29b;
  background: #fef3f2;
  color: #b42318;
  content: "ناموفق";
}
.user-dashboard.user-transactions table {
  width: 100%;
  border: 1px solid #eaeef0;
}
.user-dashboard.user-transactions table thead tr {
  border-bottom: 1px solid #eaeef0;
  background: #f9fafb;
}
.user-dashboard.user-transactions table thead tr th {
  padding: 8px 16px;
  color: #475a67;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
.user-dashboard.user-transactions table thead tr th:not(:last-child) {
  border-left: 1px solid #eaeef0;
}
.user-dashboard.user-transactions table tbody tr td {
  color: #344754;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  padding: 16px;
}
.user-dashboard.user-transactions table tbody tr td:not(:last-child) {
  border-left: 1px solid #eaeef0;
  padding: 16px 16px 16px 40px;
}
.user-dashboard.user-transactions table tbody tr td span {
  color: #667985;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
}
.user-dashboard.user-transactions table tbody tr td.currency span:nth-child(1) {
  color: #344754;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
}
.user-dashboard.user-transactions table tbody tr td.currency span:nth-child(2) {
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
}
.user-dashboard.user-transactions table tbody tr td:last-child {
  color: #98a8b3;
}
.user-dashboard.user-transactions table tr:not(:last-child) {
  border-bottom: 1px solid #eaeef0;
}
.user-dashboard.user-transactions table td {
  height: 100%;
}
.user-dashboard.user-transactions .table-mobile .item {
  padding: 24px 16px;
  border-top: 1px solid #eaeef0;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.user-dashboard.user-transactions .table-mobile .item p {
  color: #667985;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
}
.user-dashboard.user-transactions .table-mobile .item span {
  color: #344754;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
}
.user-dashboard.user-transactions .transaction-detail {
  font-size: 13px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  color: #98a8b3;
}
.user-dashboard.user-transactions .transaction-detail:hover {
  color: #c72d80;
}
.user-dashboard.user-transactions .transaction-detail:hover span svg path {
  stroke: #c72d80;
}
.user-dashboard.user-transactions .transaction-detail span {
  color: inherit;
  font-weight: 500;
}
.user-dashboard.user-transactions #transaction-modal-container .header-transactions svg {
  cursor: pointer;
}
.user-dashboard.user-transactions #transaction-modal-container label {
  color: #667985;
  font-size: 13px;
  font-weight: 400;
}
.user-dashboard.user-transactions #transaction-modal-container span:not(.factor) {
  color: #344754;
  font-size: 16px;
  font-weight: 500;
}
.user-dashboard.user-transactions #transaction-modal-container h6 {
  color: #344754;
  font-size: 16px;
  font-weight: 500;
}
.user-dashboard.user-transactions #transaction-modal-container .see-contest {
  color: #98a8b3;
}
.user-dashboard.user-transactions #transaction-modal-container .see-contest path {
  stroke: #98a8b3 !important;
}
.user-dashboard.user-transactions #transaction-modal-container table td {
  padding: 4px 16px 4px 46px;
}
.user-dashboard.user-transactions #transaction-modal-container table td:first-child {
  padding-left: 16px;
}
@media (max-width: 767px) {
  .user-dashboard.user-transactions #transaction-modal-container table td {
    padding: 4px 8px;
  }
}
.user-dashboard.user-transactions #transaction-modal-container table tr:last-child {
  background: #f2f5f7;
}
.user-dashboard.user-transactions #transaction-modal-container .discount {
  color: #f04438;
}
.user-dashboard.user-transactions #transaction-modal-container .download-transactions {
  max-width: 240px;
  width: 100%;
  padding: 8px 16px;
  border-radius: 8px;
  border: 1px solid #d0d8dd;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.user-dashboard.user-transactions #transaction-modal-container .download-transactions p {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
}
@media (max-width: 991px) {
  .user-dashboard.user-transactions #transaction-modal-container .download-transactions {
    max-width: unset;
  }
}

.user-info-setting {
  padding: 0 !important;
  padding-bottom: 66px !important;
}
@media (min-width: 767px) {
  .user-info-setting {
    border: 1px solid #f2f4f7;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
    margin-top: 80px;
    border-radius: 16px;
    background-color: #ffffff;
    margin-bottom: 80px;
  }
  .user-info-setting.pad4840 {
    padding: 48px 40px !important;
  }
}
@media (max-width: 767px) {
  .user-info-setting {
    background-color: #fff;
    padding: 24px 16px;
  }
}
.user-info-setting.user-containers {
  margin-bottom: 174px !important;
}
@media (max-width: 767px) {
  .user-info-setting.user-containers {
    margin-bottom: unset !important;
  }
}
.user-info-setting .page-label {
  margin-bottom: 48px;
}
.user-info-setting .page-label a p {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  color: #101828;
}
@media (max-width: 767px) {
  .user-info-setting.company-info-setting {
    padding-top: 32px !important;
  }
}
.user-info-setting.company-info-setting .page-label {
  margin-bottom: 32px;
}
@media (min-width: 991px) {
  .user-info-setting.company-info-setting .page-label {
    margin-bottom: 64px;
  }
}
.user-info-setting.company-info-setting .header-user-info-setting {
  margin-bottom: 16px;
}
@media (min-width: 767px) {
  .user-info-setting.company-info-setting .header-user-info-setting {
    margin-bottom: 48px;
  }
}
.user-info-setting.company-info-setting .input-group {
  margin-bottom: 24px !important;
}
.user-info-setting.company-info-setting .input-group input.social_media {
  direction: ltr;
}
.user-info-setting.company-info-setting .input-group input[type=email] {
  direction: ltr;
}
.user-info-setting.company-info-setting .ticket-field .ticket-label {
  position: relative;
  font-family: PeydaWeb;
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  color: #1d2e39;
  margin-bottom: 2px;
  display: inline-block;
}
.user-info-setting.company-info-setting .ticket-field .select-box {
  font-family: PeydaWeb;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  font-family: PeydaWeb;
}
.user-info-setting.company-info-setting .ticket-field .select-box .option-selected {
  background: white;
  font-size: 12px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 2px;
  padding: 5px 11px;
  border: 1px solid #ced4da;
  color: #22262a;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border-radius: 4px;
  outline: 3px solid transparent;
  transition: all 0.3s linear;
  width: 100%;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .user-info-setting.company-info-setting .ticket-field .select-box .option-selected {
    padding: 7px 13px;
  }
}
.user-info-setting.company-info-setting .ticket-field .select-box .option-selected span {
  color: #d0d5dd;
  transition: all 0.3s linear;
}
.user-info-setting.company-info-setting .ticket-field .select-box .option-selected:has(.select-input) {
  padding: 0 11px;
}
@media (min-width: 1024px) {
  .user-info-setting.company-info-setting .ticket-field .select-box .option-selected:has(.select-input) {
    padding: 0 13px 0 11px;
  }
}
.user-info-setting.company-info-setting .ticket-field .select-box .option-selected:has(.select-input) .select-input {
  font-family: PeydaWeb;
  font-size: 16px;
  line-height: 24px;
  padding: 6px 0;
  width: 100%;
  outline: none;
  border: none;
  box-shadow: none;
}
.user-info-setting.company-info-setting .ticket-field .select-box .option-selected:has(.select-input) .select-input::-moz-placeholder {
  color: #d0d5dd;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.user-info-setting.company-info-setting .ticket-field .select-box .option-selected:has(.select-input) .select-input::placeholder {
  color: #d0d5dd;
  transition: all 0.3s linear;
}
.user-info-setting.company-info-setting .ticket-field .select-box .option-selected.active {
  outline-color: #f1f2f4;
  border-color: #101828;
}
.user-info-setting.company-info-setting .ticket-field .select-box .option-selected.active .select-input::-moz-placeholder {
  color: #101828;
}
.user-info-setting.company-info-setting .ticket-field .select-box .option-selected.active .select-input::placeholder,
.user-info-setting.company-info-setting .ticket-field .select-box .option-selected.active span {
  color: #101828;
}
.user-info-setting.company-info-setting .ticket-field .select-box .option-selected.error {
  margin: 0;
  border-color: #FDA29B;
}
.user-info-setting.company-info-setting .ticket-field .select-box .option-selected.active.error {
  outline-color: rgba(240, 68, 56, 0.2392156863);
}
.user-info-setting.company-info-setting .ticket-field .select-box .options-container {
  visibility: hidden;
  font-family: PeydaWeb;
  font-size: 14px;
  line-height: 24px;
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: 4px 5px;
  max-height: 0;
  width: 100%;
  opacity: 0;
  transition: all 0.3s linear;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #eaecf0;
  background-color: white;
  color: #344754;
  position: absolute;
  top: 100%;
  z-index: 2;
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}
@media (min-width: 1024px) {
  .user-info-setting.company-info-setting .ticket-field .select-box .options-container {
    padding: 3px 5px;
  }
}
.user-info-setting.company-info-setting .ticket-field .select-box .options-container .option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 8px 20px;
  border-radius: 8px;
}
.user-info-setting.company-info-setting .ticket-field .select-box .options-container .option label {
  cursor: pointer;
  background-color: transparent !important;
}
.user-info-setting.company-info-setting .ticket-field .select-box .options-container .option .radio {
  margin-right: 10px;
  display: none;
}
.user-info-setting.company-info-setting .ticket-field .select-box .options-container .option .icon {
  display: none;
}
.user-info-setting.company-info-setting .ticket-field .select-box .options-container .option .icon.hidden {
  display: none;
}
.user-info-setting.company-info-setting .ticket-field .select-box .options-container .option:hover {
  background: #f2f4f7;
}
.user-info-setting.company-info-setting .ticket-field .select-box .options-container .option.selected .icon {
  display: block;
}
.user-info-setting.company-info-setting .ticket-field .select-box .options-container .option.selected {
  background: #f2f4f7;
}
.user-info-setting.company-info-setting .ticket-field .select-box .options-container .no-results {
  padding: 6px 8px;
}
.user-info-setting.company-info-setting .ticket-field .select-box .options-container.active {
  visibility: visible;
  max-height: 250px;
  opacity: 1;
  overflow-y: auto;
}
.user-info-setting.company-info-setting .ticket-field .select-box .options-container::-webkit-scrollbar {
  width: 8px;
}
.user-info-setting.company-info-setting .ticket-field .select-box .options-container::-webkit-scrollbar-track {
  background: white;
}
.user-info-setting.company-info-setting .ticket-field .select-box .options-container::-webkit-scrollbar-thumb {
  background: #EAECF0;
  border-radius: 5px;
}
.user-info-setting.company-info-setting .ticket-field .input-description.error {
  display: block;
  margin: 0;
  color: #D92D20;
}
.user-info-setting .profile-steps-selectbox {
  margin-bottom: 24px;
}
.user-info-setting .profile-steps-selectbox .selectbox-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: right;
  color: #1d2e39;
  margin-bottom: 6px;
}
.user-info-setting.company-initial-steps {
  padding-top: unset !important;
  margin-top: unset;
}
.user-info-setting.company-initial-steps .top-gap {
  margin-bottom: 28px;
}
@media (min-width: 767px) {
  .user-info-setting.company-initial-steps .top-gap {
    margin-bottom: 68px;
  }
}
.user-info-setting.company-initial-steps .page-label {
  margin-bottom: 40px;
}
.user-info-setting .social-icon svg {
  width: 20px;
  height: 20px;
  color: transparent;
}
.user-info-setting .social-icon svg path {
  fill: #475a67;
}
.user-info-setting .caption {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  text-align: right;
  color: #667985;
  margin-top: 0;
}
.user-info-setting form .user_image,
.user-info-setting form .user_cover {
  margin-top: 6px;
  margin-bottom: 0;
}
.user-info-setting form .input-group > label,
.user-info-setting form .cu_label {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  color: #475467;
  margin-bottom: 6px;
}
.user-info-setting form input::-moz-placeholder, .user-info-setting form textarea::-moz-placeholder {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 30px;
  color: #98a8b3;
  font-family: PeydaWebFaNum, serif;
}
.user-info-setting form .ch_label,
.user-info-setting form input::placeholder,
.user-info-setting form select option,
.user-info-setting form select,
.user-info-setting form textarea::placeholder {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 30px;
  color: #98a8b3;
  font-family: PeydaWebFaNum, serif;
}
.user-info-setting form input {
  font-family: PeydaWebFaNum, serif;
  border: 1px solid #d0d5dd;
  border-radius: 8px !important;
  padding: 8px 14px 8px 14px;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
}
.user-info-setting form input::-moz-placeholder {
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: #d0d5dd;
}
.user-info-setting form input::placeholder {
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: #d0d5dd;
}
.user-info-setting form input:checked + label {
  background-color: #fff !important;
  color: unset !important;
  border-color: unset !important;
}
.user-info-setting form .city_id-events-input .form-control {
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  padding: 8px 14px !important;
  border: 1px solid #d0d5dd !important;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  border-radius: 8px;
}
.user-info-setting form .check-box-confirm, .user-info-setting form .check-box.check-box-confirm-secondary {
  display: flex;
  align-items: center;
}
.user-info-setting form .check-box-confirm .form-check, .user-info-setting form .check-box.check-box-confirm-secondary .form-check {
  padding: 0;
  margin: 0;
  display: flex;
  min-height: unset;
}
.user-info-setting form .check-box-confirm .form-check input[type=checkbox], .user-info-setting form .check-box.check-box-confirm-secondary .form-check input[type=checkbox] {
  position: unset;
  opacity: unset;
  width: 18px;
  height: 18px;
  border-radius: 4px !important;
  margin-top: 0;
  padding: unset !important;
  float: unset !important;
  margin-right: unset !important;
}
.user-info-setting form .check-box-confirm .form-check input[type=checkbox]:checked, .user-info-setting form .check-box.check-box-confirm-secondary .form-check input[type=checkbox]:checked {
  background-color: #182230 !important;
  border-color: #182230 !important;
}
.user-info-setting form .check-box {
  display: flex;
  padding: 6px 8px;
  margin-right: 0 !important;
  align-items: center;
}
.user-info-setting form .check-box label {
  padding: 0;
  margin-right: 6px;
  font-family: PeydaWebFaNum, serif;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 28px !important;
  color: #475467 !important;
  width: 100%;
}
.user-info-setting form .check-box:hover {
  background-color: unset;
}
.user-info-setting form .check-box:hover label {
  color: unset;
}
.user-info-setting form .birth-date-group {
  display: flex;
  gap: 8px;
}
.user-info-setting form .birth-date-group .birth-date-input .select2 .select2-container {
  box-shadow: unset !important;
}
.user-info-setting form .birth-date-group .birth-date-input .select2 .select2-selection {
  border: 1px solid #d0d5dd !important;
  padding: 8px 14px !important;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922) !important;
  border-radius: 8px;
  height: 100%;
}
.user-info-setting form .foreign-national {
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #eaecf0;
  padding: 24px 0;
  margin-bottom: 24px;
}
.user-info-setting form .foreign-national .form-check {
  display: flex;
  align-items: center;
}
.user-info-setting form .foreign-national .form-check label {
  margin-right: 8px;
}
.user-info-setting form .foreign-national .form-check input {
  width: 38px;
  height: 20px;
  border-radius: 25px !important;
  margin: 0;
}
.user-info-setting form .foreign-national .form-check input:checked {
  background-color: #182230 !important;
  border-color: #182230 !important;
}
.user-info-setting form .foreign-national .form-check input:focus {
  border-color: #182230 !important;
}
.user-info-setting form .foreign-national .input-group {
  margin-bottom: unset !important;
}
.user-info-setting form .err select,
.user-info-setting form .err textarea {
  color: #f04438;
}
.user-info-setting form .e-msg {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
}
.user-info-setting form .btns {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 16px 0;
  background: #fff;
  width: 100%;
  z-index: 10;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.05);
}
.user-info-setting form .btns > div {
  max-width: 616px;
  margin: 0 auto;
  width: 100%;
}
.user-info-setting form .upload h6 {
  font-size: 14px !important;
}
.user-info-setting form .upload p {
  font-size: 12px !important;
}
.user-info-setting form .input-group {
  margin-bottom: 24px !important;
}
.user-info-setting form .input-group textarea {
  border: 1px solid #d0d5dd;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  padding: 8px 12px 8px 12px;
  border-radius: 8px !important;
}
.user-info-setting form h6 {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  color: #667085;
  margin-top: 2px;
  margin-bottom: 24px;
}
.user-info-setting .page-label::after {
  display: none !important;
}
.user-info-setting .page-label svg {
  width: 24px;
}
.user-info-setting .page-label svg path {
  stroke: #667085 !important;
}
.user-info-setting .page-label .preview {
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  color: #101828;
  display: flex;
  gap: 4px;
}
.user-info-setting .page-label .preview:hover {
  color: #c72d80;
}
.user-info-setting .page-label .company-preview svg {
  width: 20px;
  height: 20px;
}
.user-info-setting .header-user-info-setting {
  border-bottom: 1px solid #eaeef0;
}
.user-info-setting .header-user-info-setting .ul {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-x: scroll;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.user-info-setting .header-user-info-setting .ul::-webkit-scrollbar {
  display: none;
}
.user-info-setting .header-user-info-setting .ul .li {
  cursor: pointer;
  padding: 0 24px 12px 24px;
  color: #98a2b3;
  border-bottom: 2px solid transparent;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  text-align: right;
  white-space: nowrap;
  font-family: PeydaWebFaNum, serif;
}
.user-info-setting .header-user-info-setting .ul .li.active {
  color: #1004a4;
  border-color: #1004a4;
}
@media (max-width: 767px) {
  .user-info-setting .header-user-info-setting .ul .li {
    padding: 0px 24px 12px 24px;
    margin-left: 40px;
  }
}
.user-info-setting.company-user {
  background-color: unset;
  border-radius: unset;
  box-shadow: unset;
  border: none;
}
@media (max-width: 767px) {
  .user-info-setting.company-user {
    background-color: #ffffff;
    margin-top: 0;
  }
}

@media (min-width: 1024px) {
  .user-info-setting-new {
    margin-top: 48px;
  }
  .user-info-setting-new.pad4840 {
    padding: 40px 32px !important;
  }
}
@media (min-width: 1200px) {
  .user-info-setting-new {
    margin: 48px -55px 0 -55px;
  }
}
.user-info-setting-new .page-label {
  margin-bottom: 0;
  padding: 24px 12px 32px 12px;
}
@media (min-width: 1024px) {
  .user-info-setting-new .page-label {
    padding-top: 0;
  }
}
.user-info-setting-new .page-label .row-section-title {
  font-family: DanaFaNum;
  padding: 0;
  margin: 0;
}
.user-info-setting-new .page-label .row-section-title::after {
  display: none;
}
.user-info-setting-new .header-user-info-setting {
  margin-bottom: 32px;
}
@media (min-width: 1024px) {
  .user-info-setting-new .header-user-info-setting {
    margin-bottom: 24px;
  }
}
.user-info-setting-new .header-user-info-setting .ul {
  flex-wrap: nowrap;
}
.user-info-setting-new .header-user-info-setting .ul .li {
  margin: 0;
}
.user-info-setting-new form .user_image,
.user-info-setting-new form .user_cover {
  margin-top: 6px;
}
.user-info-setting-new form .input-group > label,
.user-info-setting-new form .cu_label {
  font-family: DanaFaNum, serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  color: #475467;
  margin-bottom: 2px;
}
@media (min-width: 1024px) {
  .user-info-setting-new form .specialized-interest .specialized-interest-item {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .user-info-setting-new form .specialized-interest .specialized-interest-item {
    text-wrap: nowrap;
  }
}
.user-info-setting-new form .input-group {
  font-family: DanaFaNum;
}
.user-info-setting-new form .input-group .form-control {
  z-index: 1;
}
@media (max-width: 991px) {
  .user-info-setting-new form .input-group .form-control {
    padding: 5px 11px;
    font-size: 14px;
    line-height: 28px;
  }
}
.user-info-setting-new form .input-group:has(.requirement) label::after {
  content: "*";
  color: #EF4444;
}
.user-info-setting-new form .input-group:has(.requirement-en) label::before {
  content: "* ";
  color: #EF4444;
}
.user-info-setting-new form .input-group #national_code-input,
.user-info-setting-new form .input-group #mobile-input,
.user-info-setting-new form .input-group #username,
.user-info-setting-new form .input-group #email-input {
  direction: ltr;
  text-align: right;
}
.user-info-setting-new form .input-group .icon {
  z-index: 1;
}
.user-info-setting-new form .input-group .select2-selection__placeholder {
  color: #98A2B3 !important;
}
@media (min-width: 1024px) {
  .user-info-setting-new form .input-group .select2-selection__placeholder {
    font-size: 16px;
    line-height: 31px;
  }
}
.user-info-setting-new form .input-field {
  width: 100%;
}
.user-info-setting-new form .input-field .input-label {
  position: relative;
  font-family: DanaFaNum;
  font-size: 14px;
  line-height: 28px;
  font-weight: 500;
  color: #475467;
  margin-bottom: 2px;
  display: inline-block;
}
.user-info-setting-new form .input-field .input-wrapper {
  font-family: DanaFaNum;
  font-size: 14px;
  line-height: 28px;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 0 11px;
  border: 1px solid #d0d5dd;
  color: #101828;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border-radius: 8px;
  outline: 3px solid transparent;
  transition: all 0.3s linear;
  overflow: hidden;
}
.user-info-setting-new form .input-field .input-wrapper:focus-within {
  outline-color: #f1f2f4;
  border-color: #101828;
}
@media (min-width: 1024px) {
  .user-info-setting-new form .input-field .input-wrapper {
    padding: 0 13px;
    font-size: 16px;
    line-height: 32px;
  }
}
.user-info-setting-new form .input-field .input-wrapper .form-input {
  direction: ltr;
  text-align: right;
  width: 100%;
  padding: 5px 0;
  border: none;
  outline: none;
  box-shadow: none;
}
@media (min-width: 1024px) {
  .user-info-setting-new form .input-field .input-wrapper .form-input {
    padding: 7px 0;
  }
}
.user-info-setting-new form .input-field .input-wrapper .form-input:disabled {
  padding: 5px 11px;
  background-color: #F9FAFB;
  color: #D0D5DD;
}
@media (min-width: 1024px) {
  .user-info-setting-new form .input-field .input-wrapper .form-input:disabled {
    padding: 7px 13px;
  }
}
.user-info-setting-new form .input-field .input-wrapper:has(.form-input:disabled) {
  border-color: #EAECF0;
  padding: 0;
}
.user-info-setting-new form .input-field .input-wrapper:has(.form-input-checkbox) {
  flex-direction: row;
  justify-content: start;
  gap: 8px;
  padding: 5px 11px;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .user-info-setting-new form .input-field .input-wrapper:has(.form-input-checkbox) {
    padding: 7px 13px;
  }
}
.user-info-setting-new form .input-field .input-wrapper:has(.form-input-checkbox) .form-input-checkbox {
  display: none;
}
.user-info-setting-new form .input-field .input-wrapper:has(.form-input-checkbox) .form-input {
  display: none;
  text-align: left;
}
.user-info-setting-new form .input-field .input-wrapper:has(.form-input-checkbox) .toggle-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 2px;
  width: 36px;
  height: 20px;
  border-radius: 999px;
  background-color: #F2F4F7;
}
.user-info-setting-new form .input-field .input-wrapper:has(.form-input-checkbox) .toggle-container span {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #FFFFFF;
  border-radius: 999px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0588235294), 0px 1px 3px 0px rgba(16, 24, 40, 0.1019607843);
}
.user-info-setting-new form .input-field .input-wrapper:has(.form-input-checkbox) .form-input-checkbox:checked ~ .toggle-container {
  background: #3A27F3;
}
.user-info-setting-new form .input-field .input-wrapper:has(.form-input-checkbox) .form-input-checkbox:checked ~ .toggle-container span {
  transform: translateX(-100%);
}
.user-info-setting-new form .input-field .input-wrapper:has(.form-input-checkbox) .form-input-checkbox:checked ~ .toggle-title {
  display: none;
}
.user-info-setting-new form .input-field .input-wrapper:has(.form-input-checkbox) .form-input-checkbox:checked ~ .form-input {
  display: block;
  padding: 0;
}
.user-info-setting-new form .input-field .input-wrapper:has(.form-input-checkbox) .toggle-title {
  font-family: DanaFaNum;
  color: #667085;
  font-size: 14px;
  line-height: 28px;
}
@media (min-width: 1024px) {
  .user-info-setting-new form .input-field .input-wrapper:has(.form-input-checkbox) .toggle-title {
    line-height: 32px;
  }
}
.user-info-setting-new form .input-field .input-wrapper:has(.show-password) .show-password,
.user-info-setting-new form .input-field .input-wrapper:has(.show-password) .hidden-password {
  display: none;
}
.user-info-setting-new form .input-field .input-wrapper:has(.show-password) .show-password.active,
.user-info-setting-new form .input-field .input-wrapper:has(.show-password) .hidden-password.active {
  display: block;
  cursor: pointer;
}
.user-info-setting-new form .input-field .input-error {
  display: none;
  margin: 0;
  color: #D92D20;
  font-family: DanaFaNum;
  font-size: 14px;
  line-height: 28px;
}
.user-info-setting-new form .input-field .select-box {
  font-family: DanaFaNum;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  font-family: DanaFaNum;
}
.user-info-setting-new form .input-field .select-box .option-selected {
  font-size: 14px;
  line-height: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 2px;
  padding: 5px 11px;
  border: 1px solid #d0d5dd;
  color: #101828;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border-radius: 8px;
  outline: 3px solid transparent;
  transition: all 0.3s linear;
  width: 100%;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .user-info-setting-new form .input-field .select-box .option-selected {
    font-size: 16px;
    line-height: 32px;
    padding: 7px 13px;
  }
}
.user-info-setting-new form .input-field .select-box .option-selected span {
  color: #d0d5dd;
  transition: all 0.3s linear;
}
.user-info-setting-new form .input-field .select-box .option-selected:has(.select-input) {
  padding: 0 11px;
}
@media (min-width: 1024px) {
  .user-info-setting-new form .input-field .select-box .option-selected:has(.select-input) {
    padding: 0 13px;
  }
}
.user-info-setting-new form .input-field .select-box .option-selected:has(.select-input) .select-input {
  font-family: DanaFaNum;
  font-size: 14px;
  line-height: 28px;
  padding: 5px 0;
  width: 100%;
  outline: none;
  border: none;
  box-shadow: none;
}
@media (min-width: 1024px) {
  .user-info-setting-new form .input-field .select-box .option-selected:has(.select-input) .select-input {
    padding: 7px 0;
    font-size: 16px;
    line-height: 32px;
  }
}
.user-info-setting-new form .input-field .select-box .option-selected:has(.select-input) .select-input::-moz-placeholder {
  color: #d0d5dd;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.user-info-setting-new form .input-field .select-box .option-selected:has(.select-input) .select-input::placeholder {
  color: #d0d5dd;
  transition: all 0.3s linear;
}
.user-info-setting-new form .input-field .select-box .option-selected.active {
  outline-color: #f1f2f4;
  border-color: #101828;
}
.user-info-setting-new form .input-field .select-box .option-selected.active .select-input::-moz-placeholder {
  color: #101828;
}
.user-info-setting-new form .input-field .select-box .option-selected.active .select-input::placeholder,
.user-info-setting-new form .input-field .select-box .option-selected.active span {
  color: #101828;
}
.user-info-setting-new form .input-field .select-box .option-selected.error {
  margin: 0;
  border-color: #FDA29B;
}
.user-info-setting-new form .input-field .select-box .option-selected.active.error {
  outline-color: rgba(240, 68, 56, 0.2392156863);
}
.user-info-setting-new form .input-field .select-box .options-container {
  visibility: hidden;
  font-family: DanaFaNum;
  font-size: 16px;
  line-height: 32px;
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: 4px 5px;
  max-height: 0;
  width: 100%;
  opacity: 0;
  transition: all 0.3s linear;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #eaecf0;
  background-color: white;
  color: #101828;
  position: absolute;
  top: 100%;
  z-index: 2;
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}
@media (min-width: 1024px) {
  .user-info-setting-new form .input-field .select-box .options-container {
    padding: 3px 5px;
  }
}
.user-info-setting-new form .input-field .select-box .options-container .option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 6px 8px;
  border-radius: 8px;
}
.user-info-setting-new form .input-field .select-box .options-container .option label {
  cursor: pointer;
  background: transparent !important;
}
.user-info-setting-new form .input-field .select-box .options-container .option .radio {
  margin-right: 10px;
  display: none;
}
.user-info-setting-new form .input-field .select-box .options-container .option .icon {
  display: none;
}
.user-info-setting-new form .input-field .select-box .options-container .option .icon.hidden {
  display: none;
}
.user-info-setting-new form .input-field .select-box .options-container .option:hover {
  background: #f2f4f7;
}
.user-info-setting-new form .input-field .select-box .options-container .option.selected .icon {
  display: block;
}
.user-info-setting-new form .input-field .select-box .options-container .option.selected {
  background: #f2f4f7;
}
.user-info-setting-new form .input-field .select-box .options-container .option.new {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  cursor: pointer;
  padding: 6px 8px 5px 8px;
  border-bottom: 1px solid #EAECF0;
}
.user-info-setting-new form .input-field .select-box .options-container .option.new .new-option-label {
  flex: 1 1 0%;
  color: #3A27F3;
  font-weight: 600;
}
.user-info-setting-new form .input-field .select-box .options-container .option.new .new-option-label span {
  font-size: 12px;
  list-style: 24px;
}
.user-info-setting-new form .input-field .select-box .options-container.active {
  visibility: visible;
  max-height: 250px;
  opacity: 1;
  overflow-y: auto;
}
.user-info-setting-new form .input-field .select-box .options-container::-webkit-scrollbar {
  width: 8px;
}
.user-info-setting-new form .input-field .select-box .options-container::-webkit-scrollbar-track {
  background: white;
}
.user-info-setting-new form .input-field .select-box .options-container::-webkit-scrollbar-thumb {
  background: #EAECF0;
  border-radius: 5px;
}
.user-info-setting-new form .input-field .select-box .ticket-description {
  color: #667085;
  font-size: 14px;
  line-height: 28px;
}
.user-info-setting-new form .input-field .option-selected-items {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  overflow-x: scroll;
  scrollbar-width: none;
  text-wrap: nowrap;
  padding-left: 44px;
}
.user-info-setting-new form .input-field .option-selected-items .option-selected-item {
  margin-top: 4px;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3px;
  padding: 2px 8px 2px 4px;
  border: 1px solid #D0D5DD;
  border-radius: 6px;
}
.user-info-setting-new form .input-field .option-selected-items .option-selected-item .option-selected-item-title {
  font-size: 12px;
  line-height: 24px;
  font-weight: 500;
  color: #475467;
}
@media (min-width: 1024px) {
  .user-info-setting-new form .input-field .option-selected-items .option-selected-item .option-selected-item-title {
    font-size: 14px;
    line-height: 28px;
  }
}
.user-info-setting-new form .input-field .option-selected-items .option-selected-item .option-selected-item-button {
  padding: 2px 3px;
  cursor: pointer;
}
.user-info-setting-new form .input-field .option-selected-items .option-selected-item .option-selected-item-button svg {
  scale: 0.8333;
}
@media (min-width: 1024px) {
  .user-info-setting-new form .input-field .option-selected-items .option-selected-item .option-selected-item-button svg {
    scale: 1;
  }
}
.user-info-setting-new form .input-field .option-selected-items-rectangle {
  position: absolute;
  left: -1px;
  top: 0;
  height: 38px;
  background-image: linear-gradient(-90deg, hsla(0, 0%, 100%, 0), #fff);
  width: 64px;
  pointer-events: none;
  z-index: 1;
}
.user-info-setting-new form .input-field .password-help-container {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 5px;
  font-family: DanaFaNum;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  margin-top: 2px;
}
@media (min-width: 1024px) {
  .user-info-setting-new form .input-field .password-help-container {
    font-size: 14px;
    line-height: 28px;
  }
}
.user-info-setting-new form .input-field .password-help-container .password-help-item {
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s linear;
  color: #D0D5DD;
}
.user-info-setting-new form .input-field .password-help-container .password-help-item .help-item-active-icon {
  display: none;
  scale: 0.8;
  margin-bottom: 2px;
}
@media (min-width: 1024px) {
  .user-info-setting-new form .input-field .password-help-container .password-help-item .help-item-active-icon {
    scale: 1;
  }
}
.user-info-setting-new form .input-field .password-help-container .password-help-item .help-item-inactive-icon {
  display: grid;
  place-items: center;
  margin-bottom: 2px;
}
.user-info-setting-new form .input-field .password-help-container .password-help-item .help-item-active-icon.active {
  display: grid;
  place-items: center;
}
.user-info-setting-new form .input-field .password-help-container .password-help-item .help-item-active-icon.active ~ .help-item-inactive-icon {
  display: none;
}
.user-info-setting-new form .input-field .password-help-container .password-help-item.active {
  color: #17B26A;
}
@media (min-width: 1024px) {
  .user-info-setting-new form .expertise-field {
    padding-left: 12px;
  }
}
.user-info-setting-new form .input-field.error {
  display: block;
  margin: 0;
}
.user-info-setting-new form .input-field.error .input-wrapper {
  margin: 0;
  margin-bottom: 2px;
  border-color: #FDA29B;
}
.user-info-setting-new form .input-field.error .input-wrapper:focus-within {
  outline-color: rgba(240, 68, 56, 0.2392156863);
}
.user-info-setting-new form .input-field.error .input-error {
  display: block;
}
.user-info-setting-new form .input-field.error {
  display: block;
  margin: 0;
}
.user-info-setting-new form .input-field.error .input-wrapper {
  margin: 0;
  margin-bottom: 2px;
  border-color: #FDA29B;
}
.user-info-setting-new form .input-field.error .input-wrapper:focus-within {
  outline-color: rgba(240, 68, 56, 0.2392156863);
}
.user-info-setting-new form .input-field.error .input-error {
  display: block;
}
.user-info-setting-new form .bank-card-section {
  font-family: DanaFaNum;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 24px;
}
@media (min-width: 991px) {
  .user-info-setting-new form .bank-card-section {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.user-info-setting-new form .bank-card-section .card-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px;
  border: 1px solid #EAECF0;
  border-radius: 8px;
}
.user-info-setting-new form .bank-card-section .card-item .card-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 4px;
}
.user-info-setting-new form .bank-card-section .card-item .card-info .card-details {
  display: flex;
  align-items: center;
  gap: 8px;
}
.user-info-setting-new form .bank-card-section .card-item .card-info .card-details .bank-name {
  font-weight: 500;
  color: #475467;
  font-size: 14pdx;
  line-height: 28px;
}
.user-info-setting-new form .bank-card-section .card-item .card-info .bank-number {
  font-weight: 500;
  color: #98A2B3;
  font-size: 12px;
  line-height: 24px;
}
.user-info-setting-new form .bank-card-section .card-item .card-actions {
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
}
.user-info-setting-new form .bank-card-section .card-item .card-actions .delete-btn {
  cursor: pointer;
}
.user-info-setting-new form .bank-card-section .card-item .card-actions .delete-btn svg {
  cursor: pointer;
}
.user-info-setting-new form .bank-card-section .card-item .card-actions .status {
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  border-radius: 999px;
  padding: 0 8px;
}
.user-info-setting-new form .bank-card-section .card-item .card-actions .status.status-pending {
  background-color: #FFFAEB;
  color: #F79009;
}
.user-info-setting-new form .bank-card-section .card-item .card-actions .status.status-done {
  background-color: #ECFDF3;
  color: #17B26A;
}
.user-info-setting-new form .bank-card-section .add-new-card {
  margin-top: -16px;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #1203A3;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  cursor: pointer;
}
@media (min-width: 991px) {
  .user-info-setting-new form .bank-card-section .add-new-card {
    margin-top: -8px;
    grid-column: span 2/span 2;
  }
}
.user-info-setting-new form .bank-card-section #add-card-modal-background {
  visibility: hidden;
  opacity: 0;
  z-index: 15;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(29, 46, 57, 0.32);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  transition: all 0.3s linear;
}
.user-info-setting-new form .bank-card-section #add-card-modal-background.visible {
  visibility: visible;
  opacity: 1;
}
.user-info-setting-new form .bank-card-section #add-card-modal-container {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transform: translateY(100%);
  position: fixed;
  z-index: 17;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding: 16px 16px 0 16px;
  max-height: calc(100vh - 24px);
  overflow: scroll;
  transition: all 0.3s linear;
}
@media (min-width: 1024px) {
  .user-info-setting-new form .bank-card-section #add-card-modal-container {
    visibility: hidden;
    opacity: 0;
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    transform: translate(-50%, -50%);
    padding: 32px;
    min-width: 648px;
    max-width: 648px;
    max-height: calc(100vh - 100px);
    border-radius: 12px;
    overflow: auto;
  }
}
.user-info-setting-new form .bank-card-section #add-card-modal-container .add-card-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 15px;
  border-bottom: 1px solid #EAECF0;
  margin-bottom: 16px;
}
@media (min-width: 991px) {
  .user-info-setting-new form .bank-card-section #add-card-modal-container .add-card-modal-header {
    margin-bottom: 24px;
  }
}
.user-info-setting-new form .bank-card-section #add-card-modal-container .add-card-modal-header .add-card-modal-title {
  font-family: DanaFaNum !important;
  font-weight: 600 !important;
  color: #182230;
  font-size: 16px !important;
  line-height: 32px !important;
}
.user-info-setting-new form .bank-card-section #add-card-modal-container .add-card-modal-header .add-card-modal-close-button {
  display: grid;
  place-items: center;
  padding: 3px;
  border-radius: 6px;
  background-color: white;
  border: 1px solid #EAECF0;
  cursor: pointer;
}
.user-info-setting-new form .bank-card-section #add-card-modal-container .add-card-modal-header .add-card-modal-close-button svg {
  scale: 0.75;
}
@media (min-width: 1024px) {
  .user-info-setting-new form .bank-card-section #add-card-modal-container .add-card-modal-header .add-card-modal-close-button {
    padding: 7px;
    border-radius: 8px;
  }
  .user-info-setting-new form .bank-card-section #add-card-modal-container .add-card-modal-header .add-card-modal-close-button svg {
    scale: 1;
  }
}
.user-info-setting-new form .bank-card-section #add-card-modal-container .add-card-modal-content {
  font-family: DanaFaNum !important;
}
.user-info-setting-new form .bank-card-section #add-card-modal-container .add-card-modal-content .add-card-modal-description {
  font-family: DanaFaNum !important;
  color: #667085;
  font-size: 12px;
  line-height: 24px;
  margin-bottom: 32px;
}
@media (min-width: 991px) {
  .user-info-setting-new form .bank-card-section #add-card-modal-container .add-card-modal-content .add-card-modal-description {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 40px;
  }
}
.user-info-setting-new form .bank-card-section #add-card-modal-container .add-card-modal-content .input-field {
  margin-bottom: 32px;
}
@media (min-width: 991px) {
  .user-info-setting-new form .bank-card-section #add-card-modal-container .add-card-modal-content .input-field {
    margin-bottom: 40px;
  }
}
.user-info-setting-new form .bank-card-section #add-card-modal-container .add-card-modal-content .add-card-modal-button-wrapper {
  margin: 0 -16px;
  border-top: 1px solid #F2F4F7;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  padding: 12px 16px;
  background: white;
}
@media (min-width: 991px) {
  .user-info-setting-new form .bank-card-section #add-card-modal-container .add-card-modal-content .add-card-modal-button-wrapper {
    margin: 0 -32px -16px -32px;
    padding: 16px 0 0 32px;
    display: flex;
    justify-content: end;
    align-items: start;
  }
}
.user-info-setting-new form .bank-card-section #add-card-modal-container .add-card-modal-content .add-card-modal-button-wrapper #add-card-modal-button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  font-family: DanaFaNum;
  font-weight: 600;
  color: white;
  background-color: #1203A3;
  border-radius: 8px;
  font-size: 14px;
  line-height: 28px;
  padding: 6px 0;
  border: none;
}
@media (min-width: 991px) {
  .user-info-setting-new form .bank-card-section #add-card-modal-container .add-card-modal-content .add-card-modal-button-wrapper #add-card-modal-button {
    font-size: 16px;
    line-height: 32px;
    padding: 6px 0;
    width: 120px;
  }
}
.user-info-setting-new form .bank-card-section #add-card-modal-container .add-card-modal-content .add-card-modal-button-wrapper #add-card-modal-button:disabled {
  background-color: #FAFAFF;
  color: #DEDAFF;
}
.user-info-setting-new form .bank-card-section #add-card-modal-container.visible {
  transform: translateY(0);
}
@media (min-width: 1024px) {
  .user-info-setting-new form .bank-card-section #add-card-modal-container.visible {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}
.user-info-setting-new form .bank-card-section #remove-card-modal-background {
  visibility: hidden;
  opacity: 0;
  z-index: 15;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(29, 46, 57, 0.32);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  transition: all 0.3s linear;
}
.user-info-setting-new form .bank-card-section #remove-card-modal-background.visible {
  visibility: visible;
  opacity: 1;
}
.user-info-setting-new form .bank-card-section #remove-card-modal-container {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  visibility: hidden;
  opacity: 0;
  z-index: 17;
  position: fixed;
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  transform: translate(-50%, -50%);
  background-color: white;
  border-radius: 12px;
  padding: 16px;
  transition: all 0.3s linear;
  overflow: hidden;
  min-width: 320px;
}
@media (min-width: 360px) {
  .user-info-setting-new form .bank-card-section #remove-card-modal-container {
    min-width: 328px;
  }
}
@media (min-width: 576px) {
  .user-info-setting-new form .bank-card-section #remove-card-modal-container {
    padding: 20px;
    min-width: 400px;
  }
}
.user-info-setting-new form .bank-card-section #remove-card-modal-container .remove-card-modal-background {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
.user-info-setting-new form .bank-card-section #remove-card-modal-container .remove-card-modal-background img {
  position: absolute;
  left: 0;
  right: 0;
  top: -12px;
  z-index: -1;
  opacity: 0.5;
}
@media (min-width: 576px) {
  .user-info-setting-new form .bank-card-section #remove-card-modal-container .remove-card-modal-background img {
    top: -26px;
  }
}
.user-info-setting-new form .bank-card-section #remove-card-modal-container .remove-card-modal-background .remove-card-modal-icon {
  padding: 12px;
  border-radius: 999px;
  background-color: #fef0c7;
  display: grid;
  place-items: center;
}
@media (min-width: 576px) {
  .user-info-setting-new form .bank-card-section #remove-card-modal-container .remove-card-modal-background .remove-card-modal-icon {
    background-color: #fffaeb;
  }
}
.user-info-setting-new form .bank-card-section #remove-card-modal-container .remove-card-modal-title {
  text-align: center;
  font-weight: 700;
  color: #101828;
  font-size: 14px;
  line-height: 28px;
  margin-top: 0;
  margin-bottom: 4px;
  max-width: 360px;
}
@media (min-width: 576px) {
  .user-info-setting-new form .bank-card-section #remove-card-modal-container .remove-card-modal-title {
    font-size: 16px;
    line-height: 32px;
  }
}
.user-info-setting-new form .bank-card-section #remove-card-modal-container .remove-card-modal-description {
  text-align: center;
  color: #475467;
  font-size: 12px;
  line-height: 24px;
  margin-bottom: 24px;
}
@media (min-width: 576px) {
  .user-info-setting-new form .bank-card-section #remove-card-modal-container .remove-card-modal-description {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 32px;
  }
}
.user-info-setting-new form .bank-card-section #remove-card-modal-container .remove-card-modal-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 14px;
  line-height: 28px;
  font-weight: 600;
}
@media (min-width: 576px) {
  .user-info-setting-new form .bank-card-section #remove-card-modal-container .remove-card-modal-actions {
    gap: 16px;
  }
}
.user-info-setting-new form .bank-card-section #remove-card-modal-container .remove-card-modal-actions .confirm-button {
  text-align: center;
  color: #667085;
  background-color: transparent;
  border: none;
  padding: 6px 0;
  flex: 1 1 0%;
  max-width: 108px;
  cursor: pointer;
}
@media (min-width: 576px) {
  .user-info-setting-new form .bank-card-section #remove-card-modal-container .remove-card-modal-actions .confirm-button {
    max-width: 120px;
  }
}
.user-info-setting-new form .bank-card-section #remove-card-modal-container .remove-card-modal-actions .cancel-button {
  text-align: center;
  cursor: pointer;
  color: white;
  background-color: #1203a3;
  border: none;
  padding: 6px 0;
  flex: 1 1 0%;
  max-width: 224px;
  border-radius: 8px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
}
.user-info-setting-new form .bank-card-section #remove-card-modal-container.visible {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, -50%);
}

.fixed-btn-footer2 {
  width: 100%;
  background-color: red;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 5;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  background-color: #ffffff;
  border-top: 1px solid #f2f5f7;
}
.fixed-btn-footer2 .u-page-btn {
  padding: 8px 55px !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  width: 160px;
}
@media (max-width: 991px) {
  .fixed-btn-footer2 .u-page-btn {
    padding: 6px 20px !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
  }
}
.fixed-btn-footer2 .btns {
  max-width: 648px;
  margin: 0 auto;
  padding: 16px;
}
@media (max-width: 1319px) {
  .fixed-btn-footer2 .btns {
    margin-right: calc((100vw - 276px) / 2) !important;
    margin-left: 10vw !important;
  }
}
@media (max-width: 991px) {
  .fixed-btn-footer2 .btns {
    width: 100%;
    max-width: none;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

.fixed-btn-footer {
  width: calc(100% - 276px);
  display: flex;
  justify-content: start;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 5;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  background-color: #fff;
  border-top: 1px solid #f2f5f7;
  padding-top: 14.75px !important;
  padding-bottom: 14.75px !important;
}
@media (max-width: 767px) {
  .fixed-btn-footer {
    width: 100%;
  }
}
@media (min-width: 991px) {
  .fixed-btn-footer {
    padding-top: 15.5px !important;
    padding-bottom: 15.5px !important;
  }
}
.fixed-btn-footer .fixed-btn-footer-container {
  gap: 64px;
}
@media (max-width: 1199px) {
  .fixed-btn-footer .fixed-btn-footer-container {
    gap: 0;
  }
}
@media (max-width: 1199px) {
  .fixed-btn-footer #submit-info {
    width: 100%;
    font-size: 14px !important;
    line-height: 26px !important;
    padding: 6px 0 !important;
    font-weight: 600 !important;
  }
}
@media (min-width: 767px) {
  .fixed-btn-footer #submit-info {
    padding: 7px 50px !important;
    font-size: 16px !important;
    line-height: 30px !important;
  }
}
@media (min-width: 767px) {
  .fixed-btn-footer #submit-info.submit-info-company-user {
    padding: 7px 55px !important;
    font-size: 16px !important;
    line-height: 30px !important;
  }
}
.fixed-btn-footer .back-button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  padding: 0;
  color: #667085;
  box-shadow: unset;
  width: 160px;
}
.fixed-btn-footer .back-button img {
  width: 20px;
  height: 20px;
}
.fixed-btn-footer .btn-link {
  font-weight: 600;
  font-size: 13px !important;
  line-height: 24px !important;
  padding: 6px 0 !important;
  width: 100%;
  max-width: 120px;
  display: flex;
  justify-content: center;
  font-family: PeydaWebFaNum, serif !important;
  color: #667985;
}
@media (min-width: 991px) {
  .fixed-btn-footer .btn-link {
    max-width: 126px;
    font-size: 14px !important;
    line-height: 26px !important;
    padding: 8px 0 !important;
  }
}
.fixed-btn-footer .btn-link svg {
  width: 24px;
}
@media (max-width: 1319px) {
  .fixed-btn-footer .footer-dashboard-type-one {
    padding-left: 20%;
    padding-right: 12%;
  }
}
@media (max-width: 1199px) {
  .fixed-btn-footer .footer-dashboard-type-one {
    padding-left: 10%;
    padding-right: 8%;
  }
}
@media (max-width: 991px) {
  .fixed-btn-footer .footer-dashboard-type-one {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 767px) {
  .fixed-btn-footer .footer-dashboard-type-one {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.fixed-btn-footer .footer-dashboard-type-two {
  padding-left: 39%;
  padding-right: 21%;
}
@media (max-width: 1319px) {
  .fixed-btn-footer .footer-dashboard-type-two {
    padding-left: 28%;
    padding-right: 13%;
  }
}
@media (max-width: 1199px) {
  .fixed-btn-footer .footer-dashboard-type-two {
    padding-left: 27%;
    padding-right: 7%;
  }
}
@media (max-width: 991px) {
  .fixed-btn-footer .footer-dashboard-type-two {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 767px) {
  .fixed-btn-footer .footer-dashboard-type-two {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.fixed-btn-footer .footer-dashboard-type-three {
  padding-left: 30%;
  padding-right: 20%;
}
@media (max-width: 1319px) {
  .fixed-btn-footer .footer-dashboard-type-three {
    padding-left: 22%;
    padding-right: 14%;
  }
}
@media (max-width: 1199px) {
  .fixed-btn-footer .footer-dashboard-type-three {
    padding-left: 15%;
    padding-right: 7%;
  }
}
@media (max-width: 991px) {
  .fixed-btn-footer .footer-dashboard-type-three {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 767px) {
  .fixed-btn-footer .footer-dashboard-type-three {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.fixed-btn-footer .u-page-btn {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  padding: 8px 35px;
}
@media (max-width: 991px) {
  .fixed-btn-footer .u-page-btn {
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
  }
}
.fixed-btn-footer.publish-footer-size > div > div.d-flex .privacy {
  margin-left: 16px;
}
.fixed-btn-footer.publish-footer-size > div > div.d-flex button {
  padding: 8px 30px !important;
}
@media (max-width: 767px) {
  .fixed-btn-footer.publish-footer-size > div > div.d-flex {
    flex-wrap: wrap;
  }
  .fixed-btn-footer.publish-footer-size > div > div.d-flex button {
    padding: 8px 30px !important;
    width: 100%;
  }
  .fixed-btn-footer.publish-footer-size > div > div.d-flex .privacy {
    display: none;
  }
}
.fixed-btn-footer.user-info-footer button {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 30px;
  text-align: center !important;
}
@media (max-width: 991px) {
  .fixed-btn-footer.user-info-footer button {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 26px;
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
}

.fixed-btn-footer-new {
  font-family: DanaFaNum;
}
@media (max-width: 1199px) {
  .fixed-btn-footer-new #submit-info {
    font-size: 14px !important;
    line-height: 28px !important;
    padding: 6px 0 !important;
    font-weight: 600 !important;
    width: 100%;
    background-color: #1203A3;
    color: white;
  }
}
@media (min-width: 767px) {
  .fixed-btn-footer-new #submit-info {
    width: -moz-fit-content;
    width: fit-content;
    padding: 7px 31px !important;
    font-size: 16px !important;
    line-height: 32px !important;
    margin-right: 0px !important;
    background-color: #1203A3;
    color: white;
  }
}

.progress-steps-container div {
  width: 100%;
  height: 4px;
  background: #eaeef0;
}
.progress-steps-container div.active {
  background: #1d2e39;
}

.user-initial-step {
  display: flex;
  gap: 8px;
}
.user-initial-step div {
  width: 50%;
  height: 4px;
  background: #EAECF0;
}
.user-initial-step .active {
  background: #344054 !important;
}

.user-initial {
  margin: 0 auto;
  margin-bottom: 120px;
}
@media (min-width: 767px) {
  .user-initial {
    padding: 48px 40px !important;
    border: 1px solid #F2F4F7;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
    margin-top: 32px;
    border-radius: 16px;
    background: #FFFFFF;
    margin-bottom: 252px;
  }
}
.user-initial .custom-select:not(:first-child) .form-control {
  padding: 6px 0 !important;
}
.user-initial form .input-group > label,
.user-initial form .cu_label {
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  color: #475467;
  margin-bottom: 2px;
}
.user-initial form input::-moz-placeholder, .user-initial form textarea::-moz-placeholder {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 30px;
  color: #98a8b3;
  font-family: PeydaWebFaNum, serif;
}
.user-initial form .ch_label,
.user-initial form input::placeholder,
.user-initial form select option,
.user-initial form select,
.user-initial form textarea::placeholder {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 30px;
  color: #98a8b3;
  font-family: PeydaWebFaNum, serif;
}
.user-initial form input {
  font-family: PeydaWebFaNum, serif;
  border: 1px solid #D0D5DD;
  border-radius: 8px !important;
  padding: 8px 14px 8px 14px;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
}
.user-initial form input::-moz-placeholder {
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: #D0D5DD;
}
.user-initial form input::placeholder {
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: #D0D5DD;
}
.user-initial form input:checked + label {
  background-color: #fff !important;
  color: unset !important;
  border-color: unset !important;
}
.user-initial form .e-msg {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
}
.user-initial form .btns {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 16px 0;
  background: #fff;
  width: 100%;
  z-index: 10;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.05);
}
.user-initial form .btns > div {
  max-width: 616px;
  margin: 0 auto;
  width: 100%;
}
.user-initial form .city_id-events-input .form-control {
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  padding: 8px 14px !important;
  border: 1px solid #D0D5DD !important;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  border-radius: 8px;
}
.user-initial form .check-box-custom {
  display: flex;
  align-items: center;
}
.user-initial form .check-box-custom .form-check {
  padding: 0;
  margin: 0;
  display: flex;
  min-height: unset;
}
.user-initial form .check-box-custom .form-check input[type=checkbox] {
  position: unset;
  opacity: unset;
  width: 18px;
  height: 18px;
  border-radius: 4px !important;
  margin-top: 0;
  padding: unset !important;
  float: unset !important;
  margin-right: unset !important;
}
.user-initial form .check-box-custom .form-check input[type=checkbox]:checked {
  background-color: #182230 !important;
  border-color: #182230 !important;
}
.user-initial form .check-box {
  display: flex;
  padding: 6px 8px;
  margin-right: 0 !important;
  align-items: center;
}
.user-initial form .check-box label {
  padding: 0;
  margin-right: 6px;
  font-family: PeydaWebFaNum, serif;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 28px !important;
  color: #475467 !important;
  width: 100%;
}
.user-initial form .check-box:hover {
  background-color: unset;
}
.user-initial form .check-box:hover label {
  color: unset;
}
.user-initial form .birth-date-group {
  display: flex;
  gap: 8px;
}
.user-initial form .birth-date-group .birth-date-input .select2 .select2-container {
  box-shadow: unset !important;
}
.user-initial form .birth-date-group .birth-date-input .select2 .select2-selection {
  border: 1px solid #D0D5DD !important;
  padding: 8px 14px !important;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922) !important;
  border-radius: 8px;
  height: 100%;
}
.user-initial form .upload h6 {
  font-size: 14px !important;
}
.user-initial form .upload p {
  font-size: 12px !important;
}
.user-initial form .input-group textarea {
  border: 1px solid #D0D5DD;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  padding: 8px 12px 8px 12px;
  border-radius: 8px !important;
}
.user-initial form h6 {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  color: #667085;
  margin-top: 2px;
  margin-bottom: 24px;
}
.user-initial .alert-wide-success {
  position: fixed;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 616px;
  z-index: 90;
}
.user-initial .foreign-national {
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #eaecf0;
  padding: 24px 0;
  margin-bottom: 24px;
}
.user-initial .foreign-national .form-check {
  display: flex;
  align-items: center;
}
.user-initial .foreign-national .form-check label {
  margin-right: 8px;
}
.user-initial .foreign-national .form-check input {
  width: 38px;
  height: 20px;
  border-radius: 25px !important;
  margin: 0;
}
.user-initial .foreign-national .form-check input:checked {
  background-color: #182230 !important;
  border-color: #182230 !important;
}
.user-initial .foreign-national .form-check input:focus {
  border-color: #182230 !important;
}
.user-initial .foreign-national .input-group {
  margin-bottom: unset !important;
}

.user-profile-container {
  overflow-x: hidden;
  background: #FCFCFD;
}
.user-profile-container .user-profile-title {
  max-width: 1320px;
  max-height: 264px;
}
@media (max-width: 991px) {
  .user-profile-container .user-profile-title {
    width: 100%;
    padding: 0;
  }
}
.user-profile-container .user-profile-title img, .user-profile-container .user-profile-title svg {
  width: 100%;
  height: 100%;
  border-radius: 0 0 16px 16px;
  -o-object-fit: cover;
     object-fit: cover;
}
.user-profile-container .user-profile-content {
  max-width: 872px;
  padding: 32px;
  border-radius: 16px;
  border: 1px solid #FFFFFF;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  margin-top: -60px;
  background: rgba(255, 255, 255, 0.6392156863);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
@media (max-width: 991px) {
  .user-profile-container .user-profile-content {
    -webkit-backdrop-filter: blur(0);
            backdrop-filter: blur(0);
    border: unset;
    background: none;
    padding: 0 16px;
    margin-top: -30px;
  }
}
.user-profile-container .user-profile-content div:first-child {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .user-profile-container .user-profile-content div:first-child {
    display: block;
  }
}
.user-profile-container .user-profile-content div:first-child div {
  width: 136px;
  height: 136px;
  margin-left: 24px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .user-profile-container .user-profile-content div:first-child div {
    width: 88px;
    height: 88px;
    margin-left: 0;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
    border: 1px solid #FFFFFF;
    background: rgba(255, 255, 255, 0.6392156863);
    border-radius: 8px;
    margin-bottom: 16px;
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
  }
}
.user-profile-container .user-profile-content div:first-child div img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 0 4px 6px -2px rgba(16, 24, 40, 0.031372549);
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}
@media (max-width: 991px) {
  .user-profile-container .user-profile-content div:first-child div img {
    padding: 8px;
    border-radius: 4px;
  }
}
.user-profile-container .user-profile-content div:first-child h1 {
  font-size: 24px !important;
  font-weight: 900;
  line-height: 44px;
  color: #1D2E39;
  padding-bottom: 0;
  margin-bottom: 0;
  padding-top: 0;
}
@media (max-width: 1199px) {
  .user-profile-container .user-profile-content div:first-child h1 {
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
  }
}
.user-profile-container .user-profile-content div:last-child {
  display: flex;
  justify-content: space-between;
  background: #F9FAFB;
  max-width: 808px;
  height: 62px;
  padding: 16px 24px 16px 24px;
  border-radius: 8px;
}
@media (max-width: 1199px) {
  .user-profile-container .user-profile-content div:last-child {
    background: unset;
    padding: 16px 0;
    border-top: 1px solid #EAEEF0;
    border-radius: 0;
  }
}
.user-profile-container .user-profile-content div:last-child span {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #475A67;
  align-self: center;
}
@media (max-width: 1199px) {
  .user-profile-container .user-profile-content div:last-child span {
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
  }
}
.user-profile-container .user-profile-content div:last-child ul {
  display: flex;
  list-style: none;
  margin-bottom: 0;
  padding-right: 0;
  align-items: center;
}
.user-profile-container .user-profile-content div:last-child ul li {
  margin-right: 40px;
}
.user-profile-container .user-profile-content div:last-child ul li a img {
  width: 20px;
  height: 20px;
}
.user-profile-container .user-profile-content p {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 32px;
  color: #475A67;
}
.user-profile-container .user-profile-content p a {
  color: #1004A4;
  font-weight: 500;
  text-decoration: none;
}
@media (max-width: 1199px) {
  .user-profile-container .user-profile-content p {
    margin-bottom: 16px;
  }
}
.user-profile-container .facts {
  display: flex;
  align-items: center;
  max-width: 872px;
  justify-content: space-between;
  background: url("../../svg/user/facts-bg.svg") no-repeat;
  background-size: cover;
  background-position-x: center;
  background-position-y: -150px;
  padding: 48px 0 231px 0;
  gap: 16px;
}
@media (max-width: 1199px) {
  .user-profile-container .facts {
    padding-bottom: 64px;
    padding-top: 16px;
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media (max-width: 767px) {
  .user-profile-container .facts {
    background: url("../../svg/user/facts-bg-mobile.svg") no-repeat;
    background-size: cover;
    background-position-y: -150px;
    flex-wrap: wrap;
  }
}
.user-profile-container .facts .winner-box {
  background: url("../../svg/user/winner-box-bg.svg") no-repeat;
}
@media (max-width: 1199px) {
  .user-profile-container .facts .winner-box {
    background: url("../../svg/user/winner-box-bg-mobile.svg") no-repeat;
    background-size: cover;
  }
}
.user-profile-container .facts .winner-box span:first-child {
  color: #F79009;
  font-family: DanaFaNum, serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 66px;
}
.user-profile-container .facts .winner-box span:last-child {
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  color: #F79009;
  margin-top: 16px;
}
.user-profile-container .facts div {
  max-width: 200px;
  width: 100%;
  height: 194px;
  padding: 32px 24px 48px 24px;
  border-radius: 16px;
  background: #fff;
  text-align: center;
  align-self: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .user-profile-container .facts div {
    text-align: right;
    padding: 16px 12px;
    width: 156px;
    height: 151px;
    border-radius: 8px;
  }
}
@media (max-width: 767px) {
  .user-profile-container .facts div {
    max-width: none;
    width: calc(50% - 8px);
  }
}
.user-profile-container .facts div span {
  display: block;
}
.user-profile-container .facts div span:first-child {
  font-family: DanaFaNum, serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 66px;
  color: #101828;
}
@media (max-width: 1199px) {
  .user-profile-container .facts div span:first-child {
    font-size: 24px !important;
    line-height: 44px !important;
  }
}
.user-profile-container .facts div span:last-child {
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  color: #475A67;
  margin-top: 16px;
}
@media (max-width: 1199px) {
  .user-profile-container .facts div span:last-child {
    font-size: 14px !important;
    line-height: 26px !important;
  }
}
.user-profile-container .blank-facts {
  display: flex;
  justify-content: center;
}
.user-profile-container .blank-facts img {
  max-width: 678px;
  max-height: 528px;
  position: relative;
  top: -50px;
}
@media (max-width: 1199px) {
  .user-profile-container .blank-facts img {
    position: unset;
    width: 100%;
    height: 100%;
  }
}

@media (max-width: 767px) {
  .dashboard-events-container {
    padding-top: 24px;
    margin-top: -6px;
  }
}
@media (min-width: 1024px) {
  .dashboard-events-container {
    margin: 0 -100px;
    padding: 0;
  }
}
@media (min-width: 1280px) {
  .dashboard-events-container {
    margin: 0 -90px;
  }
}
@media (min-width: 767px) {
  .dashboard-events-container {
    padding-top: 48px;
  }
}
.dashboard-events-container .dashboard-event-list {
  padding-bottom: 24px;
}
.dashboard-events-container .dashboard-event-list .card-event {
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border: 1px solid #eaeef0;
  border-radius: 16px;
  margin-bottom: 16px;
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}
.dashboard-events-container .dashboard-event-list .card-event .event-content-info {
  padding: 24px;
  border-left: 2px dashed #eaeef0;
}
.dashboard-events-container .dashboard-event-list .card-event .event-content-info .event-state {
  display: none !important;
}
.dashboard-events-container .dashboard-event-list .card-event .event-content-info .image-container img {
  width: 120px;
  height: 120px;
  border-radius: 8px;
}
.dashboard-events-container .dashboard-event-list .card-event .event-content-info .card-content {
  padding-left: 24px;
  padding-right: 24px;
}
.dashboard-events-container .dashboard-event-list .card-event .event-content-info .card-content .event-status > p {
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0em;
  margin: unset;
}
.dashboard-events-container .dashboard-event-list .card-event .event-content-info .card-content .event-status > p:last-child {
  margin-right: 12px;
}
.dashboard-events-container .dashboard-event-list .card-event .event-content-info .card-content .event-status > p svg {
  width: 20px;
  margin-left: 2px;
  margin-right: 2px;
}
.dashboard-events-container .dashboard-event-list .card-event .event-content-info .card-content .event-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0em;
  margin-top: 12px;
  color: #1d2e39;
  text-align: right;
  padding: unset;
}
.dashboard-events-container .dashboard-event-list .card-event .event-content-extra {
  padding: 39px 24px;
}
.dashboard-events-container .dashboard-event-list .card-event .event-content-extra .event-ticket {
  display: none;
}
.dashboard-events-container .dashboard-event-list .card-event .event-content-extra .num-ticket {
  margin-top: 24px;
}
.dashboard-events-container .dashboard-event-list .card-event .event-content-extra .num-ticket p span.count {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
  padding-left: 2px;
}
.dashboard-events-container .dashboard-event-list .card-event .event-content-extra .num-ticket p:first-child {
  padding-left: 8px;
}
.dashboard-events-container .dashboard-event-list .card-event .event-content-extra .num-ticket p:last-child {
  padding-right: 8px;
  border-right: 1px solid #eaeef0;
}
.dashboard-events-container .dashboard-event-list .card-event .event-content-extra .download {
  border: 1px solid #d0d8dd;
  padding: 6px;
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: center;
}
.dashboard-events-container .dashboard-event-list .card-event .event-content-extra .download svg {
  width: 20px;
  margin-left: 10px;
}
.dashboard-events-container .dashboard-event-list .card-event .event-content-extra .download:hover {
  border: 1px solid #404c54;
}
@media (max-width: 991px) {
  .dashboard-events-container .dashboard-event-list .card-event {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .dashboard-events-container .dashboard-event-list .card-event .event-content-info {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    border-left: none;
    border-bottom: 2px dashed #eaeef0;
  }
  .dashboard-events-container .dashboard-event-list .card-event .event-content-info .image-container img {
    width: 92px;
    height: 92px;
  }
  .dashboard-events-container .dashboard-event-list .card-event .event-content-info .card-content {
    padding-left: 12px;
    padding-right: 12px;
  }
  .dashboard-events-container .dashboard-event-list .card-event .event-content-info .card-content .event-status > p:last-child {
    display: none !important;
  }
  .dashboard-events-container .dashboard-event-list .card-event .event-content-info .card-content .event-title {
    font-size: 16px !important;
    line-height: 30px !important;
    font-weight: 700 !important;
    padding: unset !important;
    margin-top: 8px;
  }
  .dashboard-events-container .dashboard-event-list .card-event .event-content-info .event-ticket {
    display: none;
  }
  .dashboard-events-container .dashboard-event-list .card-event .event-content-info .event-state {
    display: flex !important;
    margin-top: 16px;
  }
  .dashboard-events-container .dashboard-event-list .card-event .event-content-info .event-state section:first-child {
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    padding-left: 8px;
  }
  .dashboard-events-container .dashboard-event-list .card-event .event-content-info .event-state section:first-child svg {
    width: 18px;
    height: 18px;
  }
  .dashboard-events-container .dashboard-event-list .card-event .event-content-info .event-state section:last-child {
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    padding-right: 8px;
    border-right: 1px solid #eaeef0;
  }
  .dashboard-events-container .dashboard-event-list .card-event .event-content-extra {
    width: 100%;
    padding: 16px;
    padding-bottom: 24px;
  }
  .dashboard-events-container .dashboard-event-list .card-event .event-content-extra .event-section {
    flex-wrap: nowrap !important;
  }
  .dashboard-events-container .dashboard-event-list .card-event .event-content-extra .event-section > div {
    width: unset !important;
  }
  .dashboard-events-container .dashboard-event-list .card-event .event-content-extra .event-section > div:first-child {
    order: 1;
  }
  .dashboard-events-container .dashboard-event-list .card-event .event-content-extra .num-ticket {
    margin-top: 24px;
  }
  .dashboard-events-container .dashboard-event-list .card-event .event-content-extra .num-ticket p span.count {
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
  }
  .dashboard-events-container .dashboard-event-list .card-event .event-content-extra .num-ticket p:first-child {
    display: none;
  }
  .dashboard-events-container .dashboard-event-list .card-event .event-content-extra .num-ticket p:last-child {
    padding-right: 8px;
    border-right: unset;
  }
  .dashboard-events-container .dashboard-event-list .card-event .event-content-extra .event-ticket {
    display: unset;
  }
  .dashboard-events-container .dashboard-event-list .card-event .event-content-extra .download {
    border: 1px solid #d0d8dd;
    padding: 6px;
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: center;
  }
  .dashboard-events-container .dashboard-event-list .card-event .event-content-extra .download svg {
    width: 20px;
    margin-left: 10px;
  }
  .dashboard-events-container .dashboard-event-list .card-event .event-content-extra .download:hover {
    border: 1px solid #404c54;
  }
}
@media (max-width: 767px) {
  .dashboard-events-container .dashboard-event-list .card-event {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 0;
    border-right: none;
    border-left: none;
    border-radius: 0;
  }
}
.dashboard-events-container .dashboard-event-list .event-ticket {
  background-color: #f9fafb;
  border-radius: 4px;
  padding: 4px 8px;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
}

.dashboard-badge-success {
  background-color: #ecfdf3;
  border: 1px solid #75e0a7;
  padding: 1px 8px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: center;
  color: #067647;
}

.dashboard-badge-error {
  background-color: #fef3f2;
  border: 1px solid #fda29b;
  padding: 1px 8px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: center;
  color: #b42318;
}

.dashboard-transactions-container .dashboard-transaction-list {
  padding-bottom: 24px;
}
@media (min-width: 767px) {
  .dashboard-transactions-container .dashboard-transaction-list {
    padding-top: 90px;
  }
}
.dashboard-transactions-container .dashboard-transaction-list table.tb-des {
  width: 100%;
}
.dashboard-transactions-container .dashboard-transaction-list table.tb-des thead {
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
  background-color: #f9fafb;
}
.dashboard-transactions-container .dashboard-transaction-list table.tb-des thead th {
  padding: 8px 16px;
  border: 1px solid #eaeef0;
}
.dashboard-transactions-container .dashboard-transaction-list table.tb-des tbody tr td {
  border: 1px solid #eaeef0;
  padding: 16px;
}
.dashboard-transactions-container .dashboard-transaction-list table.tb-des tbody tr td.issue-tracking {
  color: #344754;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
}
.dashboard-transactions-container .dashboard-transaction-list table.tb-des tbody tr td.issue-tracking div {
  margin-bottom: 8px;
}
.dashboard-transactions-container .dashboard-transaction-list table.tb-des tbody tr td.issue-tracking span {
  display: inline-flex;
  margin-top: 8px;
}
.dashboard-transactions-container .dashboard-transaction-list table.tb-des tbody tr td.date span {
  display: inline-flex;
}
.dashboard-transactions-container .dashboard-transaction-list table.tb-des tbody tr td.date span:first-child {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
  color: #344754;
  margin-bottom: 2px;
}
.dashboard-transactions-container .dashboard-transaction-list table.tb-des tbody tr td.date span:last-child {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
  color: #667985;
  margin-top: 2px;
}
.dashboard-transactions-container .dashboard-transaction-list table.tb-des tbody tr td.description {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
  color: #344754;
  min-width: 38%;
}
.dashboard-transactions-container .dashboard-transaction-list table.tb-des tbody tr td.price span:first-child {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
  color: #344754;
  margin-left: 2px;
}
.dashboard-transactions-container .dashboard-transaction-list table.tb-des tbody tr td.price span:last-child {
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  color: #667985;
  margin-right: 2px;
}
.dashboard-transactions-container .dashboard-transaction-list table.tb-des tbody tr td.free {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
}
.dashboard-transactions-container .dashboard-transaction-list table.tb-des tbody tr td.detail {
  text-align: center;
}
.dashboard-transactions-container .dashboard-transaction-list table.tb-des tbody tr td.detail a {
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: center;
  color: #98a8b3;
}
.dashboard-transactions-container .dashboard-transaction-list table.tb-des tbody tr td.detail a svg {
  width: 20px;
  margin-left: 2px;
}
.dashboard-transactions-container .dashboard-transaction-list table.tb-des tbody tr td.detail a:hover {
  color: #101828;
}
.dashboard-transactions-container .dashboard-transaction-list table.tb-des tbody tr td.detail a:hover svg {
  color: #101828;
}
.dashboard-transactions-container .dashboard-transaction-list > .table-mobile {
  display: none;
}
.dashboard-transactions-container .dashboard-transaction-list > .table-mobile .item {
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border-top: 1px solid #eaeef0;
  padding: 25px 16px;
}
.dashboard-transactions-container .dashboard-transaction-list > .table-mobile .item:last-child {
  border-bottom: 1px solid #eaeef0;
}
.dashboard-transactions-container .dashboard-transaction-list > .table-mobile .item .issue-tracking p {
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  margin-bottom: unset;
  color: #667985;
}
.dashboard-transactions-container .dashboard-transaction-list > .table-mobile .item .issue-tracking span {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
  color: #344754;
}
.dashboard-transactions-container .dashboard-transaction-list > .table-mobile .item .date {
  margin-bottom: 6px;
}
.dashboard-transactions-container .dashboard-transaction-list > .table-mobile .item .date p {
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  color: #667985;
  margin-bottom: 2px;
}
.dashboard-transactions-container .dashboard-transaction-list > .table-mobile .item .date section span:first-child {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
  color: #344754;
  margin-left: 4px;
}
.dashboard-transactions-container .dashboard-transaction-list > .table-mobile .item .date section span:last-child {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
  color: #667985;
  margin-right: 4px;
}
.dashboard-transactions-container .dashboard-transaction-list > .table-mobile .item .description {
  margin-top: 12px;
  margin-bottom: 12px;
}
.dashboard-transactions-container .dashboard-transaction-list > .table-mobile .item .description p {
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  margin-bottom: 2px;
  color: #667985;
}
.dashboard-transactions-container .dashboard-transaction-list > .table-mobile .item .description span {
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0em;
  color: #344754;
}
.dashboard-transactions-container .dashboard-transaction-list > .table-mobile .item .price span.type_1 {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
  color: #344754;
  margin-left: 4px;
  margin-right: 8px;
}
.dashboard-transactions-container .dashboard-transaction-list > .table-mobile .item .price span.type_2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  color: #667985;
  margin-right: 2px;
}
.dashboard-transactions-container .dashboard-transaction-list > .table-mobile .item .free {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
}
.dashboard-transactions-container .dashboard-transaction-list > .table-mobile .item .trans-status {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #eaeef0;
  text-align: center;
}
.dashboard-transactions-container .dashboard-transaction-list > .table-mobile .item .trans-status a {
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: center;
  color: #98a8b3;
}
.dashboard-transactions-container .dashboard-transaction-list > .table-mobile .item .trans-status a svg {
  width: 20px;
  margin-left: 2px;
}
.dashboard-transactions-container .dashboard-transaction-list > .table-mobile .item .trans-status a:hover {
  color: #101828;
}
.dashboard-transactions-container .dashboard-transaction-list > .table-mobile .item .trans-status a:hover svg {
  color: #101828;
}
@media (max-width: 991px) {
  .dashboard-transactions-container .dashboard-transaction-list {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .dashboard-transactions-container .dashboard-transaction-list table.tb-des {
    display: none;
  }
  .dashboard-transactions-container .dashboard-transaction-list .table-mobile {
    display: unset;
  }
}
@media (max-width: 767px) {
  .dashboard-transactions-container .dashboard-transaction-list {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 0;
    border-right: none;
    border-left: none;
    border-radius: 0;
  }
}
.dashboard-transactions-container .dashboard-transaction-list .event-ticket {
  background-color: #f9fafb;
  border-radius: 4px;
  padding: 4px 8px;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
}
@media (max-width: 767px) {
  .dashboard-transactions-container {
    padding-top: 32px;
  }
}

#transaction-modal .modal-content {
  border-radius: 12px;
  padding: 24px 0 16px 0;
}
#transaction-modal .modal-content .modal-header {
  padding: unset;
  padding-left: 24px;
  padding-right: 24px;
}
#transaction-modal .modal-content .modal-body {
  padding: unset;
  padding-left: 24px;
  padding-right: 24px;
}
#transaction-modal .header-transactions svg {
  cursor: pointer;
}
#transaction-modal .status-des p {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  margin-bottom: 4px;
}
#transaction-modal .status-mob {
  margin-top: 24px;
  margin-bottom: 24px;
  display: inline-block;
}
#transaction-modal .issue-tracking p {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  margin-bottom: unset;
  color: #667985;
}
#transaction-modal .issue-tracking span {
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0em;
  color: #344754;
}
#transaction-modal .date_time p {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  margin-bottom: unset;
  color: #667985;
}
#transaction-modal .date_time span.date {
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0em;
  color: #344754;
  margin-right: 4px;
}
#transaction-modal .date_time span.time {
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0em;
  color: #667985;
  margin-left: 4px;
}
#transaction-modal .description {
  margin-top: 16px;
}
#transaction-modal .description .desc-title {
  color: #667985;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  margin-bottom: unset;
}
#transaction-modal .description .event-link {
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0em;
}
#transaction-modal .description .event-link svg {
  width: 20px;
  margin-right: 2px;
}
#transaction-modal .event-description {
  margin-bottom: 16px;
}
#transaction-modal .event-description h6 {
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0em;
  color: #344754;
}
#transaction-modal .event-description a {
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0em;
}
#transaction-modal .event-description a svg {
  width: 20px;
  margin-right: 2px;
}
#transaction-modal table {
  margin-bottom: 16px;
}
#transaction-modal table thead {
  background-color: #f9fafb;
}
#transaction-modal table thead th {
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
  padding: 8px 16px;
  border: 1px solid #eaeef0;
}
#transaction-modal table tr td {
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
  border: 1px solid #eaeef0;
}
#transaction-modal table tr:last-child {
  background: #f2f5f7;
}
#transaction-modal .gatway-container {
  border-top: 1px solid #eaeef0;
  padding-top: 12px;
  padding-bottom: 48px;
}
#transaction-modal .gatway-container .gatway p {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
  margin-bottom: unset;
  margin-left: 16px;
  color: #667985;
}
#transaction-modal .gatway-container .gatway > div {
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0em;
  color: #344754;
}
#transaction-modal .gatway-container .gatway > div img {
  width: 24px;
}
#transaction-modal .gatway-container .gatway-price p {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: right;
  color: #667985;
  margin-bottom: unset;
}
#transaction-modal .gatway-container .gatway-price > div span {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
  color: #344754;
  margin-left: 2px;
}
#transaction-modal .gatway-container .gatway-price > div p {
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  color: #667985;
  margin-bottom: unset;
  margin-right: 2px;
}
#transaction-modal .modal-footer {
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border: unset;
  padding: 16px;
  padding-bottom: unset;
  justify-content: center;
}
#transaction-modal .modal-footer .download-transactions {
  text-align: center;
  border: 1px solid #d0d8dd;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border-radius: 8px;
  min-width: 240px;
}
#transaction-modal .modal-footer .download-transactions > span {
  width: 24px;
}
#transaction-modal .modal-footer .download-transactions a {
  padding: 8px !important;
}
#transaction-modal .modal-footer .download-transactions a p {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: center;
  color: #344754;
  margin-bottom: unset;
}
#transaction-modal .modal-footer .download-transactions a svg {
  width: 24px;
  color: #344754;
  margin-left: 8px;
}
#transaction-modal .modal-footer .download-transactions:hover {
  border-color: #101828;
}
#transaction-modal .modal-footer .download-transactions:hover a p {
  color: #101828;
}
#transaction-modal .modal-footer .download-transactions:hover a svg {
  color: #101828;
}
#transaction-modal .modal-footer.de-active {
  display: none;
}
@media (max-width: 991px) {
  #transaction-modal .gatway-container {
    padding-bottom: 8px;
  }
  #transaction-modal .gatway-container .gatway-price {
    margin-bottom: 24px;
  }
  #transaction-modal .modal-content .modal-body {
    padding-left: 16px;
    padding-right: 16px;
  }
  #transaction-modal .modal-content .modal-footer {
    box-shadow: unset;
  }
  #transaction-modal .modal-content .modal-footer .download-transactions {
    width: 100%;
  }
  #transaction-modal .modal-content .modal-footer .download-transactions a {
    padding: 6px !important;
  }
  #transaction-modal .modal-content .modal-footer .download-transactions a p {
    font-size: 14px;
  }
}

@media (min-width: 1024px) {
  .new-dashboard-transactions-container {
    margin: 0 -100px;
    padding: 0;
  }
}
@media (min-width: 1280px) {
  .new-dashboard-transactions-container {
    margin: 0 -90px;
  }
}
.new-dashboard-transactions-container .dashboard-transactions-header {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: -6px -8px 0 -12px;
  padding: 24px 16px 16px 16px;
}
@media (min-width: 576px) {
  .new-dashboard-transactions-container .dashboard-transactions-header {
    padding: 24px 0;
  }
}
@media (min-width: 1024px) {
  .new-dashboard-transactions-container .dashboard-transactions-header {
    padding: 48px 0 24px 0;
    margin: 0;
  }
}
.new-dashboard-transactions-container .dashboard-transactions-header .dashboard-transactions-header-title {
  margin-bottom: 0;
  font-family: DanaFaNum !important;
  color: #101828 !important;
  font-weight: 700;
  font-size: 16px !important;
  line-height: 32px !important;
}
@media (min-width: 1024px) {
  .new-dashboard-transactions-container .dashboard-transactions-header .dashboard-transactions-header-title {
    font-size: 20px !important;
    line-height: 38px !important;
  }
}
.new-dashboard-transactions-container .dashboard-transactions-header .dashboard-transactions-header-icon {
  width: 32px;
  height: 2px;
  background: linear-gradient(to right, #49b3f3 15%, #1004a4 60%, #c72d80 90%);
  border-radius: 999px;
}
.new-dashboard-transactions-container table.tb-des {
  width: 100%;
  border-collapse: collapse;
}
.new-dashboard-transactions-container table.tb-des thead {
  font-family: DanaFaNum;
  font-size: 14px;
  line-height: 28px;
  background-color: #F9FAFB;
  color: #667085;
}
.new-dashboard-transactions-container table.tb-des thead th {
  font-weight: 400;
  padding: 7px 15px;
  text-align: right;
  border: 1px solid #EAECF0;
}
.new-dashboard-transactions-container table.tb-des tbody {
  font-family: DanaFaNum;
}
.new-dashboard-transactions-container table.tb-des tbody tr td {
  border: 1px solid #EAECF0;
  padding: 13px 15px;
}
.new-dashboard-transactions-container table.tb-des tbody tr td.issue-tracking {
  color: #475467;
  font-size: 14px;
  line-height: 28px;
  font-weight: 500;
}
.new-dashboard-transactions-container table.tb-des tbody tr td.date span {
  display: inline-flex;
}
.new-dashboard-transactions-container table.tb-des tbody tr td.date span:first-child {
  font-size: 14px;
  line-height: 28px;
  font-weight: 500;
  color: #667085;
}
.new-dashboard-transactions-container table.tb-des tbody tr td.date span:nth-child(2) {
  font-size: 14px;
  line-height: 28px;
  font-weight: 500;
  color: #D0D5DD;
  margin: 0 4px;
}
.new-dashboard-transactions-container table.tb-des tbody tr td.date span:last-child {
  font-size: 14px;
  line-height: 28px;
  font-weight: 500;
  color: #475467;
}
.new-dashboard-transactions-container table.tb-des tbody tr td.price div:first-child, .new-dashboard-transactions-container table.tb-des tbody tr td.free div:first-child {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 4px;
}
.new-dashboard-transactions-container table.tb-des tbody tr td.price div:first-child span:first-child, .new-dashboard-transactions-container table.tb-des tbody tr td.free div:first-child span:first-child {
  font-weight: 700;
  font-size: 16px;
  line-height: 32px;
  color: #344054;
}
.new-dashboard-transactions-container table.tb-des tbody tr td.price div:first-child span:last-child, .new-dashboard-transactions-container table.tb-des tbody tr td.free div:first-child span:last-child {
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  color: #98A2B3;
}
.new-dashboard-transactions-container table.tb-des tbody tr td.price .transactions-success,
.new-dashboard-transactions-container table.tb-des tbody tr td.price .transactions-error, .new-dashboard-transactions-container table.tb-des tbody tr td.free .transactions-success,
.new-dashboard-transactions-container table.tb-des tbody tr td.free .transactions-error {
  display: flex;
  align-items: start;
  gap: 2px;
  font-family: DanaFaNum;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
}
.new-dashboard-transactions-container table.tb-des tbody tr td.price .transactions-success, .new-dashboard-transactions-container table.tb-des tbody tr td.free .transactions-success {
  color: #079455;
}
.new-dashboard-transactions-container table.tb-des tbody tr td.price .transactions-error, .new-dashboard-transactions-container table.tb-des tbody tr td.free .transactions-error {
  color: #DC2626;
}
.new-dashboard-transactions-container table.tb-des tbody tr td.free .free-title {
  font-size: 16px;
  line-height: 32px;
  font-weight: 500;
  color: #475467;
}
.new-dashboard-transactions-container table.tb-des tbody tr td.description {
  font-size: 14px;
  line-height: 28px;
  font-weight: 500;
  color: #475467;
  min-width: 38%;
}
.new-dashboard-transactions-container table.tb-des tbody tr td.detail {
  text-align: center;
}
.new-dashboard-transactions-container table.tb-des tbody tr td.detail .transaction-detail {
  font-size: 14px;
  line-height: 28px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #1203A3;
  cursor: pointer;
}
.new-dashboard-transactions-container table.tb-des tbody tr td.detail .transaction-detail svg {
  width: 20px;
}
.new-dashboard-transactions-container > .table-mobile {
  display: none;
}
.new-dashboard-transactions-container > .table-mobile .item {
  font-family: DanaFaNum !important;
  background-color: white;
  margin: 0 -8px 16px -12px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border-top: 1px solid #EAECF0;
  padding: 20px 16px;
}
.new-dashboard-transactions-container > .table-mobile .item:last-child {
  margin-bottom: 32px;
}
@media (min-width: 576px) {
  .new-dashboard-transactions-container > .table-mobile .item {
    border-radius: 12px;
    border: 1px solid #eaeef0;
  }
}
.new-dashboard-transactions-container > .table-mobile .item .issue-tracking p {
  font-family: DanaFaNum !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 2px;
  color: #667085;
}
.new-dashboard-transactions-container > .table-mobile .item .issue-tracking span {
  font-family: DanaFaNum !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  color: #475467;
}
.new-dashboard-transactions-container > .table-mobile .item .date p {
  font-family: DanaFaNum !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 2px;
  color: #667085;
}
.new-dashboard-transactions-container > .table-mobile .item .date section {
  font-family: DanaFaNum;
}
.new-dashboard-transactions-container > .table-mobile .item .date section span:first-child {
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  color: #667085;
}
.new-dashboard-transactions-container > .table-mobile .item .date section span:nth-child(2) {
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  color: #D0D5DD;
  margin: 0 4px;
}
.new-dashboard-transactions-container > .table-mobile .item .date section span:last-child {
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  color: #475467;
}
.new-dashboard-transactions-container > .table-mobile .item .description {
  margin: 12px 0;
}
.new-dashboard-transactions-container > .table-mobile .item .description p {
  font-family: DanaFaNum !important;
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
  margin-bottom: 2px;
  color: #667085;
}
.new-dashboard-transactions-container > .table-mobile .item .description span {
  font-family: DanaFaNum;
  font-weight: 500;
  font-size: 14px;
  line-height: 28px;
  color: #475467;
}
.new-dashboard-transactions-container > .table-mobile .item .price {
  font-family: DanaFaNum;
}
.new-dashboard-transactions-container > .table-mobile .item .price span.type_1 {
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  color: #667085;
  margin-left: 8px;
}
.new-dashboard-transactions-container > .table-mobile .item .price span.type_2 {
  font-weight: 700;
  font-size: 14px;
  line-height: 28px;
  color: #475467;
  margin-left: 4px;
}
.new-dashboard-transactions-container > .table-mobile .item .price span.type_3 {
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  color: #667085;
}
.new-dashboard-transactions-container > .table-mobile .item .free {
  font-family: DanaFaNum;
}
.new-dashboard-transactions-container > .table-mobile .item .free span.type_1 {
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  color: #667085;
}
.new-dashboard-transactions-container > .table-mobile .item .trans-status {
  font-family: DanaFaNum;
  margin-top: 12px;
  padding-top: 11px;
  border-top: 1px solid #EAECF0;
  text-align: center;
}
.new-dashboard-transactions-container > .table-mobile .item .trans-status .transactions-success,
.new-dashboard-transactions-container > .table-mobile .item .trans-status .transactions-error {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding: 0 8px;
  font-family: DanaFaNum;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
}
.new-dashboard-transactions-container > .table-mobile .item .trans-status .transactions-success {
  color: #079455;
}
.new-dashboard-transactions-container > .table-mobile .item .trans-status .transactions-error {
  color: #DC2626;
}
.new-dashboard-transactions-container > .table-mobile .item .trans-status .transaction-detail {
  font-family: DanaFaNum;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  color: #1203A3;
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}
.new-dashboard-transactions-container > .table-mobile .item .trans-status .transaction-detail svg {
  width: 20px;
}
@media (max-width: 991px) {
  .new-dashboard-transactions-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .new-dashboard-transactions-container table.tb-des {
    display: none;
  }
  .new-dashboard-transactions-container .table-mobile {
    display: unset;
  }
}
.new-dashboard-transactions-container .show-more-transactions-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .new-dashboard-transactions-container .show-more-transactions-section {
    margin-top: 40px;
  }
}
.new-dashboard-transactions-container .show-more-transactions-section div:first-child {
  font-family: DanaFaNum;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 14px;
  line-height: 28px;
  color: #667085;
}
.new-dashboard-transactions-container .show-more-transactions-section div:first-child span:nth-child(3) {
  margin: 0 4px;
}
.new-dashboard-transactions-container .show-more-transactions-section div:first-child .active-transactions,
.new-dashboard-transactions-container .show-more-transactions-section div:first-child .total-transactions {
  color: #182230;
}
.new-dashboard-transactions-container .show-more-transactions-section .show-more-transactions-btn {
  font-family: DanaFaNum;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  color: #1203A3;
  background-color: white;
  outline: 3px solid transparent;
  padding: 5px 0;
  border: 1px solid #3A27F3;
  border-radius: 8px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  transition: all 0.3s linear;
}
.new-dashboard-transactions-container .show-more-transactions-section .show-more-transactions-btn:hover {
  background-color: #FAFAFF;
  color: #3A27F3;
}
.new-dashboard-transactions-container .show-more-transactions-section .show-more-transactions-btn:focus {
  outline-color: #E8E6FA;
}
@media (min-width: 1024px) {
  .new-dashboard-transactions-container .show-more-transactions-section .show-more-transactions-btn {
    width: 328px;
  }
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-background {
  visibility: hidden;
  opacity: 0;
  z-index: 39;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(29, 46, 57, 0.32);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  transition: all 0.3s linear;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-background.visible {
  visibility: visible;
  opacity: 1;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transform: translateY(100%);
  position: fixed;
  z-index: 40;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding: 16px 16px 0 16px;
  max-height: calc(100vh - 24px);
  overflow: auto;
  transition: all 0.3s linear;
  z-index: 100;
}
@media (min-width: 1024px) {
  .new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container {
    visibility: hidden;
    opacity: 0;
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    transform: translate(-50%, -50%);
    padding: 32px 32px 0 32px;
    min-width: 650px;
    max-width: 650px;
    max-height: calc(100vh - 100px);
    border-radius: 12px;
    overflow: hidden;
  }
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-header {
  font-family: DanaFaNum;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #EAECF0;
  margin: 0 -16px 32px -16px;
  padding: 0 16px 15px 16px;
}
@media (min-width: 1024px) {
  .new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-header {
    margin: 0 0 32px 0;
    padding: 0 0 15px 0;
  }
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-header .transactions-modal-title {
  font-family: DanaFaNum !important;
  margin-bottom: 0;
  color: #182230;
  font-weight: 600;
  font-size: 14px !important;
  line-height: 28px !important;
}
@media (min-width: 1024px) {
  .new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-header .transactions-modal-title {
    font-size: 16px !important;
    line-height: 32px !important;
  }
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-header .transactions-modal-close {
  display: grid;
  place-items: center;
  padding: 3px;
  border-radius: 6px;
  background-color: white;
  border: 1px solid #EAECF0;
  cursor: pointer;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-header .transactions-modal-close svg {
  scale: 0.75;
}
@media (min-width: 1024px) {
  .new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-header .transactions-modal-close {
    padding: 7px;
    border-radius: 8px;
  }
  .new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-header .transactions-modal-close svg {
    scale: 1;
  }
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content {
  font-family: DanaFaNum;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 {
  font-family: DanaFaNum;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 1024px) {
  .new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-content: space-around;
    gap: 20px;
  }
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 .type,
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 .issue-tracking,
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 .date,
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 .time,
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 .description {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 .type,
  .new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 .issue-tracking,
  .new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 .date,
  .new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 .time,
  .new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 .description {
    flex-direction: column;
    align-items: start;
    gap: 2px;
  }
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 .type span:nth-child(1) {
  font-size: 14px;
  line-height: 28px;
  color: #667085;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 .type .transactions-success,
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 .type .transactions-error {
  display: flex;
  align-items: start;
  gap: 2px;
  font-family: DanaFaNum;
  font-weight: 500;
  font-size: 14px;
  line-height: 28px;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 .type .transactions-success {
  color: #079455;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 .type .transactions-error {
  color: #DC2626;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 .issue-tracking {
  font-size: 14px;
  line-height: 28px;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 .issue-tracking span:nth-child(1) {
  color: #667085;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 .issue-tracking span:nth-child(2) {
  font-weight: 500;
  color: #475467;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 .date {
  font-size: 14px;
  line-height: 28px;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 .date span:nth-child(1) {
  color: #667085;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 .date div {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 500;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 .date div span:nth-child(1) {
  color: #667085;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 .date div span:nth-child(2) {
  color: #D0D5DD;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 .date div span:nth-child(3) {
  color: #475467;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 .time {
  font-size: 14px;
  line-height: 28px;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 .time span:nth-child(1) {
  color: #667085;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 .time span:nth-child(2) {
  font-weight: 500;
  color: #475467;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 .description {
  font-size: 14px;
  line-height: 28px;
}
@media (min-width: 1024px) {
  .new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 .description {
    grid-column: span 2/span 2;
  }
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 .description span:nth-child(1) {
  color: #667085;
  min-width: 80px;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-1 .description span:nth-child(2) {
  font-weight: 500;
  color: #475467;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-2 {
  font-family: DanaFaNum;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 16px 0;
  padding: 15px 0;
  border-top: 1px solid #EAECF0;
  border-bottom: 1px solid #EAECF0;
}
@media (min-width: 1024px) {
  .new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-2 {
    padding-top: 23px;
    padding-bottom: 11px;
    gap: 12px;
    margin-bottom: 10px;
  }
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-2 .tax,
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-2 .discount {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-2 .tax,
  .new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-2 .discount {
    width: 50%;
    margin-right: auto;
  }
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-2 .tax span:nth-child(1) {
  font-size: 14px;
  line-height: 28px;
  color: #667085;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-2 .tax div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-2 .tax div span:nth-child(1) {
  font-weight: 500;
  font-size: 14px;
  line-height: 28px;
  color: #344054;
  direction: ltr;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-2 .tax div span:nth-child(2) {
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  color: #667085;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-2 .discount span:nth-child(1) {
  font-size: 14px;
  line-height: 28px;
  color: #667085;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-2 .discount div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-2 .discount div span:nth-child(1) {
  font-weight: 700;
  font-size: 14px;
  line-height: 28px;
  color: #DC2626;
  direction: ltr;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-2 .discount div span:nth-child(2) {
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  color: #667085;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-3 {
  font-family: DanaFaNum;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 70px;
}
@media (min-width: 1024px) {
  .new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-3 {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
  }
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-3 .total-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-3 .total-price {
    width: 50%;
  }
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-3 .total-price span:nth-child(1) {
  font-size: 14px;
  line-height: 28px;
  color: #667085;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-3 .total-price div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-3 .total-price div span:nth-child(1) {
  font-weight: 500;
  font-size: 14px;
  line-height: 28px;
  color: #344054;
  direction: ltr;
}
@media (min-width: 1024px) {
  .new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-3 .total-price div span:nth-child(1) {
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
  }
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-3 .total-price div span:nth-child(2) {
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  color: #667085;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-3 .payment-gateway {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-3 .payment-gateway {
    gap: 16px;
  }
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-3 .payment-gateway span:nth-child(1) {
  font-size: 14px;
  line-height: 28px;
  color: #667085;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-3 .payment-gateway div {
  display: flex;
  align-items: center;
  gap: 2px;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-3 .payment-gateway div img {
  width: 24px;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .transactions-modal-content-item-3 .payment-gateway div span {
  font-weight: 500;
  font-size: 14px;
  line-height: 28px;
  color: #344054;
  direction: ltr;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .download-btn-wrapper {
  position: sticky;
  margin: 0 -16px -16px;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  padding: 12px 16px;
  background: white;
}
@media (min-width: 1024px) {
  .new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .download-btn-wrapper {
    margin: 0 -32px -32px;
    padding: 16px 32px;
  }
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .download-btn-wrapper .download-btn {
  width: 100%;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  font-family: DanaFaNum;
  font-weight: 600;
  background-color: white;
  color: #1203A3;
  outline: 3px solid transparent;
  border-radius: 8px;
  font-size: 14px;
  line-height: 28px;
  padding: 5px 0;
  border: 1px solid #3A27F3;
  transition: all 0.3 linear;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .download-btn-wrapper .download-btn:hover {
  background-color: #FAFAFF;
  color: #3A27F3;
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .download-btn-wrapper .download-btn:focus {
  outline-color: #E8E6FA;
}
@media (min-width: 1024px) {
  .new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .download-btn-wrapper .download-btn {
    font-size: 16px;
    line-height: 32px;
    width: 240px;
    margin-right: auto;
  }
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container .transactions-modal-content .download-btn-wrapper .download-btn:disabled {
  background-color: #FFFFFF;
  color: #DEDAFF;
  border-color: #FAFAFF;
  box-shadow: 0px 1px 2px 0px #F6F5FC;
}
@media (min-width: 1024px) {
  .new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container::-webkit-scrollbar {
    width: 8px;
  }
  .new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container::-webkit-scrollbar-track {
    background: #f9fafb;
    border-radius: 12px;
  }
  .new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container::-webkit-scrollbar-thumb {
    background: #eaecf0;
    border-radius: 5px;
  }
}
.new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container.visible {
  transform: translateY(0);
}
@media (min-width: 1024px) {
  .new-dashboard-transactions-container .transactions-modal-wrapper .transactions-modal-container.visible {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

.user-login {
  overflow-x: hidden;
  height: 100vh;
}
.user-login .login {
  background: url("../../svg/user/user-auth-verification.svg") no-repeat top center;
  background-size: 700px;
  padding-top: 290px;
  padding-bottom: 190px;
  padding-bottom: 96px;
}
@media (max-width: 1199px) {
  .user-login .login {
    background: url("../../svg/user/user-auth-verification-mobile.svg") no-repeat top center #fff;
    padding-top: 111px;
  }
}
.user-login .login .login-container {
  max-width: 312px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .user-login .login .login-container {
    max-width: 100%;
    padding: 0 4px;
  }
}
.user-login .login .login-container .coming-back {
  display: flex;
  text-decoration: none;
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 50px;
  color: #667085;
  align-items: center;
}
.user-login .login .login-container .coming-back svg {
  width: 20px;
  height: 20px;
  margin-left: 6px;
}
.user-login .login .login-container h1 {
  color: #101828;
  font-family: PeydaWebFaNum, serif !important;
  font-size: 20px !important;
  font-weight: 700;
  line-height: 38px;
  margin-bottom: 8px;
  padding-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1199px) {
  .user-login .login .login-container h1 {
    line-height: 34px;
    font-size: 18px;
  }
}
.user-login .login .login-container h1 span {
  font-size: 20px;
  font-weight: 700;
  line-height: 38px;
  color: #101828;
  margin-right: 20px;
  margin-top: 0;
}
@media (max-width: 1199px) {
  .user-login .login .login-container h1 span {
    line-height: 34px;
    font-size: 18px;
  }
}
.user-login .login .login-container span {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  color: #667085;
  display: block;
  text-align: center;
}
.user-login .login .login-container .error-input-login-customer {
  color: #d92d20;
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 28px;
  text-align: right;
}
.user-login .login .login-container .error-input-login-customer #err-msg {
  color: #d92d20 !important;
  margin-top: unset;
}
.user-login .login .login-container .error-input-login-customer .svg-icon {
  color: #d92d20 !important;
  margin-left: 8px;
  margin-top: unset;
}
.user-login .login .login-container .edit-phone-number {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  color: #1004a4;
  text-decoration: none;
  display: block;
  text-align: center;
}
.user-login .login .login-container form {
  margin-top: 56px;
}
.user-login .login .login-container form input {
  width: 312px;
  border: 1px solid #d0d5dd;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  padding: 8px 14px 8px 14px;
  border-radius: 8px;
  height: 48px;
  margin-bottom: 24px;
  font-family: PeydaWebFaNum, serif;
}
.user-login .login .login-container form input::-moz-placeholder {
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: #d0d5dd;
}
.user-login .login .login-container form input::placeholder {
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: #d0d5dd;
}
@media (max-width: 1199px) {
  .user-login .login .login-container form input {
    width: 100%;
  }
}
.user-login .login .login-container form button {
  width: 100%;
  padding: 8px 18px 8px 18px;
  height: 48px;
  line-height: 32px;
  font-weight: 700;
  font-size: 16px;
}
@media (max-width: 1199px) {
  .user-login .login .login-container form button {
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
  }
}
.user-login .login .login-container hr {
  color: rgb(234, 236, 240);
  margin: 0;
}
.user-login .login .login-container .or-login-with-google {
  text-align: center;
  display: flex;
  justify-content: center;
  margin-top: 26px;
}
.user-login .login .login-container .or-login-with-google span {
  background: #fff;
  width: 24px;
  color: #98a2b3;
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: -14px;
  position: relative;
  z-index: 10;
}
.user-login .login .login-container .google-btn {
  border: 1px solid rgb(152, 162, 179);
  width: 100%;
  padding: 8px 18px 8px 18px;
  margin-top: 28px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-login .login .login-container .google-btn svg {
  width: 24px;
  height: 24px;
  margin-left: 12px;
}
.user-login .login .login-container .google-btn span {
  line-height: 32px;
  font-weight: 700;
  font-size: 16px;
  color: #182230;
  margin: 0;
}
.user-login .login .login-container span {
  margin-top: 16px;
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
}
.user-login .login .login-container span a {
  color: #e12a80;
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}
.user-login .login .create-personal-profile-box {
  max-width: 536px;
  padding: 24px;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  border: 1px solid #eaecf0;
  background: #f9fafb;
  margin-top: 46px;
}
@media (max-width: 1199px) {
  .user-login .login .create-personal-profile-box {
    background: #fff;
    border-left: none;
    border-right: none;
    padding: 16px 4px 32px 4px;
    border-radius: 0;
    margin-top: 88px;
    border-bottom: 0;
  }
}
.user-login .login .create-personal-profile-box span:not(.svg-icon) {
  font-family: PeydaWebFaNum, serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  color: #667085;
}
@media (max-width: 1199px) {
  .user-login .login .create-personal-profile-box span:not(.svg-icon) {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
  }
}
.user-login .login .create-personal-profile-box a {
  color: #e12a80;
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  display: flex;
  text-decoration: none;
  align-items: center;
}
.user-login .login .create-personal-profile-box a svg {
  margin-left: 6px;
  width: 20px;
  height: 20px;
}
.user-login .auth-bg {
  height: 100%;
  background: url("../../svg/user/auth-background-shape.svg") no-repeat center;
  background-size: contain;
  position: relative;
}
@media (max-width: 1199px) {
  .user-login .auth-bg {
    background: unset;
    max-width: 100%;
    height: 100%;
  }
}
.user-login .auth-bg .auth-bg-shape svg {
  position: absolute;
  bottom: 0;
  height: 90px;
  width: 100%;
}

.user-signup-verification {
  overflow-x: hidden;
  height: 100vh;
}
.user-signup-verification .signup-verification {
  background: url("../../svg/user/user-auth-verification.svg") no-repeat top center;
  background-size: 700px;
  padding-top: 215px;
  height: 100vh;
}
@media (max-width: 1199px) {
  .user-signup-verification .signup-verification {
    background: url("../../svg/user/user-auth-verification-mobile.svg") no-repeat top center;
    padding-top: 71px;
  }
}
.user-signup-verification .signup-verification .signup-verification-container {
  max-width: 312px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .user-signup-verification .signup-verification .signup-verification-container {
    max-width: 100%;
    padding: 0 4px;
  }
}
.user-signup-verification .signup-verification .signup-verification-container .coming-back {
  display: flex;
  text-decoration: none;
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  margin: 20px 0 30px 0;
  color: #667085;
  align-items: center;
}
.user-signup-verification .signup-verification .signup-verification-container .coming-back span {
  margin: 0;
}
.user-signup-verification .signup-verification .signup-verification-container .coming-back svg {
  width: 20px;
  height: 20px;
  margin-left: 6px;
}
@media (max-width: 1199px) {
  .user-signup-verification .signup-verification .signup-verification-container .coming-back {
    margin-bottom: 50px;
    margin-top: 0;
  }
}
.user-signup-verification .signup-verification .signup-verification-container h1 {
  color: #101828;
  font-family: PeydaWebFaNum, serif !important;
  font-size: 20px !important;
  font-weight: 700;
  line-height: 38px;
  margin-bottom: 8px;
  display: block;
  text-align: center;
  padding-bottom: 0;
}
@media (max-width: 1199px) {
  .user-signup-verification .signup-verification .signup-verification-container h1 {
    line-height: 34px;
    font-size: 18px;
  }
}
.user-signup-verification .signup-verification .signup-verification-container span {
  display: flex;
  justify-content: center;
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  color: #667085;
  margin-bottom: 8px;
  align-items: center;
}
.user-signup-verification .signup-verification .signup-verification-container span span {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  color: #101828;
  margin: 0 15px;
}
.user-signup-verification .signup-verification .signup-verification-container .edit-phone-number {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  color: #1004a4;
  text-decoration: none;
  display: block;
  text-align: center;
}
.user-signup-verification .signup-verification .signup-verification-container form {
  margin-top: 48px;
}
.user-signup-verification .signup-verification .signup-verification-container form div {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.user-signup-verification .signup-verification .signup-verification-container form div input {
  width: 64px;
  height: 64px;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  border-radius: 8px;
  text-align: center;
  color: #101828;
  font-family: PeydaWebFaNum, serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 72px;
}
.user-signup-verification .signup-verification .signup-verification-container form div input::-moz-placeholder {
  color: #d0d5dd;
  font-size: 48px;
  font-weight: 500;
  line-height: 72px;
}
.user-signup-verification .signup-verification .signup-verification-container form div input::placeholder {
  color: #d0d5dd;
  font-size: 48px;
  font-weight: 500;
  line-height: 72px;
}
.user-signup-verification .signup-verification .signup-verification-container form div input:disabled {
  border: 1px solid #d0d5dd;
  background: #fff;
}
.user-signup-verification .signup-verification .signup-verification-container form div input:focus {
  box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.1411764706) !important;
}
.user-signup-verification .signup-verification .signup-verification-container form .error-otp .error-otp-text {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  color: #d92d20;
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 8px;
}
.user-signup-verification .signup-verification .signup-verification-container form .error-otp svg {
  width: 16px;
  height: 16px;
  margin-left: 8px;
}
.user-signup-verification .signup-verification .signup-verification-container form .error-otp input {
  color: #d92d20 !important;
  border: 1px solid #fda29b !important;
  background-color: #FEF3F2 !important;
}
.user-signup-verification .signup-verification .signup-verification-container form .error-otp input::-moz-placeholder {
  color: #d92d20 !important;
}
.user-signup-verification .signup-verification .signup-verification-container form .error-otp input::placeholder {
  color: #d92d20 !important;
}
.user-signup-verification .signup-verification .signup-verification-container form .resend-code {
  display: flex;
  margin-top: 28px;
  flex-direction: row;
}
.user-signup-verification .signup-verification .signup-verification-container form .resend-code #btn-resend-sms {
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0em;
  color: #d0d5dd;
  cursor: not-allowed;
}
.user-signup-verification .signup-verification .signup-verification-container form .resend-code #btn-resend-sms.active {
  color: #182230;
  cursor: pointer;
}
.user-signup-verification .signup-verification .signup-verification-container form .resend-code #btn-resend-sms.active:hover {
  color: #c72d80;
}
.user-signup-verification .signup-verification .signup-verification-container form .resend-code a {
  display: flex;
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  color: #d0d5dd;
  text-decoration: none;
  align-items: center;
}
.user-signup-verification .signup-verification .signup-verification-container form .resend-code a svg {
  width: 20px;
  height: 20px;
  margin-left: 6px;
}
.user-signup-verification .signup-verification .signup-verification-container form .resend-code span {
  font-family: PeydaWebFaNum, serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  color: #98a2b3;
  align-self: center;
  margin-bottom: 0;
}
.user-signup-verification .signup-verification .signup-verification-container form .resend-code .active-resend-code {
  color: #182230;
}
.user-signup-verification .signup-verification .signup-verification-container form button {
  width: 100%;
  padding: 8px 18px 8px 18px;
  margin-top: 48px;
  height: 48px;
  line-height: 32px;
  font-weight: 700;
  font-size: 16px;
}
@media (max-width: 1199px) {
  .user-signup-verification .signup-verification .signup-verification-container form button {
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
  }
}
.user-signup-verification .signup-verification .signup-verification-container #otp-input-parent input::-moz-placeholder {
  font-family: DanaFaNum !important;
  font-size: 48px !important;
  font-weight: 500 !important;
  line-height: 72px !important;
  text-align: center !important;
}
.user-signup-verification .signup-verification .signup-verification-container #otp-input-parent input::placeholder {
  font-family: DanaFaNum !important;
  font-size: 48px !important;
  font-weight: 500 !important;
  line-height: 72px !important;
  text-align: center !important;
}
.user-signup-verification .signup-verification .signup-verification-container #otp-input-parent input::-moz-placeholder {
  font-family: DanaFaNum !important;
  font-size: 48px !important;
  font-weight: 500 !important;
  line-height: 72px !important;
  text-align: center !important;
}
.user-signup-verification .auth-bg {
  max-width: 312px;
  height: 100%;
  background: url("../../svg/user/auth-background-shape.svg") no-repeat center;
  background-size: contain;
  position: relative;
}
@media (max-width: 1199px) {
  .user-signup-verification .auth-bg {
    background: unset;
    max-width: 100%;
    height: 100%;
  }
}
.user-signup-verification .auth-bg .auth-bg-shape {
  position: absolute;
  bottom: 0;
  height: 90px;
}

.authentication-modal-wrapper #authentication-modal-background {
  visibility: hidden;
  opacity: 0;
  z-index: 39;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(29, 46, 57, 0.32);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  transition: all 0.3s linear;
}
.authentication-modal-wrapper #authentication-modal-background.visible {
  visibility: visible;
  opacity: 1;
}
.authentication-modal-wrapper #authentication-modal-container {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transform: translateY(100%);
  position: fixed;
  z-index: 40;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding: 16px 16px 0 16px;
  max-height: calc(100vh - 24px);
  overflow: scroll;
  transition: all 0.3s linear;
  z-index: 100;
}
@media (min-width: 1024px) {
  .authentication-modal-wrapper #authentication-modal-container {
    visibility: hidden;
    opacity: 0;
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    transform: translate(-50%, -50%);
    padding: 32px;
    min-width: 833px;
    max-width: 833px;
    max-height: calc(100vh - 100px);
    border-radius: 12px;
    overflow: auto;
  }
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-header {
  position: relative;
  font-family: DanaFaNum;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  align-items: start;
}
@media (min-width: 1024px) {
  .authentication-modal-wrapper #authentication-modal-container .authentication-modal-header {
    margin-bottom: 40px;
    padding-top: 32px;
  }
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-header .authentication-modal-title {
  font-family: DanaFaNum !important;
  flex: 1 1 0%;
  margin-bottom: 0;
  color: #182230;
  font-weight: 600;
  font-size: 16px !important;
  line-height: 32px !important;
}
@media (min-width: 1024px) {
  .authentication-modal-wrapper #authentication-modal-container .authentication-modal-header .authentication-modal-title {
    width: 100%;
    text-align: center;
  }
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-header .authentication-modal-description {
  font-family: DanaFaNum;
  margin-bottom: 0;
  color: #667085;
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
}
@media (min-width: 1024px) {
  .authentication-modal-wrapper #authentication-modal-container .authentication-modal-header .authentication-modal-description {
    font-size: 16px;
    line-height: 32px;
  }
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-header .authentication-modal-close-button {
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  place-items: center;
  padding: 3px;
  border-radius: 6px;
  background-color: white;
  border: 1px solid #EAECF0;
  cursor: pointer;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-header .authentication-modal-close-button svg {
  scale: 0.75;
}
@media (min-width: 1024px) {
  .authentication-modal-wrapper #authentication-modal-container .authentication-modal-header .authentication-modal-close-button {
    padding: 7px;
    border-radius: 8px;
  }
  .authentication-modal-wrapper #authentication-modal-container .authentication-modal-header .authentication-modal-close-button svg {
    scale: 1;
  }
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form {
  position: relative;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 24px;
}
@media (min-width: 1024px) {
  .authentication-modal-wrapper #authentication-modal-container .authentication-modal-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field.input-field-email {
    grid-column: span 2/span 2;
  }
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .input-label {
  position: relative;
  font-family: DanaFaNum;
  font-size: 14px;
  line-height: 28px;
  font-weight: 500;
  color: #475467;
  margin-bottom: 2px;
  display: inline-block;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .input-wrapper {
  font-family: DanaFaNum;
  font-size: 14px;
  line-height: 28px;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 0 11px;
  border: 1px solid #d0d5dd;
  color: #101828;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border-radius: 8px;
  outline: 3px solid transparent;
  transition: all 0.3s linear;
  overflow: hidden;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .input-wrapper:focus-within {
  outline-color: #f1f2f4;
  border-color: #101828;
}
@media (min-width: 1024px) {
  .authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .input-wrapper {
    padding: 0 13px;
    font-size: 16px;
    line-height: 32px;
  }
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .input-wrapper .form-input {
  width: 100%;
  padding: 5px 0;
  border: none;
  outline: none;
  box-shadow: none;
}
@media (min-width: 1024px) {
  .authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .input-wrapper .form-input {
    padding: 7px 0;
  }
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .input-wrapper .form-input:disabled {
  padding: 5px 11px;
  background-color: #F9FAFB;
  color: #D0D5DD;
}
@media (min-width: 1024px) {
  .authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .input-wrapper .form-input:disabled {
    padding: 7px 13px;
  }
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .input-wrapper #password,
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .input-wrapper #confirmPassword {
  text-align: left;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .input-wrapper #username {
  text-align: left;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .input-wrapper:has(.form-input:disabled) {
  border-color: #EAECF0;
  padding: 0;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .input-wrapper:has(.form-input-checkbox) {
  flex-direction: row;
  justify-content: start;
  gap: 8px;
  padding: 5px 11px;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .input-wrapper:has(.form-input-checkbox) {
    padding: 7px 13px;
  }
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .input-wrapper:has(.form-input-checkbox) .form-input-checkbox {
  display: none;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .input-wrapper:has(.form-input-checkbox) .form-input {
  display: none;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .input-wrapper:has(.form-input-checkbox) .toggle-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 2px;
  width: 36px;
  height: 20px;
  border-radius: 999px;
  background-color: #F2F4F7;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .input-wrapper:has(.form-input-checkbox) .toggle-container span {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #FFFFFF;
  border-radius: 999px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0588235294), 0px 1px 3px 0px rgba(16, 24, 40, 0.1019607843);
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .input-wrapper:has(.form-input-checkbox) .form-input-checkbox:checked ~ .toggle-container {
  background: #3A27F3;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .input-wrapper:has(.form-input-checkbox) .form-input-checkbox:checked ~ .toggle-container span {
  transform: translateX(-100%);
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .input-wrapper:has(.form-input-checkbox) .form-input-checkbox:checked ~ .toggle-title {
  display: none;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .input-wrapper:has(.form-input-checkbox) .form-input-checkbox:checked ~ .form-input {
  display: block;
  padding: 0;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .input-wrapper:has(.form-input-checkbox) .toggle-title {
  font-family: DanaFaNum;
  color: #667085;
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
}
@media (min-width: 1024px) {
  .authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .input-wrapper:has(.form-input-checkbox) .toggle-title {
    font-size: 16px;
    line-height: 32px;
  }
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .input-wrapper:has(.show-password) .show-password,
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .input-wrapper:has(.show-password) .hidden-password {
  display: none;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .input-wrapper:has(.show-password) .show-password.active,
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .input-wrapper:has(.show-password) .hidden-password.active {
  display: block;
  cursor: pointer;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .input-error {
  display: none;
  margin: 0;
  color: #D92D20;
  font-family: DanaFaNum;
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .password-help-container {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 5px;
  font-family: DanaFaNum;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  margin-top: 2px;
}
@media (min-width: 1024px) {
  .authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .password-help-container {
    font-size: 14px;
    line-height: 28px;
  }
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .password-help-container .password-help-item {
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s linear;
  color: #D0D5DD;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .password-help-container .password-help-item .help-item-active-icon {
  display: none;
  scale: 0.8;
  margin-bottom: 2px;
}
@media (min-width: 1024px) {
  .authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .password-help-container .password-help-item .help-item-active-icon {
    scale: 1;
  }
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .password-help-container .password-help-item .help-item-inactive-icon {
  display: grid;
  place-items: center;
  margin-bottom: 2px;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .password-help-container .password-help-item .help-item-active-icon.active {
  display: grid;
  place-items: center;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .password-help-container .password-help-item .help-item-active-icon.active ~ .help-item-inactive-icon {
  display: none;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field .password-help-container .password-help-item.active {
  color: #17B26A;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field.error {
  display: block;
  margin: 0;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field.error .input-wrapper {
  margin: 0;
  margin-bottom: 2px;
  border-color: #FDA29B;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field.error .input-wrapper:focus-within {
  outline-color: rgba(240, 68, 56, 0.2392156863);
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .input-field.error .input-error {
  display: block;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper {
  transition: all 0.3s linear;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper .input-label {
  position: relative;
  font-family: DanaFaNum;
  font-size: 14px;
  line-height: 28px;
  font-weight: 500;
  color: #475467;
  margin-bottom: 2px;
  display: inline-block;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper .birth-date-group {
  display: flex;
  gap: 8px;
  font-size: 14px;
  line-height: 28px;
}
@media (min-width: 1024px) {
  .authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper .birth-date-group {
    font-size: 16px;
    line-height: 32px !important;
  }
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper .birth-date-group #day {
  font-family: DanaFaNum;
  font-size: 14px;
  line-height: 28px;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 5px 11px;
  border: 1px solid #d0d5dd;
  color: #101828;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border-radius: 8px;
  outline: 3px solid transparent;
  transition: all 0.3s linear;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper .birth-date-group #day:focus {
  outline-color: #f1f2f4;
  border-color: #101828;
}
@media (min-width: 1024px) {
  .authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper .birth-date-group #day {
    padding: 7px 13px;
    font-size: 16px;
    line-height: 32px;
  }
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper .birth-date-group #day::-moz-placeholder {
  color: #98A2B3 !important;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper .birth-date-group #day::placeholder {
  color: #98A2B3 !important;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper .birth-date-group .select2-selection__placeholder {
  color: #98A2B3;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper .birth-date-group .input-group {
  margin-bottom: 0 !important;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper .birth-date-group .select2-container--bootstrap5.select2-container--focus:not(.select2-container--disabled) .form-select-solid, .authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper .birth-date-group .select2-container--bootstrap5.select2-container--open:not(.select2-container--disabled) .form-select-solid {
  background-color: white;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper .birth-date-group .select2-container--bootstrap5.select2-container--focus:not(.select2-container--disabled).select2, .authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper .birth-date-group .select2-container--bootstrap5.select2-container--open:not(.select2-container--disabled).select2 {
  border-color: #475a67 !important;
  box-shadow: 0px 0px 0px 4px #f2f4f7, 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922) !important;
  border-radius: 8px;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper .birth-date-group .select2-container--bootstrap5.select2-container--focus:not(.select2-container--disabled) .form-select:not(.form-select-solid):not(.form-select-transparent), .authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper .birth-date-group .select2-container--bootstrap5.select2-container--open:not(.select2-container--disabled) .form-select:not(.form-select-solid):not(.form-select-transparent) {
  border-color: getColor("gray", 600);
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper .birth-date-group .birth-date-input .select2 .select2-container {
  box-shadow: unset !important;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper .birth-date-group .birth-date-input .select2 .select2-selection {
  border: 1px solid #d0d5dd !important;
  padding: 8px 14px !important;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922) !important;
  border-radius: 8px;
  height: 100%;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper .input-error {
  display: none;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper.error {
  display: block;
  margin: 0;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper.error .birth-date-group .input-group #day {
  border-color: #FDA29B;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper.error .birth-date-group .input-group #day:focus {
  outline-color: rgba(240, 68, 56, 0.2392156863);
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper.error .birth-date-group .input-group .select2-container--bootstrap5.select2-container--focus:not(.select2-container--disabled) .form-select-solid, .authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper.error .birth-date-group .input-group .select2-container--bootstrap5.select2-container--open:not(.select2-container--disabled) .form-select-solid {
  background-color: white;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper.error .birth-date-group .input-group .select2-container--bootstrap5.select2-container--focus:not(.select2-container--disabled).select2, .authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper.error .birth-date-group .input-group .select2-container--bootstrap5.select2-container--open:not(.select2-container--disabled).select2 {
  border-color: #FDA29B !important;
  box-shadow: 0px 0px 0px 4px rgba(240, 68, 56, 0.2392156863), 0px 1px 2px 0px rgba(240, 68, 56, 0.2392156863) !important;
  border-radius: 8px;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper.error .birth-date-group .input-group .select2-container--bootstrap5.select2-container--focus:not(.select2-container--disabled) .form-select:not(.form-select-solid):not(.form-select-transparent), .authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper.error .birth-date-group .input-group .select2-container--bootstrap5.select2-container--open:not(.select2-container--disabled) .form-select:not(.form-select-solid):not(.form-select-transparent) {
  border-color: #FDA29B;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper.error .birth-date-group .birth-date-input .select2 .select2-container {
  box-shadow: unset !important;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper.error .birth-date-group .birth-date-input .select2 .select2-selection {
  border: 1px solid #FDA29B !important;
  padding: 8px 14px !important;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922) !important;
  border-radius: 8px;
  height: 100%;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .birth-date-group-wrapper.error .input-error {
  display: block;
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .modal-form-submit-wrapper {
  position: sticky;
  margin: 0 -16px -16px;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  padding: 12px 16px;
  background: white;
}
@media (min-width: 1024px) {
  .authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .modal-form-submit-wrapper {
    box-shadow: none;
    background: none;
    margin: 0;
    padding: 0;
    position: relative;
    grid-column-start: 2;
    display: flex;
    justify-content: end;
    align-items: start;
  }
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .modal-form-submit-wrapper .modal-form-submit {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  font-family: DanaFaNum;
  font-weight: 600;
  color: white;
  background-color: #1203A3;
  border-radius: 8px;
  font-size: 14px;
  line-height: 28px;
  padding: 6px 0;
  border: none;
}
@media (min-width: 1024px) {
  .authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .modal-form-submit-wrapper .modal-form-submit {
    font-size: 16px;
    line-height: 32px;
    padding: 6px 0;
    width: 160px;
  }
}
.authentication-modal-wrapper #authentication-modal-container .authentication-modal-form .modal-form-submit-wrapper .modal-form-submit:disabled {
  background-color: #FAFAFF;
  color: #DEDAFF;
}
@media (min-width: 1024px) {
  .authentication-modal-wrapper #authentication-modal-container::-webkit-scrollbar {
    width: 8px;
  }
  .authentication-modal-wrapper #authentication-modal-container::-webkit-scrollbar-track {
    background: #f9fafb;
    border-radius: 12px;
  }
  .authentication-modal-wrapper #authentication-modal-container::-webkit-scrollbar-thumb {
    background: #eaecf0;
    border-radius: 5px;
  }
}
.authentication-modal-wrapper #authentication-modal-container.visible {
  transform: translateY(0);
}
@media (min-width: 1024px) {
  .authentication-modal-wrapper #authentication-modal-container.visible {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

.new-dashboard-events {
  padding-top: 24px;
  margin: -6px -8px 0 -12px;
}
@media (min-width: 991px) {
  .new-dashboard-events {
    padding-top: 48px;
  }
}
@media (min-width: 1024px) {
  .new-dashboard-events {
    margin: 0 -100px;
  }
}
@media (min-width: 1280px) {
  .new-dashboard-events {
    margin: 0 -90px;
  }
}
.new-dashboard-events .dashboard-events-header {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-bottom: 24px;
  padding: 0 16px;
}
@media (min-width: 991px) {
  .new-dashboard-events .dashboard-events-header {
    padding: 0;
  }
}
.new-dashboard-events .dashboard-events-header .dashboard-events-header-title {
  font-family: DanaFaNum !important;
  color: #101828;
  font-size: 18px !important;
  line-height: 34px !important;
  margin-bottom: 0;
}
@media (min-width: 991px) {
  .new-dashboard-events .dashboard-events-header .dashboard-events-header-title {
    font-size: 20px !important;
    line-height: 38px !important;
  }
}
.new-dashboard-events .dashboard-events-header .dashboard-events-header-icon {
  width: 32px;
  height: 2px;
  background: linear-gradient(to right, #49b3f3 15%, #1004a4 60%, #c72d80 90%);
  border-radius: 999px;
}
.new-dashboard-events .dashboard-event-list {
  display: flex;
  flex-direction: column;
}
@media (min-width: 991px) {
  .new-dashboard-events .dashboard-event-list {
    gap: 16px;
  }
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 24px 0;
  background-color: white;
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card:not(:first-child) {
  padding: 24px 0 23px 0;
  border-bottom: 1px solid #eaeef0;
}
@media (min-width: 991px) {
  .new-dashboard-events .dashboard-event-list .dashboard-event-card:not(:first-child) {
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    gap: 24px;
    padding: 23px;
    border: 1px solid #eaeef0;
    border-radius: 16px;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  }
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card:first-child {
  border-top: 1px solid #eaeef0;
  border-bottom: 1px solid #eaeef0;
}
@media (min-width: 991px) {
  .new-dashboard-events .dashboard-event-list .dashboard-event-card:first-child {
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    gap: 24px;
    padding: 23px;
    border: 1px solid #eaeef0;
    border-radius: 16px;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  }
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-card-info {
  padding: 0 16px;
}
@media (min-width: 991px) {
  .new-dashboard-events .dashboard-event-list .dashboard-event-card .event-card-info {
    padding: 0;
    width: 100%;
  }
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-card-info .event-card-info-header {
  display: flex;
  align-items: start;
  gap: 12px;
}
@media (min-width: 991px) {
  .new-dashboard-events .dashboard-event-list .dashboard-event-card .event-card-info .event-card-info-header {
    gap: 24px;
  }
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-card-info .event-card-info-header .event-card-banner {
  width: 100%;
  min-width: 92px;
  max-width: 92px;
  border-radius: 8px;
  overflow: hidden;
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-card-info .event-card-info-header .event-card-banner img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  min-height: 92px;
  max-height: 92px;
}
@media (min-width: 991px) {
  .new-dashboard-events .dashboard-event-list .dashboard-event-card .event-card-info .event-card-info-header .event-card-banner img {
    min-width: 120px;
    max-width: 120px;
    min-height: 120px;
    max-height: 120px;
  }
}
@media (min-width: 991px) {
  .new-dashboard-events .dashboard-event-list .dashboard-event-card .event-card-info .event-card-info-header .event-card-banner {
    min-width: 120px;
    max-width: 120px;
  }
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-card-info .event-card-info-header .event-card-details {
  margin-bottom: 16px;
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-card-info .event-card-info-header .event-card-details .event-card-types {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}
@media (min-width: 991px) {
  .new-dashboard-events .dashboard-event-list .dashboard-event-card .event-card-info .event-card-info-header .event-card-details .event-card-types {
    margin-bottom: 12px;
  }
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-card-info .event-card-info-header .event-card-details .event-card-types .event-card-type,
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-card-info .event-card-info-header .event-card-details .event-card-types .event-card-holding {
  display: flex;
  align-items: center;
  gap: 4px;
  font-family: DanaFaNum;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  color: #475a67;
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-card-info .event-card-info-header .event-card-details .event-card-types .event-card-holding {
  display: none;
}
@media (min-width: 991px) {
  .new-dashboard-events .dashboard-event-list .dashboard-event-card .event-card-info .event-card-info-header .event-card-details .event-card-types .event-card-holding {
    display: flex;
  }
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-card-info .event-card-info-header .event-card-details .event-card-title {
  font-family: DanaFaNum !important;
  font-weight: 700;
  color: #1d2e39;
  font-size: 16px;
  line-height: 32px;
  min-height: 60px;
  margin-bottom: 0;
}
@media (min-width: 991px) {
  .new-dashboard-events .dashboard-event-list .dashboard-event-card .event-card-info .event-card-info-header .event-card-details .event-card-title {
    min-height: -moz-fit-content;
    min-height: fit-content;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 24px;
  }
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-card-info .event-card-info-header .event-card-details .event-card-finished {
  display: none;
  width: -moz-fit-content;
  width: fit-content;
  font-family: DanaFaNum !important;
  font-weight: 500;
  color: #98a8b3;
  font-size: 12px;
  line-height: 22px;
  padding: 0 5px;
  border: 1px solid #d0d8dd;
  background-color: #f9fafb;
  border-radius: 999px;
}
@media (min-width: 991px) {
  .new-dashboard-events .dashboard-event-list .dashboard-event-card .event-card-info .event-card-info-header .event-card-details .event-card-finished {
    display: flex;
    align-items: center;
    gap: 8px;
  }
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-card-info .event-type-timing {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 -16px;
  padding: 0 16px 22px 16px;
  border-bottom: 2px dashed #eaeef0;
  margin-bottom: 16px;
}
@media (min-width: 991px) {
  .new-dashboard-events .dashboard-event-list .dashboard-event-card .event-card-info .event-type-timing {
    display: none;
  }
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-card-info .event-type-timing .event-card-location,
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-card-info .event-type-timing .event-card-date {
  font-family: DanaFaNum !important;
  display: flex;
  align-items: center;
  gap: 2px;
  color: #475a67;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-card-info .event-type-timing .event-card-date {
  padding-right: 7px;
  border-right: 1px solid #eaeef0;
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-card-info .event-card-number-of-tickets {
  display: flex;
  align-items: center;
  gap: 4px;
  font-family: DanaFaNum !important;
  font-weight: 500;
  color: #475a67;
  font-size: 14px;
  line-height: 26px;
  padding-bottom: 4px;
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-card-info .event-card-number-of-tickets span:last-child {
  padding-top: 4px;
}
@media (min-width: 991px) {
  .new-dashboard-events .dashboard-event-list .dashboard-event-card .event-card-info .event-card-number-of-tickets {
    padding: 4px 16px;
    border-radius: 4px;
    background-color: #f9fafb;
    color: #667985;
  }
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-content-extra {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 16px;
}
@media (min-width: 991px) {
  .new-dashboard-events .dashboard-event-list .dashboard-event-card .event-content-extra {
    gap: 16px;
    padding: 0 22px 0 0;
    border-right: 2px dashed #eaeef0;
    margin: -24px 0;
    min-width: 200px;
    max-width: 200px;
    justify-content: center;
  }
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-content-extra .event-content-extra-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 991px) {
  .new-dashboard-events .dashboard-event-list .dashboard-event-card .event-content-extra .event-content-extra-header {
    flex-direction: column-reverse;
    align-items: start;
    gap: 24px;
  }
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-content-extra .event-content-extra-header .event-card-price-details {
  display: flex;
  align-items: center;
  gap: 8px;
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-content-extra .event-content-extra-header .event-card-price-details .event-card-number-of-ticket,
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-content-extra .event-content-extra-header .event-card-price-details .event-card-price {
  display: flex;
  align-items: center;
  gap: 4px;
  font-family: DanaFaNum !important;
  color: #475a67;
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-content-extra .event-content-extra-header .event-card-price-details .event-card-number-of-ticket span:first-child,
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-content-extra .event-content-extra-header .event-card-price-details .event-card-price span:first-child {
  font-weight: 700;
  font-size: 16px;
  line-height: 30px;
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-content-extra .event-content-extra-header .event-card-price-details .event-card-number-of-ticket span:last-child,
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-content-extra .event-content-extra-header .event-card-price-details .event-card-price span:last-child {
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-content-extra .event-content-extra-header .event-card-price-details .event-card-number-of-ticket {
  display: none;
  padding-left: 7px;
  border-left: 1px solid #eaeef0;
}
@media (min-width: 991px) {
  .new-dashboard-events .dashboard-event-list .dashboard-event-card .event-content-extra .event-content-extra-header .event-card-price-details .event-card-number-of-ticket {
    display: flex;
  }
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-content-extra .event-content-extra-header .event-card-price-details .event-card-price-free {
  font-family: DanaFaNum !important;
  font-weight: 700;
  color: #475a67;
  font-size: 16px;
  line-height: 30px;
  padding-right: 8px;
}
@media (min-width: 991px) {
  .new-dashboard-events .dashboard-event-list .dashboard-event-card .event-content-extra .event-content-extra-header .event-card-price-details .event-card-price-free {
    padding-right: 0;
    font-weight: 500;
  }
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-content-extra .event-content-extra-header .event-card-status {
  font-family: DanaFaNum !important;
  padding: 0 7px;
  border-radius: 999px;
  font-weight: 500;
  font-size: 12px;
  line-height: 22px;
  border: 1px solid;
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-content-extra .event-content-extra-header .event-card-status.success {
  background-color: #ecfdf3;
  border-color: #75e0a7;
  color: #067647;
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-content-extra .event-card-download {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-family: DanaFaNum !important;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  color: #1203a3;
  background-color: white;
  padding: 3px 11px;
  border: 1px solid #3a27f3;
  outline: 4px solid transparent !important;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  border-radius: 8px;
  transition: all 0.3s linear;
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-content-extra .event-card-download:hover {
  color: #3a27f3;
  background-color: #fafaff;
  border-color: #120396;
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-content-extra .event-card-download:focus {
  color: #1203a3;
  background-color: white;
  border-color: #3a27f3;
  outline-color: #e8e6fa !important;
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-content-extra .event-card-download:disabled {
  color: #dedaff;
  background-color: #ffffff;
  border-color: #fafaff;
  box-shadow: 0px 1px 2px 0px #f6f5fc;
}
@media (min-width: 991px) {
  .new-dashboard-events .dashboard-event-list .dashboard-event-card .event-content-extra .event-card-download {
    padding: 5px 33px;
  }
}
@media (min-width: 991px) {
  .new-dashboard-events .dashboard-event-list .dashboard-event-card .event-content-extra .event-card-download span:nth-child(1) {
    display: none;
  }
}
.new-dashboard-events .dashboard-event-list .dashboard-event-card .event-content-extra .event-card-download span:nth-child(2) {
  display: none;
}
@media (min-width: 991px) {
  .new-dashboard-events .dashboard-event-list .dashboard-event-card .event-content-extra .event-card-download span:nth-child(2) {
    display: block;
  }
}
.new-dashboard-events .show-more-event-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin-top: 32px;
  margin-bottom: 24px;
  padding: 0 16px;
}
@media (min-width: 991px) {
  .new-dashboard-events .show-more-event-list {
    padding: 0;
    margin-top: 40px;
    margin-bottom: 50px;
  }
}
.new-dashboard-events .show-more-event-list div:first-child {
  font-family: DanaFaNum;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 14px;
  line-height: 28px;
  color: #667085;
}
.new-dashboard-events .show-more-event-list div:first-child span:nth-child(3) {
  margin: 0 4px;
}
.new-dashboard-events .show-more-event-list div:first-child .active-events,
.new-dashboard-events .show-more-event-list div:first-child .total-events {
  color: #182230;
}
.new-dashboard-events .show-more-event-list .show-more-event-list-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-family: DanaFaNum !important;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  color: #1203a3;
  background-color: white;
  padding: 5px 0;
  border: 1px solid #3a27f3;
  outline: 4px solid transparent !important;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  border-radius: 8px;
  transition: all 0.3s linear;
}
.new-dashboard-events .show-more-event-list .show-more-event-list-btn:hover {
  color: #3a27f3;
  background-color: #fafaff;
  border-color: #120396;
}
.new-dashboard-events .show-more-event-list .show-more-event-list-btn:focus {
  color: #1203a3;
  background-color: white;
  border-color: #3a27f3;
  outline-color: #e8e6fa !important;
}
.new-dashboard-events .show-more-event-list .show-more-event-list-btn:disabled {
  color: #dedaff;
  background-color: #ffffff;
  border-color: #fafaff;
  box-shadow: 0px 1px 2px 0px #f6f5fc;
}
@media (min-width: 1024px) {
  .new-dashboard-events .show-more-event-list .show-more-event-list-btn {
    width: 328px;
  }
}
.new-dashboard-events .skeleton-card {
  padding: 24px 16px;
  width: 100%;
  height: 368px;
  background: white;
  display: flex;
  flex-direction: column;
}
@media (min-width: 991px) {
  .new-dashboard-events .skeleton-card {
    height: -moz-fit-content;
    height: fit-content;
    padding: 24px;
    flex-direction: row;
    justify-content: space-between;
    gap: 24px;
  }
}
.new-dashboard-events .skeleton-card .skeleton-card-header {
  display: flex;
  align-items: start;
  gap: 12px;
  margin-bottom: 16px;
  min-width: 100%;
}
@media (min-width: 991px) {
  .new-dashboard-events .skeleton-card .skeleton-card-header {
    gap: 24px;
  }
}
.new-dashboard-events .skeleton-card .skeleton-card-header .img-banner {
  width: 100%;
  min-width: 92px;
  max-width: 92px;
  height: 92px;
  background-color: #ccc;
  border-radius: 8px;
  background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px);
  background-size: 600px;
  animation: shine-lines 1.6s linear infinite;
  animation-delay: 0.5s;
}
@media (min-width: 991px) {
  .new-dashboard-events .skeleton-card .skeleton-card-header .img-banner {
    min-width: 120px;
    max-width: 120px;
  }
}
.new-dashboard-events .skeleton-card .skeleton-card-header .line-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.new-dashboard-events .skeleton-card .skeleton-card-header .line-wrapper .line {
  width: 80px;
}
.new-dashboard-events .skeleton-card .skeleton-card-header .line-wrapper .line:nth-child(2) {
  width: 100%;
  height: 60px;
}
.new-dashboard-events .skeleton-card .line {
  width: 100%;
  height: 24px;
  border-radius: 4px;
  background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px);
  background-size: 600px;
  animation: shine-lines 1.6s linear infinite;
  animation-delay: 0.5s;
}
.new-dashboard-events .skeleton-card .dashed {
  border-bottom: 2px dashed #eaeef0;
  margin-top: 24px;
  margin: 24px -16px;
}
@media (min-width: 991px) {
  .new-dashboard-events .skeleton-card .dashed {
    display: none;
  }
}
@media (min-width: 991px) {
  .new-dashboard-events .skeleton-card .skeleton-card-footer {
    min-width: 200px;
    max-width: 200px;
    margin: -24px 0;
    padding-right: 23px;
    border-right: 2px dashed #eaeef0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
  }
}
.new-dashboard-events .skeleton-card .skeleton-card-footer .line {
  width: 100px;
}
.new-dashboard-events .skeleton-card .skeleton-card-footer .line:first-child {
  margin-bottom: 10px;
}
.new-dashboard-events .skeleton-card .skeleton-card-footer .line:last-child {
  width: 100%;
  height: 40px;
}
@keyframes shine-lines {
  0% {
    background-position: -200px;
  }
  100% {
    background-position: 400px;
  }
}
@keyframes shine-avatar {
  0% {
    background-position: calc(-200px + 68px);
  }
  100% {
    background-position: calc(400px + 68px);
  }
}

.new-dashboard-contests {
  padding-top: 24px;
  margin: -6px -8px 0 -12px;
}
@media (min-width: 991px) {
  .new-dashboard-contests {
    padding-top: 48px;
  }
}
@media (min-width: 1024px) {
  .new-dashboard-contests {
    margin: 0 -100px;
  }
}
@media (min-width: 1280px) {
  .new-dashboard-contests {
    margin: 0 -90px;
  }
}
.new-dashboard-contests .skeleton-card {
  padding: 24px 16px;
  width: 100%;
  background: white;
  display: flex;
  flex-direction: column;
}
@media (min-width: 991px) {
  .new-dashboard-contests .skeleton-card {
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: 24px;
    padding: 23px;
    border: 1px solid #eaeef0;
    border-radius: 16px;
  }
}
.new-dashboard-contests .skeleton-card .skeleton-card-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eaeef0;
}
@media (min-width: 991px) {
  .new-dashboard-contests .skeleton-card .skeleton-card-header {
    gap: 12px;
  }
}
.new-dashboard-contests .skeleton-card .skeleton-card-header .line-title {
  width: 50%;
}
.new-dashboard-contests .skeleton-card .skeleton-card-header .line-description {
  width: 100%;
  height: 56px;
  margin-bottom: 16px;
}
.new-dashboard-contests .skeleton-card .skeleton-card-header .skeleton-card-header-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 11px 12px 12px;
  border-right: 1px solid #eaecf0;
  background-color: #fcfcfd;
  margin-bottom: 16px;
}
@media (min-width: 991px) {
  .new-dashboard-contests .skeleton-card .skeleton-card-header .skeleton-card-header-box {
    display: none;
  }
}
.new-dashboard-contests .skeleton-card .skeleton-card-header .skeleton-card-header-box .line {
  width: 60%;
}
.new-dashboard-contests .skeleton-card .skeleton-card-header .skeleton-card-header-box div {
  display: flex;
  align-items: center;
  gap: 16px;
}
.new-dashboard-contests .skeleton-card .skeleton-card-header .skeleton-card-header-box div .line {
  width: 73px;
}
.new-dashboard-contests .skeleton-card .skeleton-card-header-details {
  display: none;
}
@media (min-width: 991px) {
  .new-dashboard-contests .skeleton-card .skeleton-card-header-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.new-dashboard-contests .skeleton-card .skeleton-card-header-details .line {
  width: 120px;
}
.new-dashboard-contests .skeleton-card .line {
  width: 100%;
  height: 24px;
  border-radius: 4px;
  background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px);
  background-size: 600px;
  animation: shine-lines 1.6s linear infinite;
  animation-delay: 0.5s;
}
@media (min-width: 991px) {
  .new-dashboard-contests .skeleton-card .skeleton-card-footer {
    min-width: 200px;
    max-width: 200px;
    padding-left: 23px;
    border-left: 1px solid #eaeef0;
  }
}
.new-dashboard-contests .skeleton-card .skeleton-card-footer .skeleton-card-footer-mobile {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 991px) {
  .new-dashboard-contests .skeleton-card .skeleton-card-footer .skeleton-card-footer-mobile {
    display: none;
  }
}
.new-dashboard-contests .skeleton-card .skeleton-card-footer .skeleton-card-footer-mobile .line:first-child {
  width: 120px;
}
.new-dashboard-contests .skeleton-card .skeleton-card-footer .skeleton-card-footer-mobile .line:last-child {
  width: 70px;
}
.new-dashboard-contests .skeleton-card .skeleton-card-footer .skeleton-card-footer-content-desktop {
  display: none;
}
@media (min-width: 991px) {
  .new-dashboard-contests .skeleton-card .skeleton-card-footer .skeleton-card-footer-content-desktop {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
  }
}
.new-dashboard-contests .skeleton-card .skeleton-card-footer .skeleton-card-footer-content-desktop .w-100 .line:nth-child(1) {
  width: 50%;
  height: 24px;
  margin-bottom: 8px;
}
.new-dashboard-contests .skeleton-card .skeleton-card-footer .skeleton-card-footer-content-desktop .w-100 .line:nth-child(2) {
  width: 100%;
  height: 56px;
}
.new-dashboard-contests .skeleton-card .skeleton-card-footer .skeleton-card-footer-content-desktop .line {
  width: 100%;
  height: 40px;
}
.new-dashboard-contests .dashboard-innovation-header {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-bottom: 24px;
  padding: 0 16px;
}
@media (min-width: 991px) {
  .new-dashboard-contests .dashboard-innovation-header {
    padding: 0;
  }
}
.new-dashboard-contests .dashboard-innovation-header .dashboard-innovation-header-title {
  font-family: DanaFaNum !important;
  color: #101828;
  font-size: 18px !important;
  line-height: 34px !important;
  margin-bottom: 0;
}
@media (min-width: 991px) {
  .new-dashboard-contests .dashboard-innovation-header .dashboard-innovation-header-title {
    font-size: 20px !important;
    line-height: 38px !important;
  }
}
.new-dashboard-contests .dashboard-innovation-header .dashboard-innovation-header-icon {
  width: 32px;
  height: 2px;
  background: linear-gradient(to right, #49b3f3 15%, #1004a4 60%, #c72d80 90%);
  border-radius: 999px;
}
.new-dashboard-contests .dashboard-innovation-list {
  display: flex;
  flex-direction: column;
}
@media (min-width: 991px) {
  .new-dashboard-contests .dashboard-innovation-list {
    gap: 16px;
  }
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card {
  display: flex;
  flex-direction: column;
  padding: 24px 16px;
  background-color: white;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card:not(:first-child) {
  border-bottom: 1px solid #eaecf0;
}
@media (min-width: 991px) {
  .new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card:not(:first-child) {
    flex-direction: row-reverse;
    align-items: stretch;
    justify-content: space-between;
    gap: 24px;
    padding: 23px;
    border: 1px solid #eaeef0;
    border-radius: 16px;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  }
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card:first-child {
  border-top: 1px solid #eaeef0;
  border-bottom: 1px solid #eaeef0;
}
@media (min-width: 991px) {
  .new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card:first-child {
    flex-direction: row-reverse;
    align-items: stretch;
    justify-content: space-between;
    gap: 24px;
    padding: 23px;
    border: 1px solid #eaeef0;
    border-radius: 16px;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  }
}
@media (min-width: 991px) {
  .new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-header {
    width: 100%;
    padding-right: 23px;
    border-right: 1px solid #eaecf0;
  }
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-header .innovation-offer-title {
  font-family: DanaFaNum !important;
  font-weight: 700;
  color: #101828;
  font-size: 16px !important;
  line-height: 32px !important;
  margin-bottom: 8px;
}
@media (min-width: 991px) {
  .new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-header .innovation-offer-title {
    font-size: 18px !important;
    line-height: 34px !important;
    margin-bottom: 12px;
  }
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-header .innovation-offer-description {
  font-family: DanaFaNum !important;
  color: #475467;
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 16px;
  min-height: 84px;
  max-height: 84px;
  overflow: hidden;
}
@media (min-width: 991px) {
  .new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-header .innovation-offer-description {
    margin-bottom: 12px;
    min-height: 64px;
    max-height: 64px;
  }
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-header .innovation-card-header-details {
  display: none;
  padding-top: 15px;
  border-top: 1px solid #eaecf0;
}
@media (min-width: 991px) {
  .new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-header .innovation-card-header-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-header .innovation-card-header-details .winner {
  display: flex;
  align-items: center;
  gap: 4px;
  font-family: DanaFaNum !important;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  color: #fdb022;
  padding: 1px 7px;
  border-radius: 999px;
  background-color: #fffaeb;
  border: 1px solid #fec84b;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-header .innovation-card-header-details .votes {
  font-family: DanaFaNum !important;
  display: flex;
  align-items: center;
  gap: 4px;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-header .innovation-card-header-details .votes span:nth-child(1) {
  font-weight: 700;
  color: #079455;
  font-size: 16px;
  line-height: 32px;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-header .innovation-card-header-details .votes span:nth-child(2) {
  font-weight: 400;
  color: #079455;
  font-size: 12px;
  line-height: 24px;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-header .innovation-card-header-details .view-details {
  margin-right: auto;
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: DanaFaNum !important;
  font-weight: 600;
  color: #182230;
  font-size: 14px;
  line-height: 28px;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-content-mobile {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 11px 12px 12px;
  border-right: 1px solid #eaecf0;
  background-color: #fcfcfd;
  margin-bottom: 16px;
}
@media (min-width: 991px) {
  .new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-content-mobile {
    display: none;
  }
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-content-mobile .innovation-card-title {
  font-family: DanaFaNum !important;
  font-weight: 500;
  color: #667085;
  font-size: 12px;
  line-height: 24px;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-content-mobile .company-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
  font-family: DanaFaNum !important;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-content-mobile .company-wrapper .company-details {
  display: flex;
  align-items: center;
  gap: 4px;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-content-mobile .company-wrapper .company-details img {
  width: 16px;
  height: 16px;
  border-radius: 2px;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-content-mobile .company-wrapper .company-details .company-title {
  color: #667085;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-content-mobile .company-wrapper .finished {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #667085;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-content-mobile .company-wrapper .voting {
  color: #1004a4;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-content-mobile .company-wrapper .undergraduate {
  color: #1004a4;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-content-mobile .company-wrapper .receiving-offers {
  color: #49b3f3;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-content-mobile .company-wrapper .awaiting-results {
  color: #e12a80;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-details-mobile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 15px;
  border-top: 1px solid #eaecf0;
}
@media (min-width: 991px) {
  .new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-details-mobile {
    display: none;
  }
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-details-mobile .winner {
  display: flex;
  align-items: center;
  gap: 4px;
  font-family: DanaFaNum !important;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  color: #fdb022;
  padding: 1px 7px;
  border-radius: 999px;
  background-color: #fffaeb;
  border: 1px solid #fec84b;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-details-mobile .votes {
  font-family: DanaFaNum !important;
  display: flex;
  align-items: center;
  gap: 4px;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-details-mobile .votes span:nth-child(1) {
  font-weight: 700;
  color: #079455;
  font-size: 16px;
  line-height: 32px;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-details-mobile .votes span:nth-child(2) {
  font-weight: 400;
  color: #079455;
  font-size: 12px;
  line-height: 24px;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-details-mobile .view-details {
  margin-right: auto;
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: DanaFaNum !important;
  font-weight: 600;
  color: #182230;
  font-size: 14px;
  line-height: 28px;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-content-desktop {
  display: none;
}
@media (min-width: 991px) {
  .new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-content-desktop {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 176px;
    max-width: 176px;
    height: 100%;
  }
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-content-desktop .company-details {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 8px;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-content-desktop .company-details img {
  width: 16px;
  height: 16px;
  border-radius: 2px;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-content-desktop .company-details .company-title {
  font-family: DanaFaNum !important;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  color: #667085;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-content-desktop .innovation-card-title {
  font-family: DanaFaNum !important;
  font-weight: 600;
  color: #667085;
  font-size: 14px;
  line-height: 28px;
  min-height: 100%;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-content-desktop .finished {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 4px;
  font-family: DanaFaNum !important;
  font-weight: 500;
  color: #667085;
  font-size: 12px;
  line-height: 24px;
  padding: 1px 7px;
  border-radius: 999px;
  background-color: #f2f4f7;
  border: 1px solid #eaecf0;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-content-desktop .offer-status-wrapper {
  display: flex;
  flex-direction: column;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-content-desktop .offer-status-wrapper .offer-timing {
  display: flex;
  align-items: center;
  gap: 4px;
  font-family: DanaFaNum !important;
  font-size: 14px;
  line-height: 28px;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-content-desktop .offer-status-wrapper .offer-timing div span:first-child {
  color: #475467;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-content-desktop .offer-status-wrapper .offer-timing div span:last-child {
  color: #98a2b3;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-content-desktop .offer-status-wrapper .voting {
  font-family: DanaFaNum !important;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  color: #1004a4;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-content-desktop .offer-status-wrapper .undergraduate {
  font-family: DanaFaNum !important;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  color: #1004a4;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-content-desktop .offer-status-wrapper .receiving-offers {
  font-family: DanaFaNum !important;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  color: #49b3f3;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card .innovation-card-footer .card-footer-content-desktop .offer-status-wrapper .awaiting-results {
  font-family: DanaFaNum !important;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  color: #e12a80;
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card.winner {
  background: linear-gradient(133.71deg, #ffffff 0%, #fffaeb 84%);
}
@media (min-width: 991px) {
  .new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card.winner {
    border-color: #fef0c7;
    background: linear-gradient(90deg, #fffaeb 0%, #ffffff 100%);
  }
}
.new-dashboard-contests .dashboard-innovation-list .dashboard-innovation-card.winner .innovation-card-footer .card-footer-content-mobile {
  background: linear-gradient(90deg, #fffcf5 0%, #fffdf7 100%);
}
@keyframes shine-lines {
  0% {
    background-position: -200px;
  }
  100% {
    background-position: 400px;
  }
}
@keyframes shine-avatar {
  0% {
    background-position: calc(-200px + 68px);
  }
  100% {
    background-position: calc(400px + 68px);
  }
}
.new-dashboard-contests .show-more-innovation-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin-top: 32px;
  margin-bottom: 24px;
  padding: 0 16px;
}
@media (min-width: 991px) {
  .new-dashboard-contests .show-more-innovation-list {
    padding: 0;
    margin-top: 40px;
    margin-bottom: 50px;
  }
}
.new-dashboard-contests .show-more-innovation-list div:first-child {
  font-family: DanaFaNum;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 14px;
  line-height: 28px;
  color: #667085;
}
.new-dashboard-contests .show-more-innovation-list div:first-child span:nth-child(3) {
  margin: 0 4px;
}
.new-dashboard-contests .show-more-innovation-list div:first-child .active-innovation,
.new-dashboard-contests .show-more-innovation-list div:first-child .total-innovation {
  color: #182230;
}
.new-dashboard-contests .show-more-innovation-list .show-more-innovation-list-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-family: DanaFaNum !important;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  color: #1203a3;
  background-color: white;
  padding: 5px 0;
  border: 1px solid #3a27f3;
  outline: 4px solid transparent !important;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  border-radius: 8px;
  transition: all 0.3s linear;
}
.new-dashboard-contests .show-more-innovation-list .show-more-innovation-list-btn:hover {
  color: #3a27f3;
  background-color: #fafaff;
  border-color: #120396;
}
.new-dashboard-contests .show-more-innovation-list .show-more-innovation-list-btn:focus {
  color: #1203a3;
  background-color: white;
  border-color: #3a27f3;
  outline-color: #e8e6fa !important;
}
.new-dashboard-contests .show-more-innovation-list .show-more-innovation-list-btn:disabled {
  color: #dedaff;
  background-color: #ffffff;
  border-color: #fafaff;
  box-shadow: 0px 1px 2px 0px #f6f5fc;
}
@media (min-width: 1024px) {
  .new-dashboard-contests .show-more-innovation-list .show-more-innovation-list-btn {
    width: 328px;
  }
}

.new-dashboard-content-empty {
  padding-top: 24px;
  margin: -6px -8px 0 -12px;
}
@media (min-width: 991px) {
  .new-dashboard-content-empty {
    padding-top: 153px;
  }
}
@media (min-width: 1024px) {
  .new-dashboard-content-empty {
    margin: 0 -100px;
  }
}
@media (min-width: 1280px) {
  .new-dashboard-content-empty {
    margin: 0 -90px;
  }
}
.new-dashboard-content-empty .dashboard-content-empty-header {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-bottom: 24px;
  padding: 0 16px;
}
@media (min-width: 991px) {
  .new-dashboard-content-empty .dashboard-content-empty-header {
    padding: 0;
    display: none;
  }
}
.new-dashboard-content-empty .dashboard-content-empty-header .dashboard-content-empty-header-title {
  font-family: DanaFaNum !important;
  color: #101828;
  font-size: 18px !important;
  line-height: 34px !important;
  margin-bottom: 0;
}
@media (min-width: 991px) {
  .new-dashboard-content-empty .dashboard-content-empty-header .dashboard-content-empty-header-title {
    font-size: 20px !important;
    line-height: 38px !important;
  }
}
.new-dashboard-content-empty .dashboard-content-empty-header .dashboard-content-empty-header-icon {
  width: 32px;
  height: 2px;
  background: linear-gradient(to right, #49b3f3 15%, #1004a4 60%, #c72d80 90%);
  border-radius: 999px;
}
.new-dashboard-content-empty .content-empty-container {
  display: flex;
  flex-direction: column;
  padding: 0 16px;
  margin: 0 auto;
}
@media (min-width: 991px) {
  .new-dashboard-content-empty .content-empty-container {
    padding: 0;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
}
.new-dashboard-content-empty .content-empty-container .content-empty-img {
  max-width: 328px;
  margin: 0 auto;
}
@media (min-width: 991px) {
  .new-dashboard-content-empty .content-empty-container .content-empty-img {
    margin: 0;
    transform: translateX(-45px);
  }
}
.new-dashboard-content-empty .content-empty-container .content-wrapper {
  transform: translateY(-72px);
}
@media (min-width: 991px) {
  .new-dashboard-content-empty .content-empty-container .content-wrapper {
    transform: translateY(0);
    transform: translateX(45px);
  }
}
.new-dashboard-content-empty .content-empty-container .content-wrapper .content-empty-title {
  font-family: DanaFaNum !important;
  font-weight: 500;
  text-align: center;
  color: #98a8b3;
  font-size: 16px !important;
  line-height: 32px !important;
  margin-bottom: 8px;
}
@media (min-width: 991px) {
  .new-dashboard-content-empty .content-empty-container .content-wrapper .content-empty-title {
    text-align: right;
  }
}
.new-dashboard-content-empty .content-empty-container .content-wrapper .content-empty-link {
  font-family: DanaFaNum !important;
  font-weight: 600;
  color: #1004a4;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 16px !important;
  line-height: 32px !important;
}
@media (min-width: 991px) {
  .new-dashboard-content-empty .content-empty-container .content-wrapper .content-empty-link {
    justify-content: start;
  }
}

.not-found {
  background: url("../../svg/Errors/404-bg.svg");
  background-size: contain;
  height: 100vh;
}
@media (min-width: 1199px) {
  .not-found {
    width: 872px;
  }
}
@media (max-width: 1199px) {
  .not-found {
    background: url("../../svg/Errors/404-bg-mobile.svg");
    background-size: cover;
  }
}
.not-found .not-found-container {
  padding-top: 121px;
}
.not-found .not-found-container span {
  font-family: DanaFaNum, serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 36px;
  color: #1D2E39;
  display: block;
  text-align: center;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .not-found .not-found-container span {
    margin-bottom: 24px;
  }
}
.not-found .not-found-container img {
  width: 321px;
  margin: 0 auto 111px auto;
}
@media (max-width: 1199px) {
  .not-found .not-found-container img {
    width: 157px;
    margin: 0 auto 24px auto;
  }
}
.not-found .not-found-container a {
  width: 240px;
  height: 46px;
  padding: 8px 16px 8px 16px;
  color: #fff;
  background: #101828;
  border: 1px solid #101828;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 66px auto 0 auto;
}
.not-found .not-found-container a:after {
  content: url("../../svg/contests/arrow-left.svg");
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
@media (max-width: 1199px) {
  .not-found .not-found-container a {
    margin-top: 86px;
  }
}

.designing-page {
  position: relative;
  min-height: 600px;
  overflow: hidden;
  margin-top: 1px;
}
.designing-page img {
  transform: translateY(-12%);
}

.grid-cols-1 {
  grid-column: 1/span 1;
}

.grid-cols-2 {
  grid-column: 1/span 2;
}

.grid-cols-3 {
  grid-column: 1/span 3;
}

.grid-cols-4 {
  grid-column: 1/span 4;
}

.grid-cols-5 {
  grid-column: 1/span 5;
}

.grid-cols-6 {
  grid-column: 1/span 6;
}

.grid-cols-7 {
  grid-column: 1/span 7;
}

.grid-cols-8 {
  grid-column: 1/span 8;
}

.grid-cols-9 {
  grid-column: 1/span 9;
}

.grid-cols-10 {
  grid-column: 1/span 10;
}

.grid-cols-11 {
  grid-column: 1/span 11;
}

.grid-cols-12 {
  grid-column: 1/span 12;
}

.display-inline {
  display: inline-block;
}

.display-block {
  display: block;
}

.row-section-title-academy {
  padding-right: 0;
}
.row-section-title-academy:after {
  content: none;
}
.row-section-title-academy .label-icon {
  width: 32px;
  height: 2px;
  display: block;
  position: relative;
  background: linear-gradient(to right, #49b3f3 15%, #1004a4 60%, #c72d80 90%);
  bottom: 16px;
}
@media only screen and (min-width: 576px) {
  .row-section-title-academy .label-icon {
    bottom: -4px !important;
  }
}

.dashboard-course-card {
  color: inherit !important;
}
.dashboard-course-card:hover {
  color: inherit !important;
}
.dashboard-course-card .course-card {
  overflow: hidden;
  margin-left: -12px;
  margin-right: -4px;
  margin-top: -18px;
  display: grid;
  background-color: white;
  grid-template-rows: repeat(auto-fill, minmax(24px, 80px));
  grid-template-columns: 2fr 1fr 1fr 1fr;
  cursor: pointer;
}
@media (min-width: 744px) and (max-width: 1127px) {
  .dashboard-course-card .course-card {
    grid-template-rows: repeat(auto-fill, minmax(24px, 150px));
  }
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .dashboard-course-card .course-card {
    margin-bottom: 16px;
    grid-template-rows: min-content;
    grid-template-columns: max-content auto max-content;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
    border-radius: 8px;
  }
  .dashboard-course-card .course-card:hover {
    box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  }
  .dashboard-course-card .course-card:hover .progress_bar .progress_bar_section {
    transform: translateY(0) !important;
  }
  .dashboard-course-card .course-card:hover .progress_bar .show_more {
    opacity: 1 !important;
  }
}
.dashboard-course-card .course-card .title {
  grid-row: 1/span 1;
  grid-column: 1/span 2;
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .dashboard-course-card .course-card .title {
    grid-row: 2/span 1;
    grid-column: 2/span 1;
    border-left: 1px solid #EAECF0;
    font-size: 18px !important;
    line-height: 34px !important;
  }
}
.dashboard-course-card .course-card .event-image {
  grid-row: 1/span 1;
  grid-column: 3/span 2;
  gap: 10px;
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .dashboard-course-card .course-card .event-image {
    grid-row: 1/span 3;
    grid-column: 1/span 1;
    margin-left: 32px !important;
  }
}
.dashboard-course-card .course-card .event-image img {
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .dashboard-course-card .course-card .event-image img {
    width: 178px !important;
    height: 120px !important;
  }
}
@media (min-width: 744px) and (max-width: 1127px) {
  .dashboard-course-card .course-card .event-image img {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
}
.dashboard-course-card .course-card .progress_bar {
  grid-row: 2/span 1;
  grid-column: 1/span 4;
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .dashboard-course-card .course-card .progress_bar {
    grid-row: 1/span 4;
    grid-column: 3/span 1;
    padding-right: 32px;
    flex-direction: column !important;
  }
  .dashboard-course-card .course-card .progress_bar .progress_bar_section {
    position: relative;
    transform: translateY(15px) !important;
  }
  .dashboard-course-card .course-card .progress_bar .progress_bar_section #desktop_progressbar {
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transform: scaleX(-1);
  }
  .dashboard-course-card .course-card .progress_bar .progress_bar_section #desktop_progressbar path {
    will-change: auto;
    stroke-width: 13px;
    stroke-miterlimit: round;
    transition: stroke-dashoffset 850ms ease-in-out;
  }
  .dashboard-course-card .course-card .progress_bar .show_more {
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    gap: 0 2px;
  }
  .dashboard-course-card .course-card .progress_bar .show_more p {
    font-weight: 600;
    line-height: 28px;
    padding: 0;
    margin: 0 !important;
  }
  .dashboard-course-card .course-card .progress_bar .show_more svg {
    margin-right: 4px;
  }
}
.dashboard-course-card .course-card .progress_bar .progress_bar_section span {
  margin-left: 4px !important;
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .dashboard-course-card .course-card .progress_bar .progress_bar_section span {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 28px !important;
  }
}
.dashboard-course-card .course-card .progress_bar #mobile_progressbar {
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
  height: 4px;
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .dashboard-course-card .course-card .progress_bar #mobile_progressbar {
    display: none !important;
  }
}
.dashboard-course-card .course-card .progress_bar #mobile_progressbar::-webkit-progress-bar {
  background-color: #f2f4f7;
  border-radius: 2px;
}
.dashboard-course-card .course-card .progress_bar #mobile_progressbar::-webkit-progress-value {
  background-color: #079455;
}
.dashboard-course-card .course-card .progress_bar #mobile_progressbar::-moz-progress-bar {
  border-radius: 2px;
  background-color: #f2f4f7;
}
.dashboard-course-card .course-card .learn-event {
  grid-row: 3/span 1;
  grid-column: 1/span 1;
  font-size: 12px !important;
  line-height: 24px !important;
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .dashboard-course-card .course-card .learn-event {
    grid-row: 1/span 1;
    grid-column: 2/span 1;
    border-left: 1px solid #EAECF0;
    font-size: 14px !important;
    line-height: 28px !important;
  }
  .dashboard-course-card .course-card .learn-event span {
    font-weight: 700 !important;
  }
}
.dashboard-course-card .course-card .course-detail {
  white-space: nowrap;
  grid-row: 3/span 1;
  grid-column: 2/span 3;
  justify-self: end;
  font-size: 12px !important;
  line-height: 24px !important;
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .dashboard-course-card .course-card .course-detail {
    grid-row: 3/span 1;
    grid-column: 2/span 1;
    justify-self: start;
    justify-content: start !important;
    border-left: 1px solid #EAECF0;
    width: 100%;
    font-size: 14px !important;
    line-height: 28px !important;
  }
}

@media (min-width: 1024px) {
  .dashboard-tickets-container {
    margin: 0 -100px;
  }
}
@media (min-width: 1280px) {
  .dashboard-tickets-container {
    margin: 0 -82px;
  }
}
.dashboard-tickets-container .dashboard-tickets-header {
  margin-right: -4px;
  margin-left: -12px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 24px;
  padding-bottom: 16px;
}
@media (min-width: 768px) {
  .dashboard-tickets-container .dashboard-tickets-header {
    padding: 48px 0 24px 0;
  }
}
.dashboard-tickets-container .dashboard-tickets-header .dashboard-tickets-header-title-content {
  display: flex;
  align-items: center;
  justify-content: start;
}
.dashboard-tickets-container .dashboard-tickets-header .dashboard-tickets-header-title-content .dashboard-tickets-header-back-btn {
  display: inline-block;
  padding: 7px;
  border: 1px solid #f2f4f7;
  border-radius: 8px;
  margin-left: 10px;
}
@media (min-width: 768px) {
  .dashboard-tickets-container .dashboard-tickets-header .dashboard-tickets-header-title-content .dashboard-tickets-header-back-btn {
    margin-left: 16px;
    padding: 9.5px 11px;
  }
  .dashboard-tickets-container .dashboard-tickets-header .dashboard-tickets-header-title-content .dashboard-tickets-header-back-btn svg {
    scale: 1.25;
  }
}
.dashboard-tickets-container .dashboard-tickets-header .dashboard-tickets-header-title-content .dashboard-tickets-header-title {
  font-family: DanaFaNum !important;
  color: #0c111d;
  font-weight: 700;
  font-size: 16px !important;
  line-height: 32px !important;
  margin-bottom: 0;
  margin-left: 4px;
}
@media (min-width: 768px) {
  .dashboard-tickets-container .dashboard-tickets-header .dashboard-tickets-header-title-content .dashboard-tickets-header-title {
    font-family: DanaFaNum !important;
    font-size: 20px !important;
    line-height: 38px !important;
    margin-left: 8px;
  }
}
.dashboard-tickets-container .dashboard-tickets-header .dashboard-tickets-header-title-content .dashboard-tickets-number {
  font-family: DanaFaNum !important;
  font-weight: 700;
  font-size: 14px;
  line-height: 28px;
  color: #98a2b3;
}
@media (min-width: 768px) {
  .dashboard-tickets-container .dashboard-tickets-header .dashboard-tickets-header-title-content .dashboard-tickets-number {
    font-size: 16px;
    line-height: 32px;
  }
}
.dashboard-tickets-container .dashboard-tickets-header .dashboard-tickets-header-create-ticket {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  padding: 16px;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.0509803922);
}
.dashboard-tickets-container .dashboard-tickets-header .dashboard-tickets-header-create-ticket a {
  font-family: DanaFaNum !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  color: white;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  background-color: #1203a3;
  padding: 6px 0;
  border-radius: 8px;
}
@media (min-width: 576px) {
  .dashboard-tickets-container .dashboard-tickets-header .dashboard-tickets-header-create-ticket a {
    padding: 6px 20px;
  }
}
@media (min-width: 1024px) {
  .dashboard-tickets-container .dashboard-tickets-header .dashboard-tickets-header-create-ticket a {
    padding: 6px 58px;
  }
}
@media (min-width: 576px) {
  .dashboard-tickets-container .dashboard-tickets-header .dashboard-tickets-header-create-ticket {
    position: relative;
    padding: 0;
    box-shadow: none;
  }
}
.dashboard-tickets-container .dashboard-ticket-view-more {
  font-family: DanaFaNum !important;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  color: #1203A3;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 5px 0;
  border: 1px solid #3A27F3;
  background: white;
  border-radius: 8px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
}
@media (min-width: 768px) {
  .dashboard-tickets-container .dashboard-ticket-view-more {
    width: 300px;
    margin: 0 auto;
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
  }
}
.dashboard-tickets-container .dashboard-tickets-content {
  margin-right: -4px;
  margin-left: -12px;
  padding: 20px 16px;
  margin-bottom: 88px;
  background-color: white;
}
@media (min-width: 768px) {
  .dashboard-tickets-container .dashboard-tickets-content {
    border-radius: 12px;
    margin-bottom: 48px;
  }
}
@media (min-width: 1024px) {
  .dashboard-tickets-container .dashboard-tickets-content {
    padding: 40px;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0588235294), 0px 1px 3px 0px rgba(16, 24, 40, 0.1019607843);
  }
}
.dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets-filter {
  font-family: DanaFaNum !important;
  display: flex;
  align-items: start;
  gap: 8px;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets-filter {
    gap: 6px;
  }
}
.dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets-filter .dashboard-tickets-filter-title {
  font-family: DanaFaNum !important;
  margin-bottom: 0;
  display: inline;
  font-weight: 700;
  color: #101828;
  font-size: 14px !important;
  line-height: 28px !important;
  flex: 1 1 0%;
  max-width: 87px;
}
@media (min-width: 768px) {
  .dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets-filter .dashboard-tickets-filter-title {
    max-width: 112px;
    font-size: 18px !important;
    line-height: 34px !important;
  }
}
.dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets-filter .dashboard-tickets-filter-description {
  font-family: DanaFaNum !important;
  margin-bottom: 0;
  padding-top: 4px;
  color: #98a2b3;
  font-size: 12px;
  line-height: 24px;
  flex: 1 1 0%;
}
@media (min-width: 768px) {
  .dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets-filter .dashboard-tickets-filter-description {
    font-size: 16px;
    line-height: 32px;
    padding-top: 0;
  }
}
.dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets-filter-items {
  font-family: DanaFaNum !important;
  margin-left: -16px;
  padding-left: 16px;
  overflow-x: scroll;
  display: flex;
  align-items: center;
  gap: 16px;
  text-wrap: nowrap;
  scrollbar-width: none;
  margin-bottom: 40px;
}
@media (min-width: 1024px) {
  .dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets-filter-items {
    margin-left: -40px;
    padding-left: 40px;
    margin-bottom: 48px;
  }
}
.dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets-filter-items .dashboard-tickets-filter-item {
  font-weight: 400;
  color: #667085;
  font-size: 14px;
  line-height: 28px;
  border: 1px solid #ccf1ff;
  border-radius: 999px;
  padding: 1px 15px;
  transition: 0.3s linear;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets-filter-items .dashboard-tickets-filter-item {
    font-size: 16px;
    line-height: 32px;
    padding: 3px 19px;
  }
}
.dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets-filter-items .dashboard-tickets-filter-item.active {
  background-color: #0092cc;
  border-color: #0092cc;
  color: white;
  font-weight: 600;
}
.dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (min-width: 1024px) {
  .dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets {
    gap: 40px;
  }
}
.dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets .dashboard-ticket {
  display: flex;
  flex-direction: column;
  border: 1px solid #eaeef0;
  border-radius: 16px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets .dashboard-ticket {
    flex-direction: row;
    justify-content: space-between;
  }
}
.dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets .dashboard-ticket .dashboard-ticket-content {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media (min-width: 1024px) {
  .dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets .dashboard-ticket .dashboard-ticket-content {
    padding: 23.5px;
  }
}
@media (min-width: 1288px) {
  .dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets .dashboard-ticket .dashboard-ticket-content {
    flex: 1 1 0%;
  }
}
.dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets .dashboard-ticket .dashboard-ticket-content .dashboard-ticket-title {
  font-family: DanaFaNum !important;
  font-weight: 600;
  color: #101828;
  font-size: 14px !important;
  line-height: 28px !important;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets .dashboard-ticket .dashboard-ticket-content .dashboard-ticket-title {
    font-size: 16px !important;
    line-height: 32px !important;
  }
}
.dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets .dashboard-ticket .dashboard-ticket-content .dashboard-ticket-content-border {
  height: 1px;
  border-radius: 8px;
  background-color: #eaecf0;
}
.dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets .dashboard-ticket .dashboard-ticket-content .dashboard-ticket-id {
  font-family: DanaFaNum !important;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 12px;
  line-height: 24px;
}
@media (min-width: 1024px) {
  .dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets .dashboard-ticket .dashboard-ticket-content .dashboard-ticket-id {
    font-size: 14px;
    line-height: 28px;
  }
}
@media (min-width: 1288px) {
  .dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets .dashboard-ticket .dashboard-ticket-content .dashboard-ticket-id {
    flex-direction: row-reverse;
    gap: 12px;
    border: 1px solid #dad6ff;
    background: #fafaff;
    border-radius: 999px;
    padding: 3px 3px 3px 9px;
  }
}
.dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets .dashboard-ticket .dashboard-ticket-content .dashboard-ticket-id .dashboard-ticket-id-number {
  color: #1203a3;
  display: flex;
  align-items: center;
  gap: 4px;
}
.dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets .dashboard-ticket .dashboard-ticket-content .dashboard-ticket-id .dashboard-ticket-type {
  color: #3a27f3;
  background-color: white;
  border-radius: 999px;
  border: 1px solid #dad6ff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  padding: 1px 7px;
}
.dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets .dashboard-ticket .dashboard-ticket-content .dashboard-ticket-date-container {
  font-family: DanaFaNum !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 12px;
  line-height: 24px;
  padding: 2px 0;
}
@media (min-width: 1024px) {
  .dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets .dashboard-ticket .dashboard-ticket-content .dashboard-ticket-date-container {
    font-size: 14px;
    line-height: 28px;
  }
}
@media (min-width: 1288px) {
  .dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets .dashboard-ticket .dashboard-ticket-content .dashboard-ticket-date-container {
    flex-direction: row;
    gap: 4px;
    padding: 6px 0;
  }
}
.dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets .dashboard-ticket .dashboard-ticket-content .dashboard-ticket-date-container .dashboard-ticket-date-title {
  color: #98a2b3;
  font-weight: 500;
}
@media (min-width: 768px) {
  .dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets .dashboard-ticket .dashboard-ticket-content .dashboard-ticket-date-container .dashboard-ticket-date-title {
    font-weight: 400;
  }
}
.dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets .dashboard-ticket .dashboard-ticket-content .dashboard-ticket-date-container .dashboard-ticket-date {
  color: #101828;
  font-weight: 700;
}
.dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets .dashboard-ticket .dashboard-ticket-status {
  font-family: DanaFaNum !important;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  text-wrap: nowrap;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
}
@media (min-width: 1024px) {
  .dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets .dashboard-ticket .dashboard-ticket-status {
    flex-direction: column;
    justify-content: center;
    gap: 16px;
    padding: 32.5px 23.5px;
  }
}
.dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets .dashboard-ticket .dashboard-ticket-status .dashboard-ticket-status-title-done,
.dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets .dashboard-ticket .dashboard-ticket-status .dashboard-ticket-status-title-inProgress {
  display: none;
}
.dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets .dashboard-ticket .dashboard-ticket-status .dashboard-ticket-status-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: white;
  color: #1203a3;
  border: 1px solid #3a27f3;
  border-radius: 8px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  padding: 5px 24px;
}
@media (min-width: 1024px) {
  .dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets .dashboard-ticket .dashboard-ticket-status .dashboard-ticket-status-btn {
    padding: 5px 35px;
  }
}
.dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets .dashboard-ticket.done .dashboard-ticket-status {
  background-color: #f6fef9;
}
.dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets .dashboard-ticket.done .dashboard-ticket-status .dashboard-ticket-status-title-done {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #17b26a;
}
.dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets .dashboard-ticket.inProgress .dashboard-ticket-status {
  background-color: #fcfcfd;
}
.dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets .dashboard-ticket.inProgress .dashboard-ticket-status .dashboard-ticket-status-title-inProgress {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #667085;
}
.dashboard-tickets-container .dashboard-tickets-content .dashboard-ticket-show-more-btn {
  font-family: DanaFaNum !important;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  background: white;
  padding: 5px 0;
  color: #1203a3;
  border: 1px solid #3a27f3;
  border-radius: 8px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .dashboard-tickets-container .dashboard-tickets-content .dashboard-ticket-show-more-btn {
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    max-width: 332px;
    padding: 7px 0;
    gap: 8px;
  }
}
.dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
}
@media (min-width: 1024px) {
  .dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets-empty {
    margin-top: 80px;
  }
}
.dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets-empty .dashboard-tickets-empty-title {
  font-family: DanaFaNum !important;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  color: #475467;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets-empty .dashboard-tickets-empty-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 38px;
    margin-bottom: 16px;
  }
}
.dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets-empty .dashboard-tickets-empty-title span {
  font-weight: 600;
  color: #0C111D;
  margin: 0 8px;
}
@media (min-width: 768px) {
  .dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets-empty .dashboard-tickets-empty-title span {
    font-weight: 700;
    margin: 0 16px;
  }
}
.dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets-empty .dashboard-tickets-empty-mobile-image {
  display: grid;
  place-items: center;
}
@media (min-width: 576px) {
  .dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets-empty .dashboard-tickets-empty-mobile-image {
    display: none;
  }
}
.dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets-empty .dashboard-tickets-empty-desktop-image {
  display: none;
  place-items: center;
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  .dashboard-tickets-container .dashboard-tickets-content .dashboard-tickets-empty .dashboard-tickets-empty-desktop-image {
    display: grid;
  }
}

@media (min-width: 1024px) {
  .dashboard-create-ticket-container {
    margin: 0 -100px;
  }
}
@media (min-width: 1280px) {
  .dashboard-create-ticket-container {
    margin: 0 -82px;
  }
}
.dashboard-create-ticket-container .dashboard-tickets-header {
  margin-right: -4px;
  margin-left: -12px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 24px;
  padding-bottom: 16px;
}
@media (min-width: 768px) {
  .dashboard-create-ticket-container .dashboard-tickets-header {
    padding: 48px 0 24px 0;
  }
}
.dashboard-create-ticket-container .dashboard-tickets-header .dashboard-tickets-header-title-container {
  display: flex;
  align-items: center;
  justify-content: start;
}
.dashboard-create-ticket-container .dashboard-tickets-header .dashboard-tickets-header-title-container .dashboard-tickets-header-back-btn {
  display: inline-block;
  padding: 7px;
  border: 1px solid #f2f4f7;
  background-color: white;
  border-radius: 8px;
  margin-left: 10px;
}
@media (min-width: 768px) {
  .dashboard-create-ticket-container .dashboard-tickets-header .dashboard-tickets-header-title-container .dashboard-tickets-header-back-btn {
    margin-left: 16px;
    padding: 9.5px 11px;
  }
  .dashboard-create-ticket-container .dashboard-tickets-header .dashboard-tickets-header-title-container .dashboard-tickets-header-back-btn svg {
    scale: 1.25;
  }
}
.dashboard-create-ticket-container .dashboard-tickets-header .dashboard-tickets-header-title-container .dashboard-tickets-header-title {
  font-family: PeydaWeb;
  color: #0c111d;
  font-weight: 700;
  font-size: 18px !important;
  line-height: 34px !important;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .dashboard-create-ticket-container .dashboard-tickets-header .dashboard-tickets-header-title-container .dashboard-tickets-header-title {
    font-family: DanaFaNum !important;
    font-size: 24px !important;
    line-height: 42px !important;
  }
}
.dashboard-create-ticket-container .file-download-container {
  background-color: #fcfcfd;
  padding: 15px;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container .file-download-container {
    flex-direction: row;
    gap: 16px;
  }
}
.dashboard-create-ticket-container .file-download-container .file-download-info {
  flex: 1 1 0%;
  display: flex;
  align-items: start;
  justify-content: start;
  gap: 12px;
}
.dashboard-create-ticket-container .file-download-container .file-download-info img {
  width: 40px;
  height: 40px;
}
.dashboard-create-ticket-container .file-download-container .file-download-info .file-info-title {
  font-family: poppins;
  font-weight: 500;
  font-size: 14px;
  color: #344054;
}
.dashboard-create-ticket-container .file-download-container .file-download-info .file-info-size {
  font-family: PeydaWeb;
  font-size: 12px;
  line-height: 24px;
  color: #475467;
  padding-bottom: 4px;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container .file-download-container .file-download-info .file-info-size {
    line-height: 28px;
    padding-bottom: 0;
  }
}
.dashboard-create-ticket-container .file-download-container .file-download-btn {
  font-family: PeydaWeb;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  color: #1203a3;
  background-color: transparent;
  border: none;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 8.5px;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container .file-download-container .file-download-btn {
    margin-top: auto;
    gap: 8px;
    font-size: 16px;
    line-height: 32px;
  }
}
.dashboard-create-ticket-container .dashboard-tickets-content {
  margin-right: -4px;
  margin-left: -12px;
  padding: 20px 16px;
  background-color: white;
}
@media (min-width: 768px) {
  .dashboard-create-ticket-container .dashboard-tickets-content {
    border-radius: 12px;
    margin-bottom: 48px;
  }
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container .dashboard-tickets-content {
    padding: 40px 40px 48px 40px;
  }
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-filter-container {
  padding: 20px;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  margin-bottom: 40px;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-filter-container {
    padding: 24px;
    margin-bottom: 48px;
  }
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-filter-container .dashboard-tickets-filter {
  font-family: PeydaWeb;
  margin-bottom: 12px;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-filter-container .dashboard-tickets-filter {
    margin-bottom: 16px;
  }
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-filter-container .dashboard-tickets-filter .dashboard-tickets-filter-title {
  margin-bottom: 0;
  font-weight: 700;
  color: #101828;
  font-size: 16px;
  line-height: 32px;
  flex: 1 1 0%;
}
@media (min-width: 768px) {
  .dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-filter-container .dashboard-tickets-filter .dashboard-tickets-filter-title {
    font-size: 18px;
    line-height: 34px;
  }
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-filter-container .dashboard-tickets-filter-items {
  font-family: PeydaWeb;
  margin-left: -16px;
  padding-left: 16px;
  margin-bottom: 16px;
  overflow-x: scroll;
  display: flex;
  align-items: center;
  gap: 12px;
  text-wrap: nowrap;
  scrollbar-width: none;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-filter-container .dashboard-tickets-filter-items {
    margin-left: -40px;
    padding-left: 40px;
    margin-bottom: 24px;
    gap: 16px;
  }
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-filter-container .dashboard-tickets-filter-items .dashboard-tickets-filter-item {
  font-weight: 500;
  color: #667085;
  font-size: 14px;
  line-height: 28px;
  border: 1px solid #eaecf0;
  border-radius: 999px;
  padding: 5px 19px;
  transition: 0.3s linear;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-filter-container .dashboard-tickets-filter-items .dashboard-tickets-filter-item {
    font-size: 16px;
    line-height: 32px;
    padding: 7px 23px;
  }
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-filter-container .dashboard-tickets-filter-items .dashboard-tickets-filter-item.active {
  background-color: #d90e80;
  border-color: #d90e80;
  color: white;
  font-weight: 600;
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-filter-container .dashboard-tickets-filter-border-center {
  height: 1px;
  background-color: #eaecf0;
  border-radius: 8px;
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-filter-container .dashboard-tickets-filter-contents {
  margin-top: 16px;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-filter-container .dashboard-tickets-filter-contents {
    margin-top: 24px;
  }
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-filter-container .dashboard-tickets-filter-contents .dashboard-tickets-filter-content {
  margin-bottom: 0;
  display: none;
  font-family: PeydaWeb;
  color: #667085;
  font-size: 14px;
  line-height: 28px;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-filter-container .dashboard-tickets-filter-contents .dashboard-tickets-filter-content {
    font-size: 16px;
    line-height: 32px;
  }
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-filter-container .dashboard-tickets-filter-contents .dashboard-tickets-filter-content.active {
  display: block;
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form {
  display: flex;
  flex-direction: column;
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .ticket-field {
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .ticket-field {
    margin-bottom: 32px;
  }
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-label {
  font-family: PeydaWeb;
  font-size: 14px;
  line-height: 28px;
  font-weight: 500;
  color: #475467;
  margin-bottom: 2px;
  display: inline-block;
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-input {
  font-family: PeydaWeb;
  width: 100%;
  outline: none;
  padding: 3px 13px;
  border: 1px solid #d0d5dd;
  color: #101828;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  font-size: 16px;
  line-height: 32px;
  border-radius: 8px;
  margin-bottom: 2px;
  outline: 3px solid white;
  transition: all 0.3s linear;
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-input:focus {
  outline-color: #f1f2f4;
  border-color: #101828;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-input {
    padding: 7px 13px;
  }
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-input::-moz-placeholder {
  color: #d0d5dd;
  font-weight: 400;
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-input::placeholder {
  color: #d0d5dd;
  font-weight: 400;
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-description {
  color: #667085;
  font-size: 14px;
  line-height: 28px;
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .collaboration-field-wrapper {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .collaboration-field-wrapper {
    flex-direction: row;
    gap: 32px;
  }
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .collaboration-field-wrapper .collaboration-field {
  width: 100%;
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .collaboration-field-wrapper .collaboration-field {
    margin-bottom: 32px;
  }
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .collaboration-field-wrapper .collaboration-field .collaboration-label {
  font-family: PeydaWeb;
  font-size: 14px;
  line-height: 28px;
  font-weight: 500;
  color: #475467;
  margin-bottom: 2px;
  display: inline-block;
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .collaboration-field-wrapper .collaboration-field .select-box {
  font-family: PeydaWeb;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  font-family: PeydaWeb;
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .collaboration-field-wrapper .collaboration-field .select-box .option-selected {
  font-family: PeydaWeb;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 2px;
  padding: 3px 13px;
  border: 1px solid #d0d5dd;
  color: #101828;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  font-size: 16px;
  line-height: 32px;
  border-radius: 8px;
  outline: 3px solid white;
  transition: all 0.3s linear;
  width: 100%;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .collaboration-field-wrapper .collaboration-field .select-box .option-selected {
    padding: 7px 13px;
  }
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .collaboration-field-wrapper .collaboration-field .select-box .option-selected .select-input {
  padding: 0;
  font-family: PeydaWeb;
  width: 100%;
  outline: none;
  border: none;
  color: #101828;
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .collaboration-field-wrapper .collaboration-field .select-box .option-selected .select-input::-moz-placeholder {
  color: #d0d5dd;
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .collaboration-field-wrapper .collaboration-field .select-box .option-selected .select-input::placeholder {
  color: #d0d5dd;
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .collaboration-field-wrapper .collaboration-field .select-box .option-selected.active {
  outline-color: #f1f2f4;
  border-color: #101828;
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .collaboration-field-wrapper .collaboration-field .select-box .options-container {
  font-family: PeydaWeb;
  font-size: 14px;
  line-height: 28px;
  max-height: 0;
  width: 100%;
  opacity: 0;
  transition: all 0.3s linear;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #eaecf0;
  background-color: white;
  color: #101828;
  position: absolute;
  top: 110%;
  z-index: 2;
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .collaboration-field-wrapper .collaboration-field .select-box .options-container {
    font-size: 16px;
    line-height: 32px;
  }
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .collaboration-field-wrapper .collaboration-field .select-box .options-container .option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  margin: 6px;
  padding: 6px 14px;
  border-radius: 8px;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .collaboration-field-wrapper .collaboration-field .select-box .options-container .option {
    padding: 7px 14px;
  }
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .collaboration-field-wrapper .collaboration-field .select-box .options-container .option label {
  cursor: pointer;
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .collaboration-field-wrapper .collaboration-field .select-box .options-container .option .radio {
  margin-right: 10px;
  display: none;
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .collaboration-field-wrapper .collaboration-field .select-box .options-container .option .icon {
  display: none;
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .collaboration-field-wrapper .collaboration-field .select-box .options-container .option .icon.hidden {
  display: none;
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .collaboration-field-wrapper .collaboration-field .select-box .options-container .option:hover {
  background: #f2f4f7;
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .collaboration-field-wrapper .collaboration-field .select-box .options-container .option.selected .icon {
  display: block;
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .collaboration-field-wrapper .collaboration-field .select-box .options-container .option.selected {
  background: #f2f4f7;
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .collaboration-field-wrapper .collaboration-field .select-box .options-container.active {
  max-height: 240px;
  opacity: 1;
  overflow-y: auto;
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .collaboration-field-wrapper .collaboration-field .select-box .options-container::-webkit-scrollbar {
  width: 8px;
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .collaboration-field-wrapper .collaboration-field .select-box .options-container::-webkit-scrollbar-track {
  background: white;
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .collaboration-field-wrapper .collaboration-field .select-box .options-container::-webkit-scrollbar-thumb {
  background: #efefef;
  border-radius: 5px;
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .collaboration-field-wrapper .collaboration-field .select-box .ticket-description {
  color: #667085;
  font-size: 14px;
  line-height: 28px;
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .description-field {
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .description-field {
    grid-column: span 2/span 2;
  }
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .description-field .description-label {
  font-family: PeydaWeb;
  font-size: 14px;
  line-height: 28px;
  font-weight: 500;
  color: #475467;
  margin-bottom: 4px;
  display: inline-block;
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .description-field .description-textarea {
  font-family: PeydaWeb;
  width: 100%;
  resize: none;
  outline: none;
  padding: 7px 11px;
  border: 1px solid #d0d5dd;
  outline: 3px solid white;
  color: #101828;
  font-size: 16px;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: all 0.3s linear;
  min-height: 172px;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .description-field .description-textarea {
    min-height: 140px;
  }
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .description-field .description-textarea::-moz-placeholder {
  color: #d0d5dd;
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .description-field .description-textarea::placeholder {
  color: #d0d5dd;
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .description-field .description-textarea:focus {
  outline-color: #f1f2f4;
  border-color: #101828;
}
.dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .dashboard-tickets-form-button {
  font-family: PeydaWeb;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  background-color: #1203a3;
  color: white;
  padding: 6px 0;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border: none;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container .dashboard-tickets-content .dashboard-tickets-form .dashboard-tickets-form-button {
    grid-column-start: 2;
    width: -moz-fit-content;
    width: fit-content;
    padding: 6px 57px;
    font-size: 16px;
    line-height: 32px;
    margin-right: auto;
  }
}
.dashboard-create-ticket-container #dashboard-create-ticket-modal-background {
  visibility: hidden;
  opacity: 0;
  z-index: 15;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(29, 46, 57, 0.32);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  transition: all 0.3s linear;
}
.dashboard-create-ticket-container #dashboard-create-ticket-modal-background.visible {
  visibility: visible;
  opacity: 1;
}
.dashboard-create-ticket-container #dashboard-create-ticket-modal {
  visibility: hidden;
  opacity: 0;
  z-index: 17;
  font-family: PeydaWeb;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0 16px;
  width: 100%;
  max-width: 328px;
  transition: all 0.3s linear;
}
@media (min-width: 576px) {
  .dashboard-create-ticket-container #dashboard-create-ticket-modal {
    max-width: 400px;
    padding: 0;
  }
}
.dashboard-create-ticket-container #dashboard-create-ticket-modal .dashboard-create-ticket-modal-content {
  overflow: hidden;
  background-color: white;
  padding: 24px;
  border-radius: 8px;
}
.dashboard-create-ticket-container #dashboard-create-ticket-modal .dashboard-create-ticket-modal-content .dashboard-create-ticket-modal-background {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
.dashboard-create-ticket-container #dashboard-create-ticket-modal .dashboard-create-ticket-modal-content .dashboard-create-ticket-modal-background img {
  position: absolute;
  left: 0;
  right: 0;
  top: -12px;
  z-index: 16;
}
@media (min-width: 576px) {
  .dashboard-create-ticket-container #dashboard-create-ticket-modal .dashboard-create-ticket-modal-content .dashboard-create-ticket-modal-background img {
    top: -26px;
  }
}
.dashboard-create-ticket-container #dashboard-create-ticket-modal .dashboard-create-ticket-modal-content .dashboard-create-ticket-modal-background .dashboard-create-ticket-modal-icon {
  padding: 12px;
  border-radius: 999px;
  background-color: #fef0c7;
  display: grid;
  place-items: center;
}
@media (min-width: 576px) {
  .dashboard-create-ticket-container #dashboard-create-ticket-modal .dashboard-create-ticket-modal-content .dashboard-create-ticket-modal-background .dashboard-create-ticket-modal-icon {
    background-color: #fffaeb;
  }
}
.dashboard-create-ticket-container #dashboard-create-ticket-modal .dashboard-create-ticket-modal-content .dashboard-create-ticket-modal-title {
  text-align: center;
  font-weight: 700;
  color: #101828;
  font-size: 18px;
  line-height: 34px;
  margin-bottom: 4px;
}
@media (min-width: 576px) {
  .dashboard-create-ticket-container #dashboard-create-ticket-modal .dashboard-create-ticket-modal-content .dashboard-create-ticket-modal-title {
    font-size: 20px;
    line-height: 38px;
  }
}
.dashboard-create-ticket-container #dashboard-create-ticket-modal .dashboard-create-ticket-modal-content .dashboard-create-ticket-modal-description {
  text-align: center;
  color: #475467;
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 32px;
}
.dashboard-create-ticket-container #dashboard-create-ticket-modal .dashboard-create-ticket-modal-content .dashboard-create-ticket-modal-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  font-size: 14px;
  line-height: 28px;
  font-weight: 600;
}
.dashboard-create-ticket-container #dashboard-create-ticket-modal .dashboard-create-ticket-modal-content .dashboard-create-ticket-modal-actions .cancel-button {
  color: #667085;
  background-color: transparent;
  border: none;
  padding: 6px 0;
  flex: 1 1 0%;
  max-width: 104px;
}
@media (min-width: 576px) {
  .dashboard-create-ticket-container #dashboard-create-ticket-modal .dashboard-create-ticket-modal-content .dashboard-create-ticket-modal-actions .cancel-button {
    max-width: 136px;
  }
}
.dashboard-create-ticket-container #dashboard-create-ticket-modal .dashboard-create-ticket-modal-content .dashboard-create-ticket-modal-actions .confirm-button {
  color: white;
  background-color: #1203a3;
  border: none;
  padding: 6px 0;
  flex: 1 1 0%;
  border-radius: 8px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
}
.dashboard-create-ticket-container #dashboard-create-ticket-modal.visible {
  visibility: visible;
  opacity: 1;
}

@media (min-width: 1024px) {
  .dashboard-create-ticket-container-new {
    margin: 0 -100px;
  }
}
@media (min-width: 1280px) {
  .dashboard-create-ticket-container-new {
    margin: 0 -82px;
  }
}
.dashboard-create-ticket-container-new .progress-overlay {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  display: grid;
  place-items: center;
  z-index: 35;
}
.dashboard-create-ticket-container-new .progress-overlay .progress-box {
  width: 300px;
  background-color: #ffffff;
  border-radius: 8px;
  padding: 16px 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.dashboard-create-ticket-container-new .progress-overlay .progress-box .progress-message {
  font-family: DanaFaNum;
  font-size: 14px;
  line-height: 28px;
  font-weight: 500;
  color: #6b7280;
}
.dashboard-create-ticket-container-new .progress-overlay .progress-box .progress-bar-bg {
  width: 100%;
  height: 8px;
  background-color: #e5e7eb;
  border-radius: 999px;
  overflow: hidden;
}
.dashboard-create-ticket-container-new .progress-overlay .progress-box .progress-bar-bg .progress-bar-fill {
  height: 100%;
  background-color: #3a27f3;
  transition: all 0.3s linear;
}
.dashboard-create-ticket-container-new .progress-overlay .progress-box .progress-percent {
  font-family: DanaFaNum;
  text-align: center;
  font-size: 14px;
  line-height: 28px;
  font-weight: 700;
  color: #3a27f3;
}
.dashboard-create-ticket-container-new .dashboard-tickets-header {
  margin-right: -4px;
  margin-left: -12px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 24px;
  padding-bottom: 16px;
}
@media (min-width: 768px) {
  .dashboard-create-ticket-container-new .dashboard-tickets-header {
    padding: 48px 0 24px 0;
  }
}
.dashboard-create-ticket-container-new .dashboard-tickets-header .dashboard-tickets-header-title-container {
  display: flex;
  align-items: center;
  justify-content: start;
}
.dashboard-create-ticket-container-new .dashboard-tickets-header .dashboard-tickets-header-title-container .dashboard-tickets-header-back-btn {
  display: inline-block;
  padding: 7px;
  border: 1px solid #EAECF0;
  background-color: white;
  border-radius: 8px;
  margin-left: 8px;
}
@media (min-width: 768px) {
  .dashboard-create-ticket-container-new .dashboard-tickets-header .dashboard-tickets-header-title-container .dashboard-tickets-header-back-btn {
    margin-left: 16px;
    padding: 9.5px 11px;
  }
  .dashboard-create-ticket-container-new .dashboard-tickets-header .dashboard-tickets-header-title-container .dashboard-tickets-header-back-btn svg {
    scale: 1.25;
  }
}
.dashboard-create-ticket-container-new .dashboard-tickets-header .dashboard-tickets-header-title-container .dashboard-tickets-header-title {
  font-family: DanaFaNum;
  color: #0c111d;
  font-weight: 700;
  font-size: 16px !important;
  line-height: 32px !important;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .dashboard-create-ticket-container-new .dashboard-tickets-header .dashboard-tickets-header-title-container .dashboard-tickets-header-title {
    font-family: DanaFaNum !important;
    font-size: 20px !important;
    line-height: 38px !important;
  }
}
.dashboard-create-ticket-container-new .dashboard-tickets-content {
  background-color: white;
  margin-right: -4px;
  margin-left: -12px;
  padding: 16px;
}
@media (min-width: 768px) {
  .dashboard-create-ticket-container-new .dashboard-tickets-content {
    border: 1px solid #EAECF0;
    padding: 15px;
    border-radius: 16px;
    margin-bottom: 48px;
  }
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container-new .dashboard-tickets-content {
    padding: 39px;
  }
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-filter-container {
  overflow: hidden;
  position: relative;
  padding: 15px;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  margin-bottom: 32px;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-filter-container {
    padding: 19px;
    margin-bottom: 40px;
  }
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-filter-container .dashboard-tickets-filter {
  font-family: DanaFaNum;
  margin-bottom: 12px;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-filter-container .dashboard-tickets-filter {
    margin-bottom: 16px;
  }
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-filter-container .dashboard-tickets-filter .dashboard-tickets-filter-title {
  font-family: DanaFaNum !important;
  margin-bottom: 0;
  font-weight: 700;
  color: #0C111D;
  font-size: 14px !important;
  line-height: 28px !important;
  flex: 1 1 0%;
}
@media (min-width: 768px) {
  .dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-filter-container .dashboard-tickets-filter .dashboard-tickets-filter-title {
    font-size: 18px !important;
    line-height: 34px !important;
  }
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-filter-container .dashboard-tickets-filter-items {
  font-family: DanaFaNum;
  margin-left: -16px;
  margin-right: -16px;
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 16px;
  overflow-x: scroll;
  display: flex;
  align-items: center;
  gap: 12px;
  text-wrap: nowrap;
  scrollbar-width: none;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-filter-container .dashboard-tickets-filter-items {
    margin-left: -40px;
    padding-left: 40px;
    margin-bottom: 24px;
    gap: 16px;
  }
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-filter-container .dashboard-tickets-filter-items .dashboard-tickets-filter-item {
  font-weight: 400;
  color: #667085;
  font-size: 14px;
  line-height: 28px;
  border: 1px solid #eaecf0;
  border-radius: 999px;
  padding: 1px 15px;
  transition: 0.3s linear;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-filter-container .dashboard-tickets-filter-items .dashboard-tickets-filter-item {
    font-size: 16px;
    line-height: 32px;
    padding: 3px 19px;
  }
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-filter-container .dashboard-tickets-filter-items .dashboard-tickets-filter-item.active {
  background-color: #d90e80;
  border-color: #d90e80;
  color: white;
  font-weight: 600;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-filter-container .dashboard-tickets-filter-border-center {
  height: 1px;
  background-color: #eaecf0;
  border-radius: 8px;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-filter-container .dashboard-tickets-filter-contents {
  margin-top: 16px;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-filter-container .dashboard-tickets-filter-contents {
    margin-top: 24px;
  }
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-filter-container .dashboard-tickets-filter-contents .dashboard-tickets-filter-content {
  margin-bottom: 0;
  display: none;
  font-family: DanaFaNum;
  color: #667085;
  font-size: 14px;
  line-height: 28px;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-filter-container .dashboard-tickets-filter-contents .dashboard-tickets-filter-content {
    font-size: 16px;
    line-height: 32px;
    padding-right: 8px;
  }
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-filter-container .dashboard-tickets-filter-contents .dashboard-tickets-filter-content.active {
  display: block;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 24px;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-label {
  position: relative;
  font-family: DanaFaNum;
  font-size: 14px;
  line-height: 28px;
  font-weight: 500;
  color: #475467;
  margin-bottom: 2px;
  display: inline-block;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-label.important::after {
  content: "*";
  color: #EF4444;
  padding-right: 4px;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-input-wrapper {
  font-family: DanaFaNum;
  font-size: 14px;
  line-height: 28px;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 11px;
  border: 1px solid #d0d5dd;
  color: #101828;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border-radius: 8px;
  margin-bottom: 2px;
  outline: 3px solid transparent;
  transition: all 0.3s linear;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-input-wrapper:focus-within {
  outline-color: #f1f2f4;
  border-color: #101828;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-input-wrapper {
    padding: 0 13px;
    font-size: 16px;
    line-height: 32px;
  }
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-input-wrapper .ticket-input {
  padding: 5px 0;
  border: none;
  outline: none;
  box-shadow: none;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-input-wrapper .ticket-input {
    padding: 7px 0;
  }
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-input-wrapper:has(.link-wrapper) {
  padding: 0;
  border: none;
  outline: none;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-input-wrapper:has(.link-wrapper) .ticket-input {
  padding: 5px 11px;
  border: 1px solid #d0d5dd;
  outline: 3px solid transparent;
  border-radius: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  direction: ltr;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-input-wrapper:has(.link-wrapper) .ticket-input::-moz-placeholder {
  text-align: right;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-input-wrapper:has(.link-wrapper) .ticket-input::placeholder {
  text-align: right;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-input-wrapper:has(.link-wrapper) .ticket-input:focus {
  outline-color: #f1f2f4;
  border-color: #101828;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-input-wrapper:has(.link-wrapper) .ticket-input {
    padding: 7px 13px;
    font-size: 16px;
    line-height: 32px;
  }
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-input-wrapper:has(.link-wrapper) .link-wrapper {
  color: #475467;
  padding: 5px 11px;
  border: 1px solid #d0d5dd;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-right: none;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-input-wrapper:has(.link-wrapper) .link-wrapper {
    padding: 7px 11px 7px 13px;
  }
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-input-wrapper.error {
  margin: 0;
  border-color: #FDA29B;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-input-wrapper.error:focus-within {
  outline-color: rgba(240, 68, 56, 0.2392156863);
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-input-wrapper.error:has(.link-wrapper) {
  padding: 0;
  border: none;
  outline: none;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-input-wrapper.error:has(.link-wrapper) .ticket-input {
  border-color: #FDA29B;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-input-wrapper.error:has(.link-wrapper) .ticket-input:focus {
  outline-color: rgba(240, 68, 56, 0.2392156863);
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-input {
  font-family: DanaFaNum;
  width: 100%;
  padding: 5px 11px;
  border: 1px solid #d0d5dd;
  color: #101828;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  font-size: 14px;
  line-height: 28px;
  border-radius: 8px;
  outline: 3px solid transparent;
  transition: all 0.3s linear;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-input:focus {
  outline-color: #f1f2f4;
  border-color: #101828;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-input {
    padding: 7px 13px;
    font-size: 16px;
    line-height: 32px;
  }
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-input::-moz-placeholder {
  color: #d0d5dd;
  font-weight: 400;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .ticket-input::placeholder {
  color: #d0d5dd;
  font-weight: 400;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box {
  font-family: DanaFaNum;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  font-family: DanaFaNum;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .option-selected {
  font-size: 14px;
  line-height: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 2px;
  padding: 5px 11px;
  border: 1px solid #d0d5dd;
  color: #101828;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border-radius: 8px;
  outline: 3px solid transparent;
  transition: all 0.3s linear;
  width: 100%;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .option-selected {
    font-size: 16px;
    line-height: 32px;
    padding: 7px 13px;
  }
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .option-selected span {
  color: #d0d5dd;
  transition: all 0.3s linear;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .option-selected:has(.select-input) {
  padding: 0 11px;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .option-selected:has(.select-input) {
    padding: 0 13px;
  }
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .option-selected:has(.select-input) .select-input {
  font-family: DanaFaNum;
  font-size: 14px;
  line-height: 28px;
  padding: 5px 0;
  width: 100%;
  outline: none;
  border: none;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .option-selected:has(.select-input) .select-input {
    padding: 7px 0;
    font-size: 16px;
    line-height: 32px;
  }
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .option-selected:has(.select-input) .select-input::-moz-placeholder {
  color: #d0d5dd;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .option-selected:has(.select-input) .select-input::placeholder {
  color: #d0d5dd;
  transition: all 0.3s linear;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .option-selected.active {
  outline-color: #f1f2f4;
  border-color: #101828;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .option-selected.active .select-input::-moz-placeholder {
  color: #101828;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .option-selected.active .select-input::placeholder,
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .option-selected.active span {
  color: #101828;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .option-selected.error {
  margin: 0;
  border-color: #FDA29B;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .option-selected.active.error {
  outline-color: rgba(240, 68, 56, 0.2392156863);
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .options-container {
  visibility: hidden;
  font-family: DanaFaNum;
  font-size: 16px;
  line-height: 32px;
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: 4px 5px;
  max-height: 0;
  width: 100%;
  opacity: 0;
  transition: all 0.3s linear;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #eaecf0;
  background-color: white;
  color: #101828;
  position: absolute;
  top: 100%;
  z-index: 2;
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .options-container {
    padding: 3px 5px;
  }
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .options-container .option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 6px 8px;
  border-radius: 8px;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .options-container .option label {
  cursor: pointer;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .options-container .option .radio {
  margin-right: 10px;
  display: none;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .options-container .option .icon {
  display: none;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .options-container .option .icon.hidden {
  display: none;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .options-container .option:hover {
  background: #f2f4f7;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .options-container .option.selected .icon {
  display: block;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .options-container .option.selected {
  background: #f2f4f7;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .options-container .option.new {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  cursor: pointer;
  padding: 6px 8px 5px 8px;
  border-bottom: 1px solid #EAECF0;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .options-container .option.new .new-option-label {
  flex: 1 1 0%;
  color: #3A27F3;
  font-weight: 600;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .options-container .option.new .new-option-label span {
  font-size: 12px;
  list-style: 24px;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .options-container.active {
  visibility: visible;
  max-height: 250px;
  opacity: 1;
  overflow-y: auto;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .options-container::-webkit-scrollbar {
  width: 8px;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .options-container::-webkit-scrollbar-track {
  background: white;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .options-container::-webkit-scrollbar-thumb {
  background: #EAECF0;
  border-radius: 5px;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .select-box .ticket-description {
  color: #667085;
  font-size: 14px;
  line-height: 28px;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .option-selected-items {
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: 470px;
  overflow-x: scroll;
  scrollbar-width: none;
  text-wrap: nowrap;
  padding-left: 44px;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .option-selected-items .option-selected-item {
  margin-top: 4px;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3px;
  padding: 2px 8px 2px 4px;
  border: 1px solid #D0D5DD;
  border-radius: 6px;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .option-selected-items .option-selected-item .option-selected-item-title {
  font-size: 12px;
  line-height: 24px;
  font-weight: 500;
  color: #475467;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .option-selected-items .option-selected-item .option-selected-item-title {
    font-size: 14px;
    line-height: 28px;
  }
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .option-selected-items .option-selected-item .option-selected-item-button {
  padding: 2px 3px;
  cursor: pointer;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .option-selected-items .option-selected-item .option-selected-item-button svg {
  scale: 0.8333;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .option-selected-items .option-selected-item .option-selected-item-button svg {
    scale: 1;
  }
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .option-selected-items-rectangle {
  position: absolute;
  left: -1px;
  top: 0;
  height: 38px;
  background-image: linear-gradient(-90deg, hsla(0, 0%, 100%, 0), #fff);
  width: 64px;
  pointer-events: none;
  z-index: 1;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .description-textarea {
  font-family: DanaFaNum;
  width: 100%;
  resize: none;
  outline: none;
  padding: 5px 11px;
  border: 1px solid #d0d5dd;
  outline: 3px solid white;
  color: #101828;
  font-size: 14px;
  line-height: 28px;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: all 0.3s linear;
  min-height: 172px;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .description-textarea {
    min-height: 140px;
    font-size: 16px;
    line-height: 32px;
  }
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .description-textarea::-moz-placeholder {
  color: #d0d5dd;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .description-textarea::placeholder {
  color: #d0d5dd;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .description-textarea:focus {
  outline-color: #f1f2f4;
  border-color: #101828;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .description-textarea.error {
  display: block;
  margin: 0;
  border-color: #FDA29B;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .description-textarea.error:focus {
  outline-color: rgba(240, 68, 56, 0.2392156863);
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .upload_container {
  font-family: DanaFaNum;
  margin-bottom: 6px;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .upload_container label,
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .upload_container section {
  padding: 16px 24px;
  border: 1px solid #EAECF0;
  border-radius: 8px;
  cursor: pointer;
  background-color: #fff;
  transition: all 0.3s linear;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .upload_container label > .icon_upload,
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .upload_container section > .icon_upload {
  padding: 7px;
  border-radius: 8px;
  border: 1px solid #eaeef0;
  margin-bottom: 12px;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .upload_container label > .content,
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .upload_container section > .content {
  text-align: center;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .upload_container label > .content .upload-title,
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .upload_container section > .content .upload-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: #475467;
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
  margin-bottom: 4px;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .upload_container label > .content .upload-title span,
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .upload_container section > .content .upload-title span {
  color: #3A27F3;
  font-weight: 600;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .upload_container label > .content .upload-subtitle,
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .upload_container section > .content .upload-subtitle {
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
  color: #98A2B3;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .upload_container label:hover,
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .upload_container section:hover {
  background: #f9fafb;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .upload_container section {
  padding: 16px;
  min-height: 88px;
  cursor: default;
  background: #f9fafb;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .upload_container section > .content > span:first-child {
  color: #344754;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 5px;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .upload_container section > .content > span:last-child {
  color: #475a67;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  text-align: right;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .upload_container section:hover {
  background: #f9fafb;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .upload_container.bg-image section {
  padding: 16px 12px 8px 12px;
  border: 0.5px solid rgba(5, 1, 47, 0.1019607843);
  position: relative;
  z-index: 1;
  border-radius: 8px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .upload_container.bg-image section .icon_trash {
  padding: 0;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .upload_container.bg-image section .icon_trash svg {
  color: #ffffff;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .upload_container.bg-image section .icon_trash svg:hover {
  color: #f04438;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .upload_container.bg-image section .content span {
  font-family: PeydaWebFaNum, serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
  margin-bottom: 0;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .upload_container.bg-image section::before {
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 8px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background: linear-gradient(360deg, rgba(5, 1, 47, 0.64) 15.71%, rgba(5, 1, 47, 0) 100%) padding-box, linear-gradient(0deg, rgba(5, 1, 47, 0.1), rgba(5, 1, 47, 0.1)) border-box;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .upload_container .user_image_photo img {
  width: 56px;
  height: 56px;
  border: 1px solid rgba(5, 1, 47, 0.1019607843);
  border-radius: 4px;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .upload_container.dragging {
  background-color: #f9fafb;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .upload_container.dragging label {
  background-color: #f9fafb;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .upload_container label {
  border-radius: 8px;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .upload_container label.error {
  border-color: #FDA29B;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .upload_container label.error .icon_upload .icon {
  color: #344754;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .file-download-container {
  background-color: #fff;
  padding: 15px 15px 15px 7px;
  border: 1px solid #D0D5DD;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .file-download-container {
    flex-direction: row;
    gap: 16px;
  }
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .file-download-container .file-download-info {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 12px;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .file-download-container .file-download-info img {
  width: 40px;
  height: 40px;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .file-download-container .file-download-info .uploaded-image {
  width: 56px;
  height: 56px;
  border-radius: 4px;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .file-download-container .file-download-info .file-info-title {
  font-family: DanaFaNum;
  font-weight: 500;
  font-size: 14px;
  line-height: 28px;
  color: #475467;
  margin-bottom: 4px;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .file-download-container .file-download-info .file-info-size {
  font-family: DanaFaNum;
  font-size: 12px;
  line-height: 24px;
  color: #475467;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .file-download-container .file-download-info .icon-trash {
  cursor: pointer;
  margin: auto 0;
  padding: 6px;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .file-download-container .file-download-btn {
  font-family: DanaFaNum;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  color: #1203a3;
  background-color: transparent;
  border: none;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 8.5px;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .file-download-container .file-download-btn {
    margin-top: auto;
    gap: 8px;
    font-size: 16px;
    line-height: 32px;
  }
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .input-description {
  color: #667085;
  font-size: 14px;
  line-height: 28px;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .ticket-field .input-description.error {
  display: block;
  margin: 0;
  color: #D92D20;
  margin-top: 2px;
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .grid-cols-1 {
  grid-column: span 2;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .grid-cols-1 {
    grid-column: span 1;
  }
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .dashboard-tickets-form-button {
  font-family: DanaFaNum;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  background-color: #1203a3;
  color: white;
  padding: 6px 0;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border: none;
}
@media (min-width: 1024px) {
  .dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .dashboard-tickets-form-button {
    width: -moz-fit-content;
    width: fit-content;
    padding: 8px 57px;
    font-size: 16px;
    line-height: 32px;
    margin-right: auto;
  }
}
.dashboard-create-ticket-container-new .dashboard-tickets-content .dashboard-tickets-form .dashboard-tickets-form-button:disabled {
  background-color: #FAFAFF;
  color: #DEDAFF;
}
.dashboard-create-ticket-container-new #dashboard-create-ticket-modal-background {
  visibility: hidden;
  opacity: 0;
  z-index: 15;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(29, 46, 57, 0.32);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  transition: all 0.3s linear;
}
.dashboard-create-ticket-container-new #dashboard-create-ticket-modal-background.visible {
  visibility: visible;
  opacity: 1;
}
.dashboard-create-ticket-container-new #dashboard-create-ticket-modal {
  visibility: hidden;
  opacity: 0;
  z-index: 17;
  font-family: DanaFaNum;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0 16px;
  width: 100%;
  max-width: 328px;
  transition: all 0.3s linear;
}
@media (min-width: 576px) {
  .dashboard-create-ticket-container-new #dashboard-create-ticket-modal {
    max-width: 400px;
    padding: 0;
  }
}
.dashboard-create-ticket-container-new #dashboard-create-ticket-modal .dashboard-create-ticket-modal-content {
  overflow: hidden;
  background-color: white;
  padding: 24px;
  border-radius: 8px;
}
.dashboard-create-ticket-container-new #dashboard-create-ticket-modal .dashboard-create-ticket-modal-content .dashboard-create-ticket-modal-background {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
.dashboard-create-ticket-container-new #dashboard-create-ticket-modal .dashboard-create-ticket-modal-content .dashboard-create-ticket-modal-background img {
  position: absolute;
  left: 0;
  right: 0;
  top: -12px;
  z-index: 16;
}
@media (min-width: 576px) {
  .dashboard-create-ticket-container-new #dashboard-create-ticket-modal .dashboard-create-ticket-modal-content .dashboard-create-ticket-modal-background img {
    top: -26px;
  }
}
.dashboard-create-ticket-container-new #dashboard-create-ticket-modal .dashboard-create-ticket-modal-content .dashboard-create-ticket-modal-background .dashboard-create-ticket-modal-icon {
  padding: 12px;
  border-radius: 999px;
  background-color: #fef0c7;
  display: grid;
  place-items: center;
}
@media (min-width: 576px) {
  .dashboard-create-ticket-container-new #dashboard-create-ticket-modal .dashboard-create-ticket-modal-content .dashboard-create-ticket-modal-background .dashboard-create-ticket-modal-icon {
    background-color: #fffaeb;
  }
}
.dashboard-create-ticket-container-new #dashboard-create-ticket-modal .dashboard-create-ticket-modal-content .dashboard-create-ticket-modal-title {
  text-align: center;
  font-weight: 700;
  color: #101828;
  font-size: 18px;
  line-height: 34px;
  margin-bottom: 4px;
}
@media (min-width: 576px) {
  .dashboard-create-ticket-container-new #dashboard-create-ticket-modal .dashboard-create-ticket-modal-content .dashboard-create-ticket-modal-title {
    font-size: 20px;
    line-height: 38px;
  }
}
.dashboard-create-ticket-container-new #dashboard-create-ticket-modal .dashboard-create-ticket-modal-content .dashboard-create-ticket-modal-description {
  text-align: center;
  color: #475467;
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 32px;
}
.dashboard-create-ticket-container-new #dashboard-create-ticket-modal .dashboard-create-ticket-modal-content .dashboard-create-ticket-modal-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  font-size: 14px;
  line-height: 28px;
  font-weight: 600;
}
.dashboard-create-ticket-container-new #dashboard-create-ticket-modal .dashboard-create-ticket-modal-content .dashboard-create-ticket-modal-actions .cancel-button {
  color: #667085;
  background-color: transparent;
  border: none;
  padding: 6px 0;
  flex: 1 1 0%;
  max-width: 104px;
}
@media (min-width: 576px) {
  .dashboard-create-ticket-container-new #dashboard-create-ticket-modal .dashboard-create-ticket-modal-content .dashboard-create-ticket-modal-actions .cancel-button {
    max-width: 136px;
  }
}
.dashboard-create-ticket-container-new #dashboard-create-ticket-modal .dashboard-create-ticket-modal-content .dashboard-create-ticket-modal-actions .confirm-button {
  color: white;
  background-color: #1203a3;
  border: none;
  padding: 6px 0;
  flex: 1 1 0%;
  border-radius: 8px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
}
.dashboard-create-ticket-container-new #dashboard-create-ticket-modal.visible {
  visibility: visible;
  opacity: 1;
}

.collaboration-model-container #collaboration-model-modal-background {
  visibility: hidden;
  opacity: 0;
  z-index: 15;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(29, 46, 57, 0.32);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  transition: all 0.3s linear;
}
.collaboration-model-container #collaboration-model-modal-background.visible {
  visibility: visible;
  opacity: 1;
}
.collaboration-model-container #collaboration-model-container {
  transform: translateY(100%);
  position: fixed;
  z-index: 17;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding: 20px;
  max-height: calc(100vh - 24px);
  overflow: scroll;
  transition: all 0.3s linear;
}
@media (min-width: 1024px) {
  .collaboration-model-container #collaboration-model-container {
    visibility: hidden;
    opacity: 0;
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    transform: translate(-50%, -50%);
    padding: 40px;
    min-width: 744px;
    max-width: 744px;
    border-radius: 12px;
    max-height: -moz-fit-content;
    max-height: fit-content;
    overflow: auto;
  }
}
.collaboration-model-container #collaboration-model-container .collaboration-model-header {
  font-family: PeydaWeb;
  padding-bottom: 15px;
  border-bottom: 1px solid #eaecf0;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}
.collaboration-model-container #collaboration-model-container .collaboration-model-header .collaboration-model-subtitle {
  color: #98a2b3;
  font-size: 14px;
  line-height: 28px;
}
@media (min-width: 1024px) {
  .collaboration-model-container #collaboration-model-container .collaboration-model-header .collaboration-model-subtitle {
    font-weight: 500;
    font-size: 16px;
    padding: 4px 0;
  }
}
.collaboration-model-container #collaboration-model-container .collaboration-model-header .collaboration-model-title {
  flex: 1 1 0%;
  margin-bottom: 0;
  color: #182230;
  font-weight: 600;
  font-size: 16px !important;
  line-height: 32px !important;
}
@media (min-width: 1024px) {
  .collaboration-model-container #collaboration-model-container .collaboration-model-header .collaboration-model-title {
    padding: 4px 0;
  }
}
.collaboration-model-container #collaboration-model-container .collaboration-model-header .collaboration-model-close-button {
  display: grid;
  place-items: center;
  padding: 7px;
  border-radius: 8px;
  background-color: #f9fafb;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .collaboration-model-container #collaboration-model-container .collaboration-model-header .collaboration-model-close-button {
    padding: 11px;
    border-radius: 10px;
  }
  .collaboration-model-container #collaboration-model-container .collaboration-model-header .collaboration-model-close-button svg {
    scale: 1.125;
  }
}
.collaboration-model-container #collaboration-model-container .collaboration-model-form .form-group {
  width: 100%;
  margin-bottom: 24px;
}
.collaboration-model-container #collaboration-model-container .collaboration-model-form .form-group .form-label {
  display: inline-block;
  font-family: PeydaWeb;
  font-weight: 500;
  color: #101828;
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 6px;
}
.collaboration-model-container #collaboration-model-container .collaboration-model-form .form-group .form-input {
  width: 100%;
  font-family: PeydaWeb;
  font-size: 14px;
  line-height: 28px;
  background-color: #f9fafb;
  color: #98a2b3;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  padding: 7px 11px;
  outline: none;
}
@media (min-width: 1024px) {
  .collaboration-model-container #collaboration-model-container .collaboration-model-form .form-group .form-input {
    font-size: 16px;
    line-height: 32px;
    color: #667085;
  }
}
.collaboration-model-container #collaboration-model-container .collaboration-model-form .form-group .form-textarea {
  text-align: right;
  width: 100%;
  font-family: PeydaWeb;
  font-size: 14px;
  line-height: 28px;
  background-color: #f9fafb;
  color: #98a2b3;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  padding: 9px 11px;
  max-height: 216px;
  overflow-y: scroll;
}
@media (min-width: 1024px) {
  .collaboration-model-container #collaboration-model-container .collaboration-model-form .form-group .form-textarea {
    font-size: 16px;
    line-height: 32px;
    color: #667085;
    max-height: 148px;
  }
}
.collaboration-model-container #collaboration-model-container .collaboration-model-form .form-group .form-textarea::-webkit-scrollbar {
  width: 8px;
}
.collaboration-model-container #collaboration-model-container .collaboration-model-form .form-group .form-textarea::-webkit-scrollbar-track {
  background: #f9fafb;
  border-radius: 12px;
}
.collaboration-model-container #collaboration-model-container .collaboration-model-form .form-group .form-textarea::-webkit-scrollbar-thumb {
  background: #eaecf0;
  border-radius: 5px;
}
@media (min-width: 768px) {
  .collaboration-model-container #collaboration-model-container .collaboration-model-form .form-groups.double-column {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
  }
}
.collaboration-model-container #collaboration-model-container .collaboration-model-form .file-download-container {
  background-color: #fcfcfd;
  padding: 15px;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 1024px) {
  .collaboration-model-container #collaboration-model-container .collaboration-model-form .file-download-container {
    flex-direction: row;
    gap: 16px;
  }
}
.collaboration-model-container #collaboration-model-container .collaboration-model-form .file-download-container .file-download-info {
  flex: 1 1 0%;
  display: flex;
  align-items: start;
  justify-content: start;
  gap: 12px;
}
.collaboration-model-container #collaboration-model-container .collaboration-model-form .file-download-container .file-download-info img {
  width: 40px;
  height: 40px;
}
.collaboration-model-container #collaboration-model-container .collaboration-model-form .file-download-container .file-download-info .file-info-title {
  font-family: poppins;
  font-weight: 500;
  font-size: 14px;
  color: #344054;
}
.collaboration-model-container #collaboration-model-container .collaboration-model-form .file-download-container .file-download-info .file-info-size {
  font-family: PeydaWeb;
  font-size: 12px;
  line-height: 24px;
  color: #475467;
  padding-bottom: 4px;
}
@media (min-width: 1024px) {
  .collaboration-model-container #collaboration-model-container .collaboration-model-form .file-download-container .file-download-info .file-info-size {
    line-height: 28px;
    padding-bottom: 0;
  }
}
.collaboration-model-container #collaboration-model-container .collaboration-model-form .file-download-container .file-download-btn {
  font-family: PeydaWeb;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  color: #1203a3;
  background-color: transparent;
  border: none;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 8.5px;
}
@media (min-width: 1024px) {
  .collaboration-model-container #collaboration-model-container .collaboration-model-form .file-download-container .file-download-btn {
    margin-top: auto;
    gap: 8px;
    font-size: 16px;
    line-height: 32px;
  }
}
.collaboration-model-container #collaboration-model-container.visible {
  transform: translateY(0);
}
@media (min-width: 1024px) {
  .collaboration-model-container #collaboration-model-container.visible {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

.ticket-model-container #ticket-model-background {
  visibility: hidden;
  opacity: 0;
  z-index: 15;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(29, 46, 57, 0.32);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  transition: all 0.3s linear;
}
.ticket-model-container #ticket-model-background.visible {
  visibility: visible;
  opacity: 1;
}
.ticket-model-container #ticket-model-container {
  transform: translateY(100%);
  position: fixed;
  z-index: 17;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding: 16px;
  max-height: calc(100vh - 24px);
  overflow: scroll;
  transition: all 0.3s linear;
}
@media (min-width: 1024px) {
  .ticket-model-container #ticket-model-container {
    visibility: hidden;
    opacity: 0;
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    transform: translate(-50%, -50%);
    padding: 32px;
    min-width: 744px;
    max-width: 744px;
    border-radius: 12px;
    max-height: calc(100vh - 100px);
    overflow: auto;
  }
}
.ticket-model-container #ticket-model-container .ticket-model-header {
  font-family: DanaFaNum;
  padding-bottom: 15px;
  border-bottom: 1px solid #eaecf0;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
@media (min-width: 1024px) {
  .ticket-model-container #ticket-model-container .ticket-model-header {
    margin-bottom: 40px;
  }
}
.ticket-model-container #ticket-model-container .ticket-model-header .ticket-model-subtitle {
  color: #98a2b3;
  font-size: 16px;
  line-height: 32px;
}
.ticket-model-container #ticket-model-container .ticket-model-header .ticket-model-title {
  font-family: DanaFaNum !important;
  flex: 1 1 0%;
  margin-bottom: 0;
  color: #182230;
  font-weight: 600;
  font-size: 16px !important;
  line-height: 32px !important;
}
.ticket-model-container #ticket-model-container .ticket-model-header .ticket-model-close-button {
  display: grid;
  place-items: center;
  padding: 3px;
  border-radius: 6px;
  border: 1px solid #EAECF0;
  cursor: pointer;
}
.ticket-model-container #ticket-model-container .ticket-model-header .ticket-model-close-button svg {
  scale: 0.75;
}
@media (min-width: 1024px) {
  .ticket-model-container #ticket-model-container .ticket-model-header .ticket-model-close-button {
    padding: 7px;
    border-radius: 8px;
  }
  .ticket-model-container #ticket-model-container .ticket-model-header .ticket-model-close-button svg {
    scale: 1;
  }
}
.ticket-model-container #ticket-model-container .ticket-model-form {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 24px;
}
@media (min-width: 1024px) {
  .ticket-model-container #ticket-model-container .ticket-model-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.ticket-model-container #ticket-model-container .ticket-model-form .grid-cols-1 {
  grid-column: span 2;
}
@media (min-width: 1024px) {
  .ticket-model-container #ticket-model-container .ticket-model-form .grid-cols-1 {
    grid-column: span 1;
  }
}
.ticket-model-container #ticket-model-container .ticket-model-form .grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ticket-model-container #ticket-model-container .ticket-model-form .ticket-model-form-item .ticket-model-form-item-title {
  display: inline-block;
  font-family: DanaFaNum;
  font-weight: 500;
  color: #101828;
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 6px;
}
.ticket-model-container #ticket-model-container .ticket-model-form .ticket-model-form-item .ticket-model-form-item-content {
  display: flex;
  align-items: center;
  width: 100%;
  font-family: DanaFaNum;
  font-size: 14px;
  line-height: 28px;
  color: #667085;
}
@media (min-width: 1024px) {
  .ticket-model-container #ticket-model-container .ticket-model-form .ticket-model-form-item .ticket-model-form-item-content {
    font-size: 16px;
    line-height: 32px;
  }
}
.ticket-model-container #ticket-model-container .ticket-model-form .ticket-model-form-item .ticket-model-form-item-content .ticket-model-form-item-value,
.ticket-model-container #ticket-model-container .ticket-model-form .ticket-model-form-item .ticket-model-form-item-content .ticket-model-form-item-value-null {
  flex: 1 1 0%;
  padding: 5px 11px;
  border: 1px solid #eaecf0;
  background-color: #f9fafb;
  border-radius: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (min-width: 1024px) {
  .ticket-model-container #ticket-model-container .ticket-model-form .ticket-model-form-item .ticket-model-form-item-content .ticket-model-form-item-value,
  .ticket-model-container #ticket-model-container .ticket-model-form .ticket-model-form-item .ticket-model-form-item-content .ticket-model-form-item-value-null {
    padding: 7px 11px;
  }
}
.ticket-model-container #ticket-model-container .ticket-model-form .ticket-model-form-item .ticket-model-form-item-content .ticket-model-form-item-value-null {
  height: 40px;
}
@media (min-width: 1024px) {
  .ticket-model-container #ticket-model-container .ticket-model-form .ticket-model-form-item .ticket-model-form-item-content .ticket-model-form-item-value-null {
    height: 48px;
  }
}
.ticket-model-container #ticket-model-container .ticket-model-form .ticket-model-form-item .ticket-model-form-item-content:has(.link-wrapper) {
  direction: ltr;
}
.ticket-model-container #ticket-model-container .ticket-model-form .ticket-model-form-item .ticket-model-form-item-content:has(.link-wrapper) .ticket-model-form-item-value,
.ticket-model-container #ticket-model-container .ticket-model-form .ticket-model-form-item .ticket-model-form-item-content:has(.link-wrapper) .ticket-model-form-item-value-null {
  text-align: left;
  border-radius: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.ticket-model-container #ticket-model-container .ticket-model-form .ticket-model-form-item .ticket-model-form-item-content:has(.link-wrapper) .link-wrapper {
  color: #475467;
  padding: 5px 11px;
  border: 1px solid #eaecf0;
  background-color: #f9fafb;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-right: none;
}
@media (min-width: 1024px) {
  .ticket-model-container #ticket-model-container .ticket-model-form .ticket-model-form-item .ticket-model-form-item-content:has(.link-wrapper) .link-wrapper {
    padding: 7px 11px 7px 13px;
  }
}
.ticket-model-container #ticket-model-container .ticket-model-form .ticket-model-form-item .ticket-model-form-item-content.multi-value {
  gap: 12px;
  flex-wrap: wrap;
}
.ticket-model-container #ticket-model-container .ticket-model-form .ticket-model-form-item .ticket-model-form-item-content.multi-value .ticket-model-form-item-value {
  flex: 0 1 auto;
}
.ticket-model-container #ticket-model-container .ticket-model-form .ticket-model-form-item .form-textarea {
  text-wrap: wrap;
  text-align: right;
  width: 100%;
  font-family: DanaFaNum;
  font-size: 14px;
  line-height: 28px;
  color: #667085;
  padding: 5px 11px;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  background-color: #f9fafb;
  min-height: 216px;
  max-height: 216px;
  overflow-y: scroll;
}
@media (min-width: 1024px) {
  .ticket-model-container #ticket-model-container .ticket-model-form .ticket-model-form-item .form-textarea {
    font-size: 16px;
    line-height: 32px;
    color: #667085;
    min-height: 144px;
    max-height: 144px;
  }
}
.ticket-model-container #ticket-model-container .ticket-model-form .ticket-model-form-item .form-textarea::-webkit-scrollbar {
  width: 8px;
}
.ticket-model-container #ticket-model-container .ticket-model-form .ticket-model-form-item .form-textarea::-webkit-scrollbar-track {
  background: #f9fafb;
  border-radius: 12px;
}
.ticket-model-container #ticket-model-container .ticket-model-form .ticket-model-form-item .form-textarea::-webkit-scrollbar-thumb {
  background: #eaecf0;
  border-radius: 5px;
}
.ticket-model-container #ticket-model-container .ticket-model-form .file-download-container {
  background-color: #fcfcfd;
  padding: 11px;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 1024px) {
  .ticket-model-container #ticket-model-container .ticket-model-form .file-download-container {
    flex-direction: row;
    gap: 16px;
    padding: 15px;
  }
}
.ticket-model-container #ticket-model-container .ticket-model-form .file-download-container .file-download-info {
  flex: 1 1 0%;
  display: flex;
  align-items: start;
  justify-content: start;
  gap: 12px;
}
.ticket-model-container #ticket-model-container .ticket-model-form .file-download-container .file-download-info img {
  width: 40px;
  height: 40px;
}
.ticket-model-container #ticket-model-container .ticket-model-form .file-download-container .file-download-info .file-info-title {
  font-family: DanaFaNum;
  font-size: 14px;
  line-height: 24px;
  color: #344054;
}
.ticket-model-container #ticket-model-container .ticket-model-form .file-download-container .file-download-info .file-info-size {
  font-family: DanaFaNum;
  font-size: 12px;
  line-height: 24px;
  color: #475467;
}
@media (min-width: 1024px) {
  .ticket-model-container #ticket-model-container .ticket-model-form .file-download-container .file-download-info .file-info-size {
    line-height: 28px;
  }
}
.ticket-model-container #ticket-model-container .ticket-model-form .file-download-container .file-download-btn {
  font-family: DanaFaNum;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  color: #1203a3;
  background-color: transparent;
  border: none;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 0 8px;
}
@media (min-width: 1024px) {
  .ticket-model-container #ticket-model-container .ticket-model-form .file-download-container .file-download-btn {
    margin-top: auto;
    font-size: 16px;
    line-height: 32px;
  }
}
@media (min-width: 1024px) {
  .ticket-model-container #ticket-model-container::-webkit-scrollbar {
    width: 8px;
  }
  .ticket-model-container #ticket-model-container::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 12px;
  }
  .ticket-model-container #ticket-model-container::-webkit-scrollbar-thumb {
    background: #eaecf0;
    border-radius: 12px;
  }
}
.ticket-model-container #ticket-model-container.visible {
  transform: translateY(0);
}
@media (min-width: 1024px) {
  .ticket-model-container #ticket-model-container.visible {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

.dashboard-tickets-chat-container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .dashboard-tickets-chat-container {
    margin: 0 -100px;
  }
}
@media (min-width: 1280px) {
  .dashboard-tickets-chat-container {
    margin: 0 -82px;
  }
}
.dashboard-tickets-chat-container .dashboard-tickets-header {
  margin-right: -4px;
  margin-left: -12px;
  padding: 0 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-top: 24px;
  padding-bottom: 16px;
}
@media (min-width: 768px) {
  .dashboard-tickets-chat-container .dashboard-tickets-header {
    padding: 48px 0 24px 0;
  }
}
.dashboard-tickets-chat-container .dashboard-tickets-header .dashboard-tickets-header-title-container {
  display: flex;
  align-items: start;
  justify-content: center;
}
@media (min-width: 541px) {
  .dashboard-tickets-chat-container .dashboard-tickets-header .dashboard-tickets-header-title-container {
    align-items: center;
  }
}
@media (min-width: 768px) {
  .dashboard-tickets-chat-container .dashboard-tickets-header .dashboard-tickets-header-title-container {
    align-items: start;
  }
}
@media (min-width: 1024px) {
  .dashboard-tickets-chat-container .dashboard-tickets-header .dashboard-tickets-header-title-container {
    align-items: center;
  }
}
.dashboard-tickets-chat-container .dashboard-tickets-header .dashboard-tickets-header-title-container .dashboard-tickets-header-back-btn {
  display: inline-block;
  padding: 7px;
  border: 1px solid #f2f4f7;
  border-radius: 8px;
  margin-left: 10px;
}
@media (min-width: 768px) {
  .dashboard-tickets-chat-container .dashboard-tickets-header .dashboard-tickets-header-title-container .dashboard-tickets-header-back-btn {
    margin-left: 16px;
    padding: 9.5px 11px;
  }
  .dashboard-tickets-chat-container .dashboard-tickets-header .dashboard-tickets-header-title-container .dashboard-tickets-header-back-btn svg {
    scale: 1.25;
  }
}
.dashboard-tickets-chat-container .dashboard-tickets-header .dashboard-tickets-header-title-container .dashboard-tickets-header-title {
  font-family: DanaFaNum !important;
  color: #0c111d;
  font-weight: 700;
  font-size: 16px !important;
  line-height: 32px !important;
  margin-bottom: 0;
  margin-left: 4px;
}
@media (min-width: 768px) {
  .dashboard-tickets-chat-container .dashboard-tickets-header .dashboard-tickets-header-title-container .dashboard-tickets-header-title {
    font-size: 20px !important;
    line-height: 38px !important;
    margin-left: 8px;
  }
}
.dashboard-tickets-chat-container .dashboard-tickets-header .dashboard-tickets-header-ticket-id {
  font-family: DanaFaNum !important;
  font-weight: 500;
  color: #1203a3;
  font-size: 14px;
  line-height: 28px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 3px 15px;
  border: 1px solid #dad6ff;
  background-color: #fafaff;
  border-radius: 999px;
}
.dashboard-tickets-chat-container .chat-container {
  position: relative;
  margin-right: 12px;
  margin-left: 4px;
  padding: 16px 16px 0 16px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  justify-content: space-between;
  height: calc(100vh - 138px);
  overflow-y: auto;
  overflow-x: none;
  border: 1px solid #f2f4f7;
  background-color: white;
  border-radius: 12px;
}
@media (min-width: 768px) {
  .dashboard-tickets-chat-container .chat-container {
    height: calc(100vh - 200px);
    border: 1px solid #eaecf0;
  }
}
@media (min-width: 1024px) {
  .dashboard-tickets-chat-container .chat-container {
    height: calc(100vh - 246px);
    padding: 24px 24px 0 24px;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0588235294), 0px 1px 3px 0px rgba(16, 24, 40, 0.1019607843);
  }
}
.dashboard-tickets-chat-container .chat-container .chat-messages {
  flex-grow: 1;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  gap: 24px;
}
.dashboard-tickets-chat-container .chat-container .chat-messages .message {
  display: flex;
  align-items: start;
  justify-content: start;
  gap: 12px;
  max-width: 512px;
}
.dashboard-tickets-chat-container .chat-container .chat-messages .message .message-avatar {
  display: grid;
  place-items: center;
}
.dashboard-tickets-chat-container .chat-container .chat-messages .message .message-avatar img {
  width: 40px;
  height: 40px;
  border-radius: 999px;
}
.dashboard-tickets-chat-container .chat-container .chat-messages .message .message-content {
  display: flex;
  flex-direction: column;
  justify-content: start;
  gap: 4px;
}
.dashboard-tickets-chat-container .chat-container .chat-messages .message .message-content .message-time {
  font-family: DanaFaNum !important;
  color: #667085;
  font-size: 12px;
  line-height: 24px;
  display: inline-block;
}
.dashboard-tickets-chat-container .chat-container .chat-messages .message .message-content .message-text {
  margin-bottom: 0;
  font-family: DanaFaNum !important;
  font-size: 14px;
  line-height: 28px;
  padding: 9px 13px;
  border: 1px solid;
  margin-bottom: 1px;
}
@media (min-width: 1024px) {
  .dashboard-tickets-chat-container .chat-container .chat-messages .message .message-content .message-text {
    font-size: 16px;
    line-height: 32px;
  }
}
.dashboard-tickets-chat-container .chat-container .chat-messages .message .message-content .message-attachment-file {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 12px;
  padding: 9px 13px;
  border: 1px solid #eaecf0;
}
.dashboard-tickets-chat-container .chat-container .chat-messages .message .message-content .message-attachment-file img {
  width: 40px;
  height: 40px;
}
.dashboard-tickets-chat-container .chat-container .chat-messages .message .message-content .message-attachment-file .message-attachment-file-name {
  font-family: poppins;
  font-weight: 500;
  color: #344054;
  font-size: 14px;
  line-height: 20px;
}
.dashboard-tickets-chat-container .chat-container .chat-messages .message .message-content .message-attachment-file .message-attachment-file-size {
  font-family: DanaFaNum !important;
  color: #475467;
  font-size: 12px;
  line-height: 24px;
}
@media (min-width: 1024px) {
  .dashboard-tickets-chat-container .chat-container .chat-messages .message .message-content .message-attachment-file .message-attachment-file-size {
    font-size: 14px;
    line-height: 28px;
  }
}
.dashboard-tickets-chat-container .chat-container .chat-messages .message .message-content .message-open-collaboration-model {
  margin-top: 3px;
  font-family: DanaFaNum !important;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  color: #d90e80;
  display: flex;
  align-items: center;
  gap: 5px;
}
.dashboard-tickets-chat-container .chat-container .chat-messages .message-sent {
  margin-left: 8px;
  align-self: flex-start;
}
.dashboard-tickets-chat-container .chat-container .chat-messages .message-sent .message-content > * {
  border-radius: 8px;
}
.dashboard-tickets-chat-container .chat-container .chat-messages .message-sent .message-content > *:first-child + * {
  border-radius: 8px 0px 8px 8px;
}
.dashboard-tickets-chat-container .chat-container .chat-messages .message-sent .message-content .message-time {
  text-align: left;
}
.dashboard-tickets-chat-container .chat-container .chat-messages .message-sent .message-content .message-text {
  background-color: #1203a3;
  color: #ffffff;
  border-color: #1203a3;
}
.dashboard-tickets-chat-container .chat-container .chat-messages .message-received {
  margin-right: 8px;
  align-self: flex-end;
}
.dashboard-tickets-chat-container .chat-container .chat-messages .message-received .message-content > * {
  border-radius: 8px;
}
.dashboard-tickets-chat-container .chat-container .chat-messages .message-received .message-content > *:first-child + * {
  border-radius: 0px 8px 8px 8px;
}
.dashboard-tickets-chat-container .chat-container .chat-messages .message-received .message-content .message-time {
  text-align: right;
}
.dashboard-tickets-chat-container .chat-container .chat-messages .message-received .message-content .message-text {
  background-color: #fcfcfd;
  color: #101828;
  border-color: #eaecf0;
}
.dashboard-tickets-chat-container .chat-container .message-input-container {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 32px -16px 0 -16px;
  padding: 0 16px 16px 16px;
  background-color: white;
}
@media (min-width: 1024px) {
  .dashboard-tickets-chat-container .chat-container .message-input-container {
    margin: 32px 0 0 0;
    padding: 0 0 24px 0;
  }
}
.dashboard-tickets-chat-container .chat-container .message-input-container .message-input-content {
  position: relative;
}
.dashboard-tickets-chat-container .chat-container .message-input-container .message-input-content .message-attachment {
  position: relative;
  display: flex;
  align-items: start;
  padding: 9px 13px 10px 13px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border: 1px solid #d0d5dd;
  border-bottom: none;
}
.dashboard-tickets-chat-container .chat-container .message-input-container .message-input-content .message-attachment img {
  width: 40px;
  height: 40px;
  margin-left: 12px;
}
.dashboard-tickets-chat-container .chat-container .message-input-container .message-input-content .message-attachment .message-attachment-details {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 4px;
}
.dashboard-tickets-chat-container .chat-container .message-input-container .message-input-content .message-attachment .message-attachment-details .attachment-name {
  font-family: poppins, "DanaFaNum";
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #344054;
}
.dashboard-tickets-chat-container .chat-container .message-input-container .message-input-content .message-attachment .message-attachment-details .attachment-size {
  display: flex;
  align-items: center;
  gap: 4px;
  font-family: DanaFaNum !important;
  font-size: 12px;
  line-height: 24px;
  color: #475467;
  margin-top: 4px;
}
@media (min-width: 1024px) {
  .dashboard-tickets-chat-container .chat-container .message-input-container .message-input-content .message-attachment .message-attachment-details .attachment-size {
    color: #98a2b3;
    font-size: 14px;
    line-height: 28px;
  }
}
.dashboard-tickets-chat-container .chat-container .message-input-container .message-input-content .message-attachment .attachment-label {
  display: none;
  font-family: DanaFaNum !important;
  font-size: 14px;
  line-height: 28px;
  color: #475467;
}
@media (min-width: 1024px) {
  .dashboard-tickets-chat-container .chat-container .message-input-container .message-input-content .message-attachment .attachment-label {
    display: inline;
  }
}
.dashboard-tickets-chat-container .chat-container .message-input-container .message-input-content .message-attachment .remove-attachment-button {
  background-color: #f9fafb;
  border-radius: 8px;
  border: none;
  padding: 6.17 px 7px;
}
@media (min-width: 1024px) {
  .dashboard-tickets-chat-container .chat-container .message-input-container .message-input-content .message-attachment .remove-attachment-button {
    padding: 11.17px 12px;
    border-radius: 10px;
  }
  .dashboard-tickets-chat-container .chat-container .message-input-container .message-input-content .message-attachment .remove-attachment-button svg {
    scale: 1.112;
  }
}
.dashboard-tickets-chat-container .chat-container .message-input-container .message-input-content textarea {
  font-family: DanaFaNum !important;
  width: 100%;
  min-height: 112px;
  overflow-y: auto;
  resize: none;
  padding: 7px 13px;
  border: 1px solid #d0d5dd;
  color: #101828;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  font-size: 16px;
  line-height: 32px;
  border-radius: 8px;
  outline: 3px solid white;
  transition: all 0.3s linear;
  margin-bottom: 16px;
}
.dashboard-tickets-chat-container .chat-container .message-input-container .message-input-content textarea:focus {
  border-color: #101828;
}
@media (min-width: 1024px) {
  .dashboard-tickets-chat-container .chat-container .message-input-container .message-input-content textarea {
    margin-bottom: 0;
    padding: 7px 11px 7px 118.3px;
    max-height: 103px;
    min-height: 103px;
  }
  .dashboard-tickets-chat-container .chat-container .message-input-container .message-input-content textarea:focus {
    outline-color: #f1f2f4;
  }
}
.dashboard-tickets-chat-container .chat-container .message-input-container .message-input-content textarea::-moz-placeholder {
  color: #d0d5dd;
  font-weight: 400;
}
.dashboard-tickets-chat-container .chat-container .message-input-container .message-input-content textarea::placeholder {
  color: #d0d5dd;
  font-weight: 400;
}
.dashboard-tickets-chat-container .chat-container .message-input-container .message-input-content textarea::-webkit-scrollbar {
  width: 5px;
}
.dashboard-tickets-chat-container .chat-container .message-input-container .message-input-content textarea::-webkit-scrollbar-track {
  background: white;
  border-radius: 12px;
}
.dashboard-tickets-chat-container .chat-container .message-input-container .message-input-content textarea::-webkit-scrollbar-thumb {
  background: #eaecf0;
  border-radius: 12px;
}
.dashboard-tickets-chat-container .chat-container .message-input-container .message-input-content .message-attachment + textarea {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.dashboard-tickets-chat-container .chat-container .message-input-container .message-input-content .send-buttons-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (min-width: 1024px) {
  .dashboard-tickets-chat-container .chat-container .message-input-container .message-input-content .send-buttons-wrapper {
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    left: 14px;
    bottom: 20px;
    z-index: 1;
  }
}
.dashboard-tickets-chat-container .chat-container .message-input-container .message-input-content .send-buttons-wrapper .send-button {
  font-family: DanaFaNum !important;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  color: #dad6ff;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: none;
  background-color: #fafaff;
  padding: 6px 18px;
  border-radius: 8px;
  transition: all 0.3s linear;
}
.dashboard-tickets-chat-container .chat-container .message-input-container .message-input-content .send-buttons-wrapper .send-button.active {
  background-color: #1203a3;
  color: #ffffff;
}
.dashboard-tickets-chat-container .chat-container .message-input-container .message-input-content .send-buttons-wrapper .attach-file-button {
  background-color: transparent;
  border: none;
  padding: 8px;
  color: #1203a3;
  cursor: pointer;
}
.dashboard-tickets-chat-container .chat-container .message-input-container .message-input-content .send-buttons-wrapper .attach-file-button label {
  cursor: pointer;
}
.dashboard-tickets-chat-container .chat-container .message-input-container .message-input-content .send-buttons-wrapper .attach-file-button.active {
  color: #dad6ff;
  cursor: not-allowed;
  pointer-events: none;
}
.dashboard-tickets-chat-container .chat-container::-webkit-scrollbar {
  width: 5px;
}
.dashboard-tickets-chat-container .chat-container::-webkit-scrollbar-track {
  background: white;
  border-radius: 16px;
}
.dashboard-tickets-chat-container .chat-container::-webkit-scrollbar-thumb {
  background: #f1f2f4;
  border-radius: 16px;
}

.main-header-container {
  /*
  ! tailwindcss v3.4.6 | MIT License | https://tailwindcss.com
  */
  /*
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
  */
  /*
  1. Use a consistent sensible line-height in all browsers.
  2. Prevent adjustments of font size after orientation changes in iOS.
  3. Use a more readable tab size.
  4. Use the user's configured `sans` font-family by default.
  5. Use the user's configured `sans` font-feature-settings by default.
  6. Use the user's configured `sans` font-variation-settings by default.
  7. Disable tap highlights on iOS
  */
  /*
  1. Remove the margin in all browsers.
  2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
  */
  /*
  1. Add the correct height in Firefox.
  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
  3. Ensure horizontal rules are visible by default.
  */
  /*
  Add the correct text decoration in Chrome, Edge, and Safari.
  */
  /*
  Remove the default font size and weight for headings.
  */
  /*
  Reset links to optimize for opt-in styling instead of opt-out.
  */
  /*
  Add the correct font weight in Edge and Safari.
  */
  /*
  1. Use the user's configured `mono` font-family by default.
  2. Use the user's configured `mono` font-feature-settings by default.
  3. Use the user's configured `mono` font-variation-settings by default.
  4. Correct the odd `em` font sizing in all browsers.
  */
  /*
  Add the correct font size in all browsers.
  */
  /*
  Prevent `sub` and `sup` elements from affecting the line height in all browsers.
  */
  /*
  1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
  2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
  3. Remove gaps between table borders by default.
  */
  /*
  1. Change the font styles in all browsers.
  2. Remove the margin in Firefox and Safari.
  3. Remove default padding in all browsers.
  */
  /*
  Remove the inheritance of text transform in Edge and Firefox.
  */
  /*
  1. Correct the inability to style clickable types in iOS and Safari.
  2. Remove default button styles.
  */
  /*
  Use the modern Firefox focus style for all focusable elements.
  */
  /*
  Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
  */
  /*
  Add the correct vertical alignment in Chrome and Firefox.
  */
  /*
  Correct the cursor style of increment and decrement buttons in Safari.
  */
  /*
  1. Correct the odd appearance in Chrome and Safari.
  2. Correct the outline style in Safari.
  */
  /*
  Remove the inner padding in Chrome and Safari on macOS.
  */
  /*
  1. Correct the inability to style clickable types in iOS and Safari.
  2. Change font properties to `inherit` in Safari.
  */
  /*
  Add the correct display in Chrome and Safari.
  */
  /*
  Removes the default spacing and border for appropriate elements.
  */
  /*
  Reset default styling for dialogs.
  */
  /*
  Prevent resizing textareas horizontally by default.
  */
  /*
  1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
  2. Set the default placeholder color to the user's configured gray 400 color.
  */
  /*
  Set the default cursor for buttons.
  */
  /*
  Make sure disabled buttons don't get the pointer cursor.
  */
  /*
  1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
  2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
     This can trigger a poorly considered lint error in some tools but is included by design.
  */
  /*
  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
  */
  /* Make elements with the HTML hidden attribute stay hidden by default */
}
.main-header-container *,
.main-header-container ::before,
.main-header-container ::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #eaecf0; /* 2 */
}
.main-header-container ::before,
.main-header-container ::after {
  --tw-content: "";
}
.main-header-container html,
.main-header-container :host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
.main-header-container body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
.main-header-container hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
.main-header-container abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
.main-header-container h1,
.main-header-container h2,
.main-header-container h3,
.main-header-container h4,
.main-header-container h5,
.main-header-container h6 {
  font-size: inherit;
  font-weight: inherit;
}
.main-header-container a {
  color: inherit;
  text-decoration: inherit;
}
.main-header-container b,
.main-header-container strong {
  font-weight: bolder;
}
.main-header-container code,
.main-header-container kbd,
.main-header-container samp,
.main-header-container pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
.main-header-container small {
  font-size: 80%;
}
.main-header-container sub,
.main-header-container sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.main-header-container sub {
  bottom: -0.25em;
}
.main-header-container sup {
  top: -0.5em;
}
.main-header-container table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
.main-header-container button,
.main-header-container input,
.main-header-container optgroup,
.main-header-container select,
.main-header-container textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
.main-header-container button,
.main-header-container select {
  text-transform: none;
}
.main-header-container button,
.main-header-container input:where([type=button]),
.main-header-container input:where([type=reset]),
.main-header-container input:where([type=submit]) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
.main-header-container :-moz-focusring {
  outline: auto;
}
.main-header-container :-moz-ui-invalid {
  box-shadow: none;
}
.main-header-container progress {
  vertical-align: baseline;
}
.main-header-container ::-webkit-inner-spin-button,
.main-header-container ::-webkit-outer-spin-button {
  height: auto;
}
.main-header-container [type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
.main-header-container ::-webkit-search-decoration {
  -webkit-appearance: none;
}
.main-header-container ::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
.main-header-container summary {
  display: list-item;
}
.main-header-container blockquote,
.main-header-container dl,
.main-header-container dd,
.main-header-container h1,
.main-header-container h2,
.main-header-container h3,
.main-header-container h4,
.main-header-container h5,
.main-header-container h6,
.main-header-container hr,
.main-header-container figure,
.main-header-container p,
.main-header-container pre {
  margin: 0;
}
.main-header-container fieldset {
  margin: 0;
  padding: 0;
}
.main-header-container legend {
  padding: 0;
}
.main-header-container ol,
.main-header-container ul,
.main-header-container menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-header-container dialog {
  padding: 0;
}
.main-header-container textarea {
  resize: vertical;
}
.main-header-container input::-moz-placeholder,
.main-header-container textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #98a2b3; /* 2 */
}
.main-header-container input::-moz-placeholder, .main-header-container textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #98a2b3; /* 2 */
}
.main-header-container input::placeholder,
.main-header-container textarea::placeholder {
  opacity: 1; /* 1 */
  color: #98a2b3; /* 2 */
}
.main-header-container button,
.main-header-container [role=button] {
  cursor: pointer;
}
.main-header-container :disabled {
  cursor: default;
}
.main-header-container img,
.main-header-container svg,
.main-header-container video,
.main-header-container canvas,
.main-header-container audio,
.main-header-container iframe,
.main-header-container embed,
.main-header-container object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
.main-header-container img,
.main-header-container video {
  max-width: 100%;
  height: auto;
}
.main-header-container [hidden] {
  display: none;
}
.main-header-container *,
.main-header-container ::before,
.main-header-container ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
.main-header-container ::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
.main-header-container .visible {
  visibility: visible;
}
.main-header-container .invisible {
  visibility: hidden;
}
.main-header-container .fixed {
  position: fixed;
}
.main-header-container .relative {
  position: relative;
}
.main-header-container .inset-0 {
  inset: 0px;
}
.main-header-container .bottom-0 {
  bottom: 0px;
}
.main-header-container .left-\[8px\] {
  left: 8px;
}
.main-header-container .right-0 {
  right: 0px;
}
.main-header-container .top-0 {
  top: 0px;
}
.main-header-container .top-\[20px\] {
  top: 20px;
}
.main-header-container .-z-10 {
  z-index: -10;
}
.main-header-container .z-10 {
  z-index: 10;
}
.main-header-container .z-20 {
  z-index: 20;
}
.main-header-container .z-30 {
  z-index: 30;
}
.main-header-container .z-\[11\] {
  z-index: 11;
}
.main-header-container .m-\[16px\] {
  margin: 16px;
}
.main-header-container .mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.main-header-container .mb-\[32px\] {
  margin-bottom: 32px;
}
.main-header-container .ml-\[-25px\] {
  margin-left: -25px;
}
.main-header-container .mt-\[16px\] {
  margin-top: 16px;
}
.main-header-container .block {
  display: block;
}
.main-header-container .flex {
  display: flex;
}
.main-header-container .hidden {
  display: none;
}
.main-header-container .h-\[2px\] {
  height: 2px;
}
.main-header-container .h-\[32px\] {
  height: 32px;
}
.main-header-container .h-\[4px\] {
  height: 4px;
}
.main-header-container .h-screen {
  height: 100vh;
}
.main-header-container .w-5\/6 {
  width: 83.333333%;
}
.main-header-container .w-\[32px\] {
  width: 32px;
}
.main-header-container .max-w-\[1320px\] {
  max-width: 1320px;
}
.main-header-container .flex-1 {
  flex: 1 1 0%;
}
.main-header-container .translate-x-full {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.main-header-container .scale-\[0\.668\] {
  --tw-scale-x: 0.668;
  --tw-scale-y: 0.668;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.main-header-container .cursor-pointer {
  cursor: pointer;
}
.main-header-container .flex-col {
  flex-direction: column;
}
.main-header-container .items-center {
  align-items: center;
}
.main-header-container .justify-between {
  justify-content: space-between;
}
.main-header-container .gap-x-\[24px\] {
  -moz-column-gap: 24px;
  column-gap: 24px;
}
.main-header-container .gap-x-\[8px\] {
  -moz-column-gap: 8px;
  column-gap: 8px;
}
.main-header-container .gap-y-\[16px\] {
  row-gap: 16px;
}
.main-header-container .overflow-y-scroll {
  overflow-y: scroll;
}
.main-header-container .rounded-\[6px\] {
  border-radius: 6px;
}
.main-header-container .rounded-\[8px\] {
  border-radius: 8px;
}
.main-header-container .bg-\[\#1203A3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(18 3 163/var(--tw-bg-opacity));
}
.main-header-container .bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0/var(--tw-bg-opacity)) !important;
}
.main-header-container .bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
}
.main-header-container .bg-opacity-\[48\%\] {
  --tw-bg-opacity: 48%;
  opacity: 0.48;
}
.main-header-container .bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.main-header-container .from-\[\#49B3F3\] {
  --tw-gradient-from: #49b3f3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(73 179 243 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.main-header-container .from-10\% {
  --tw-gradient-from-position: 10%;
}
.main-header-container .via-\[\#1004A4\] {
  --tw-gradient-to: rgb(16 4 164 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
      #1004a4 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.main-header-container .to-\[\#C72D80\] {
  --tw-gradient-to: #c72d80 var(--tw-gradient-to-position);
}
.main-header-container .p-\[8px\] {
  padding: 8px;
}
.main-header-container .px-\[16px\] {
  padding-left: 16px;
  padding-right: 16px;
}
.main-header-container .py-\[2px\] {
  padding-top: 2px;
  padding-bottom: 2px;
}
.main-header-container .py-\[3px\] {
  padding-top: 3px;
  padding-bottom: 3px;
}
.main-header-container .py-\[4px\] {
  padding-top: 4px;
  padding-bottom: 4px;
}
.main-header-container .py-\[6px\] {
  padding-top: 6px;
  padding-bottom: 6px;
}
.main-header-container .py-\[8px\] {
  padding-top: 8px;
  padding-bottom: 8px;
}
.main-header-container .text-center {
  text-align: center;
}
.main-header-container .font-peyda {
  font-family: PeydaWeb;
}
.main-header-container .text-\[14px\] {
  font-size: 14px;
}
.main-header-container .text-\[16px\] {
  font-size: 16px;
}
.main-header-container .text-\[18px\] {
  font-size: 18px;
}
.main-header-container .font-bold {
  font-weight: 700;
}
.main-header-container .font-medium {
  font-weight: 500;
}
.main-header-container .font-semibold {
  font-weight: 600;
}
.main-header-container .leading-\[28px\] {
  line-height: 28px;
}
.main-header-container .leading-\[32px\] {
  line-height: 32px;
}
.main-header-container .leading-\[34px\] {
  line-height: 34px;
}
.main-header-container .text-\[\#101828\] {
  --tw-text-opacity: 1;
  color: rgb(16 24 40/var(--tw-text-opacity));
}
.main-header-container .text-\[\#475467\] {
  --tw-text-opacity: 1;
  color: rgb(71 84 103/var(--tw-text-opacity));
}
.main-header-container .text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}
.main-header-container .opacity-0 {
  opacity: 0;
}
.main-header-container .opacity-100 {
  opacity: 1;
}
.main-header-container .shadow-xs {
  --tw-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.main-header-container .backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  filter: blur(4px);
}
.main-header-container .duration-300 {
  transition-duration: 300ms;
}
.main-header-container .ease-linear {
  transition-timing-function: linear;
}
@media (min-width: 768px) {
  .main-header-container .md\:visible {
    visibility: visible;
  }
  .main-header-container .md\:relative {
    position: relative;
  }
  .main-header-container .md\:top-0 {
    top: 0px;
  }
  .main-header-container .md\:m-0 {
    margin: 0px;
  }
  .main-header-container .md\:ml-0 {
    margin-left: 0px;
  }
  .main-header-container .md\:block {
    display: block;
  }
  .main-header-container .md\:flex {
    display: flex;
  }
  .main-header-container .md\:hidden {
    display: none;
  }
  .main-header-container .md\:min-h-fit {
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .main-header-container .md\:w-full {
    width: 100%;
  }
  .main-header-container .md\:translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .main-header-container .md\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .main-header-container .md\:flex-row {
    flex-direction: row;
  }
  .main-header-container .md\:items-center {
    align-items: center;
  }
  .main-header-container .md\:gap-x-\[12px\] {
    -moz-column-gap: 12px;
    column-gap: 12px;
  }
  .main-header-container .md\:overflow-y-auto {
    overflow-y: auto;
  }
  .main-header-container .md\:border-b-2 {
    border-bottom-width: 2px;
  }
  .main-header-container .md\:border-\[\#EAECF0\] {
    --tw-border-opacity: 1;
    border-color: rgb(234 236 240/var(--tw-border-opacity));
  }
  .main-header-container .md\:bg-transparent {
    background-color: transparent;
  }
  .main-header-container .md\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .main-header-container .md\:px-\[12px\] {
    padding-left: 12px;
    padding-right: 12px;
  }
  .main-header-container .md\:px-\[16px\] {
    padding-left: 16px;
    padding-right: 16px;
  }
  .main-header-container .md\:py-\[12px\] {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .main-header-container .md\:py-\[20px\] {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .main-header-container .md\:py-\[4px\] {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .main-header-container .md\:text-\[14px\] {
    font-size: 14px;
  }
  .main-header-container .md\:font-bold {
    font-weight: 700;
  }
  .main-header-container .md\:font-medium {
    font-weight: 500;
  }
  .main-header-container .md\:hover\:bg-\[\#F9FAFB\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity));
  }
  .main-header-container .md\:hover\:text-\[\#1705D4\]:hover {
    --tw-text-opacity: 1;
    color: rgb(23 5 212/var(--tw-text-opacity));
  }
}
@media (min-width: 1024px) {
  .main-header-container .lg\:gap-x-\[16px\] {
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
  .main-header-container .lg\:text-\[16px\] {
    font-size: 16px;
  }
}
@media (min-width: 1536px) {
  .main-header-container .\32 xl\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 768px) {
  .main-header-container #main-navigation {
    overflow-y: visible !important;
  }
}
@media (min-width: 768px) {
  .main-header-container #main-navigation .nav-list li {
    font-weight: 400;
  }
}
.main-header-container .desktop-messages-content::-webkit-scrollbar,
.main-header-container .desktop-modal-messages-container::-webkit-scrollbar {
  width: 4px;
}
.main-header-container .desktop-messages-content::-webkit-scrollbar-track,
.main-header-container .desktop-modal-messages-container::-webkit-scrollbar-track {
  background: white;
}
.main-header-container .desktop-messages-content::-webkit-scrollbar-thumb,
.main-header-container .desktop-modal-messages-container::-webkit-scrollbar-thumb {
  background: #efefef;
  border-radius: 5px;
}
.main-header-container .desktop-messages-wrapper {
  position: absolute;
  z-index: 40;
  top: 181.5%;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.main-header-container .desktop-messages-wrapper.active {
  visibility: visible;
  opacity: 1;
}
.main-header-container .desktop-messages-wrapper .desktop-messages-content {
  position: relative;
  min-width: 312px;
  max-width: 312px;
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 24px;
  border-radius: 8px;
  background-color: white;
  font-family: danaFaNum !important;
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}
.main-header-container .desktop-messages-wrapper .desktop-messages-content .desktop-messages-all-read {
  display: flex;
  align-items: center;
  padding: 0 16px;
  gap: 4px;
  margin-bottom: 8px;
}
.main-header-container .desktop-messages-wrapper .desktop-messages-content .desktop-messages-all-read .desktop-messages-all-read-text {
  font-weight: 600;
  color: #1004a4;
  font-size: 14px;
  line-height: 28px;
}
.main-header-container .desktop-messages-wrapper .desktop-messages-content #notifications-container {
  display: flex;
  flex-direction: column;
}
.main-header-container .desktop-messages-wrapper .desktop-messages-content #notifications-container .desktop-message-item {
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  align-items: center;
  text-align: right;
  gap: 16px;
  padding-top: 12px;
  padding-bottom: 11px;
  border-bottom: 1px solid #eaeef0;
}
.main-header-container .desktop-messages-wrapper .desktop-messages-content #notifications-container .desktop-message-item .desktop-message-item-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.main-header-container .desktop-messages-wrapper .desktop-messages-content #notifications-container .desktop-message-item .desktop-message-item-content .desktop-message-text {
  white-space: nowrap;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  max-width: 245px;
  font-weight: 700;
  color: #344754;
  font-size: 14px;
  line-height: 26px;
  font-family: danaFaNum !important;
}
.main-header-container .desktop-messages-wrapper .desktop-messages-content #notifications-container .desktop-message-item .desktop-message-item-content .desktop-message-date {
  color: #667985;
  font-size: 12px;
  line-height: 22px;
  font-family: danaFaNum !important;
}
.main-header-container .desktop-messages-wrapper .desktop-messages-content #load-more-btn {
  position: sticky;
  bottom: -1px;
  left: 0;
  right: 0;
  width: 100%;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding-top: 16px;
  padding-bottom: 16px;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  color: #101828;
}
.main-header-container .desktop-modal-messages-background {
  position: fixed;
  height: 100vh;
  inset: 0;
  background-color: rgba(29, 46, 57, 0.32);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  z-index: 50;
  visibility: hidden;
  opacity: 0;
  transition-duration: 300ms;
  transition-timing-function: linear;
  transition-property: all;
}
.main-header-container .desktop-modal-messages-background.active {
  visibility: visible;
  opacity: 1;
}
.main-header-container .desktop-modal-messages-container {
  max-height: calc(100vh - 3rem);
  overflow-y: auto;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  z-index: 1000;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  overflow: hidden;
  transition-duration: 200ms;
  transition-timing-function: linear;
  transition-property: all;
  visibility: hidden;
  opacity: 0;
  font-family: danaFaNum !important;
}
@media (min-width: 768px) {
  .main-header-container .desktop-modal-messages-container {
    min-width: 424px;
    max-width: 424px;
    inset: 0;
    height: -moz-fit-content;
    height: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    border-radius: 1rem;
    box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
  }
}
.main-header-container .desktop-modal-messages-container.active {
  visibility: visible;
  opacity: 1;
}
.main-header-container .desktop-modal-messages-container .desktop-modal-messages-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
  margin-bottom: 56px;
}
@media (min-width: 768px) {
  .main-header-container .desktop-modal-messages-container .desktop-modal-messages-header {
    padding-right: 24px;
    padding-left: 16px;
    margin-bottom: 32px;
  }
}
.main-header-container .desktop-modal-messages-container .desktop-modal-messages-header span {
  font-weight: 700;
  color: #101828;
  font-size: 18px;
  line-height: 32px;
}
.main-header-container .desktop-modal-messages-container .desktop-modal-messages-header button {
  padding: 8px;
}
.main-header-container .desktop-modal-messages-container .desktop-modal-messages-content {
  position: relative;
}
.main-header-container .desktop-modal-messages-container .desktop-modal-messages-content #notif_modal_title {
  font-family: danaFaNum !important;
  font-weight: bold;
  color: #101828;
  font-size: 16px !important;
  line-height: 30px !important;
  margin-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .main-header-container .desktop-modal-messages-container .desktop-modal-messages-content #notif_modal_title {
    font-size: 18px !important;
    line-height: 32px !important;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.main-header-container .desktop-modal-messages-container .desktop-modal-messages-content #notif_modal_time {
  font-family: danaFaNum !important;
  font-weight: 500;
  display: inline-block;
  color: #667985;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 24px;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .main-header-container .desktop-modal-messages-container .desktop-modal-messages-content #notif_modal_time {
    margin-bottom: 16px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.main-header-container .desktop-modal-messages-container .desktop-modal-messages-content #notif_modal_description {
  font-family: danaFaNum !important;
  color: #475a67;
  font-size: 16px;
  line-height: 30px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 48px;
}
@media (min-width: 768px) {
  .main-header-container .desktop-modal-messages-container .desktop-modal-messages-content #notif_modal_description {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.main-header-container .desktop-modal-messages-container .desktop-modal-messages-content .desktop-modal-read-message {
  position: sticky;
  bottom: -1px;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #ffffff;
  text-align: center;
  padding-top: 16px;
  padding-bottom: 16px;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.0509803922);
}
.main-header-container .desktop-modal-messages-container .desktop-modal-messages-content .desktop-modal-read-message span {
  font-family: danaFaNum !important;
  font-weight: 600;
  color: #98a8b3;
  font-size: 14px;
  line-height: 28px;
}

.footer-fa-container {
  /*
  tailwindcss
  */
  /*
  1. Use a consistent sensible line-height in all browsers.
  2. Prevent adjustments of font size after orientation changes in iOS.
  3. Use a more readable tab size.
  4. Use the user's configured `sans` font-family by default.
  5. Use the user's configured `sans` font-feature-settings by default.
  6. Use the user's configured `sans` font-variation-settings by default.
  7. Disable tap highlights on iOS
  */
  /*
  1. Remove the margin in all browsers.
  2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
  */
  /*
  1. Add the correct height in Firefox.
  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
  3. Ensure horizontal rules are visible by default.
  */
  /*
  Add the correct text decoration in Chrome, Edge, and Safari.
  */
  /*
  Remove the default font size and weight for headings.
  */
  /*
  Reset links to optimize for opt-in styling instead of opt-out.
  */
  /*
  Add the correct font weight in Edge and Safari.
  */
  /*
  1. Use the user's configured `mono` font-family by default.
  2. Use the user's configured `mono` font-feature-settings by default.
  3. Use the user's configured `mono` font-variation-settings by default.
  4. Correct the odd `em` font sizing in all browsers.
  */
  /*
  Add the correct font size in all browsers.
  */
  /*
  Prevent `sub` and `sup` elements from affecting the line height in all browsers.
  */
  /*
  1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
  2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
  3. Remove gaps between table borders by default.
  */
  /*
  1. Change the font styles in all browsers.
  2. Remove the margin in Firefox and Safari.
  3. Remove default padding in all browsers.
  */
  /*
  Remove the inheritance of text transform in Edge and Firefox.
  */
  /*
  1. Correct the inability to style clickable types in iOS and Safari.
  2. Remove default button styles.
  */
  /*
  Use the modern Firefox focus style for all focusable elements.
  */
  /*
  Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
  */
  /*
  Add the correct vertical alignment in Chrome and Firefox.
  */
  /*
  Correct the cursor style of increment and decrement buttons in Safari.
  */
  /*
  1. Correct the odd appearance in Chrome and Safari.
  2. Correct the outline style in Safari.
  */
  /*
  Remove the inner padding in Chrome and Safari on macOS.
  */
  /*
  1. Correct the inability to style clickable types in iOS and Safari.
  2. Change font properties to `inherit` in Safari.
  */
  /*
  Add the correct display in Chrome and Safari.
  */
  /*
  Removes the default spacing and border for appropriate elements.
  */
  /*
  Reset default styling for dialogs.
  */
  /*
  Prevent resizing textareas horizontally by default.
  */
  /*
  1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
  2. Set the default placeholder color to the user's configured gray 400 color.
  */
  /*
  Set the default cursor for buttons.
  */
  /*
  Make sure disabled buttons don't get the pointer cursor.
  */
  /*
  1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
  2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
     This can trigger a poorly considered lint error in some tools but is included by design.
  */
  /*
  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
  */
  /* Make elements with the HTML hidden attribute stay hidden by default */
}
.footer-fa-container .title-highlight {
  background: linear-gradient(to right, #49b3f3 15%, #1004a4, #c72d80);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.footer-fa-container *,
.footer-fa-container ::before,
.footer-fa-container ::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #eaecf0; /* 2 */
}
.footer-fa-container ::before,
.footer-fa-container ::after {
  --tw-content: "";
}
.footer-fa-container html,
.footer-fa-container :host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
.footer-fa-container body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
.footer-fa-container hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
.footer-fa-container abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
.footer-fa-container h1,
.footer-fa-container h2,
.footer-fa-container h3,
.footer-fa-container h4,
.footer-fa-container h5,
.footer-fa-container h6 {
  font-size: inherit;
  font-weight: inherit;
}
.footer-fa-container a {
  color: inherit;
  text-decoration: inherit;
}
.footer-fa-container b,
.footer-fa-container strong {
  font-weight: bolder;
}
.footer-fa-container code,
.footer-fa-container kbd,
.footer-fa-container samp,
.footer-fa-container pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
.footer-fa-container small {
  font-size: 80%;
}
.footer-fa-container sub,
.footer-fa-container sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.footer-fa-container sub {
  bottom: -0.25em;
}
.footer-fa-container sup {
  top: -0.5em;
}
.footer-fa-container table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
.footer-fa-container button,
.footer-fa-container input,
.footer-fa-container optgroup,
.footer-fa-container select,
.footer-fa-container textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
.footer-fa-container button,
.footer-fa-container select {
  text-transform: none;
}
.footer-fa-container button,
.footer-fa-container input:where([type=button]),
.footer-fa-container input:where([type=reset]),
.footer-fa-container input:where([type=submit]) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
.footer-fa-container :-moz-focusring {
  outline: auto;
}
.footer-fa-container :-moz-ui-invalid {
  box-shadow: none;
}
.footer-fa-container progress {
  vertical-align: baseline;
}
.footer-fa-container ::-webkit-inner-spin-button,
.footer-fa-container ::-webkit-outer-spin-button {
  height: auto;
}
.footer-fa-container [type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
.footer-fa-container ::-webkit-search-decoration {
  -webkit-appearance: none;
}
.footer-fa-container ::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
.footer-fa-container summary {
  display: list-item;
}
.footer-fa-container blockquote,
.footer-fa-container dl,
.footer-fa-container dd,
.footer-fa-container h1,
.footer-fa-container h2,
.footer-fa-container h3,
.footer-fa-container h4,
.footer-fa-container h5,
.footer-fa-container h6,
.footer-fa-container hr,
.footer-fa-container figure,
.footer-fa-container p,
.footer-fa-container pre {
  margin: 0;
}
.footer-fa-container fieldset {
  margin: 0;
  padding: 0;
}
.footer-fa-container legend {
  padding: 0;
}
.footer-fa-container ol,
.footer-fa-container ul,
.footer-fa-container menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-fa-container dialog {
  padding: 0;
}
.footer-fa-container textarea {
  resize: vertical;
}
.footer-fa-container input::-moz-placeholder,
.footer-fa-container textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #98a2b3; /* 2 */
}
.footer-fa-container input::-moz-placeholder, .footer-fa-container textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #98a2b3; /* 2 */
}
.footer-fa-container input::placeholder,
.footer-fa-container textarea::placeholder {
  opacity: 1; /* 1 */
  color: #98a2b3; /* 2 */
}
.footer-fa-container button,
.footer-fa-container [role=button] {
  cursor: pointer;
}
.footer-fa-container :disabled {
  cursor: default;
}
.footer-fa-container img,
.footer-fa-container svg,
.footer-fa-container video,
.footer-fa-container canvas,
.footer-fa-container audio,
.footer-fa-container iframe,
.footer-fa-container embed,
.footer-fa-container object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
.footer-fa-container img,
.footer-fa-container video {
  max-width: 100%;
  height: auto;
}
.footer-fa-container [hidden] {
  display: none;
}
.footer-fa-container *,
.footer-fa-container ::before,
.footer-fa-container ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
.footer-fa-container ::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
.footer-fa-container .mx-\[6px\] {
  margin-left: 6px;
  margin-right: 6px;
}
.footer-fa-container .mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.footer-fa-container .mb-\[16px\] {
  margin-bottom: 16px;
}
.footer-fa-container .mb-\[24px\] {
  margin-bottom: 24px;
}
.footer-fa-container .mb-\[40px\] {
  margin-bottom: 40px;
}
.footer-fa-container .mb-\[48px\] {
  margin-bottom: 48px;
}
.footer-fa-container .block {
  display: block;
}
.footer-fa-container .inline-block {
  display: inline-block;
}
.footer-fa-container .inline {
  display: inline;
}
.footer-fa-container .flex {
  display: flex;
}
.footer-fa-container .h-\[24px\] {
  height: 24px;
}
.footer-fa-container .h-\[2px\] {
  height: 2px;
}
.footer-fa-container .h-\[48px\] {
  height: 48px;
}
.footer-fa-container .w-\[24px\] {
  width: 24px;
}
.footer-fa-container .w-\[48px\] {
  width: 48px;
}
.footer-fa-container .w-full {
  width: 100%;
}
.footer-fa-container .max-w-\[1320px\] {
  max-width: 1320px;
}
.footer-fa-container .max-w-\[424px\] {
  max-width: 424px;
}
.footer-fa-container .flex-1 {
  flex: 1 1 0%;
}
.footer-fa-container .flex-col {
  flex-direction: column;
}
.footer-fa-container .items-start {
  align-items: flex-start;
}
.footer-fa-container .items-center {
  align-items: center;
}
.footer-fa-container .justify-center {
  justify-content: center;
}
.footer-fa-container .justify-between {
  justify-content: space-between;
}
.footer-fa-container .gap-x-\[12px\] {
  -moz-column-gap: 12px;
  column-gap: 12px;
}
.footer-fa-container .gap-x-\[32px\] {
  -moz-column-gap: 32px;
  column-gap: 32px;
}
.footer-fa-container .gap-x-\[8px\] {
  -moz-column-gap: 8px;
  column-gap: 8px;
}
.footer-fa-container .gap-y-\[12px\] {
  row-gap: 12px;
}
.footer-fa-container .gap-y-\[16px\] {
  row-gap: 16px;
}
.footer-fa-container .gap-y-\[24px\] {
  row-gap: 24px;
}
.footer-fa-container .bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.footer-fa-container .from-\[\#49B3F3\] {
  --tw-gradient-from: #49b3f3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(73 179 243 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.footer-fa-container .from-20\% {
  --tw-gradient-from-position: 20%;
}
.footer-fa-container .via-\[\#1004A4\] {
  --tw-gradient-to: rgb(16 4 164 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
      #1004a4 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.footer-fa-container .to-\[\#C72D80\] {
  --tw-gradient-to: #c72d80 var(--tw-gradient-to-position);
}
.footer-fa-container .px-\[16px\] {
  padding-left: 16px;
  padding-right: 16px;
}
.footer-fa-container .py-\[48px\] {
  padding-top: 48px;
  padding-bottom: 48px;
}
.footer-fa-container .font-peyda {
  font-family: PeydaWeb;
}
.footer-fa-container .font-poppins {
  font-family: poppins;
}
.footer-fa-container .text-\[14px\] {
  font-size: 14px;
}
.footer-fa-container .text-\[16px\] {
  font-size: 16px;
}
.footer-fa-container .font-bold {
  font-weight: 700;
}
.footer-fa-container .font-medium {
  font-weight: 500;
}
.footer-fa-container .font-semibold {
  font-weight: 600;
}
.footer-fa-container .leading-\[20px\] {
  line-height: 20px;
}
.footer-fa-container .leading-\[28px\] {
  line-height: 28px;
}
.footer-fa-container .leading-\[32px\] {
  line-height: 32px;
}
.footer-fa-container .text-\[\#1203A3\] {
  --tw-text-opacity: 1;
  color: rgb(18 3 163/var(--tw-text-opacity));
}
.footer-fa-container .text-\[\#667085\] {
  --tw-text-opacity: 1;
  color: rgb(102 112 133/var(--tw-text-opacity));
}
.footer-fa-container .text-\[\#98A2B3\] {
  --tw-text-opacity: 1;
  color: rgb(152 162 179/var(--tw-text-opacity));
}
@media (min-width: 1024px) {
  .footer-fa-container .lg\:mb-0 {
    margin-bottom: 0px;
  }
  .footer-fa-container .lg\:flex-1 {
    flex: 1 1 0%;
  }
  .footer-fa-container .lg\:flex-row {
    flex-direction: row;
  }
  .footer-fa-container .lg\:items-start {
    align-items: flex-start;
  }
  .footer-fa-container .lg\:justify-start {
    justify-content: flex-start;
  }
  .footer-fa-container .lg\:justify-between {
    justify-content: space-between;
  }
  .footer-fa-container .lg\:gap-\[12px\] {
    gap: 12px;
  }
  .footer-fa-container .lg\:pt-\[64px\] {
    padding-top: 64px;
  }
  .footer-fa-container .lg\:text-\[16px\] {
    font-size: 16px;
  }
  .footer-fa-container .lg\:leading-\[32px\] {
    line-height: 32px;
  }
}
@media (min-width: 1280px) {
  .footer-fa-container .xl\:flex-auto {
    flex: 1 1 auto;
  }
  .footer-fa-container .xl\:gap-\[24px\] {
    gap: 24px;
  }
}
@media (min-width: 1536px) {
  .footer-fa-container .\32 xl\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.park-subscription {
  margin: -6px -8px 0 -12px;
}
@media (min-width: 1024px) {
  .park-subscription {
    margin: 0 -100px;
    padding: 0;
  }
}
@media (min-width: 1280px) {
  .park-subscription {
    margin: 0 -90px;
  }
}
.park-subscription .park-subscription-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 16px 16px 16px;
}
@media (min-width: 576px) {
  .park-subscription .park-subscription-header {
    padding: 24px 0;
  }
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-header {
    padding: 48px 0 20px 0;
  }
}
.park-subscription .park-subscription-header .park-subscription-title {
  margin-bottom: 0;
  font-family: DanaFaNum !important;
  color: #101828 !important;
  font-weight: 700;
  font-size: 16px !important;
  line-height: 32px !important;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-header .park-subscription-title {
    font-size: 20px !important;
    line-height: 38px !important;
  }
}
.park-subscription .park-subscription-header .buy-subscription-wrapper {
  z-index: 3;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  border-top: 1px solid #EAECF0;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  padding: 15px 16px 16px 16px;
}
@media (min-width: 768px) {
  .park-subscription .park-subscription-header .buy-subscription-wrapper {
    border: none;
    box-shadow: none;
    padding: 0;
    position: relative;
    z-index: 1;
  }
}
.park-subscription .park-subscription-header .buy-subscription-wrapper .buy-subscription-btn {
  font-family: DanaFaNum;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  color: #1203A3;
  width: 100%;
  padding: 5px 0;
  text-align: center;
  border: 1px solid #3A27F3;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border-radius: 8px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .park-subscription .park-subscription-header .buy-subscription-wrapper .buy-subscription-btn {
    width: -moz-fit-content;
    width: fit-content;
    padding: 6px 15px 4px 15px;
    font-size: 16px;
    line-height: 32px;
  }
}
.park-subscription .park-subscription-header:has(.buy-subscription-wrapper) ~ .park-subscription-container {
  margin-bottom: 84px;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-header:has(.buy-subscription-wrapper) ~ .park-subscription-container {
    margin-bottom: 48px;
  }
}
.park-subscription .park-subscription-header:has(.buy-subscription-wrapper) ~ .park-subscription-container .park-subscription-container-header {
  margin-bottom: 39px;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-header:has(.buy-subscription-wrapper) ~ .park-subscription-container .park-subscription-container-header {
    margin-bottom: 55px;
  }
}
.park-subscription .park-subscription-container {
  font-family: DanaFaNum !important;
  padding: 24px 16px;
  background: #fff;
  margin-bottom: 24px;
}
@media (min-width: 576px) {
  .park-subscription .park-subscription-container {
    border-radius: 16px;
  }
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container {
    padding: 32px;
    margin-bottom: 48px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-header {
  padding: 16px;
  border: 1px solid #EAECF0;
  border-radius: 8px;
  margin-bottom: 24px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-header {
    margin-bottom: 40px;
    padding: 20px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-header .nav-tabs {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: nowrap;
  text-wrap: nowrap;
  border-bottom: none;
  overflow-x: scroll;
  scrollbar-width: none;
  margin: 0 -16px;
  padding: 0 16px 16px 16px;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-header .nav-tabs {
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-header .nav-tabs {
    padding-bottom: 23px;
    gap: 16px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-header .nav-tabs .nav-link {
  border: none;
  padding: 0;
  text-align: center;
  padding: 0 16px 2px 16px;
  border: 1px solid #EAECF0;
  border-radius: 9999px;
  color: #667085;
  font-size: 14px;
  line-height: 28px;
  transition: all 0.3s linear;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-header .nav-tabs .nav-link {
    padding: 3px 19px;
    font-size: 16px;
    line-height: 32px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-header .nav-tabs .nav-link.active {
  border-color: #D90E80;
  background-color: #D90E80;
  color: white;
  font-weight: 600;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-header .nav-tabs .nav-link.active {
    padding: 3px 19px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-header .nav-tabs .nav-link.active::before {
  display: none;
}
.park-subscription .park-subscription-container .park-subscription-container-header .park-subscription-container-header-content {
  border-top: 1px solid #EAECF0;
  padding-top: 15px;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-header .park-subscription-container-header-content {
    padding-top: 23px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-header .park-subscription-container-header-content .park-subscription-container-header-content-description {
  font-family: DanaFaNum !important;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 28px;
  color: #667085;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-header .park-subscription-container-header-content .park-subscription-container-header-content-description {
    font-size: 16px;
    line-height: 32px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .tab-pane {
  display: none;
}
.park-subscription .park-subscription-container .park-subscription-container-content .tab-pane.show {
  display: block;
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container {
  display: flex;
  flex-direction: column;
  gap: 39px;
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  padding: 11px;
  background-color: white;
  border-radius: 8px;
  border: 1px solid;
  outline: 3px solid transparent;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item {
    padding: 19px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-timing {
  position: absolute;
  top: -16px;
  left: 16px;
  font-weight: 500;
  border-radius: 999px;
  padding: 0 7px;
  border: 1px solid;
  font-size: 14px;
  line-height: 28px;
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  padding-bottom: 15px;
  border-bottom: 1px solid #EAECF0;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-header {
    padding-bottom: 0;
    border: none;
    margin-bottom: 24px;
    flex-direction: row;
    align-items: end;
    justify-content: space-between;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-header .purchased-item-header-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-header .purchased-item-header-info {
    gap: 8px;
    align-items: start;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-header .purchased-item-header-info .purchased-item-header-logo {
  background-color: #FCFCFD;
  border-radius: 4px;
  padding: 6px;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-header .purchased-item-header-info .purchased-item-header-logo {
    padding: 8px 10px;
    border-radius: 8px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-header .purchased-item-header-info .purchased-item-header-logo img {
  width: 20px;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-header .purchased-item-header-info .purchased-item-header-logo img {
    width: 44px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-header .purchased-item-header-info .purchased-item-header-title h6 {
  font-family: DanaFaNum !important;
  font-weight: 600;
  color: #101828;
  font-size: 14px !important;
  line-height: 28px !important;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-header .purchased-item-header-info .purchased-item-header-title h6 {
    font-size: 16px !important;
    line-height: 32px !important;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-header .purchased-item-header-timing {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-header .purchased-item-header-timing {
    justify-content: end;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-header .purchased-item-header-timing .purchased-item-header-timing-date,
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-header .purchased-item-header-timing .purchased-item-header-timing-volume {
  font-size: 12px;
  line-height: 24px;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-header .purchased-item-header-timing .purchased-item-header-timing-date,
  .park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-header .purchased-item-header-timing .purchased-item-header-timing-volume {
    font-size: 16px;
    line-height: 32px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-header .purchased-item-header-timing .purchased-item-header-timing-date span:nth-child(1),
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-header .purchased-item-header-timing .purchased-item-header-timing-volume span:nth-child(1) {
  color: #98A2B3;
  font-weight: 500;
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-header .purchased-item-header-timing .purchased-item-header-timing-date span:nth-child(2),
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-header .purchased-item-header-timing .purchased-item-header-timing-volume span:nth-child(2) {
  color: #182230;
  font-weight: 700;
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-header .purchased-item-header-timing .purchased-item-header-timing-date {
  padding-left: 7px;
  border-left: 1px solid #EAECF0;
  margin-left: 8px;
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-footer {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    background-color: #FCFCFD;
    border-radius: 4px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-footer .purchased-item-footer-timing {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-footer .purchased-item-footer-timing {
    width: -moz-fit-content;
    width: fit-content;
    gap: 16px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-footer .purchased-item-footer-timing .purchased-item-footer-timing-data,
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-footer .purchased-item-footer-timing .purchased-item-footer-timing-volume {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  line-height: 24px;
  font-weight: 500;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-footer .purchased-item-footer-timing .purchased-item-footer-timing-data,
  .park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-footer .purchased-item-footer-timing .purchased-item-footer-timing-volume {
    font-size: 14px;
    line-height: 28px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-footer .purchased-item-footer-timing .purchased-item-footer-timing-data span:nth-child(1),
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-footer .purchased-item-footer-timing .purchased-item-footer-timing-volume span:nth-child(1) {
  display: none;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-footer .purchased-item-footer-timing .purchased-item-footer-timing-data span:nth-child(1),
  .park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-footer .purchased-item-footer-timing .purchased-item-footer-timing-volume span:nth-child(1) {
    display: block;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-footer .purchased-item-footer-timing .purchased-item-footer-timing-data span:nth-of-type(2),
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-footer .purchased-item-footer-timing .purchased-item-footer-timing-volume span:nth-of-type(2) {
  color: #98A2B3;
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-footer .purchased-item-footer-timing .purchased-item-footer-timing-data span:nth-child(3),
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-footer .purchased-item-footer-timing .purchased-item-footer-timing-volume span:nth-child(3) {
  color: #475467;
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-footer .purchased-item-submit {
  text-align: center;
  width: 100%;
  background-color: #1203A3;
  color: #FFFFFF;
  border: none;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  outline: 3px solid transparent !important;
  transition: all 0.3s linear;
  padding: 4px 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  border-radius: 8px;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-footer .purchased-item-submit {
    padding: 4px 14px;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-footer .purchased-item-submit:hover {
  background-color: #3A27F3;
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item .purchased-item-footer .purchased-item-submit:focus {
  outline-color: #E8E6FA !important;
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item.end_of_subscription {
  border-color: #EF4444;
  outline-color: rgba(239, 68, 68, 0.0588235294);
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item.end_of_subscription .purchased-timing {
  color: #EF4444;
  background-color: #FFFAFA;
  border-color: #FEE2E2;
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item.in_use_subscription {
  border-color: #3A27F3;
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item.in_use_subscription .purchased-timing {
  color: #1203A3;
  background-color: #FAFAFF;
  border-color: #DAD6FF;
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item.reserved_subscription {
  border-color: #F79009;
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item.reserved_subscription .purchased-timing {
  color: #F79009;
  background-color: #FFFCF5;
  border-color: #FEF0C7;
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item.expired_subscription {
  border-color: #98A2B3;
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-item.expired_subscription .purchased-timing {
  color: #98A2B3;
  background-color: #FCFCFD;
  border-color: #F2F4F7;
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-null-container {
  display: grid;
  place-items: center;
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-null-container .purchased-null-image {
  margin-bottom: 20px;
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-null-container .purchased-null-content {
  position: relative;
  font-family: DanaFaNum !important;
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-null-container .purchased-null-content .purchased-null-content-title {
  font-family: DanaFaNum !important;
  font-weight: 500;
  color: #182230;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-null-container .purchased-null-content .purchased-null-content-title {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 32px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-null-container .purchased-null-content .buy-subscription-wrapper-2 {
  display: none;
}
@media (min-width: 768px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-null-container .purchased-null-content .buy-subscription-wrapper-2 {
    display: block;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-null-container .purchased-null-content .buy-subscription-wrapper-2 .buy-subscription-btn {
  font-family: DanaFaNum;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  color: #1203A3;
  width: 100%;
  padding: 5px 0;
  text-align: center;
  border: 1px solid #3A27F3;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border-radius: 8px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .purchased-container .purchased-null-container .purchased-null-content .buy-subscription-wrapper-2 .buy-subscription-btn {
    width: -moz-fit-content;
    width: fit-content;
    padding: 4px 65px;
    margin: 0 auto;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .special-offer {
  position: absolute;
  top: -17px;
  left: 16px;
  font-weight: 600;
  color: #D90E80;
  background-color: #FFF5FB;
  border-radius: 6px;
  padding: 4px 12px;
  z-index: 2;
  font-size: 12px;
  line-height: 24px;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .special-offer {
    font-size: 14px;
    line-height: 28px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper {
  position: relative;
  padding: 1px;
  background-color: #EAECF0;
  border-radius: 8px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper {
    border-radius: 12px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #49b3f3 20%, #1004a4, #c72d80);
  opacity: 0;
  transition: opacity 0.5s linear;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper:hover {
  box-shadow: 0px 4px 20px -2px rgba(23, 5, 212, 0.1019607843);
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper:hover::before {
  opacity: 1;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper:hover .subscription-item .subscription-item-footer .subscription-item-footer-action .subscription-item-submit {
  transition: opacity 0.5s linear;
  opacity: 1;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item {
  position: relative;
  padding: 15px;
  background-color: white;
  border-radius: 7px;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item {
    border-radius: 11px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 16px;
  padding-bottom: 15px;
  border-bottom: 1px solid #EAECF0;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-header {
    margin-bottom: 20px;
    padding-bottom: 19px;
    align-items: center;
  }
}
@media (min-width: 1150px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-header {
    align-items: end;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-header .subscription-item-header-info {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 4px;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-header .subscription-item-header-info {
    flex-direction: row;
    align-items: center;
    gap: 20px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-header .subscription-item-header-info .subscription-item-header-logo {
  background-color: #FCFCFD;
  border-radius: 4px;
  padding: 6px;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-header .subscription-item-header-info .subscription-item-header-logo {
    padding: 8px 10px;
    border-radius: 8px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-header .subscription-item-header-info .subscription-item-header-logo img {
  width: 20px;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-header .subscription-item-header-info .subscription-item-header-logo img {
    width: 44px;
  }
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-header .subscription-item-header-info .subscription-item-header-title {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-header .subscription-item-header-info .subscription-item-header-title h6 {
  font-family: DanaFaNum !important;
  font-weight: 500;
  color: #475467;
  font-size: 14px !important;
  line-height: 28px !important;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-header .subscription-item-header-info .subscription-item-header-title h6 {
    font-size: 16px !important;
    line-height: 32px !important;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-header .subscription-item-header-info .subscription-item-header-title .subscription-item-price {
  display: none;
}
@media (min-width: 1150px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-header .subscription-item-header-info .subscription-item-header-title .subscription-item-price {
    display: flex;
    align-items: center;
    gap: 10px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-header .subscription-item-header-info .subscription-item-header-title .subscription-item-price .subscription-item-main-price {
  color: #0C111D;
  font-weight: 600;
  font-size: 18px;
  line-height: 34px;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-header .subscription-item-header-info .subscription-item-header-title .subscription-item-price:has(.subscription-item-offer) .subscription-item-main-price {
  text-decoration: line-through;
  font-weight: 400;
  color: #98A2B3;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-header .subscription-item-header-info .subscription-item-header-title .subscription-item-price .subscription-item-offer {
  display: flex;
  align-items: center;
  gap: 10px;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-header .subscription-item-header-info .subscription-item-header-title .subscription-item-price .subscription-item-offer .subscription-item-offer-price {
  font-size: 18px;
  line-height: 34px;
  font-weight: 600;
  color: #D90E80;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-header .subscription-item-header-info .subscription-item-header-title .subscription-item-price .subscription-item-offer .subscription-item-price-offer-discount {
  font-weight: 500;
  color: #D90E80;
  font-size: 14px;
  line-height: 28px;
  padding: 0 7px;
  border-radius: 9999px;
  background-color: #FFF5FB;
  border: 1px solid #FCCFE8;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-header .subscription-item-header-timing {
  display: flex;
  align-items: center;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-header .subscription-item-header-timing .subscription-item-header-timing-date,
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-header .subscription-item-header-timing .subscription-item-header-timing-volume {
  font-size: 12px;
  line-height: 24px;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-header .subscription-item-header-timing .subscription-item-header-timing-date,
  .park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-header .subscription-item-header-timing .subscription-item-header-timing-volume {
    font-size: 16px;
    line-height: 32px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-header .subscription-item-header-timing .subscription-item-header-timing-date span:nth-child(1),
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-header .subscription-item-header-timing .subscription-item-header-timing-volume span:nth-child(1) {
  color: #98A2B3;
  font-weight: 500;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-header .subscription-item-header-timing .subscription-item-header-timing-date span:nth-child(2),
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-header .subscription-item-header-timing .subscription-item-header-timing-volume span:nth-child(2) {
  color: #182230;
  font-weight: 700;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-header .subscription-item-header-timing .subscription-item-header-timing-date {
  padding-left: 7px;
  border-left: 1px solid #EAECF0;
  margin-left: 8px;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-footer {
    display: flex;
    align-items: start;
    justify-content: space-between;
  }
}
@media (min-width: 1150px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-footer {
    align-items: end;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-footer .subscription-item-features {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 16px;
  padding-bottom: 15px;
  border-bottom: 1px solid #EAECF0;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-footer .subscription-item-features {
    gap: 2px;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
    align-items: start;
    min-height: 58px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-footer .subscription-item-features .subscription-item-feature {
  display: flex;
  align-items: center;
  gap: 6px;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-footer .subscription-item-features .subscription-item-feature {
    gap: 10px;
  }
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-footer .subscription-item-features .subscription-item-feature .subscription-item-feature-icon svg {
    scale: 1.25;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-footer .subscription-item-features .subscription-item-feature .subscription-item-feature-title {
  font-weight: 500;
  color: #344054;
  font-size: 12px;
  line-height: 24px;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-footer .subscription-item-features .subscription-item-feature .subscription-item-feature-title {
    font-size: 14px;
    line-height: 28px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-footer .subscription-item-footer-action {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
@media (min-width: 1150px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-footer .subscription-item-footer-action {
    justify-content: flex-end;
    align-items: end;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-footer .subscription-item-footer-action .subscription-item-price {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (min-width: 1150px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-footer .subscription-item-footer-action .subscription-item-price {
    display: none;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-footer .subscription-item-footer-action .subscription-item-price .subscription-item-main-price {
  color: #0C111D;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-footer .subscription-item-footer-action .subscription-item-price:has(.subscription-item-offer) .subscription-item-main-price {
  text-decoration: line-through;
  font-weight: 400;
  color: #98A2B3;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-footer .subscription-item-footer-action .subscription-item-price .subscription-item-offer {
  display: flex;
  align-items: center;
  gap: 10px;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-footer .subscription-item-footer-action .subscription-item-price .subscription-item-offer .subscription-item-offer-price {
  font-size: 14px;
  line-height: 28px;
  font-weight: 600;
  color: #D90E80;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-footer .subscription-item-footer-action .subscription-item-price .subscription-item-offer .subscription-item-price-offer-discount {
  font-weight: 500;
  color: #D90E80;
  font-size: 12px;
  line-height: 24px;
  padding: 0 7px;
  border-radius: 9999px;
  background-color: #FFF5FB;
  border: 1px solid #FCCFE8;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-footer .subscription-item-footer-action .subscription-item-submit {
  width: 100%;
  background-color: #1203A3;
  color: #FFFFFF;
  border: none;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  outline: 3px solid transparent !important;
  transition: all 0.3s linear;
  padding: 4px 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  border-radius: 8px;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-footer .subscription-item-footer-action .subscription-item-submit {
    padding: 4px 29.5px;
    opacity: 0;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-footer .subscription-item-footer-action .subscription-item-submit:hover {
  background-color: #3A27F3;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-purchase-container .subscription-item-container .subscription-item-wrapper .subscription-item .subscription-item-footer .subscription-item-footer-action .subscription-item-submit:focus {
  outline-color: #E8E6FA !important;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container:has(.special-offer) {
  margin-top: 6px;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .special-offer {
  position: absolute;
  top: -17px;
  left: 16px;
  font-weight: 600;
  color: #D90E80;
  background-color: #FFF5FB;
  border-radius: 6px;
  padding: 4px 12px;
  z-index: 2;
  font-size: 12px;
  line-height: 24px;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .special-offer {
    font-size: 14px;
    line-height: 28px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper {
  position: relative;
  padding: 1px;
  background-color: #EAECF0;
  border-radius: 8px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper {
    border-radius: 12px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #49b3f3 20%, #1004a4, #c72d80);
  opacity: 0;
  transition: opacity 0.5s linear;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper:hover {
  box-shadow: 0px 4px 20px -2px rgba(23, 5, 212, 0.1019607843);
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper:hover::before {
  opacity: 1;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper:hover .collection-item .collection-item-footer {
    opacity: 1;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item {
  position: relative;
  padding: 15px;
  background-color: white;
  border-radius: 7px;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item {
    border-radius: 11px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-header {
    flex-direction: row;
    align-items: end;
    justify-content: space-between;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-header .collection-item-header-info {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 4px;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-header .collection-item-header-info {
    flex-direction: row;
    align-items: end;
    gap: 20px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-header .collection-item-header-info .collection-item-header-logo {
  background-color: #FCFCFD;
  border-radius: 4px;
  padding: 6px;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-header .collection-item-header-info .collection-item-header-logo {
    padding: 8px 10px;
    border-radius: 8px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-header .collection-item-header-info .collection-item-header-logo img {
  width: 20px;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-header .collection-item-header-info .collection-item-header-logo img {
    width: 44px;
  }
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-header .collection-item-header-info .collection-item-header-title {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-header .collection-item-header-info .collection-item-header-title h6 {
  font-family: DanaFaNum !important;
  font-weight: 500;
  color: #475467;
  font-size: 14px !important;
  line-height: 28px !important;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-header .collection-item-header-info .collection-item-header-title h6 {
    font-size: 16px !important;
    line-height: 32px !important;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-header .collection-item-header-info .collection-item-header-title .collection-item-price {
  display: none;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-header .collection-item-header-info .collection-item-header-title .collection-item-price {
    display: flex;
    align-items: center;
    gap: 10px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-header .collection-item-header-info .collection-item-header-title .collection-item-price .collection-item-main-price {
  color: #0C111D;
  font-weight: 600;
  font-size: 18px;
  line-height: 34px;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-header .collection-item-header-info .collection-item-header-title .collection-item-price:has(.collection-item-offer) .collection-item-main-price {
  text-decoration: line-through;
  font-weight: 400;
  color: #98A2B3;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-header .collection-item-header-info .collection-item-header-title .collection-item-price .collection-item-offer {
  display: flex;
  align-items: center;
  gap: 10px;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-header .collection-item-header-info .collection-item-header-title .collection-item-price .collection-item-offer .collection-item-offer-price {
  font-size: 18px;
  line-height: 34px;
  font-weight: 600;
  color: #D90E80;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-header .collection-item-header-info .collection-item-header-title .collection-item-price .collection-item-offer .collection-item-price-offer-discount {
  font-weight: 500;
  color: #D90E80;
  font-size: 14px;
  line-height: 28px;
  padding: 0 7px;
  border-radius: 9999px;
  background-color: #FFF5FB;
  border: 1px solid #FCCFE8;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-header .collection-item-features {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 15px 0 15px 0;
  border-top: 1px solid #EAECF0;
  border-bottom: 1px solid #EAECF0;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-header .collection-item-features:has(> :only-child) {
  justify-content: center;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-header .collection-item-features {
    padding: 0;
    border: none;
    flex-direction: column;
    gap: 2px;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-header .collection-item-features .collection-item-feature {
  display: flex;
  align-items: center;
  gap: 6px;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-header .collection-item-features .collection-item-feature {
    gap: 10px;
  }
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-header .collection-item-features .collection-item-feature .collection-item-feature-icon svg {
    scale: 1.25;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-header .collection-item-features .collection-item-feature .collection-item-feature-title {
  font-weight: 500;
  color: #344054;
  font-size: 12px;
  line-height: 24px;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-header .collection-item-features .collection-item-feature .collection-item-feature-title {
    font-size: 14px;
    line-height: 28px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-footer {
  margin-top: 16px;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-footer {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: end;
    transition: all 0.3 linear;
    opacity: 0;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-footer .collection-item-footer-action {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
@media (min-width: 1150px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-footer .collection-item-footer-action {
    justify-content: flex-end;
    align-items: end;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-footer .collection-item-footer-action .collection-item-price {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-footer .collection-item-footer-action .collection-item-price {
    display: none;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-footer .collection-item-footer-action .collection-item-price .collection-item-main-price {
  color: #0C111D;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-footer .collection-item-footer-action .collection-item-price:has(.collection-item-offer) .collection-item-main-price {
  text-decoration: line-through;
  font-weight: 400;
  color: #98A2B3;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-footer .collection-item-footer-action .collection-item-price .collection-item-offer {
  display: flex;
  align-items: center;
  gap: 10px;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-footer .collection-item-footer-action .collection-item-price .collection-item-offer .collection-item-offer-price {
  font-size: 14px;
  line-height: 28px;
  font-weight: 600;
  color: #D90E80;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-footer .collection-item-footer-action .collection-item-price .collection-item-offer .collection-item-price-offer-discount {
  font-weight: 500;
  color: #D90E80;
  font-size: 12px;
  line-height: 24px;
  padding: 0 7px;
  border-radius: 9999px;
  background-color: #FFF5FB;
  border: 1px solid #FCCFE8;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-footer .collection-item-footer-action .collection-item-submit {
  width: 100%;
  background-color: #1203A3;
  color: #FFFFFF;
  border: none;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  outline: 3px solid transparent !important;
  transition: all 0.5s linear;
  padding: 4px 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  border-radius: 8px;
}
@media (min-width: 1024px) {
  .park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-footer .collection-item-footer-action .collection-item-submit {
    padding: 4px 14px;
  }
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-footer .collection-item-footer-action .collection-item-submit:hover {
  background-color: #3A27F3;
}
.park-subscription .park-subscription-container .park-subscription-container-content .new-collection-container .new-collection-item-container .collection-item-wrapper .collection-item .collection-item-footer .collection-item-footer-action .collection-item-submit:focus {
  outline-color: #E8E6FA !important;
}

.park-trainings {
  margin: -6px -8px 0 -12px;
}
@media (min-width: 1024px) {
  .park-trainings {
    margin: 0 -100px;
    padding: 0;
  }
}
@media (min-width: 1280px) {
  .park-trainings {
    margin: 0 -90px;
  }
}
.park-trainings .park-trainings-header {
  padding: 24px 16px 12px 16px;
}
@media (min-width: 576px) {
  .park-trainings .park-trainings-header {
    padding: 24px 0 12px 0;
  }
}
@media (min-width: 1024px) {
  .park-trainings .park-trainings-header {
    padding: 48px 0 20px 0;
  }
}
.park-trainings .park-trainings-header:not(:first-child) {
  padding: 0 16px 12px 16px;
}
@media (min-width: 576px) {
  .park-trainings .park-trainings-header:not(:first-child) {
    padding: 0 0 12px 0;
  }
}
@media (min-width: 1024px) {
  .park-trainings .park-trainings-header:not(:first-child) {
    padding: 0 0 20px 0;
  }
}
.park-trainings .park-trainings-header .park-trainings-header-title {
  font-family: DanaFaNum !important;
  font-weight: 700;
  color: #101828;
  font-size: 16px !important;
  line-height: 32px !important;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .park-trainings .park-trainings-header .park-trainings-header-title {
    font-size: 20px !important;
    line-height: 38px !important;
  }
}
.park-trainings .park-trainings-items {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 24px;
  padding: 0 16px;
  margin-bottom: 32px;
}
@media (min-width: 576px) {
  .park-trainings .park-trainings-items {
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .park-trainings .park-trainings-items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 40px;
  }
}
@media (min-width: 1280px) {
  .park-trainings .park-trainings-items {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.park-trainings .park-trainings-items .park-trainings-item-wrapper {
  position: relative;
  padding: 1px;
  background-color: #EAECF0;
  border-radius: 12px;
  overflow: hidden;
}
.park-trainings .park-trainings-items .park-trainings-item-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #49b3f3 20%, #1004a4, #c72d80);
  opacity: 0;
  transition: opacity 0.3s linear;
}
.park-trainings .park-trainings-items .park-trainings-item-wrapper:hover {
  box-shadow: 0px 4px 20px -2px rgba(23, 5, 212, 0.1019607843);
}
.park-trainings .park-trainings-items .park-trainings-item-wrapper:hover::before {
  opacity: 1;
}
.park-trainings .park-trainings-items .park-trainings-item-wrapper .park-trainings-item {
  position: relative;
  border-radius: 11px;
  background-color: white;
  overflow: hidden;
  cursor: pointer;
  height: 100%;
}
.park-trainings .park-trainings-items .park-trainings-item-wrapper .park-trainings-item .park-trainings-item-banner {
  background-size: contain;
  background-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 176px;
  max-height: 176px;
}
@media (min-width: 576px) {
  .park-trainings .park-trainings-items .park-trainings-item-wrapper .park-trainings-item .park-trainings-item-banner {
    min-height: 192px;
    max-height: 192px;
  }
}
.park-trainings .park-trainings-items .park-trainings-item-wrapper .park-trainings-item .park-trainings-item-banner img {
  width: 100%;
  min-height: 176px;
  max-height: 176px;
  background-size: contain;
  background-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 576px) {
  .park-trainings .park-trainings-items .park-trainings-item-wrapper .park-trainings-item .park-trainings-item-banner img {
    min-height: 192px;
    max-height: 192px;
  }
}
.park-trainings .park-trainings-items .park-trainings-item-wrapper .park-trainings-item .park-trainings-item-content {
  display: flex;
  align-items: start;
  justify-content: space-between;
  padding: 16px;
}
.park-trainings .park-trainings-items .park-trainings-item-wrapper .park-trainings-item .park-trainings-item-content .park-trainings-item-title {
  margin-bottom: 0;
  font-family: DanaFaNum !important;
  font-weight: 600;
  color: #182230;
  font-size: 16px !important;
  line-height: 32px !important;
}
@media (min-width: 1024px) {
  .park-trainings .park-trainings-items .park-trainings-item-wrapper .park-trainings-item .park-trainings-item-content .park-trainings-item-title {
    font-size: 18px !important;
    line-height: 34px !important;
  }
}
.park-trainings .park-trainings-items .park-trainings-item-wrapper .park-trainings-item .park-trainings-item-content .park-trainings-item-icon {
  display: grid;
  place-items: center;
  cursor: pointer;
}
.park-trainings .park-trainings-modal-background {
  visibility: hidden;
  opacity: 0;
  z-index: 39;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(29, 46, 57, 0.32);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  transition: all 0.3s linear;
}
.park-trainings .park-trainings-modal-background.visible {
  visibility: visible;
  opacity: 1;
}
.park-trainings .park-trainings-modal-container {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transform: translateY(100%);
  position: fixed;
  z-index: 40;
  background-color: white;
  padding: 16px;
  transition: all 0.3s linear;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  transform: translate(-50%, -50%);
  min-width: 90%;
  max-width: 90%;
  max-height: calc(100vh - 100px);
  border-radius: 12px;
}
@media (min-width: 768px) {
  .park-trainings .park-trainings-modal-container {
    min-width: 80%;
    max-width: 80%;
    padding: 32px;
    border-radius: 16px;
  }
}
@media (min-width: 1024px) {
  .park-trainings .park-trainings-modal-container {
    min-width: 800px;
    max-width: 800px;
  }
}
.park-trainings .park-trainings-modal-container .park-trainings-modal-header {
  position: relative;
  font-family: DanaFaNum;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 14px;
  border-bottom: 1px solid #EAECF0;
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .park-trainings .park-trainings-modal-container .park-trainings-modal-header {
    padding-bottom: 19px;
    margin-bottom: 32px;
  }
}
.park-trainings .park-trainings-modal-container .park-trainings-modal-header .park-trainings-modal-title {
  font-family: DanaFaNum !important;
  margin-bottom: 0;
  color: #182230;
  font-weight: 600;
  font-size: 16px !important;
  line-height: 32px !important;
}
.park-trainings .park-trainings-modal-container .park-trainings-modal-header .park-trainings-modal-close {
  display: grid;
  place-items: center;
  padding: 3px;
  border-radius: 6px;
  background-color: white;
  border: 1px solid #EAECF0;
  cursor: pointer;
}
.park-trainings .park-trainings-modal-container .park-trainings-modal-header .park-trainings-modal-close svg {
  scale: 0.75;
}
@media (min-width: 1024px) {
  .park-trainings .park-trainings-modal-container .park-trainings-modal-header .park-trainings-modal-close {
    padding: 7px;
    border-radius: 8px;
  }
  .park-trainings .park-trainings-modal-container .park-trainings-modal-header .park-trainings-modal-close svg {
    scale: 1;
  }
}
.park-trainings .park-trainings-modal-container .park-trainings-modal-banner {
  border-radius: 8px;
  overflow: hidden;
  background-size: contain;
  background-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 576px) {
  .park-trainings .park-trainings-modal-container .park-trainings-modal-banner {
    border-radius: 12px;
  }
}
.park-trainings .park-trainings-modal-container .park-trainings-modal-banner img {
  width: 100%;
  background-size: contain;
  background-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1024px) {
  .park-trainings .park-trainings-modal-container::-webkit-scrollbar {
    width: 8px;
  }
  .park-trainings .park-trainings-modal-container::-webkit-scrollbar-track {
    background: #f9fafb;
    border-radius: 12px;
  }
  .park-trainings .park-trainings-modal-container::-webkit-scrollbar-thumb {
    background: #eaecf0;
    border-radius: 5px;
  }
}
.park-trainings .park-trainings-modal-container.visible {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, -50%);
}

.modal {
  padding-left: 0;
}
.modal > .modal-dialog {
  box-shadow: unset;
}

:root,
[data-bs-theme=light] {
  --bs-prismjs-bg: #1e1e3f;
  --bs-prismjs-border: rgba(255, 255, 255, 0.1);
  --bs-prismjs-btn-bg: #2d2d5e;
  --bs-prismjs-btn-bg-hover: #2d2d5e;
  --bs-prismjs-btn-color: rgba(255, 255, 255, 0.75);
  --bs-prismjs-btn-color-hover: #3699FF;
  --bs-prismjs-scrollbar-color: #323268;
  --bs-prismjs-scrollbar-color-hover: #373773;
}

.select2-container--bootstrap5 .select2-selection {
  box-shadow: none;
  height: auto;
  outline: none !important;
  direction: rtl !important;
}
.select2-container--bootstrap5.select2-container--focus:not(.select2-container--disabled) .form-select-solid, .select2-container--bootstrap5.select2-container--open:not(.select2-container--disabled) .form-select-solid {
  background-color: #ffffff;
}
.select2-container--bootstrap5.select2-container--focus:not(.select2-container--disabled).select2, .select2-container--bootstrap5.select2-container--open:not(.select2-container--disabled).select2 {
  border-color: #475a67 !important;
  box-shadow: 0px 0px 0px 4px #f2f4f7, 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922) !important;
  border-radius: 4px;
}
.select2-container--bootstrap5.select2-container--focus:not(.select2-container--disabled) .form-select:not(.form-select-solid):not(.form-select-transparent), .select2-container--bootstrap5.select2-container--open:not(.select2-container--disabled) .form-select:not(.form-select-solid):not(.form-select-transparent) {
  border-color: getColor("gray", 600);
}
.select2-container--bootstrap5.select2-container--disabled .form-select {
  background-color: var(--bs-gray-200);
  border-color: var(--bs-gray-300);
}
.select2-container--bootstrap5.select2-container--disabled .form-select .select2-selection__rendered,
.select2-container--bootstrap5.select2-container--disabled .form-select .select2-selection__placeholder {
  color: #d0d5dd !important;
}
.select2-container--bootstrap5.select2-container--disabled .form-select.form-select-transparent {
  background-color: transparent;
  border-color: transparent;
}
.select2-container--bootstrap5 .select2-search.select2-search--inline .select2-search__field {
  color: var(--bs-gray-700);
  font-weight: 500;
  font-family: inherit !important;
  background-color: transparent;
  border: 0;
  box-shadow: none;
  outline: none;
  line-height: 1;
  margin: 0;
  padding: 0;
}
.select2-container--bootstrap5 .select2-search.select2-search--inline .select2-search__field::-moz-placeholder {
  color: var(--bs-gray-500);
}
.select2-container--bootstrap5 .select2-search.select2-search--inline .select2-search__field::placeholder {
  color: var(--bs-gray-500);
}
.select2-container--bootstrap5 .select2-search.select2-search--inline .select2-search__field::-moz-placeholder {
  color: var(--bs-gray-500);
  opacity: 1;
}
.select2-container--bootstrap5 .form-select-solid .select2-search.select2-search--inline .select2-search__field {
  color: var(--bs-gray-700);
  font-family: inherit !important;
}
.select2-container--bootstrap5 .form-select-solid .select2-search.select2-search--inline .select2-search__field::-moz-placeholder {
  color: var(--bs-gray-500);
}
.select2-container--bootstrap5 .form-select-solid .select2-search.select2-search--inline .select2-search__field::placeholder {
  color: var(--bs-gray-500);
}
.select2-container--bootstrap5 .form-select-solid .select2-search.select2-search--inline .select2-search__field::-moz-placeholder {
  color: var(--bs-gray-500);
  opacity: 1;
}
.select2-container--bootstrap5 .select2-selection--single {
  display: flex;
  align-items: center;
}
.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 0;
  padding-right: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--bs-input-color);
}
.select2-container--bootstrap5 .select2-selection--single .select2-selection__placeholder {
  color: var(--bs-gray-500);
}
.select2-container--bootstrap5 .select2-selection--single.form-select-solid .select2-selection__rendered {
  color: var(--bs-gray-700);
}
.select2-container--bootstrap5 .select2-selection--single.form-select-solid .select2-selection__placeholder {
  color: var(--bs-gray-500);
}
.select2-container--bootstrap5 .select2-selection--single.form-select-transparent .select2-selection__rendered {
  color: var(--bs-gray-800);
}
.select2-container--bootstrap5 .select2-selection--single.form-select-transparent .select2-selection__placeholder {
  color: var(--bs-gray-800);
}
.select2-container--bootstrap5 .select2-selection--single.form-select-dark .select2-selection__rendered {
  color: var(--bs-gray-900);
}
.select2-container--bootstrap5 .select2-selection--multiple {
  display: flex;
  align-items: center;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-search.select2-search--inline {
  display: inline-flex;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  margin: 0;
  padding: 0;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  display: inline-flex;
  align-items: center;
  position: relative;
  background-color: var(--bs-gray-300);
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--bs-gray-700);
  -webkit-mask-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var(--bs-gray-700)'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>"));
  mask-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var(--bs-gray-700)'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>"));
  display: block;
  position: absolute;
  transform: translateY(-50%);
  opacity: 0.5;
  border: 0;
  transition: color 0.2s ease;
  top: 50%;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove span {
  display: none;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
  opacity: 1;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--bs-primary);
  -webkit-mask-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var(--bs-primary)'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>"));
  mask-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var(--bs-primary)'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>"));
  transition: color 0.2s ease;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__display {
  font-weight: 500;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  height: 0.6rem;
  width: 0.6rem;
}
.select2-container--bootstrap5 .select2-selection--multiple.form-select-sm {
  min-height: 10px;
  padding-top: 9.8rem;
  padding-bottom: 9.8rem;
}
.select2-container--bootstrap5 .select2-selection--multiple.form-select-sm .select2-selection__choice {
  border-radius: 0.425rem;
  padding: 0.1rem 0.35rem;
  margin-right: 0.35rem;
  margin-top: 0.1rem;
  margin-bottom: 0.1rem;
}
.select2-container--bootstrap5 .select2-selection--multiple.form-select-sm .select2-selection__choice .select2-selection__choice__display {
  margin-left: 0.95rem;
  font-size: 0.95rem;
}
.select2-container--bootstrap5 .select2-selection--multiple.form-select-sm .select2-search__field {
  height: 14px;
}
.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) {
  min-height: 10px;
  padding-top: 0.575rem;
  padding-bottom: 0.575rem;
}
.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice {
  border-radius: 0.1rem;
  padding: 0.1rem 0.5rem;
  margin-right: 0.5rem;
  margin-top: 0.1rem;
  margin-bottom: 0.1rem;
}
.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice .select2-selection__choice__display {
  margin-left: 1.1rem;
  font-size: 1.1rem;
}
.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-search__field {
  height: 16px;
}
.select2-container--bootstrap5 .select2-selection--multiple.form-select-lg {
  min-height: 10px;
  padding-top: 9.7rem;
  padding-bottom: 9.7rem;
}
.select2-container--bootstrap5 .select2-selection--multiple.form-select-lg .select2-selection__choice {
  border-radius: 0.625rem;
  padding: 0.15rem 0.65rem;
  margin-right: 0.65rem;
  margin-top: 0.15rem;
  margin-bottom: 0.15rem;
}
.select2-container--bootstrap5 .select2-selection--multiple.form-select-lg .select2-selection__choice .select2-selection__choice__display {
  margin-left: 1.25rem;
  font-size: 1.15rem;
}
.select2-container--bootstrap5 .select2-selection--multiple.form-select-lg .select2-search__field {
  height: 18px;
}
.select2-container--bootstrap5 .select2-dropdown {
  border: 0;
  box-shadow: var(--bs-dropdown-box-shadow);
  border-radius: 0.1rem;
  background-color: #ffffff;
}
.modal-open .select2-container--bootstrap5 .select2-dropdown {
  z-index: 1001;
}
.select2-container--bootstrap5 .select2-dropdown .select2-search {
  padding: 0.5rem 1.25rem;
  margin: 0 0 0.5rem 0;
}
.select2-container--bootstrap5 .select2-dropdown .select2-search .select2-search__field {
  background-color: var(--bs-body-bg);
  padding: 10 100px;
  color: var(--bs-gray-700);
  font-size: 100px;
  border: 1px solid red;
  border-radius: 0.425rem;
  outline: 0 !important;
}
.select2-container--bootstrap5 .select2-dropdown .select2-search .select2-search__field:focus, .select2-container--bootstrap5 .select2-dropdown .select2-search .select2-search__field:active {
  border: 1px solid red;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__options {
  max-height: 250px;
  overflow-y: auto;
}
.select2-container--bootstrap5 .select2-dropdown ul.select2-results__options {
  direction: ltr;
  padding: 6px !important;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}
.select2-container--bootstrap5 .select2-dropdown ul.select2-results__options::-webkit-scrollbar {
  width: 16px;
}
.select2-container--bootstrap5 .select2-dropdown ul.select2-results__options::-webkit-scrollbar-thumb {
  background: rgb(234, 236, 240);
  border: 4px solid transparent;
  border-radius: 8px;
  background-clip: padding-box;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option {
  color: var(--bs-gray-700);
  transition: color 0.2s ease;
  padding: 0.75rem 1.25rem;
  margin: 0 0;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
  background-color: var(--bs-component-hover-bg);
  color: var(--bs-component-hover-color);
  transition: color 0.2s ease;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
  background-color: var(--bs-component-hover-bg);
  color: var(--bs-component-hover-color);
  transition: color 0.2s ease;
  position: relative;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:after {
  top: 50%;
  display: block;
  position: absolute;
  transform: translateY(-50%);
  height: 0.75rem;
  width: 0.75rem;
  content: "";
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--bs-component-hover-color);
  -webkit-mask-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 11'><path fill='var(--bs-component-hover-color)' d='M4.89557 6.49823L2.79487 4.26513C2.26967 3.70683 1.38251 3.70683 0.857309 4.26513C0.375593 4.77721 0.375593 5.57574 0.857309 6.08781L4.74989 10.2257C5.14476 10.6455 5.81176 10.6455 6.20663 10.2257L13.1427 2.85252C13.6244 2.34044 13.6244 1.54191 13.1427 1.02984C12.6175 0.471537 11.7303 0.471536 11.2051 1.02984L6.06096 6.49823C5.74506 6.83403 5.21146 6.83403 4.89557 6.49823Z'/></svg>"));
  mask-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 11'><path fill='var(--bs-component-hover-color)' d='M4.89557 6.49823L2.79487 4.26513C2.26967 3.70683 1.38251 3.70683 0.857309 4.26513C0.375593 4.77721 0.375593 5.57574 0.857309 6.08781L4.74989 10.2257C5.14476 10.6455 5.81176 10.6455 6.20663 10.2257L13.1427 2.85252C13.6244 2.34044 13.6244 1.54191 13.1427 1.02984C12.6175 0.471537 11.7303 0.471536 11.2051 1.02984L6.06096 6.49823C5.74506 6.83403 5.21146 6.83403 4.89557 6.49823Z'/></svg>"));
  mask-position: center;
  -webkit-mask-position: center;
  right: 1.25rem;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--disabled {
  color: var(--bs-gray-400);
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__message {
  color: var(--bs-gray-600);
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--group {
  padding-left: 0;
  padding-right: 0;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--group .select2-results__group {
  display: block;
  color: var(--bs-gray-800);
  font-weight: 500;
  font-size: 1.15rem;
  padding: 0 1.25rem 0 1.25rem;
  margin: 0 0 0.25rem 0;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--group .select2-results__option {
  padding: 0.75rem 1.25rem;
  margin: 0 0;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option:hover {
  background: #dee3e6;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option[aria-selected=true] {
  border-radius: 8px;
  background: rgb(242, 244, 247) !important;
  position: relative;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option[aria-selected=true]::after {
  position: absolute;
  content: "";
  top: 11px;
  left: 17px;
  display: inline-block;
  transform: rotate(45deg);
  height: 15px;
  width: 7px;
  border-bottom: 1.67px solid rgb(23, 5, 212);
  border-right: 1.67px solid rgb(23, 5, 212);
}
.select2-container--bootstrap5 .select2-selection__clear {
  display: block;
  height: 0.7rem;
  width: 0.7rem;
  top: 50%;
  right: 10px;
  position: absolute;
  transform: translateY(-50%);
  background-color: var(--bs-gray-700) !important;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--bs-gray-700);
  -webkit-mask-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var(--bs-gray-700)'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>"));
  mask-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var(--bs-gray-700)'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>"));
}
.select2-container--bootstrap5 .select2-selection__clear span {
  display: none;
}
.select2-container--bootstrap5 .select2-selection__clear:hover {
  background-color: var(--bs-primary) !important;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--bs-primary);
  -webkit-mask-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var(--bs-primary)'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>"));
  mask-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var(--bs-primary)'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>"));
}

.form-floating .form-select {
  padding-top: 1.85rem !important;
}

.fv-plugins-message-container {
  --input-invalid-color: var(--bs-danger);
  margin-top: 0.3rem;
}
.fv-plugins-message-container .fv-help-block {
  color: var(--bs-danger);
  font-size: 1rem;
  font-weight: 400;
}
.fv-plugins-message-container.valid-feedback, .fv-plugins-message-container.invalid-feedback {
  display: block;
  font-weight: 400;
}

.flatpickr-calendar {
  width: 280px !important;
  font-family: inherit;
  border: 0;
  border-radius: 0;
  box-shadow: var(--bs-dropdown-box-shadow);
  background-color: var(--bs-body-bg);
  border-radius: 0.1rem !important;
}
.flatpickr-calendar:before, .flatpickr-calendar:after {
  display: none;
}
.flatpickr-calendar.hasWeeks {
  width: 325px !important;
}

.flatpickr-months {
  padding: 0 1rem;
  padding-top: 0.5rem;
}

.flatpickr-innerContainer {
  padding: 0.5rem 1rem;
}

.flatpickr-days,
.dayContainer {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: var(--bs-gray-600);
  fill: var(--bs-gray-600);
  height: 46px;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.1rem !important;
  top: 1rem;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  fill: var(--bs-gray-500);
  height: 13px;
  width: 13px;
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  background: var(--bs-gray-100);
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: var(--bs-gray-700);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*rtl:begin:ignore*/
  left: 1rem;
  /*rtl:end:ignore*/
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*rtl:begin:ignore*/
  right: 1rem;
  /*rtl:end:ignore*/
}

.flatpickr-current-month {
  font-weight: 500;
  color: inherit;
}
.flatpickr-current-month .numInputWrapper {
  border-radius: 0.1rem !important;
  width: 65px;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  border: 0 !important;
  background-color: var(--bs-body-bg);
  font-size: 1rem;
  color: var(--bs-gray-700);
  font-weight: 500;
  padding: 0.5rem 0.75rem;
  margin-right: 0.5rem;
  outline: none !important;
  border-radius: 0.1rem !important;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: var(--bs-gray-100);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  font-size: 1rem;
  color: var(--bs-gray-700);
  font-weight: 500;
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-current-month span.cur-month {
  color: var(--bs-gray-700);
  font-size: 1rem;
  font-weight: 500;
}
.flatpickr-current-month span.cur-month:hover {
  background: var(--bs-gray-100);
}
.flatpickr-current-month input.cur-year {
  color: var(--bs-gray-700);
  font-size: 1.1rem !important;
  padding: 0.5rem 0.75rem;
  font-weight: 500;
  outline: 0 !important;
}

span.flatpickr-weekday {
  color: var(--bs-gray-800);
  font-size: 1rem;
  font-weight: 600;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  height: height;
  line-height: height;
  max-height: height;
  border-top: 1px solid var(--bs-gray-100);
}
.flatpickr-time .numInputWrapper {
  height: height;
}
.flatpickr-time .flatpickr-am-pm {
  color: var(--bs-gray-700);
  font-size: 1rem;
  font-weight: 500;
}
.flatpickr-time input.flatpickr-hour, .flatpickr-time input.flatpickr-minute {
  color: var(--bs-gray-700);
  font-size: 1rem;
  font-weight: 500;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: transparent;
}

.numInputWrapper span {
  border-left: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-right: 0 !important;
}
.numInputWrapper span:hover {
  background: transparent !important;
}
.numInputWrapper span:after {
  top: 50% !important;
  transform: translateY(-50%);
}
.numInputWrapper span.arrowUp:after {
  border-bottom-color: var(--bs-gray-500) !important;
}
.numInputWrapper span.arrowUp:hover:after {
  border-bottom-color: var(--bs-gray-700) !important;
}
.numInputWrapper span.arrowDown:after {
  border-top-color: var(--bs-gray-500) !important;
}
.numInputWrapper span.arrowDown:hover:after {
  border-top-color: var(--bs-gray-700) !important;
}
.numInputWrapper:hover {
  background: transparent;
}

.flatpickr-day {
  font-size: 1rem;
  border-radius: 0.1rem !important;
  box-shadow: none !important;
  height: 36px;
  width: 100%;
  max-width: 100% !important;
  margin: 0;
  line-height: 36px;
  color: var(--bs-gray-600);
  margin-top: 0 !important;
}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: var(--bs-component-hover-bg);
  color: var(--bs-component-hover-color);
  border-color: transparent;
}
.flatpickr-day.today {
  background: var(--bs-gray-100);
  color: var(--bs-gray-600);
  border-color: transparent;
}
.flatpickr-day.today:hover, .flatpickr-day.today:focus {
  border-color: transparent;
  background: var(--bs-gray-200);
  color: var(--bs-gray-700);
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: var(--bs-component-active-bg);
  color: var(--bs-component-active-color);
  border-color: transparent;
}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: var(--bs-component-hover-bg);
  color: var(--bs-component-hover-color);
  border-color: transparent;
}
.flatpickr-day.today {
  border-color: transparent;
}
.flatpickr-day.today:hover, .flatpickr-day.today:focus {
  border-color: transparent;
  background: var(--bs-gray-100);
  color: var(--bs-gray-600);
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: var(--bs-component-active-bg);
  color: var(--bs-component-active-color);
  border-color: transparent;
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  color: var(--bs-gray-400);
  background: transparent;
  border-color: transparent;
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: var(--bs-gray-400);
}

.flatpickr-weekwrapper {
  margin-right: 5px;
}

.tagify {
  --tagify-dd-bg-color: var(--bs-body-bg);
  --tags-border-color: var(--bs-gray-300);
  --tags-hover-border-color: var(--bs-gray-300);
  --tags-focus-border-color: var(--bs-gray-400);
  --tag-bg: var(--bs-gray-200);
  --tag-hover: var(--bs-gray-200);
  --tag-text-color: var(--bs-gray-700);
  --tag-text-color--edit: var(--bs-gray-700);
  --tag-pad: 0 0.5rem;
  --tag-inset-shadow-size: 1rem;
  --tag-invalid-color: var(--bs-danger);
  --tag-invalid-bg: var(--bs-danger-light);
  --tag-remove-bg: var(--bs-gray-200);
  --tag-remove-btn-color: transparent;
  --tag-remove-btn-bg: transparent;
  --tag-remove-btn-bg--hover: transparent;
  --input-color: var(--bs-gray-700);
  --placeholder-color: var(--bs-gray-400);
  --placeholder-color-focus: var(--bs-gray-500);
  --loader-size: .8rem;
  --tagify-dd-item--hidden-duration: 0.3s;
}
.tagify .tagify__tag {
  background-color: var(--tag-bg);
  margin: 0;
  line-height: 1;
}
.tagify .tagify__tag div {
  border-radius: inherit;
}
.tagify .tagify__tag .tagify__tag-text {
  overflow: visible;
}
.tagify .tagify__tag .tagify__tag__removeBtn {
  width: 0.6rem;
  height: 0.6rem;
  margin: 0 0.5rem 0 0;
  border-radius: 0;
  content: " ";
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--bs-gray-500);
  -webkit-mask-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var(--bs-gray-500)'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>"));
  mask-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var(--bs-gray-500)'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>"));
}
.tagify .tagify__tag .tagify__tag__removeBtn:after {
  display: none;
}
.tagify .tagify__tag .tagify__tag__removeBtn:hover {
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--bs-primary);
  -webkit-mask-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var(--bs-primary)'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>"));
  mask-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var(--bs-primary)'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>"));
}
.tagify .tagify__tag.tagify--notAllowed div .tagify__tag-text {
  color: var(--bs-danger);
  opacity: 0.5;
}
.tagify .tagify__tag.tagify--notAllowed .tagify__tag__removeBtn {
  opacity: 0.5;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--bs-danger);
  -webkit-mask-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var(--bs-danger)'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>"));
  mask-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var(--bs-danger)'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>"));
}
.tagify .tagify__tag.tagify--notAllowed .tagify__tag__removeBtn:hover {
  background: transparent;
  opacity: 0.75;
}
.tagify .tagify__input {
  margin: 0;
}
.tagify .tagify__input:before {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.tagify.form-control {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.tagify.form-control-sm {
  border-radius: 0.425rem;
  min-height: 10px;
  padding-top: 9.7rem;
  padding-bottom: 9.7rem;
}
.tagify.form-control-sm .tagify__tag {
  padding: 0.3rem 0.3rem;
  border-radius: 0.425rem;
}
.tagify.form-control-sm .tagify__tag .tagify__tag-text {
  font-size: 0.95rem;
}
.tagify:not(.form-control-sm):not(.form-control-lg) {
  border-radius: 0.1rem;
  min-height: 10px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.tagify:not(.form-control-sm):not(.form-control-lg) .tagify__tag {
  padding: 0.4rem 0.4rem;
  border-radius: 0.1rem;
}
.tagify:not(.form-control-sm):not(.form-control-lg) .tagify__tag .tagify__tag-text {
  font-size: 1.1rem;
}
.tagify.form-control-lg {
  border-radius: 0.625rem;
  min-height: 10px;
  padding-top: 9.5rem;
  padding-bottom: 9.5rem;
}
.tagify.form-control-lg .tagify__tag {
  padding: 0.5rem 0.5rem;
  border-radius: 0.625rem;
}
.tagify.form-control-lg .tagify__tag .tagify__tag-text {
  font-size: 1.15rem;
}

.tagify__dropdown {
  box-shadow: var(--bs-dropdown-box-shadow);
  border: 0 !important;
  outline: none !important;
  padding: 0.75rem 0;
  z-index: 100;
  background-color: var(--bs-body-bg);
  border-radius: 0.1rem !important;
}
.tagify__dropdown ._wrapper {
  max-height: none;
  border-radius: 0.1rem !important;
}
.modal-open .tagify__dropdown {
  z-index: 1001;
}
.tagify__dropdown .tagify__dropdown__wrapper {
  background-color: var(--bs-body-bg);
  border: 0 !important;
  outline: none !important;
  box-shadow: none;
}
.tagify__dropdown .tagify__dropdown__item {
  color: var(--bs-gray-700);
  border-radius: 0;
  padding: 0.75rem 1.5rem;
  margin: 0;
  box-shadow: none;
  font-weight: 500;
}
.tagify__dropdown .tagify__dropdown__item:hover, .tagify__dropdown .tagify__dropdown__item.tagify__dropdown__item--active {
  background-color: var(--bs-component-hover-bg);
  color: var(--bs-component-hover-color);
}
.tagify__dropdown.tagify__inline__suggestions {
  padding: 0.775rem 1rem;
}
.tagify__dropdown.tagify__inline__suggestions .tagify__dropdown__item {
  display: inline-block;
  font-size: 0.95rem;
  padding: 0.35rem 0.5rem;
  margin: 0.25rem 0.5rem 0.25rem 0;
  background-color: var(--bs-gray-200);
  color: var(--bs-gray-700);
  border-radius: 0.1rem !important;
}
.tagify__dropdown.tagify__inline__suggestions .tagify__dropdown__item:hover, .tagify__dropdown.tagify__inline__suggestions .tagify__dropdown__item.tagify__dropdown__item--active {
  background-color: var(--bs-component-hover-bg);
  color: var(--bs-component-hover-color);
}

.bootstrap-maxlength {
  z-index: 1040 !important;
}
.modal-open .bootstrap-maxlength {
  z-index: 1005 !important;
}
.bootstrap-maxlength.badge {
  display: inline-flex !important;
}

.ck-target {
  display: none;
}

.ck-toolbar {
  border-radius: 0.1rem !important !important;
}

.ck-content {
  min-height: 200px;
  border-radius: 0.1rem !important !important;
}
.ck-content.ck-focused {
  border-color: var(--bs-primary) !important;
  box-shadow: none !important;
}

.ck-body .ck-balloon-panel .ck-content {
  min-height: 200px;
  border-color: transparent !important;
}
.ck-body .ck-balloon-panel .ck-content.ck-focused {
  border-color: var(--bs-primary) !important;
}
.ck-body .ck-balloon-panel.ck-toolbar-container,
.ck-body .ck-balloon-panel .ck-toolbar {
  border-radius: 0.1rem !important !important;
}

.dropzone {
  min-height: auto;
  padding: 1.5rem 1.75rem;
  text-align: center;
  cursor: pointer;
  border: 1px dashed var(--bs-primary);
  background-color: var(--bs-primary-light);
  border-radius: 0.1rem !important;
}
.dropzone .dz-message {
  margin: 0;
  display: flex;
  text-align: left;
}
.dropzone .dz-preview {
  border-radius: 0.1rem !important;
  margin: 0.75rem;
}
.dropzone .dz-preview .dz-image {
  border-radius: 0.1rem !important;
  z-index: 1;
}
.dropzone .dz-preview.dz-file-preview .dz-image {
  background: var(--bs-gray-200);
}
.dropzone .dz-success-mark,
.dropzone .dz-error-mark {
  margin-left: -divide(40px, 2) !important;
  margin-top: -divide(40px, 2) !important;
}
.dropzone .dz-success-mark svg,
.dropzone .dz-error-mark svg {
  height: 40px !important;
  width: 40px !important;
}
.dropzone .dz-remove {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.65rem;
  width: 1.65rem;
  font-size: 1rem;
  text-indent: -9999px;
  white-space: nowrap;
  position: absolute;
  z-index: 2;
  background-color: var(--bs-body-bg) !important;
  box-shadow: var(--bs-box-shadow);
  border-radius: 100%;
  top: -divide(1.65rem, 2);
  right: -divide(1.65rem, 2);
}
.dropzone .dz-remove:after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  content: "";
  mask-size: 40%;
  -webkit-mask-size: 40%;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--bs-gray-600);
  -webkit-mask-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var(--bs-gray-600)'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>"));
  mask-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var(--bs-gray-600)'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>"));
}
.dropzone .dz-remove:hover:after {
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--bs-primary);
  -webkit-mask-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var(--bs-primary)'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>"));
  mask-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var(--bs-primary)'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>"));
}
.dropzone .dz-error-message {
  color: var(--bs-danger-inverse);
  background: var(--bs-danger);
}

.dropzone.dropzone-queue {
  border: 0;
  padding: 0;
  background-color: transparent;
  text-align: left;
}
.dropzone.dropzone-queue .dz-message {
  display: none;
}
.dropzone.dropzone-queue .dropzone-panel .dropzone-upload,
.dropzone.dropzone-queue .dropzone-panel .dropzone-remove-all {
  display: none;
}
.dropzone.dropzone-queue .dropzone-item {
  display: flex;
  align-items: center;
  margin-top: 0.75rem;
  border-radius: 0.1rem !important;
  padding: 0.5rem 1rem;
  background-color: var(--bs-gray-100);
}
.dropzone.dropzone-queue .dropzone-item .dropzone-file {
  flex-grow: 1;
}
.dropzone.dropzone-queue .dropzone-item .dropzone-file .dropzone-filename {
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--bs-gray-600);
  text-overflow: ellipsis;
  margin-right: 0.5rem;
}
.dropzone.dropzone-queue .dropzone-item .dropzone-file .dropzone-filename:hover {
  color: var(--bs-primary);
}
.dropzone.dropzone-queue .dropzone-item .dropzone-file .dropzone-error {
  margin-top: 0.25rem;
  font-size: 0.9rem;
  font-weight: 400;
  color: var(--bs-danger);
  text-overflow: ellipsis;
}
.dropzone.dropzone-queue .dropzone-item .dropzone-progress {
  width: 15%;
}
.dropzone.dropzone-queue .dropzone-item .dropzone-progress .progress {
  height: 5px;
}
.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar {
  margin-left: 1rem;
  display: flex;
  flex-wrap: nowrap;
}
.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-start,
.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-cancel,
.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-delete {
  height: 25px;
  width: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: color 0.2s ease;
}
.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-start > i,
.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-cancel > i,
.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-delete > i {
  transition: color 0.2s ease;
  font-size: 0.8rem;
  color: var(--bs-gray-600);
}
.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-start:hover,
.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-cancel:hover,
.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-delete:hover {
  transition: color 0.2s ease;
}
.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-start:hover > i,
.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-cancel:hover > i,
.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-delete:hover > i {
  color: var(--bs-primary);
}
.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-start {
  transition: color 0.2s ease;
}

.noUi-target {
  border: 0;
  background: var(--bs-gray-100);
  box-shadow: none;
}
.noUi-target.noUi-horizontal {
  height: 15px;
}
.noUi-target.noUi-horizontal .noUi-handle {
  width: 24px;
  height: 24px;
  top: -4.5px;
  border-radius: 50%;
  outline: none;
}
.noUi-target.noUi-horizontal .noUi-handle::before {
  display: none;
}
.noUi-target.noUi-horizontal .noUi-handle::after {
  display: none;
}
.noUi-target.noUi-vertical {
  height: 150px;
  width: 15px;
}
.noUi-target.noUi-vertical .noUi-handle {
  width: 24px;
  height: 24px;
  right: -4.5px;
  border-radius: 50%;
  outline: none;
}
.noUi-target.noUi-vertical .noUi-handle::before {
  display: none;
}
.noUi-target.noUi-vertical .noUi-handle::after {
  display: none;
}
.noUi-target .noUi-connect {
  background: var(--bs-component-active-bg);
}
.noUi-target .noUi-handle {
  background-color: #ffffff;
  border: 1px solid var(--bs-gray-200);
  box-shadow: var(--bs-box-shadow-sm);
}
.noUi-target.noUi-target-light .noUi-connects {
  background-color: var(--bs-light-light);
}
.noUi-target.noUi-target-light .noUi-connects .noUi-connect {
  background-color: var(--bs-light);
}
.noUi-target.noUi-target-light .noUi-handle {
  border: 1px solid var(--bs-light);
  box-shadow: 0 3px 6px -3px rgba(var(--bs-light), 0.7);
  background-color: var(--bs-light);
}

.noUi-target.noUi-target-primary .noUi-connects {
  background-color: var(--bs-primary-light);
}
.noUi-target.noUi-target-primary .noUi-connects .noUi-connect {
  background-color: var(--bs-primary);
}
.noUi-target.noUi-target-primary .noUi-handle {
  border: 1px solid var(--bs-primary);
  box-shadow: 0 3px 6px -3px rgba(var(--bs-primary), 0.7);
  background-color: var(--bs-primary);
}

.noUi-target.noUi-target-secondary .noUi-connects {
  background-color: var(--bs-secondary-light);
}
.noUi-target.noUi-target-secondary .noUi-connects .noUi-connect {
  background-color: var(--bs-secondary);
}
.noUi-target.noUi-target-secondary .noUi-handle {
  border: 1px solid var(--bs-secondary);
  box-shadow: 0 3px 6px -3px rgba(var(--bs-secondary), 0.7);
  background-color: var(--bs-secondary);
}

.noUi-target.noUi-target-success .noUi-connects {
  background-color: var(--bs-success-light);
}
.noUi-target.noUi-target-success .noUi-connects .noUi-connect {
  background-color: var(--bs-success);
}
.noUi-target.noUi-target-success .noUi-handle {
  border: 1px solid var(--bs-success);
  box-shadow: 0 3px 6px -3px rgba(var(--bs-success), 0.7);
  background-color: var(--bs-success);
}

.noUi-target.noUi-target-info .noUi-connects {
  background-color: var(--bs-info-light);
}
.noUi-target.noUi-target-info .noUi-connects .noUi-connect {
  background-color: var(--bs-info);
}
.noUi-target.noUi-target-info .noUi-handle {
  border: 1px solid var(--bs-info);
  box-shadow: 0 3px 6px -3px rgba(var(--bs-info), 0.7);
  background-color: var(--bs-info);
}

.noUi-target.noUi-target-warning .noUi-connects {
  background-color: var(--bs-warning-light);
}
.noUi-target.noUi-target-warning .noUi-connects .noUi-connect {
  background-color: var(--bs-warning);
}
.noUi-target.noUi-target-warning .noUi-handle {
  border: 1px solid var(--bs-warning);
  box-shadow: 0 3px 6px -3px rgba(var(--bs-warning), 0.7);
  background-color: var(--bs-warning);
}

.noUi-target.noUi-target-danger .noUi-connects {
  background-color: var(--bs-danger-light);
}
.noUi-target.noUi-target-danger .noUi-connects .noUi-connect {
  background-color: var(--bs-danger);
}
.noUi-target.noUi-target-danger .noUi-handle {
  border: 1px solid var(--bs-danger);
  box-shadow: 0 3px 6px -3px rgba(var(--bs-danger), 0.7);
  background-color: var(--bs-danger);
}

.noUi-target.noUi-target-dark .noUi-connects {
  background-color: var(--bs-dark-light);
}
.noUi-target.noUi-target-dark .noUi-connects .noUi-connect {
  background-color: var(--bs-dark);
}
.noUi-target.noUi-target-dark .noUi-handle {
  border: 1px solid var(--bs-dark);
  box-shadow: 0 3px 6px -3px rgba(var(--bs-dark), 0.7);
  background-color: var(--bs-dark);
}

.noUi-tooltip {
  box-shadow: var(--bs-tooltip-box-shadow);
  background: var(--bs-tooltip-bg);
  color: var(--bs-tooltip-color);
  font-size: 1rem;
  border: 0;
  padding: 0.5rem 0.75rem;
  border-radius: 0.1rem !important;
}

.ql-toolbar {
  font-family: PeydaWeb, "sans-serif";
}
.ql-toolbar.ql-snow {
  border: 1px solid var(--bs-border-color);
}
.ql-toolbar.ql-snow .ql-picker .ql-fill,
.ql-toolbar.ql-snow .ql-picker .ql-stroke,
.ql-toolbar.ql-snow button .ql-fill,
.ql-toolbar.ql-snow button .ql-stroke {
  stroke: var(--bs-gray-500);
}
.ql-toolbar.ql-snow .ql-picker .ql-fill,
.ql-toolbar.ql-snow button .ql-fill {
  fill: var(--bs-gray-500);
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-fill,
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-stroke, .ql-toolbar.ql-snow .ql-picker.ql-active .ql-fill,
.ql-toolbar.ql-snow .ql-picker.ql-active .ql-stroke, .ql-toolbar.ql-snow .ql-picker:focus .ql-fill,
.ql-toolbar.ql-snow .ql-picker:focus .ql-stroke, .ql-toolbar.ql-snow .ql-picker:hover .ql-fill,
.ql-toolbar.ql-snow .ql-picker:hover .ql-stroke,
.ql-toolbar.ql-snow button.ql-expanded .ql-fill,
.ql-toolbar.ql-snow button.ql-expanded .ql-stroke,
.ql-toolbar.ql-snow button.ql-active .ql-fill,
.ql-toolbar.ql-snow button.ql-active .ql-stroke,
.ql-toolbar.ql-snow button:focus .ql-fill,
.ql-toolbar.ql-snow button:focus .ql-stroke,
.ql-toolbar.ql-snow button:hover .ql-fill,
.ql-toolbar.ql-snow button:hover .ql-stroke {
  stroke: var(--bs-primary);
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-fill, .ql-toolbar.ql-snow .ql-picker.ql-active .ql-fill, .ql-toolbar.ql-snow .ql-picker:focus .ql-fill, .ql-toolbar.ql-snow .ql-picker:hover .ql-fill,
.ql-toolbar.ql-snow button.ql-expanded .ql-fill,
.ql-toolbar.ql-snow button.ql-active .ql-fill,
.ql-toolbar.ql-snow button:focus .ql-fill,
.ql-toolbar.ql-snow button:hover .ql-fill {
  fill: var(--bs-primary);
}

.ql-editor {
  color: var(--bs-input-color);
}
.ql-editor.ql-blank:before {
  left: auto !important;
  right: auto !important;
  color: var(--bs-text-muted) !important;
  font-style: normal !important;
}

.ql-container.ql-snow {
  background-color: var(--bs-input-bg);
  border: 1px solid var(--bs-gray-200);
  border-top: 0;
}

.ql-snow .ql-picker .ql-picker-label {
  color: var(--bs-gray-500);
}
.ql-snow .ql-picker .ql-picker-label.ql-active, .ql-snow .ql-picker .ql-picker-label:hover {
  color: var(--bs-primary);
}
.ql-snow .ql-picker.ql-expanded {
  outline: none !important;
  border-color: transparent !important;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: transparent !important;
  color: var(--bs-primary);
  outline: none !important;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label.ql-active, .ql-snow .ql-picker.ql-expanded .ql-picker-label:hover {
  color: var(--bs-primary);
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border: 0;
  padding: 0.5rem 1rem;
  box-shadow: var(--bs-dropdown-box-shadow);
  background-color: var(--bs-body-bg);
  border-radius: 0.1rem !important;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
  color: var(--bs-gray-600);
  outline: none;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item.ql-selected, .ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item.ql-active, .ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
  color: var(--bs-primary);
}
.ql-snow .ql-tooltip {
  border: 0;
  padding: 0.5rem 1rem;
  box-shadow: var(--bs-dropdown-box-shadow);
  border-radius: 0.1rem !important;
}
.ql-snow .ql-tooltip input[type=text] {
  border: 0;
  background-color: transparent;
  outline: none !important;
  box-shadow: none;
  border-radius: 0;
  border: 1px solid var(--bs-border-color);
  color: var(--bs-gray-700);
  outline: none !important;
  border-radius: 0.1rem !important;
}
.ql-snow .ql-tooltip input[type=text]:active, .ql-snow .ql-tooltip input[type=text]:focus {
  border-color: var(--bs-input-focus-border-color) !important;
}
.ql-snow .ql-tooltip .ql-preview {
  color: var(--bs-gray-600);
}
.ql-snow .ql-tooltip .ql-action {
  transition: color 0.3s ease;
  color: var(--bs-gray-600);
}
.ql-snow .ql-tooltip .ql-action:hover {
  transition: color 0.3s ease;
  color: var(--bs-primary);
}
.modal .ql-snow .ql-tooltip.ql-editing {
  left: 20px !important;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: var(--bs-gray-900);
  color: var(--bs-text-muted);
  overflow: visible;
  border-radius: 0.1rem !important;
}

.ql-quil.ql-quil-plain .ql-toolbar {
  padding: 0;
  margin: 0;
  border: 0;
}
.ql-quil.ql-quil-plain .ql-toolbar:after {
  display: none;
}
.ql-quil.ql-quil-plain .ql-toolbar .ql-picker-label {
  padding-left: 0;
}
.ql-quil.ql-quil-plain .ql-container {
  border: 0;
}
.ql-quil.ql-quil-plain .ql-editor {
  border: 0;
  padding: 0;
}

.recaptcha {
  padding: 15px;
  border: 1px solid var(--bs-gray-200);
  border-radius: 0.1rem !important;
}
.recaptcha .recaptcha-img {
  margin-bottom: 10px;
}
.recaptcha .recaptcha_only_if_incorrect_sol {
  color: var(--bs-danger);
}
.recaptcha .input-group .btn i {
  padding-right: 0;
}
html.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown),
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown):not(.modal-open) {
  overflow-y: initial !important;
}
html.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown):not(.sweetalert2-nopadding),
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown):not(.modal-open):not(.sweetalert2-nopadding) {
  padding-right: 0 !important;
}

.swal2-popup {
  background-color: var(--bs-body-bg);
  padding: 2rem;
  border-radius: 0.1rem !important;
}
.swal2-popup .swal2-title {
  font-weight: 500;
  font-size: 1.3rem;
  color: var(--bs-dark);
}
.swal2-popup .swal2-html-container,
.swal2-popup .swal2-content {
  font-weight: normal;
  font-size: 1.1rem;
  margin-top: 1.5rem;
  color: var(--bs-gray-800);
}
.swal2-popup .btn {
  margin: 15px 5px 0;
}
.swal2-popup .swal2-styled:focus {
  box-shadow: none;
}
.swal2-popup .swal2-actions {
  margin: 1.5rem auto 1rem auto;
}

.swal2-container {
  overflow-y: hidden !important;
}
.swal2-container.swal2-shown {
  background-color: rgba(0, 0, 0, 0.2);
}
.swal2-container .swal2-html-container {
  max-height: 200px;
  overflow: auto;
}

body.swal2-height-auto {
  height: 100% !important;
}

.swal2-icon.swal2-warning {
  border-color: var(--bs-warning);
  color: var(--bs-warning);
}
.swal2-icon.swal2-error {
  border-color: var(--bs-danger);
  color: var(--bs-danger);
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  background-color: rgba(var(--bs-danger-rgb), 0.75);
}
.swal2-icon.swal2-success {
  border-color: var(--bs-success);
  color: var(--bs-success);
}
.swal2-icon.swal2-success [class^=swal2-success-line] {
  background-color: var(--bs-success);
}
.swal2-icon.swal2-success .swal2-success-ring {
  border-color: rgba(var(--bs-success-rgb), 0.3);
}
.swal2-icon.swal2-info {
  border-color: var(--bs-info);
  color: var(--bs-info);
}
.swal2-icon.swal2-question {
  border-color: var(--bs-primary);
  color: var(--bs-primary);
}

.draggable {
  transition: opacity 0.3s ease;
  outline: none !important;
}
.draggable.draggable-mirror {
  opacity: 0.8;
  transition: opacity 0.3s ease;
  border: 2px dashed var(--bs-gray-300) !important;
  border-radius: 0.1rem !important;
}
.draggable.draggable--original {
  opacity: 0 !important;
}
.draggable.draggable-source--is-dragging.draggable--over {
  opacity: 0 !important;
}
.draggable .draggable-handle {
  cursor: move;
}

.leaflet-container .leaflet-pane,
.leaflet-container .leaflet-top,
.leaflet-container .leaflet-bottom,
.leaflet-container .leaflet-control {
  z-index: 1 !important;
}
.leaflet-container .leaflet-popup-content-wrapper {
  border-radius: 0.1rem !important;
  text-align: center;
  box-shadow: var(--bs-box-shadow) !important;
}
.leaflet-container .leaflet-popup-content-wrapper .leaflet-popup-content {
  font-family: PeydaWeb, "sans-serif";
  font-size: 1rem;
}

.tns {
  position: relative;
  overflow: hidden;
}
.tns [data-tns=true] {
  display: none;
}
.tns .tns-item {
  opacity: 0;
  transition: all 0.3s ease;
}
.tns .tns-controls {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tns .tns-controls button {
  outline: none;
  border: 0;
  margin: 0 0.25rem;
  border-radius: 0.1rem !important;
  padding: 0.5rem 0.75rem;
  background-color: var(--bs-primary);
  color: var(--bs-primary-inverse);
}
.tns .tns-controls button:hover {
  background-color: var(--bs-primary-active);
}
.tns .tns-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.tns .tns-nav button {
  display: block;
  outline: none;
  width: 1.25rem;
  height: 0.75rem;
  background-color: var(--bs-gray-200);
  margin: 0 0.25rem;
  border: 0;
  border-radius: 0.35rem !important;
}
.tns .tns-nav button.tns-nav-active {
  background-color: var(--bs-primary);
}
.tns.tns-initiazlied [data-tns=true] {
  display: flex;
}
.tns.tns-initiazlied .tns-item {
  opacity: 1;
  transition: all 0.3s ease;
}
.tns.tns-default {
  position: relative;
}
.tns.tns-default [data-controls=prev],
.tns.tns-default [data-controls=next] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.tns.tns-default [data-controls=prev] {
  left: 0;
}
.tns.tns-default [data-controls=next] {
  right: 0;
}
.tns.tns-default .tns-outer {
  margin: 0 4rem;
}
.tns.tns-flush .tns-outer {
  margin: 0;
}

.tns-hide-disabled-nav [disabled] {
  display: none !important;
}

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

.bg-base-white {
  background-color: #ffffff !important;
}

.hover\:bg-base-white:hover {
  background-color: #ffffff !important;
}

.hover\:text-base-white:hover {
  color: #ffffff !important;
}

.focus\:base-white:focus {
  outline: 3px solid #ffffff !important;
}

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

.bg-base-black {
  background-color: #000000 !important;
}

.hover\:bg-base-black:hover {
  background-color: #000000 !important;
}

.hover\:text-base-black:hover {
  color: #000000 !important;
}

.focus\:base-black:focus {
  outline: 3px solid #000000 !important;
}

.text-gray-25 {
  color: #fcfcfd !important;
}

.bg-gray-25 {
  background-color: #fcfcfd !important;
}

.hover\:bg-gray-25:hover {
  background-color: #fcfcfd !important;
}

.hover\:text-gray-25:hover {
  color: #fcfcfd !important;
}

.focus\:gray-25:focus {
  outline: 3px solid #fcfcfd !important;
}

.text-gray-50 {
  color: #f9fafb !important;
}

.bg-gray-50 {
  background-color: #f9fafb !important;
}

.hover\:bg-gray-50:hover {
  background-color: #f9fafb !important;
}

.hover\:text-gray-50:hover {
  color: #f9fafb !important;
}

.focus\:gray-50:focus {
  outline: 3px solid #f9fafb !important;
}

.text-gray-100 {
  color: #f2f4f7 !important;
}

.bg-gray-100 {
  background-color: #f2f4f7 !important;
}

.hover\:bg-gray-100:hover {
  background-color: #f2f4f7 !important;
}

.hover\:text-gray-100:hover {
  color: #f2f4f7 !important;
}

.focus\:gray-100:focus {
  outline: 3px solid #f2f4f7 !important;
}

.text-gray-200 {
  color: #eaecf0 !important;
}

.bg-gray-200 {
  background-color: #eaecf0 !important;
}

.hover\:bg-gray-200:hover {
  background-color: #eaecf0 !important;
}

.hover\:text-gray-200:hover {
  color: #eaecf0 !important;
}

.focus\:gray-200:focus {
  outline: 3px solid #eaecf0 !important;
}

.text-gray-300 {
  color: #d0d5dd !important;
}

.bg-gray-300 {
  background-color: #d0d5dd !important;
}

.hover\:bg-gray-300:hover {
  background-color: #d0d5dd !important;
}

.hover\:text-gray-300:hover {
  color: #d0d5dd !important;
}

.focus\:gray-300:focus {
  outline: 3px solid #d0d5dd !important;
}

.text-gray-400 {
  color: #d0d5dd !important;
}

.bg-gray-400 {
  background-color: #d0d5dd !important;
}

.hover\:bg-gray-400:hover {
  background-color: #d0d5dd !important;
}

.hover\:text-gray-400:hover {
  color: #d0d5dd !important;
}

.focus\:gray-400:focus {
  outline: 3px solid #d0d5dd !important;
}

.text-gray-500 {
  color: #667085 !important;
}

.bg-gray-500 {
  background-color: #667085 !important;
}

.hover\:bg-gray-500:hover {
  background-color: #667085 !important;
}

.hover\:text-gray-500:hover {
  color: #667085 !important;
}

.focus\:gray-500:focus {
  outline: 3px solid #667085 !important;
}

.text-gray-600 {
  color: #475467 !important;
}

.bg-gray-600 {
  background-color: #475467 !important;
}

.hover\:bg-gray-600:hover {
  background-color: #475467 !important;
}

.hover\:text-gray-600:hover {
  color: #475467 !important;
}

.focus\:gray-600:focus {
  outline: 3px solid #475467 !important;
}

.text-gray-700 {
  color: #344054 !important;
}

.bg-gray-700 {
  background-color: #344054 !important;
}

.hover\:bg-gray-700:hover {
  background-color: #344054 !important;
}

.hover\:text-gray-700:hover {
  color: #344054 !important;
}

.focus\:gray-700:focus {
  outline: 3px solid #344054 !important;
}

.text-gray-800 {
  color: #182230 !important;
}

.bg-gray-800 {
  background-color: #182230 !important;
}

.hover\:bg-gray-800:hover {
  background-color: #182230 !important;
}

.hover\:text-gray-800:hover {
  color: #182230 !important;
}

.focus\:gray-800:focus {
  outline: 3px solid #182230 !important;
}

.text-gray-900 {
  color: #101828 !important;
}

.bg-gray-900 {
  background-color: #101828 !important;
}

.hover\:bg-gray-900:hover {
  background-color: #101828 !important;
}

.hover\:text-gray-900:hover {
  color: #101828 !important;
}

.focus\:gray-900:focus {
  outline: 3px solid #101828 !important;
}

.text-gray-950 {
  color: #0c111d !important;
}

.bg-gray-950 {
  background-color: #0c111d !important;
}

.hover\:bg-gray-950:hover {
  background-color: #0c111d !important;
}

.hover\:text-gray-950:hover {
  color: #0c111d !important;
}

.focus\:gray-950:focus {
  outline: 3px solid #0c111d !important;
}

.text-magenta-dye-25 {
  color: #fcf7fa !important;
}

.bg-magenta-dye-25 {
  background-color: #fcf7fa !important;
}

.hover\:bg-magenta-dye-25:hover {
  background-color: #fcf7fa !important;
}

.hover\:text-magenta-dye-25:hover {
  color: #fcf7fa !important;
}

.focus\:magenta-dye-25:focus {
  outline: 3px solid #fcf7fa !important;
}

.text-magenta-dye-50 {
  color: #fbf0f6 !important;
}

.bg-magenta-dye-50 {
  background-color: #fbf0f6 !important;
}

.hover\:bg-magenta-dye-50:hover {
  background-color: #fbf0f6 !important;
}

.hover\:text-magenta-dye-50:hover {
  color: #fbf0f6 !important;
}

.focus\:magenta-dye-50:focus {
  outline: 3px solid #fbf0f6 !important;
}

.text-magenta-dye-100 {
  color: #f5d7e7 !important;
}

.bg-magenta-dye-100 {
  background-color: #f5d7e7 !important;
}

.hover\:bg-magenta-dye-100:hover {
  background-color: #f5d7e7 !important;
}

.hover\:text-magenta-dye-100:hover {
  color: #f5d7e7 !important;
}

.focus\:magenta-dye-100:focus {
  outline: 3px solid #f5d7e7 !important;
}

.text-magenta-dye-200 {
  color: #e693bf !important;
}

.bg-magenta-dye-200 {
  background-color: #e693bf !important;
}

.hover\:bg-magenta-dye-200:hover {
  background-color: #e693bf !important;
}

.hover\:text-magenta-dye-200:hover {
  color: #e693bf !important;
}

.focus\:magenta-dye-200:focus {
  outline: 3px solid #e693bf !important;
}

.text-magenta-dye-300 {
  color: #dc65a4 !important;
}

.bg-magenta-dye-300 {
  background-color: #dc65a4 !important;
}

.hover\:bg-magenta-dye-300:hover {
  background-color: #dc65a4 !important;
}

.hover\:text-magenta-dye-300:hover {
  color: #dc65a4 !important;
}

.focus\:magenta-dye-300:focus {
  outline: 3px solid #dc65a4 !important;
}

.text-magenta-dye-400 {
  color: #d54692 !important;
}

.bg-magenta-dye-400 {
  background-color: #d54692 !important;
}

.hover\:bg-magenta-dye-400:hover {
  background-color: #d54692 !important;
}

.hover\:text-magenta-dye-400:hover {
  color: #d54692 !important;
}

.focus\:magenta-dye-400:focus {
  outline: 3px solid #d54692 !important;
}

.text-magenta-dye-500 {
  color: #e12a80 !important;
}

.bg-magenta-dye-500 {
  background-color: #e12a80 !important;
}

.hover\:bg-magenta-dye-500:hover {
  background-color: #e12a80 !important;
}

.hover\:text-magenta-dye-500:hover {
  color: #e12a80 !important;
}

.focus\:magenta-dye-500:focus {
  outline: 3px solid #e12a80 !important;
}

.text-magenta-dye-600 {
  color: #ab276d !important;
}

.bg-magenta-dye-600 {
  background-color: #ab276d !important;
}

.hover\:bg-magenta-dye-600:hover {
  background-color: #ab276d !important;
}

.hover\:text-magenta-dye-600:hover {
  color: #ab276d !important;
}

.focus\:magenta-dye-600:focus {
  outline: 3px solid #ab276d !important;
}

.text-magenta-dye-700 {
  color: #8f205b !important;
}

.bg-magenta-dye-700 {
  background-color: #8f205b !important;
}

.hover\:bg-magenta-dye-700:hover {
  background-color: #8f205b !important;
}

.hover\:text-magenta-dye-700:hover {
  color: #8f205b !important;
}

.focus\:magenta-dye-700:focus {
  outline: 3px solid #8f205b !important;
}

.text-magenta-dye-800 {
  color: #721a49 !important;
}

.bg-magenta-dye-800 {
  background-color: #721a49 !important;
}

.hover\:bg-magenta-dye-800:hover {
  background-color: #721a49 !important;
}

.hover\:text-magenta-dye-800:hover {
  color: #721a49 !important;
}

.focus\:magenta-dye-800:focus {
  outline: 3px solid #721a49 !important;
}

.text-magenta-dye-900 {
  color: #561337 !important;
}

.bg-magenta-dye-900 {
  background-color: #561337 !important;
}

.hover\:bg-magenta-dye-900:hover {
  background-color: #561337 !important;
}

.hover\:text-magenta-dye-900:hover {
  color: #561337 !important;
}

.focus\:magenta-dye-900:focus {
  outline: 3px solid #561337 !important;
}

.text-magenta-dye-950 {
  color: #390d24 !important;
}

.bg-magenta-dye-950 {
  background-color: #390d24 !important;
}

.hover\:bg-magenta-dye-950:hover {
  background-color: #390d24 !important;
}

.hover\:text-magenta-dye-950:hover {
  color: #390d24 !important;
}

.focus\:magenta-dye-950:focus {
  outline: 3px solid #390d24 !important;
}

.text-duke-blue-25 {
  color: #f6f5fc !important;
}

.bg-duke-blue-25 {
  background-color: #f6f5fc !important;
}

.hover\:bg-duke-blue-25:hover {
  background-color: #f6f5fc !important;
}

.hover\:text-duke-blue-25:hover {
  color: #f6f5fc !important;
}

.focus\:duke-blue-25:focus {
  outline: 3px solid #f6f5fc !important;
}

.text-duke-blue-50 {
  color: #e8e6fa !important;
}

.bg-duke-blue-50 {
  background-color: #e8e6fa !important;
}

.hover\:bg-duke-blue-50:hover {
  background-color: #e8e6fa !important;
}

.hover\:text-duke-blue-50:hover {
  color: #e8e6fa !important;
}

.focus\:duke-blue-50:focus {
  outline: 3px solid #e8e6fa !important;
}

.text-duke-blue-100 {
  color: #c7c3fa !important;
}

.bg-duke-blue-100 {
  background-color: #c7c3fa !important;
}

.hover\:bg-duke-blue-100:hover {
  background-color: #c7c3fa !important;
}

.hover\:text-duke-blue-100:hover {
  color: #c7c3fa !important;
}

.focus\:duke-blue-100:focus {
  outline: 3px solid #c7c3fa !important;
}

.text-duke-blue-200 {
  color: #7c70fb !important;
}

.bg-duke-blue-200 {
  background-color: #7c70fb !important;
}

.hover\:bg-duke-blue-200:hover {
  background-color: #7c70fb !important;
}

.hover\:text-duke-blue-200:hover {
  color: #7c70fb !important;
}

.focus\:duke-blue-200:focus {
  outline: 3px solid #7c70fb !important;
}

.text-duke-blue-300 {
  color: #2411f9 !important;
}

.bg-duke-blue-300 {
  background-color: #2411f9 !important;
}

.hover\:bg-duke-blue-300:hover {
  background-color: #2411f9 !important;
}

.hover\:text-duke-blue-300:hover {
  color: #2411f9 !important;
}

.focus\:duke-blue-300:focus {
  outline: 3px solid #2411f9 !important;
}

.text-duke-blue-400 {
  color: #1705d4 !important;
}

.bg-duke-blue-400 {
  background-color: #1705d4 !important;
}

.hover\:bg-duke-blue-400:hover {
  background-color: #1705d4 !important;
}

.hover\:text-duke-blue-400:hover {
  color: #1705d4 !important;
}

.focus\:duke-blue-400:focus {
  outline: 3px solid #1705d4 !important;
}

.text-duke-blue-500 {
  color: #1004a4 !important;
}

.bg-duke-blue-500 {
  background-color: #1004a4 !important;
}

.hover\:bg-duke-blue-500:hover {
  background-color: #1004a4 !important;
}

.hover\:text-duke-blue-500:hover {
  color: #1004a4 !important;
}

.focus\:duke-blue-500:focus {
  outline: 3px solid #1004a4 !important;
}

.text-duke-blue-600 {
  color: #0f048d !important;
}

.bg-duke-blue-600 {
  background-color: #0f048d !important;
}

.hover\:bg-duke-blue-600:hover {
  background-color: #0f048d !important;
}

.hover\:text-duke-blue-600:hover {
  color: #0f048d !important;
}

.focus\:duke-blue-600:focus {
  outline: 3px solid #0f048d !important;
}

.text-duke-blue-700 {
  color: #0d0375 !important;
}

.bg-duke-blue-700 {
  background-color: #0d0375 !important;
}

.hover\:bg-duke-blue-700:hover {
  background-color: #0d0375 !important;
}

.hover\:text-duke-blue-700:hover {
  color: #0d0375 !important;
}

.focus\:duke-blue-700:focus {
  outline: 3px solid #0d0375 !important;
}

.text-duke-blue-800 {
  color: #0a025e !important;
}

.bg-duke-blue-800 {
  background-color: #0a025e !important;
}

.hover\:bg-duke-blue-800:hover {
  background-color: #0a025e !important;
}

.hover\:text-duke-blue-800:hover {
  color: #0a025e !important;
}

.focus\:duke-blue-800:focus {
  outline: 3px solid #0a025e !important;
}

.text-duke-blue-900 {
  color: #080246 !important;
}

.bg-duke-blue-900 {
  background-color: #080246 !important;
}

.hover\:bg-duke-blue-900:hover {
  background-color: #080246 !important;
}

.hover\:text-duke-blue-900:hover {
  color: #080246 !important;
}

.focus\:duke-blue-900:focus {
  outline: 3px solid #080246 !important;
}

.text-duke-blue-950 {
  color: #05012f !important;
}

.bg-duke-blue-950 {
  background-color: #05012f !important;
}

.hover\:bg-duke-blue-950:hover {
  background-color: #05012f !important;
}

.hover\:text-duke-blue-950:hover {
  color: #05012f !important;
}

.focus\:duke-blue-950:focus {
  outline: 3px solid #05012f !important;
}

.text-picton-blue-25 {
  color: #f7fafc !important;
}

.bg-picton-blue-25 {
  background-color: #f7fafc !important;
}

.hover\:bg-picton-blue-25:hover {
  background-color: #f7fafc !important;
}

.hover\:text-picton-blue-25:hover {
  color: #f7fafc !important;
}

.focus\:picton-blue-25:focus {
  outline: 3px solid #f7fafc !important;
}

.text-picton-blue-50 {
  color: #ebf4fa !important;
}

.bg-picton-blue-50 {
  background-color: #ebf4fa !important;
}

.hover\:bg-picton-blue-50:hover {
  background-color: #ebf4fa !important;
}

.hover\:text-picton-blue-50:hover {
  color: #ebf4fa !important;
}

.focus\:picton-blue-50:focus {
  outline: 3px solid #ebf4fa !important;
}

.text-picton-blue-100 {
  color: #cee6f5 !important;
}

.bg-picton-blue-100 {
  background-color: #cee6f5 !important;
}

.hover\:bg-picton-blue-100:hover {
  background-color: #cee6f5 !important;
}

.hover\:text-picton-blue-100:hover {
  color: #cee6f5 !important;
}

.focus\:picton-blue-100:focus {
  outline: 3px solid #cee6f5 !important;
}

.text-picton-blue-200 {
  color: #b2dcf7 !important;
}

.bg-picton-blue-200 {
  background-color: #b2dcf7 !important;
}

.hover\:bg-picton-blue-200:hover {
  background-color: #b2dcf7 !important;
}

.hover\:text-picton-blue-200:hover {
  color: #b2dcf7 !important;
}

.focus\:picton-blue-200:focus {
  outline: 3px solid #b2dcf7 !important;
}

.text-picton-blue-300 {
  color: #7dc8f7 !important;
}

.bg-picton-blue-300 {
  background-color: #7dc8f7 !important;
}

.hover\:bg-picton-blue-300:hover {
  background-color: #7dc8f7 !important;
}

.hover\:text-picton-blue-300:hover {
  color: #7dc8f7 !important;
}

.focus\:picton-blue-300:focus {
  outline: 3px solid #7dc8f7 !important;
}

.text-picton-blue-400 {
  color: #63bdf5 !important;
}

.bg-picton-blue-400 {
  background-color: #63bdf5 !important;
}

.hover\:bg-picton-blue-400:hover {
  background-color: #63bdf5 !important;
}

.hover\:text-picton-blue-400:hover {
  color: #63bdf5 !important;
}

.focus\:picton-blue-400:focus {
  outline: 3px solid #63bdf5 !important;
}

.text-picton-blue-500 {
  color: #49b3f3 !important;
}

.bg-picton-blue-500 {
  background-color: #49b3f3 !important;
}

.hover\:bg-picton-blue-500:hover {
  background-color: #49b3f3 !important;
}

.hover\:text-picton-blue-500:hover {
  color: #49b3f3 !important;
}

.focus\:picton-blue-500:focus {
  outline: 3px solid #49b3f3 !important;
}

.text-picton-blue-600 {
  color: #2ca0e5 !important;
}

.bg-picton-blue-600 {
  background-color: #2ca0e5 !important;
}

.hover\:bg-picton-blue-600:hover {
  background-color: #2ca0e5 !important;
}

.hover\:text-picton-blue-600:hover {
  color: #2ca0e5 !important;
}

.focus\:picton-blue-600:focus {
  outline: 3px solid #2ca0e5 !important;
}

.text-picton-blue-700 {
  color: #0e88d4 !important;
}

.bg-picton-blue-700 {
  background-color: #0e88d4 !important;
}

.hover\:bg-picton-blue-700:hover {
  background-color: #0e88d4 !important;
}

.hover\:text-picton-blue-700:hover {
  color: #0e88d4 !important;
}

.focus\:picton-blue-700:focus {
  outline: 3px solid #0e88d4 !important;
}

.text-picton-blue-800 {
  color: #0b6daa !important;
}

.bg-picton-blue-800 {
  background-color: #0b6daa !important;
}

.hover\:bg-picton-blue-800:hover {
  background-color: #0b6daa !important;
}

.hover\:text-picton-blue-800:hover {
  color: #0b6daa !important;
}

.focus\:picton-blue-800:focus {
  outline: 3px solid #0b6daa !important;
}

.text-picton-blue-900 {
  color: #08527f !important;
}

.bg-picton-blue-900 {
  background-color: #08527f !important;
}

.hover\:bg-picton-blue-900:hover {
  background-color: #08527f !important;
}

.hover\:text-picton-blue-900:hover {
  color: #08527f !important;
}

.focus\:picton-blue-900:focus {
  outline: 3px solid #08527f !important;
}

.text-picton-blue-950 {
  color: #053655 !important;
}

.bg-picton-blue-950 {
  background-color: #053655 !important;
}

.hover\:bg-picton-blue-950:hover {
  background-color: #053655 !important;
}

.hover\:text-picton-blue-950:hover {
  color: #053655 !important;
}

.focus\:picton-blue-950:focus {
  outline: 3px solid #053655 !important;
}

.text-error-25 {
  color: #fffbfa !important;
}

.bg-error-25 {
  background-color: #fffbfa !important;
}

.hover\:bg-error-25:hover {
  background-color: #fffbfa !important;
}

.hover\:text-error-25:hover {
  color: #fffbfa !important;
}

.focus\:error-25:focus {
  outline: 3px solid #fffbfa !important;
}

.text-error-50 {
  color: #fef3f2 !important;
}

.bg-error-50 {
  background-color: #fef3f2 !important;
}

.hover\:bg-error-50:hover {
  background-color: #fef3f2 !important;
}

.hover\:text-error-50:hover {
  color: #fef3f2 !important;
}

.focus\:error-50:focus {
  outline: 3px solid #fef3f2 !important;
}

.text-error-100 {
  color: #fee4e2 !important;
}

.bg-error-100 {
  background-color: #fee4e2 !important;
}

.hover\:bg-error-100:hover {
  background-color: #fee4e2 !important;
}

.hover\:text-error-100:hover {
  color: #fee4e2 !important;
}

.focus\:error-100:focus {
  outline: 3px solid #fee4e2 !important;
}

.text-error-200 {
  color: #fecdca !important;
}

.bg-error-200 {
  background-color: #fecdca !important;
}

.hover\:bg-error-200:hover {
  background-color: #fecdca !important;
}

.hover\:text-error-200:hover {
  color: #fecdca !important;
}

.focus\:error-200:focus {
  outline: 3px solid #fecdca !important;
}

.text-error-300 {
  color: #fda29b !important;
}

.bg-error-300 {
  background-color: #fda29b !important;
}

.hover\:bg-error-300:hover {
  background-color: #fda29b !important;
}

.hover\:text-error-300:hover {
  color: #fda29b !important;
}

.focus\:error-300:focus {
  outline: 3px solid #fda29b !important;
}

.text-error-400 {
  color: #f97066 !important;
}

.bg-error-400 {
  background-color: #f97066 !important;
}

.hover\:bg-error-400:hover {
  background-color: #f97066 !important;
}

.hover\:text-error-400:hover {
  color: #f97066 !important;
}

.focus\:error-400:focus {
  outline: 3px solid #f97066 !important;
}

.text-error-500 {
  color: #f04438 !important;
}

.bg-error-500 {
  background-color: #f04438 !important;
}

.hover\:bg-error-500:hover {
  background-color: #f04438 !important;
}

.hover\:text-error-500:hover {
  color: #f04438 !important;
}

.focus\:error-500:focus {
  outline: 3px solid #f04438 !important;
}

.text-error-600 {
  color: #d92d20 !important;
}

.bg-error-600 {
  background-color: #d92d20 !important;
}

.hover\:bg-error-600:hover {
  background-color: #d92d20 !important;
}

.hover\:text-error-600:hover {
  color: #d92d20 !important;
}

.focus\:error-600:focus {
  outline: 3px solid #d92d20 !important;
}

.text-error-700 {
  color: #b42318 !important;
}

.bg-error-700 {
  background-color: #b42318 !important;
}

.hover\:bg-error-700:hover {
  background-color: #b42318 !important;
}

.hover\:text-error-700:hover {
  color: #b42318 !important;
}

.focus\:error-700:focus {
  outline: 3px solid #b42318 !important;
}

.text-error-800 {
  color: #912018 !important;
}

.bg-error-800 {
  background-color: #912018 !important;
}

.hover\:bg-error-800:hover {
  background-color: #912018 !important;
}

.hover\:text-error-800:hover {
  color: #912018 !important;
}

.focus\:error-800:focus {
  outline: 3px solid #912018 !important;
}

.text-error-900 {
  color: #7a271a !important;
}

.bg-error-900 {
  background-color: #7a271a !important;
}

.hover\:bg-error-900:hover {
  background-color: #7a271a !important;
}

.hover\:text-error-900:hover {
  color: #7a271a !important;
}

.focus\:error-900:focus {
  outline: 3px solid #7a271a !important;
}

.text-error-950 {
  color: #55160c !important;
}

.bg-error-950 {
  background-color: #55160c !important;
}

.hover\:bg-error-950:hover {
  background-color: #55160c !important;
}

.hover\:text-error-950:hover {
  color: #55160c !important;
}

.focus\:error-950:focus {
  outline: 3px solid #55160c !important;
}

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

.bg-warning-25 {
  background-color: #fffcf5 !important;
}

.hover\:bg-warning-25:hover {
  background-color: #fffcf5 !important;
}

.hover\:text-warning-25:hover {
  color: #fffcf5 !important;
}

.focus\:warning-25:focus {
  outline: 3px solid #fffcf5 !important;
}

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

.bg-warning-50 {
  background-color: #fffaeb !important;
}

.hover\:bg-warning-50:hover {
  background-color: #fffaeb !important;
}

.hover\:text-warning-50:hover {
  color: #fffaeb !important;
}

.focus\:warning-50:focus {
  outline: 3px solid #fffaeb !important;
}

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

.bg-warning-100 {
  background-color: #fef0c7 !important;
}

.hover\:bg-warning-100:hover {
  background-color: #fef0c7 !important;
}

.hover\:text-warning-100:hover {
  color: #fef0c7 !important;
}

.focus\:warning-100:focus {
  outline: 3px solid #fef0c7 !important;
}

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

.bg-warning-200 {
  background-color: #fedf89 !important;
}

.hover\:bg-warning-200:hover {
  background-color: #fedf89 !important;
}

.hover\:text-warning-200:hover {
  color: #fedf89 !important;
}

.focus\:warning-200:focus {
  outline: 3px solid #fedf89 !important;
}

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

.bg-warning-300 {
  background-color: #fec84b !important;
}

.hover\:bg-warning-300:hover {
  background-color: #fec84b !important;
}

.hover\:text-warning-300:hover {
  color: #fec84b !important;
}

.focus\:warning-300:focus {
  outline: 3px solid #fec84b !important;
}

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

.bg-warning-400 {
  background-color: #fdb022 !important;
}

.hover\:bg-warning-400:hover {
  background-color: #fdb022 !important;
}

.hover\:text-warning-400:hover {
  color: #fdb022 !important;
}

.focus\:warning-400:focus {
  outline: 3px solid #fdb022 !important;
}

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

.bg-warning-500 {
  background-color: #f79009 !important;
}

.hover\:bg-warning-500:hover {
  background-color: #f79009 !important;
}

.hover\:text-warning-500:hover {
  color: #f79009 !important;
}

.focus\:warning-500:focus {
  outline: 3px solid #f79009 !important;
}

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

.bg-warning-600 {
  background-color: #dc6803 !important;
}

.hover\:bg-warning-600:hover {
  background-color: #dc6803 !important;
}

.hover\:text-warning-600:hover {
  color: #dc6803 !important;
}

.focus\:warning-600:focus {
  outline: 3px solid #dc6803 !important;
}

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

.bg-warning-700 {
  background-color: #b54708 !important;
}

.hover\:bg-warning-700:hover {
  background-color: #b54708 !important;
}

.hover\:text-warning-700:hover {
  color: #b54708 !important;
}

.focus\:warning-700:focus {
  outline: 3px solid #b54708 !important;
}

.text-warning-800 {
  color: #93370d !important;
}

.bg-warning-800 {
  background-color: #93370d !important;
}

.hover\:bg-warning-800:hover {
  background-color: #93370d !important;
}

.hover\:text-warning-800:hover {
  color: #93370d !important;
}

.focus\:warning-800:focus {
  outline: 3px solid #93370d !important;
}

.text-warning-900 {
  color: #7a2e0e !important;
}

.bg-warning-900 {
  background-color: #7a2e0e !important;
}

.hover\:bg-warning-900:hover {
  background-color: #7a2e0e !important;
}

.hover\:text-warning-900:hover {
  color: #7a2e0e !important;
}

.focus\:warning-900:focus {
  outline: 3px solid #7a2e0e !important;
}

.text-warning-950 {
  color: #4e1d09 !important;
}

.bg-warning-950 {
  background-color: #4e1d09 !important;
}

.hover\:bg-warning-950:hover {
  background-color: #4e1d09 !important;
}

.hover\:text-warning-950:hover {
  color: #4e1d09 !important;
}

.focus\:warning-950:focus {
  outline: 3px solid #4e1d09 !important;
}

.text-success-25 {
  color: #f6fef9 !important;
}

.bg-success-25 {
  background-color: #f6fef9 !important;
}

.hover\:bg-success-25:hover {
  background-color: #f6fef9 !important;
}

.hover\:text-success-25:hover {
  color: #f6fef9 !important;
}

.focus\:success-25:focus {
  outline: 3px solid #f6fef9 !important;
}

.text-success-50 {
  color: #ecfdf3 !important;
}

.bg-success-50 {
  background-color: #ecfdf3 !important;
}

.hover\:bg-success-50:hover {
  background-color: #ecfdf3 !important;
}

.hover\:text-success-50:hover {
  color: #ecfdf3 !important;
}

.focus\:success-50:focus {
  outline: 3px solid #ecfdf3 !important;
}

.text-success-100 {
  color: #dcfae6 !important;
}

.bg-success-100 {
  background-color: #dcfae6 !important;
}

.hover\:bg-success-100:hover {
  background-color: #dcfae6 !important;
}

.hover\:text-success-100:hover {
  color: #dcfae6 !important;
}

.focus\:success-100:focus {
  outline: 3px solid #dcfae6 !important;
}

.text-success-200 {
  color: #abefc6 !important;
}

.bg-success-200 {
  background-color: #abefc6 !important;
}

.hover\:bg-success-200:hover {
  background-color: #abefc6 !important;
}

.hover\:text-success-200:hover {
  color: #abefc6 !important;
}

.focus\:success-200:focus {
  outline: 3px solid #abefc6 !important;
}

.text-success-300 {
  color: #75e0a7 !important;
}

.bg-success-300 {
  background-color: #75e0a7 !important;
}

.hover\:bg-success-300:hover {
  background-color: #75e0a7 !important;
}

.hover\:text-success-300:hover {
  color: #75e0a7 !important;
}

.focus\:success-300:focus {
  outline: 3px solid #75e0a7 !important;
}

.text-success-400 {
  color: #47cd89 !important;
}

.bg-success-400 {
  background-color: #47cd89 !important;
}

.hover\:bg-success-400:hover {
  background-color: #47cd89 !important;
}

.hover\:text-success-400:hover {
  color: #47cd89 !important;
}

.focus\:success-400:focus {
  outline: 3px solid #47cd89 !important;
}

.text-success-500 {
  color: #17b26a !important;
}

.bg-success-500 {
  background-color: #17b26a !important;
}

.hover\:bg-success-500:hover {
  background-color: #17b26a !important;
}

.hover\:text-success-500:hover {
  color: #17b26a !important;
}

.focus\:success-500:focus {
  outline: 3px solid #17b26a !important;
}

.text-success-600 {
  color: #079455 !important;
}

.bg-success-600 {
  background-color: #079455 !important;
}

.hover\:bg-success-600:hover {
  background-color: #079455 !important;
}

.hover\:text-success-600:hover {
  color: #079455 !important;
}

.focus\:success-600:focus {
  outline: 3px solid #079455 !important;
}

.text-success-700 {
  color: #067647 !important;
}

.bg-success-700 {
  background-color: #067647 !important;
}

.hover\:bg-success-700:hover {
  background-color: #067647 !important;
}

.hover\:text-success-700:hover {
  color: #067647 !important;
}

.focus\:success-700:focus {
  outline: 3px solid #067647 !important;
}

.text-success-800 {
  color: #085d3a !important;
}

.bg-success-800 {
  background-color: #085d3a !important;
}

.hover\:bg-success-800:hover {
  background-color: #085d3a !important;
}

.hover\:text-success-800:hover {
  color: #085d3a !important;
}

.focus\:success-800:focus {
  outline: 3px solid #085d3a !important;
}

.text-success-900 {
  color: #074d31 !important;
}

.bg-success-900 {
  background-color: #074d31 !important;
}

.hover\:bg-success-900:hover {
  background-color: #074d31 !important;
}

.hover\:text-success-900:hover {
  color: #074d31 !important;
}

.focus\:success-900:focus {
  outline: 3px solid #074d31 !important;
}

.text-success-950 {
  color: #053321 !important;
}

.bg-success-950 {
  background-color: #053321 !important;
}

.hover\:bg-success-950:hover {
  background-color: #053321 !important;
}

.hover\:text-success-950:hover {
  color: #053321 !important;
}

.focus\:success-950:focus {
  outline: 3px solid #053321 !important;
}

.grid-cols-1 {
  grid-column: 1/span 1;
}

.grid-cols-2 {
  grid-column: 1/span 2;
}

.grid-cols-3 {
  grid-column: 1/span 3;
}

.grid-cols-4 {
  grid-column: 1/span 4;
}

.grid-cols-5 {
  grid-column: 1/span 5;
}

.grid-cols-6 {
  grid-column: 1/span 6;
}

.grid-cols-7 {
  grid-column: 1/span 7;
}

.grid-cols-8 {
  grid-column: 1/span 8;
}

.grid-cols-9 {
  grid-column: 1/span 9;
}

.grid-cols-10 {
  grid-column: 1/span 10;
}

.grid-cols-11 {
  grid-column: 1/span 11;
}

.grid-cols-12 {
  grid-column: 1/span 12;
}

.display-inline {
  display: inline-block;
}

.display-block {
  display: block;
}

.shadow-xs {
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.shadow-sm {
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
}

.shadow-md {
  box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.1);
}

.shadow-lg {
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}

.shadow-xl {
  box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
}

.shadow-2xl {
  box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);
}

.shadow-3xl {
  box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);
}

.font-dana {
  font-family: "dana" !important;
}

.font-peyda {
  font-family: "PeydaWeb" !important;
}

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

.font-medium {
  font-weight: 500 !important;
}

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

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

.font-black {
  font-weight: 900 !important;
}

.text-xs {
  font-size: 0.75rem !important;
  line-height: 1.5rem !important;
}

.text-sm {
  font-size: 0.875rem !important;
  line-height: 1.75rem !important;
}

.text-md {
  font-size: 1rem !important;
  line-height: 2rem !important;
}

.text-lg {
  font-size: 1.125rem !important;
  line-height: 2.25rem !important;
}

.text-xl {
  font-size: 1.25rem !important;
  line-height: 2.5rem !important;
}

.text-display-xs {
  font-size: 1.5rem !important;
  line-height: 2.625rem !important;
}

.text-display-sm {
  font-size: 1.875rem !important;
  line-height: 3.5rem !important;
}

.text-display-md {
  font-size: 2.375rem !important;
  line-height: 4.125rem !important;
}

.text-display-lg {
  font-size: 3rem !important;
  line-height: 4.5rem !important;
}

.text-display-xl {
  font-size: 3.75rem !important;
  line-height: 5.625rem !important;
}

.text-display-2xl {
  font-size: 4.5rem !important;
  line-height: 6.75rem !important;
}

.btn-sm {
  font-family: "PeydaWeb" !important;
  padding: 4px 14px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  line-height: 28px !important;
  font-weight: 600 !important;
  gap: 8px !important;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: inherit;
  line-height: inherit;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  outline: 3px solid rgba(255, 255, 255, 0) !important;
  box-sizing: border-box;
}
.btn-sm.disabled {
  opacity: 0.2;
  pointer-events: none;
}

.btn-md {
  font-family: "PeydaWeb" !important;
  padding: 6px 16px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  line-height: 28px !important;
  font-weight: 600 !important;
  gap: 8px !important;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: inherit;
  line-height: inherit;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  outline: 3px solid rgba(255, 255, 255, 0) !important;
  box-sizing: border-box;
}
.btn-md.disabled {
  opacity: 0.2;
  pointer-events: none;
}

.btn-lg {
  font-family: "PeydaWeb" !important;
  padding: 6px 18px !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  line-height: 32px !important;
  font-weight: 700 !important;
  gap: 8px !important;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: inherit;
  line-height: inherit;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  outline: 3px solid rgba(255, 255, 255, 0) !important;
  box-sizing: border-box;
}
.btn-lg.disabled {
  opacity: 0.2;
  pointer-events: none;
}

.btn-xl {
  font-family: "PeydaWeb" !important;
  padding: 8px 20px !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  line-height: 32px !important;
  font-weight: 700 !important;
  gap: 8px !important;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: inherit;
  line-height: inherit;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  outline: 3px solid rgba(255, 255, 255, 0) !important;
  box-sizing: border-box;
}
.btn-xl.disabled {
  opacity: 0.2;
  pointer-events: none;
}

.btn-2xl {
  font-family: "PeydaWeb" !important;
  padding: 13px 24px !important;
  border-radius: 8px !important;
  font-size: 18px !important;
  line-height: 34px !important;
  font-weight: 700 !important;
  gap: 8px !important;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: inherit;
  line-height: inherit;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  outline: 3px solid rgba(255, 255, 255, 0) !important;
  box-sizing: border-box;
}
.btn-2xl.disabled {
  opacity: 0.2;
  pointer-events: none;
}

.btn-sm-x {
  font-family: "PeydaWeb" !important;
  padding: 4px 14px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  line-height: 28px !important;
  font-weight: 600 !important;
  gap: 4px !important;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: inherit;
  line-height: inherit;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  outline: 3px solid rgba(255, 255, 255, 0) !important;
  box-sizing: border-box;
}
.btn-sm-x.disabled {
  opacity: 0.2;
  pointer-events: none;
}

.btn-md-x {
  font-family: "PeydaWeb" !important;
  padding: 6px 14px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  line-height: 28px !important;
  font-weight: 600 !important;
  gap: 4px !important;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: inherit;
  line-height: inherit;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  outline: 3px solid rgba(255, 255, 255, 0) !important;
  box-sizing: border-box;
}
.btn-md-x.disabled {
  opacity: 0.2;
  pointer-events: none;
}

.btn-lg-x {
  font-family: "PeydaWeb" !important;
  padding: 6px 16px !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  line-height: 32px !important;
  font-weight: 700 !important;
  gap: 6px !important;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: inherit;
  line-height: inherit;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  outline: 3px solid rgba(255, 255, 255, 0) !important;
  box-sizing: border-box;
}
.btn-lg-x.disabled {
  opacity: 0.2;
  pointer-events: none;
}

.btn-xl-x {
  font-family: "PeydaWeb" !important;
  padding: 8px 18px !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  line-height: 32px !important;
  font-weight: 700 !important;
  gap: 6px !important;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: inherit;
  line-height: inherit;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  outline: 3px solid rgba(255, 255, 255, 0) !important;
  box-sizing: border-box;
}
.btn-xl-x.disabled {
  opacity: 0.2;
  pointer-events: none;
}

.btn-2xl-x {
  font-family: "PeydaWeb" !important;
  padding: 13px 22px !important;
  border-radius: 8px !important;
  font-size: 18px !important;
  line-height: 34px !important;
  font-weight: 700 !important;
  gap: 10px !important;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: inherit;
  line-height: inherit;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  outline: 3px solid rgba(255, 255, 255, 0) !important;
  box-sizing: border-box;
}
.btn-2xl-x.disabled {
  opacity: 0.2;
  pointer-events: none;
}

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

.bg-base-white {
  background-color: #ffffff !important;
}

.hover\:bg-base-white:hover {
  background-color: #ffffff !important;
}

.hover\:text-base-white:hover {
  color: #ffffff !important;
}

.focus\:base-white:focus {
  outline: 3px solid #ffffff !important;
}

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

.bg-base-black {
  background-color: #000000 !important;
}

.hover\:bg-base-black:hover {
  background-color: #000000 !important;
}

.hover\:text-base-black:hover {
  color: #000000 !important;
}

.focus\:base-black:focus {
  outline: 3px solid #000000 !important;
}

.text-gray-25 {
  color: #fcfcfd !important;
}

.bg-gray-25 {
  background-color: #fcfcfd !important;
}

.hover\:bg-gray-25:hover {
  background-color: #fcfcfd !important;
}

.hover\:text-gray-25:hover {
  color: #fcfcfd !important;
}

.focus\:gray-25:focus {
  outline: 3px solid #fcfcfd !important;
}

.text-gray-50 {
  color: #f9fafb !important;
}

.bg-gray-50 {
  background-color: #f9fafb !important;
}

.hover\:bg-gray-50:hover {
  background-color: #f9fafb !important;
}

.hover\:text-gray-50:hover {
  color: #f9fafb !important;
}

.focus\:gray-50:focus {
  outline: 3px solid #f9fafb !important;
}

.text-gray-100 {
  color: #f2f4f7 !important;
}

.bg-gray-100 {
  background-color: #f2f4f7 !important;
}

.hover\:bg-gray-100:hover {
  background-color: #f2f4f7 !important;
}

.hover\:text-gray-100:hover {
  color: #f2f4f7 !important;
}

.focus\:gray-100:focus {
  outline: 3px solid #f2f4f7 !important;
}

.text-gray-200 {
  color: #eaecf0 !important;
}

.bg-gray-200 {
  background-color: #eaecf0 !important;
}

.hover\:bg-gray-200:hover {
  background-color: #eaecf0 !important;
}

.hover\:text-gray-200:hover {
  color: #eaecf0 !important;
}

.focus\:gray-200:focus {
  outline: 3px solid #eaecf0 !important;
}

.text-gray-300 {
  color: #d0d5dd !important;
}

.bg-gray-300 {
  background-color: #d0d5dd !important;
}

.hover\:bg-gray-300:hover {
  background-color: #d0d5dd !important;
}

.hover\:text-gray-300:hover {
  color: #d0d5dd !important;
}

.focus\:gray-300:focus {
  outline: 3px solid #d0d5dd !important;
}

.text-gray-400 {
  color: #d0d5dd !important;
}

.bg-gray-400 {
  background-color: #d0d5dd !important;
}

.hover\:bg-gray-400:hover {
  background-color: #d0d5dd !important;
}

.hover\:text-gray-400:hover {
  color: #d0d5dd !important;
}

.focus\:gray-400:focus {
  outline: 3px solid #d0d5dd !important;
}

.text-gray-500 {
  color: #667085 !important;
}

.bg-gray-500 {
  background-color: #667085 !important;
}

.hover\:bg-gray-500:hover {
  background-color: #667085 !important;
}

.hover\:text-gray-500:hover {
  color: #667085 !important;
}

.focus\:gray-500:focus {
  outline: 3px solid #667085 !important;
}

.text-gray-600 {
  color: #475467 !important;
}

.bg-gray-600 {
  background-color: #475467 !important;
}

.hover\:bg-gray-600:hover {
  background-color: #475467 !important;
}

.hover\:text-gray-600:hover {
  color: #475467 !important;
}

.focus\:gray-600:focus {
  outline: 3px solid #475467 !important;
}

.text-gray-700 {
  color: #344054 !important;
}

.bg-gray-700 {
  background-color: #344054 !important;
}

.hover\:bg-gray-700:hover {
  background-color: #344054 !important;
}

.hover\:text-gray-700:hover {
  color: #344054 !important;
}

.focus\:gray-700:focus {
  outline: 3px solid #344054 !important;
}

.text-gray-800 {
  color: #182230 !important;
}

.bg-gray-800 {
  background-color: #182230 !important;
}

.hover\:bg-gray-800:hover {
  background-color: #182230 !important;
}

.hover\:text-gray-800:hover {
  color: #182230 !important;
}

.focus\:gray-800:focus {
  outline: 3px solid #182230 !important;
}

.text-gray-900 {
  color: #101828 !important;
}

.bg-gray-900 {
  background-color: #101828 !important;
}

.hover\:bg-gray-900:hover {
  background-color: #101828 !important;
}

.hover\:text-gray-900:hover {
  color: #101828 !important;
}

.focus\:gray-900:focus {
  outline: 3px solid #101828 !important;
}

.text-gray-950 {
  color: #0c111d !important;
}

.bg-gray-950 {
  background-color: #0c111d !important;
}

.hover\:bg-gray-950:hover {
  background-color: #0c111d !important;
}

.hover\:text-gray-950:hover {
  color: #0c111d !important;
}

.focus\:gray-950:focus {
  outline: 3px solid #0c111d !important;
}

.text-magenta-dye-25 {
  color: #fcf7fa !important;
}

.bg-magenta-dye-25 {
  background-color: #fcf7fa !important;
}

.hover\:bg-magenta-dye-25:hover {
  background-color: #fcf7fa !important;
}

.hover\:text-magenta-dye-25:hover {
  color: #fcf7fa !important;
}

.focus\:magenta-dye-25:focus {
  outline: 3px solid #fcf7fa !important;
}

.text-magenta-dye-50 {
  color: #fbf0f6 !important;
}

.bg-magenta-dye-50 {
  background-color: #fbf0f6 !important;
}

.hover\:bg-magenta-dye-50:hover {
  background-color: #fbf0f6 !important;
}

.hover\:text-magenta-dye-50:hover {
  color: #fbf0f6 !important;
}

.focus\:magenta-dye-50:focus {
  outline: 3px solid #fbf0f6 !important;
}

.text-magenta-dye-100 {
  color: #f5d7e7 !important;
}

.bg-magenta-dye-100 {
  background-color: #f5d7e7 !important;
}

.hover\:bg-magenta-dye-100:hover {
  background-color: #f5d7e7 !important;
}

.hover\:text-magenta-dye-100:hover {
  color: #f5d7e7 !important;
}

.focus\:magenta-dye-100:focus {
  outline: 3px solid #f5d7e7 !important;
}

.text-magenta-dye-200 {
  color: #e693bf !important;
}

.bg-magenta-dye-200 {
  background-color: #e693bf !important;
}

.hover\:bg-magenta-dye-200:hover {
  background-color: #e693bf !important;
}

.hover\:text-magenta-dye-200:hover {
  color: #e693bf !important;
}

.focus\:magenta-dye-200:focus {
  outline: 3px solid #e693bf !important;
}

.text-magenta-dye-300 {
  color: #dc65a4 !important;
}

.bg-magenta-dye-300 {
  background-color: #dc65a4 !important;
}

.hover\:bg-magenta-dye-300:hover {
  background-color: #dc65a4 !important;
}

.hover\:text-magenta-dye-300:hover {
  color: #dc65a4 !important;
}

.focus\:magenta-dye-300:focus {
  outline: 3px solid #dc65a4 !important;
}

.text-magenta-dye-400 {
  color: #d54692 !important;
}

.bg-magenta-dye-400 {
  background-color: #d54692 !important;
}

.hover\:bg-magenta-dye-400:hover {
  background-color: #d54692 !important;
}

.hover\:text-magenta-dye-400:hover {
  color: #d54692 !important;
}

.focus\:magenta-dye-400:focus {
  outline: 3px solid #d54692 !important;
}

.text-magenta-dye-500 {
  color: #e12a80 !important;
}

.bg-magenta-dye-500 {
  background-color: #e12a80 !important;
}

.hover\:bg-magenta-dye-500:hover {
  background-color: #e12a80 !important;
}

.hover\:text-magenta-dye-500:hover {
  color: #e12a80 !important;
}

.focus\:magenta-dye-500:focus {
  outline: 3px solid #e12a80 !important;
}

.text-magenta-dye-600 {
  color: #ab276d !important;
}

.bg-magenta-dye-600 {
  background-color: #ab276d !important;
}

.hover\:bg-magenta-dye-600:hover {
  background-color: #ab276d !important;
}

.hover\:text-magenta-dye-600:hover {
  color: #ab276d !important;
}

.focus\:magenta-dye-600:focus {
  outline: 3px solid #ab276d !important;
}

.text-magenta-dye-700 {
  color: #8f205b !important;
}

.bg-magenta-dye-700 {
  background-color: #8f205b !important;
}

.hover\:bg-magenta-dye-700:hover {
  background-color: #8f205b !important;
}

.hover\:text-magenta-dye-700:hover {
  color: #8f205b !important;
}

.focus\:magenta-dye-700:focus {
  outline: 3px solid #8f205b !important;
}

.text-magenta-dye-800 {
  color: #721a49 !important;
}

.bg-magenta-dye-800 {
  background-color: #721a49 !important;
}

.hover\:bg-magenta-dye-800:hover {
  background-color: #721a49 !important;
}

.hover\:text-magenta-dye-800:hover {
  color: #721a49 !important;
}

.focus\:magenta-dye-800:focus {
  outline: 3px solid #721a49 !important;
}

.text-magenta-dye-900 {
  color: #561337 !important;
}

.bg-magenta-dye-900 {
  background-color: #561337 !important;
}

.hover\:bg-magenta-dye-900:hover {
  background-color: #561337 !important;
}

.hover\:text-magenta-dye-900:hover {
  color: #561337 !important;
}

.focus\:magenta-dye-900:focus {
  outline: 3px solid #561337 !important;
}

.text-magenta-dye-950 {
  color: #390d24 !important;
}

.bg-magenta-dye-950 {
  background-color: #390d24 !important;
}

.hover\:bg-magenta-dye-950:hover {
  background-color: #390d24 !important;
}

.hover\:text-magenta-dye-950:hover {
  color: #390d24 !important;
}

.focus\:magenta-dye-950:focus {
  outline: 3px solid #390d24 !important;
}

.text-duke-blue-25 {
  color: #f6f5fc !important;
}

.bg-duke-blue-25 {
  background-color: #f6f5fc !important;
}

.hover\:bg-duke-blue-25:hover {
  background-color: #f6f5fc !important;
}

.hover\:text-duke-blue-25:hover {
  color: #f6f5fc !important;
}

.focus\:duke-blue-25:focus {
  outline: 3px solid #f6f5fc !important;
}

.text-duke-blue-50 {
  color: #e8e6fa !important;
}

.bg-duke-blue-50 {
  background-color: #e8e6fa !important;
}

.hover\:bg-duke-blue-50:hover {
  background-color: #e8e6fa !important;
}

.hover\:text-duke-blue-50:hover {
  color: #e8e6fa !important;
}

.focus\:duke-blue-50:focus {
  outline: 3px solid #e8e6fa !important;
}

.text-duke-blue-100 {
  color: #c7c3fa !important;
}

.bg-duke-blue-100 {
  background-color: #c7c3fa !important;
}

.hover\:bg-duke-blue-100:hover {
  background-color: #c7c3fa !important;
}

.hover\:text-duke-blue-100:hover {
  color: #c7c3fa !important;
}

.focus\:duke-blue-100:focus {
  outline: 3px solid #c7c3fa !important;
}

.text-duke-blue-200 {
  color: #7c70fb !important;
}

.bg-duke-blue-200 {
  background-color: #7c70fb !important;
}

.hover\:bg-duke-blue-200:hover {
  background-color: #7c70fb !important;
}

.hover\:text-duke-blue-200:hover {
  color: #7c70fb !important;
}

.focus\:duke-blue-200:focus {
  outline: 3px solid #7c70fb !important;
}

.text-duke-blue-300 {
  color: #2411f9 !important;
}

.bg-duke-blue-300 {
  background-color: #2411f9 !important;
}

.hover\:bg-duke-blue-300:hover {
  background-color: #2411f9 !important;
}

.hover\:text-duke-blue-300:hover {
  color: #2411f9 !important;
}

.focus\:duke-blue-300:focus {
  outline: 3px solid #2411f9 !important;
}

.text-duke-blue-400 {
  color: #1705d4 !important;
}

.bg-duke-blue-400 {
  background-color: #1705d4 !important;
}

.hover\:bg-duke-blue-400:hover {
  background-color: #1705d4 !important;
}

.hover\:text-duke-blue-400:hover {
  color: #1705d4 !important;
}

.focus\:duke-blue-400:focus {
  outline: 3px solid #1705d4 !important;
}

.text-duke-blue-500 {
  color: #1004a4 !important;
}

.bg-duke-blue-500 {
  background-color: #1004a4 !important;
}

.hover\:bg-duke-blue-500:hover {
  background-color: #1004a4 !important;
}

.hover\:text-duke-blue-500:hover {
  color: #1004a4 !important;
}

.focus\:duke-blue-500:focus {
  outline: 3px solid #1004a4 !important;
}

.text-duke-blue-600 {
  color: #0f048d !important;
}

.bg-duke-blue-600 {
  background-color: #0f048d !important;
}

.hover\:bg-duke-blue-600:hover {
  background-color: #0f048d !important;
}

.hover\:text-duke-blue-600:hover {
  color: #0f048d !important;
}

.focus\:duke-blue-600:focus {
  outline: 3px solid #0f048d !important;
}

.text-duke-blue-700 {
  color: #0d0375 !important;
}

.bg-duke-blue-700 {
  background-color: #0d0375 !important;
}

.hover\:bg-duke-blue-700:hover {
  background-color: #0d0375 !important;
}

.hover\:text-duke-blue-700:hover {
  color: #0d0375 !important;
}

.focus\:duke-blue-700:focus {
  outline: 3px solid #0d0375 !important;
}

.text-duke-blue-800 {
  color: #0a025e !important;
}

.bg-duke-blue-800 {
  background-color: #0a025e !important;
}

.hover\:bg-duke-blue-800:hover {
  background-color: #0a025e !important;
}

.hover\:text-duke-blue-800:hover {
  color: #0a025e !important;
}

.focus\:duke-blue-800:focus {
  outline: 3px solid #0a025e !important;
}

.text-duke-blue-900 {
  color: #080246 !important;
}

.bg-duke-blue-900 {
  background-color: #080246 !important;
}

.hover\:bg-duke-blue-900:hover {
  background-color: #080246 !important;
}

.hover\:text-duke-blue-900:hover {
  color: #080246 !important;
}

.focus\:duke-blue-900:focus {
  outline: 3px solid #080246 !important;
}

.text-duke-blue-950 {
  color: #05012f !important;
}

.bg-duke-blue-950 {
  background-color: #05012f !important;
}

.hover\:bg-duke-blue-950:hover {
  background-color: #05012f !important;
}

.hover\:text-duke-blue-950:hover {
  color: #05012f !important;
}

.focus\:duke-blue-950:focus {
  outline: 3px solid #05012f !important;
}

.text-picton-blue-25 {
  color: #f7fafc !important;
}

.bg-picton-blue-25 {
  background-color: #f7fafc !important;
}

.hover\:bg-picton-blue-25:hover {
  background-color: #f7fafc !important;
}

.hover\:text-picton-blue-25:hover {
  color: #f7fafc !important;
}

.focus\:picton-blue-25:focus {
  outline: 3px solid #f7fafc !important;
}

.text-picton-blue-50 {
  color: #ebf4fa !important;
}

.bg-picton-blue-50 {
  background-color: #ebf4fa !important;
}

.hover\:bg-picton-blue-50:hover {
  background-color: #ebf4fa !important;
}

.hover\:text-picton-blue-50:hover {
  color: #ebf4fa !important;
}

.focus\:picton-blue-50:focus {
  outline: 3px solid #ebf4fa !important;
}

.text-picton-blue-100 {
  color: #cee6f5 !important;
}

.bg-picton-blue-100 {
  background-color: #cee6f5 !important;
}

.hover\:bg-picton-blue-100:hover {
  background-color: #cee6f5 !important;
}

.hover\:text-picton-blue-100:hover {
  color: #cee6f5 !important;
}

.focus\:picton-blue-100:focus {
  outline: 3px solid #cee6f5 !important;
}

.text-picton-blue-200 {
  color: #b2dcf7 !important;
}

.bg-picton-blue-200 {
  background-color: #b2dcf7 !important;
}

.hover\:bg-picton-blue-200:hover {
  background-color: #b2dcf7 !important;
}

.hover\:text-picton-blue-200:hover {
  color: #b2dcf7 !important;
}

.focus\:picton-blue-200:focus {
  outline: 3px solid #b2dcf7 !important;
}

.text-picton-blue-300 {
  color: #7dc8f7 !important;
}

.bg-picton-blue-300 {
  background-color: #7dc8f7 !important;
}

.hover\:bg-picton-blue-300:hover {
  background-color: #7dc8f7 !important;
}

.hover\:text-picton-blue-300:hover {
  color: #7dc8f7 !important;
}

.focus\:picton-blue-300:focus {
  outline: 3px solid #7dc8f7 !important;
}

.text-picton-blue-400 {
  color: #63bdf5 !important;
}

.bg-picton-blue-400 {
  background-color: #63bdf5 !important;
}

.hover\:bg-picton-blue-400:hover {
  background-color: #63bdf5 !important;
}

.hover\:text-picton-blue-400:hover {
  color: #63bdf5 !important;
}

.focus\:picton-blue-400:focus {
  outline: 3px solid #63bdf5 !important;
}

.text-picton-blue-500 {
  color: #49b3f3 !important;
}

.bg-picton-blue-500 {
  background-color: #49b3f3 !important;
}

.hover\:bg-picton-blue-500:hover {
  background-color: #49b3f3 !important;
}

.hover\:text-picton-blue-500:hover {
  color: #49b3f3 !important;
}

.focus\:picton-blue-500:focus {
  outline: 3px solid #49b3f3 !important;
}

.text-picton-blue-600 {
  color: #2ca0e5 !important;
}

.bg-picton-blue-600 {
  background-color: #2ca0e5 !important;
}

.hover\:bg-picton-blue-600:hover {
  background-color: #2ca0e5 !important;
}

.hover\:text-picton-blue-600:hover {
  color: #2ca0e5 !important;
}

.focus\:picton-blue-600:focus {
  outline: 3px solid #2ca0e5 !important;
}

.text-picton-blue-700 {
  color: #0e88d4 !important;
}

.bg-picton-blue-700 {
  background-color: #0e88d4 !important;
}

.hover\:bg-picton-blue-700:hover {
  background-color: #0e88d4 !important;
}

.hover\:text-picton-blue-700:hover {
  color: #0e88d4 !important;
}

.focus\:picton-blue-700:focus {
  outline: 3px solid #0e88d4 !important;
}

.text-picton-blue-800 {
  color: #0b6daa !important;
}

.bg-picton-blue-800 {
  background-color: #0b6daa !important;
}

.hover\:bg-picton-blue-800:hover {
  background-color: #0b6daa !important;
}

.hover\:text-picton-blue-800:hover {
  color: #0b6daa !important;
}

.focus\:picton-blue-800:focus {
  outline: 3px solid #0b6daa !important;
}

.text-picton-blue-900 {
  color: #08527f !important;
}

.bg-picton-blue-900 {
  background-color: #08527f !important;
}

.hover\:bg-picton-blue-900:hover {
  background-color: #08527f !important;
}

.hover\:text-picton-blue-900:hover {
  color: #08527f !important;
}

.focus\:picton-blue-900:focus {
  outline: 3px solid #08527f !important;
}

.text-picton-blue-950 {
  color: #053655 !important;
}

.bg-picton-blue-950 {
  background-color: #053655 !important;
}

.hover\:bg-picton-blue-950:hover {
  background-color: #053655 !important;
}

.hover\:text-picton-blue-950:hover {
  color: #053655 !important;
}

.focus\:picton-blue-950:focus {
  outline: 3px solid #053655 !important;
}

.text-error-25 {
  color: #fffbfa !important;
}

.bg-error-25 {
  background-color: #fffbfa !important;
}

.hover\:bg-error-25:hover {
  background-color: #fffbfa !important;
}

.hover\:text-error-25:hover {
  color: #fffbfa !important;
}

.focus\:error-25:focus {
  outline: 3px solid #fffbfa !important;
}

.text-error-50 {
  color: #fef3f2 !important;
}

.bg-error-50 {
  background-color: #fef3f2 !important;
}

.hover\:bg-error-50:hover {
  background-color: #fef3f2 !important;
}

.hover\:text-error-50:hover {
  color: #fef3f2 !important;
}

.focus\:error-50:focus {
  outline: 3px solid #fef3f2 !important;
}

.text-error-100 {
  color: #fee4e2 !important;
}

.bg-error-100 {
  background-color: #fee4e2 !important;
}

.hover\:bg-error-100:hover {
  background-color: #fee4e2 !important;
}

.hover\:text-error-100:hover {
  color: #fee4e2 !important;
}

.focus\:error-100:focus {
  outline: 3px solid #fee4e2 !important;
}

.text-error-200 {
  color: #fecdca !important;
}

.bg-error-200 {
  background-color: #fecdca !important;
}

.hover\:bg-error-200:hover {
  background-color: #fecdca !important;
}

.hover\:text-error-200:hover {
  color: #fecdca !important;
}

.focus\:error-200:focus {
  outline: 3px solid #fecdca !important;
}

.text-error-300 {
  color: #fda29b !important;
}

.bg-error-300 {
  background-color: #fda29b !important;
}

.hover\:bg-error-300:hover {
  background-color: #fda29b !important;
}

.hover\:text-error-300:hover {
  color: #fda29b !important;
}

.focus\:error-300:focus {
  outline: 3px solid #fda29b !important;
}

.text-error-400 {
  color: #f97066 !important;
}

.bg-error-400 {
  background-color: #f97066 !important;
}

.hover\:bg-error-400:hover {
  background-color: #f97066 !important;
}

.hover\:text-error-400:hover {
  color: #f97066 !important;
}

.focus\:error-400:focus {
  outline: 3px solid #f97066 !important;
}

.text-error-500 {
  color: #f04438 !important;
}

.bg-error-500 {
  background-color: #f04438 !important;
}

.hover\:bg-error-500:hover {
  background-color: #f04438 !important;
}

.hover\:text-error-500:hover {
  color: #f04438 !important;
}

.focus\:error-500:focus {
  outline: 3px solid #f04438 !important;
}

.text-error-600 {
  color: #d92d20 !important;
}

.bg-error-600 {
  background-color: #d92d20 !important;
}

.hover\:bg-error-600:hover {
  background-color: #d92d20 !important;
}

.hover\:text-error-600:hover {
  color: #d92d20 !important;
}

.focus\:error-600:focus {
  outline: 3px solid #d92d20 !important;
}

.text-error-700 {
  color: #b42318 !important;
}

.bg-error-700 {
  background-color: #b42318 !important;
}

.hover\:bg-error-700:hover {
  background-color: #b42318 !important;
}

.hover\:text-error-700:hover {
  color: #b42318 !important;
}

.focus\:error-700:focus {
  outline: 3px solid #b42318 !important;
}

.text-error-800 {
  color: #912018 !important;
}

.bg-error-800 {
  background-color: #912018 !important;
}

.hover\:bg-error-800:hover {
  background-color: #912018 !important;
}

.hover\:text-error-800:hover {
  color: #912018 !important;
}

.focus\:error-800:focus {
  outline: 3px solid #912018 !important;
}

.text-error-900 {
  color: #7a271a !important;
}

.bg-error-900 {
  background-color: #7a271a !important;
}

.hover\:bg-error-900:hover {
  background-color: #7a271a !important;
}

.hover\:text-error-900:hover {
  color: #7a271a !important;
}

.focus\:error-900:focus {
  outline: 3px solid #7a271a !important;
}

.text-error-950 {
  color: #55160c !important;
}

.bg-error-950 {
  background-color: #55160c !important;
}

.hover\:bg-error-950:hover {
  background-color: #55160c !important;
}

.hover\:text-error-950:hover {
  color: #55160c !important;
}

.focus\:error-950:focus {
  outline: 3px solid #55160c !important;
}

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

.bg-warning-25 {
  background-color: #fffcf5 !important;
}

.hover\:bg-warning-25:hover {
  background-color: #fffcf5 !important;
}

.hover\:text-warning-25:hover {
  color: #fffcf5 !important;
}

.focus\:warning-25:focus {
  outline: 3px solid #fffcf5 !important;
}

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

.bg-warning-50 {
  background-color: #fffaeb !important;
}

.hover\:bg-warning-50:hover {
  background-color: #fffaeb !important;
}

.hover\:text-warning-50:hover {
  color: #fffaeb !important;
}

.focus\:warning-50:focus {
  outline: 3px solid #fffaeb !important;
}

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

.bg-warning-100 {
  background-color: #fef0c7 !important;
}

.hover\:bg-warning-100:hover {
  background-color: #fef0c7 !important;
}

.hover\:text-warning-100:hover {
  color: #fef0c7 !important;
}

.focus\:warning-100:focus {
  outline: 3px solid #fef0c7 !important;
}

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

.bg-warning-200 {
  background-color: #fedf89 !important;
}

.hover\:bg-warning-200:hover {
  background-color: #fedf89 !important;
}

.hover\:text-warning-200:hover {
  color: #fedf89 !important;
}

.focus\:warning-200:focus {
  outline: 3px solid #fedf89 !important;
}

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

.bg-warning-300 {
  background-color: #fec84b !important;
}

.hover\:bg-warning-300:hover {
  background-color: #fec84b !important;
}

.hover\:text-warning-300:hover {
  color: #fec84b !important;
}

.focus\:warning-300:focus {
  outline: 3px solid #fec84b !important;
}

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

.bg-warning-400 {
  background-color: #fdb022 !important;
}

.hover\:bg-warning-400:hover {
  background-color: #fdb022 !important;
}

.hover\:text-warning-400:hover {
  color: #fdb022 !important;
}

.focus\:warning-400:focus {
  outline: 3px solid #fdb022 !important;
}

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

.bg-warning-500 {
  background-color: #f79009 !important;
}

.hover\:bg-warning-500:hover {
  background-color: #f79009 !important;
}

.hover\:text-warning-500:hover {
  color: #f79009 !important;
}

.focus\:warning-500:focus {
  outline: 3px solid #f79009 !important;
}

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

.bg-warning-600 {
  background-color: #dc6803 !important;
}

.hover\:bg-warning-600:hover {
  background-color: #dc6803 !important;
}

.hover\:text-warning-600:hover {
  color: #dc6803 !important;
}

.focus\:warning-600:focus {
  outline: 3px solid #dc6803 !important;
}

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

.bg-warning-700 {
  background-color: #b54708 !important;
}

.hover\:bg-warning-700:hover {
  background-color: #b54708 !important;
}

.hover\:text-warning-700:hover {
  color: #b54708 !important;
}

.focus\:warning-700:focus {
  outline: 3px solid #b54708 !important;
}

.text-warning-800 {
  color: #93370d !important;
}

.bg-warning-800 {
  background-color: #93370d !important;
}

.hover\:bg-warning-800:hover {
  background-color: #93370d !important;
}

.hover\:text-warning-800:hover {
  color: #93370d !important;
}

.focus\:warning-800:focus {
  outline: 3px solid #93370d !important;
}

.text-warning-900 {
  color: #7a2e0e !important;
}

.bg-warning-900 {
  background-color: #7a2e0e !important;
}

.hover\:bg-warning-900:hover {
  background-color: #7a2e0e !important;
}

.hover\:text-warning-900:hover {
  color: #7a2e0e !important;
}

.focus\:warning-900:focus {
  outline: 3px solid #7a2e0e !important;
}

.text-warning-950 {
  color: #4e1d09 !important;
}

.bg-warning-950 {
  background-color: #4e1d09 !important;
}

.hover\:bg-warning-950:hover {
  background-color: #4e1d09 !important;
}

.hover\:text-warning-950:hover {
  color: #4e1d09 !important;
}

.focus\:warning-950:focus {
  outline: 3px solid #4e1d09 !important;
}

.text-success-25 {
  color: #f6fef9 !important;
}

.bg-success-25 {
  background-color: #f6fef9 !important;
}

.hover\:bg-success-25:hover {
  background-color: #f6fef9 !important;
}

.hover\:text-success-25:hover {
  color: #f6fef9 !important;
}

.focus\:success-25:focus {
  outline: 3px solid #f6fef9 !important;
}

.text-success-50 {
  color: #ecfdf3 !important;
}

.bg-success-50 {
  background-color: #ecfdf3 !important;
}

.hover\:bg-success-50:hover {
  background-color: #ecfdf3 !important;
}

.hover\:text-success-50:hover {
  color: #ecfdf3 !important;
}

.focus\:success-50:focus {
  outline: 3px solid #ecfdf3 !important;
}

.text-success-100 {
  color: #dcfae6 !important;
}

.bg-success-100 {
  background-color: #dcfae6 !important;
}

.hover\:bg-success-100:hover {
  background-color: #dcfae6 !important;
}

.hover\:text-success-100:hover {
  color: #dcfae6 !important;
}

.focus\:success-100:focus {
  outline: 3px solid #dcfae6 !important;
}

.text-success-200 {
  color: #abefc6 !important;
}

.bg-success-200 {
  background-color: #abefc6 !important;
}

.hover\:bg-success-200:hover {
  background-color: #abefc6 !important;
}

.hover\:text-success-200:hover {
  color: #abefc6 !important;
}

.focus\:success-200:focus {
  outline: 3px solid #abefc6 !important;
}

.text-success-300 {
  color: #75e0a7 !important;
}

.bg-success-300 {
  background-color: #75e0a7 !important;
}

.hover\:bg-success-300:hover {
  background-color: #75e0a7 !important;
}

.hover\:text-success-300:hover {
  color: #75e0a7 !important;
}

.focus\:success-300:focus {
  outline: 3px solid #75e0a7 !important;
}

.text-success-400 {
  color: #47cd89 !important;
}

.bg-success-400 {
  background-color: #47cd89 !important;
}

.hover\:bg-success-400:hover {
  background-color: #47cd89 !important;
}

.hover\:text-success-400:hover {
  color: #47cd89 !important;
}

.focus\:success-400:focus {
  outline: 3px solid #47cd89 !important;
}

.text-success-500 {
  color: #17b26a !important;
}

.bg-success-500 {
  background-color: #17b26a !important;
}

.hover\:bg-success-500:hover {
  background-color: #17b26a !important;
}

.hover\:text-success-500:hover {
  color: #17b26a !important;
}

.focus\:success-500:focus {
  outline: 3px solid #17b26a !important;
}

.text-success-600 {
  color: #079455 !important;
}

.bg-success-600 {
  background-color: #079455 !important;
}

.hover\:bg-success-600:hover {
  background-color: #079455 !important;
}

.hover\:text-success-600:hover {
  color: #079455 !important;
}

.focus\:success-600:focus {
  outline: 3px solid #079455 !important;
}

.text-success-700 {
  color: #067647 !important;
}

.bg-success-700 {
  background-color: #067647 !important;
}

.hover\:bg-success-700:hover {
  background-color: #067647 !important;
}

.hover\:text-success-700:hover {
  color: #067647 !important;
}

.focus\:success-700:focus {
  outline: 3px solid #067647 !important;
}

.text-success-800 {
  color: #085d3a !important;
}

.bg-success-800 {
  background-color: #085d3a !important;
}

.hover\:bg-success-800:hover {
  background-color: #085d3a !important;
}

.hover\:text-success-800:hover {
  color: #085d3a !important;
}

.focus\:success-800:focus {
  outline: 3px solid #085d3a !important;
}

.text-success-900 {
  color: #074d31 !important;
}

.bg-success-900 {
  background-color: #074d31 !important;
}

.hover\:bg-success-900:hover {
  background-color: #074d31 !important;
}

.hover\:text-success-900:hover {
  color: #074d31 !important;
}

.focus\:success-900:focus {
  outline: 3px solid #074d31 !important;
}

.text-success-950 {
  color: #053321 !important;
}

.bg-success-950 {
  background-color: #053321 !important;
}

.hover\:bg-success-950:hover {
  background-color: #053321 !important;
}

.hover\:text-success-950:hover {
  color: #053321 !important;
}

.focus\:success-950:focus {
  outline: 3px solid #053321 !important;
}

.border-0 {
  border: 0px solid !important;
}

.border-t-0 {
  border-top: 0px solid !important;
}

.border-l-0 {
  border-left: 0px solid !important;
}

.border-r-0 {
  border-right: 0px solid !important;
}

.border-b-0 {
  border-bottom: 0px solid !important;
}

.border-x-0 {
  border-left: 0px solid !important;
  border-right: 0px solid !important;
}

.border-y-0 {
  border-top: 0px solid !important;
  border-bottom: 0px solid !important;
}

.border-1 {
  border: 1px solid !important;
}

.border-t-1 {
  border-top: 1px solid !important;
}

.border-l-1 {
  border-left: 1px solid !important;
}

.border-r-1 {
  border-right: 1px solid !important;
}

.border-b-1 {
  border-bottom: 1px solid !important;
}

.border-x-1 {
  border-left: 1px solid !important;
  border-right: 1px solid !important;
}

.border-y-1 {
  border-top: 1px solid !important;
  border-bottom: 1px solid !important;
}

.border-2 {
  border: 2px solid !important;
}

.border-t-2 {
  border-top: 2px solid !important;
}

.border-l-2 {
  border-left: 2px solid !important;
}

.border-r-2 {
  border-right: 2px solid !important;
}

.border-b-2 {
  border-bottom: 2px solid !important;
}

.border-x-2 {
  border-left: 2px solid !important;
  border-right: 2px solid !important;
}

.border-y-2 {
  border-top: 2px solid !important;
  border-bottom: 2px solid !important;
}

.border-3 {
  border: 3px solid !important;
}

.border-t-3 {
  border-top: 3px solid !important;
}

.border-l-3 {
  border-left: 3px solid !important;
}

.border-r-3 {
  border-right: 3px solid !important;
}

.border-b-3 {
  border-bottom: 3px solid !important;
}

.border-x-3 {
  border-left: 3px solid !important;
  border-right: 3px solid !important;
}

.border-y-3 {
  border-top: 3px solid !important;
  border-bottom: 3px solid !important;
}

.border-4 {
  border: 4px solid !important;
}

.border-t-4 {
  border-top: 4px solid !important;
}

.border-l-4 {
  border-left: 4px solid !important;
}

.border-r-4 {
  border-right: 4px solid !important;
}

.border-b-4 {
  border-bottom: 4px solid !important;
}

.border-x-4 {
  border-left: 4px solid !important;
  border-right: 4px solid !important;
}

.border-y-4 {
  border-top: 4px solid !important;
  border-bottom: 4px solid !important;
}

.border-base-white {
  border-color: #ffffff !important;
}

.hover\:border-base-white:hover {
  border-color: #ffffff !important;
}

.border-base-black {
  border-color: #000000 !important;
}

.hover\:border-base-black:hover {
  border-color: #000000 !important;
}

.border-gray-25 {
  border-color: #fcfcfd !important;
}

.hover\:border-gray-25:hover {
  border-color: #fcfcfd !important;
}

.border-gray-50 {
  border-color: #f9fafb !important;
}

.hover\:border-gray-50:hover {
  border-color: #f9fafb !important;
}

.border-gray-100 {
  border-color: #f2f4f7 !important;
}

.hover\:border-gray-100:hover {
  border-color: #f2f4f7 !important;
}

.border-gray-200 {
  border-color: #eaecf0 !important;
}

.hover\:border-gray-200:hover {
  border-color: #eaecf0 !important;
}

.border-gray-300 {
  border-color: #d0d5dd !important;
}

.hover\:border-gray-300:hover {
  border-color: #d0d5dd !important;
}

.border-gray-400 {
  border-color: #d0d5dd !important;
}

.hover\:border-gray-400:hover {
  border-color: #d0d5dd !important;
}

.border-gray-500 {
  border-color: #667085 !important;
}

.hover\:border-gray-500:hover {
  border-color: #667085 !important;
}

.border-gray-600 {
  border-color: #475467 !important;
}

.hover\:border-gray-600:hover {
  border-color: #475467 !important;
}

.border-gray-700 {
  border-color: #344054 !important;
}

.hover\:border-gray-700:hover {
  border-color: #344054 !important;
}

.border-gray-800 {
  border-color: #182230 !important;
}

.hover\:border-gray-800:hover {
  border-color: #182230 !important;
}

.border-gray-900 {
  border-color: #101828 !important;
}

.hover\:border-gray-900:hover {
  border-color: #101828 !important;
}

.border-gray-950 {
  border-color: #0c111d !important;
}

.hover\:border-gray-950:hover {
  border-color: #0c111d !important;
}

.border-magenta-dye-25 {
  border-color: #fcf7fa !important;
}

.hover\:border-magenta-dye-25:hover {
  border-color: #fcf7fa !important;
}

.border-magenta-dye-50 {
  border-color: #fbf0f6 !important;
}

.hover\:border-magenta-dye-50:hover {
  border-color: #fbf0f6 !important;
}

.border-magenta-dye-100 {
  border-color: #f5d7e7 !important;
}

.hover\:border-magenta-dye-100:hover {
  border-color: #f5d7e7 !important;
}

.border-magenta-dye-200 {
  border-color: #e693bf !important;
}

.hover\:border-magenta-dye-200:hover {
  border-color: #e693bf !important;
}

.border-magenta-dye-300 {
  border-color: #dc65a4 !important;
}

.hover\:border-magenta-dye-300:hover {
  border-color: #dc65a4 !important;
}

.border-magenta-dye-400 {
  border-color: #d54692 !important;
}

.hover\:border-magenta-dye-400:hover {
  border-color: #d54692 !important;
}

.border-magenta-dye-500 {
  border-color: #e12a80 !important;
}

.hover\:border-magenta-dye-500:hover {
  border-color: #e12a80 !important;
}

.border-magenta-dye-600 {
  border-color: #ab276d !important;
}

.hover\:border-magenta-dye-600:hover {
  border-color: #ab276d !important;
}

.border-magenta-dye-700 {
  border-color: #8f205b !important;
}

.hover\:border-magenta-dye-700:hover {
  border-color: #8f205b !important;
}

.border-magenta-dye-800 {
  border-color: #721a49 !important;
}

.hover\:border-magenta-dye-800:hover {
  border-color: #721a49 !important;
}

.border-magenta-dye-900 {
  border-color: #561337 !important;
}

.hover\:border-magenta-dye-900:hover {
  border-color: #561337 !important;
}

.border-magenta-dye-950 {
  border-color: #390d24 !important;
}

.hover\:border-magenta-dye-950:hover {
  border-color: #390d24 !important;
}

.border-duke-blue-25 {
  border-color: #f6f5fc !important;
}

.hover\:border-duke-blue-25:hover {
  border-color: #f6f5fc !important;
}

.border-duke-blue-50 {
  border-color: #e8e6fa !important;
}

.hover\:border-duke-blue-50:hover {
  border-color: #e8e6fa !important;
}

.border-duke-blue-100 {
  border-color: #c7c3fa !important;
}

.hover\:border-duke-blue-100:hover {
  border-color: #c7c3fa !important;
}

.border-duke-blue-200 {
  border-color: #7c70fb !important;
}

.hover\:border-duke-blue-200:hover {
  border-color: #7c70fb !important;
}

.border-duke-blue-300 {
  border-color: #2411f9 !important;
}

.hover\:border-duke-blue-300:hover {
  border-color: #2411f9 !important;
}

.border-duke-blue-400 {
  border-color: #1705d4 !important;
}

.hover\:border-duke-blue-400:hover {
  border-color: #1705d4 !important;
}

.border-duke-blue-500 {
  border-color: #1004a4 !important;
}

.hover\:border-duke-blue-500:hover {
  border-color: #1004a4 !important;
}

.border-duke-blue-600 {
  border-color: #0f048d !important;
}

.hover\:border-duke-blue-600:hover {
  border-color: #0f048d !important;
}

.border-duke-blue-700 {
  border-color: #0d0375 !important;
}

.hover\:border-duke-blue-700:hover {
  border-color: #0d0375 !important;
}

.border-duke-blue-800 {
  border-color: #0a025e !important;
}

.hover\:border-duke-blue-800:hover {
  border-color: #0a025e !important;
}

.border-duke-blue-900 {
  border-color: #080246 !important;
}

.hover\:border-duke-blue-900:hover {
  border-color: #080246 !important;
}

.border-duke-blue-950 {
  border-color: #05012f !important;
}

.hover\:border-duke-blue-950:hover {
  border-color: #05012f !important;
}

.border-picton-blue-25 {
  border-color: #f7fafc !important;
}

.hover\:border-picton-blue-25:hover {
  border-color: #f7fafc !important;
}

.border-picton-blue-50 {
  border-color: #ebf4fa !important;
}

.hover\:border-picton-blue-50:hover {
  border-color: #ebf4fa !important;
}

.border-picton-blue-100 {
  border-color: #cee6f5 !important;
}

.hover\:border-picton-blue-100:hover {
  border-color: #cee6f5 !important;
}

.border-picton-blue-200 {
  border-color: #b2dcf7 !important;
}

.hover\:border-picton-blue-200:hover {
  border-color: #b2dcf7 !important;
}

.border-picton-blue-300 {
  border-color: #7dc8f7 !important;
}

.hover\:border-picton-blue-300:hover {
  border-color: #7dc8f7 !important;
}

.border-picton-blue-400 {
  border-color: #63bdf5 !important;
}

.hover\:border-picton-blue-400:hover {
  border-color: #63bdf5 !important;
}

.border-picton-blue-500 {
  border-color: #49b3f3 !important;
}

.hover\:border-picton-blue-500:hover {
  border-color: #49b3f3 !important;
}

.border-picton-blue-600 {
  border-color: #2ca0e5 !important;
}

.hover\:border-picton-blue-600:hover {
  border-color: #2ca0e5 !important;
}

.border-picton-blue-700 {
  border-color: #0e88d4 !important;
}

.hover\:border-picton-blue-700:hover {
  border-color: #0e88d4 !important;
}

.border-picton-blue-800 {
  border-color: #0b6daa !important;
}

.hover\:border-picton-blue-800:hover {
  border-color: #0b6daa !important;
}

.border-picton-blue-900 {
  border-color: #08527f !important;
}

.hover\:border-picton-blue-900:hover {
  border-color: #08527f !important;
}

.border-picton-blue-950 {
  border-color: #053655 !important;
}

.hover\:border-picton-blue-950:hover {
  border-color: #053655 !important;
}

.border-error-25 {
  border-color: #fffbfa !important;
}

.hover\:border-error-25:hover {
  border-color: #fffbfa !important;
}

.border-error-50 {
  border-color: #fef3f2 !important;
}

.hover\:border-error-50:hover {
  border-color: #fef3f2 !important;
}

.border-error-100 {
  border-color: #fee4e2 !important;
}

.hover\:border-error-100:hover {
  border-color: #fee4e2 !important;
}

.border-error-200 {
  border-color: #fecdca !important;
}

.hover\:border-error-200:hover {
  border-color: #fecdca !important;
}

.border-error-300 {
  border-color: #fda29b !important;
}

.hover\:border-error-300:hover {
  border-color: #fda29b !important;
}

.border-error-400 {
  border-color: #f97066 !important;
}

.hover\:border-error-400:hover {
  border-color: #f97066 !important;
}

.border-error-500 {
  border-color: #f04438 !important;
}

.hover\:border-error-500:hover {
  border-color: #f04438 !important;
}

.border-error-600 {
  border-color: #d92d20 !important;
}

.hover\:border-error-600:hover {
  border-color: #d92d20 !important;
}

.border-error-700 {
  border-color: #b42318 !important;
}

.hover\:border-error-700:hover {
  border-color: #b42318 !important;
}

.border-error-800 {
  border-color: #912018 !important;
}

.hover\:border-error-800:hover {
  border-color: #912018 !important;
}

.border-error-900 {
  border-color: #7a271a !important;
}

.hover\:border-error-900:hover {
  border-color: #7a271a !important;
}

.border-error-950 {
  border-color: #55160c !important;
}

.hover\:border-error-950:hover {
  border-color: #55160c !important;
}

.border-warning-25 {
  border-color: #fffcf5 !important;
}

.hover\:border-warning-25:hover {
  border-color: #fffcf5 !important;
}

.border-warning-50 {
  border-color: #fffaeb !important;
}

.hover\:border-warning-50:hover {
  border-color: #fffaeb !important;
}

.border-warning-100 {
  border-color: #fef0c7 !important;
}

.hover\:border-warning-100:hover {
  border-color: #fef0c7 !important;
}

.border-warning-200 {
  border-color: #fedf89 !important;
}

.hover\:border-warning-200:hover {
  border-color: #fedf89 !important;
}

.border-warning-300 {
  border-color: #fec84b !important;
}

.hover\:border-warning-300:hover {
  border-color: #fec84b !important;
}

.border-warning-400 {
  border-color: #fdb022 !important;
}

.hover\:border-warning-400:hover {
  border-color: #fdb022 !important;
}

.border-warning-500 {
  border-color: #f79009 !important;
}

.hover\:border-warning-500:hover {
  border-color: #f79009 !important;
}

.border-warning-600 {
  border-color: #dc6803 !important;
}

.hover\:border-warning-600:hover {
  border-color: #dc6803 !important;
}

.border-warning-700 {
  border-color: #b54708 !important;
}

.hover\:border-warning-700:hover {
  border-color: #b54708 !important;
}

.border-warning-800 {
  border-color: #93370d !important;
}

.hover\:border-warning-800:hover {
  border-color: #93370d !important;
}

.border-warning-900 {
  border-color: #7a2e0e !important;
}

.hover\:border-warning-900:hover {
  border-color: #7a2e0e !important;
}

.border-warning-950 {
  border-color: #4e1d09 !important;
}

.hover\:border-warning-950:hover {
  border-color: #4e1d09 !important;
}

.border-success-25 {
  border-color: #f6fef9 !important;
}

.hover\:border-success-25:hover {
  border-color: #f6fef9 !important;
}

.border-success-50 {
  border-color: #ecfdf3 !important;
}

.hover\:border-success-50:hover {
  border-color: #ecfdf3 !important;
}

.border-success-100 {
  border-color: #dcfae6 !important;
}

.hover\:border-success-100:hover {
  border-color: #dcfae6 !important;
}

.border-success-200 {
  border-color: #abefc6 !important;
}

.hover\:border-success-200:hover {
  border-color: #abefc6 !important;
}

.border-success-300 {
  border-color: #75e0a7 !important;
}

.hover\:border-success-300:hover {
  border-color: #75e0a7 !important;
}

.border-success-400 {
  border-color: #47cd89 !important;
}

.hover\:border-success-400:hover {
  border-color: #47cd89 !important;
}

.border-success-500 {
  border-color: #17b26a !important;
}

.hover\:border-success-500:hover {
  border-color: #17b26a !important;
}

.border-success-600 {
  border-color: #079455 !important;
}

.hover\:border-success-600:hover {
  border-color: #079455 !important;
}

.border-success-700 {
  border-color: #067647 !important;
}

.hover\:border-success-700:hover {
  border-color: #067647 !important;
}

.border-success-800 {
  border-color: #085d3a !important;
}

.hover\:border-success-800:hover {
  border-color: #085d3a !important;
}

.border-success-900 {
  border-color: #074d31 !important;
}

.hover\:border-success-900:hover {
  border-color: #074d31 !important;
}

.border-success-950 {
  border-color: #053321 !important;
}

.hover\:border-success-950:hover {
  border-color: #053321 !important;
}

.grid-cols-1 {
  grid-column: 1/span 1;
}

.grid-cols-2 {
  grid-column: 1/span 2;
}

.grid-cols-3 {
  grid-column: 1/span 3;
}

.grid-cols-4 {
  grid-column: 1/span 4;
}

.grid-cols-5 {
  grid-column: 1/span 5;
}

.grid-cols-6 {
  grid-column: 1/span 6;
}

.grid-cols-7 {
  grid-column: 1/span 7;
}

.grid-cols-8 {
  grid-column: 1/span 8;
}

.grid-cols-9 {
  grid-column: 1/span 9;
}

.grid-cols-10 {
  grid-column: 1/span 10;
}

.grid-cols-11 {
  grid-column: 1/span 11;
}

.grid-cols-12 {
  grid-column: 1/span 12;
}

.display-inline {
  display: inline-block;
}

.display-block {
  display: block;
}

.input-wrapper {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
}
.input-wrapper input,
.input-wrapper textarea {
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none;
  outline: none;
  background: none;
  font-family: inherit;
  color: #101828;
  flex: 1 1 0%;
  resize: none;
}
.input-wrapper input[type=number] {
  text-align: left;
  -moz-appearance: textfield;
}
.input-wrapper input[type=number]::-webkit-outer-spin-button, .input-wrapper input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-wrapper textarea::-webkit-scrollbar {
  display: none;
}
.input-wrapper input::-moz-placeholder, .input-wrapper textarea::-moz-placeholder {
  color: #d0d5dd;
  font-size: 16px;
  text-align: right;
}
.input-wrapper input::placeholder,
.input-wrapper textarea::placeholder {
  color: #d0d5dd;
  font-size: 16px;
  text-align: right;
}
.input-wrapper.disabled {
  pointer-events: none;
}
.input-wrapper.disabled .input-box {
  background-color: #f9fafb;
}
.input-wrapper.disabled .input-title,
.input-wrapper.disabled #input-help {
  color: #98a2b3;
}
.input-wrapper.disabled input::-moz-placeholder {
  color: #d0d5dd;
}
.input-wrapper.disabled input,
.input-wrapper.disabled input::placeholder {
  color: #d0d5dd;
}
.input-wrapper #input-help {
  opacity: 0;
  font-family: "PeydaWeb";
  font-size: 14px;
}
.input-wrapper .input-title {
  font-family: "PeydaWeb";
  font-size: 14px;
  font-weight: 500;
  color: #667085;
}
.input-wrapper .dropdown-menu {
  transform: translate(0%, 35%) !important;
}
.input-wrapper .input-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-family: "PeydaWeb";
  color: #98a2b3;
  font-size: 16px;
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  outline: 3px solid transparent;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}
@media (min-width: 320px) and (max-width: 743px) {
  .input-wrapper .input-box {
    padding: 0 12px;
  }
}
@media (min-width: 744px) and (max-width: 1127px) {
  .input-wrapper .input-box {
    padding: 0 14px;
  }
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .input-wrapper .input-box {
    padding: 0 14px;
  }
}
@media (min-width: 320px) and (max-width: 743px) {
  .input-wrapper .input-box input {
    padding: 7px 0;
  }
}
@media (min-width: 744px) and (max-width: 1127px) {
  .input-wrapper .input-box input {
    padding: 11px 0;
  }
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .input-wrapper .input-box input {
    padding: 11px 0;
  }
}
.input-wrapper .input-box textarea {
  padding: 8px 0;
}
.input-wrapper .input-box .input-select {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: #101828 !important;
  cursor: pointer;
}
@media (min-width: 320px) and (max-width: 743px) {
  .input-wrapper .input-select {
    padding: 7px 7px 7px 0;
  }
}
@media (min-width: 744px) and (max-width: 1127px) {
  .input-wrapper .input-select {
    padding: 11px 11px 11px 0;
  }
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .input-wrapper .input-select {
    padding: 11px 11px 11px 0;
  }
}

.focus-within-base-white:focus-within .input-box {
  outline: 3px solid rgba(255, 255, 255, 0.3) !important;
  border-color: #ffffff !important;
}

.border-within-base-white:focus-within .input-box {
  border-color: #ffffff !important;
}

.error-input-base-white .input-box {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.5) !important;
}

.error-input-base-white #input-help {
  color: #ffffff !important;
  opacity: 1 !important;
}

.error-within-base-white:focus-within .input-box {
  color: #ffffff;
  outline: 3px solid rgba(255, 255, 255, 0.3) !important;
  border-color: #ffffff !important;
}

.focus-within-base-black:focus-within .input-box {
  outline: 3px solid rgba(0, 0, 0, 0.3) !important;
  border-color: #000000 !important;
}

.border-within-base-black:focus-within .input-box {
  border-color: #000000 !important;
}

.error-input-base-black .input-box {
  color: #000000;
  border-color: rgba(0, 0, 0, 0.5) !important;
}

.error-input-base-black #input-help {
  color: #000000 !important;
  opacity: 1 !important;
}

.error-within-base-black:focus-within .input-box {
  color: #000000;
  outline: 3px solid rgba(0, 0, 0, 0.3) !important;
  border-color: #000000 !important;
}

.focus-within-gray-25:focus-within .input-box {
  outline: 3px solid rgba(252, 252, 253, 0.3) !important;
  border-color: #fcfcfd !important;
}

.border-within-gray-25:focus-within .input-box {
  border-color: #fcfcfd !important;
}

.error-input-gray-25 .input-box {
  color: #fcfcfd;
  border-color: rgba(252, 252, 253, 0.5) !important;
}

.error-input-gray-25 #input-help {
  color: #fcfcfd !important;
  opacity: 1 !important;
}

.error-within-gray-25:focus-within .input-box {
  color: #fcfcfd;
  outline: 3px solid rgba(252, 252, 253, 0.3) !important;
  border-color: #fcfcfd !important;
}

.focus-within-gray-50:focus-within .input-box {
  outline: 3px solid rgba(249, 250, 251, 0.3) !important;
  border-color: #f9fafb !important;
}

.border-within-gray-50:focus-within .input-box {
  border-color: #f9fafb !important;
}

.error-input-gray-50 .input-box {
  color: #f9fafb;
  border-color: rgba(249, 250, 251, 0.5) !important;
}

.error-input-gray-50 #input-help {
  color: #f9fafb !important;
  opacity: 1 !important;
}

.error-within-gray-50:focus-within .input-box {
  color: #f9fafb;
  outline: 3px solid rgba(249, 250, 251, 0.3) !important;
  border-color: #f9fafb !important;
}

.focus-within-gray-100:focus-within .input-box {
  outline: 3px solid rgba(242, 244, 247, 0.3) !important;
  border-color: #f2f4f7 !important;
}

.border-within-gray-100:focus-within .input-box {
  border-color: #f2f4f7 !important;
}

.error-input-gray-100 .input-box {
  color: #f2f4f7;
  border-color: rgba(242, 244, 247, 0.5) !important;
}

.error-input-gray-100 #input-help {
  color: #f2f4f7 !important;
  opacity: 1 !important;
}

.error-within-gray-100:focus-within .input-box {
  color: #f2f4f7;
  outline: 3px solid rgba(242, 244, 247, 0.3) !important;
  border-color: #f2f4f7 !important;
}

.focus-within-gray-200:focus-within .input-box {
  outline: 3px solid rgba(234, 236, 240, 0.3) !important;
  border-color: #eaecf0 !important;
}

.border-within-gray-200:focus-within .input-box {
  border-color: #eaecf0 !important;
}

.error-input-gray-200 .input-box {
  color: #eaecf0;
  border-color: rgba(234, 236, 240, 0.5) !important;
}

.error-input-gray-200 #input-help {
  color: #eaecf0 !important;
  opacity: 1 !important;
}

.error-within-gray-200:focus-within .input-box {
  color: #eaecf0;
  outline: 3px solid rgba(234, 236, 240, 0.3) !important;
  border-color: #eaecf0 !important;
}

.focus-within-gray-300:focus-within .input-box {
  outline: 3px solid rgba(208, 213, 221, 0.3) !important;
  border-color: #d0d5dd !important;
}

.border-within-gray-300:focus-within .input-box {
  border-color: #d0d5dd !important;
}

.error-input-gray-300 .input-box {
  color: #d0d5dd;
  border-color: rgba(208, 213, 221, 0.5) !important;
}

.error-input-gray-300 #input-help {
  color: #d0d5dd !important;
  opacity: 1 !important;
}

.error-within-gray-300:focus-within .input-box {
  color: #d0d5dd;
  outline: 3px solid rgba(208, 213, 221, 0.3) !important;
  border-color: #d0d5dd !important;
}

.focus-within-gray-400:focus-within .input-box {
  outline: 3px solid rgba(208, 213, 221, 0.3) !important;
  border-color: #d0d5dd !important;
}

.border-within-gray-400:focus-within .input-box {
  border-color: #d0d5dd !important;
}

.error-input-gray-400 .input-box {
  color: #d0d5dd;
  border-color: rgba(208, 213, 221, 0.5) !important;
}

.error-input-gray-400 #input-help {
  color: #d0d5dd !important;
  opacity: 1 !important;
}

.error-within-gray-400:focus-within .input-box {
  color: #d0d5dd;
  outline: 3px solid rgba(208, 213, 221, 0.3) !important;
  border-color: #d0d5dd !important;
}

.focus-within-gray-500:focus-within .input-box {
  outline: 3px solid rgba(102, 112, 133, 0.3) !important;
  border-color: #667085 !important;
}

.border-within-gray-500:focus-within .input-box {
  border-color: #667085 !important;
}

.error-input-gray-500 .input-box {
  color: #667085;
  border-color: rgba(102, 112, 133, 0.5) !important;
}

.error-input-gray-500 #input-help {
  color: #667085 !important;
  opacity: 1 !important;
}

.error-within-gray-500:focus-within .input-box {
  color: #667085;
  outline: 3px solid rgba(102, 112, 133, 0.3) !important;
  border-color: #667085 !important;
}

.focus-within-gray-600:focus-within .input-box {
  outline: 3px solid rgba(71, 84, 103, 0.3) !important;
  border-color: #475467 !important;
}

.border-within-gray-600:focus-within .input-box {
  border-color: #475467 !important;
}

.error-input-gray-600 .input-box {
  color: #475467;
  border-color: rgba(71, 84, 103, 0.5) !important;
}

.error-input-gray-600 #input-help {
  color: #475467 !important;
  opacity: 1 !important;
}

.error-within-gray-600:focus-within .input-box {
  color: #475467;
  outline: 3px solid rgba(71, 84, 103, 0.3) !important;
  border-color: #475467 !important;
}

.focus-within-gray-700:focus-within .input-box {
  outline: 3px solid rgba(52, 64, 84, 0.3) !important;
  border-color: #344054 !important;
}

.border-within-gray-700:focus-within .input-box {
  border-color: #344054 !important;
}

.error-input-gray-700 .input-box {
  color: #344054;
  border-color: rgba(52, 64, 84, 0.5) !important;
}

.error-input-gray-700 #input-help {
  color: #344054 !important;
  opacity: 1 !important;
}

.error-within-gray-700:focus-within .input-box {
  color: #344054;
  outline: 3px solid rgba(52, 64, 84, 0.3) !important;
  border-color: #344054 !important;
}

.focus-within-gray-800:focus-within .input-box {
  outline: 3px solid rgba(24, 34, 48, 0.3) !important;
  border-color: #182230 !important;
}

.border-within-gray-800:focus-within .input-box {
  border-color: #182230 !important;
}

.error-input-gray-800 .input-box {
  color: #182230;
  border-color: rgba(24, 34, 48, 0.5) !important;
}

.error-input-gray-800 #input-help {
  color: #182230 !important;
  opacity: 1 !important;
}

.error-within-gray-800:focus-within .input-box {
  color: #182230;
  outline: 3px solid rgba(24, 34, 48, 0.3) !important;
  border-color: #182230 !important;
}

.focus-within-gray-900:focus-within .input-box {
  outline: 3px solid rgba(16, 24, 40, 0.3) !important;
  border-color: #101828 !important;
}

.border-within-gray-900:focus-within .input-box {
  border-color: #101828 !important;
}

.error-input-gray-900 .input-box {
  color: #101828;
  border-color: rgba(16, 24, 40, 0.5) !important;
}

.error-input-gray-900 #input-help {
  color: #101828 !important;
  opacity: 1 !important;
}

.error-within-gray-900:focus-within .input-box {
  color: #101828;
  outline: 3px solid rgba(16, 24, 40, 0.3) !important;
  border-color: #101828 !important;
}

.focus-within-gray-950:focus-within .input-box {
  outline: 3px solid rgba(12, 17, 29, 0.3) !important;
  border-color: #0c111d !important;
}

.border-within-gray-950:focus-within .input-box {
  border-color: #0c111d !important;
}

.error-input-gray-950 .input-box {
  color: #0c111d;
  border-color: rgba(12, 17, 29, 0.5) !important;
}

.error-input-gray-950 #input-help {
  color: #0c111d !important;
  opacity: 1 !important;
}

.error-within-gray-950:focus-within .input-box {
  color: #0c111d;
  outline: 3px solid rgba(12, 17, 29, 0.3) !important;
  border-color: #0c111d !important;
}

.focus-within-magenta-dye-25:focus-within .input-box {
  outline: 3px solid rgba(252, 247, 250, 0.3) !important;
  border-color: #fcf7fa !important;
}

.border-within-magenta-dye-25:focus-within .input-box {
  border-color: #fcf7fa !important;
}

.error-input-magenta-dye-25 .input-box {
  color: #fcf7fa;
  border-color: rgba(252, 247, 250, 0.5) !important;
}

.error-input-magenta-dye-25 #input-help {
  color: #fcf7fa !important;
  opacity: 1 !important;
}

.error-within-magenta-dye-25:focus-within .input-box {
  color: #fcf7fa;
  outline: 3px solid rgba(252, 247, 250, 0.3) !important;
  border-color: #fcf7fa !important;
}

.focus-within-magenta-dye-50:focus-within .input-box {
  outline: 3px solid rgba(251, 240, 246, 0.3) !important;
  border-color: #fbf0f6 !important;
}

.border-within-magenta-dye-50:focus-within .input-box {
  border-color: #fbf0f6 !important;
}

.error-input-magenta-dye-50 .input-box {
  color: #fbf0f6;
  border-color: rgba(251, 240, 246, 0.5) !important;
}

.error-input-magenta-dye-50 #input-help {
  color: #fbf0f6 !important;
  opacity: 1 !important;
}

.error-within-magenta-dye-50:focus-within .input-box {
  color: #fbf0f6;
  outline: 3px solid rgba(251, 240, 246, 0.3) !important;
  border-color: #fbf0f6 !important;
}

.focus-within-magenta-dye-100:focus-within .input-box {
  outline: 3px solid rgba(245, 215, 231, 0.3) !important;
  border-color: #f5d7e7 !important;
}

.border-within-magenta-dye-100:focus-within .input-box {
  border-color: #f5d7e7 !important;
}

.error-input-magenta-dye-100 .input-box {
  color: #f5d7e7;
  border-color: rgba(245, 215, 231, 0.5) !important;
}

.error-input-magenta-dye-100 #input-help {
  color: #f5d7e7 !important;
  opacity: 1 !important;
}

.error-within-magenta-dye-100:focus-within .input-box {
  color: #f5d7e7;
  outline: 3px solid rgba(245, 215, 231, 0.3) !important;
  border-color: #f5d7e7 !important;
}

.focus-within-magenta-dye-200:focus-within .input-box {
  outline: 3px solid rgba(230, 147, 191, 0.3) !important;
  border-color: #e693bf !important;
}

.border-within-magenta-dye-200:focus-within .input-box {
  border-color: #e693bf !important;
}

.error-input-magenta-dye-200 .input-box {
  color: #e693bf;
  border-color: rgba(230, 147, 191, 0.5) !important;
}

.error-input-magenta-dye-200 #input-help {
  color: #e693bf !important;
  opacity: 1 !important;
}

.error-within-magenta-dye-200:focus-within .input-box {
  color: #e693bf;
  outline: 3px solid rgba(230, 147, 191, 0.3) !important;
  border-color: #e693bf !important;
}

.focus-within-magenta-dye-300:focus-within .input-box {
  outline: 3px solid rgba(220, 101, 164, 0.3) !important;
  border-color: #dc65a4 !important;
}

.border-within-magenta-dye-300:focus-within .input-box {
  border-color: #dc65a4 !important;
}

.error-input-magenta-dye-300 .input-box {
  color: #dc65a4;
  border-color: rgba(220, 101, 164, 0.5) !important;
}

.error-input-magenta-dye-300 #input-help {
  color: #dc65a4 !important;
  opacity: 1 !important;
}

.error-within-magenta-dye-300:focus-within .input-box {
  color: #dc65a4;
  outline: 3px solid rgba(220, 101, 164, 0.3) !important;
  border-color: #dc65a4 !important;
}

.focus-within-magenta-dye-400:focus-within .input-box {
  outline: 3px solid rgba(213, 70, 146, 0.3) !important;
  border-color: #d54692 !important;
}

.border-within-magenta-dye-400:focus-within .input-box {
  border-color: #d54692 !important;
}

.error-input-magenta-dye-400 .input-box {
  color: #d54692;
  border-color: rgba(213, 70, 146, 0.5) !important;
}

.error-input-magenta-dye-400 #input-help {
  color: #d54692 !important;
  opacity: 1 !important;
}

.error-within-magenta-dye-400:focus-within .input-box {
  color: #d54692;
  outline: 3px solid rgba(213, 70, 146, 0.3) !important;
  border-color: #d54692 !important;
}

.focus-within-magenta-dye-500:focus-within .input-box {
  outline: 3px solid rgba(225, 42, 128, 0.3) !important;
  border-color: #e12a80 !important;
}

.border-within-magenta-dye-500:focus-within .input-box {
  border-color: #e12a80 !important;
}

.error-input-magenta-dye-500 .input-box {
  color: #e12a80;
  border-color: rgba(225, 42, 128, 0.5) !important;
}

.error-input-magenta-dye-500 #input-help {
  color: #e12a80 !important;
  opacity: 1 !important;
}

.error-within-magenta-dye-500:focus-within .input-box {
  color: #e12a80;
  outline: 3px solid rgba(225, 42, 128, 0.3) !important;
  border-color: #e12a80 !important;
}

.focus-within-magenta-dye-600:focus-within .input-box {
  outline: 3px solid rgba(171, 39, 109, 0.3) !important;
  border-color: #ab276d !important;
}

.border-within-magenta-dye-600:focus-within .input-box {
  border-color: #ab276d !important;
}

.error-input-magenta-dye-600 .input-box {
  color: #ab276d;
  border-color: rgba(171, 39, 109, 0.5) !important;
}

.error-input-magenta-dye-600 #input-help {
  color: #ab276d !important;
  opacity: 1 !important;
}

.error-within-magenta-dye-600:focus-within .input-box {
  color: #ab276d;
  outline: 3px solid rgba(171, 39, 109, 0.3) !important;
  border-color: #ab276d !important;
}

.focus-within-magenta-dye-700:focus-within .input-box {
  outline: 3px solid rgba(143, 32, 91, 0.3) !important;
  border-color: #8f205b !important;
}

.border-within-magenta-dye-700:focus-within .input-box {
  border-color: #8f205b !important;
}

.error-input-magenta-dye-700 .input-box {
  color: #8f205b;
  border-color: rgba(143, 32, 91, 0.5) !important;
}

.error-input-magenta-dye-700 #input-help {
  color: #8f205b !important;
  opacity: 1 !important;
}

.error-within-magenta-dye-700:focus-within .input-box {
  color: #8f205b;
  outline: 3px solid rgba(143, 32, 91, 0.3) !important;
  border-color: #8f205b !important;
}

.focus-within-magenta-dye-800:focus-within .input-box {
  outline: 3px solid rgba(114, 26, 73, 0.3) !important;
  border-color: #721a49 !important;
}

.border-within-magenta-dye-800:focus-within .input-box {
  border-color: #721a49 !important;
}

.error-input-magenta-dye-800 .input-box {
  color: #721a49;
  border-color: rgba(114, 26, 73, 0.5) !important;
}

.error-input-magenta-dye-800 #input-help {
  color: #721a49 !important;
  opacity: 1 !important;
}

.error-within-magenta-dye-800:focus-within .input-box {
  color: #721a49;
  outline: 3px solid rgba(114, 26, 73, 0.3) !important;
  border-color: #721a49 !important;
}

.focus-within-magenta-dye-900:focus-within .input-box {
  outline: 3px solid rgba(86, 19, 55, 0.3) !important;
  border-color: #561337 !important;
}

.border-within-magenta-dye-900:focus-within .input-box {
  border-color: #561337 !important;
}

.error-input-magenta-dye-900 .input-box {
  color: #561337;
  border-color: rgba(86, 19, 55, 0.5) !important;
}

.error-input-magenta-dye-900 #input-help {
  color: #561337 !important;
  opacity: 1 !important;
}

.error-within-magenta-dye-900:focus-within .input-box {
  color: #561337;
  outline: 3px solid rgba(86, 19, 55, 0.3) !important;
  border-color: #561337 !important;
}

.focus-within-magenta-dye-950:focus-within .input-box {
  outline: 3px solid rgba(57, 13, 36, 0.3) !important;
  border-color: #390d24 !important;
}

.border-within-magenta-dye-950:focus-within .input-box {
  border-color: #390d24 !important;
}

.error-input-magenta-dye-950 .input-box {
  color: #390d24;
  border-color: rgba(57, 13, 36, 0.5) !important;
}

.error-input-magenta-dye-950 #input-help {
  color: #390d24 !important;
  opacity: 1 !important;
}

.error-within-magenta-dye-950:focus-within .input-box {
  color: #390d24;
  outline: 3px solid rgba(57, 13, 36, 0.3) !important;
  border-color: #390d24 !important;
}

.focus-within-duke-blue-25:focus-within .input-box {
  outline: 3px solid rgba(246, 245, 252, 0.3) !important;
  border-color: #f6f5fc !important;
}

.border-within-duke-blue-25:focus-within .input-box {
  border-color: #f6f5fc !important;
}

.error-input-duke-blue-25 .input-box {
  color: #f6f5fc;
  border-color: rgba(246, 245, 252, 0.5) !important;
}

.error-input-duke-blue-25 #input-help {
  color: #f6f5fc !important;
  opacity: 1 !important;
}

.error-within-duke-blue-25:focus-within .input-box {
  color: #f6f5fc;
  outline: 3px solid rgba(246, 245, 252, 0.3) !important;
  border-color: #f6f5fc !important;
}

.focus-within-duke-blue-50:focus-within .input-box {
  outline: 3px solid rgba(232, 230, 250, 0.3) !important;
  border-color: #e8e6fa !important;
}

.border-within-duke-blue-50:focus-within .input-box {
  border-color: #e8e6fa !important;
}

.error-input-duke-blue-50 .input-box {
  color: #e8e6fa;
  border-color: rgba(232, 230, 250, 0.5) !important;
}

.error-input-duke-blue-50 #input-help {
  color: #e8e6fa !important;
  opacity: 1 !important;
}

.error-within-duke-blue-50:focus-within .input-box {
  color: #e8e6fa;
  outline: 3px solid rgba(232, 230, 250, 0.3) !important;
  border-color: #e8e6fa !important;
}

.focus-within-duke-blue-100:focus-within .input-box {
  outline: 3px solid rgba(199, 195, 250, 0.3) !important;
  border-color: #c7c3fa !important;
}

.border-within-duke-blue-100:focus-within .input-box {
  border-color: #c7c3fa !important;
}

.error-input-duke-blue-100 .input-box {
  color: #c7c3fa;
  border-color: rgba(199, 195, 250, 0.5) !important;
}

.error-input-duke-blue-100 #input-help {
  color: #c7c3fa !important;
  opacity: 1 !important;
}

.error-within-duke-blue-100:focus-within .input-box {
  color: #c7c3fa;
  outline: 3px solid rgba(199, 195, 250, 0.3) !important;
  border-color: #c7c3fa !important;
}

.focus-within-duke-blue-200:focus-within .input-box {
  outline: 3px solid rgba(124, 112, 251, 0.3) !important;
  border-color: #7c70fb !important;
}

.border-within-duke-blue-200:focus-within .input-box {
  border-color: #7c70fb !important;
}

.error-input-duke-blue-200 .input-box {
  color: #7c70fb;
  border-color: rgba(124, 112, 251, 0.5) !important;
}

.error-input-duke-blue-200 #input-help {
  color: #7c70fb !important;
  opacity: 1 !important;
}

.error-within-duke-blue-200:focus-within .input-box {
  color: #7c70fb;
  outline: 3px solid rgba(124, 112, 251, 0.3) !important;
  border-color: #7c70fb !important;
}

.focus-within-duke-blue-300:focus-within .input-box {
  outline: 3px solid rgba(36, 17, 249, 0.3) !important;
  border-color: #2411f9 !important;
}

.border-within-duke-blue-300:focus-within .input-box {
  border-color: #2411f9 !important;
}

.error-input-duke-blue-300 .input-box {
  color: #2411f9;
  border-color: rgba(36, 17, 249, 0.5) !important;
}

.error-input-duke-blue-300 #input-help {
  color: #2411f9 !important;
  opacity: 1 !important;
}

.error-within-duke-blue-300:focus-within .input-box {
  color: #2411f9;
  outline: 3px solid rgba(36, 17, 249, 0.3) !important;
  border-color: #2411f9 !important;
}

.focus-within-duke-blue-400:focus-within .input-box {
  outline: 3px solid rgba(23, 5, 212, 0.3) !important;
  border-color: #1705d4 !important;
}

.border-within-duke-blue-400:focus-within .input-box {
  border-color: #1705d4 !important;
}

.error-input-duke-blue-400 .input-box {
  color: #1705d4;
  border-color: rgba(23, 5, 212, 0.5) !important;
}

.error-input-duke-blue-400 #input-help {
  color: #1705d4 !important;
  opacity: 1 !important;
}

.error-within-duke-blue-400:focus-within .input-box {
  color: #1705d4;
  outline: 3px solid rgba(23, 5, 212, 0.3) !important;
  border-color: #1705d4 !important;
}

.focus-within-duke-blue-500:focus-within .input-box {
  outline: 3px solid rgba(16, 4, 164, 0.3) !important;
  border-color: #1004a4 !important;
}

.border-within-duke-blue-500:focus-within .input-box {
  border-color: #1004a4 !important;
}

.error-input-duke-blue-500 .input-box {
  color: #1004a4;
  border-color: rgba(16, 4, 164, 0.5) !important;
}

.error-input-duke-blue-500 #input-help {
  color: #1004a4 !important;
  opacity: 1 !important;
}

.error-within-duke-blue-500:focus-within .input-box {
  color: #1004a4;
  outline: 3px solid rgba(16, 4, 164, 0.3) !important;
  border-color: #1004a4 !important;
}

.focus-within-duke-blue-600:focus-within .input-box {
  outline: 3px solid rgba(15, 4, 141, 0.3) !important;
  border-color: #0f048d !important;
}

.border-within-duke-blue-600:focus-within .input-box {
  border-color: #0f048d !important;
}

.error-input-duke-blue-600 .input-box {
  color: #0f048d;
  border-color: rgba(15, 4, 141, 0.5) !important;
}

.error-input-duke-blue-600 #input-help {
  color: #0f048d !important;
  opacity: 1 !important;
}

.error-within-duke-blue-600:focus-within .input-box {
  color: #0f048d;
  outline: 3px solid rgba(15, 4, 141, 0.3) !important;
  border-color: #0f048d !important;
}

.focus-within-duke-blue-700:focus-within .input-box {
  outline: 3px solid rgba(13, 3, 117, 0.3) !important;
  border-color: #0d0375 !important;
}

.border-within-duke-blue-700:focus-within .input-box {
  border-color: #0d0375 !important;
}

.error-input-duke-blue-700 .input-box {
  color: #0d0375;
  border-color: rgba(13, 3, 117, 0.5) !important;
}

.error-input-duke-blue-700 #input-help {
  color: #0d0375 !important;
  opacity: 1 !important;
}

.error-within-duke-blue-700:focus-within .input-box {
  color: #0d0375;
  outline: 3px solid rgba(13, 3, 117, 0.3) !important;
  border-color: #0d0375 !important;
}

.focus-within-duke-blue-800:focus-within .input-box {
  outline: 3px solid rgba(10, 2, 94, 0.3) !important;
  border-color: #0a025e !important;
}

.border-within-duke-blue-800:focus-within .input-box {
  border-color: #0a025e !important;
}

.error-input-duke-blue-800 .input-box {
  color: #0a025e;
  border-color: rgba(10, 2, 94, 0.5) !important;
}

.error-input-duke-blue-800 #input-help {
  color: #0a025e !important;
  opacity: 1 !important;
}

.error-within-duke-blue-800:focus-within .input-box {
  color: #0a025e;
  outline: 3px solid rgba(10, 2, 94, 0.3) !important;
  border-color: #0a025e !important;
}

.focus-within-duke-blue-900:focus-within .input-box {
  outline: 3px solid rgba(8, 2, 70, 0.3) !important;
  border-color: #080246 !important;
}

.border-within-duke-blue-900:focus-within .input-box {
  border-color: #080246 !important;
}

.error-input-duke-blue-900 .input-box {
  color: #080246;
  border-color: rgba(8, 2, 70, 0.5) !important;
}

.error-input-duke-blue-900 #input-help {
  color: #080246 !important;
  opacity: 1 !important;
}

.error-within-duke-blue-900:focus-within .input-box {
  color: #080246;
  outline: 3px solid rgba(8, 2, 70, 0.3) !important;
  border-color: #080246 !important;
}

.focus-within-duke-blue-950:focus-within .input-box {
  outline: 3px solid rgba(5, 1, 47, 0.3) !important;
  border-color: #05012f !important;
}

.border-within-duke-blue-950:focus-within .input-box {
  border-color: #05012f !important;
}

.error-input-duke-blue-950 .input-box {
  color: #05012f;
  border-color: rgba(5, 1, 47, 0.5) !important;
}

.error-input-duke-blue-950 #input-help {
  color: #05012f !important;
  opacity: 1 !important;
}

.error-within-duke-blue-950:focus-within .input-box {
  color: #05012f;
  outline: 3px solid rgba(5, 1, 47, 0.3) !important;
  border-color: #05012f !important;
}

.focus-within-picton-blue-25:focus-within .input-box {
  outline: 3px solid rgba(247, 250, 252, 0.3) !important;
  border-color: #f7fafc !important;
}

.border-within-picton-blue-25:focus-within .input-box {
  border-color: #f7fafc !important;
}

.error-input-picton-blue-25 .input-box {
  color: #f7fafc;
  border-color: rgba(247, 250, 252, 0.5) !important;
}

.error-input-picton-blue-25 #input-help {
  color: #f7fafc !important;
  opacity: 1 !important;
}

.error-within-picton-blue-25:focus-within .input-box {
  color: #f7fafc;
  outline: 3px solid rgba(247, 250, 252, 0.3) !important;
  border-color: #f7fafc !important;
}

.focus-within-picton-blue-50:focus-within .input-box {
  outline: 3px solid rgba(235, 244, 250, 0.3) !important;
  border-color: #ebf4fa !important;
}

.border-within-picton-blue-50:focus-within .input-box {
  border-color: #ebf4fa !important;
}

.error-input-picton-blue-50 .input-box {
  color: #ebf4fa;
  border-color: rgba(235, 244, 250, 0.5) !important;
}

.error-input-picton-blue-50 #input-help {
  color: #ebf4fa !important;
  opacity: 1 !important;
}

.error-within-picton-blue-50:focus-within .input-box {
  color: #ebf4fa;
  outline: 3px solid rgba(235, 244, 250, 0.3) !important;
  border-color: #ebf4fa !important;
}

.focus-within-picton-blue-100:focus-within .input-box {
  outline: 3px solid rgba(206, 230, 245, 0.3) !important;
  border-color: #cee6f5 !important;
}

.border-within-picton-blue-100:focus-within .input-box {
  border-color: #cee6f5 !important;
}

.error-input-picton-blue-100 .input-box {
  color: #cee6f5;
  border-color: rgba(206, 230, 245, 0.5) !important;
}

.error-input-picton-blue-100 #input-help {
  color: #cee6f5 !important;
  opacity: 1 !important;
}

.error-within-picton-blue-100:focus-within .input-box {
  color: #cee6f5;
  outline: 3px solid rgba(206, 230, 245, 0.3) !important;
  border-color: #cee6f5 !important;
}

.focus-within-picton-blue-200:focus-within .input-box {
  outline: 3px solid rgba(178, 220, 247, 0.3) !important;
  border-color: #b2dcf7 !important;
}

.border-within-picton-blue-200:focus-within .input-box {
  border-color: #b2dcf7 !important;
}

.error-input-picton-blue-200 .input-box {
  color: #b2dcf7;
  border-color: rgba(178, 220, 247, 0.5) !important;
}

.error-input-picton-blue-200 #input-help {
  color: #b2dcf7 !important;
  opacity: 1 !important;
}

.error-within-picton-blue-200:focus-within .input-box {
  color: #b2dcf7;
  outline: 3px solid rgba(178, 220, 247, 0.3) !important;
  border-color: #b2dcf7 !important;
}

.focus-within-picton-blue-300:focus-within .input-box {
  outline: 3px solid rgba(125, 200, 247, 0.3) !important;
  border-color: #7dc8f7 !important;
}

.border-within-picton-blue-300:focus-within .input-box {
  border-color: #7dc8f7 !important;
}

.error-input-picton-blue-300 .input-box {
  color: #7dc8f7;
  border-color: rgba(125, 200, 247, 0.5) !important;
}

.error-input-picton-blue-300 #input-help {
  color: #7dc8f7 !important;
  opacity: 1 !important;
}

.error-within-picton-blue-300:focus-within .input-box {
  color: #7dc8f7;
  outline: 3px solid rgba(125, 200, 247, 0.3) !important;
  border-color: #7dc8f7 !important;
}

.focus-within-picton-blue-400:focus-within .input-box {
  outline: 3px solid rgba(99, 189, 245, 0.3) !important;
  border-color: #63bdf5 !important;
}

.border-within-picton-blue-400:focus-within .input-box {
  border-color: #63bdf5 !important;
}

.error-input-picton-blue-400 .input-box {
  color: #63bdf5;
  border-color: rgba(99, 189, 245, 0.5) !important;
}

.error-input-picton-blue-400 #input-help {
  color: #63bdf5 !important;
  opacity: 1 !important;
}

.error-within-picton-blue-400:focus-within .input-box {
  color: #63bdf5;
  outline: 3px solid rgba(99, 189, 245, 0.3) !important;
  border-color: #63bdf5 !important;
}

.focus-within-picton-blue-500:focus-within .input-box {
  outline: 3px solid rgba(73, 179, 243, 0.3) !important;
  border-color: #49b3f3 !important;
}

.border-within-picton-blue-500:focus-within .input-box {
  border-color: #49b3f3 !important;
}

.error-input-picton-blue-500 .input-box {
  color: #49b3f3;
  border-color: rgba(73, 179, 243, 0.5) !important;
}

.error-input-picton-blue-500 #input-help {
  color: #49b3f3 !important;
  opacity: 1 !important;
}

.error-within-picton-blue-500:focus-within .input-box {
  color: #49b3f3;
  outline: 3px solid rgba(73, 179, 243, 0.3) !important;
  border-color: #49b3f3 !important;
}

.focus-within-picton-blue-600:focus-within .input-box {
  outline: 3px solid rgba(44, 160, 229, 0.3) !important;
  border-color: #2ca0e5 !important;
}

.border-within-picton-blue-600:focus-within .input-box {
  border-color: #2ca0e5 !important;
}

.error-input-picton-blue-600 .input-box {
  color: #2ca0e5;
  border-color: rgba(44, 160, 229, 0.5) !important;
}

.error-input-picton-blue-600 #input-help {
  color: #2ca0e5 !important;
  opacity: 1 !important;
}

.error-within-picton-blue-600:focus-within .input-box {
  color: #2ca0e5;
  outline: 3px solid rgba(44, 160, 229, 0.3) !important;
  border-color: #2ca0e5 !important;
}

.focus-within-picton-blue-700:focus-within .input-box {
  outline: 3px solid rgba(14, 136, 212, 0.3) !important;
  border-color: #0e88d4 !important;
}

.border-within-picton-blue-700:focus-within .input-box {
  border-color: #0e88d4 !important;
}

.error-input-picton-blue-700 .input-box {
  color: #0e88d4;
  border-color: rgba(14, 136, 212, 0.5) !important;
}

.error-input-picton-blue-700 #input-help {
  color: #0e88d4 !important;
  opacity: 1 !important;
}

.error-within-picton-blue-700:focus-within .input-box {
  color: #0e88d4;
  outline: 3px solid rgba(14, 136, 212, 0.3) !important;
  border-color: #0e88d4 !important;
}

.focus-within-picton-blue-800:focus-within .input-box {
  outline: 3px solid rgba(11, 109, 170, 0.3) !important;
  border-color: #0b6daa !important;
}

.border-within-picton-blue-800:focus-within .input-box {
  border-color: #0b6daa !important;
}

.error-input-picton-blue-800 .input-box {
  color: #0b6daa;
  border-color: rgba(11, 109, 170, 0.5) !important;
}

.error-input-picton-blue-800 #input-help {
  color: #0b6daa !important;
  opacity: 1 !important;
}

.error-within-picton-blue-800:focus-within .input-box {
  color: #0b6daa;
  outline: 3px solid rgba(11, 109, 170, 0.3) !important;
  border-color: #0b6daa !important;
}

.focus-within-picton-blue-900:focus-within .input-box {
  outline: 3px solid rgba(8, 82, 127, 0.3) !important;
  border-color: #08527f !important;
}

.border-within-picton-blue-900:focus-within .input-box {
  border-color: #08527f !important;
}

.error-input-picton-blue-900 .input-box {
  color: #08527f;
  border-color: rgba(8, 82, 127, 0.5) !important;
}

.error-input-picton-blue-900 #input-help {
  color: #08527f !important;
  opacity: 1 !important;
}

.error-within-picton-blue-900:focus-within .input-box {
  color: #08527f;
  outline: 3px solid rgba(8, 82, 127, 0.3) !important;
  border-color: #08527f !important;
}

.focus-within-picton-blue-950:focus-within .input-box {
  outline: 3px solid rgba(5, 54, 85, 0.3) !important;
  border-color: #053655 !important;
}

.border-within-picton-blue-950:focus-within .input-box {
  border-color: #053655 !important;
}

.error-input-picton-blue-950 .input-box {
  color: #053655;
  border-color: rgba(5, 54, 85, 0.5) !important;
}

.error-input-picton-blue-950 #input-help {
  color: #053655 !important;
  opacity: 1 !important;
}

.error-within-picton-blue-950:focus-within .input-box {
  color: #053655;
  outline: 3px solid rgba(5, 54, 85, 0.3) !important;
  border-color: #053655 !important;
}

.focus-within-error-25:focus-within .input-box {
  outline: 3px solid rgba(255, 251, 250, 0.3) !important;
  border-color: #fffbfa !important;
}

.border-within-error-25:focus-within .input-box {
  border-color: #fffbfa !important;
}

.error-input-error-25 .input-box {
  color: #fffbfa;
  border-color: rgba(255, 251, 250, 0.5) !important;
}

.error-input-error-25 #input-help {
  color: #fffbfa !important;
  opacity: 1 !important;
}

.error-within-error-25:focus-within .input-box {
  color: #fffbfa;
  outline: 3px solid rgba(255, 251, 250, 0.3) !important;
  border-color: #fffbfa !important;
}

.focus-within-error-50:focus-within .input-box {
  outline: 3px solid rgba(254, 243, 242, 0.3) !important;
  border-color: #fef3f2 !important;
}

.border-within-error-50:focus-within .input-box {
  border-color: #fef3f2 !important;
}

.error-input-error-50 .input-box {
  color: #fef3f2;
  border-color: rgba(254, 243, 242, 0.5) !important;
}

.error-input-error-50 #input-help {
  color: #fef3f2 !important;
  opacity: 1 !important;
}

.error-within-error-50:focus-within .input-box {
  color: #fef3f2;
  outline: 3px solid rgba(254, 243, 242, 0.3) !important;
  border-color: #fef3f2 !important;
}

.focus-within-error-100:focus-within .input-box {
  outline: 3px solid rgba(254, 228, 226, 0.3) !important;
  border-color: #fee4e2 !important;
}

.border-within-error-100:focus-within .input-box {
  border-color: #fee4e2 !important;
}

.error-input-error-100 .input-box {
  color: #fee4e2;
  border-color: rgba(254, 228, 226, 0.5) !important;
}

.error-input-error-100 #input-help {
  color: #fee4e2 !important;
  opacity: 1 !important;
}

.error-within-error-100:focus-within .input-box {
  color: #fee4e2;
  outline: 3px solid rgba(254, 228, 226, 0.3) !important;
  border-color: #fee4e2 !important;
}

.focus-within-error-200:focus-within .input-box {
  outline: 3px solid rgba(254, 205, 202, 0.3) !important;
  border-color: #fecdca !important;
}

.border-within-error-200:focus-within .input-box {
  border-color: #fecdca !important;
}

.error-input-error-200 .input-box {
  color: #fecdca;
  border-color: rgba(254, 205, 202, 0.5) !important;
}

.error-input-error-200 #input-help {
  color: #fecdca !important;
  opacity: 1 !important;
}

.error-within-error-200:focus-within .input-box {
  color: #fecdca;
  outline: 3px solid rgba(254, 205, 202, 0.3) !important;
  border-color: #fecdca !important;
}

.focus-within-error-300:focus-within .input-box {
  outline: 3px solid rgba(253, 162, 155, 0.3) !important;
  border-color: #fda29b !important;
}

.border-within-error-300:focus-within .input-box {
  border-color: #fda29b !important;
}

.error-input-error-300 .input-box {
  color: #fda29b;
  border-color: rgba(253, 162, 155, 0.5) !important;
}

.error-input-error-300 #input-help {
  color: #fda29b !important;
  opacity: 1 !important;
}

.error-within-error-300:focus-within .input-box {
  color: #fda29b;
  outline: 3px solid rgba(253, 162, 155, 0.3) !important;
  border-color: #fda29b !important;
}

.focus-within-error-400:focus-within .input-box {
  outline: 3px solid rgba(249, 112, 102, 0.3) !important;
  border-color: #f97066 !important;
}

.border-within-error-400:focus-within .input-box {
  border-color: #f97066 !important;
}

.error-input-error-400 .input-box {
  color: #f97066;
  border-color: rgba(249, 112, 102, 0.5) !important;
}

.error-input-error-400 #input-help {
  color: #f97066 !important;
  opacity: 1 !important;
}

.error-within-error-400:focus-within .input-box {
  color: #f97066;
  outline: 3px solid rgba(249, 112, 102, 0.3) !important;
  border-color: #f97066 !important;
}

.focus-within-error-500:focus-within .input-box {
  outline: 3px solid rgba(240, 68, 56, 0.3) !important;
  border-color: #f04438 !important;
}

.border-within-error-500:focus-within .input-box {
  border-color: #f04438 !important;
}

.error-input-error-500 .input-box {
  color: #f04438;
  border-color: rgba(240, 68, 56, 0.5) !important;
}

.error-input-error-500 #input-help {
  color: #f04438 !important;
  opacity: 1 !important;
}

.error-within-error-500:focus-within .input-box {
  color: #f04438;
  outline: 3px solid rgba(240, 68, 56, 0.3) !important;
  border-color: #f04438 !important;
}

.focus-within-error-600:focus-within .input-box {
  outline: 3px solid rgba(217, 45, 32, 0.3) !important;
  border-color: #d92d20 !important;
}

.border-within-error-600:focus-within .input-box {
  border-color: #d92d20 !important;
}

.error-input-error-600 .input-box {
  color: #d92d20;
  border-color: rgba(217, 45, 32, 0.5) !important;
}

.error-input-error-600 #input-help {
  color: #d92d20 !important;
  opacity: 1 !important;
}

.error-within-error-600:focus-within .input-box {
  color: #d92d20;
  outline: 3px solid rgba(217, 45, 32, 0.3) !important;
  border-color: #d92d20 !important;
}

.focus-within-error-700:focus-within .input-box {
  outline: 3px solid rgba(180, 35, 24, 0.3) !important;
  border-color: #b42318 !important;
}

.border-within-error-700:focus-within .input-box {
  border-color: #b42318 !important;
}

.error-input-error-700 .input-box {
  color: #b42318;
  border-color: rgba(180, 35, 24, 0.5) !important;
}

.error-input-error-700 #input-help {
  color: #b42318 !important;
  opacity: 1 !important;
}

.error-within-error-700:focus-within .input-box {
  color: #b42318;
  outline: 3px solid rgba(180, 35, 24, 0.3) !important;
  border-color: #b42318 !important;
}

.focus-within-error-800:focus-within .input-box {
  outline: 3px solid rgba(145, 32, 24, 0.3) !important;
  border-color: #912018 !important;
}

.border-within-error-800:focus-within .input-box {
  border-color: #912018 !important;
}

.error-input-error-800 .input-box {
  color: #912018;
  border-color: rgba(145, 32, 24, 0.5) !important;
}

.error-input-error-800 #input-help {
  color: #912018 !important;
  opacity: 1 !important;
}

.error-within-error-800:focus-within .input-box {
  color: #912018;
  outline: 3px solid rgba(145, 32, 24, 0.3) !important;
  border-color: #912018 !important;
}

.focus-within-error-900:focus-within .input-box {
  outline: 3px solid rgba(122, 39, 26, 0.3) !important;
  border-color: #7a271a !important;
}

.border-within-error-900:focus-within .input-box {
  border-color: #7a271a !important;
}

.error-input-error-900 .input-box {
  color: #7a271a;
  border-color: rgba(122, 39, 26, 0.5) !important;
}

.error-input-error-900 #input-help {
  color: #7a271a !important;
  opacity: 1 !important;
}

.error-within-error-900:focus-within .input-box {
  color: #7a271a;
  outline: 3px solid rgba(122, 39, 26, 0.3) !important;
  border-color: #7a271a !important;
}

.focus-within-error-950:focus-within .input-box {
  outline: 3px solid rgba(85, 22, 12, 0.3) !important;
  border-color: #55160c !important;
}

.border-within-error-950:focus-within .input-box {
  border-color: #55160c !important;
}

.error-input-error-950 .input-box {
  color: #55160c;
  border-color: rgba(85, 22, 12, 0.5) !important;
}

.error-input-error-950 #input-help {
  color: #55160c !important;
  opacity: 1 !important;
}

.error-within-error-950:focus-within .input-box {
  color: #55160c;
  outline: 3px solid rgba(85, 22, 12, 0.3) !important;
  border-color: #55160c !important;
}

.focus-within-warning-25:focus-within .input-box {
  outline: 3px solid rgba(255, 252, 245, 0.3) !important;
  border-color: #fffcf5 !important;
}

.border-within-warning-25:focus-within .input-box {
  border-color: #fffcf5 !important;
}

.error-input-warning-25 .input-box {
  color: #fffcf5;
  border-color: rgba(255, 252, 245, 0.5) !important;
}

.error-input-warning-25 #input-help {
  color: #fffcf5 !important;
  opacity: 1 !important;
}

.error-within-warning-25:focus-within .input-box {
  color: #fffcf5;
  outline: 3px solid rgba(255, 252, 245, 0.3) !important;
  border-color: #fffcf5 !important;
}

.focus-within-warning-50:focus-within .input-box {
  outline: 3px solid rgba(255, 250, 235, 0.3) !important;
  border-color: #fffaeb !important;
}

.border-within-warning-50:focus-within .input-box {
  border-color: #fffaeb !important;
}

.error-input-warning-50 .input-box {
  color: #fffaeb;
  border-color: rgba(255, 250, 235, 0.5) !important;
}

.error-input-warning-50 #input-help {
  color: #fffaeb !important;
  opacity: 1 !important;
}

.error-within-warning-50:focus-within .input-box {
  color: #fffaeb;
  outline: 3px solid rgba(255, 250, 235, 0.3) !important;
  border-color: #fffaeb !important;
}

.focus-within-warning-100:focus-within .input-box {
  outline: 3px solid rgba(254, 240, 199, 0.3) !important;
  border-color: #fef0c7 !important;
}

.border-within-warning-100:focus-within .input-box {
  border-color: #fef0c7 !important;
}

.error-input-warning-100 .input-box {
  color: #fef0c7;
  border-color: rgba(254, 240, 199, 0.5) !important;
}

.error-input-warning-100 #input-help {
  color: #fef0c7 !important;
  opacity: 1 !important;
}

.error-within-warning-100:focus-within .input-box {
  color: #fef0c7;
  outline: 3px solid rgba(254, 240, 199, 0.3) !important;
  border-color: #fef0c7 !important;
}

.focus-within-warning-200:focus-within .input-box {
  outline: 3px solid rgba(254, 223, 137, 0.3) !important;
  border-color: #fedf89 !important;
}

.border-within-warning-200:focus-within .input-box {
  border-color: #fedf89 !important;
}

.error-input-warning-200 .input-box {
  color: #fedf89;
  border-color: rgba(254, 223, 137, 0.5) !important;
}

.error-input-warning-200 #input-help {
  color: #fedf89 !important;
  opacity: 1 !important;
}

.error-within-warning-200:focus-within .input-box {
  color: #fedf89;
  outline: 3px solid rgba(254, 223, 137, 0.3) !important;
  border-color: #fedf89 !important;
}

.focus-within-warning-300:focus-within .input-box {
  outline: 3px solid rgba(254, 200, 75, 0.3) !important;
  border-color: #fec84b !important;
}

.border-within-warning-300:focus-within .input-box {
  border-color: #fec84b !important;
}

.error-input-warning-300 .input-box {
  color: #fec84b;
  border-color: rgba(254, 200, 75, 0.5) !important;
}

.error-input-warning-300 #input-help {
  color: #fec84b !important;
  opacity: 1 !important;
}

.error-within-warning-300:focus-within .input-box {
  color: #fec84b;
  outline: 3px solid rgba(254, 200, 75, 0.3) !important;
  border-color: #fec84b !important;
}

.focus-within-warning-400:focus-within .input-box {
  outline: 3px solid rgba(253, 176, 34, 0.3) !important;
  border-color: #fdb022 !important;
}

.border-within-warning-400:focus-within .input-box {
  border-color: #fdb022 !important;
}

.error-input-warning-400 .input-box {
  color: #fdb022;
  border-color: rgba(253, 176, 34, 0.5) !important;
}

.error-input-warning-400 #input-help {
  color: #fdb022 !important;
  opacity: 1 !important;
}

.error-within-warning-400:focus-within .input-box {
  color: #fdb022;
  outline: 3px solid rgba(253, 176, 34, 0.3) !important;
  border-color: #fdb022 !important;
}

.focus-within-warning-500:focus-within .input-box {
  outline: 3px solid rgba(247, 144, 9, 0.3) !important;
  border-color: #f79009 !important;
}

.border-within-warning-500:focus-within .input-box {
  border-color: #f79009 !important;
}

.error-input-warning-500 .input-box {
  color: #f79009;
  border-color: rgba(247, 144, 9, 0.5) !important;
}

.error-input-warning-500 #input-help {
  color: #f79009 !important;
  opacity: 1 !important;
}

.error-within-warning-500:focus-within .input-box {
  color: #f79009;
  outline: 3px solid rgba(247, 144, 9, 0.3) !important;
  border-color: #f79009 !important;
}

.focus-within-warning-600:focus-within .input-box {
  outline: 3px solid rgba(220, 104, 3, 0.3) !important;
  border-color: #dc6803 !important;
}

.border-within-warning-600:focus-within .input-box {
  border-color: #dc6803 !important;
}

.error-input-warning-600 .input-box {
  color: #dc6803;
  border-color: rgba(220, 104, 3, 0.5) !important;
}

.error-input-warning-600 #input-help {
  color: #dc6803 !important;
  opacity: 1 !important;
}

.error-within-warning-600:focus-within .input-box {
  color: #dc6803;
  outline: 3px solid rgba(220, 104, 3, 0.3) !important;
  border-color: #dc6803 !important;
}

.focus-within-warning-700:focus-within .input-box {
  outline: 3px solid rgba(181, 71, 8, 0.3) !important;
  border-color: #b54708 !important;
}

.border-within-warning-700:focus-within .input-box {
  border-color: #b54708 !important;
}

.error-input-warning-700 .input-box {
  color: #b54708;
  border-color: rgba(181, 71, 8, 0.5) !important;
}

.error-input-warning-700 #input-help {
  color: #b54708 !important;
  opacity: 1 !important;
}

.error-within-warning-700:focus-within .input-box {
  color: #b54708;
  outline: 3px solid rgba(181, 71, 8, 0.3) !important;
  border-color: #b54708 !important;
}

.focus-within-warning-800:focus-within .input-box {
  outline: 3px solid rgba(147, 55, 13, 0.3) !important;
  border-color: #93370d !important;
}

.border-within-warning-800:focus-within .input-box {
  border-color: #93370d !important;
}

.error-input-warning-800 .input-box {
  color: #93370d;
  border-color: rgba(147, 55, 13, 0.5) !important;
}

.error-input-warning-800 #input-help {
  color: #93370d !important;
  opacity: 1 !important;
}

.error-within-warning-800:focus-within .input-box {
  color: #93370d;
  outline: 3px solid rgba(147, 55, 13, 0.3) !important;
  border-color: #93370d !important;
}

.focus-within-warning-900:focus-within .input-box {
  outline: 3px solid rgba(122, 46, 14, 0.3) !important;
  border-color: #7a2e0e !important;
}

.border-within-warning-900:focus-within .input-box {
  border-color: #7a2e0e !important;
}

.error-input-warning-900 .input-box {
  color: #7a2e0e;
  border-color: rgba(122, 46, 14, 0.5) !important;
}

.error-input-warning-900 #input-help {
  color: #7a2e0e !important;
  opacity: 1 !important;
}

.error-within-warning-900:focus-within .input-box {
  color: #7a2e0e;
  outline: 3px solid rgba(122, 46, 14, 0.3) !important;
  border-color: #7a2e0e !important;
}

.focus-within-warning-950:focus-within .input-box {
  outline: 3px solid rgba(78, 29, 9, 0.3) !important;
  border-color: #4e1d09 !important;
}

.border-within-warning-950:focus-within .input-box {
  border-color: #4e1d09 !important;
}

.error-input-warning-950 .input-box {
  color: #4e1d09;
  border-color: rgba(78, 29, 9, 0.5) !important;
}

.error-input-warning-950 #input-help {
  color: #4e1d09 !important;
  opacity: 1 !important;
}

.error-within-warning-950:focus-within .input-box {
  color: #4e1d09;
  outline: 3px solid rgba(78, 29, 9, 0.3) !important;
  border-color: #4e1d09 !important;
}

.focus-within-success-25:focus-within .input-box {
  outline: 3px solid rgba(246, 254, 249, 0.3) !important;
  border-color: #f6fef9 !important;
}

.border-within-success-25:focus-within .input-box {
  border-color: #f6fef9 !important;
}

.error-input-success-25 .input-box {
  color: #f6fef9;
  border-color: rgba(246, 254, 249, 0.5) !important;
}

.error-input-success-25 #input-help {
  color: #f6fef9 !important;
  opacity: 1 !important;
}

.error-within-success-25:focus-within .input-box {
  color: #f6fef9;
  outline: 3px solid rgba(246, 254, 249, 0.3) !important;
  border-color: #f6fef9 !important;
}

.focus-within-success-50:focus-within .input-box {
  outline: 3px solid rgba(236, 253, 243, 0.3) !important;
  border-color: #ecfdf3 !important;
}

.border-within-success-50:focus-within .input-box {
  border-color: #ecfdf3 !important;
}

.error-input-success-50 .input-box {
  color: #ecfdf3;
  border-color: rgba(236, 253, 243, 0.5) !important;
}

.error-input-success-50 #input-help {
  color: #ecfdf3 !important;
  opacity: 1 !important;
}

.error-within-success-50:focus-within .input-box {
  color: #ecfdf3;
  outline: 3px solid rgba(236, 253, 243, 0.3) !important;
  border-color: #ecfdf3 !important;
}

.focus-within-success-100:focus-within .input-box {
  outline: 3px solid rgba(220, 250, 230, 0.3) !important;
  border-color: #dcfae6 !important;
}

.border-within-success-100:focus-within .input-box {
  border-color: #dcfae6 !important;
}

.error-input-success-100 .input-box {
  color: #dcfae6;
  border-color: rgba(220, 250, 230, 0.5) !important;
}

.error-input-success-100 #input-help {
  color: #dcfae6 !important;
  opacity: 1 !important;
}

.error-within-success-100:focus-within .input-box {
  color: #dcfae6;
  outline: 3px solid rgba(220, 250, 230, 0.3) !important;
  border-color: #dcfae6 !important;
}

.focus-within-success-200:focus-within .input-box {
  outline: 3px solid rgba(171, 239, 198, 0.3) !important;
  border-color: #abefc6 !important;
}

.border-within-success-200:focus-within .input-box {
  border-color: #abefc6 !important;
}

.error-input-success-200 .input-box {
  color: #abefc6;
  border-color: rgba(171, 239, 198, 0.5) !important;
}

.error-input-success-200 #input-help {
  color: #abefc6 !important;
  opacity: 1 !important;
}

.error-within-success-200:focus-within .input-box {
  color: #abefc6;
  outline: 3px solid rgba(171, 239, 198, 0.3) !important;
  border-color: #abefc6 !important;
}

.focus-within-success-300:focus-within .input-box {
  outline: 3px solid rgba(117, 224, 167, 0.3) !important;
  border-color: #75e0a7 !important;
}

.border-within-success-300:focus-within .input-box {
  border-color: #75e0a7 !important;
}

.error-input-success-300 .input-box {
  color: #75e0a7;
  border-color: rgba(117, 224, 167, 0.5) !important;
}

.error-input-success-300 #input-help {
  color: #75e0a7 !important;
  opacity: 1 !important;
}

.error-within-success-300:focus-within .input-box {
  color: #75e0a7;
  outline: 3px solid rgba(117, 224, 167, 0.3) !important;
  border-color: #75e0a7 !important;
}

.focus-within-success-400:focus-within .input-box {
  outline: 3px solid rgba(71, 205, 137, 0.3) !important;
  border-color: #47cd89 !important;
}

.border-within-success-400:focus-within .input-box {
  border-color: #47cd89 !important;
}

.error-input-success-400 .input-box {
  color: #47cd89;
  border-color: rgba(71, 205, 137, 0.5) !important;
}

.error-input-success-400 #input-help {
  color: #47cd89 !important;
  opacity: 1 !important;
}

.error-within-success-400:focus-within .input-box {
  color: #47cd89;
  outline: 3px solid rgba(71, 205, 137, 0.3) !important;
  border-color: #47cd89 !important;
}

.focus-within-success-500:focus-within .input-box {
  outline: 3px solid rgba(23, 178, 106, 0.3) !important;
  border-color: #17b26a !important;
}

.border-within-success-500:focus-within .input-box {
  border-color: #17b26a !important;
}

.error-input-success-500 .input-box {
  color: #17b26a;
  border-color: rgba(23, 178, 106, 0.5) !important;
}

.error-input-success-500 #input-help {
  color: #17b26a !important;
  opacity: 1 !important;
}

.error-within-success-500:focus-within .input-box {
  color: #17b26a;
  outline: 3px solid rgba(23, 178, 106, 0.3) !important;
  border-color: #17b26a !important;
}

.focus-within-success-600:focus-within .input-box {
  outline: 3px solid rgba(7, 148, 85, 0.3) !important;
  border-color: #079455 !important;
}

.border-within-success-600:focus-within .input-box {
  border-color: #079455 !important;
}

.error-input-success-600 .input-box {
  color: #079455;
  border-color: rgba(7, 148, 85, 0.5) !important;
}

.error-input-success-600 #input-help {
  color: #079455 !important;
  opacity: 1 !important;
}

.error-within-success-600:focus-within .input-box {
  color: #079455;
  outline: 3px solid rgba(7, 148, 85, 0.3) !important;
  border-color: #079455 !important;
}

.focus-within-success-700:focus-within .input-box {
  outline: 3px solid rgba(6, 118, 71, 0.3) !important;
  border-color: #067647 !important;
}

.border-within-success-700:focus-within .input-box {
  border-color: #067647 !important;
}

.error-input-success-700 .input-box {
  color: #067647;
  border-color: rgba(6, 118, 71, 0.5) !important;
}

.error-input-success-700 #input-help {
  color: #067647 !important;
  opacity: 1 !important;
}

.error-within-success-700:focus-within .input-box {
  color: #067647;
  outline: 3px solid rgba(6, 118, 71, 0.3) !important;
  border-color: #067647 !important;
}

.focus-within-success-800:focus-within .input-box {
  outline: 3px solid rgba(8, 93, 58, 0.3) !important;
  border-color: #085d3a !important;
}

.border-within-success-800:focus-within .input-box {
  border-color: #085d3a !important;
}

.error-input-success-800 .input-box {
  color: #085d3a;
  border-color: rgba(8, 93, 58, 0.5) !important;
}

.error-input-success-800 #input-help {
  color: #085d3a !important;
  opacity: 1 !important;
}

.error-within-success-800:focus-within .input-box {
  color: #085d3a;
  outline: 3px solid rgba(8, 93, 58, 0.3) !important;
  border-color: #085d3a !important;
}

.focus-within-success-900:focus-within .input-box {
  outline: 3px solid rgba(7, 77, 49, 0.3) !important;
  border-color: #074d31 !important;
}

.border-within-success-900:focus-within .input-box {
  border-color: #074d31 !important;
}

.error-input-success-900 .input-box {
  color: #074d31;
  border-color: rgba(7, 77, 49, 0.5) !important;
}

.error-input-success-900 #input-help {
  color: #074d31 !important;
  opacity: 1 !important;
}

.error-within-success-900:focus-within .input-box {
  color: #074d31;
  outline: 3px solid rgba(7, 77, 49, 0.3) !important;
  border-color: #074d31 !important;
}

.focus-within-success-950:focus-within .input-box {
  outline: 3px solid rgba(5, 51, 33, 0.3) !important;
  border-color: #053321 !important;
}

.border-within-success-950:focus-within .input-box {
  border-color: #053321 !important;
}

.error-input-success-950 .input-box {
  color: #053321;
  border-color: rgba(5, 51, 33, 0.5) !important;
}

.error-input-success-950 #input-help {
  color: #053321 !important;
  opacity: 1 !important;
}

.error-within-success-950:focus-within .input-box {
  color: #053321;
  outline: 3px solid rgba(5, 51, 33, 0.3) !important;
  border-color: #053321 !important;
}

.grid-cols-1 {
  grid-column: 1/span 1;
}

.grid-cols-2 {
  grid-column: 1/span 2;
}

.grid-cols-3 {
  grid-column: 1/span 3;
}

.grid-cols-4 {
  grid-column: 1/span 4;
}

.grid-cols-5 {
  grid-column: 1/span 5;
}

.grid-cols-6 {
  grid-column: 1/span 6;
}

.grid-cols-7 {
  grid-column: 1/span 7;
}

.grid-cols-8 {
  grid-column: 1/span 8;
}

.grid-cols-9 {
  grid-column: 1/span 9;
}

.grid-cols-10 {
  grid-column: 1/span 10;
}

.grid-cols-11 {
  grid-column: 1/span 11;
}

.grid-cols-12 {
  grid-column: 1/span 12;
}

.display-inline {
  display: inline-block;
}

.display-block {
  display: block;
}

.checkbox-label input[type=checkbox] {
  display: none;
}

.checkbox-square .checkbox-label {
  display: flex;
  align-items: center;
  color: #475467;
  cursor: pointer;
  font-weight: 500;
  margin-bottom: 5px;
}
@media (min-width: 320px) and (max-width: 743px) {
  .checkbox-square .checkbox-label {
    font-size: 14px;
    gap: 0 8px;
  }
}
@media (min-width: 744px) and (max-width: 1127px) {
  .checkbox-square .checkbox-label {
    font-size: 16px;
    gap: 0 12px;
  }
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .checkbox-square .checkbox-label {
    font-size: 16px;
    gap: 0 12px;
  }
}
.checkbox-square .checkbox-inactive,
.checkbox-square .checkbox-active {
  border-radius: 4px;
}
@media (min-width: 744px) and (max-width: 1127px) {
  .checkbox-square .checkbox-inactive,
  .checkbox-square .checkbox-active {
    transform: scale(1.25);
    margin-bottom: 2px;
  }
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .checkbox-square .checkbox-inactive,
  .checkbox-square .checkbox-active {
    transform: scale(1.25);
    margin-bottom: 2px;
  }
}
.checkbox-square .checkbox-inactive {
  width: 16px;
  height: 16px;
  border: 1px solid #98a2b3;
}
.checkbox-square .checkbox-active {
  display: none;
  place-items: center;
  color: #182230;
}
.checkbox-square .help-checkbox {
  margin-bottom: 0;
  color: #667085;
}
@media (min-width: 320px) and (max-width: 743px) {
  .checkbox-square .help-checkbox {
    font-size: 14px;
    margin-right: 24px;
  }
}
@media (min-width: 744px) and (max-width: 1127px) {
  .checkbox-square .help-checkbox {
    font-size: 16px;
    margin-right: 29px;
  }
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .checkbox-square .help-checkbox {
    font-size: 16px;
    margin-right: 29px;
  }
}
.checkbox-square.disabled {
  pointer-events: none;
}
.checkbox-square.disabled .checkbox-inactive {
  background-color: #f9fafb !important;
  border-color: #eaecf0 !important;
}
.checkbox-square.disabled .checkbox-active {
  border: 1px solid #eaecf0;
  color: #f9fafb !important;
}
.checkbox-square.disabled .checkbox-active .svg-tick {
  stroke: #d0d5dd !important;
}
.checkbox-square.disabled .checkbox-active .svg-circle {
  fill: #eaecf0 !important;
}

.checkbox-circle .checkbox-label {
  display: flex;
  align-items: center;
  color: #475467;
  cursor: pointer;
  font-weight: 500;
  margin-bottom: 5px;
}
@media (min-width: 320px) and (max-width: 743px) {
  .checkbox-circle .checkbox-label {
    font-size: 14px;
    gap: 0 8px;
  }
}
@media (min-width: 744px) and (max-width: 1127px) {
  .checkbox-circle .checkbox-label {
    font-size: 16px;
    gap: 0 12px;
  }
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .checkbox-circle .checkbox-label {
    font-size: 16px;
    gap: 0 12px;
  }
}
.checkbox-circle .checkbox-inactive,
.checkbox-circle .checkbox-active {
  border-radius: 50%;
}
@media (min-width: 744px) and (max-width: 1127px) {
  .checkbox-circle .checkbox-inactive,
  .checkbox-circle .checkbox-active {
    transform: scale(1.25);
    margin-bottom: 2px;
  }
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .checkbox-circle .checkbox-inactive,
  .checkbox-circle .checkbox-active {
    transform: scale(1.25);
    margin-bottom: 2px;
  }
}
.checkbox-circle .checkbox-inactive {
  width: 16px;
  height: 16px;
  border: 1px solid #98a2b3;
}
.checkbox-circle .checkbox-active {
  display: none;
  place-items: center;
  color: #182230;
}
.checkbox-circle .help-checkbox {
  margin-bottom: 0;
  color: #667085;
}
@media (min-width: 320px) and (max-width: 743px) {
  .checkbox-circle .help-checkbox {
    font-size: 14px;
    margin-right: 24px;
  }
}
@media (min-width: 744px) and (max-width: 1127px) {
  .checkbox-circle .help-checkbox {
    font-size: 16px;
    margin-right: 29px;
  }
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .checkbox-circle .help-checkbox {
    font-size: 16px;
    margin-right: 29px;
  }
}
.checkbox-circle.disabled {
  pointer-events: none;
}
.checkbox-circle.disabled .checkbox-inactive {
  background-color: #f9fafb !important;
  border-color: #eaecf0 !important;
}
.checkbox-circle.disabled .checkbox-active {
  border: 1px solid #eaecf0;
  color: #f9fafb !important;
}
.checkbox-circle.disabled .checkbox-active .svg-tick {
  stroke: #d0d5dd !important;
}
.checkbox-circle.disabled .checkbox-active .svg-circle {
  fill: #eaecf0 !important;
}

.checkbox-label input[type=checkbox]:checked + .checkbox-inactive {
  display: none;
}

.checkbox-label input[type=checkbox]:checked ~ .checkbox-active {
  display: grid;
}

.checkbox-label:hover .checkbox-inactive {
  border-color: #667085 !important;
  background-color: #f2f4f7;
}
.checkbox-label:hover .checkbox-active {
  opacity: 0.8;
}

.label-hover-base-white:hover .checkbox-inactive {
  border-color: #ffffff !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.label-hover-base-white:hover .checkbox-active {
  opacity: 0.8;
  color: #ffffff !important;
  border-color: #ffffff !important;
}

.label-hover-base-black:hover .checkbox-inactive {
  border-color: #000000 !important;
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.label-hover-base-black:hover .checkbox-active {
  opacity: 0.8;
  color: #000000 !important;
  border-color: #000000 !important;
}

.label-hover-gray-25:hover .checkbox-inactive {
  border-color: #fcfcfd !important;
  background-color: rgba(252, 252, 253, 0.1) !important;
}
.label-hover-gray-25:hover .checkbox-active {
  opacity: 0.8;
  color: #fcfcfd !important;
  border-color: #fcfcfd !important;
}

.label-hover-gray-50:hover .checkbox-inactive {
  border-color: #f9fafb !important;
  background-color: rgba(249, 250, 251, 0.1) !important;
}
.label-hover-gray-50:hover .checkbox-active {
  opacity: 0.8;
  color: #f9fafb !important;
  border-color: #f9fafb !important;
}

.label-hover-gray-100:hover .checkbox-inactive {
  border-color: #f2f4f7 !important;
  background-color: rgba(242, 244, 247, 0.1) !important;
}
.label-hover-gray-100:hover .checkbox-active {
  opacity: 0.8;
  color: #f2f4f7 !important;
  border-color: #f2f4f7 !important;
}

.label-hover-gray-200:hover .checkbox-inactive {
  border-color: #eaecf0 !important;
  background-color: rgba(234, 236, 240, 0.1) !important;
}
.label-hover-gray-200:hover .checkbox-active {
  opacity: 0.8;
  color: #eaecf0 !important;
  border-color: #eaecf0 !important;
}

.label-hover-gray-300:hover .checkbox-inactive {
  border-color: #d0d5dd !important;
  background-color: rgba(208, 213, 221, 0.1) !important;
}
.label-hover-gray-300:hover .checkbox-active {
  opacity: 0.8;
  color: #d0d5dd !important;
  border-color: #d0d5dd !important;
}

.label-hover-gray-400:hover .checkbox-inactive {
  border-color: #d0d5dd !important;
  background-color: rgba(208, 213, 221, 0.1) !important;
}
.label-hover-gray-400:hover .checkbox-active {
  opacity: 0.8;
  color: #d0d5dd !important;
  border-color: #d0d5dd !important;
}

.label-hover-gray-500:hover .checkbox-inactive {
  border-color: #667085 !important;
  background-color: rgba(102, 112, 133, 0.1) !important;
}
.label-hover-gray-500:hover .checkbox-active {
  opacity: 0.8;
  color: #667085 !important;
  border-color: #667085 !important;
}

.label-hover-gray-600:hover .checkbox-inactive {
  border-color: #475467 !important;
  background-color: rgba(71, 84, 103, 0.1) !important;
}
.label-hover-gray-600:hover .checkbox-active {
  opacity: 0.8;
  color: #475467 !important;
  border-color: #475467 !important;
}

.label-hover-gray-700:hover .checkbox-inactive {
  border-color: #344054 !important;
  background-color: rgba(52, 64, 84, 0.1) !important;
}
.label-hover-gray-700:hover .checkbox-active {
  opacity: 0.8;
  color: #344054 !important;
  border-color: #344054 !important;
}

.label-hover-gray-800:hover .checkbox-inactive {
  border-color: #182230 !important;
  background-color: rgba(24, 34, 48, 0.1) !important;
}
.label-hover-gray-800:hover .checkbox-active {
  opacity: 0.8;
  color: #182230 !important;
  border-color: #182230 !important;
}

.label-hover-gray-900:hover .checkbox-inactive {
  border-color: #101828 !important;
  background-color: rgba(16, 24, 40, 0.1) !important;
}
.label-hover-gray-900:hover .checkbox-active {
  opacity: 0.8;
  color: #101828 !important;
  border-color: #101828 !important;
}

.label-hover-gray-950:hover .checkbox-inactive {
  border-color: #0c111d !important;
  background-color: rgba(12, 17, 29, 0.1) !important;
}
.label-hover-gray-950:hover .checkbox-active {
  opacity: 0.8;
  color: #0c111d !important;
  border-color: #0c111d !important;
}

.label-hover-magenta-dye-25:hover .checkbox-inactive {
  border-color: #fcf7fa !important;
  background-color: rgba(252, 247, 250, 0.1) !important;
}
.label-hover-magenta-dye-25:hover .checkbox-active {
  opacity: 0.8;
  color: #fcf7fa !important;
  border-color: #fcf7fa !important;
}

.label-hover-magenta-dye-50:hover .checkbox-inactive {
  border-color: #fbf0f6 !important;
  background-color: rgba(251, 240, 246, 0.1) !important;
}
.label-hover-magenta-dye-50:hover .checkbox-active {
  opacity: 0.8;
  color: #fbf0f6 !important;
  border-color: #fbf0f6 !important;
}

.label-hover-magenta-dye-100:hover .checkbox-inactive {
  border-color: #f5d7e7 !important;
  background-color: rgba(245, 215, 231, 0.1) !important;
}
.label-hover-magenta-dye-100:hover .checkbox-active {
  opacity: 0.8;
  color: #f5d7e7 !important;
  border-color: #f5d7e7 !important;
}

.label-hover-magenta-dye-200:hover .checkbox-inactive {
  border-color: #e693bf !important;
  background-color: rgba(230, 147, 191, 0.1) !important;
}
.label-hover-magenta-dye-200:hover .checkbox-active {
  opacity: 0.8;
  color: #e693bf !important;
  border-color: #e693bf !important;
}

.label-hover-magenta-dye-300:hover .checkbox-inactive {
  border-color: #dc65a4 !important;
  background-color: rgba(220, 101, 164, 0.1) !important;
}
.label-hover-magenta-dye-300:hover .checkbox-active {
  opacity: 0.8;
  color: #dc65a4 !important;
  border-color: #dc65a4 !important;
}

.label-hover-magenta-dye-400:hover .checkbox-inactive {
  border-color: #d54692 !important;
  background-color: rgba(213, 70, 146, 0.1) !important;
}
.label-hover-magenta-dye-400:hover .checkbox-active {
  opacity: 0.8;
  color: #d54692 !important;
  border-color: #d54692 !important;
}

.label-hover-magenta-dye-500:hover .checkbox-inactive {
  border-color: #e12a80 !important;
  background-color: rgba(225, 42, 128, 0.1) !important;
}
.label-hover-magenta-dye-500:hover .checkbox-active {
  opacity: 0.8;
  color: #e12a80 !important;
  border-color: #e12a80 !important;
}

.label-hover-magenta-dye-600:hover .checkbox-inactive {
  border-color: #ab276d !important;
  background-color: rgba(171, 39, 109, 0.1) !important;
}
.label-hover-magenta-dye-600:hover .checkbox-active {
  opacity: 0.8;
  color: #ab276d !important;
  border-color: #ab276d !important;
}

.label-hover-magenta-dye-700:hover .checkbox-inactive {
  border-color: #8f205b !important;
  background-color: rgba(143, 32, 91, 0.1) !important;
}
.label-hover-magenta-dye-700:hover .checkbox-active {
  opacity: 0.8;
  color: #8f205b !important;
  border-color: #8f205b !important;
}

.label-hover-magenta-dye-800:hover .checkbox-inactive {
  border-color: #721a49 !important;
  background-color: rgba(114, 26, 73, 0.1) !important;
}
.label-hover-magenta-dye-800:hover .checkbox-active {
  opacity: 0.8;
  color: #721a49 !important;
  border-color: #721a49 !important;
}

.label-hover-magenta-dye-900:hover .checkbox-inactive {
  border-color: #561337 !important;
  background-color: rgba(86, 19, 55, 0.1) !important;
}
.label-hover-magenta-dye-900:hover .checkbox-active {
  opacity: 0.8;
  color: #561337 !important;
  border-color: #561337 !important;
}

.label-hover-magenta-dye-950:hover .checkbox-inactive {
  border-color: #390d24 !important;
  background-color: rgba(57, 13, 36, 0.1) !important;
}
.label-hover-magenta-dye-950:hover .checkbox-active {
  opacity: 0.8;
  color: #390d24 !important;
  border-color: #390d24 !important;
}

.label-hover-duke-blue-25:hover .checkbox-inactive {
  border-color: #f6f5fc !important;
  background-color: rgba(246, 245, 252, 0.1) !important;
}
.label-hover-duke-blue-25:hover .checkbox-active {
  opacity: 0.8;
  color: #f6f5fc !important;
  border-color: #f6f5fc !important;
}

.label-hover-duke-blue-50:hover .checkbox-inactive {
  border-color: #e8e6fa !important;
  background-color: rgba(232, 230, 250, 0.1) !important;
}
.label-hover-duke-blue-50:hover .checkbox-active {
  opacity: 0.8;
  color: #e8e6fa !important;
  border-color: #e8e6fa !important;
}

.label-hover-duke-blue-100:hover .checkbox-inactive {
  border-color: #c7c3fa !important;
  background-color: rgba(199, 195, 250, 0.1) !important;
}
.label-hover-duke-blue-100:hover .checkbox-active {
  opacity: 0.8;
  color: #c7c3fa !important;
  border-color: #c7c3fa !important;
}

.label-hover-duke-blue-200:hover .checkbox-inactive {
  border-color: #7c70fb !important;
  background-color: rgba(124, 112, 251, 0.1) !important;
}
.label-hover-duke-blue-200:hover .checkbox-active {
  opacity: 0.8;
  color: #7c70fb !important;
  border-color: #7c70fb !important;
}

.label-hover-duke-blue-300:hover .checkbox-inactive {
  border-color: #2411f9 !important;
  background-color: rgba(36, 17, 249, 0.1) !important;
}
.label-hover-duke-blue-300:hover .checkbox-active {
  opacity: 0.8;
  color: #2411f9 !important;
  border-color: #2411f9 !important;
}

.label-hover-duke-blue-400:hover .checkbox-inactive {
  border-color: #1705d4 !important;
  background-color: rgba(23, 5, 212, 0.1) !important;
}
.label-hover-duke-blue-400:hover .checkbox-active {
  opacity: 0.8;
  color: #1705d4 !important;
  border-color: #1705d4 !important;
}

.label-hover-duke-blue-500:hover .checkbox-inactive {
  border-color: #1004a4 !important;
  background-color: rgba(16, 4, 164, 0.1) !important;
}
.label-hover-duke-blue-500:hover .checkbox-active {
  opacity: 0.8;
  color: #1004a4 !important;
  border-color: #1004a4 !important;
}

.label-hover-duke-blue-600:hover .checkbox-inactive {
  border-color: #0f048d !important;
  background-color: rgba(15, 4, 141, 0.1) !important;
}
.label-hover-duke-blue-600:hover .checkbox-active {
  opacity: 0.8;
  color: #0f048d !important;
  border-color: #0f048d !important;
}

.label-hover-duke-blue-700:hover .checkbox-inactive {
  border-color: #0d0375 !important;
  background-color: rgba(13, 3, 117, 0.1) !important;
}
.label-hover-duke-blue-700:hover .checkbox-active {
  opacity: 0.8;
  color: #0d0375 !important;
  border-color: #0d0375 !important;
}

.label-hover-duke-blue-800:hover .checkbox-inactive {
  border-color: #0a025e !important;
  background-color: rgba(10, 2, 94, 0.1) !important;
}
.label-hover-duke-blue-800:hover .checkbox-active {
  opacity: 0.8;
  color: #0a025e !important;
  border-color: #0a025e !important;
}

.label-hover-duke-blue-900:hover .checkbox-inactive {
  border-color: #080246 !important;
  background-color: rgba(8, 2, 70, 0.1) !important;
}
.label-hover-duke-blue-900:hover .checkbox-active {
  opacity: 0.8;
  color: #080246 !important;
  border-color: #080246 !important;
}

.label-hover-duke-blue-950:hover .checkbox-inactive {
  border-color: #05012f !important;
  background-color: rgba(5, 1, 47, 0.1) !important;
}
.label-hover-duke-blue-950:hover .checkbox-active {
  opacity: 0.8;
  color: #05012f !important;
  border-color: #05012f !important;
}

.label-hover-picton-blue-25:hover .checkbox-inactive {
  border-color: #f7fafc !important;
  background-color: rgba(247, 250, 252, 0.1) !important;
}
.label-hover-picton-blue-25:hover .checkbox-active {
  opacity: 0.8;
  color: #f7fafc !important;
  border-color: #f7fafc !important;
}

.label-hover-picton-blue-50:hover .checkbox-inactive {
  border-color: #ebf4fa !important;
  background-color: rgba(235, 244, 250, 0.1) !important;
}
.label-hover-picton-blue-50:hover .checkbox-active {
  opacity: 0.8;
  color: #ebf4fa !important;
  border-color: #ebf4fa !important;
}

.label-hover-picton-blue-100:hover .checkbox-inactive {
  border-color: #cee6f5 !important;
  background-color: rgba(206, 230, 245, 0.1) !important;
}
.label-hover-picton-blue-100:hover .checkbox-active {
  opacity: 0.8;
  color: #cee6f5 !important;
  border-color: #cee6f5 !important;
}

.label-hover-picton-blue-200:hover .checkbox-inactive {
  border-color: #b2dcf7 !important;
  background-color: rgba(178, 220, 247, 0.1) !important;
}
.label-hover-picton-blue-200:hover .checkbox-active {
  opacity: 0.8;
  color: #b2dcf7 !important;
  border-color: #b2dcf7 !important;
}

.label-hover-picton-blue-300:hover .checkbox-inactive {
  border-color: #7dc8f7 !important;
  background-color: rgba(125, 200, 247, 0.1) !important;
}
.label-hover-picton-blue-300:hover .checkbox-active {
  opacity: 0.8;
  color: #7dc8f7 !important;
  border-color: #7dc8f7 !important;
}

.label-hover-picton-blue-400:hover .checkbox-inactive {
  border-color: #63bdf5 !important;
  background-color: rgba(99, 189, 245, 0.1) !important;
}
.label-hover-picton-blue-400:hover .checkbox-active {
  opacity: 0.8;
  color: #63bdf5 !important;
  border-color: #63bdf5 !important;
}

.label-hover-picton-blue-500:hover .checkbox-inactive {
  border-color: #49b3f3 !important;
  background-color: rgba(73, 179, 243, 0.1) !important;
}
.label-hover-picton-blue-500:hover .checkbox-active {
  opacity: 0.8;
  color: #49b3f3 !important;
  border-color: #49b3f3 !important;
}

.label-hover-picton-blue-600:hover .checkbox-inactive {
  border-color: #2ca0e5 !important;
  background-color: rgba(44, 160, 229, 0.1) !important;
}
.label-hover-picton-blue-600:hover .checkbox-active {
  opacity: 0.8;
  color: #2ca0e5 !important;
  border-color: #2ca0e5 !important;
}

.label-hover-picton-blue-700:hover .checkbox-inactive {
  border-color: #0e88d4 !important;
  background-color: rgba(14, 136, 212, 0.1) !important;
}
.label-hover-picton-blue-700:hover .checkbox-active {
  opacity: 0.8;
  color: #0e88d4 !important;
  border-color: #0e88d4 !important;
}

.label-hover-picton-blue-800:hover .checkbox-inactive {
  border-color: #0b6daa !important;
  background-color: rgba(11, 109, 170, 0.1) !important;
}
.label-hover-picton-blue-800:hover .checkbox-active {
  opacity: 0.8;
  color: #0b6daa !important;
  border-color: #0b6daa !important;
}

.label-hover-picton-blue-900:hover .checkbox-inactive {
  border-color: #08527f !important;
  background-color: rgba(8, 82, 127, 0.1) !important;
}
.label-hover-picton-blue-900:hover .checkbox-active {
  opacity: 0.8;
  color: #08527f !important;
  border-color: #08527f !important;
}

.label-hover-picton-blue-950:hover .checkbox-inactive {
  border-color: #053655 !important;
  background-color: rgba(5, 54, 85, 0.1) !important;
}
.label-hover-picton-blue-950:hover .checkbox-active {
  opacity: 0.8;
  color: #053655 !important;
  border-color: #053655 !important;
}

.label-hover-error-25:hover .checkbox-inactive {
  border-color: #fffbfa !important;
  background-color: rgba(255, 251, 250, 0.1) !important;
}
.label-hover-error-25:hover .checkbox-active {
  opacity: 0.8;
  color: #fffbfa !important;
  border-color: #fffbfa !important;
}

.label-hover-error-50:hover .checkbox-inactive {
  border-color: #fef3f2 !important;
  background-color: rgba(254, 243, 242, 0.1) !important;
}
.label-hover-error-50:hover .checkbox-active {
  opacity: 0.8;
  color: #fef3f2 !important;
  border-color: #fef3f2 !important;
}

.label-hover-error-100:hover .checkbox-inactive {
  border-color: #fee4e2 !important;
  background-color: rgba(254, 228, 226, 0.1) !important;
}
.label-hover-error-100:hover .checkbox-active {
  opacity: 0.8;
  color: #fee4e2 !important;
  border-color: #fee4e2 !important;
}

.label-hover-error-200:hover .checkbox-inactive {
  border-color: #fecdca !important;
  background-color: rgba(254, 205, 202, 0.1) !important;
}
.label-hover-error-200:hover .checkbox-active {
  opacity: 0.8;
  color: #fecdca !important;
  border-color: #fecdca !important;
}

.label-hover-error-300:hover .checkbox-inactive {
  border-color: #fda29b !important;
  background-color: rgba(253, 162, 155, 0.1) !important;
}
.label-hover-error-300:hover .checkbox-active {
  opacity: 0.8;
  color: #fda29b !important;
  border-color: #fda29b !important;
}

.label-hover-error-400:hover .checkbox-inactive {
  border-color: #f97066 !important;
  background-color: rgba(249, 112, 102, 0.1) !important;
}
.label-hover-error-400:hover .checkbox-active {
  opacity: 0.8;
  color: #f97066 !important;
  border-color: #f97066 !important;
}

.label-hover-error-500:hover .checkbox-inactive {
  border-color: #f04438 !important;
  background-color: rgba(240, 68, 56, 0.1) !important;
}
.label-hover-error-500:hover .checkbox-active {
  opacity: 0.8;
  color: #f04438 !important;
  border-color: #f04438 !important;
}

.label-hover-error-600:hover .checkbox-inactive {
  border-color: #d92d20 !important;
  background-color: rgba(217, 45, 32, 0.1) !important;
}
.label-hover-error-600:hover .checkbox-active {
  opacity: 0.8;
  color: #d92d20 !important;
  border-color: #d92d20 !important;
}

.label-hover-error-700:hover .checkbox-inactive {
  border-color: #b42318 !important;
  background-color: rgba(180, 35, 24, 0.1) !important;
}
.label-hover-error-700:hover .checkbox-active {
  opacity: 0.8;
  color: #b42318 !important;
  border-color: #b42318 !important;
}

.label-hover-error-800:hover .checkbox-inactive {
  border-color: #912018 !important;
  background-color: rgba(145, 32, 24, 0.1) !important;
}
.label-hover-error-800:hover .checkbox-active {
  opacity: 0.8;
  color: #912018 !important;
  border-color: #912018 !important;
}

.label-hover-error-900:hover .checkbox-inactive {
  border-color: #7a271a !important;
  background-color: rgba(122, 39, 26, 0.1) !important;
}
.label-hover-error-900:hover .checkbox-active {
  opacity: 0.8;
  color: #7a271a !important;
  border-color: #7a271a !important;
}

.label-hover-error-950:hover .checkbox-inactive {
  border-color: #55160c !important;
  background-color: rgba(85, 22, 12, 0.1) !important;
}
.label-hover-error-950:hover .checkbox-active {
  opacity: 0.8;
  color: #55160c !important;
  border-color: #55160c !important;
}

.label-hover-warning-25:hover .checkbox-inactive {
  border-color: #fffcf5 !important;
  background-color: rgba(255, 252, 245, 0.1) !important;
}
.label-hover-warning-25:hover .checkbox-active {
  opacity: 0.8;
  color: #fffcf5 !important;
  border-color: #fffcf5 !important;
}

.label-hover-warning-50:hover .checkbox-inactive {
  border-color: #fffaeb !important;
  background-color: rgba(255, 250, 235, 0.1) !important;
}
.label-hover-warning-50:hover .checkbox-active {
  opacity: 0.8;
  color: #fffaeb !important;
  border-color: #fffaeb !important;
}

.label-hover-warning-100:hover .checkbox-inactive {
  border-color: #fef0c7 !important;
  background-color: rgba(254, 240, 199, 0.1) !important;
}
.label-hover-warning-100:hover .checkbox-active {
  opacity: 0.8;
  color: #fef0c7 !important;
  border-color: #fef0c7 !important;
}

.label-hover-warning-200:hover .checkbox-inactive {
  border-color: #fedf89 !important;
  background-color: rgba(254, 223, 137, 0.1) !important;
}
.label-hover-warning-200:hover .checkbox-active {
  opacity: 0.8;
  color: #fedf89 !important;
  border-color: #fedf89 !important;
}

.label-hover-warning-300:hover .checkbox-inactive {
  border-color: #fec84b !important;
  background-color: rgba(254, 200, 75, 0.1) !important;
}
.label-hover-warning-300:hover .checkbox-active {
  opacity: 0.8;
  color: #fec84b !important;
  border-color: #fec84b !important;
}

.label-hover-warning-400:hover .checkbox-inactive {
  border-color: #fdb022 !important;
  background-color: rgba(253, 176, 34, 0.1) !important;
}
.label-hover-warning-400:hover .checkbox-active {
  opacity: 0.8;
  color: #fdb022 !important;
  border-color: #fdb022 !important;
}

.label-hover-warning-500:hover .checkbox-inactive {
  border-color: #f79009 !important;
  background-color: rgba(247, 144, 9, 0.1) !important;
}
.label-hover-warning-500:hover .checkbox-active {
  opacity: 0.8;
  color: #f79009 !important;
  border-color: #f79009 !important;
}

.label-hover-warning-600:hover .checkbox-inactive {
  border-color: #dc6803 !important;
  background-color: rgba(220, 104, 3, 0.1) !important;
}
.label-hover-warning-600:hover .checkbox-active {
  opacity: 0.8;
  color: #dc6803 !important;
  border-color: #dc6803 !important;
}

.label-hover-warning-700:hover .checkbox-inactive {
  border-color: #b54708 !important;
  background-color: rgba(181, 71, 8, 0.1) !important;
}
.label-hover-warning-700:hover .checkbox-active {
  opacity: 0.8;
  color: #b54708 !important;
  border-color: #b54708 !important;
}

.label-hover-warning-800:hover .checkbox-inactive {
  border-color: #93370d !important;
  background-color: rgba(147, 55, 13, 0.1) !important;
}
.label-hover-warning-800:hover .checkbox-active {
  opacity: 0.8;
  color: #93370d !important;
  border-color: #93370d !important;
}

.label-hover-warning-900:hover .checkbox-inactive {
  border-color: #7a2e0e !important;
  background-color: rgba(122, 46, 14, 0.1) !important;
}
.label-hover-warning-900:hover .checkbox-active {
  opacity: 0.8;
  color: #7a2e0e !important;
  border-color: #7a2e0e !important;
}

.label-hover-warning-950:hover .checkbox-inactive {
  border-color: #4e1d09 !important;
  background-color: rgba(78, 29, 9, 0.1) !important;
}
.label-hover-warning-950:hover .checkbox-active {
  opacity: 0.8;
  color: #4e1d09 !important;
  border-color: #4e1d09 !important;
}

.label-hover-success-25:hover .checkbox-inactive {
  border-color: #f6fef9 !important;
  background-color: rgba(246, 254, 249, 0.1) !important;
}
.label-hover-success-25:hover .checkbox-active {
  opacity: 0.8;
  color: #f6fef9 !important;
  border-color: #f6fef9 !important;
}

.label-hover-success-50:hover .checkbox-inactive {
  border-color: #ecfdf3 !important;
  background-color: rgba(236, 253, 243, 0.1) !important;
}
.label-hover-success-50:hover .checkbox-active {
  opacity: 0.8;
  color: #ecfdf3 !important;
  border-color: #ecfdf3 !important;
}

.label-hover-success-100:hover .checkbox-inactive {
  border-color: #dcfae6 !important;
  background-color: rgba(220, 250, 230, 0.1) !important;
}
.label-hover-success-100:hover .checkbox-active {
  opacity: 0.8;
  color: #dcfae6 !important;
  border-color: #dcfae6 !important;
}

.label-hover-success-200:hover .checkbox-inactive {
  border-color: #abefc6 !important;
  background-color: rgba(171, 239, 198, 0.1) !important;
}
.label-hover-success-200:hover .checkbox-active {
  opacity: 0.8;
  color: #abefc6 !important;
  border-color: #abefc6 !important;
}

.label-hover-success-300:hover .checkbox-inactive {
  border-color: #75e0a7 !important;
  background-color: rgba(117, 224, 167, 0.1) !important;
}
.label-hover-success-300:hover .checkbox-active {
  opacity: 0.8;
  color: #75e0a7 !important;
  border-color: #75e0a7 !important;
}

.label-hover-success-400:hover .checkbox-inactive {
  border-color: #47cd89 !important;
  background-color: rgba(71, 205, 137, 0.1) !important;
}
.label-hover-success-400:hover .checkbox-active {
  opacity: 0.8;
  color: #47cd89 !important;
  border-color: #47cd89 !important;
}

.label-hover-success-500:hover .checkbox-inactive {
  border-color: #17b26a !important;
  background-color: rgba(23, 178, 106, 0.1) !important;
}
.label-hover-success-500:hover .checkbox-active {
  opacity: 0.8;
  color: #17b26a !important;
  border-color: #17b26a !important;
}

.label-hover-success-600:hover .checkbox-inactive {
  border-color: #079455 !important;
  background-color: rgba(7, 148, 85, 0.1) !important;
}
.label-hover-success-600:hover .checkbox-active {
  opacity: 0.8;
  color: #079455 !important;
  border-color: #079455 !important;
}

.label-hover-success-700:hover .checkbox-inactive {
  border-color: #067647 !important;
  background-color: rgba(6, 118, 71, 0.1) !important;
}
.label-hover-success-700:hover .checkbox-active {
  opacity: 0.8;
  color: #067647 !important;
  border-color: #067647 !important;
}

.label-hover-success-800:hover .checkbox-inactive {
  border-color: #085d3a !important;
  background-color: rgba(8, 93, 58, 0.1) !important;
}
.label-hover-success-800:hover .checkbox-active {
  opacity: 0.8;
  color: #085d3a !important;
  border-color: #085d3a !important;
}

.label-hover-success-900:hover .checkbox-inactive {
  border-color: #074d31 !important;
  background-color: rgba(7, 77, 49, 0.1) !important;
}
.label-hover-success-900:hover .checkbox-active {
  opacity: 0.8;
  color: #074d31 !important;
  border-color: #074d31 !important;
}

.label-hover-success-950:hover .checkbox-inactive {
  border-color: #053321 !important;
  background-color: rgba(5, 51, 33, 0.1) !important;
}
.label-hover-success-950:hover .checkbox-active {
  opacity: 0.8;
  color: #053321 !important;
  border-color: #053321 !important;
}

.grid-cols-1 {
  grid-column: 1/span 1;
}

.grid-cols-2 {
  grid-column: 1/span 2;
}

.grid-cols-3 {
  grid-column: 1/span 3;
}

.grid-cols-4 {
  grid-column: 1/span 4;
}

.grid-cols-5 {
  grid-column: 1/span 5;
}

.grid-cols-6 {
  grid-column: 1/span 6;
}

.grid-cols-7 {
  grid-column: 1/span 7;
}

.grid-cols-8 {
  grid-column: 1/span 8;
}

.grid-cols-9 {
  grid-column: 1/span 9;
}

.grid-cols-10 {
  grid-column: 1/span 10;
}

.grid-cols-11 {
  grid-column: 1/span 11;
}

.grid-cols-12 {
  grid-column: 1/span 12;
}

.display-inline {
  display: inline-block;
}

.display-block {
  display: block;
}

.checkbox-label input[type=checkbox] {
  display: none;
}

.toggle-box .checkbox-label {
  display: flex;
  align-items: center;
  color: #475467;
  cursor: pointer;
  font-weight: 500;
  margin-bottom: 5px;
}
@media (min-width: 320px) and (max-width: 743px) {
  .toggle-box .checkbox-label {
    font-size: 14px;
    gap: 0 8px;
  }
}
@media (min-width: 744px) and (max-width: 1127px) {
  .toggle-box .checkbox-label {
    font-size: 16px;
    gap: 0 12px;
  }
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .toggle-box .checkbox-label {
    font-size: 16px;
    gap: 0 12px;
  }
}
.toggle-box .toggle-container {
  background-color: #f2f4f7;
  border-radius: 9999px;
  position: relative;
}
@media (min-width: 320px) and (max-width: 743px) {
  .toggle-box .toggle-container {
    width: 36px;
    height: 20px;
  }
}
@media (min-width: 744px) and (max-width: 1127px) {
  .toggle-box .toggle-container {
    width: 44px;
    height: 24px;
    margin-bottom: 2px;
  }
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .toggle-box .toggle-container {
    width: 44px;
    height: 24px;
    margin-bottom: 2px;
  }
}
.toggle-box .toggle-button {
  background-color: #ffffff;
  border-radius: 9999px;
  position: absolute;
  right: 2px;
  top: 2px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0588235294), 0px 1px 3px 0px rgba(16, 24, 40, 0.1019607843);
}
@media (min-width: 320px) and (max-width: 743px) {
  .toggle-box .toggle-button {
    width: 16px;
    height: 16px;
  }
}
@media (min-width: 744px) and (max-width: 1127px) {
  .toggle-box .toggle-button {
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .toggle-box .toggle-button {
    width: 20px;
    height: 20px;
  }
}
.toggle-box .help-checkbox {
  margin-bottom: 0;
  color: #667085;
}
@media (min-width: 320px) and (max-width: 743px) {
  .toggle-box .help-checkbox {
    font-size: 14px;
    margin-right: 44px;
  }
}
@media (min-width: 744px) and (max-width: 1127px) {
  .toggle-box .help-checkbox {
    font-size: 16px;
    margin-right: 44px;
  }
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .toggle-box .help-checkbox {
    font-size: 16px;
    margin-right: 44px;
  }
}
.toggle-box.disabled {
  pointer-events: none;
}
.toggle-box.disabled .toggle-container {
  background-color: #f2f4f7 !important;
}
.toggle-box.disabled .toggle-button {
  background-color: #f9fafb !important;
}

.checkbox-label input[type=checkbox]:checked + .toggle-container .toggle-button {
  transform: translateX(-100%);
}

.checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #182230;
}
.checkbox-label input[type=checkbox]:checked ~ .toggle-container:hover {
  opacity: 0.8;
}

.checkbox-label:hover .toggle-container {
  background-color: #eaecf0;
}

.toggle-bg-base-white .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #ffffff;
}

.toggle-bg-base-black .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #000000;
}

.toggle-bg-gray-25 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #fcfcfd;
}

.toggle-bg-gray-50 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #f9fafb;
}

.toggle-bg-gray-100 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #f2f4f7;
}

.toggle-bg-gray-200 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #eaecf0;
}

.toggle-bg-gray-300 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #d0d5dd;
}

.toggle-bg-gray-400 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #d0d5dd;
}

.toggle-bg-gray-500 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #667085;
}

.toggle-bg-gray-600 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #475467;
}

.toggle-bg-gray-700 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #344054;
}

.toggle-bg-gray-800 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #182230;
}

.toggle-bg-gray-900 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #101828;
}

.toggle-bg-gray-950 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #0c111d;
}

.toggle-bg-magenta-dye-25 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #fcf7fa;
}

.toggle-bg-magenta-dye-50 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #fbf0f6;
}

.toggle-bg-magenta-dye-100 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #f5d7e7;
}

.toggle-bg-magenta-dye-200 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #e693bf;
}

.toggle-bg-magenta-dye-300 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #dc65a4;
}

.toggle-bg-magenta-dye-400 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #d54692;
}

.toggle-bg-magenta-dye-500 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #e12a80;
}

.toggle-bg-magenta-dye-600 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #ab276d;
}

.toggle-bg-magenta-dye-700 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #8f205b;
}

.toggle-bg-magenta-dye-800 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #721a49;
}

.toggle-bg-magenta-dye-900 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #561337;
}

.toggle-bg-magenta-dye-950 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #390d24;
}

.toggle-bg-duke-blue-25 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #f6f5fc;
}

.toggle-bg-duke-blue-50 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #e8e6fa;
}

.toggle-bg-duke-blue-100 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #c7c3fa;
}

.toggle-bg-duke-blue-200 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #7c70fb;
}

.toggle-bg-duke-blue-300 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #2411f9;
}

.toggle-bg-duke-blue-400 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #1705d4;
}

.toggle-bg-duke-blue-500 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #1004a4;
}

.toggle-bg-duke-blue-600 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #0f048d;
}

.toggle-bg-duke-blue-700 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #0d0375;
}

.toggle-bg-duke-blue-800 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #0a025e;
}

.toggle-bg-duke-blue-900 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #080246;
}

.toggle-bg-duke-blue-950 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #05012f;
}

.toggle-bg-picton-blue-25 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #f7fafc;
}

.toggle-bg-picton-blue-50 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #ebf4fa;
}

.toggle-bg-picton-blue-100 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #cee6f5;
}

.toggle-bg-picton-blue-200 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #b2dcf7;
}

.toggle-bg-picton-blue-300 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #7dc8f7;
}

.toggle-bg-picton-blue-400 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #63bdf5;
}

.toggle-bg-picton-blue-500 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #49b3f3;
}

.toggle-bg-picton-blue-600 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #2ca0e5;
}

.toggle-bg-picton-blue-700 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #0e88d4;
}

.toggle-bg-picton-blue-800 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #0b6daa;
}

.toggle-bg-picton-blue-900 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #08527f;
}

.toggle-bg-picton-blue-950 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #053655;
}

.toggle-bg-error-25 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #fffbfa;
}

.toggle-bg-error-50 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #fef3f2;
}

.toggle-bg-error-100 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #fee4e2;
}

.toggle-bg-error-200 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #fecdca;
}

.toggle-bg-error-300 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #fda29b;
}

.toggle-bg-error-400 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #f97066;
}

.toggle-bg-error-500 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #f04438;
}

.toggle-bg-error-600 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #d92d20;
}

.toggle-bg-error-700 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #b42318;
}

.toggle-bg-error-800 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #912018;
}

.toggle-bg-error-900 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #7a271a;
}

.toggle-bg-error-950 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #55160c;
}

.toggle-bg-warning-25 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #fffcf5;
}

.toggle-bg-warning-50 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #fffaeb;
}

.toggle-bg-warning-100 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #fef0c7;
}

.toggle-bg-warning-200 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #fedf89;
}

.toggle-bg-warning-300 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #fec84b;
}

.toggle-bg-warning-400 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #fdb022;
}

.toggle-bg-warning-500 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #f79009;
}

.toggle-bg-warning-600 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #dc6803;
}

.toggle-bg-warning-700 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #b54708;
}

.toggle-bg-warning-800 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #93370d;
}

.toggle-bg-warning-900 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #7a2e0e;
}

.toggle-bg-warning-950 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #4e1d09;
}

.toggle-bg-success-25 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #f6fef9;
}

.toggle-bg-success-50 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #ecfdf3;
}

.toggle-bg-success-100 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #dcfae6;
}

.toggle-bg-success-200 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #abefc6;
}

.toggle-bg-success-300 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #75e0a7;
}

.toggle-bg-success-400 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #47cd89;
}

.toggle-bg-success-500 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #17b26a;
}

.toggle-bg-success-600 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #079455;
}

.toggle-bg-success-700 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #067647;
}

.toggle-bg-success-800 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #085d3a;
}

.toggle-bg-success-900 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #074d31;
}

.toggle-bg-success-950 .checkbox-label input[type=checkbox]:checked ~ .toggle-container {
  background-color: #053321;
}

.grid-cols-1 {
  grid-column: 1/span 1;
}

.grid-cols-2 {
  grid-column: 1/span 2;
}

.grid-cols-3 {
  grid-column: 1/span 3;
}

.grid-cols-4 {
  grid-column: 1/span 4;
}

.grid-cols-5 {
  grid-column: 1/span 5;
}

.grid-cols-6 {
  grid-column: 1/span 6;
}

.grid-cols-7 {
  grid-column: 1/span 7;
}

.grid-cols-8 {
  grid-column: 1/span 8;
}

.grid-cols-9 {
  grid-column: 1/span 9;
}

.grid-cols-10 {
  grid-column: 1/span 10;
}

.grid-cols-11 {
  grid-column: 1/span 11;
}

.grid-cols-12 {
  grid-column: 1/span 12;
}

.display-inline {
  display: inline-block;
}

.display-block {
  display: block;
}

.alert {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  margin: 0 !important;
}
@media (min-width: 744px) and (max-width: 1127px) {
  .alert {
    padding: 12px 16px;
  }
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .alert {
    padding: 12px 16px;
  }
}
.alert .alert-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 5px;
}
@media (min-width: 744px) and (max-width: 1127px) {
  .alert .alert-header {
    gap: 0 11px;
    margin-bottom: 3px;
  }
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .alert .alert-header {
    gap: 0 11px;
    margin-bottom: 3px;
  }
}
.alert .alert-header .alert-title {
  font-family: "PeydaWeb";
  font-size: 16px !important;
  font-weight: 700 !important;
  flex: 1 1 0%;
  margin: 0 !important;
}
.alert .alert-header .icon-ring-1,
.alert .alert-header .icon-ring-2 {
  display: grid;
  place-items: center;
  padding: 2px;
  border-radius: 50%;
  border: 2px solid;
}
@media (min-width: 320px) and (max-width: 743px) {
  .alert .alert-header .icon-ring-2 {
    margin-right: -3px;
  }
}
.alert .alert-header .close-alert {
  display: grid;
  place-items: center;
}
@media (min-width: 320px) and (max-width: 743px) {
  .alert .alert-header .close-alert {
    margin-bottom: 3px;
  }
}
.alert .alert-content {
  font-family: "PeydaWeb";
  margin-bottom: 0px !important;
}
@media (min-width: 320px) and (max-width: 743px) {
  .alert .alert-content {
    font-size: 14px !important;
    line-height: 28px;
  }
}
@media (min-width: 744px) and (max-width: 1127px) {
  .alert .alert-content {
    font-size: 16px;
    margin-right: 46px;
    line-height: 28px;
  }
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .alert .alert-content {
    font-size: 16px;
    margin-right: 46px;
  }
}
.alert .alert-actions {
  display: flex;
  align-items: center;
  gap: 0 24px;
  font-family: "PeydaWeb";
  font-size: 14px !important;
  font-weight: 600;
}
@media (min-width: 744px) and (max-width: 1127px) {
  .alert .alert-actions {
    margin-right: 46px;
  }
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .alert .alert-actions {
    margin-right: 46px;
  }
}
.alert .alert-actions .alert-link,
.alert .alert-actions .alert-cancel {
  padding: 5px 0;
}

.alert-grey {
  background-color: #ffffff;
  border-color: #d0d5dd;
}
.alert-grey .alert-header {
  color: #101828;
}
.alert-grey .alert-header .icon-ring-1 {
  border-color: rgba(16, 24, 40, 0.4);
}
.alert-grey .alert-header .icon-ring-2 {
  border-color: rgba(16, 24, 40, 0.1);
}
.alert-grey .alert-content {
  color: #667085;
}
.alert-grey .alert-link {
  color: #182230;
}
.alert-grey .alert-cancel {
  color: #667085;
}

.alert-brand {
  background-color: #f6f5fc;
  border-color: #c7c3fa;
}
.alert-brand .alert-header {
  color: #1004a4;
}
.alert-brand .alert-header .icon-ring-1 {
  border-color: rgba(16, 4, 164, 0.4);
}
.alert-brand .alert-header .icon-ring-2 {
  border-color: rgba(16, 4, 164, 0.1);
}
.alert-brand .alert-content {
  color: #667085;
}
.alert-brand .alert-link {
  color: #1004a4;
}
.alert-brand .alert-cancel {
  color: #667085;
}

.alert-error {
  background-color: #fffbfa;
  border-color: #fda29b;
}
.alert-error .alert-header {
  color: #d92d20;
}
.alert-error .alert-header .icon-ring-1 {
  border-color: rgba(217, 45, 32, 0.4);
}
.alert-error .alert-header .icon-ring-2 {
  border-color: rgba(217, 45, 32, 0.1);
}
.alert-error .alert-content {
  color: #d92d20;
}
.alert-error .alert-link {
  color: #182230;
}
.alert-error .alert-cancel {
  color: #667085;
}

.alert-success {
  background-color: #f6fef9;
  border-color: #75e0a7;
}
.alert-success .alert-header {
  color: #079455;
}
.alert-success .alert-header .icon-ring-1 {
  border-color: rgba(7, 148, 85, 0.4);
}
.alert-success .alert-header .icon-ring-2 {
  border-color: rgba(7, 148, 85, 0.1);
}
.alert-success .alert-content {
  color: #079455;
}
.alert-success .alert-link {
  color: #182230;
}
.alert-success .alert-cancel {
  color: #667085;
}

.alert-warning {
  background-color: #fffcf5;
  border-color: #fec84b;
}
.alert-warning .alert-header {
  color: #dc6803;
}
.alert-warning .alert-header .icon-ring-1 {
  border-color: rgba(220, 104, 3, 0.4);
}
.alert-warning .alert-header .icon-ring-2 {
  border-color: rgba(220, 104, 3, 0.1);
}
.alert-warning .alert-content {
  color: #dc6803;
}
.alert-warning .alert-link {
  color: #182230;
}
.alert-warning .alert-cancel {
  color: #667085;
}

.toast-backdrop {
  width: 100vw !important;
  height: 100vh !important;
  position: fixed;
  inset: 0 !important;
  z-index: 1;
  opacity: 1;
  background-color: rgb(0, 0, 0);
  filter: opacity(0.6);
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
}

.alert-top-right {
  position: fixed !important;
  width: 50% !important;
  z-index: 9;
  inset: 10px 10px auto auto;
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .alert-top-right {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.alert-center-right {
  position: fixed !important;
  width: 50% !important;
  z-index: 9;
  inset: auto 10px 40% auto;
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .alert-center-right {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.alert-bottom-right {
  position: fixed !important;
  width: 50% !important;
  z-index: 9;
  inset: auto 10px 10px auto;
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .alert-bottom-right {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.alert-top-left {
  position: fixed !important;
  width: 50% !important;
  z-index: 9;
  inset: 10px auto auto 10px;
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .alert-top-left {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.alert-center-left {
  position: fixed !important;
  width: 50% !important;
  z-index: 9;
  inset: auto auto 40% 10px;
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .alert-center-left {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.alert-bottom-left {
  position: fixed !important;
  width: 50% !important;
  z-index: 9;
  inset: auto auto 10px 10px;
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .alert-bottom-left {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.alert-top-center {
  position: fixed !important;
  width: 50% !important;
  z-index: 9;
  inset: 10px auto auto 25%;
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .alert-top-center {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.alert-bottom-center {
  position: fixed !important;
  width: 50% !important;
  z-index: 9;
  inset: auto auto 10px 25%;
}
@media (min-width: 1128px) and (max-width: 1920px) {
  .alert-bottom-center {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.grid-cols-1 {
  grid-column: 1/span 1;
}

.grid-cols-2 {
  grid-column: 1/span 2;
}

.grid-cols-3 {
  grid-column: 1/span 3;
}

.grid-cols-4 {
  grid-column: 1/span 4;
}

.grid-cols-5 {
  grid-column: 1/span 5;
}

.grid-cols-6 {
  grid-column: 1/span 6;
}

.grid-cols-7 {
  grid-column: 1/span 7;
}

.grid-cols-8 {
  grid-column: 1/span 8;
}

.grid-cols-9 {
  grid-column: 1/span 9;
}

.grid-cols-10 {
  grid-column: 1/span 10;
}

.grid-cols-11 {
  grid-column: 1/span 11;
}

.grid-cols-12 {
  grid-column: 1/span 12;
}

.display-inline {
  display: inline-block;
}

.display-block {
  display: block;
}

.upload-file-section {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
}
.upload-file-section div label {
  width: 100%;
}
.upload-file-section .upload-img-button {
  width: 100% !important;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 16px;
  border-radius: 8px;
  cursor: pointer;
}
.upload-file-section .upload-img-button .upload-icon {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 12px;
}
.upload-file-section .upload-img-button .upload-content {
  display: flex;
  flex-direction: column;
  gap: 4px 0;
}
.upload-file-section .upload-img-button .upload-content p {
  margin: 0;
  padding: 0;
  text-align: right;
}
.upload-file-section .upload-img-button .upload-content span {
  color: #98a2b3;
  text-align: right;
}
.upload-file-section .uploaded-file {
  width: 100% !important;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 16px;
  border-radius: 8px;
}
.upload-file-section .upload-icon {
  width: 56px;
  height: 56px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 12px;
  overflow: hidden;
}
.upload-file-section .upload-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.upload-file-section .upload-content {
  display: flex;
  flex-direction: column;
  gap: 4px 0;
  width: 80%;
}
.upload-file-section .upload-content p {
  margin: 0;
  padding: 0;
  text-align: right;
}
.upload-file-section .upload-content span {
  color: #98a2b3;
  text-align: right;
}
.upload-file-section .upload-content #progress_bar {
  height: 5px;
  border-radius: 5px;
  margin-right: 10px;
  pointer-events: none;
}
.upload-file-section .upload-content #progress_bar::-webkit-slider-thumb {
  opacity: 0;
}
.upload-file-section .upload-content #progress_bar::-moz-range-thumb {
  opacity: 0;
}
.upload-file-section .upload-content #progress_bar::-ms-thumb {
  opacity: 0;
}
.upload-file-section .cancel-icon {
  cursor: pointer;
  margin-right: auto !important;
}
.upload-file-section .uploaded-image-preview {
  width: 100% !important;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0px;
  border-radius: 8px;
  position: relative;
  justify-content: center;
}
.upload-file-section .uploaded-image-preview .uploaded-image-preview-text {
  position: absolute;
  bottom: 0;
  right: 15px;
}
.upload-file-section .uploaded-image-preview .uploaded-image-preview-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 12px;
  position: absolute;
  left: 5px;
  bottom: 5px;
  cursor: pointer;
}
.upload-file-section .uploaded-image-preview img {
  height: 88px !important;
}
.upload-file-section .uploaded-image-preview img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}

* {
  transition: all 0.3s linear;
}

code {
  direction: ltr;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif !important;
}

.shadows,
.buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 30px;
}

.shadow-item {
  padding: 20px;
}

/** your custom css code **/
